@charset "utf-8";

/* ==================== 余白の初期化 ==================== */

*{
  margin:0px;
  padding:0px;
}


/* ================== ページ全体の構成 ================== */

body{
  background-color:#e6e6fa;
}

#container{

  margin:0px auto;
  background-color:#a9a9a9;
  border-left:solid 2px #00008b;
  border-right:solid 2px #00008b;
}

#header{

  height:150px;
  background-image:url("images/title-back.jpg");
  background-repeat:no-repeat;
  background-size:cover;
}

#main{

  margin-top:50px;
  float:left;
 
}

#footer{

  clear:both;
  background-color:#a9a9a9;
}


/* ==================== ヘッダー部分 ==================== */

#title-words{
  padding-top:65px;
  padding-right:20px;
  text-align:right;
  color:#FFFFFF;
  font-size:22pt;
  font-weight:bold;
}




/* =================== サイドメニュー =================== */
#dropmenu{  
	list-style-type: none; 
	width:1000px;
	height: 40px;  
	margin: 0px auto 0px;  
	padding: 0;  
	background: #a9a9a9;  
	border-bottom: 5px solid #808080;  
	border-radius: 3px 3px 0 0;  
}  
#dropmenu li{  
	position: relative;
z-index: 10; 
	width: 16%;  
	float: left;  
	margin: 0;  
	padding: 0;  
	text-align: center;  
}  
#dropmenu li a{  
	display: block;  
	margin: 0;  
	padding: 15px 0 11px;  
	color: #fff;  
	font-size: 16px;  
	font-weight: bold;  
	line-height: 1;  
	text-decoration: none;  
}  
#dropmenu li:hover > a{  
	background: #808080;  
	color: #eff7b1;  
}  
#dropmenu > li:hover > a{  
	border-radius: 3px 3px 0 0;  
}  
#dropmenu li ul{  
	list-style: none;  
	position: absolute;
z-index: 10; 
	top: 100%;  
	left: 0;  
	margin: 0;  
	padding: 0;  
	border-radius: 0 0 3px 3px;  
}  
#dropmenu li:last-child ul{  
	left: -100%;  
	width: 100% 
}  
#dropmenu li ul li{  
	overflow: hidden;  
	width: 150%;  /* =========プルダウン幅設定========== */
	height: 0;  
	color: #fff;  
	-moz-transition: .2s;  
	-webkit-transition: .2s;  
	-o-transition: .2s;  
	-ms-transition: .2s;  
	transition: .2s;  
}  
#dropmenu li ul li a{  
	padding: 13px 15px;  
	background: #696969;  
	text-align: left;  
	font-size: 16px;  
	font-weight: normal;  
}  
#dropmenu li:hover ul li{  
	overflow: visible;  
	height: 38px;  
	border-top: 1px solid #808080;  
	border-bottom: 1px solid #808080;  
}  
#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;  
} 


/* ====================== 本文関連 ====================== */

#center{
 text-align: center;
}

.main-center{
	 padding:20px;
	text-align: center;
	background: #cccccc; 
}




.wideslider {

    width: 100%;

    text-align: left;

    position: relative;

    overflow: hidden;

}

 

.wideslider ul,

.wideslider ul li {

    float: left;

    display: inline;

    overflow: hidden;

}

 

.wideslider ul li img {

    width: 100%;

    display: none;

}

 

.wideslider_base {

    top: 0;

    position: absolute;

}

.wideslider_wrap {

    top: 0;

    position: absolute;

    overflow: hidden;

 

}

.slider_prev,

.slider_next {

    top: 0;

    overflow: hidden;

    position: absolute;

    z-index: 100;

    cursor: pointer;

}

.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}

.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}

 

.pagination {

    bottom: 10px;

    left: 0;

    width: 100%;

    height: 15px;

    text-align: center;

    position: absolute;

    z-index: 200;

}

 

.pagination a {

    margin: 0 5px;

    width: 15px;

    height: 15px;

    display: inline-block;


    background: #333;

}

.pagination a.active {

    filter:alpha(opacity=100)!important;

    -moz-opacity: 1!important;

    opacity: 1!important;

}

/* =======================================

    ClearFixElements

======================================= */

.wideslider ul:after {

    content: ".";

    height: 0;

    clear: both;

    display: block;

    visibility: hidden;

}

.wideslider ul {

    display: inline-block;

    overflow: hidden;

}


/* ======================= h1～h6 ======================= */

h1{
  margin-top:15px;
  padding:5px 0px 5px;
  background-color:#b9b9b9;
  border-radius:10px;
  border:solid 1px #00008b;
  font-size:16pt;
  text-align:center;
}

h2{
  margin:30px 0px 10px;
  padding:0px 0px 3px;
  border-bottom:dashed 2px #FF9933;
  font-size:14pt;
}

h3{
  margin:0px 0px 5px;
  padding:0px 0px 3px;
  border-bottom:1px solid #FF6600;
  font-size:12pt;
  color:#FF6600;
}

h4{
  background-color: #cccccc;
  font-weight: normal;
}



/* ================== 影付き左寄せ画像 ================== */

img.f-left{
  float:left;
  margin-right:15px;
  box-shadow:3px 3px 10px #666666;
  border:none;
}


/* =================== 前後のページへ =================== */

table.b-a{width:100%;}
table.b-a td{
  color:#666666;
  font-size:10pt;
}
td.before{text-align:left;}
td.after{text-align:right;}


/* ==================== フッター部分 ==================== */

footer p{
  padding:10px 0px;
  font-size:12pt;
  text-align:center;
  color:#FFFFFF;
}