@charset "shift-jis";
/* ===================================================================
CSS information

 file name  :style.css
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #navSkip
 #wrapper
  #contents
   #main
   #sub
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/

div#spc1026_main{
background: url(../image/bg_pattern.jpg) #ffa966;
}

div#spc1026_main img{
margin: 0;
padding: 0;
line-height: 0;
}

div#spc1026_main #mainBg{
background: url(../image/bg.jpg) top no-repeat;
padding-bottom: 30px;
}

div#spc1026_main #header{
background: url(../image/ttl_sub.png) left top no-repeat;
padding-top: 27px;
}

div#spc1026_main #header img{
padding-left: 263px;
margin-bottom: 15px;
}

div#spc1026_main #header p{
padding:0 30px 17px 269px;
}

div#spc1026_main #mainClmn{
margin: 0 30px;
}


div#spc1026_main #mainClmn #mainArea{
padding: 35px 25px;
}

div#spc1026_main #mainClmn #mainArea h3{
margin-right: 20px;
}

div#spc1026_main #mainClmn #mainArea #question{
width: 840px;
margin-top: 25px;
padding-top: 20px;
}

div#spc1026_main #mainClmn #mainArea #answer{
margin: 10px 0 20px;
padding-left: 150px;
background: url(../image/a_bg.png) left top no-repeat;
}

div#spc1026_main #mainClmn #mainArea h4 img{
margin: 20px 0 10px;
}

div#spc1026_main #mainClmn #mainArea .items{
width: 198px;
float: left;
margin-right: 16px;
}

div#spc1026_main #mainClmn #mainArea .last{
margin-right: -16px;
}

div#spc1026_main #mainClmn #mainArea .items p{
padding:0 10px;
}

div#spc1026_main #mainClmn #mainArea #colmn{
width: 840px;
}

div#spc1026_main #mainClmn #mainArea #colmn #colmnInner{
padding:  20px 30px 30px 214px;
}

div#spc1026_main #mainClmn #mainArea #colmn #colmnInner h4{
line-height: 0;
padding: 0;
}

div#spc1026_main #mainClmn #mainArea #colmn #colmnInner p{
margin-bottom: 15px;
}

div#spc1026_main #mainClmn #mainArea #nextBtn{
width: 840px;
text-align: center;
margin-top: 20px;
}


/*---ナビ関連---*/

div#spc1026_main #mainClmn #nav {
_margin-bottom: -2px;
}

div#spc1026_main #mainClmn #nav ul{
height: 57px;
overflow: hidden;
margin-left: 23px;
padding: 0;
line-height: 0;
}

div#spc1026_main #mainClmn #nav li{
float: left;
line-height: 0;
margin-right: 12px;
}

div#spc1026_main #mainClmn #nav li a{
margin: 0;
padding: 0;
line-height: 0;
}


/*---テキスト関連---*/

div#spc1026_main{
color:#330000;
font-size: 12px;
line-height: 150%;
}

div#spc1026_main .txt_s{
font-size: 10px;
}

div#spc1026_main .txt_c{
text-align: center;
}

div#spc1026_main .txt_st{
font-weight: bold;
font-size: 14px;
}

div#spc1026_main #mainClmn .cap{
font-size: 10px;
color:#6f4e4e;
}

div#spc1026_main #mainClmn #mainArea .items .itemCap:first-letter{
font-size: 16px;
font-weight: bold;
}

div#spc1026_main #mainClmn #mainArea .items .itemCmt{
margin-top: 10px;
}

div#spc1026_main #mainClmn #mainArea .items .itemCmtTtl{
font-weight: bold;
}

div#spc1026_main #mainClmn #mainArea .items .itemSpec{
margin-top: 10px;
color: #6f4e4e;
}

div#spc1026_main #mainClmn #mainArea .items .itemSpec  a.txt{
background: none;
padding-left: 0;
}

div#spc1026_main #mainClmn #mainArea .items .itemSpec a{
background: url(../image/link_arrow.png) 0px center no-repeat;
padding-left: 18px;
}

/*---クチコミランキング---*/
div#spc1026_main #mainClmn #mainArea .items .lank7{
width: 94px;
height: 12px;
margin: 5px 0 0;
overflow: hidden;
text-indent: -9999px;
display: block;
background: url(../image/lank.png) left top no-repeat;
}

div#spc1026_main #mainClmn #mainArea .items .lank6{
width: 94px;
height: 12px;
margin: 5px 0 0;
overflow: hidden;
text-indent: -9999px;
display: block;
background: url(../image/lank.png) left -12px no-repeat;
}

div#spc1026_main #mainClmn #mainArea .items .lank5{
width: 94px;
height: 12px;
margin: 5px 0 0;
overflow: hidden;
text-indent: -9999px;
display: block;
background: url(../image/lank.png) left -24px no-repeat;
}

div#spc1026_main #mainClmn #mainArea .items .lank4{
width: 94px;
height: 12px;
margin: 5px 0 0;
overflow: hidden;
text-indent: -9999px;
display: block;
background: url(../image/lank.png) left -36px no-repeat;
}

div#spc1026_main #mainClmn #mainArea .items .noLank{
margin: 5px 0 0;
color:#999;
}

/* マージン制御用 */
.t15 {
margin-top: 15px;
}

.t20 {
margin-top: 20px;
}
}

.b10 {
margin-bottom: 10px !important;
}

.b15 {
margin-bottom: 15px !important;
}

.b20 {
margin-bottom: 30px !important;
}

.b30 {
margin-bottom: 30px !important;
}


/* ロールオーバー */
a:hover img.ov{
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
background: transparent !important;
}


/*----------------------------------------------------
	毎回変更箇所
----------------------------------------------------*/

/*--01--*/
div#spc1026_main #mainClmn .main01{
background: url(../image/bg_main_01.jpg) left top no-repeat #fff;
_height:0;
}

div#spc1026_main #mainClmn .main01 h3{
width: 306px;
float: left;
}

div#spc1026_main #mainClmn .main01 p.ttlLead{
width: 480px;
margin-left: 326px;
background: url(../image/bg_main_01_line.png) left repeat-y ;
padding-left: 20px;
font-size: 14px;
line-height: 175%;
}

div#spc1026_main #mainClmn .main01 .line{
background: url(../image/dotline_lite_01.png) top repeat-x;
}

div#spc1026_main #mainClmn .main01 .items .itemCmt{
color:#b67800;
}

div#spc1026_main #mainClmn .main01 .items .itemCmt{
margin-left: 10px;
background: url(../image/cmt_bg_01.png) repeat-y;
}

div#spc1026_main #mainClmn .main01 #colmn{
background: url(../image/clmn_bg_01.jpg) top center no-repeat #fff097;
}


/*--02--*/
div#spc1026_main #mainClmn .main02{
background: url(../image/bg_main_02.jpg) left top no-repeat #fff;
_height:0;
}

div#spc1026_main #mainClmn .main02 h3{
width: 369px;
float: left;
}

div#spc1026_main #mainClmn .main02 p.ttlLead{
width: 411px;
margin-left: 389px;
background: url(../image/bg_main_02_line.png) left repeat-y;
padding-left: 20px;
font-size: 14px;
line-height: 175%;
}

div#spc1026_main #mainClmn .main02 .line{
background: url(../image/dotline_lite_02.png) top repeat-x;
}

div#spc1026_main #mainClmn .main02 .items .itemCmt{
color:#059a9a;
}

div#spc1026_main #mainClmn .main02 .items .itemCmt{
margin-left: 10px;
background: url(../image/cmt_bg_02.png) repeat-y;
}

div#spc1026_main #mainClmn .main02 #colmn{
background: url(../image/clmn_bg_02.jpg) top center no-repeat #bdede0;
}

/*--03--*/
div#spc1026_main #mainClmn .main03{
background: url(../image/bg_main_03.jpg) left top no-repeat #fff;
_height:0;
}

div#spc1026_main #mainClmn .main03 h3{
width: 332px;
float: left;
}

div#spc1026_main #mainClmn .main03 p.ttlLead{
width: 448px;
margin-left: 342px;
background: url(../image/bg_main_03_line.png) left repeat-y;
padding-left: 20px;
font-size: 14px;
line-height: 175%;
}

div#spc1026_main #mainClmn .main03 .line{
background: url(../image/dotline_lite_03.png) top repeat-x;
}

div#spc1026_main #mainClmn .main03 .items .itemCmt{
color:#ee4063;
}

div#spc1026_main #mainClmn .main03 .items .itemCmt{
margin-left: 10px;
background: url(../image/cmt_bg_03.png) repeat-y;
}

div#spc1026_main #mainClmn .main03 #colmn{
background: url(../image/clmn_bg_03.jpg) top center no-repeat #ffe5eb;
}



/* -----------------------------------------------------------
	#clear:fix
		フロート解除
----------------------------------------------------------- */
.floatClear {clear:both;font-size:1px;line-_height:0;height:0px;width:1px;}

.clearFix:after{content:url(../image/shim.gif); display: block; clear: both; height: 0;}
.clearFix{display: inline-block;}
.clearFix{display: block;}