@charset "UTF-8";

/* ========BASIC======== */
* {
   font-family:Verdana, Helvetica, sans-serif;
   color:#333;
}

body {
   margin:0;
   padding:0;
   letter-spacing:1px;
   background:#fff;
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#31001D;
   text-decoration:none;
}

img {
   border:0;
}


h3 {
   margin:0;
      color:blue;

}
h3 span{
   font-size:14px
}
h2 {
   margin:0;
      color:blue;

}

h1 {
   margin:0; font-size:20px
}
a{
	text-decoration:underline
}
/* ========TEMPLATE LAYOUT======== */
div#top {
   width:757px;
   margin:0px 40px;
   background:#fff;
}

div#header {
   width:757px; 
   height:155px;  
   background:url(images/header2.jpg) white no-repeat;
}
div#menu {
   width:757px;
   margin-bottom:10px;
}

div#contents {
   clear:both;
   width:757px;
 /*   background:url(images/bg_contents.gif) 0 0 repeat-y;*/
   }

div#headImage {
   width:757px; 


}
div#headImage p{
    font-size:15px;
    padding:0px;
    font-weight:bold;
    color:blue;
    font-style:italic;
    margin-top:20px;
    float:left;
    width:455px
}
div#headImage img{
    float:none
}


div#main {
   float:left;
   width:567px;
   margin-top:10px;
   font-size:15px
}
div#main2 {
   float:left;
   width:757px;
   margin:10px auto 0 auto;
   font-size:15px
}

div#sub {
   float:right;
   width:180px;
   margin-top:10px;
}

div#totop {
   border-top:1px solid #535D57;
}

div#footer {
   position:relative;
   clear:both;
   width:757px
}

/* 回り込み解除 */
div#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/* ========HEADER CUSTOMIZE======== */

div#header h1 {
   margin:0 50px 0 0;
   padding:0;
   font-size:20px;
   color:yellow;
   line-height:200%;font-weight:bold;float:right
}
div#header p{font-size:14px;float:left;color:yellow;margin:30px 0 0 450px}
div#header h1 a {
   margin:0;
   padding:0;
   font-size:20px;
   color:yellow;
   line-height:200%;font-weight:bold
}

div#header h1 a:hover {
   color:#535D57;
}

/* ========MENU CUSTOMIZE======== */
div#menu ul {
   margin:0;
   padding:1px 0 1px 1px;
   background:#000;
}

div#menu li {
   float:left;
   font-size:0.75em;
   color:#333;
   text-align:center;
   list-style-type:none;
}

div#menu li a{
   display:block;
   width:125px;
   margin-right:1px;
   padding:5px 0;
   color:#fff;
   background:url(images/bg_menu_off.gif);

}

div#menu li a:hover{
   color:#fff;
   background:url(images/bg_menu_on.gif);
}

/* 回り込み解除 */
div#menu ul:after{
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/* ========MAIN CONTENTS CUSTOMIZE======== */
div#main a {
   color:#31001D;
}

div#main a:hover {
   color:#31001D;
   border:0;
   border-bottom:1px solid #31001D;
}

div#main h2 {border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; font-size:16px; margin-top:5px;background:url(images/header.gif)
}
div#main2 h2 {border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; font-size:16px; margin-top:5px; background:url(images/header.gif)
}

div#main h3 {
   margin-top:10px;
   font-size:16px;
}


div#main p{
   margin:0 10px 10px 0;
   font-size:15px;
   line-height:1.4;
padding:10px 10px
}
div#main2 p{
   margin:0 10px 10px 0;
   font-size:15px;
   line-height:1.4;
   padding:10px 20px
}
div#main2 h1 {
   margin-bottom:8px;
   padding:2px 2px 2px 0;
   color:blue;
   font-size:18px;
   font-weight:bold;
   line-height:1.4;
   border-bottom:3px double #535D57;
}
#main2 ul li{
	margin-left:40px;
	line-height:200%
}
dl{
   margin-right:10px;
   font-size:14px;
}

ol{
   margin-right:10px;
   font-size:14px;
}

div#main ul{
   margin-left:0px;
   font-size:14px;
}

div#main dt{

}

div#main li{

}

div#main dt{
   margin-bottom:3px;
}

div#main dd{
   padding:0;
   margin:0 0 1em 1em;
   padding:3px;
   background:#f1f1f1;
}

/* ========sub CONTENTS CUSTOMIZE======== */
div#sub .section {

}

div#sub h2 {
   padding:3px;
   font-size:0.88em;
   font-weight:bold;
   color:#fff;
   background:#31001D url(images/bg_sub_h2.gif) 0 0 repeat-x;
}
div#sub a{
	text-decoration:none
}
div#sub ul {
   margin:0;
   padding:5px 0 1em 0;
}

div#sub li {
   margin:0;
   padding-left:18px;
   font-size:0.75em;
   line-height:1.8;
   background:#fff url(images/bg_list.gif) 0 4px no-repeat;
   list-style:none;
}

/* ========FOOTER CUSTOMIZE======== */
div#totop{
   position:relative;
   height:2em;
   width:757px
}

div#totop p{
   position:absolute;
   top:10px;
   right:7px;
   margin:0;
   padding-left:8px;
   font-size:0.63em;
   background:#fff url(images/bg_totop.gif) 0 50% no-repeat;
}
#left{
	margin:0
}
#left ul li{
	margin-left:40px
}
address{
   padding:10px 0;
   font-size:10px;
   color:#333;
   text-align:center
}
address a{
   padding:10px 0;
   font-size:10px;
   color:#333;
}
.img1{
	left:40px;
	top:90px;
	position: relative
}
.img2{
	left:60px;
	top:50px;
	position: relative
}
.img3{
	left:120px;
	top:100px;
	position: relative
}
.img4{
	left:240px;
	top:120px;
	position: relative
}
.img5{
	left:210px;
	top:5px;
	position: relative
}
table{
	border:1px aqua outset;
	margin:20px auto;
	width:100%;
	font-size:14px
}
table caption{
	font-weight:bold
}
td{
	border:1px aqua outset ;
	padding:5px;
	text-align:center;
	background-color:white;
	border-spacing:5px;
	border-collapse:separate
}
.td_left{
	text-align:left;
	vertical-align:top;
	padding:5px
}
.td_title{
    padding:0;
    font-weight:bold;
    background-color:black;
    color:white;
padding:5px   

}
img{
	border:0
}
.left_menu{
	 margin:20px auto;
	 padding:10px;
	 border:1px blue outset;
	 font-size:15px;
	 line-height:150%
}
.left_menu a{
	text-decoration:underline
}
.left_menu h3{
	background-image: url('images/arrow1.gif');
	background-position:left center;
	background-repeat:no-repeat ;
	padding-left:15px;
}
.left_menu h4{
	background-image: url('images/arrow.gif');
	background-position:left center;
	background-repeat:no-repeat ;
	padding-left:10px;
	font-size:15px;
	color:blue;
	margin:0

}
.left_menu ul{
	 margin:0px
}
.left_menu li{
	 float:left;
	 margin-right:10px;
	 margin-left:5px;
	 width:95px;
	 list-style:none
}
.left_menu table{
	  width:95%;
	  border:0;
	  margin-top:0
	  
}
.left_menu td{
	  border:0;
	  text-align:left;
	  padding:0;
}
#kanren{
	border:1px blue outset;
	margin:20px 0;
	padding:10px;
	line-height:135%
}
.menu{
	margin:0px 0px 10px 0;
	padding:10px;
	font-size:14px;
	border:1px blue outset
}
.rotation{
	font-size:12px;
	border:1px blue outset;
	padding:5px;
	margin:10px 0
}
.rotation a{
	font-size:12px;
	text-decoration:underline;
	color:blue
	
}
* {margin:0; padding:0; font:15px Verdana,Arial}
code {font-family:"Courier New",Courier}
h1{
	font-size:20px
}
#options {width:457px; margin:0px auto; text-align:right; color:#9ac1c9;font-weight:bold}
#options a {text-decoration:none; color:#9ac1c9}
#options a:hover {color:#033}
#accordion{ margin:0}
#acc {list-style:none; color:#033; margin:20px auto 40px}
#acc h3 { border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; font-size:15px; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
#acc h3:hover {background:url(images/header_over.gif)}
#acc .acc-section {overflow:hidden; background:#fff}
#acc .acc-content {padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}

#nested {width:500px; list-style:none; color:#033; margin-bottom:15px}
#nested h3 {border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
#nested h3:hover {background:url(images/header_over.gif)}
#nested .acc-section {overflow:hidden; background:#fff}
#nested .acc-content {width:450px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}
#nested .acc-selected {background:url(images/header_over.gif)}