@charset "utf-8";

/* clearfix */
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 共通設定およびスマートフォン向けのスタイル
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
body {
  width: 100%;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  line-height: 1.4em;
  background-color:#FFF7E5;
  color:#000;
}
a{
	color:#03F;
	text-decoration:underline;;
}
a:hover{
	color:#333;
	text-decoration:underline;
}
#stage{
	background-color:#fff;
	margin:0 ;
	position:relative;
}
header {
  text-align: right;
  position:relative;
	overflow:hidden;
	margin-bottom:0;
	margin-bottom:0;
}
header div#drop{
	position:absolute;
	z-index:9999;
	right:2px;
	top:0;
}

header h1 {
  margin:0 auto;
  width:100%;
}


header h1 img{
	width: 100%;
	height:auto;

}
article.main h1{
	width:90%;
	
}
div#main-wrap{
	margin-left:2px;
}
div#top nav {
  margin:-15px 0 16px -35px;
 
}
div#top nav ul.menu {
	margin-left:0;
	margin-bottom:2px;
	list-style-type:none;
}
div#top nav ul.menu li {
	text-align:center;
	float:left;
	width:50%;
	border-bottom:2px solid #000;
	
}

div#top nav ul.menu li:nth-child(odd){
	width:49%;
	border-right:1px dotted #000;
}

div#top nav ul.menu li a{
	display:block;
	width:100%;
	padding:0.4em 0;
	text-decoration:none;
}
div#top nav ul.menu li a:hover{background-color:#06C;
color:#FFF;
text-decoration:none;}

div#cont1{
	margin:5px;
	width:auto;
}

div#contents{
	margin-top:-15px;
}
div#contents article.main h1{
	background-image:url(../../images4/base/title/page-title_s.jpg);
	background-repeat:no-repeat;
	height:62px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:23px 0 0 60px;
	width:auto;
	
}
	
#contents h1{
  font-weight: bold;
}
#contents article.main h4{font-size:1.3em; 
margin:20px auto 10px; auto; 
padding:5px; width:90%; 
border:1px solid #6c9cd3;
font-weight:bold;
text-align:center;
}
section {
  margin: 0 0 1em 0;
}
aside > section{
text-align:center;
  height:auto;
  background-color:#c6e1f7;
  padding: 5px 5px 0 15px;
}
article > section{
  border-bottom: 1px solid #ccc;
}


img{max-width:100%;
height:auto;
}
/*==========================================
ドロップメニューのスタイル
===========================================*/

.dropmenu{
	*zoom: 1;
	list-style-type:none;
	width:120px;
	margin:2px auto 2px;
	padding:0;
}
dropmenu:before, .dropmenu:after{
	content:"";
	display:table;
}
.doropmenu:after{
	clear:both;
}
.dropmenu li{
	position:relative;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	text-align:right;
}
.dropmenu li a{
	display:block;
	margin:0;
	padding:0 0 0;
	background:#146eaa;
	color:#fff;
	font-size:1.0em;
	line-height:1;
	text-decoration:none;
	text-align:center;
	opacity:0.8;
}
.dropmenu li ul{
	list-style:none;
position:absolute;
	z-index:9999;
	top:100%;
	right:0;
	margin:0;
	padding:0;
}
.dropmenu li ul li{
	width:100%;
}
.dropmenu li ul li a{
	padding:5px 1px;
	border-top:1px solid #7c8c0e;
	background:#09f;
	opacity:0.8;
	text-align:center;
}
.dropmenu li:hover > a{
	background:#146eaa;
}
.dropmenu li a:hover{
	background:#09f;
	opacity:1;
}

/* フェイドイン　エフェクト　*/
#fade-in2 li ul{
	opacity: 0;
	top: 50%;
	visibility: hidden;
	transition: .5s;
}
#fade-in2 li:hover ul{
	top:100%;
	visibility:visible;
	opacity: 1;
}

/*==========================================
 ページトップへボタンのスタイル
===========================================*/
a#pagetopBtn img {
  position: fixed;
  bottom: 10px;
  right: 1px;
}

/*==========================================
 フッターのスタイル
===========================================*/
footer {
	 width: 100%;
  text-align: center;
  border-top: 5px solid #000;
}
footer div {
  margin: 10px 0 0 20px;
}
footer div p {
  font-size: 0.7em;
  line-height: 1.5em;
  margin:0;
}
footer div small {
  font-size: 0.6em;
}


/*==========================================
その他
===========================================*/
#pagelink {
	background-color:#F63;
	color:#FFF;
	width:95%;
}
#pagelink a {
	text-decoration:underline;
	color:#FFF;
}

#liststyle_non{
	list-style:none;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* タブレット向けのスタイル：481px ～ 780px */
@media only screen and (min-width: 481px) {

  div#top nav {
	 text-align:center;
	 border-bottom:3px double #000;
	 margin:-15px auto 15px auto;
 }
 div#top nav ul.menu {
   padding: 0;
 }
 div#top nav ul.menu li {
  float:left;
  width:16%;
  text-align: center;
  border-right: 1px dotted #000;
  border-bottom: none;
 }
 div#top nav ul.menu li:nth-child(odd){
	 width:17%;
	 border-bottom:none;
 }
 div#top nav ul.menu li a{
	 display:block;
 }

}

/*  PC向けのスタイル：781px～980px */
@media only screen and (min-width: 781px) {
	header{
		position:static;
		overflow:visible;
	}

	
	header div#drop{
		display:none;
}
<!--	//TOP-NAV -->
 div#top nav {
	 text-align:center;
	 border-bottom:3px double #000;
	 margin:-15px auto 15px auto;
 }
div#top nav ul {
   padding: 0;
 }
div#top nav ul li {
  float:left;
  width:16%;
  text-align: center;
  border-right: 1px dotted #000;
  border-bottom: none;
 }
 div#top nav ul li:nth-child(odd){
	 width:17%;
	 border-bottom:none;
 }
div#top nav ul li.navfirst{
	 border-left:none;
	 margin-left:1px;
 }
 div#top nav ul li.navlast{
	 border-right:none;
 }
div#top nav ul li a{
	 display:block;
 }
<!--	//SAIDE-NAV 
	  nav {
	 text-align:center;
	 border-bottom:3px double #000;
	 margin:-15px auto 15px auto;
 }
 nav ul {
   padding: 0;
 }
 nav ul li {
  float:left;
  width:16%;
  text-align: center;
  border-right: 1px dotted #000;
  border-bottom: none;
 }
 nav ul li:nth-child(odd){
	 width:17%;
	 border-bottom:none;
 }
 nav ul li.navfirst{
	 border-left:none;
	 margin-left:1px;
 }
 nav ul li.navlast{
	 border-right:none;
 }
 nav ul li a{
	 display:block;
 }
-->
}

/* PC向けのレイアウトの指定： 981px以上では固定レイアウト */
@media only screen and (min-width: 981px) {
	#stage{
width:980px;
	margin:0 auto ;
	background-color:#fff;
}

	
	header{
		width:980px;
		margin-left:auto;
		margin-right:auto;
	}
 nav {
	max-width: 980px;
 }
 nav ul {
	 margin-left:auto;
	 margin-right:auto;
   padding: 0;
 }
 nav ul li:nth-child(odd) {
  border-bottom: none;
 }

 nav ul li.navfirst{
	 border-left:1px dotted #000;
 }
 nav ul li.navlast{
	 border-right:1px dotted #000;
 }
	
	


   footer{
	 text-align:center;
 }
	
}