@charset "Shift_JIS";

/*
--------------------------

Ħformat
Ħwrapper
Ħheader
Ħheader-menu
Ħheader-image
Ħmain
Ħmain-menu
Ħmain-content
Ħfooter

--------------------------
*/


/* Ħformat
-----------------------------------*/

*{
font-size: 102%;
font-weight: normal;
font-style: normal;
text-decoration: none;
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
}

body{
font-size: 12px;
color: #535353;
background-color: #F3F3F3;
line-height: 2em;
letter-spacing: 0.1em;
text-align: center;
background-image: url(../img/body_bg.jpg);
background-repeat: repeat;
background-position: center top;
background-attachment: fixed;
}

h1,h2,h3,h4,h5,h6,em,strong,address{
font-size: 1em;
font-weight: normal;
font-style: normal;
}

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

a:hover{
color: #C8C8C8;
}

p{
padding: 0 0 5px 0;
}

img{
border: none;
}

hr{
border: none;
clear: both;
visibility: hidden;
height: 0px;
}


/* Ħwrapper
-----------------------------------*/

div#wrapper{
margin:0 auto;
text-align:left;
width: 860px;
background-color: #FFFFFF;
}

/* Ħheader
-----------------------------------*/

div#header{
width:860px;
height: 80px;
background-image:url(../img/header_bg.jpg);
}

div#header h1{
padding: 20px 50px 0 25px;
float: left;
}

div#header a{
color:#888888;
text-decoration: none;
}

div#header a:hover{
color:#dddddd;
}

div#header ul{
padding:60px 10px 0 0;
text-align:right;
float:right;
}

div#header li{
font-size:1em;
}

/* Ħheader-menu
-----------------------------------*/

div#header-menu{
width: 860px;
height:30px;
background-image:url(../img/header_menu_bg.jpg);
}

div#header-menu ul{
padding:4px 10px 0  0px;
text-align:right;
}

div#header-menu li{
display: inline;
padding: 5px 7px 2px 11px;
background-image:url(../img/header_menu_list.gif);
background-repeat:no-repeat;
background-position:left top;
font-size:106%;
}

/* Ħheader-image
-----------------------------------*/

div#header-image{
width:860px;
height:101px;
background-image:url(../img/header_img.jpg);
background-repeat:no-repeat;
}

div#header-image h2{
padding:10px 0 0 20px;
font-weight:bold;
font-size:106%;
}

/* Ħmain
-----------------------------------*/

div#main{
width:840px;
}

/* Ħmain-menu
-----------------------------------*/

div#main-menu{
float:left;
width:220px;
margin:15px 0 0 0;
background-image:url(../img/main_menu_bg_mid.jpg);
background-repeat:repeat-y;
background-position:right top;
}

div#main-menu-inner{
width:200px;
margin:0 0 0 20px;
background-image:url(../img/main_menu_bg_top.jpg);
background-repeat:no-repeat;
background-position:center top;
}

div#main-menu-inner h2{
font-weight:bold;
font-size:1.2em;
padding:20px 10px 5px 40px;
background-image:url(../img/main_menu_h2.jpg);
background-repeat:no-repeat;
background-position:20px 24px;
}

div#main-menu-inner ul{
width:200px;
padding-top:60px;
padding-bottom:20px;
background-image:url(../img/main_menu_bg_bottom.jpg);
background-repeat:no-repeat;
background-position:center bottom;
}

div#main-menu-inner li{
width:180px;
}

div#main-menu-inner li a{
display:block;
margin:5px 12px 0 12px;
padding:10px 10px 10px 30px;
border:1px solid #EEEEEE;
background-image:url(../img/main_menu_list.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

div#main-menu-inner li a:hover{
background-color:#F5F5F5;
background-image:none;
}

/* Ħmain-contents
-----------------------------------*/

div#main-contents{
width:590px;
float:right;
}

div#main-contents-inner{
margin:30px 20px 0 0;
}

dl.main-contents-image-left dl{
}

dl.main-contents-image-left dt{
font-size: 1.1em;
font-weight:bold;
padding: 0 0 10px 10px;
}

dl.main-contents-image-left dd{
padding:0 5px 10px 10px;
}

dl.main-contents-image-left table{
margin: 0 0 5px 0;
}

dl.main-contents-image-left h3{
font-size: 1.3em;
font-weight:bold;
margin: 0 0 20px 10px;
padding: 0 0 7px 15px;
border-bottom:1px solid #222222;
background-image:url(../img/contents_h2_bg.gif);
background-repeat:no-repeat;
background-position:1px top;
}

dl.main-contents-image-left h4{
}

dl.main-contents-sc{
margin:20px 0 10px 10px;
height:250px;
overflow:auto;
border:1px solid #dddddd;
}

dl.main-contents-sc dt{
padding:0 0 0 10px;
}

dl.main-contents-sc dd{
padding:0 0 0 10px;
line-height: 3em;
}


/* |²t[g
-----------------------------------*/
.pict1{
float:left;
margin: 0  0 0 20px;
padding:0 10px 25px 0;
}

/*Ê^
-----------------------------------*/
.pict2{
margin: 0px 0px 10px 0px;
}

.pict3{
margin: 0px 0px 10px 10px;
}

.pict4{
margin: 0px 0px 10px 60px;
}

.pict5{
margin: 5px 0px 10px 10px;
}

.pict6{
margin: 0px 0px 40px 50px;
}

.pict7{
margin: 20px 0px 15px 0px;
}


/* Ħfooter
-----------------------------------*/

div#footer{
width: 860px;
height:50px;
text-align: left;
clear: both;
background-image:url(../img/footer_menu_bg.jpg);
}

div#footer address{
text-align: right;
margin:0px 45px 0 10px;
}

/* Ħplus
-----------------------------------*/
.line1{
clear:both;
margin: 10px 0 30px 10px;
padding: 0px 0 10px 0;
border-bottom:1px solid #222222;
}

.line11{
clear:both;
margin: 0px 0 0px 10px;
padding: 0px 0 10px 0;
border-bottom:1px solid #222222;
}

.line4{
clear:both;
margin: 0px 0 20px 10px;
padding: 0px 0 10px 0;
border-bottom:1px solid #222222;
}

/* Ôhbg*/
.line2{
clear:both;
width: 570px; 
margin: 0px 0 20px 0;
padding: 10px 0 0px 0px;
text-align:right;
border-bottom-width: 1px;
border-bottom-style:dotted;
border-bottom-color:#FF0000;
}

/* O[hbg*/
.line3{
clear:both;
width:550px; 
margin: 10px 0 20px 0;
padding: 0px 0 0px 0px;
text-align:right;
border-bottom-width: 1px;
border-bottom-style:dotted;
border-bottom-color:#A8A8A8;
}

.line5{
clear:both;
width: 540px; 
padding: 5px 0 0 0;
}

.line10{
clear:both;
width: 540px; 
padding: 10px 0 0 0;
}

.line20{
clear:both;
width: 540px; 
padding: 20px 0 0 0;
}

.line30{
clear:both;
width: 540px; 
padding: 30px 0 0 0;
}

.line100{
clear:both;
width: 540px; 
padding: 100px 0 0 0;
}


.gyou{
line-height: 1em;
}

.font1{
color: #FF0000;
font: bold
}

.font2{
clear:both;
margin: 0px 0 20px 10px;
}

.font3{
font-weight: normal;
color: #535353;
}

.hyou1{
padding:5px;
}

/* ÌtÍ¨ql*/
.toptext{
line-height: 230%;
}
