
/* base
===============================================================*/
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd,tr {
	font-size: 14px;
	line-height: 24px;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#5f5f5f;
	background-color:#ffffff;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Verdana, "Osaka", Osaka,  "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	min-width:1020px;
	_display: inline;
	_zoom:1;
  -webkit-text-size-adjust: 100%;
}


/* font
===============================================================*/
a { 
	color:#5f5f5f;
	text-decoration:none;
}
 
a:visited {
	color:#5f5f5f;
	text-decoration:none;
}

a:hover {
	color:#5f5f5f;
	text-decoration: underline; 
}

a:active {
	color:#5f5f5f;
	text-decoration: underline; 
}

.pcnone{
	display:none !important;
	}
/*a.opa{
	-webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
	 -o-transition: 0.3s ease-in-out;  
		transition: 0.3s ease-in-out;
}
*/
a.opa:hover{
	text-decoration:none;
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	}
/* Contents
===============================================================*/
div#ALL_Wrap{
	position:relative;
	}
div#AllBox{
}

div#Wrapper{
	width:900px;
	margin: 0px auto;	
}

div#Top_Contents {
	
}

div#Contents {
	margin:0 auto;
	
}

div#Main {
	width:980px;
	margin:0 auto;
}

div#SideBar {
		
}
#pageTop {
    right: 30px !important;
    z-index: 500;
	width:41px;
	height:41px;
}

/* HeaderBox
===============================================================*/
div#HeaderBox {
	width:980px;
/*	margin: 22px auto 19px; */
	margin: 22px auto 0;
}
div#HeaderBox .h_txt_s{
	font-size:10px;
	color:#8b8a8a;
	margin-bottom:10px;
	font-weight:normal;
	}
div#HeaderBox .h_box .logo a{
	background:url(../images/common/h_logo.gif) no-repeat 0 0;
	width:469px;
	height:21px;
	display:block;
	text-indent:-9990px;
	}
div#HeaderBox .sp_h_box {
    width: 468px;
    display: inline-table;
	vertical-align:bottom;
}

div#HeaderBox .h_box .box_l{
	width:469px;
	margin-right:37px;
	display:inline-table;
	vertical-align:bottom;
	}
div#HeaderBox .h_box dl.tel{
	width:237px;
	display:inline-table;
	vertical-align:bottom;
	margin-right:12px;
	}
div#HeaderBox .h_box dl.tel dt{
	margin-bottom:8px;
	}
div#HeaderBox .h_box dl.tel dd{
	background:url(../images/common/h_tel.gif) no-repeat 0 0;
	width:237px;
	height:26px;
	text-indent:-9990px;
	}
div#HeaderBox .h_box .mail{
	width:213px;
	display:inline-table;
	vertical-align:bottom;
	}

div#HeaderBox .h_box{
	margin-bottom:36px;
	}
div#HeaderBox .h_box .mail a{
	width:213px;
	height:38px;
	display:block;
	}

/* Navigation
===============================================================*/
div#Navigation {
/*	margin-bottom:19px; */
}
div#Navigation li a{
	display:block;
	width:81px;
	height:45px;
/*	height:26px; */
	}
div#Navigation li{
	float:left;
	width:81px;
	}
div#Navigation li.m02{
	width:157px;
	}
div#Navigation li.m03{
	width:250px;
	}
div#Navigation li.m05{
	width:166px;
	}
div#Navigation li.m06{
	width:165px;
	}
div#Navigation li.m07{
	width:161px;
	}

/* FooterBox
===============================================================*/
div#FooterBox .footer_bg {
	background:#f5f3f0;
	padding:43px 0 0;
	text-align:center;
	margin-top:60px;
	
	}

div#FooterBox .footer_wrapper {
	background:url(../images/common/border02.gif) repeat-x 0 bottom ;
	width:980px;
	margin: 0px auto 14px;
	padding-bottom:14px;	
}
div#FooterBox .footer_wrapper .footer_link{
	font-size:12px;
	line-height:24px;
	}
.footer_link li a{
	padding:0 8px;
	}
div#FooterBox .f_txt_s{
	color:#919191;
	font-size:10px;
	line-height:18px;
	margin-top:17px;
	}
div#FooterBox .address_box{
	padding-bottom:30px;
	}
div#FooterBox .address_box .ft_logo{
	color:#202020;
	margin-bottom:7px;
	}
address{
	font-style:normal;
	font-size:12px;
	}
	
div#FooterBox .copy{
	font-size:12px;
	color:#9e9e9e;
	padding:16px 0;
	border-top:solid 2px #ffffff;
	background:#eceae6;
	}
div#FooterBox .f_contact_area{
	background:url(../images/common/f_contact_bg.png) no-repeat 0 0;
	width:730px;
	height:136px;
	position:relative;
	margin:110px auto 80px;
	}
div#FooterBox .f_contact_area .tel{
	position:absolute;
	left:59px;
	top:76px;
	}
div#FooterBox .f_contact_area .mail{
	position:absolute;
	left:386px;
	top:66px;
	}
/* タイトル
===============================================================*/





#Main .tl_box{
	background:url(../images/common/border.png) repeat-x 0 bottom;
	padding:0 8px 12px;
	margin-bottom:27px;
}
#Main .tl_box .tl{
	background:url(../images/common/tl_icon.gif) no-repeat 0 5px;
	padding:2px 0 2px 14px;
	color:#262626;
	font-size:20px;
	font-weight:normal;
	font-weight:bold;
	line-height: 1.3;
	vertical-align: baseline;
	}



/* topic_path
===============================================================*/
div.topic_path {
	padding:0 0 43px 0;
}

div.topic_path ul {
	clear:both;
	overflow:hidden;
}

div.topic_path ul li {
	font-size:12px;
	padding:0 0 0 20px;
	background:url(/images/common/ar_01.gif) no-repeat 10px 8px;
	float:left;
}
div.topic_path ul li.home {
	padding:0;
	background:none;
}

div.topic_path ul li a {
	color:#047ebc;
	text-decoration:underline;
}



/*.service_area a:hover .icon,
.service_area a:hover .txt{
	text-decoration:none;
	}
.service_area a:hover .icon,
.service_area a:hover .txt{
	text-decoration:underline;
	}
.service_area a:hover li.icon,
.service_area a:hover li.txt{
	text-decoration:none;
	}
*/


#Main .height01{
	height:0;
	display:block;
	padding-bottom:10px;
	}
#Main .service_area a:hover{
	text-decoration:none !important;
	}

.sidebn {
	position:fixed;
	top:212px;
	right:0;
	z-index:510;
}

.ftbn {
	display:none;
}