@charset "utf-8";


@import url("base.css");


/*****************************************************************************
稜線
 *****************************************************************************/

#ridgeline .main_box {
	width:850px;
	height:337px;
	background-image:url(../images/ridgeline/main_box_bg.jpg);
	background-position:0 0 ;
	background-repeat:no-repeat;
	position:relative;
	border-bottom:1px solid #c8c8c8;
	margin:0 0 26px;
}


#ridgeline .main_box h2{
	position:absolute;
	top:0;
	left:0;
	padding:8px 12px;
	color:#ffffff;
	font-size:1.14em;
	font-weight:bold;
}

#ridgeline .main_box h3{
	position:absolute;
	top:55px;
	left:31px;
}

#ridgeline .main_box .catch{
	position:absolute;
	top:215px;
	left:31px;
}
#ridgeline .main_box .catch2{
	position:absolute;
	top:302px;
	left:31px;
}

#ridgeline .main_box .img{
	position:absolute;
	top:5px;
	left:567px;
	width:260px;
}


#ridgeline .main_box .img span{
	display:block;
	font-size:0.85em;
	text-align:right;
}


#section1,
#section2,
#section3,
#section4{
	clear:both;
	margin:0 0 26px;
}


#ridgeline #section1 .section_left {
	width:203px;
	float:left;
}
#ridgeline #section1 li{
	padding:0 0 8px;
}
#ridgeline #section1 li span{
	display:block;
	font-size:0.85em;
}

#ridgeline #section1 .section_right{
	width:620px;
	float:right;
}



#ridgeline #section1 .explanation {
	margin:0 0 1.5em;
}
#ridgeline #section1 .explanation p{
	margin:0 0 0.5em;
}


.cart_btn {
	border:1px solid #d9e2ee;
	padding:2px;
	margin:0 auto 25px;
	width:616px;
}

#ridgeline .section_right .cart_btn{
	margin:0 0 0.5em;
}



.cart_btn_inner {
	background-image:url(../images/instore_bg.gif);
	padding:8px;
}
.cart_btn .clearfix {
	border-bottom:1px solid #d6dbe2;
}

.cart_btn .clearfix dl {
	float:left;
	padding-left:25px;
}

.cart_btn .clearfix p {
	float:right;
	padding-right:25px;
	padding-top:10px;
}

.cart_btn dt {
	font-weight:bold;
}
.cart_btn dd {
	font-weight:bold;
	font-size:1.14em;
	padding:0 0 12px;
}
.cart_btn_btm {
	clear:both;
	padding: 9px 0 2px;
	text-align:center;
	border-top:1px solid #ffffff;
}
.cart_btn_note {
	margin:0 0 2em;
}


.detail_table {
	float:left;
	border:1px solid #c8c8c8;
	background-color:#f1f1f1;
	padding:1px;
}
.detail_table table{
	float:left;
	background-color:#c8c8c8;
}

.detail_table table th,
.detail_table table td{
	padding:2px 20px 2px 6px;
	border:2px solid #ffffff;
	background-color:#fbfbfb;
	vertical-align:top;
}




#ridgeline #section2 .hd{
	padding-bottom:5px;
}
#ridgeline #section2 .hd h3{
	background-image:url(../images/red_bg.gif);
	padding:15px 35px 15px 15px;
	font-weight:bold;
	float:left;
	color:#ffffff;
	height:90px;
	margin-top:5px;
	line-height:1.2;
}
#ridgeline #section2 .hd  h3 strong,
#ridgeline #section2 .hd  h3 span.span {
	display:block;
	font-size:1.14em;
}

#ridgeline #section2 .hd  h3 span.small{
	display:block;
	font-size:0.85em;
	padding-top:8px;
}

#ridgeline #section2 .hd  h4 {
	float:left;
}


#ridgeline #section2 .explanation {
	border-left:1px solid #c8c8c8;
	float:left;
	padding:8px 0 3px 34px;
	margin-top:10px;
	line-height:1.5;
	height:105px;
}
#ridgeline #section2 .explanation p {
	margin-bottom:0.5em;
}
#ridgeline #section2 .explanation .strong {
	font-weight:bold;
	font-size:1.14em;
}

#gallery {
	clear:both;
	background-color:#000000;
}
#gallery #btns {
	background-color:#ffffff;
}
#gallery #btns li{
	float:left;
	cursor:pointer;
}




.cal01_box {
	clear:both;
	background-color:#000000;
	padding: 0 18px;
	/*display:none;*/
}
.cal01_box h5{
	padding:18px 0 6px;
	font-size:1.14em;
	color:#ffffff;
	font-weight:bold;
}
.cal01_box h5 span{
	font-size:0.85em;
	padding-left:14px;
}

.cal01_box .photo_text  {
	padding:8px 0 18px;
	height:386px;
}

.cal01_box .photo_text img {
	float:left;
	width:524px;
	/*display:none;*/
}
.cal01_box .photo_text p {
	margin-left:540px;
	color:#ababab;
}
.cal01_box .camera {
	clear:both;
	background-color:#2f2f2f;
	padding:4px 12px;
	font-weight:bold;
	color:#afb0b3;
	text-align:right;
	line-height:1.1;
	margin:0 0 8px;
}

.cal01_box .ft a{
	font-size:0.85em;
	color:#ffffff;
	text-decoration:underline;
	padding-bottom: 18px;
	line-height:1.1;
}
.cal01_box .ft a:hover{
	color:#ff0000;
}

.cal01_box .ft_left {
	float:left;
	background-image:url(../images/icon_prev.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
	padding-left:8px;
}
.cal01_box .ft_right {
	float:right;
	background-image:url(../images/icon_fwd.gif);
	background-position:100% 4px;
	background-repeat:no-repeat;
	padding-right:8px;
}



#section3 {
	position:relative;
	zoom:1;
}
#section3 dl{
	float:left;
}
#section3 .dl1{
	width:282px;
}
#section3 .dl2{
	width:284px;
}
#section3 .dl3{
	width:284px;
}
#section3 dt{
	font-weight:bold;
	font-size:1.14em;
	border-bottom:1px solid #c8c8c8;
	padding:9px;
}
#section3 dt span{
	display:block;
	border-left:5px solid #d5d5d5;
	padding-left:5px;
}
#section3 dd span{
	display:block;
	width:253px;
	margin:9px auto;

}
#section3 dd img{
	display:block;
	margin:0 auto 9px;

}


#section3 .points {
	background-image:url(../images/ridgeline/salling_points_dl_bg.gif);
	background-position:0 100%;
	background-repeat:no-repeat;
}


#section3 .points .clearfix{
	background-image:url(../images/ridgeline/salling_points_dt_bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0 0 20px;
}


#section3 .ft{
	clear:both;
	background-image:url(../images/ridgeline/takayama_btm.gif);
	background-position:0 100%;
	background-repeat:no-repeat;
	position:relative;
}

#section3 .ft_inner{
	clear:both;
	background-image:url(../images/ridgeline/takayama_top.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:20px 20px 20px 230px;
}

#section3 .ft_inner h4{
	margin-bottom:8px;
	margin-left:-50px;
}

#section3 .ft_inner p{
	width:350px;
	font-weight:bold;
}

#takayama {
	position:absolute;
	bottom:3px;
	left:18px;
	z-index:999;
}

#section3 .block_link{
	position:absolute;
	bottom:30px;
	right:30px;
	z-index:999;
}





#section4 {
	background-image:url(../images/ridgeline/voice_bg_mid.gif);
	background-position:0 0;
	background-repeat:repeat-y;
}

#section4 .voice_inner{
	background-image:url(../images/ridgeline/voice_bg_btm.gif);
	background-position:0 100%;
	background-repeat:no-repeat;
	padding:20px;
	position:relative;
	/zoom:1;
}
#section4 .voice_inner .text{
	width:560px;	
}
#section4 .voice_inner .text span{
	display:block;
	font-weight:bold;	
}
#section4 .voice_inner .text p{
	margin-bottom:1em;	
}
#section4 .voice_inner a{
	position:absolute;
	top:27px;
	right:22px;
}