@charset "UTF-8";

/*
 --------------------------

	■format
	■parts

--------------------------
*/


/* ■format
-----------------------------------*/

*{
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}

body{
	font-size: 0.8em;
	color: #000000;
	background-color: #EEEEEE;
	line-height: 1.4em;
	letter-spacing: 0.1em;
	text-align: center;
}

h1,h2,h3,h4,h5,h6,em,strong{
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
}

a{
color: #000000;
}

a:hover{
color:#999999;
}

p{
text-indent: 0.7em;
padding: 0px 1em 0.7em 1em;
}

br {letter-spacing: 0; }

address{
font-style: normal;
display: inline;
}

img{
border-width: 0;
}

hr{
border: none;
clear: both;
visibility: hidden;
height: 0px;
}

/* ■parts
-----------------------------------*/

div#wrapper{
width: 760px;
height:auto;
text-align: left;
margin: 0 auto;
background-color:#FFFFFF;
}

div#header{
width:760px;
height:auto;
background-color:#26486B;
}

div#header h1{
font-size: 2em;
font-weight: bold;
margin-bottom: 10px;
padding-left:20px;
}

div#header_titleimg{
width:auto;
height:auto;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
float: left;
}

div#header_banner{
width:468;
height:80px;
padding-top: 10px;
margin-top: 13px;
margin-left: 200px;
margin-bottom: 0px;
}

div#menu{
width:760px;
height:auto;
clear:both;
}

div#menu dl{
width:760px;
height:auto;
}

div#menu li{
float: left;
}

div#menu li a{
display: block;
width: 152px;
height:auto;
text-align: center;
font-size: 1.2em;
font-weight: bold;
padding-top: 10px;
padding-bottom:3px;
background-image: url('../img/css_menu_bg.jpg');
background-repeat: repeat-x;
background-position: center -50px;
color:#EEEEEE;
border-bottom: 1px solid #666666;
}

div#menu li a:hover{
color: #000000;
background-position: center -20px;
}

div#sub{
width:240px;
height:auto;
float: right;
padding-top:5px;
padding-bottom:30px;
}

div#sub-menu{
width:240px;
height:auto;
}

div#sub-menu ul{
margin: 0px 10px 30px 0px;
padding: 10px 5px;
border-width: 1px;
border-color: #CCCCCC;
border-style: solid;
background-color: #EEEEEE;
}


div#sub-menu li{
background-color:#FFFFFF;
}

div#sub-menu li a{
display: block;
width:auto;
height:1.2em;
font-size: 1.2em;
font-weight: bold;
margin:5px 0px;
padding:15px 0px 0px 15px;
border-bottom: 1px solid #666666;
}

div#sub-menu li a:hover{
background-image:url(../img/css_menu_bg.jpg);
background-repeat: repeat-x;
background-position: center top;
}

div.message{
width:240px;
height:auto;
}

div.message dl{
margin: 0px 10px 30px 0px;
border-width: 1px;
border-color: #CCCCCC;
border-style: solid;
}

div.message a{
border-bottom: 1px solid #666666;
}

div.message a:hover{
border-bottom: 1px solid #666666;
}

div.message dt{
font-weight: bold;
border-bottom: 1px solid #CCCCCC;
padding:10px 10px 3px 10px;
background-color: #FAFAFA;
}

div.message dd{
padding:5px 10px 5px 10px;
line-height:1.7em;
}

div.message p{
text-indent: 0px;
padding-left: 0px;
padding-right: 0px;
}

div#content{
width: 520px;
height:auto;
float:left;
}

div#content a{
border-bottom: 1px solid #666666;
}

div#content a:hover{
border-bottom: 1px solid #666666;
}

div#image{
width: 500px;
height: 200px;
background-image: url('../img/css_top.jpg');
background-repeat:no-repeat;
margin:20px 10px 10px 10px;
}

span#catchy{
padding: 1px;
}

div#content h1{
font-size: 1.2em;
font-weight: bold;
margin: 5px 20px 10px 10px;
padding: 5px 5px 3px 1em;
border:5px dashed #AAAAAA;
}

div#content h2{
font-size: 1.2em;
font-weight: bold;
margin: 20px 20px 10px 10px;
padding: 5px 5px 3px 1em;
border:1px solid #AAAAAA;
}

div#content h3{
font-size: 1.0em;
font-weight: bold;
margin: 15px 15px 7px 7px;
padding: 5px 5px 3px 5px;
border:0px solid #AAAAAA;
}

div#content li{
padding: 0px 1.5em 15px 4.3em;
background-image: url('../img/css_list.jpg');
background-repeat: no-repeat;
background-position: 3em 5px;
}

div#content dt{
padding: 10px 1em 0px 3em;
}

div#content dd{
padding: 0px 1em 3px 4em;
}

div#footer{
width:760px;
height:auto;
border-top-width: 5px;
border-top-color: #BBBBBB;
border-top-style: solid;
clear: both;
background-color:#FFFFFF;
margin-top:60px;
padding-top:5px;
text-align:right;
}

div#footer address{
padding-right:10px;
}