@charset "UTF-8";
/* CSS Document */
#sp_header,#sp_footer {
	display: none;
}

body {
	text-align: center;
	background: #F6F6F6;
	color: #2C2721;
}

a {color: #2C2721;}

/*=============================
	header
=============================*/
header {
	width: 960px;
	/*margin: 31px auto 30px;*/
	margin: 11px auto 30px;
	text-align: left;

	/*background: #CCC;*/
	height: 128px;
	position:relative;
}

#headerBnr {
	position:absolute;
	top:-10px;
	right:0;
	}

h1#logo {
	width: 271px;
	float: left;
	display: inline;
}
h1#logo a {
	background: url(../../img/common/logo.png) no-repeat center center;
	background-size: 100% auto;
	width: 187px;
	height: 0;
	padding-top: 70px;
	overflow: hidden;
	display: block;
}
#snav {display: inline;float: right;width: 459px; padding-top:48px;}

#snav1 {display: inline;float: left;width: 60px; margin-right: 33px;}
#snav2 {display: inline;float: left;width: 152px; margin-right: 32px;}
#snav3 {display: inline;float: left;width: 60px; margin-right: 30px;}
#snav4 {display: inline;float: left;width: 92px;}

#snav1 a { background: url(../../img/common/snav.gif) no-repeat; width: 60px; height: 0; padding-top: 30px; overflow: hidden; display: block; background-position: 0 0;}
#snav2 a { background: url(../../img/common/snav.gif) no-repeat; width: 152px; height: 0; padding-top: 30px; overflow: hidden; display: block; background-position: -60px 0;}
#snav3 a { background: url(../../img/common/snav.gif) no-repeat; width: 60px; height: 0; padding-top: 30px; overflow: hidden; display: block; background-position: -212px 0;}
#snav4 a { background: url(../../img/common/snav.gif) no-repeat; width: 92px; height: 0; padding-top: 30px; overflow: hidden; display: block; background-position: -272px 0;}

#snav1 a:hover { background-position: 0 -30px;}
#snav2 a:hover { background-position: -60px -30px;}
#snav3 a:hover { background-position: -212px -30px;}
#snav4 a:hover { background-position: -272px -30px;}

#gnav {
	margin-top: 15px;
}

#gnav1 {display: inline;float: left;width: 236px;}
#gnav2 {display: inline;float: left;width: 149px;}
#gnav3 {display: inline;float: left;width: 149px;}
#gnav4 {display: inline;float: left;width: 171px;}
#gnav5 {display: inline;float: left;width: 255px;}

#gnav1 a { background: url(../../img/common/gnavi.gif) no-repeat; width: 236px; height: 0; padding-top: 37px; overflow: hidden; display: block; background-position: 0 0;}
#gnav2 a { background: url(../../img/common/gnavi.gif) no-repeat; width: 149px; height: 0; padding-top: 37px; overflow: hidden; display: block; background-position: -236px 0;}
#gnav3 a { background: url(../../img/common/gnavi.gif) no-repeat; width: 149px; height: 0; padding-top: 37px; overflow: hidden; display: block; background-position: -385px 0;}
#gnav4 a { background: url(../../img/common/gnavi.gif) no-repeat; width: 171px; height: 0; padding-top: 37px; overflow: hidden; display: block; background-position: -534px 0;}
#gnav5 a { background: url(../../img/common/gnavi.gif) no-repeat; width: 255px; height: 0; padding-top: 37px; overflow: hidden; display: block; background-position: -705px 0;}

#gnav1 a:hover { background-position: 0 -37px;}
#gnav2 a:hover { background-position: -236px -37px;}
#gnav3 a:hover { background-position: -385px -37px;}
#gnav4 a:hover { background-position: -534px -37px;}
#gnav5 a:hover { background-position: -705px -37px;}


/*=============================
	container
=============================*/
#container {
	width: 960px;
	margin: 0 auto 50px;
	text-align: left;
	min-height: 500px;
}
#main{}
#main #left {
	display: inline;
	float: left;
	width: 210px;
}
#main #left h2 {
	margin-bottom: 50px;
}
#main #right {
	display: inline;
	float: right;
	width: 710px;
}
#main #right .imgma {
	margin-bottom: 20px;
}

.link_index {
	text-decoration:underline;
}
.link_index:hover {
	color: #FFCC33;
}

/*=============================
	footer
=============================*/
footer {
	/*background: url(../../img/common/bg_footer.jpg) repeat-x;*/
	padding-top: 35px;
	padding-bottom: 35px;
	text-align: center;
}
#copy {
	letter-spacing: 1px;
	font-size: 74%;
}
footer h3 {
	background: url(../../img/common/logo_s.gif) repeat-x;
	height: 0;
	width: 158px;
	padding-top: 47px;
	overflow: hidden;
	text-align: left;
	margin: 30px auto 10px;
}
.fnavi {
	width: 960px;
	margin: 0 auto 10px;
}
footer .fnavi li {
	display: inline;
	font-size: 83.3%;
	line-height: 240%;
	letter-spacing: 1px;
	color: #999;
}
footer .fnavi li a {
	color: #333;
}
footer .fnavi li a:hover {
	color: #ccc;
}

footer .fnavi_coporate {
	padding: 20px 0 0 0;
}
footer .fnavi_coporate li a {
	background-color: #E6E6E6;
	padding: 5px 10px;
}
footer .fnavi_coporate li a:hover {
	background-color: #FFF;
	color: #2C2721;
}
footer .fnavi_coporate li a.arrow span {
	font-size: 10px;
	vertical-align: middle;
}

.fsns_sp {
    display: none !important;
}
.fsnsLink {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    margin: 30px auto 20px;
}
.fsnsLink li {
    padding: 0 10px;
    box-sizing: border-box;
}
.fsnsLink li a {
    display: block;
    line-height: 40px;
    font-size: 14px;
    color: black;
}
.fsnsLink li img {
    width: 40px;
    margin-right: 10px;
}



/*header_navi renew150331*/

.hnavi_01
	{
	position: absolute;
	top: 50px;
	right: 0px;
	}

.hnavi_01 li
	{
	margin-left: 30px;
	float: left;
	}