@charset "Shift_JIS";

/* ---- 基本設定 ---- */

BODY{
  margin-top: 0px;
  padding: 0px;
  background-color : white;
  text-align : center;
}

H1{
	font-size: 12px;
	font-weight: normal;
	padding : 2px 0px;
	margin : 0px;
  text-align : left;
}

DIV#headcopy{
	text-align : left;
	width : device-width;
	margin-left: auto;
	margin-right: auto;
	margin-top : 0px;
	margin-bottom : 0px;
	padding : 0px;
}

DIV#wrapper{
  margin:0px;
  width : device-width;
  border:solid 1px #aac;
  text-align: center;  

  
}


DIV#header{
	margin: 0px;
	padding: 0px;
       font-size : 13px;
	border-width: 0px;
	border-style: none;
       height :300px;
	
  color : black;


  background-image : url(../logo.png) ;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-color : white;
}

DIV#header IMG{
	vertical-align: top;

    max-width: 100%; 
    height:auto;
  
}

.navi{
	text-align : left;
	margin : 0px;
	font-size : 14px;
	background-color : white;
	
	
  
  

  width : device-width;
}

.navi A{
	color : 383A75;
	text-decoration: none;
  font-weight : bold;
}

.navi a:hover{
	color : #f30;
	text-decoration: none;
}

.navi UL{
	padding : 0px 0px 0px 5px;
	margin-top : 0px;
    
}

.navi UL LI{
    list-style:none;
    float: left;
	margin : 2px 2px 2px 2px;
	
	background : 0px 0px / auto auto no-repeat scroll padding-box border-box transparent;
  
  
}

DIV#contents{
	float : left;
	width : 100%;
	text-align:left;
	font-size:14px;
	line-height:1.5em;
  bottom : auto;
}


DIV#menu{
	
	width : 100%;
  bottom : auto;
  float : left;
}




div#footer{
	clear : both;
}

/* ---- リンクの色 ---- */
A:link{
	color: blue;
}

a:visited{
	color: #000099;
	background-color: transparent;
}

a:hover{
  color: #f00;
  background: #fdd;
}

a:active{
  color: #000000;
  background: transparent;
}

/* ---- コンテンツ ---- */

DIV#contents H2{
  margin: 5px 0px 10px 0;
  padding: 0.2em 0 0.2em 20px;
  background : navy;
  border-bottom: 1px dashed #999999;
  font-size: medium;
  color : #ffffff;
}

DIV#contents H3{
  margin: 5px 0px 10px 0;
  padding: 0.2em 0 0.2em 20px;
  background : navy;
  border-bottom: 1px dashed #666;
  font-size: medium;
  font-weight : lighter;
  color : white;
}

DIV#contents UL{
  margin-top : 1em;
  
}

div#contents li{
  margin-bottom: 0.5em;
  list-style: url(../images/ul.gif);
}

div#contents ul ul li{
  margin-bottom: 0.5em;
  list-style: circle;

}


div#contents p{
  margin: 0.8em 1em 0;
  line-height: 1.5;
}

/* ---- メニューバー左 ---- */
DIV#menu H2{
	font-size: 14px;
	color : white;
	border : 1px solid #cccccc;
	padding-top: 3px;
	padding-bottom: 3px;
	margin : 3px 3px -3px 3px;
	background-color : navy;
  text-align : left;
  
  

  

  position : static;
  
}

DIV#menu H3{
	font-size: 12px;
	
	border-top-width : 1px;border-right-width : 1px;border-bottom-width : 1px;border-left-width : 1px;border-top-style : solid;border-right-style : solid;border-bottom-style : solid;border-left-style : solid;border-top-color : #cccccc;border-right-color : #cccccc;border-bottom-color : #cccccc;border-left-color : #cccccc;
	border-top : none;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 3px;
	
  text-align : left;
  font-weight : 100;
  
  
}

DIV#menu H3 A{
	font-size: 12px;
	text-decoration: none;
  font-weight : bold;
}

div#menu h3 a:hover,
div#menu h3 a:active,
div#menu h3 a:focus{
	font-size: 12px;
	color:#f00;
	background-color: #FFD9FF;
	text-decoration: none;
}

/* ---- メニューバー右 ---- */
div#menur h2{
	font-size: 14px;
	color:#fff;
	border : solid 1px #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 3px 3px -3px 3px;
	background-color: #fe0000;
}

DIV#menur H3{
	font-size: 12px;
	color:#666666;
	border : solid 1px #CCCCCC;
	border-top : none;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 3px;
	background-color: #ccccff;
  font-weight : 100;
  text-align : left;
}

DIV#menur H3 A{
	font-size: 12px;
	text-decoration: none;
  font-weight : bold;
}

div#menur h3 a:hover,
div#menur h3 a:active,
div#menur h3 a:focus{
	font-size: 12px;
	color:#f00;
	background-color: #FFD9FF;
	text-decoration: none;
}



/* ---- フッタ関連 ---- */

div#footer{
  margin-top:2em;
  margin-bottom:2em;
  border-top: 1px solid #666666;
  padding: 0.5em;
  font-size: small;
}

div#footer p{
  margin: 0;
}

p#copyright{
  width: 100%;
  text-align: center;
}

/* ---- ヘッダー下　関連 ↑→↓←---- */

div#headdown{
  margin: 0px 0px 0px 10px;
  padding: 0 0 0 0;
  border-top: 1px solid #666666;
  padding: 0.2em;
  font-size: small;
  text-align: center;
}

div#headdown p{
  margin: 0;
}

p#copyright{
  width: 100%;
  text-align: center;
}