@charset "utf-8";
/* CSS Document */
/* =======================================

全体の設定

======================================= */
html{
	background:url(../imgaes/washi_b.jpg) repeat;
	width: 100%;
	min-width:100%;
	height: 100%;/* ブラウザ画面の高さを使用 */
	margin: 0;      
    padding: 0;
}

body {
	font-size: 100%;
	line-height: 180%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
	color: #333;
	margin:0;
	padding: 0;
	text-align: justify;
	width: 100%;
	min-width:100%;
	height: 100%;/* ブラウザ画面の高さを使用 */
}

a:link { text-decoration:none; color: #000;}
a:visited { text-decoration:none; color: #000;}
a:active { text-decoration:none; color: #000;}
a:hover { text-decoration:none; color: #000; opacity:0.8;}


h1 a:link{ text-decoration:none; color:#FFF;}
h1 a:visited{ text-decoration:none; color:#FFF;}
h1 a:active{ text-decoration:none; color:#FFF;}
h1 a:hover{ text-decoration:none; color:#FFF;}


#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #000;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #000;
}





/*スライドショー
-------------------------------------*/

#wrp {
    width:1300px;
    height:610px;
    background-color:rgba(0,0,0,0.5);
    margin:0 auto;
}
 
#mainImg {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-align: left;
    overflow: hidden;
   	position: relative;
}
 
#mainImg img {
    top: 0;
    left: 0;
    position: absolute;
	width:100%;
	height:100%;
}

#top_logo{
	position:absolute;
	top:0px;
	left:1200px;
}


/*上部のメニュー
-------------------------------------*/
.absolute {
    position: absolute;
	top:0;
	left:500;
    color: #fff;
    background: rgba(0,0,0,0.6);
    width:100%;
    max-width: 100%;
	height:20px;
    padding: 0.5em 0;
/*	  filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;*/
}
h1 {
    margin: 0;
	padding:0px 20px;
    font-size: 12px;
    text-align: left;
}

/*タイトルロゴ
-------------------------------------*/
/*h1{
	position: absolute;
	top:0px;
	width:100%;
	max-width:100%;
	height:100%;
}*/



/*トップコンテンツ全体
-------------------------------------*/
#contents{
	width:1080px;
	height:auto;
/*	height:500px;*/
	margin:0 auto;
	padding:100px 10px 10px 10px;
/*	background:#060;*/
/*	background:url(../imgaes/washi_b.jpg) repeat;*/
}

header{
	max-width:100%;
}

/*トップ導入
-------------------------------------*/
.catch{
	height:430px;
	border-bottom:dotted #999999 1px;
}

.catch_box1 a{
	width:320px;
	float:left;
	display:block;
}

.catch_box2 a{
	width:320px;
	margin-left:60px;
	float:left;
	display:block;
}

.catch_box3 a{
	width:320px;
	float:right;
	display:block;
}

.catch_txt1{
	width:247px;
	height:100px;
	position: relative;
	top:5px;
/*	top:960px;
	left:420px;
*/}

.catch_txt2{
	width:247px;
	height:100px;
	position: relative;
	left:390px;
/*	top:960px;
	left:805px;
*/}

.catch_txt3{
	width:247px;
	position: relative;
	left:770px;
/*	top:960px;
	left:1185px;
*/}


/*ナビゲーション
-------------------------------------*/
.navlist{
	clear:both;
	width:1080px;
	height:200px;
	padding-top:40px;
	margin:0 auto;
}


#nav_box{
	width:1080px;
	margin:0 auto;
}


#nav_box ul li a{
	float:left;
	padding:0px 60px;
	border-left:solid #999 1px;
	height:160px;
	writing-mode: tb-rl;/*IE用*/
	-webkit-writing-mode:vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	writing-mode:vertical-rl;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:19px;
	display:block;
}


#nav_box ul li.first a{
	float:left;
	padding:0px 65px;
	border-right:solid #999 1px;
	height:160px;
	writing-mode: tb-rl;/*IE用*/
	-webkit-writing-mode:vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	writing-mode:vertical-rl;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:19px;
	display:block;
}


#nav_box ul li a:hover{
	background: url(../imgaes/nav_bg.png) no-repeat;
	background-position: center;
}


#nav_box ul li a:before {
/*         margin-right: 0.2em;*/
		 margin-bottom:1em;
         content: "";
         display: inline-block;
         position: relative;
         border-bottom: solid 1px #000;
         border-right: solid 1px #000;
         width: 0.5em;
         height: 0.5em;
         transform: rotate(45deg);
     }
	 
#nav_box ul li.first a:before {
/*         margin-right: 0.2em;*/
		 margin-bottom:1em;
         content: "";
         display: inline-block;
         position: relative;
         border-bottom: solid 1px #000;
         border-right: solid 1px #000;
         width: 0.5em;
         height: 0.5em;
         transform: rotate(45deg);
     }

/*お知らせ
-------------------------------------*/
.news{
	float:left;
}

.news_box{
	width:500px;
	height:200px;
	margin-bottom:50px;
}

/* --- 新着情報エリア --- */
div.update {
width: 500px; /* 新着情報エリアの幅 */
font-size: 14px;
color:#333;
}

/* --- 見出し --- */
div.update h3 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
font-size: 18px;
font-weight:100;
color:#333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

/* --- 新着リスト --- */
div.update dl {
width: 100%; /* 新着リストの幅 */
height: 165px; /* 新着リストの高さ */
overflow: auto;
margin: 0;
background-color: #f9f9f9; /* 新着リストの背景色 */
border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
border-bottom: 1px #c0c0c0 dotted; /* 新着リストの下境界線 */
}

/* --- 日付エリア --- */
div.update dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
padding: 12px 0 10px 10px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

/* --- 本文エリア --- */
div.update dd {
margin: 0;
padding: 12px 3px 10px 6.6em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリアの下境界線 */
line-height: 135%;
}

div.update dd a:link{
	text-decoration:underline;
	color:#F00;
}


/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/*メディア取材
-------------------------------------*/
.media{
	float:right;
/*	background:url(../imgaes/media_bg.png) no-repeat;*/
}

.media_box{
	width:500px;
	height:200px;
	margin-bottom:50px;
	border: double #999 4px;
}

.media_a{
	font-size:20px;
	padding-top:15px;
/*	padding-left:20px;
*/	padding-bottom:15px;
	font-weight:100;
color:#333;
text-align:center;
	font-weight:bold;

}

.media_b{
	padding-left:20px;
	padding-bottom:5px;
	padding-top:10px;
	font-size:20px;
	text-align:center;
}

.media_c{
	text-align:center;
}

.media_d{
	text-align:center;
	padding-top:20px;
	font-size:20px;
}

.media_d a{
	text-decoration:underline;
}

/*フッター
-------------------------------------*/
footer {
	max-width:100%;
	clear:both;
	padding-top:100px;
}

footer p{
	font-size:15px;
	background: #666;
	color: #FFF;
	padding:25px;
	text-align:center;
}