@charset "utf-8";
@import url("../css/navi.css");

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

html	{
	background		: none ;
	position		: relative ;
	width			: 100% ;
	height			: 100% ;
}

body	{
	width			: 100% ;
	height			: 100% ;
	margin			: 0 ;
	font-family		: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif ;
	font-size		: 12px ;
	font-weight		: normal ;
	line-height		: 18px ;
	position		: relative ;
	color			: #000;
	-webkit-text-size-adjust: 100%;
}



img,h1,h2	{
	margin			: 0 ;
	padding			: 0 ;
}

a img	{
	border			: none ;
}

a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	 -moz-opacity: 0.7;
}

a	{
	text-decoration	: none ;
	color 			: #555 ;
}

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

form{
	margin			: 0 ;
	padding			: 0 ;
}

.visi_text{
	display		: none;
}

html, body {
    height: 100%;
}

#gNavi {
    margin-left: 0;
    width: auto;
    left: 11.8%;
}


/*********************メニュー*********************/
.menu_box{
	width			: 230px ;
	height			: 100% ;
	min-height		: 100% ;
	background-color: #fff ;
	position		: absolute; 
	position		: fixed ;
	top				: 0; 
	left			: 0;
	z-index			: 100 ;
}





.g_menu00_txt{
	margin			: 10px auto 15px ;
	padding			: 0 ;
	width			: 200px ;
	height			: 11px ;
}
.g_menu00_txt img{
	width			: 200px ;
	height			: 11px ;
}
.g_menu00_txt span{
	display		: none;
}

.g_menu00{
	margin			: 10px auto ;
	padding			: 0 ;
	width			: 200px ;
	height			: 46px ;
}

.g_menu00 img{
	width			: 200px ;
	height			: 46px ;
}




.g_menu01 a{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu01_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.g_menu01 a:hover	{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu01_on.jpg') top left no-repeat ;
}

.g_menu02 a{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu02_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.g_menu02 a:hover	{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu02_on.jpg') top left no-repeat ;
}

.g_menu03 a{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu03_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.g_menu03 a:hover	{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu03_on.jpg') top left no-repeat ;
}

.g_menu04 a{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu04_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.g_menu04 a:hover	{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu04_on.jpg') top left no-repeat ;
}

.g_menu05 a{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu05_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.g_menu05 a:hover	{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu05_on.jpg') top left no-repeat ;
}

.g_menu06 a{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu06_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.g_menu06 a:hover	{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu06_on.jpg') top left no-repeat ;
}

.g_menu07 a{
	margin			: 0 40px 20px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu07_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.g_menu07 a:hover	{
	margin			: 0 40px 20px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu07_on.jpg') top left no-repeat ;
}

.g_menu08 a{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu08_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.g_menu08 a:hover	{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu08_on.jpg') top left no-repeat ;
}

.g_menu09 a{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu09_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.g_menu09 a:hover	{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu09_on.jpg') top left no-repeat ;
}

.g_menu10 a{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu10_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.g_menu10 a:hover	{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu10_on.jpg') top left no-repeat ;
}

.g_menu11 a{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu11_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.g_menu11 a:hover	{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu11_on.jpg') top left no-repeat ;
}

.g_menu12 a{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu12_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.g_menu12 a:hover	{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu12_on.jpg') top left no-repeat ;
}

.g_menu13 a{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu13_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.g_menu13 a:hover	{
	margin			: 0 40px;
	padding			: 0 ;
	width			: 165px ;
	height			: 50px ;
	background		: url('../img/menu13_on.jpg') top left no-repeat ;
}


.g_menu_tel{
	width			: 196px ;
	height			: 24px ;
	margin			: 0 auto 15px ;
}
.g_menu_mail a{
	margin			: 0 16px 20px;
	padding			: 0 ;
	width			: 197px ;
	height			: 19px ;
	background		: url('../img/mail_off.png') top left no-repeat ;
	display			: inline-block ;
}

.g_menu_mail a:hover	{
	margin			: 0 16px 20px;
	padding			: 0 ;
	width			: 197px ;
	height			: 19px ;
	background		: url('../img/mail_on.png') top left no-repeat ;
}

.g_menu_line{
	width			: 230px ;
	height			: 45px ;
	display			: inline-block ;
}

.g_menu_fo{
	width			: 77px ;
	height			: 10px ;
	float			: left ;
	margin			: 15px 10px 0 23px ;
}

.g_menu_tw a{
	margin			: 0 10px;
	padding			: 0 ;
	width			: 45px ;
	height			: 45px ;
	background		: url('../img/sns03.png') top left no-repeat ;
	display			: inline-block ;
	float			: left ;
}

.g_menu_tw a:hover	{
	margin			: 0 10px;
	padding			: 0 ;
	width			: 45px ;
	height			: 45px ;
	background		: url('../img/sns03.png') top left no-repeat ;
	float			: left ;
}

.g_menu_fa a{
	margin			: 0 ;
	padding			: 0 ;
	width			: 38px ;
	height			: 38px ;
	background		: url('../img/sns02_off.png') top left no-repeat ;
	display			: inline-block ;
	float			: left ;
}

.g_menu_fa a:hover	{
	margin			: 0 ;
	padding			: 0 ;
	width			: 38px ;
	height			: 38px ;
	background		: url('../img/sns02_on.png') top left no-repeat ;
	float			: left ;
}

.copy{
	width			: 230px ;
	text-align		: center ;
	font-size		: 9px ;
	padding			: 10px 0 0 ;
	color			: #505050 ;
}
/*********************メインコンテンツ*********************/

.maincontent{
	width			: 980px ;
	position		: absolute ;
	top				: 30px ;
	left			: 320px ;
}

.main{
	width			: 980px ;
	display			: inline-block;	
}

.page_tit{
	width			: 980px ;
	height			: 50px ;
	margin			: 0 0 30px ;
	position		: relative ;
}



@media screen and (max-width:768px) {
/*　画面サイズが749pxまではここを読み込む　*/
#gNavi {
    display: none;
}
.sp_head{
	width: 100%;
	height: 77px;
	padding: 15px 0 5px;
}

.sp_logo{
	width: 219px;
	height: 77px;
	margin: 0 auto;
}
.sp_logo img{
	width: 219px;
	height: 77px;
}

.maincontent{
	width			: 90% ;
	position		: relative ;
	top				: 0 ;
	left			: 0 ;
	padding: 20px 5% 50px;
}

.main{
	width			: 100% ;
	display			: inline-block;	
}

.page_tit{
	width			: 100% ;
	height			: auto ;
	margin			: 0 0 30px ;
	position		: relative ;
	overflow: hidden !important;
}
.page_tit img{
	width			: 150% ;
	height			: auto ;
	overflow: hidden;
}


}

@media screen and (min-width: 769px) {
/* 750pxからの幅の場合に適応される */
.sp_head{
    display: none;
}

}