@charset "UTF-8";
/*
*
* 上部固定ヘッダーメニュー
* base.css
*
*/
/*---------------------------------
初期設定
---------------------------------*/
body{
 	margin:0;
 	padding:0;
 	background-color:#e6e6e6;
 	font-family: " メイリオ",Meiryo,Osaka," ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"," ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}

/*---------------------------------
レスポンシブ対応
---------------------------------*/
@media screen and (min-width: 0px) and (max-device-width: 320px) {
#container {
	width: 300px;
	padding: 0 0;
	}
}
@media screen and (min-width: 321px) and (max-device-width: 920px) {
#container {
	width: 800px;
	padding: 5px 0;
	}
}
@media screen and (min-width: 1024px)  {
#container {
	max-width: 980px;
	padding: 5px 0;
	}
}

#container, .nav {
	width: 100%;
	margin: 0 auto;
	}



/*---------------------------------
メインコンテンツ
---------------------------------*/
#coco0{
	width: 100%; 
	padding-top:10px;
	float:left;
	}

#coco1{
	width: 100%; 
	padding-top:50px;
	float:left;
	}

#coco2{
	width: 100%; 
	padding-top:50px;
	float:left;
	}

#coco3{
	width: 100%;
	padding-top:50px;
	float:left;
	}

#coco4{
	width: 100%;
	padding-top:50px;
	float:left;
	}

#main{
 	background-color:#b3cac9;
	padding:3px;
	margin-top:10px;
	}

#header{
	padding-left: 12px;
	margin:10.0.0.0;
	}

#fontsize {
	text-align: left; 
	font-size: 70%; 
	float:left;
	}

#header_order {
	width: 100%; 
	margin: 10px 0px; 
	text-align: center; 
	color: #000000; 
	font-size: 150%; 
	float: left;
	font-weight: bold; 
	}

.plink {
	width: 0px;
	height: 0px;
	float: left;
	}

.midashi {
	width: 100%;
	height: auto;
	text-align: center;
	color: #000;
	float: left;
	}

.midashi1 {
	width: 100%;
	height: auto;
	color: #000;
	float: left;
	}


.box {
	padding: 0px 0px 0px; 
	width: 100%;
	height: 234px 
	text-align: left; 
	font-size: 95%; 
	margin-top: 20px; 
	margin-bottom: 0px; 
	float: left;
	}

.box1 {
	padding: 0px 0px 0px;
	width: 100%;
	text-align: left;
	font-size: 95%;
	margin-top: 20px;
	margin-bottom: 0px;
	vertical-align: top;
	float: left;
	}

.box2 {
	padding: 0px 0px 0px;
	width: 100%;
	text-align: center;
	font-size: 95%;
	margin-top: 20px;
	margin-bottom: 0px;
	float: left;
	}


.dbox {
	display: inline-block;
	text-align: center;
	font-size: 80%;
	margin: 20;
	padding: 20;
	height: 100px;
	}

.sbox {
	width: 95%;
	text-align: left;
	font-size: 80%;
	margin: 20 10;
	padding: 12px;
	vertical-align: top;
	float: left;
	}

/*---------------------------------
フッタ用BOX
---------------------------------*/
.tbox {
	width: auto;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	}


.box1-1 {
	width: 100%;
	text-align: left;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: top;
	float: left;
	padding-left: 12px;
	}

.box1-2 {
	padding: 10px 0px 0px 40px;
	text-align: left;
	font-size: 95%;
	margin-top: 20px;
	margin-bottom: 0px;
	vertical-align: top;
	float: left;
	}
/*---------------------------------
トップコメント用BOX
---------------------------------*/
.box1-3 {
	padding: 10px 0px 0px 40px;
	text-align: left;
	font-size: 95%;
	margin-top: 20px;
	margin-bottom: 0px;
	vertical-align: top;
	float: left;
	}

h4.top {
	background-position: 0px; 
	width: auto; 
	height: 50px; 
	text-align: center;
	font-size: 200%; 
	font-weight: bolder; 
	background-repeat: repeat; 
	background-color:  #0000cd;
	}

h4.mm {
	background-position: 0px; 
	width: auto; 
	padding: 10px;
	height: 25px; 
	text-align: left; 
	text-indent: 14px; 
	font-size: 150%; 
	font-weight: bolder; 
	background-repeat: repeat; 
	background-color:  #eaadbd;
	}

h4.mmc {
	background-position: 0px; 
	width: auto; 
	padding: 0px;
	height: 15px; 
	text-align: left; 
	font-size: 120%; 
	font-weight: bolder; 
	background-repeat: repeat; 

	}

/*---------------------------------
ナビゲーション
---------------------------------*/


/* clearfix */
.nav_list:after {
 	display: block;
 	visibility: hidden;
 	clear: both;
 	height: 0;
 	content: ".";
 	font-size: 0;
	}

/*---------------------------------
ドロップダウンメニュー
---------------------------------*/

.nav{
 	margin:0;
 	padding:0;

	background-color:#e6e6e6;
	}

.fixed{
	 position:fixed;
	 top:0;
	 max-width: 980px;
	 margin:0 auto;
	 Z-index:10000
	}

#dropmenu{
	  list-style-type: none;
	  width: 100%;
	  height: 40px;
	  padding: 0;
	  background: #554562;
	  border-bottom: 5px solid #494562;
	  border-radius: 3px 3px 0 0;
	}

#dropmenu li{
	  position: relative;
	  width: 16.6%;
	  float: left;
	  margin: 0;
	  padding: 0;
	  text-align: center;
	}
#dropmenu li a{
	  display: block;
	  margin: 0;
	  padding: 15px 0 11px;
	  color: #fff;
	  font-size: 1;
	  font-weight: bold;
 	  line-height: 1;
	  text-decoration: none;
}
#dropmenu li ul{
	  list-style: none;
	  position: absolute;
	  top: 100%;
	  left: 0;
	  margin: 0;
	  padding: 0;
	  border-radius: 0 0 3px 3px;
	}

#dropmenu li ul li{
	  overflow: hidden;
	  width: 100%;
	  height: 0;
	  color: #fff;
	  -moz-transition: .2s;
	  -webkit-transition: .2s;
	  -o-transition: .2s;
	  -ms-transition: .2s;
	  transition: .2s;
}
#dropmenu li ul li a{
	  padding: 15px 15px; 
	  background: #494562;
	  text-align: left;
	  font-size: 1;
	  font-weight: normal;
}

#dropmenu li:hover > a{
	  background: #554562;
	  color: #eff7b1;
	}

#dropmenu > li:hover > a{
	  border-radius: 3px 3px 0 0;
	}
#dropmenu li:hover ul li{
	  overflow: visible;
	  height: 38px;
	  border-top: 1px solid #444562;
	  border-bottom: 1px solid #494562;
	}

#dropmenu li:hover ul li:first-child{
	  border-top: 0;
	}
#dropmenu li:hover ul li:last-child{
	  border-bottom: 0;
	}
#dropmenu li:hover ul li:last-child a{
	  border-radius: 0 0 3px 3px;
	}




#footer {
	background-position: 0px 0px; 
	padding: 3px 0px 0px; 
	width: 100%; 
	height: 25px; 
	text-align: center; 
	clear: both; 
	font-size: 90%; 
	background-color: #eaadbd;
	}