@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:75px;
	padding-top:5px;
}
	
#masthead p#Logo{
	float:left;
	width:190px;
}
	
#masthead h1{
	float:right;
	width:355px;}
	
/*mastnavi*/
#mastnavi{
	background:#004066;
	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:-474px 0; width:238px; }
#mastnavi ul li#navi3 a:hover,#mastnavi ul li#navi3 a.active{ background-position:-474px -60px; }
#mastnavi ul li#navi4 a{ background-position:-712px 0; width:238px; }
#mastnavi ul li#navi4 a:hover,#mastnavi ul li#navi4 a.active{ background-position:-712px -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;
}

.contents{
	width:950px;
	font-size:14px;
	margin:0px auto;}

.normalarrow a{
	padding-left:8px;
	background:url(../images/arrow.gif) 0 3px no-repeat;
}

.Center{text-align:center;}

.f_left{float:left;}
.f_right{float:right;}

/*padding margin*/
.p_b_10{padding-bottom:10px;}
.p_b_15{padding-bottom:15px;}
.p_b_20{padding-bottom:20px;}
.p_b_30{padding-bottom:30px;}
.p_b_40{padding-bottom:40px;}

.m_b_10{margin-bottom:10px;}
.m_b_20{margin-bottom:20px;}
.m_b_30{margin-bottom:30px;}
.m_b_40{margin-bottom:40px;}

/*########################### TOP ###################*/
#top_image{padding-top:34px; height:349px; width:950px; margin:0px auto;}
#top_image h2{
	width:690px;
	float:left;}

#top_image #top_i_btn{
	width:170px;
	float:right;}

#top_btn{
	padding-top:23px;}

/*買換 つなぎ*/	
#KT_contents{
	margin-bottom:30px;
	background-color:#F0F0E1;}
	
#KT_contents_inner{
	width:950px;
	margin:0px auto;
	padding:30px 0px;}	

#KT_contents_bg{
	background:url(../../images/topfuan_bg.gif) no-repeat top center;}
	
#KT_ttl{
	text-align:center;
	padding:20px 0px;}
	
#Anshin{
	width:930px;
	margin:0px auto;}
	
.Anshin_l{
	float:left;
	width:450px;}
	
.Anshin_r{
	float:right;
	width:450px;}
	
.Anshin_topic{
	float:left;
	width:225px;}
	
.Anshin_btn{
	background-color:#FFF;
	padding-top:20px;
	padding-bottom:10px;
	text-align:center;}
						
						
.Anshin_bottom{
	background:url(../../images/wh_box_bottom.gif) no-repeat 0 0;
	font-size:0px;
	height:10px;}	
	
/*faq*/
#TopFaq{
	margin-bottom:40px;
	background:#DAEEF7;}
	
#TopFaq_inner{
	width:950px;
	margin:0px auto;
	padding:30px 0px 40px 0px;
	overflow:hidden;}
	
#TopFaq_inner h3{padding-bottom:15px;}	
	
#TopFaq_inner ul{
	padding-bottom:15px;
	width:975px;
	display:block;}

#TopFaq_inner ul li{
	margin-bottom:15px;
	float:left;
	display:block;
	width:300px;
	margin-right:25px;
	font-size:14px;
	border-bottom:1px dotted #333;}		
	
#TopFaq_inner ul li a{
	text-decoration:none;
	background:url(../../images/arrow_faq.gif) no-repeat right;
	padding:12px 0px;
	display:block;}						

/*Cons*/
#Cons{
	width:950px;
	margin:0px auto;
	margin-bottom:30px;}
	
#Cons h4,
#Cons2 h4{padding-bottom:20px; text-align:center;}	

#Box_cons{}
#Box_cons p{float:left;}	
p#btn_cons1{padding-right:16px;}
p#btn_cons2{padding-right:16px; border-right:1px dotted #BBB; margin-right:16px;}

#Cons2{
	width:650px;
	background:#EEE;
	padding:20px;
	margin-top:50px;}



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

#second{
	background:url(../images/bg_2.gif) repeat-x;}
	
#PageTtl{
	height:170px;
	margin-bottom:30px;
	font-size:12px;
	min-width:950px;}

.bg_about{background:url(../../about/images/pagettl_about_bg.jpg) no-repeat top center;}
.bg_case{background:url(../../case/images/pagettl_case_bg.jpg) no-repeat top center;}
.bg_faq{background:url(../../faq/images/pagettl_faq_bg.jpg) no-repeat top center;}
	
#Pankuzu{
	padding:10px 0px 15px 0px;
	font-size:84%;
	line-height:1;
	width:950px;
	margin:0px auto;}

#Pankuzu a{text-decoration:none;}	

#PageTtl h2{
	width:950px;
	margin:0px auto;}

#second #contents_wrapper{}
	

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

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



/*######### SIDE CONTENTS #########*/
.side_navi_inner{
	margin-bottom:20px;
	background:#F0F0E1;
	padding:0px 10px;}

.SideBox ul li{
	padding:12px 0px;
	font-size:12px;}
	
.SideBox ul li+li{
	border-top:1px dotted #BBB;}	

.SideBox ul li a{
	text-decoration:none;
	background:url(../images/arrow.gif) no-repeat 0 5px;
	padding-left:10px;
	display:block;}

.SideBox ul li a:hover{
	color:#B81C22;}

.SideBox h4{float:none; clear:both;}		

/*Side_cons*/	
#Side_cons{
	padding-bottom:10px;
	background:#EEE;}	
	
#Side_cons h4{text-align:center; padding:5px 0px;}	
	
#Side_cons p{
	display:block;
	width:180px;
	margin:0px auto;}
	
#Side_cons p#btn_sidecons1{
	padding-bottom:5px;}
#Side_cons p#btn_sidecons2{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #BBB;}
	
/**/
#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;
}




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

.about_contents{
	margin:20px 0 0;
}

#kaitori_about #about_tab{border-bottom:#B10510 solid 3px;}
#tsunagi_about #about_tab{border-bottom:#AA821E solid 3px;}

#about_tab{margin-bottom:20px;}
#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{
	border-bottom:1px dotted #CCC;
	padding-bottom:5px;
	margin-bottom:25px;
}
.about_contents .about_lead{
	padding-bottom:40px;
}
.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 td span{font-size:12px;}
.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-bottom:40px;
	padding-left: 1em;
	text-indent: -1em;
	font-size:12px;
}

/*######### about_slide #########*/
#about_slide{
	width:690px;
	height:320px;
	padding-bottom:20px;
}
#about_slide .bxslider{
	width:690px;
	height:250px;
}
#about_slide .bx-wrapper{
	width:690px;
	height:250px;
	overflow:hidden;
	background:url(../../about/images/slide_bg.jpg) 0 0 no-repeat;
}
#about_slide #bx-pager{
	border-top:3px solid #004066;}
	
#about_slide #bx-pager a{
	width:172px;
	display:block;
	float:left;
	height:69px;
	position:relative;
	overflow:hidden;}

#about_slide #bx-pager a.bx-pager04{width:174px;}	
	
#about_slide #bx-pager a img{
	position:absolute;
	top:-1px;
	left:0px;}
	
#about_slide #bx-pager a.active img{
	top:-71px;
}	



/*######### 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:104px; }
#about_tooltip a#k_q03{ left:205px; top:154px; }
#about_tooltip a#k_q04{ left:543px; top:162px; }
#about_tooltip a#k_q05{ left:543px; top:217px; }

#about_tooltip a#t_q01{ left:340px; top:79px; }
#about_tooltip a#t_q02{ left:590px; top:80px; }
#about_tooltip a#t_q03{ left:275px; top:132px; }
#about_tooltip a#t_q04{ left:433px; top:132px; }
#about_tooltip a#t_q05{ left:205px; top:198px; }
#about_tooltip a#t_q06{ left:583px; top:267px; }

#about_tooltip .tooltip{
	display:none;
	width:290px;
	padding:0 0 22px;
	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 #B10510;
	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;
}

.tooltip_inner a{
	background:url(../images/arrow.gif) no-repeat 0 4px;
	padding-left:8px;}


/*########################### CASE ###########################*/
ul#Case{}

ul#Case li{
	display:block;
	margin-bottom:20px;}

#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-bottom:50px;}

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

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

#faq_toc ul.faq_toc_list li{
	border-bottom:1px dotted #BBB;
	
}
#faq_toc ul.faq_toc_list li a{
	background:url(../images/arrow.gif) no-repeat 0 20px;
	padding:15px 0 15px 12px;
	display:block;
	text-decoration:none;
}


#faq_kaitori{padding-bottom:50px;}

#faq_tsunagi{}


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

.faq_box{
	padding:30px 0 5px 0;
	border-bottom:1px dotted #BBB;
}

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

#faq_kaitori .faq_box .faq_answer{
	background:url(../../faq/images/a_bg01.gif) 0px 10px no-repeat;
}
#faq_tsunagi .faq_box .faq_answer{
	background:url(../../faq/images/a_bg02.gif) 0px 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;
}