/*---base---*/

body{
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:normal;
font-style:normal;
font-size:75%;
line-height:165%;
text-align: center;
color:#333333;
background-image:url(background.jpg);
background-repeat:repeat-y;
background-position:center;
}

*{
margin:0px;
padding:0px;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:lighter;
}

img{
border-width: 0px;
border-style: none;
vertical-align:top;
}

table {
font-size:100%;
line-height:165%;
}

#wrapper{
margin:0px auto;
width:780px;
text-align:left;
}

#header{
width:780px;
height:70px;
float:left;
background-image:url(header.jpg);
background-repeat:no-repeat;
position:relative;
}

#header h1{
float:left;
margin:15px 0 0 15px;
display:inline;
}

#header p{
color:#FFFFFF;
font-size:85%;
position:absolute;
top:2px;
right:10px;
}

#header ul{
list-style-type:none;
position:absolute;
bottom:5px;
right:10px;
}

#header ul li{
font-size:85%;
background-image:url(icon01.jpg);
background-repeat:no-repeat;
background-position:0 50%;
text-indent:10px;
float:left;
display:inline;
margin:0 0 0 30px;
}

#main{
width:780px;
float:left;
}

a:link,a:visited{
color:#666666;
text-decoration:none;
}

a:active,a:hover{
color:#CC9966;
text-decoration:none;
}

/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contents {
width:540px;
float:right;
margin:0 6px 0 0;
display:inline;
}

/*---navi---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#nav {
width:780px;
float:left;
background-image:url(main-image.jpg);
background-repeat:no-repeat;
margin:0 0 15px 0;
}

#common #nav {
background-image:url(common-image.jpg);
}

#nav ul{
margin:290px 0 0 4px;
float:left;
display:inline;
list-style-type:none;
}

#common #nav ul{
margin-top:160px;
}

#nav-common {
width:780px;
float:left;
background-image:url(common-image.jpg);
background-repeat:no-repeat;
margin:0 0 15px 0;
}

#nav-common ul{
margin:160px 0 0 4px;
float:left;
display:inline;
list-style-type:none;
}

#nav ul li,
#nav-common ul li{
float:left;
padding:0 0 0 2px;
}

ul li.fade { position:relative; top:0; left:0; width:152px; height:42px; display:block;}
ul li.fade span { position:absolute; top:0; left:0; display:none; padding:0 0 0 2px;}

#leftnav {
width:210px;
float:left;
margin:0 0 0 6px;
display:inline;
padding-bottom:20px;
}

#leftnav ul{
width:210px;
float:left;
list-style-type:none;
margin:0 0 10px 0;
}

#leftnav ul li{
width:210px;
float:left;
margin:0 0 1px 0;
}

#leftnav ul li a{
width:210px;
height:45px;
line-height:45px;
text-indent:30px;
float:left;
display:block;
}

#leftnav ul li a:link,
#leftnav ul li a:visited{
background-image:url(leftnav.jpg);
}

#leftnav ul li a:hover,
#leftnav ul li a:active{
background-image:url(leftnav-ov.jpg);
}

#leftnav-title {
width:210px;
height:56px;
line-height:56px;
background-image:url(leftnav-title.jpg);
background-repeat:no-repeat;
text-indent:35px;
font-size:125%;
font-weight:bold;
margin:0 0 1px 0;
}

#leftnav-title a{
width:210px;
height:56px;
display:block;
color:#FFFFFF;
}


/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer{
width:780px;
height:50px;
float:left;
background-image:url(footer.jpg);
background-repeat:repeat-x;
}

#footer ul{
height:18px;
line-height:18px;
float:right;
list-style-type:none;
margin:0 10px 5px 0;
display:inline;
font-size:85%;
}

#footer ul li {
float:left;
}

#footer ul li a:hover{
color:#FFFFFF;
}

address {
width:780px;
float:left;
text-align:right;
}

address img{
margin:0 5px 0 0;
}


/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#top-column01 {
width:225px;
float:left;
background-color:#ECE9D8;
margin:0 0 0 6px;
display:inline;
}

#top-column01 h2{
margin:5px 5px 0;
}

#top-column01 ul{
list-style-type:none;
margin:0 5px 5px;
}

#top-column02 {
width:272px;
float:left;
display:inline;
margin:0 0 0 25px;
}

#top-column03 {
width:220px;
float:right;
display:inline;
margin:0 6px 0 0;
padding-bottom:15px;
}

.top-news {
width:272px;
float:left;
margin:0 0 20px 0;
}

.top-news tr td{
height:40px;
background-image:url(top-news.jpg);
background-repeat:no-repeat;
background-position:-50px 0;
font-size:85%;
text-indent:20px;
}

.top-news tr td.data{
background-position:0 0;
}

/*--sitemap---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.sitemap {
}

.sitemap ul{
margin:0 0 15px 30px;
}

.sitemap ul ul{
margin:0 0 15px 30px;
}


/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#common-title {
margin:0 0 15px 0;
}

.common-box01 {
border:1px solid #CCCCCC;
float:left;
padding:10px;
background-image:url(common-title01.jpg);
background-repeat:no-repeat;
background-position:200px 10px;
}

.common-box01 img{
float:left;
}

.common-box01 p.text{
width:320px;
float:right;
margin:25px 0 15px 0;
}

.subtitle01 {
width:540px;
height:35px;
line-height:35px;
background-image:url(subtitle01.jpg);
background-repeat:no-repeat;
text-indent:15px;
color:#FFFFFF;
font-size:200%;
position:relative;
letter-spacing:5px;
}

.subtitle01 span{
position:absolute;
font-size:10px;
top:10px;
right:3px;
font-weight:bold;
}

.subtitle02 {
width:540px;
height:30px;
line-height:30px;
background-image:url(subtitle02.jpg);
background-repeat:no-repeat;
text-indent:20px;
color:#FFFFFF;
font-size:150%;
letter-spacing:5px;
font-weight:bold;
}

.subtitle03 {
width:540px;
height:30px;
line-height:30px;
background-image:url(icon02.jpg);
background-repeat:no-repeat;
background-position:0 50%;
text-indent:20px;
color:#999900;
font-size:115%;
letter-spacing:2px;
font-weight:bold;
}

/*.table01 {width:500px; border-collapse:collapse; float:left;}
.table01 td {padding:10px;}
.table01 td {border:1px solid #cccccc;}
.table01 td {color:#666666;}
.table01 td.highlight {width:140px;}
.table01 td.highlight {color:#333333;}
.table01 td.highlight {background-color:#EDEDED}
*/

.table01 {width:500px; border-collapse:collapse; float:left; height:100%;}
.table01 td {padding:10px; border:1px solid #cccccc; color:#666666;}
.table01 td.highlight {width:140px; color:#333333; background-color:#EDEDED; }

.backtotop a{
width:140px;
height:15px;
display:block;
line-height:15px;
font-size:10px;
float:right;
text-align:center;
}

.backtotop a:link,
.backtotop a:visited{
color:#FFFFFF;
background-color:#663300;
}

.backtotop a:hover,
.backtotop a:active{
background-color:#ece9d8;
color:#663300;
}


/*contact*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contact_form {
width:540px;
float:left;
}

#contact_form dl{
width:520px;
border-bottom:1px dotted #cc9866;
float:left;
padding:10px 0;
line-height:220%;
}

#contact_form dt{
width:160px;
float:left;
}

#contact_form dt span{
font-weight:bold;
color:#CC0000;
}

#contact_form dd{
width:360px;
float:left;
}

#contact_form dd p{
float:left;
margin:0 10px 0 0;
}

#contact_form dd ul{
width:360px;
float:left;
list-style-type:none;
}

#contact_form dd li{
width:360px;
float:left;
}

#contact_form dd li p{
width:80px;
float:left;
margin:0px;
}

#contact_form dd li input{
margin:5px 0 0 0;
float:left;
}

#contact_button {
width:590px;
float:left;
margin:10px 0 25px 0;
}

#contact_button input{
width:180px;
margin:0 0 0 180px;
}

#contact_box01 {
width:590px;
float:left;
}

#contact_box01 dt{
width:260px;
text-align:right;
float:right;
}

#contact_box01 dd{
width:330px;
float:left;
}

#contact_box01 dd ul{
margin:0 0 20px 0;
list-style-type:none;
}

#contact_box01 dd li{
background-image:url(../icon05.jpg);
background-repeat:no-repeat;
background-position:0 50%;
text-indent:20px;
color:#FE9900;
font-weight:bold;
letter-spacing:2px;
}

#contact_tel{
margin:20px 120px 30px 0;
text-align:right;
}

/*各ページのＣＳＳをページごとに区切って下記に記述していってください*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/