/*---base---*/

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

*{
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:140%;
}

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

#header{
width:780px;
height:140px;
float:left;
background-image:url(header.jpg);
}

#header h1 a{
width:780px;
height:140px;
display:block;
text-indent:-9999px;
background-color:transparent;
}

#main{
width:720px;
float:left;
margin:0 30px;
display:inline;
}

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

a:active,
a:hover,
a:focus{
color:#333333;
text-decoration:underline;
}

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

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

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

#contents a:active,
#contents a:hover,
#contents a:focus{
color:#ffffff;
background-color:#ff6600;
}

.section{
width:600px;
float:left;
}

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

#top-nav {
display:inline;
float:left;
margin:0 0 0 80px;
list-style-type:none;
}

#top-nav li{
float:left;
margin:0 20px 0 0;
}

#nav {
width:720px;
margin:0 0 20px 30px;
float:left;
list-style-type:none;
display:inline;
border-bottom:2px solid #e6f2f2;
border-top:2px solid #e6f2f2;
overflow:hidden;
}

#nav li {
height:34px;
line-height:34px;
float:left;
background-image:url(nav.jpg);
background-repeat:no-repeat;
background-position:0 0;
padding:0 20px;
display:inline;
margin:0 1px 0 -1px;
}

#subnavi {
width:160px;
float:left;
list-style-type:none;
margin:0 0 20px 0;
display:inline;
background-color:#CEECEE;
padding-bottom:10px;
}

#subnavi li {
width:160px;
float:left;
}

#subnavi li a{
width:160px;
height:30px;
line-height:30px;
display:block;
}

#subnavi ul {
list-style-type:none;
}

#subnavi li a{
text-indent:30px;
background-image:url(subnavi.jpg);
}

#subnavi li ul li a{
text-indent:20px;
font-size:85%;
background-image:url(subsubnavi.jpg);
}

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

#footer{
width:780px;
height:150px;
background-image:url(footer.jpg);
background-position:center;
text-align:center;
float:left;
}

#footer ul{
display:inline;
float:left;
list-style-type:none;
margin:15px 0 90px 280px;
}

#footer ul li {
float:left;
}

address {
width:780px;
font-size: 80%;
font-style: normal;
float:left;
}


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

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

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

.sitemap {
}

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

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


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

.subtitle01 {
width:550px;
height:30px;
line-height:30px;
background-image:url(subtitle01.jpg);
background-repeat:no-repeat;
text-indent:35px;
font-size:115%;
font-weight:bold;
}

.subtitle02 {
width:550px;
height:25px;
line-height:25px;
background-image:url(subtitle02.jpg);
background-repeat:no-repeat;
text-indent:15px;
font-size:115%;
font-weight:bold;
}

#contents .subtitle02 a{
color:#333333;
background-color:#ffffff;
text-decoration:none;
}

.subtitle03 {
width:550px;
height:20px;
line-height:20px;
background-image:url(icon02.gif);
background-repeat:no-repeat;
background-position:0 50%;
text-indent:10px;
font-size:115%;
font-weight:bold;
color:#63ccd2;
}

.link01 {
background-image:url(icon01.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:20px;
font-size:100%;
font-weight:bold;
}

.link01:hover,
.link01:active,
.link01:focus {
background:none;
}

.back-to-top {
width:80px;
height:10px;
text-indent:-9999px;
background-image:url(backtotop.gif);
background-repeat:no-repeat;
float:right;
}


.table01 {
width:550px;
float:left;
border-collapse:collapse;
}

.table01 td{
width:275px;
text-align:center;
vertical-align:top;
padding:10px;
border:1px solid #cccccc;
font-size:85%;
}

.table01 td img{
margin:0 0 10px 0;
}

.table02 {
width:550px;
float:left;
border-collapse:collapse;
}

.table02 td{
padding:10px;
border:1px solid #cccccc;
}

.table02 td.highlight{
text-align:center;
background-color:#e6e6e6;
}

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

#contact_form {
width:500px;
float:left;
display:inline;
margin:0 0 0 40px;
}

#contact_form dl{
width:480px;
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:300px;
float:left;
}

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

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

#contact_form dd li{
width:300px;
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:500px;
float:left;
margin:10px 0 25px 0;
}

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

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

/*top*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#header_1{
float:left;
/*margin-left:30px;*/
}

.container{
margin-top:12px;
width:720px;
}

.box1{
margin:0 0 0 80px;
}

td.box1_1 img{
margin:12px 20px 0 0;
}

td.text1 img{
margin:15px 0;
}

.top_container h2{
width:165px;
background-image:url(icon01.jpg);
background-repeat:no-repeat;
margin:5px 18px 0 0;
line-height:14px;
}

.top_container{
line-height:1.2em;
}


.h2_text{
padding-left:25px;
line-height:1.7em;
}

.box2{
margin:18px 0 0 0px;
}

td.text2 img{
margin:10px 0 0 0;
}

.top_container h3{
width:220px;
background-image:url(icon01.jpg);
background-repeat:no-repeat;
vertical-align:middle;
margin:5px 10px 0 0;
line-height:14px;
}

td.text3 img{
margin:22px 0 0 40px;
}

.text4 img{
margin:17px 0 0 0;
}

.contents01{
line-height:120%;
width:720px;
}

.box3{
margin:8px 0 0 40px;
width:620px;
}

/*rubber*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.container_rubber{
margin-left:13px;
}

.container_rubber h2{
background-image:url(rubber_bar1.jpg);
width:450px;
height:30px;
font-size:140%;
line-height:30px;
text-indent:38px;
}

.container_rubber2{
background-color:#F5F5F5;
width:542px;
height:862px;
margin:10px 0 10px;
line-height:120%;
}

.rubber_center img{
margin:0 40px 0 40px
}

.rubber_left img{
margin-left:4px;
}

.rubber_right img{
margin-right:4px;
}

.rubber_text1{
margin-top:18px;
line-height:18px;
width:540px;
}

.rubber_centertext p{
margin:0 40px 0 40px;
}

.container_rubber h3{
background-image:url(btn_2.jpg);
background-repeat:no-repeat;
text-indent:30px;
width:165px;
height:18px;
line-height:18px;
}

.container_rubber h4{
background-image:url(btn_1.jpg);
background-repeat:no-repeat;
text-indent:20px;
margin:15px 0 0 12px;
width:165px;
height:18px;
line-height:18px;
}