@charset "UTF-8";
/* CSS Document */

*{ margin:0px; padding:0px; }
	
ul{ list-style:none; }	
table{ border-collapse:collapse; }
	
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;}
.clearfix:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {zoom:1;}


a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}

ul.normallist{
	list-style:disc;
	margin-left:1.5em;
}

/*mastheader*/
#masthead{
	width:950px;
	margin:0px auto;
	height:70px;
}
	
#masthead p#Logo{
	float:left;
	width:290px;
}
	
#masthead h1{
	float:right;
	width:378px;
}
	
/*mastnavi*/
#mastnavi{
	background:url(../images/mastnavi_bg.gif) repeat-x;
	height:60px;
}
	
#mastnavi ul{
	display:block;
	width:950px;
	margin:0px auto;
}
	
#mastnavi ul li{
	float:left;
	display:block;
	height:60px;
}

#mastnavi ul li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/mastnavi.jpg) 0 0 no-repeat;
	height:60px;
	width:237px;
}	

#mastnavi ul li#navi1 a{ background-position:0 0; }
#mastnavi ul li#navi1 a:hover,#mastnavi ul li#navi1 a.active{ background-position:0 -60px; }
#mastnavi ul li#navi2 a{ background-position:-237px 0; }
#mastnavi ul li#navi2 a:hover,#mastnavi ul li#navi2 a.active{ background-position:-237px -60px; }
#mastnavi ul li#navi3 a{ background-position:-475px 0; width:238px; }
#mastnavi ul li#navi3 a:hover,#mastnavi ul li#navi3 a.active{ background-position:-475px -60px; }
#mastnavi ul li#navi4 a{ background-position:-713px 0; width:238px; }
#mastnavi ul li#navi4 a:hover,#mastnavi ul li#navi4 a.active{ background-position:-713px -60px; }


/*########################### TOP ###########################*/
#top{
	background:url(../../images/top_bg.jpg) no-repeat top center;
}

/*########################### second ###########################*/
#second{
	background:url(../images/second_bg.jpg) 0 0 repeat-x;
}

/*########################### COMMON ###################*/
.wrapper{
	width:950px;
	margin:0px auto;
	padding-bottom:30px;
	font-size:14px;
}

.normalarrow a{
	padding-left:12px;
	background:url(../images/arrow_b.png) 0 center no-repeat;
}

/*########################### TOP ###################*/
#top_image h2{
	width:650px;
	padding:80px 0 0;
	float:left;
}

#top_image #top_i_btn{
	width:284px;
	margin:80px 0 0;
	float:right;
	text-align:center;
}

#top_image #top_i_btn a{
	padding:15px 0 0;
	display:block;
}

#top_illust{
	margin-left:-20px;
	padding:90px 0 0;
}

#top_con02{
	padding:5px 0;
	background:url(../../images/top_c02_bg.gif) 0 0 no-repeat;
	background-color:#F0F0E1;
}

#top_con02 h4{
	padding:0 0 10px;
	text-align:center;
}

#top_c02_c01{
	width:470px;
	float:left;
}
#top_c02_c01 .top_c02_c01_top{
	width:475px;
	height:220px;
	overflow:hidden;
	text-indent:-999em;
	background:url(../../images/top_c02_c01_title.png) 10px 0 no-repeat;
}
#top_c02_c01 .top_c02_c01_bottom{
	width:475px;
	height:70px;
	background:url(../../images/top_c02_c01_bottom.png) 0 0 no-repeat;
}
#top_c02_c01 .top_c02_c01_bottom a{
	width:383px;
	margin:0 auto;
	padding:10px 0 0;
	display:block;
}

#top_c02_c02{
	width:470px;
	float:left;
}
#top_c02_c02 .top_c02_c02_top{
	width:475px;
	height:220px;
	overflow:hidden;
	text-indent:-999em;
	background:url(../../images/top_c02_c02_title.png) 1px 0 no-repeat;
}
#top_c02_c02 .top_c02_c02_bottom{
	width:475px;
	height:70px;
	background:url(../../images/top_c02_c02_bottom.png) 0 0 no-repeat;
}
#top_c02_c02 .top_c02_c02_bottom a{
	width:383px;
	margin:0 auto;
	padding:10px 0 0;
	display:block;
}

#top_case_faq{
	margin:30px 0 0;
}
#top_case_faq .top_case_faq_box{
	width:465px;
	padding:0 0 20px;
	background:url(../../images/top_faq_bottom.png) 0 bottom no-repeat;
}
#top_case_faq .top_case_faq_box_mid{
	min-height:310px;
	padding:0 20px;
	background:url(../../images/top_faq_mid.png) 0 0 repeat-y;
}
#top_case_faq .top_case_faq_box_mid .top_faq_btn{
	padding:20px 0 0;
	text-align:center;
}
#top_case_faq #top_case{
	float:left;
}
#top_case_faq #top_case #top_case_list{
	
}
#top_case_faq #top_case #top_case_list li{
	height:100px;
	padding:10px 0;
	border-bottom:1px dotted #000;
}
#top_case_faq #top_case #top_case_list li a{
	padding-right:20px;
	display:block;
	background:url(../images/arrow01.png) right 45px no-repeat;
	text-decoration:none;
	line-height:1.4;
	color:#000;
}
#top_case_faq #top_case #top_case_list li a:hover{
	
}

#top_case_faq #top_case #top_case_list li span{
	padding:0 0 10px;
	display:block;
}
#top_case_faq #top_case #top_case_list li img{
	float:right;
}
#top_case_faq #top_case #top_case_list li span img{
	float:none;
}

#top_case_faq #top_faq{
	float:right;
}
#top_case_faq #top_faq ul li{
	border-bottom:1px dotted #000;
}
#top_case_faq #top_faq ul li a{
	padding:0 0 0 20px;
	background:url(../images/arrow01.png) left center no-repeat;
	display:block;
	text-decoration:none;
	line-height:47px;
}


/*########################### second COMMON ###########################*/

#second h2{
	padding:25px 0 0;
}

#second #contents_wrapper{
	padding:12px 0 0;
}

#second #main_contents{
	width:690px;
	float:left;
}

#second #side_contents{
	width:240px;
	float:right;
}

/*######### consideration #########*/
#consideration{
	width:690px;
	margin:30px auto 0;
}
#consideration ul{
	width:630px;
	height:58px;
	padding:12px 30px 0;
	background:url(../images/consideration_bg.jpg) 0 0 no-repeat;
}
#consideration ul li{
	width:190px;
	float:left;
}
#consideration ul li.cons_assessment{
}
#consideration ul li.cons_contact{
	padding-left:20px;
}
#consideration ul li.cons_shop{
	padding-left:40px;
}

/*######### SIDE CONTENTS #########*/
#side_consideration{
	width:240px;
}
#side_consideration ul{
	width:240px;
	height:188px;
	padding:0 0 0 25px;
	background:url(../images/side_cons_bg.jpg) 0 0 no-repeat;
}
#side_consideration ul li{
	width:190px;
	height:40px;
	float:left;
}
#side_consideration ul li.cons_assessment{
	padding-top:12px;
}
#side_consideration ul li.cons_contact{
	padding-top:10px;
}
#side_consideration ul li.cons_shop{
	padding-top:23px;
}

#ban_hosyou{
	padding:20px 0 0;
}

#side_navi{
}
#side_navi .side_navi_inner{
	border:solid 1px #bdbdbd;
	border-top:none;
}
#side_navi ul{
	padding:0 13px;
	border:solid 1px #fff;
	background:#f1f1f1;
	border-top:none;
}
#side_navi ul li{
	padding:12px 0;
}
#side_navi ul li + li {
    background: url("../images/side_navi_line.gif") 0 0 repeat-x;
}
#side_navi ul li a{
    padding-left: 10px;
	background: url("../images/arrow.gif")  0 7px no-repeat;
    display: block;
	text-decoration:none;
	font-size:12px;
}

/*######### UNDER CONSTRUCTION #########*/

#contents_uc{
	padding:100px 0 0;
	text-align:center;
}

/*######### MAIN BOX #########*/
#main_box{
	width:690px;
	padding-top:10px;
	background: url("../images/mainbox_top.gif")  0 0 no-repeat;
}
#main_box .main_box_inner{
	width:690px;
	padding-bottom:10px;
	background: url("../images/mainbox_bottom.gif")  0 100% no-repeat;
}
#main_box .main_box_inner .main_box_contents{
	width:670px;
	padding:20px 0 20px 20px;
	background: url("../images/mainbox_body.gif") 0 0 repeat-y;
}


/*########################### ABOUT ###########################*/
h3.about_title{
	padding:0 0 20px;
}

.about_contents{
	margin:20px 0 0;
}
#about_tab li{
	height:97px;
	float:left;
}
#about_tab li#tab_plus{
	height:30px;
	padding:67px 10px 0;
}
.about_contents h4{
	padding:0 0 15px;
}
.about_contents h4.about_subtitle{
	padding-top:30px;
}
.about_contents .about_lead{
	padding:0 10px;
}
.about_contents table.about_criteria{
	width:100%;
}
.about_contents table.about_criteria th,
.about_contents table.about_criteria td{
	padding:8px 0;
	text-align:left;
	vertical-align:top;
}
.about_contents table.about_criteria tr.even{
	background:#F1F1F1;
}
.about_contents table.about_criteria th{
	width:130px;
	padding-left:10px;
}
.about_contents table.about_criteria td{
}
.about_contents table.about_criteria dl{
}
.about_contents table.about_criteria dl dt{
	width:120px;
	float:left;
}
.about_contents table.about_criteria dl dd{
	padding:0 0 5px;
	float:left;
}
.about_contents .txt_small{
	padding:20px 0 0;
	padding-left: 1em;
	text-indent: -1em;
	font-size:12px;
}

/*######### about_slide #########*/
#about_slide{
	width:690px;
	height:280px;
}
#about_slide .bxslider{
	width:690px;
	height:210px;
}
#about_slide .bx-wrapper{
	width:690px;
	height:210px;
	overflow:hidden;
	background:url(../../about/images/slide_bg.jpg) 0 0 no-repeat;
}
#about_slide #bx-pager a{
	width:172px;
	display:block;
	float:left;
}
#about_slide #bx-pager a.active{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}
#about_slide #bx-pager a.bx-pager03,
#about_slide #bx-pager a.bx-pager04{
	width:173px;
}

/*######### about tooltip #########*/
#about_tooltip{
	width:690px;
	margin:20px 0 0;
	position:relative;
}

#about_tooltip a.q_tips{
	width:28px;
	height:28px;
	position:absolute;
	display:block;
}


#about_tooltip a#k_q01{ left:464px; top:61px; }
#about_tooltip a#k_q02{ left:310px; top:108px; }
#about_tooltip a#k_q03{ left:210px; top:158px; }
#about_tooltip a#k_q04{ left:543px; top:164px; }
#about_tooltip a#k_q05{ left:543px; top:220px; }

#about_tooltip a#t_q01{ left:340px; top:77px; }
#about_tooltip a#t_q02{ left:592px; top:77px; }
#about_tooltip a#t_q03{ left:280px; top:123px; }
#about_tooltip a#t_q04{ left:433px; top:123px; }
#about_tooltip a#t_q05{ left:210px; top:198px; }
#about_tooltip a#t_q06{ left:583px; top:259px; }

#about_tooltip .tooltip{
	display:none;
	width:320px;
	padding:0 0 20px;
	background:url(../../about/images/tooltip_bg.png) 0 bottom no-repeat;
	font-size:12px;
	line-height:1.3;
}

#about_tooltip .tooltip .tooltip_inner{
	padding:12px 10px 15px;
	border:2px solid #B71B21;
	border-bottom:none;
	background:#fff;
}

#about_tooltip .tooltip .tooltip_q{
	min-height:26px;
	padding:5px 0 5px 30px;
	background:url(../../about/images/mark_q.png) 0 0 no-repeat;
}
#about_tooltip .tooltip .tooltip_a{
	padding:5px 0 0 30px;
	background:url(../../about/images/mark_a.png) 0 0 no-repeat;
}


/*########################### CASE ###########################*/
#case_list{
	margin-top:-20px;
	margin-left:-16px;
}
#case_list li{
	width:318px;
	margin-left:16px;
	padding:30px 0 0;
	float:left;
}

#case_list li .case_list_txt{
	width:215px;
	float:left;
	font-size:13px;
}
#case_list li .case_list_txt p{
	padding:10px 0 0;
	line-height:1.3;
}

#case_list li .case_list_pic{
	width:100px;
	float:right;
}


#case_list li a{
	padding:10px 0 0;	
	display:block;
}



/*########################### FAQ ###########################*/

#faq_toc{
	padding:18px;
	border:2px solid #13124C;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#faq_toc #faq_toc_kaitori{
	width:310px;
	float:left;
}

#faq_toc #faq_toc_tsunagi{
	width:310px;
	float:right;
}

#faq_toc ul.faq_toc_list li{
	border-bottom:1px dotted #000;
	
}
#faq_toc ul.faq_toc_list li a{
	padding:10px 0 10px 25px;
	display:block;
	text-decoration:none;
}
#faq_toc  #faq_toc_kaitori ul.faq_toc_list a{
	background:url(../images/arrow01.png) 7px 15px no-repeat;
}
#faq_toc  #faq_toc_tsunagi ul.faq_toc_list a{
	background:url(../images/arrow02.png) 7px 15px no-repeat;
}

#faq_kaitori{
	padding:40px 0 0;
}

#faq_tsunagi{
	padding:40px 0 0;
}

#faq_kaitori h4,
#faq_tsunagi h4{
}

.faq_box h5{
	height:44px;
	padding-left:50px;
	background:url(../../faq/images/q_bg.jpg) 0 0 no-repeat;
	line-height:44px;
	color:#13124C;
	font-size:16px;
}

.faq_box{
	padding:30px 0 0;
}

.faq_box .faq_answer{
	padding:15px 20px 15px 55px;
	color:#13124C;
}

#faq_kaitori .faq_box .faq_answer{
	background:url(../../faq/images/answer_bg01.png) 15px 10px no-repeat;
}
#faq_tsunagi .faq_box .faq_answer{
	background:url(../../faq/images/answer_bg02.png) 15px 10px no-repeat;
}


.faq_box .faq_apgetop{
	text-align:right;
}
.faq_box .faq_apgetop a{
	padding-left:15px;
	background:url(../images/arrowpagetop.png) 0 center no-repeat;
	text-decoration:none;
	font-size:12px;
}