/*---base---*/

body{
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:normal;
font-style:normal;
font-size:75%;
line-height:150%;
text-align: center;
color:#666666;
background-image:url(../img/haikei.jpg);

background-repeat:repeat-x;
background-position:center top;
background-color:#ffffff;
margin:0px;
}

*{
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:150%;
}

#wrapper{
margin:0px auto;
width:780px;
text-align:left;
}

#header{
background-image:url(../img/tel.jpg);
background-repeat:no-repeat;
background-position:right top;
width:780px;
height:102px;
float:left;
}

#header h1{
color:#666666;
float:left;
background-image:url(../img/icon01.jpg);
background-position:left center;
text-indent:10px;
background-repeat:no-repeat;
margin-top:8px;

margin-left:10px;
display:block;
font-size:83%;
}

#header h2{
color:#666666;
float:left;
background-image:url(../img/icon01.jpg);
background-position:left center;
text-indent:10px;
background-repeat:no-repeat;
margin-top:8px;
margin-left:5px;
display:block;
font-size:83%;
}

.logo {
float:left;
margin-left:10px;
display:inline;
margin-top:7px;
}

.mail {
float:right;
margin-top:10px;
margin-right:6px;
}

#main{
width:780px;
float:left;
}

a {
color:#333333;
text-decoration:none;
}

a:hover{
color:#666666;
text-decoration:underline;
}

/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contents {
width:780px;
float:left;
}

.section{
width:600px;
float:left;
}

/*---nav---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#nav {
width:780px;
float:left;
margin:0 0 15px 0;
}

#nav ul{
list-style-type:none;
}

#nav ul li{
float:left;
}

#nav ul li a{
width:195px;
line-height:40px;
float:left;
text-indent:-9999px;
display:block;
}

#nav ul li#nav01 a{
width:195px;
}

#nav ul li.navi01 {

}

#nav ul li.navi01 a:link,
#nav ul li.navi01 a:visited,
#nav ul li.navi01 a:active,
#nav ul li.navi01 a:hover{
background-image:url(../img/menubutton01_on.jpg);
}

#nav ul li#nav01 a:link,
#nav ul li#nav01 a:visited,
#nav ul li#nav01 a:active{
background-image:url(../img/menubutton01.jpg);
}

#nav ul li#nav01 a:hover{
background-image:url(../img/menubutton01_on.jpg);
}

#nav ul li#nav02 a{
width:195px;
}

#nav ul li.navi02 {

}

#nav ul li.navi02 a:link,
#nav ul li.navi02 a:visited,
#nav ul li.navi02 a:active,
#nav ul li.navi02 a:hover{
background-image:url(../img/menubutton02_on.jpg);
}

#nav ul li#nav02 a:link,
#nav ul li#nav02 a:visited,
#nav ul li#nav02 a:active{
background-image:url(../img/menubutton02.jpg);
}

#nav ul li#nav02 a:hover{
background-image:url(../img/menubutton02_on.jpg);
}

#nav ul li.navi03 {

}

#nav ul li.navi03 a:link,
#nav ul li.navi03 a:visited,
#nav ul li.navi03 a:active,
#nav ul li.navi03 a:hover{
background-image:url(../img/menubutton03_on.jpg);
}

#nav ul li.navi03 a{
	width:195px;
}

#nav ul li#nav03 a:link,
#nav ul li#nav03 a:visited,
#nav ul li#nav03 a:active{
background-image:url(../img/menubutton03.jpg);
}

#nav ul li#nav03 a:hover{
background-image:url(../img/menubutton03_on.jpg);
}

#nav ul li#nav04 a{
width:195px;

}

#nav ul li.navi04 {

}

#nav ul li.navi04 a:link,
#nav ul li.navi04 a:visited,
#nav ul li.navi04 a:active,
#nav ul li.navi04 a:hover{
background-image:url(../img/menubutton04_on.jpg);
}



#nav ul li#nav04 a:link,
#nav ul li#nav04 a:visited,
#nav ul li#nav04 a:active{
background-image:url(../img/menubutton04.jpg);
}

#nav ul li#nav04 a:hover{
background-image:url(../img/menubutton04_on.jpg);
}


/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer{
width:100%;
text-align:center;
float:left;
background-image:url(../img/footerbk.jpg);
height:110px;
display:inline;
}

#footer .company{
color:#0099cc;
padding-top:8px;
}

#footer .company a{
color:#0099cc;
}

#footer .reserved {
color:#ffffff;
padding-top:20px;
}



address {
color:#FFFFFF;
font-style: normal;
/*float:right;
margin-right:10px;*/
display:inline;
/*line-height:30px;*/
}

address a{
color:#FFFFFF;
}

/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mainimage {
float:left;
margin:15px 0 0 0; 
}

#articlebox{
background-image:url(../img/articlebg.jpg);
background-repeat:no-repeat;
width:680px;
height:325px;
margin: 40px 0 20px 40px;
}

#articlebox dl{
width:102px;
float:left;
margin-left:20px;
margin-top:20px;
display:inline;

}

#articlebox dl.another{
width:102px;
float:left;
margin-left:6px;
margin-top:20px;
display:inline;

}

#articlebox dl dt{
width:97px;
}

#articlebox dl dd{
margin-top:10px;
font-size:83%;
}

.m01{
color:#FF0000;
text-align:left;
font-size:16px;
font-weight:bold;
}

.m02{
color:#FF0000;
text-align:left;
font-size:14px;
font-weight:bold;
}

.m03{
color:#006699;
text-align:left;
font-size:14px;
font-weight:bold;
display:block;
width:170px;
line-height:150%;

float:left;
}
.m04{
color:#006699;

font-size:14px;
font-weight:bold;
display:block;
width:100px;

float:right;
}
.m05{
background-image:url(../img/haikei02.jpg);
background-repeat:no-repeat;
width:280px;
height:88px;
padding-top:10px; padding-left:5px;
}

.m06{
color:#006699;
text-align:left;
font-size:14px;
font-weight:bold;
display:block;
width:220px;
line-height:150%;

float:left;
}

/*--sitemap---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*.sitemap {
margin:0 0 15px 500px;
}

ul.sitemap li{
margin:0 0 15px 30px;
}

ul.sitemap ul{
margin:0 0 15px 30px;
list-style-type:none;
}

ul.sitemap ul li{
margin:0 0 15px 30px;
list-style-type:none;
}

ul.sitemap ul ul{
margin:0 0 15px 30px;
list-style-type:none;
}

ul.sitemap ul ul li{
margin:0 0 15px 30px;
list-style-type:none;
}*/


/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.table01 {
width:680px;
border-collapse:collapse;
margin-top:20px;
margin-bottom:20px;
}

.table01 td{
padding:10px;
border:1px solid #cccccc;
}

.table01 .highlight {
background-color:#f5f5f5;
font-weight:bold;
color:#000000;
text-align:center;
width:150px;
}


.title01 {
background-image:url(../img/headline01.jpg);
background-repeat:no-repeat;
width:760px;
height:40px;
font-size:16px;
text-indent:27px;
line-height:40px;
margin-bottom:10px;
color:#666666;
font-weight:bold;
padding-top:2px;
margin-left:10px;
text-align:left;
}


.subtitle01 {
color:#666666;
float:left;
background-image:url(../img/icon02.jpg);
background-position:left center;
text-indent:15px;
background-repeat:no-repeat;
color:#666666;
font-weight:bold;
display:block;
font-size:14px;
}

.subtitle02 {
color:#666666;
float:left;
background-image:url(../img/icon02.jpg);
background-position:left center;
text-indent:15px;
background-repeat:no-repeat;
color:#666666;
font-weight:bold;
display:block;
font-size:14px;
}

.subtitle02box {
padding-left:27px;
padding-top:25px;
}

.subtitle02 a {
color:#FFFFFF;
}

.subtitle02 a:hover {
color:#FFFFFF;
}

.subtitle03 {
color:#A66E00;
/*float:left;*/
background-image:url(../img/icon03.jpg);
background-position:left center;
text-indent:35px;
background-repeat:no-repeat;

font-weight:bold;
display:block;
font-size:14px;
height:33px;
line-height:33px;
}

.subtitle03box {
padding: 15px 0 25px 27px;
}


.subtitle04 {
background-image:url(../img/sub8.jpg);
background-repeat:no-repeat;
width:540px;
height:35px;
text-indent:10px;
line-height:35px;
font-size:120%;
margin-bottom:10px;
}

.subtitle05box {
padding: 5px 0 25px 27px;
}

.subtitle05 {
float:left;
background-image:url(../img/icon04.jpg);
background-position:left center;
text-indent:15px;
background-repeat:no-repeat;
color:#666666;
display:block;
font-size:100%;
}

.accessmap{
margin-left:65px;
margin-top:15px;
}

.accesstext{
margin-left:130px;
}

.accesstext dl{
width:420px;
}

.accesstext dl dt{
float:left;
width:220px;
font-weight:bold;
color:#000000;
font-size:14px;
text-align:left;
}



.accesstext dl dd{
float:left;
width:200px;
font-weight:bold;
color:#000000;
font-size:14px;
text-align:left;
}


.subtitle06box {
padding: 5px 0 25px 27px;
}

.subtitle06 {
color:#666666;
float:left;
text-indent:15px;
display:block;
font-size:100%;
}

#contactbox{
width:690px;
height:170px;
background-image:url(../img/contactbk.jpg);
background-repeat:no-repeat;
margin-left:35px;
margin-top:25px;
position:relative;

}




/*contact*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*#contact_form {
width:540px;
float:left;
}

#contact_form dl{
width:540px;
border-bottom:1px dotted #99cccc;
float:left;
padding:10px 0;
line-height:220%;
}

#contact_form dt{
width:180px;
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_form dd ul#privacy{
width:360px;
height:200px;
overflow:auto;
float:left;
list-style-type:none;
margin:0 0 20px 0;
background-color:#f6f6f6;
}

#contact_form dd ul#privacy li{
width:340px;
margin:0 0 15px 0;
float:left;
}

#contact_button {
width:540px;
float:left;
margin:10px 0 25px 0;
}

#contact_button input{
width:180px;
margin:0 0 0 180px;
}

#contact_box01 {
width:540px;
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;
}



