﻿@charset "UTF-8";

img {
vertical-align:top;
border: none;
}
/*IE6*/
* html img{
vertical-align: bottom;
}
/*IE7*/
*:first-child+html img{
vertical-align: bottom;
}

/* clearfix */
.clf {
    zoom:1;/*for IE 5.5-7*/
}
.clf:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

div#container {
	clear:both;
	margin: 0 auto;	
	width:980px;
}

#main {
	width: 680px;
	float: left;
	}
		
.header { width: 680px;	float: left;}

/************************************************************
 *アフター保証　
 ************************************************************/	


h1 { background: url(/cmn/images/trust/h1_after.png) 0 0 no-repeat; width: 680px; height: 140px; text-indent: -9999px;}
h2.tit01 { background:url(/cmn/images/trust/tit04.gif) 0 0 no-repeat; width: 680px; height: 54px; text-indent: -9999px;}
h2.tit02 { background:url(/cmn/images/trust/tit05.gif) 0 0 no-repeat; width: 680px; height: 54px; text-indent: -9999px; clear: both; margin-top: 60px;}
h2.tit03 { background:url(/cmn/images/trust/tit06.gif) 0 0 no-repeat; width: 680px; height: 54px; text-indent: -9999px; clear: both; margin-top: 60px;}

.after_col_top { padding: 0 10px 10px 10px; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #f28400;}
.after_col_top .L,.after_col_top .R { width: 320px; float: left;}

ul.List_hosyo { margin-top: 10px;}
ul.List_hosyo li { width: 310px; background: #f3f2f2; margin-bottom: 5px; font-size: 12px; font-weight: bold; padding: 0 5px 0 5px; clear: both;}
ul.List_hosyo li .list_R { float: right;}
ul.List_hosyo li .list_L { float: left; margin-top: 7px;}

ul.List_hosyo li:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


ul.List_hosyo li .list_R .ari { font-family: Arial; color: #fc5918; font-weight: 900; font-size: 22px; margin-right: 3px;}
ul.List_hosyo li.txt_link { text-align: right; width: 310px; background: #FFF; margin-bottom: 5px; font-size: 12px; font-weight: normal; padding: 20px 5px 0 5px; clear: both;}


.col { margin-top: 30px;}

.after_col_set { padding: 0 10px 10px 10px; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #f28400;}

.col_R,.col_L { width: 330px; float: left;}
.col_R { margin-right: 20px;}

.after_col_set { padding-top: 10px;}



.col2 { width: 700px; /width: 700px; margin-top: 20px; margin-right: -20px; /margin-right: -20px; overflow: hidden;}
.col2_L { float: left; margin-right: 20px; /margin-right: 15px;}
.col2_L_inner { width: 198px; padding: 5px 5px 10px 5px; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #0bcb58;}



/************************************************************
 *アフター保証料金表　
 ************************************************************/	
h1.price { background: url(/cmn/images/trust/h1_price_680_140.jpg) 0 0 no-repeat; width: 680px; height: 140px; text-indent: -9999px;}

ul#price_btn { background: url(/cmn/images/trust/navi_price.png) 0 0; text-indent: -9999px; display: block;height: 56px; position: relative;}
ul#price_btn li { height: 56px; text-indent: -9999px; float: left; }
ul#price_btn li a { background: url(/cmn/images/trust/navi_price.png) 0 0; text-indent: -9999px; display: block; height: 56px; position: absolute; outline: none;}
ul#price_btn li a#price_A { width: 102px; left: 72px; background: url(/cmn/images/trust/navi_price.png) -72px 0;}
ul#price_btn li a#price_B { width: 102px; left: 179px; background: url(/cmn/images/trust/navi_price.png) -179px 0;}
ul#price_btn li a#price_C { width: 102px; left: 286px; background: url(/cmn/images/trust/navi_price.png) -286px 0;}
ul#price_btn li a#price_D { width: 102px; left: 466px; background: url(/cmn/images/trust/navi_price.png) -466px 0;}
ul#price_btn li a#price_E { width: 102px; left: 574px; background: url(/cmn/images/trust/navi_price.png) -574px 0;}



ul#price_btn li a:hover#price_A { background: url(/cmn/images/trust/navi_price.png) -72px 112px;}
ul#price_btn li a:hover#price_B { background: url(/cmn/images/trust/navi_price.png) -179px 112px;}
ul#price_btn li a:hover#price_C { background: url(/cmn/images/trust/navi_price.png) -286px 112px;}
ul#price_btn li a:hover#price_D { background: url(/cmn/images/trust/navi_price.png) -466px 112px;}
ul#price_btn li a:hover#price_E { background: url(/cmn/images/trust/navi_price.png) -574px 112px;}



ul#price_btn li.onPage a#price_A { background: url(/cmn/images/trust/navi_price.png) -72px 56px;}
ul#price_btn li.onPage a#price_B { background: url(/cmn/images/trust/navi_price.png) -179px 56px;}
ul#price_btn li.onPage a#price_C { background: url(/cmn/images/trust/navi_price.png) -286px 56px;}
ul#price_btn li.onPage a#price_D { background: url(/cmn/images/trust/navi_price.png) -466px 56px;}
ul#price_btn li.onPage a#price_E { background: url(/cmn/images/trust/navi_price.png) -574px 56px;}



.TableArea { margin-top: 15px; padding: 5px;}


/************************************************************
 *保証範囲一覧
 ************************************************************/	
h1.place { background: url(/cmn/images/trust/h1_place_680_140.jpg) 0 0 no-repeat; width: 680px; height: 140px; text-indent: -9999px;}

.price_btn_Area {
    padding-top: 13px;
    background-color: #eeeded;
}

.place_btn {
    display: table;
}

.place_btn li {
    display: table-cell;
}

.place_btn li a {
    position: relative;
    display: block;
    width: 68px;
    margin: 0 -1px -1px 0;
    padding: 8px 0;
    border: 1px solid #ccc;
    border-radius: 6px 6px 0 0;
    background-color: #fff;
    box-sizing: border-box;
    text-align: center;
    font-family: メイリオ,meiryo;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    line-height: 14px;
    color: #333;
}

.place_btn li a:hover {
    color: #808080;
}

.place_btn li:last-of-type a {
    border-right: 1px solid #ccc;
}

/* ボタンサイズ大 */
.place_btn li.place_btn--wide a {
    width: 71px;
    letter-spacing: -.5px;
}

/* ボタン：アクティブ */
.place_btn li.onPage a {
    border: 1px solid #ff6010;
    border-bottom: 0;
    color: #ff6010;
    z-index: 1;
}

/* ul#place_btn { background: url(/cmn/images/trust/navi_place2.png) 0 0; text-indent: -9999px; display: block;height: 58px; position: relative;}
ul#place_btn li { height: 58px; text-indent: -9999px; float: left; }
ul#place_btn li a { background: url(/cmn/images/trust/navi_place2.png) 0 0; text-indent: -9999px; display: block; height: 58px; position: absolute; outline: none;}
ul#place_btn li a#place_A { width: 75px; left: 4px; background: url(/cmn/images/trust/navi_place2.png) -4px 0;}
ul#place_btn li a#place_B { width: 75px; left: 79px; background: url(/cmn/images/trust/navi_place2.png) -79px 0;}
ul#place_btn li a#place_I { width: 75px; left: 154px; background: url(/cmn/images/trust/navi_place2.png) -154px 0;}
ul#place_btn li a#place_C { width: 75px; left: 229px; background: url(/cmn/images/trust/navi_place2.png) -229px 0;}
ul#place_btn li a#place_D { width: 75px; left: 304px; background: url(/cmn/images/trust/navi_place2.png) -304px 0;}
ul#place_btn li a#place_E { width: 75px; left: 379px; background: url(/cmn/images/trust/navi_place2.png) -379px 0;}
ul#place_btn li a#place_F { width: 75px; left: 454px; background: url(/cmn/images/trust/navi_place2.png) -454px 0;}
ul#place_btn li a#place_G { width: 75px; left: 529px; background: url(/cmn/images/trust/navi_place2.png) -529px 0;}
ul#place_btn li a#place_H { width: 75px; left: 604px; background: url(/cmn/images/trust/navi_place2.png) -604px 0;}



ul#place_btn li a:hover#place_A { width: 75px; left: 4px; background: url(/cmn/images/trust/navi_place2.png) -4px 116px;}
ul#place_btn li a:hover#place_B { width: 75px; left: 79px; background: url(/cmn/images/trust/navi_place2.png) -79px 116px;}
ul#place_btn li a:hover#place_I { width: 75px; left: 154px; background: url(/cmn/images/trust/navi_place2.png) -154px 116px;}
ul#place_btn li a:hover#place_C { width: 75px; left: 229px; background: url(/cmn/images/trust/navi_place2.png) -229px 116px;}
ul#place_btn li a:hover#place_D { width: 75px; left: 304px; background: url(/cmn/images/trust/navi_place2.png) -304px 116px;}
ul#place_btn li a:hover#place_E { width: 75px; left: 379px; background: url(/cmn/images/trust/navi_place2.png) -379px 116px;}
ul#place_btn li a:hover#place_F { width: 75px; left: 454px; background: url(/cmn/images/trust/navi_place2.png) -454px 116px;}
ul#place_btn li a:hover#place_G { width: 75px; left: 529px; background: url(/cmn/images/trust/navi_place2.png) -529px 116px;}
ul#place_btn li a:hover#place_H { width: 75px; left: 604px; background: url(/cmn/images/trust/navi_place2.png) -604px 116px;}


ul#place_btn li.onPage a#place_A {background: url(/cmn/images/trust/navi_place2.png) -4px -116px;}
ul#place_btn li.onPage a#place_B {background: url(/cmn/images/trust/navi_place2.png) -79px -116px;}
ul#place_btn li.onPage a#place_I {background: url(/cmn/images/trust/navi_place2.png) -154px -116px;}
ul#place_btn li.onPage a#place_C {background: url(/cmn/images/trust/navi_place2.png) -229px -116px;}
ul#place_btn li.onPage a#place_D {background: url(/cmn/images/trust/navi_place2.png) -304px -116px;}
ul#place_btn li.onPage a#place_E {background: url(/cmn/images/trust/navi_place2.png) -379px -116px;}
ul#place_btn li.onPage a#place_F {background: url(/cmn/images/trust/navi_place2.png) -454px -116px;}
ul#place_btn li.onPage a#place_G {background: url(/cmn/images/trust/navi_place2.png) -529px -116px;}
ul#place_btn li.onPage a#place_H {background: url(/cmn/images/trust/navi_place2.png) -604px -116px;} */




/***ul#place_btn li a:hover#place_A { background: url(/cmn/images/trust/navi_place2.png) -5px 118px;}
ul#place_btn li a:hover#place_B { background: url(/cmn/images/trust/navi_place2.png) -89px 118px;}
ul#place_btn li a:hover#place_C { background: url(/cmn/images/trust/navi_place2.png) -174px 118px;}
ul#place_btn li a:hover#place_D { background: url(/cmn/images/trust/navi_place2.png) -258px 118px;}
ul#place_btn li a:hover#place_E { background: url(/cmn/images/trust/navi_place2.png) -341px 118px;}
ul#place_btn li a:hover#place_F { background: url(/cmn/images/trust/navi_place2.png) -426px 118px;}
ul#place_btn li a:hover#place_G { background: url(/cmn/images/trust/navi_place2.png) -510px 118px;}
ul#place_btn li a:hover#place_H { background: url(/cmn/images/trust/navi_place2.png) -593px 118px;}




ul#place_btn li.onPage a#place_A { background: url(/cmn/images/trust/navi_place2.png) -5px 59px;}
ul#place_btn li.onPage a#place_B { background: url(/cmn/images/trust/navi_place2.png) -89px 59px;}
ul#place_btn li.onPage a#place_C { background: url(/cmn/images/trust/navi_place2.png) -174px 59px;}
ul#place_btn li.onPage a#place_D { background: url(/cmn/images/trust/navi_place2.png) -258px 59px;}
ul#place_btn li.onPage a#place_E { background: url(/cmn/images/trust/navi_place2.png) -341px 59px;}
ul#place_btn li.onPage a#place_F { background: url(/cmn/images/trust/navi_place2.png) -426px 59px;}
ul#place_btn li.onPage a#place_G { background: url(/cmn/images/trust/navi_place2.png) -510px 59px;}
ul#place_btn li.onPage a#place_H { background: url(/cmn/images/trust/navi_place2.png) -593px 59px;}**/


.ImageArea { margin-top: 15px;}
.ImageArea2 { padding: 5px; margin-top: 15px;}
.ImageArea2 h2 { background: #f18300; padding: 5px; color: #FFF; font-weight: bold; font-size: 14px;}
.ImageArea2 h2 span { font-size: 10px; font-weight: normal;}
.ListArea { padding: 10px; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #f18300;}

.ListArea ul { width: 320px; display: block; float:left; }
.ListArea ul.ListAreaRow { width: 100%; display: block; float:none; }
.ListArea p { border: 1px solid #d5d5d5; background:#fdf0df; margin-bottom:10px; padding: 10px;}


/************************************************************
 * 改行洗脳
 ************************************************************/
th, td, dt, dd, div, p							{ word-break: break-word; word-break: break-all; word-wrap: break-word;}

/************************************************************
 * ﾃｰﾌﾞﾙ設定
 ************************************************************/
.tabel01										{ margin-top: 5px; border-top: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; width: 100%; font-size: 12px; margin-bottom: 5px;}
.tabel01 th, .tabel01 td						{ border-right: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; padding: 3px 5px; text-align:center;}
.tabel01 th.bg01								{ font-weight: 400; color: #666; text-align: left; background: url(/cmn/images/trust/tbl_01.png) 0 0 no-repeat; text-align:center; font-weight: bold;}
.tabel01 td.bg01								{ font-weight: 400; color: #666; text-align: left; background: url(/cmn/images/trust/tbl_01.png) 0 0 no-repeat; text-align:center; font-weight: bold;}
.tabel01 td.bg02								{ font-weight: 400; color: #666; text-align: left; background: url(/cmn/images/trust/tbl_02.png) 0 0 repeat; text-align:center; font-weight: bold;}
.tabel01 .wid01									{ width: 38%;}
.tabel01 .wid02									{ width: 26%;}
.tabel01 .wid03									{ width: 13%;}
.tabel01 .wid04									{ width: 25%;}
.tabel01 .wid05									{ width: 50%;}
.tabel01 .wid06									{ width: 10%;}
.tabel01 td.bg03								{ font-weight: 400; text-align: left; background:#EDEDED; text-align:center;}
.tabel01 td.bg04								{ font-weight: 400; text-align: left; background:#ff7200; text-align:center; color:#FFFFFF;}
.tabel01 th.R_txt, .tabel01 td.R_txt			{ text-align: right;}















/************************************************************
 * サイドナビ
 ************************************************************/

#side_nav {
	width: 280px;
	float: right;
	}
	
	
	
#side {
	width: 280px;
	float: right;
	}
		
#side h3 { background: url(/cmn/images/trust/sn_tit.gif) 0 0 no-repeat; padding: 5px 0 0 8px; font-size: 14px; font-weight: bold; color: #FFF; width: 272px; height: 25px; margin-bottom: 5px;}
#side h3.tit2 { background: url(/cmn/images/trust/sn_tit2.gif) 0 0 no-repeat; padding: 5px 0 0 8px; font-size: 14px; font-weight: bold; color: #FFF; width: 272px; height: 45px; margin-bottom: 5px; line-height: 1.3em;}




ul.list01 { width: 277px; padding-left: 3px; margin-bottom: 30px;}
ul.list01 li { margin-bottom: 10px;}
ul.list01 li a {
    background: url(/cmn/images/trust/icon_point2.gif) no-repeat scroll left 2px transparent;
    margin:0;
    padding: 0 0 0 10px;
	line-height: 1.4em;
}


.sn_btnA a  { background: url(/cmn/images/trust/sn_btnA.png) 0 0 no-repeat; height: 64px; width: 280px; text-indent: -9999px; display: block; outline: none; margin-bottom: 15px;margin-top: 10px;} 
.sn_btnA a:hover  { background: url(/cmn/images/trust/sn_btnA.png) 0 -64px no-repeat;}
.sn_btnA a:active { background: url(/cmn/images/trust/sn_btnA.png) 0 -128px no-repeat;}

.sn_btnB a  { background: url(/cmn/images/trust/sn_btnB.png) 0 0 no-repeat; height: 64px; width: 280px; text-indent: -9999px; display: block; outline: none; margin-bottom: 30px;} 
.sn_btnB a:hover  { background: url(/cmn/images/trust/sn_btnB.png) 0 -64px no-repeat;}
.sn_btnB a:active { background: url(/cmn/images/trust/sn_btnB.png) 0 -128px no-repeat;}


p.bn_text {padding-top: 3px;}
p.bn_text a { font-size: 10px; }


















/************************************************************
 * 小動物
 ************************************************************/
.pa													{ position: absolute;}
.vaM												{ vertical-align: middle;}
.ilB												{ display: inline-block;}
.mT5												{ margin-top: 5px;}
.mT8												{ margin-top: 8px;}
.mT10												{ margin-top: 10px;}
.mT20												{ margin-top: 20px;}
.mT30												{ margin-top: 30px;}
.mR5												{ margin-right: 5px;}
.mR10												{ margin-right: 10px;}
.mR15												{ margin-right: 15px;}
.mR20												{ margin-right: 20px;}

.mR25												{ margin-right: 25px;}
.mL5												{ margin-left: 10px;}
.mL10												{ margin-left: 10px;}
.mB5												{ margin-bottom: 5px;}
.mB10												{ margin-bottom: 10px;}
.mB15												{ margin-bottom: 15px;}
.mB20												{ margin-bottom: 20px;}
.mB30												{ margin-bottom: 30px;}
.fgRed												{ color: #c00;}
.fgLGray											{ color: #999;}
.fgOrange											{ color: #ff7200;}
.iMG												{ display: block; text-indent: -9999px; text-decoration: none; outline: none;}
.taL												{ text-align: left !important;}
.taC												{ text-align: center !important;}
.taR												{ text-align: right !important;}
.arial												{ margin-right: 1px; font-weight: 700; font-family: Arial; vertical-align: -1px;}
.fs10												{ font-size: 10px;}
.fs12												{ font-size: 12px;}
.fs14												{ font-size: 14px;}
.fs15												{ font-size: 15px;}
.fs16												{ font-size: 16px;}
.fs24												{ font-size: 24px;}
.nml												{ font-weight: 400 !important;}
.bold												{ font-weight: 700 !important;}
.ls1												{ letter-spacing: 1px;}
.red   												{ color: #FF0000;}
.clb   												{ clear:both;}
.fll { float: left;}
.flr { float: right;}	
.w150 { width: 150px;}	


.orange_tit { color: #fc5918;}
	
/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/

/* WIDTH */
.w60	{ width: 60px; }
.w65	{ width: 65px; }
.w70	{ width: 70px;}
.w75	{ width: 75px;}
.w80	{ width: 80px; }
.w85	{ width: 85px;}
.w90	{ width: 90px; }
.w95	{ width: 95px; }
.w96	{ width: 96px; }
.w100	{ width: 100px;}
.w110	{ width: 110px;}
.w112	{ width: 112px; }
.w118	{ width: 118px; }
.w140	{ width: 140px;}
.w155	{ width: 155px; }
.w160	{ width: 160px; }
.w161	{ width: 161px; }
.w170	{ width: 170px;}
.w183	{ width: 183px; }
.w200	{ width: 200px; }
.w222	{ width: 222px; }
.w245	{ width: 245px; }
.w280	{ width: 280px; }
.w310	{ width: 310px; }
.w488	{ width: 488px; }
.w680	{ width: 680px; }
.wTriple{ width: 33.333%; }
.wHalf	{ width: 50%; }

/************************************************************
 * 追加分
 ************************************************************/
	
/* ---------　ソーシャルリンク　---------- */

.snsList {
	clear: both;
    font-size: 10px;
    padding-bottom: 5px;
    padding-top: 20px;
	margin-left: 475px;
	margin-bottom: 15px;
}

	
a.mixi-check-button img {
    margin-bottom: 6px;
    margin-right: 5px;
}	

.fb_share_size_Small {
	padding-top: -40px !important;
	margin-top: 0px;
	/margin-top: -24px;
	display: block;
	float: right;
	}
	
/*サイドナビ*/
.sn_ul_01cst{
    margin: 10px 8px 15px;
}
.sn_ul_01cst-inner1{
    display: block;
    list-style: none outside none;
    margin: 0 0 2px;
    padding: 0;
}
.sn_ul_01cst-inner1 a {
    background: url("https://d2i6c6y1xqgf7t.cloudfront.net/common/images/icon_point2.gif") no-repeat scroll left 2px transparent;
    margin: 0;
    padding: 0 0 0 10px;
}
.sn_ul_01cst-inner2{
    margin: 10px 0;
}
.sn_ul_01cst-inner2 a {
    background: url("https://d2i6c6y1xqgf7t.cloudfront.net/common/images/icon_point2.gif") no-repeat scroll 10px 2px transparent;
    padding: 0 0 0 20px;
}
.red_txt {
    color: #FF0000;
    font-size: 14px;
}
/*140331*/
.Side_Title, .Side_Title2 {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}
.Side_Title:hover {
    background-color: #FFDD44;
    color: #000000;
    cursor: pointer;
}
.Side_Title2 span {
    float: left;
    width: 240px;
    font-size: 14px;
}
.Side_Title2 .Right_arrow {
    float: right;
    margin: 1px 0 0;
    width: 20px;
}
#menu2 { margin: 0 0 15px 0;}
#menu2 ul.menu2 { font-size: 12px; display: none; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 10px 0 10px 15px;}
#menu2 ul.menu2 li { margin: 0 0 5px 0;}
#menu2 ul.menu2 li a {
	background: url(https://d2i6c6y1xqgf7t.cloudfront.net/common/images/icon_point2.gif) left 2px no-repeat;
	padding: 0 0 5px 10px;
}


#menu2 ul.menu2 li.line { background: url("https://d2i6c6y1xqgf7t.cloudfront.net/media/img/contentsImg/line_01.gif") repeat-x scroll left bottom transparent;  padding-bottom: 8px;}

li {
    list-style-type: none;
}
