@charset "utf-8";

/* 共通スタイル
---------------------------------------*/

/*　header
------------------------------------------*/
div#header { margin-bottom:8px; }

/*　main
------------------------------------------*/
div#main {
    width:860px;
    margin:0 auto;
}

@media screen and (max-width : 980px){
div#main {
	width: 94%;
    margin:0 auto;
}
}

/*　globalMenu
------------------------------------------*/
div#globalMenu {
	width:860px;
	height:37px;
	display: block;
	margin: 0 auto 8px;
	background-color:#FFFFFF;
    	margin-top: 50px;
}

div#globalMenu ul{
	width:860px;
	height:37px;
	display:block;
}
div#globalMenu ul li{
	height:37px;
	float:left;
	display:block;
}

@media screen and (max-width : 980px){
div#globalMenu {
	width: 94%;
	height: auto;
	margin: 80px auto 8px;
}
div#globalMenu ul{
	width: 100%;
	height: auto;
}
div#globalMenu ul li{
	float: none;
}
}


div#globalMenu ul li a{
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	height:37px;
	display:block;
	background:url(../img/header/btnGM.png) left top no-repeat;
	text-decoration: none;
	overflow: hidden;
}

div#globalMenu ul li#gM01 a{width:212px; background-position: 0 0;}
div#globalMenu ul li#gM02 a{width:251px; background-position: -212px 0;}
div#globalMenu ul li#gM03 a{width:121px; background-position: -463px 0;}
div#globalMenu ul li#gM04 a{width:276px; background-position: -584px 0;}

div#globalMenu ul li#gM01 a:hover,div#globalMenu ul li#gM01 a.now{ background-position: 0px -37px; }
div#globalMenu ul li#gM02 a:hover,div#globalMenu ul li#gM02 a.now{ background-position: -212px -37px; }
div#globalMenu ul li#gM03 a:hover,div#globalMenu ul li#gM03 a.now{ background-position: -463px -37px; }
div#globalMenu ul li#gM04 a:hover,div#globalMenu ul li#gM04 a.now{ background-position: -584px -37px; }


/*　pnkz
------------------------------------------*/
div#pnkz {
	width:858px;
	border:1px solid #dbdbdb;
	background:url(../img/pnkz/bgPnkz.png) left bottom repeat-x #ffffff;
	margin-bottom:30px;
}

div#pnkz ul {
	display:block;
	padding-left:8px;
	width:850px;
}

div#pnkz ul li {
	display:block;
	float:left;
	padding:8px 20px 8px 8px;
	background:url(../img/pnkz/kugiri.gif) right center no-repeat;
}

div#pnkz ul li.last {background:none;}

@media screen and (max-width : 980px){
div#pnkz {
	width: 100%;
}
div#pnkz ul {
	width: 100%;
	box-sizing: border-box;
}
}
@media screen and (max-width : 767px){
div#pnkz ul li:first-child a {
	text-indent: -9999px;
    display: block;
    text-align: left;
    width: 20px;
    background: url(/assets/img/common/i-home.png) left center no-repeat;
    background-size: contain;
}
}

/*　entArcBody
------------------------------------------*/
div.entArcBody {margin:0 1em;}


#gNavi2 {
	max-width: 860px;
	width: 94%;
    margin: 80px auto 20px;
}

.topmenu #gNavi2 {
	max-width: 860px;
	width: 100%;
	margin: 30px auto 20px;
}
#gNavi2 ul {
	font-size: 0;
	max-width: 860px;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #CCC;
	display: table;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
#gNavi2 li {
	display: table-cell;
	vertical-align: middle;
	width: 25%;
	box-sizing: border-box;
	border-right: 1px solid #CCC;
}
#gNavi2 li:last-child {
	border-right :0px;
}
#gNavi2 li a {
	font-size: 14px;
	line-height: 120%;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 10px;
	color: #666;
}
#gNavi2 li a:hover {
	color: #3788c5;
}

@media screen and (max-width : 767px){
#gNavi2 ul {
	background: none;
}
#gNavi2 li {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-right: 0;
	border-bottom: 1px solid #CCC;
}
#gNavi2 li:last-child {
	border-bottom :0px;
}
#gNavi2 li a {
	text-align: left;
	font-size: 14px;
}
#gNavi2 li a br {
	display: none;
}
}