﻿@charset "UTF-8";





/* ========BASIC======== */

html {

   overflow-y:scroll;

}



body {

   margin:20px 0;

   padding:0;

   line-height:1.6;

   letter-spacing:1px;

   font-family:Verdana, Helvetica, sans-serif;

   font-size:13px;

   color:#333;

   background:#000000;						/* #8a695f */



   background-image: url(../images/bg_bu131.png);

   background-repeat:no-repeat;

   background-position: center center;

   background-attachment: fixed;

}



br {

   letter-spacing:normal;

}



a {

   color:#333;

   text-decoration:none;

}



a:hover {

   color:#31001D;

   text-decoration:none;

}



img {

   border:0;

}



h1,h2,h3,h4,h5,h6 {

   margin:0;

}





/* ========TEMPLATE LAYOUT======== */

#top {

   width:898px;						/* width:740px; */

   margin:0 auto;

   padding:10px;

   background-color:#E7DFCE;

}



#header {

   width:900px;						/* width:740px; */

}



#menu {

   width:900px;						/* width:740px; */

}



#contents {

   clear:both;

   width:900px;						/* width:740px; */

   background: #51000c url(../images/bg_contents.gif) -380px 0 repeat-y;	/*background: #51000c width:-440px; */

}



#headImage {

   width:900px;						/* width:740px; */

}



#main {

   float:left;

   width:600px;						/* width:540px; */

   padding:0 10px;

}



#sub {

   float:right;

   width:230px;

}



#footer {

   clear:both;

   width:900px;						/* width:740px; */

}



/* 回り込み解除 */

#contents:after {

   content:"";

   display:block;

   height:0;

   clear:both;

   visibility:hidden;

}





/* ========TOP CUSTOMIZE======== */

#top h1{

   margin-top:-1px;

   margin-bottom:8px;

   padding:5px 5px 5px 15px;

   color:#fff;

   font-family:Georgia;

   font-size:25px;

   font-weight:bold;

   background:#000000;						/* #8C514A */

}



#top h2{

   margin-top:5px;

   margin-bottom:0px;

   padding:5px 5px 5px 15px;

   color:#fff;

   font-family:Georgia;

   font-size:20px;

   font-weight:bold;

   background:#000000;						/* #8C514A */

}





#top p{

    margin-top:10px;

    margin-bottom:-10px;

    margin:10px 20px -10px 15px;

}





/* ========menu_1 20161207======== */



#menu_1 ul{ 

margin: 0; 

padding: 0; 

list-style: none; 

}

#menu_1 li{ 

display: inline; 

padding: 0; 

margin: 0; 

float: left;

}

#menu_1 li a{

display: block; 

border-left:	8px solid #32CD32;/* 左色 */

border-top:	3px solid #DAA520;/* 上色 */

border-bottom:	1px solid #FF00FF;/* 下色 */

background-color:	  #000000;/* 背景色 */



padding: 8px 10px;

text-decoration: none;

color: #E1E2CF;

width: 100px; 

margin: 1px 0px;

text-align: center;

font-size: 16px;/* 文字サイズ */

font-family: HGS行書体;

}



#menu_1 li a:hover{

border-left: 8px solid #00FFFF;

background-color: #808080;

}



/* 回り込み解除 */

#menu ul:after {

   content:"";

   display:block;

   height:0;

   clear:both;

   visibility:hidden;

}







/* ========HEADLINE CONTENTS CUSTOMIZE======== */

#contents h1 {

   margin-bottom:8px;

   padding:5px;

   color:#fff;

   font-family:Georgia;

   font-size:20px;

   font-weight:bold;

   background:#000000;						/* #8C514A */

}





/* ========MAIN CONTENTS CUSTOMIZE======== */

#main a {

   color:#000000;						/* #D70053 */

}



#main a:hover {

   color:#D2447B;

   border:0;

   border-bottom:1px solid #D2447B;

}



#main h2 {

   margin-bottom:8px;

   padding:2px 2px 2px 0;

   color:#31001D;

   font-size:15px;

   font-weight:bold;

   border-bottom:3px double #31001D;

}



#main h3 {

   margin-bottom:3px;

   padding:2px 4px;

   font-size:13px;

   color:#fff;

   background:#000000;						/* #551b14 */

}



#main h4 {

   margin-bottom:2px;

   font-size:13px;

   color:#551b14;

   border-bottom:2px solid #551b14;

}



#main h5 {

   margin-top:5px;

   margin-bottom:2px;

   padding-left:5px;

   font-size:13px;

   color:#551b14;

   border-left:8px solid #551b14;

}



#main h6 {

   font-size:13px;

   color:#551b14;

}



#main p {

   margin:0 0 1em 0;

}



#main dt {

   margin-bottom:3px;

}



#main dd {

   padding:0;

   margin:0 0 0.5em 1em;

   padding:3px;

   background:#f1f1f1;

}





/* ========sub CONTENTS CUSTOMIZE======== */

#sub h2 {

   padding:0px 3px 0px 3px;						/* padding:3px; */

   font-size:14px;

   font-weight:bold;

   color:#fff;

}



#sub ul {

   margin:0;

   padding:5px 0 1em 15px;						/* padding:5px 0 1em 5px; */

}



#sub li {

   margin:0;

   padding-left:18px;

   color:#fff;

   line-height:1.8;

   background:url(../images/bg_sub_li.jpg) 0px 4px no-repeat;

   list-style:none;

}



#sub li a {

   color:#fff;

}



#sub li a:hover {

   color:#ddd;

   border-bottom:1px solid #ddd;

}





/* ========PAGETOP CUSTOMIZE========= */

#pageTop {

   margin:10px 0;

   text-align:right;

   font-size:11px;

}



#pageTop a {

   padding:0 0 0 12px;

   background:url(../images/bg_pagetop.gif) 0 50% no-repeat;

}







/* ========FOOTER CUSTOMIZE======== */

.copyright {

   padding:10px 0;

   font-style:normal;

   font-size:11px;

   color:#333;

   text-align:center;

}







/* ========logo 20161207======== */



.logo {

	width:		100%;

	margin:		0px;

	padding:	0;

	position:	relative; /* 相対位置指定 */

}

.logo img {



	width:897px;						/* width:826px; */

	margin-bottom:		5px;

}

.text1 {

	width:		100%;

	font-size:	200%;

	font-family: HGS行書体;

	text-align:	center;

	bottom:		70px;

	margin:		0;

	padding:	0;

	color:		#fff;

	background:	rgba(0,0,0,0.0); /* 帯の透明度 */

	position:	absolute; /* 絶対位置指定 */

}



.text2 {

	width:		100%;

	font-size:	250%;

	font-family:	Georgia;

	text-align:	center;

	bottom:		25px;

	margin:		0;

	padding:	0;

	color:		#fff;

	text-shadow:	1px 1px 1px #D35889;

	background:	rgba(0,0,0,0.0); /* 帯の透明度 */

	position:	absolute; /* 絶対位置指定 */

}





/* INFORMATION CUSTOMIZE */

.information {

    margin-bottom:10px;

}



.information dl {

    margin:0;

}

.information dt {

    float:left;

    padding-top:5px;

}



.information dd {

    margin:0 0 5px 0;

    padding:5px 0px 5px 9em;

    border-bottom:1px solid #ddd;

    background:none;

}



.information h3 {

   margin-bottom:3px;

   padding:2px 4px;

   font-size:40px;

   text-align:	center;

   color:#fff;

   background:#000000;						/* #551b14 */

}









/* BOX CUSTOMIZE */

.box {

    overflow:hidden;

    margin:0px;

    margin-top:20px;

    padding:10px;

    border:3px solid #4169e1;

}



.box h3 {

    font-size:20px;

    margin-top:0;

    margin-bottom:10px;

    margin-left:10px;

    margin-right:10px;

    background:#DAA520;	

}



.box img {

	float: left;

}



.box p {

    font-size:12px;

    margin-top:10px;

    margin-bottom:-10px;

    padding-left:330px;

}



.first {

   color:#A57B18;

   text-decoration:underline;

   text-shadow:	1px 1px 1px #fff;



}



/* BOX2 CUSTOMIZE */





.box2 {

    overflow:hidden;

	float: left;

	width:874px;

    margin:0px;

    margin-top:10px;

    padding-bottom:-10px;

    padding:15px 2px 37px 10px;

    border:2px solid #000;						/* #00FFFF */



        position: relative;

}



.box2 h3 {

    font-size:15px;

    margin-top:0;

    margin-left:450px;

    background:#DAA520;	

}



.box2 img {

    float:center;

}



.box2 p {

    font-size:13px;

    margin-top:0px;

    margin-bottom:10px;

    padding-left:230px;



        position: absolute;

        top:-1%;

        margin-top: -1em;



}



.first {

   color:#A57B18;

   text-decoration:underline;

   text-shadow:	1px 1px 1px #fff;



}



/* ========logo2 20161219======== */



.logo2 {

	width:		100%;

	margin:		0px;

	padding:	0;

	position:	relative; /* 相対位置指定 */

}



.logo2 img {



	width:897px;						/* width:826px; */

	margin-bottom:		5px;

}



.text20 {

	width:		100%;

	font-size:	400%;

	font-family:	Georgia;

	text-align:	left;

	bottom:		-70px;

	margin:		0;

	padding:	0;

	color:		#fff;

	text-shadow:	3px 3px 2px #0000ff;

	background:	rgba(0,0,0,0.0); /* 帯の透明度 */

	position:	absolute; /* 絶対位置指定 */

}



.text21 {

	width:		100%;

	font-size:	300%;

	font-family:	Meiryo,"Hiragino Kaku Gothic Pro","MS PGOTHIC",Arial,sans-serif;

	text-align:	left;

	bottom:		160px;

	margin:		0;

	padding:	0;

	margin-left:	100px;

	color:		#fff;

	text-shadow:	0px 0px 1px #f90;/* #0c6 */

	background:	rgba(0,0,0,0.0); /* 帯の透明度 */

	position:	absolute; /* 絶対位置指定 */

}





.text22 {

	width:		100%;

	font-size:	300%;

	font-family:	Meiryo,"Hiragino Kaku Gothic Pro","MS PGOTHIC",Arial,sans-serif;

	text-align:	left;

	bottom:		100px;

	margin:		0;

	padding:	0;

	margin-left:	100px;

	color:		#fff;

	text-shadow:	0px 0px 1px #f90;/* #f0f */

	background:	rgba(0,0,0,0.0); /* 帯の透明度 */

	position:	absolute; /* 絶対位置指定 */

}





.text23 {

	width:		100%;

	font-size:	300%;

	font-family:	Meiryo,"Hiragino Kaku Gothic Pro","MS PGOTHIC",Arial,sans-serif;

	text-align:	center;

	bottom:		160px;

	margin:		0;

	padding:	0;

	margin-left:	100px;

	color:		#fff;

	text-shadow:	0px 0px 1px #f90;/* #0c6 */

	background:	rgba(0,0,0,0.0); /* 帯の透明度 */

	position:	absolute; /* 絶対位置指定 */

}



.text24 {

	width:		100%;

	font-size:	300%;

	font-family:	Meiryo,"Hiragino Kaku Gothic Pro","MS PGOTHIC",Arial,sans-serif;

	text-align:	center;

	bottom:		100px;

	margin:		0;

	padding:	0;

	margin-left:	100px;

	color:		#fff;

	text-shadow:	0px 0px 1px #f90;/* #f0f */

	background:	rgba(0,0,0,0.0); /* 帯の透明度 */

	position:	absolute; /* 絶対位置指定 */

}







.text2m {

	width:		100%;

	font-size:	300%;

	font-family:	Meiryo,"Hiragino Kaku Gothic Pro","MS PGOTHIC",Arial,sans-serif;

	text-align:	left;

	bottom:		40px;

	margin:		0;

	padding:	0;

	margin-left:	100px;

	color:		#fff;

	text-shadow:	0px 0px 1px #f90;

	background:	rgba(0,0,0,0.0); /* 帯の透明度 */

	position:	absolute; /* 絶対位置指定 */

}

