@charset "UTF-8";

@import url("../reset.css");

body{
	margin:0;
	padding:0;
	font-size:0.9em;
	line-height:1.5em;
	background:url(../images/common/background.jpg) repeat-x;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body a{
	text-decoration:underline;
	color:#039;
}

body a:hover{
	text-decoration:none;

}

a img{
	border:none;

}

a:focus { outline:none;}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;	
}

ul,li{
	list-style:none;
	margin:0;
	padding:0;	
}


.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear{
	clear:both;
}

.left{
	float:left;
}

.right{
	float:right;
}

.mg_LR{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.mg_L{
	display:block;
	margin-left:auto;
}


.mg_R{
	display:block;
	margin-right:auto;
}

.mg_auto{ margin:auto; }

.t_align_r{ text-align:right}




/*******************************
button effect
********************************/	

.button {
	display: inline-block;
	width: 118px;
	height: 90px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
	
.button {
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.button:hover {
	color: #fff;
}
.button::after {
	top: -100%;
	left: -100%;
	width: 100%;
	height: 100%;
}
.button1:hover::after {
	top: 0;
	left: 0;
/*	background-color: #CFEDFF;*/
	background-color: #EEE;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;

}

/*------------------------------------
コンテンツ部分
--------------------------------------*/

h1{
	display:block;
	background:url(../images/top/logo.gif) no-repeat;
	text-indent:-9999em;
	width:287px;
	height:51px;
	margin-left:auto;
	margin-right:auto;	
	margin-top:50px;
}

h1 a{
	display:block;
	width:287px;
	height:51px;
}

#wrapper{
	width:960px;
	margin-left:auto;
	margin-right:auto;		
}

#btn_mail{
	position:fixed;
	top:40px;
	right:0;
	}
	
#btn_tel{
	position:fixed;
	top:230px;
	right:0;
	}
	
#btn_company{
	position:fixed;
	top:0px;
	right:100px;
	}

/*------------------------------------
メニュー
--------------------------------------*/

#g_menu{
	width:962px;
	height:100px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#g_menu ul{
	margin:0;
	padding:7px 0 0 0;
}

#nav1 li{
	display:block;
	float:left;
	list-style:none;
	height:90px;
	margin-left:0;
	border-left: #EEE 1px solid;
}

#nav1 li.nav1_end{
	border-right:#EEE 1px solid;
}

#b1{
	width: 118px;
	height:90px;
	display:block;
	background-position:0 -90px;
	text-indent:-9999em;
	background-image:url(../images/common/menu1_on.png) ;
	background-repeat:repeat-y;

}

#b1 a{
	display:block;
	width: 118px;
	height:90px;
	background-image:url(../images/common/menu1.png);
	text-indent:-9999em;
	background-repeat:repeat-y;
}

#b2{
	width: 118px;
	height:90px;
	display:block;
	background-position:0 -90px;
	text-indent:-9999em;
	background-image:url(../images/common/menu2_on.png) ;
	background-repeat:repeat-y;
}

#b2 a{
	display:block;
	width: 118px;
	height:90px;
	background-image:url(../images/common/menu2.png);
	text-indent:-9999em;
	background-repeat:repeat-y;
}

#b3{
	width: 118px;
	height:90px;
	display:block;
	background-image:url(../images/common/menu3_on.png);
	background-repeat:repeat-y;
}

#b3 a{
	display:block;
	width: 118px;
	height:90px;
	background-image:url(../images/common/menu3.png);
	text-indent:-9999em;
	background-repeat:repeat-y;
}

#b4{
	width: 118px;
	height:90px;
	display:block;
	background-position:0 -90px;
	background-image:url(../images/common/menu4_on.png);
	background-repeat:repeat-y;
}

#b4 a{
	display:block;
	width: 118px;
	height:90px;
	background-image:url(../images/common/menu4.png);
	text-indent:-9999em;
	background-repeat:repeat-y;
}

#b5{
	width: 118px;
	height:90px;
	display:block;
	background-position:0 -90px;
	background-image:url(../images/common/menu5_on.png) ;
	background-repeat:repeat-y;}

#b5 a{
	display:block;
	width: 118px;
	height:90px;
	background-image:url(../images/common/menu5.png);
	text-indent:-9999em;
	background-repeat:repeat-y;
}

#b6{
	width: 118px;
	height:90px;
	display:block;
	background-position:0 -90px;
	background-image:url(../images/common/menu6_on.png) ;
	background-repeat:repeat-y;}

#b6 a{
	display:block;
	width: 118px;
	height:90px;
	background-image:url(../images/common/menu6.png);
	text-indent:-9999em;
	background-repeat:repeat-y;
}

#b7{
	width: 118px;
	height:90px;
	display:block;
	background-position:0 -90px;
	background-image:url(../images/common/menu7_on.png) ;
	background-repeat:repeat-y;}

#b7 a{
	display:block;
	width: 118px;
	height:90px;
	background-image:url(../images/common/menu7.png);
	text-indent:-9999em;
	background-repeat:repeat-y;
}

#b8{
	width: 118px;
	height:90px;
	display:block;
	background-position:0 -90px;
	background-image:url(../images/common/menu8_on.png) ;
	background-repeat:repeat-y;
}

#b8 a{
	display:block;
	width: 118px;
	height:90px;
	background-image:url(../images/common/menu8.png);
	text-indent:-9999em;
	background-repeat:repeat-y;
}

/*------------------------------------
フッター
--------------------------------------*/

div#footer{
	text-align:center;
	
	}

div#f_link{
	border-top:#009DFF 2px solid;
	border-bottom:#009DFF 2px solid;
	padding:7px 0 ;
	margin:40px 0 10px 0;
	color:#009DFF;
	}
	
div#f_link a{
	color:#009DFF;
	text-decoration:none;

	}

div#footer h5{
	margin:0 0;
	}

div#footer p.f_text{
	margin:5px 0 0 0;
	color:#009DFF;
	}
	
div#footer address{
	color:#666;
	text-align:center;
	font-style:normal;
	font-size:0.8em;
	margin:0;
	padding:0;
	}


address a{
	color:#000;
}

address a:hover{
	text-decoration:underline;
}

/*------------------------------------
戻るボタン
--------------------------------------*/


#back-top {
	position: fixed;
	bottom: 30px;
	right: 0px;
	_margin-left:auto;
	_text-align:right;
	_margin-top:-100px;
	_margin-right:0px;
}

#back-top a {
	width: 38px;
	display: block;
	text-align: center;
}

#back-top a:hover {
	color: #000;

}

/* arrow icon (span tag) */
#back-top span {
	width: 38px;
	height: 155px;
	display: block;
	margin-bottom: 0px;
	background: url(../images/common/page_top.gif) no-repeat center center;
}
#back-top a:hover span {
	background: url(../images/common/page_top.gif) no-repeat center center;
}


/*------------------------------------
margin padding
--------------------------------------*/
.mg0{margin:0;}
.pd0{padding:0;}
.mgpd0{margin:0;padding:0;}

.pd_t_15{padding-top:15px;}

.mg5{	margin-top:5px;}
.mg10{	margin-top:10px;}
.mg15{	margin-top:15px;}
.mg20{	margin-top:20px;}
.mg25{	margin-top:25px;}
.mg30{	margin-top:30px;}
.mg40{	margin-top:40px;}
.mg50{	margin-top:50px;}
.mg100{	margin-top:100px;}

.mg-5{	margin-top:-5px;}
.mg-10{	margin-top:-10px;}
.mg-15{	margin-top:-15px;}
.mg-20{	margin-top:-20px;}
.mg-40{	margin-top:-40px;}
.mg-100{ margin-top:-100px;}
.mg-150{ margin-top:-150px;}
.mg-200{ margin-top:-200px;}


.L_mg5{	margin-left:5px;}
.L_mg10{margin-left:10px;}
.L_mg15{margin-left:15px;}
.L_mg18{margin-left:18px;}
.L_mg20{margin-left:20px;}
.L_mg25{margin-left:25px;}
.L_mg30{margin-left:30px;}
.L_mg35{margin-left:35px;}
.L_mg40{margin-left:40px;}
.L_mg45{margin-left:45px;}
.L_mg50{margin-left:50px;}
.L_mg60{margin-left:60px;}
.L_mg70{margin-left:70px;}
.L_mg80{margin-left:80px;}


.L_mg-5{margin-left:-5px;}
.L_mg-10{margin-left:-10px;}
.L_mg-13{margin-left:-13px;}
.L_mg-15{margin-left:-15px;}
.L_mg-22{margin-left:-22px;}
.L_mg-25{margin-left:-25px;}


.R_mg5{margin-right:5px;}
.R_mg10{margin-right:10px;}
.R_mg20{margin-right:20px;}

.R_mg-3{margin-right:-3px;}
.R_mg-10{margin-right:-10px;}

.L_mg10_s{margin-left:10px;
		.margin-left: 5px;}
.R_mg10_s{margin-right:10px;
		.margin-right: 5px;}

.B_mg5{	margin-bottom:5px;}
.B_mg10{margin-bottom:10px;}
.B_mg15{margin-bottom:15px;}
.B_mg20{margin-bottom:20px;}
.B_mg25{margin-bottom:25px;}
.B_mg30{margin-bottom:30px;}
.B_mg50{margin-bottom:50px;}



.B_mg-5{margin-bottom:-5px;}
.B_mg-20{margin-bottom:-20px;}
.B_mg-25{margin-bottom:-25px;}
.B_mg-30{margin-bottom:-30px;}

.pd5{padding:5px}
.pd10{padding:10px; }
.pd15{padding:15px}
.pd20{padding:20px}
.pd30{padding:30px}

.L_pd5{padding-left:5px; }
.L_pd10{padding-left:10px; }
.B_pd5{padding-bottom:5px;}
.B_pd10{padding-bottom:10px;}

/*------------------------------------
width
--------------------------------------*/
.w15{ width:15px; }
.w20{ width:20px; }
.w50{ width:50px; }
.w80{ width:80px; }
.w95{ width:95px; }
.w100{ width:100px; }
.w145{ width:145px; }
.w150{ width:150px; }
.w170{ width:170px; }
.w180{ width:180px; }
.w190{ width:190px; }
.w200{ width:200px; }
.w210{ width:210px; }
.w220{ width:220px; }
.w230{ width:230px; }
.w240{ width:240px; }
.w250{ width:250px; }
.w260{ width:260px; }
.w270{ width:270px; }
.w290{ width:290px; }
.w300{ width:300px; }
.w310{ width:310px; }
.w315{ width:315px; }
.w320{ width:320px; }
.w330{ width:330px; }
.w340{ width:340px; }
.w350{ width:350px; }
.w370{ width:370px; }
.w380{ width:380px; }
.w400{ width:400px; }
.w440{ width:440px; }
.w450{ width:450px; }
.w490{ width:490px; }
.w500{ width:500px; }
.w520{ width:520px; }
.w530{ width:530px; }
.w535{ width:535px; }
.w550{ width:550px; }
.w580{ width:580px; }
.w600{ width:600px; }
.w645{ width:645px; }
.w650{ width:650px; }
.w660{ width:660px; }
.w700{ width:700px; }
.w960{ width:960px; }


/*------------------------------------
font-size
--------------------------------------*/

.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}



.f_w600{font-weight:600;}

.l_height18{ line-height:18px;}
.l_height20{ line-height:20px;}
.l_height22{ line-height:22px;}


/*------------------------------------
color
--------------------------------------*/
.blue{
	color:#009DFF;
}
.orange{ color:#F15A24;}
.brown{color:#603813}

.red{color:#F00;}
.bgwhite{
	background:#FFF;
}

.gray{
	color:#797979;
}