@charset "utf-8";
/* ////////////////////////////////////////////////////////////
	File Name     common.css
*/
@import url('common2016_sp.css');

html, body {
	background: #fff;
}

@media screen and (min-width: 600px) {

/*============================================================
	コンテナ
*/
#container {
	width: 100%;
	min-width: 1020px;
}
#overlay {
	display: none;
	position: fixed;
	z-index: 10;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: #000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


/*============================================================
	ヘッダー
*/
#header {
	position: absolute;
	position: fixed;
	z-index: 100;
	top: 0; left: 0;
	width: 100%; height: 96px;
	min-width: 1020px;
	background: transparent url(../img/header_bg_w.png) 0 0 repeat-x;
}
#header .in {
	position: relative;
	margin: 0 auto;
	width: 1004px; height: 96px;
}
#header h1 {
	position: absolute;
	top: 27px; left: 0;
}
#header h1 a {
	display: block;
	overflow: hidden;
	padding-top: 37px;
	width: 99px; height: 0;
	background: transparent url(../img/logo_bl.png) 0 0 no-repeat;
}

/*============================================================
	ヘッダーナビゲーション
*/
#headNav {
	float: right;
	width: 674px;
	background: transparent url(../img/nav_line_w.png) 0 0 no-repeat;
}
#headNav .wrap {
	position: relative;
	margin: 0 auto;
	width: 672px;
}
#headNav .row1,
#headNav .row2 {
	float: left;
	width: 336px;
}
#headNav p {
	float: left;
	width: 112px; height: 90px;
}
#headNav p span {
	overflow: hidden;
	display: block;
	padding-top: 90px;
	width: 100%; height: 0;
	background: transparent url(../img/nav_w.png) 0 0 no-repeat;
	cursor: pointer;
}
#headNav p.nav01 span { background-position: 0 0; }
#headNav p.nav02 span { background-position: -112px 0; }
#headNav p.nav03 span { background-position: -224px 0; }
#headNav p.nav04 span { background-position: -336px 0; }
#headNav p.nav05 span { background-position: -448px 0; }
#headNav p.nav06 span { background-position: -560px 0; }

#headNav p.nav01 span.on { background-position: 0 -100px; }
#headNav p.nav02 span.on { background-position: -112px -100px; }
#headNav p.nav03 span.on { background-position: -224px -100px; }
#headNav p.nav04 span.on { background-position: -336px -100px; }
#headNav p.nav05 span.on { background-position: -448px -100px; }
#headNav p.nav06 span.on { background-position: -560px -100px; }

#headNav .list {
	overflow: hidden;
	position: absolute;
	top: 90px; height: 0;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
}
#headNav .list ul {
}
#headNav .list ul li a {
	display: block;
	padding: 6px 10px;
	min-width: 132px;
	font-size: 12px;
	line-height: 1.2em;
	color: #ffffff;
}
#headNav div#nav01_list {
	left: 0px;
	background-color: #eb6100;
}
#headNav div#nav01_list a:hover {
	background-color: #d35700;
}
#headNav div#nav01_list li {
	border-top: 1px solid #f5b080;
}
#headNav div#nav02_list {
	left: 112px;
	background-color: #8fc41f;
}
#headNav div#nav02_list a:hover {
	background-color: #80b01c;
}
#headNav div#nav02_list li {
	border-top: 1px solid #c7e28f;
}
#headNav div#nav03_list {
	left: 224px;
	background-color: #0266b3;
}
#headNav div#nav03_list a:hover {
	background-color: #025ca1;
}
#headNav div#nav03_list li {
	border-top: 1px solid #81b3d9;
}
#headNav div#nav04_list {
	left: 336px;
	background-color: #e566a0;
}
#headNav div#nav04_list a:hover {
	background-color: #ce5c90;
}
#headNav div#nav04_list li {
	border-top: 1px solid #f2b3d0;
}
#headNav div#nav05_list {
	left: 449px;
	background-color: #009e96;
}
#headNav div#nav05_list a:hover {
	background-color: #008e87;
}
#headNav div#nav05_list li {
	border-top: 1px solid #80cfcb;
}
/*
#headNav div#nav06_list {
	right: 0;
	background-color: #556fb5;
}
#headNav div#nav06_list a:hover {
	background-color: #4c64a3;
}
#headNav div#nav06_list li {
	border-top: 1px solid #aab7da;
}
*/
#headNav .list ul li:first-child {
	border-top: 0 !important;
}

/*============================================================
	サイトリスト
*/
#sites {
	position: fixed;
	z-index: 99;
	top: 90px; left: 0;
	overflow: hidden;
	width: 100%; height: 0;
	background-color: #ffffff;
}
#sites .inner {
	margin: 0 auto;
	padding: 20px 0;
	width: 1008px;
}
#sites ul:after {
	content: "."; display: block; clear: both; visibility: hidden; height: 0;
}
#sites ul {
	width: 100%;
	zoom: 1;
}
#sites ul li {
	float: left;
	padding: 0 0 3px 0;
	background: transparent url(../img/line_dotted02.gif) 0 100% repeat-x;
	text-align: center;
}
#sites ul li a {
	display: block;
	margin: 4px 0 0 0;
	padding: 0 1px;
	background: transparent url(../img/line_dotted01.gif) 0 0 repeat-y;
}
#sites ul li img {
	width: 70px; height: 50px;
}
#sites ul li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#sites ul li.lastCell,
#sites ul li.firstCell a {
	background: none;
}

/*============================================================
	コンテンツ
*/
#contents {
	padding-top: 91px;
	background: #f7f7f7;
}
#contentsIn {
	padding-bottom: 10px;
}
#contents .in {
	padding: 10px 0 0 0;
}

/*============================================================
	ボックス
*/
#boxes:after {
	content: "."; display: block; clear: both; visibility: hidden; height: 0;
}
#boxes {
	position: relative;
	margin: 0 auto;
	padding: 0 0 4px 0;
	width: 1010px;
}
#boxes img {
	vertical-align: top;
}

/*============================================================
	コンテンツボディ
*/
#boxes .body {
	float: left;
	width: 808px;
	color: #000000;
}
#boxes .bodyIn {
	margin: 0 3px 0 5px;
	min-height: 800px;
	background: #ffffff;
	box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
}
#boxes .bodyIn .wrapper {
	margin: 0 20px;
	padding: 20px 0;
}

/*============================================================
	コンテンツバナー
*/
#banners:after {
	content: "."; display: block; clear: both; visibility: hidden; height: 0;
}
#banners {
	float: right;
	width: 202px;
}
#banners ul.bannerBox {
	float: left;
	width: 202px;
}
#banners ul.bannerBox li {
	position: relative;
	padding: 0 0 6px 6px;
	left: -3px;
}
#banners ul.bannerBox li img {
	vertical-align: top;
}
#banners ul.bannerBox li a {
	display: block;
	background: #000000;
}
#banners ul.bannerBox li img {
	box-shadow: 0px 0px 1px #000;
	-moz-box-shadow: 0px 0px 1px #000;
	-webkit-box-shadow: 0px 0px 1px #000;
}
#banners ul.bannerBox li .sp {
	display: none;
}

/* facebook メニュー */
#banners #bannerFacebook ul {
	position: absolute;
	top: 79px; left: 0;
}
#banners #bannerFacebook ul li {
	overflow: hidden;
	margin: 1px 0 0 0;
	padding: 0;
	left: 11px;
	width: 186px; height: 21px;
}
#banners #bannerFacebook ul li a {
	overflow: hidden;
	width: 100%; height: 100%;
	text-indent: -999em;
	background: #000000;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#banners #bannerFacebook ul li a:hover {
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
}

/*============================================================
	フッターナビゲーション
*/
#footNav {
	width: 100%;
	background-color: #1c1b20;
	color: #ffffff;
}
#footNav a {
	color: #ffffff;
}
#footNav .in {
	margin: 0 auto;
	padding: 20px 0 30px 0;
	width: 1004px;
}
#footNav .wrap {
	overflow: hidden;
	width: 100%; height: auto;
}
#footNav .wrap div {
	float: left;
	padding: 0 22px 0 25px;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	border-left: 1px dotted #d2d2d2;
}
#footNav .wrap div:first-child {
	padding-left: 0;
	border-left: 0;
}
#footNav .wrap div:last-child {
	padding-right: 0;
}
#footNav p {
	font-weight: bold;
	font-size: 13px;
	line-height: 1.1em;
}
#footNav ul:after {
	content: "."; display: block; clear: both; visibility: hidden; height: 0;
}
#footNav ul {
	font-size: 11px;
	line-height: 1.1em;
}
#footNav ul li {
	padding: 12px 0 0 0;
}
#footNav .nav01_list a:hover {
	color: #eb6100;
}
#footNav .nav02_list a:hover {
	color: #8fc41f;
}
#footNav .nav03_list a:hover {
	color: #0266b3;
}
#footNav .nav04_list a:hover {
	color: #e566a0;
}
#footNav .nav05_list a:hover {
	color: #009e96;
}
#footNav .nav06_list a:hover {
	color: #556fb5;
}


/*============================================================
	フッター
*/
#footer {
	width: 100%;
	background-color: #242328;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.1em;
	color: #ffffff;
}
#footer a {
	color: #ffffff;
}
#footer a:hover {
	color: #bbbbbb;
}
#footer .in {
	position: relative;
	margin: 0 auto;
	width: 1004px; height: 50px;
}
#footer ul {
	position: absolute;
	top: 17px; right: 0;
}
#footer ul li {
	display: inline;
	float: left;
	padding: 0 20px;
	border-left: 1px solid #d2d2d2;
}
#footer ul li:first-child {
	border-left: 0;
}
#footer ul li:last-child {
	padding-right: 0;
}
#footer address {
	display: block;
	position: absolute;
	top: 17px; left: 0;
}

}



@media screen and (min-width: 600px) and (max-width: 1020px) {

body #container {
	min-width: 820px;
}
body #header {
	min-width: 820px;
}
body #header .in {
	width: 802px;
}
body #boxes {
	width: 808px;
	overflow: visible;
}
body #boxes .body {
	width: 606px;
}
body #boxes .banner {
	
}
body #sites .inner {
	width: 792px;
}
body #footNav .in {
	width: 802px;
}
body #footNav .wrap div {
	position: relative;
	float: none;
	padding: 0;
	margin: 0 0 15px 0;
	width: 802px;
	border-left: 0;
	border-top: 1px dotted #d2d2d2;
}
body #footNav .wrap div:first-child {
	border-top: 0;
}
body #footNav p {
	position: absolute;
	top: 15px; left: 0;
	width: 120px;
}
body #footNav ul {
	padding: 0 0 0 120px;
}
body #footNav ul li {
	float: left;
	padding: 15px 30px 0 0;
	white-space: nowrap;
}
body #footer .in {
	padding: 20px 0;
	width: 802px; height: auto;
}
body #footer ul {
	position: static;
	font-size: 14px;
	line-height: 1.1em;
	text-align: center;
}
body #footer ul li {
	float: none;
	text-align: center;
}
body #footer address {
	position: static;
	padding-top: 20px;
	text-align: center;
}

}