/* CSS Document */
@charset "shift_jis";


body {background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


a:link		{ color:#333333; text-decoration: none;}
a:visited	{ color:#333333; text-decoration: none;}
a:hover		{ color:#FF6600; text-decoration: underline;}

img { border:none;}

/* common */

div#header{
background-position:0 0;
width:100%;
margin:0px;
padding:0px;
}

div#head_in{
margin:0 auto 0 auto;
padding:8px 0px 0px 0px;
width:780px;
}

h1{width:772px;
height:26px;
border-bottom:1px solid #CCCCCC;
font-size:12px;
padding:0px 0px 0px 8px;
margin:0 auto 0 auto;
line-height:26px;
font-weight:normal;
float:left;
text-align:left;
}

div#head {
float:left;
margin:0px auto 0 auto;
padding:0px 0px 0px 0px;
width:780px;
background-image:url(images/head.jpg);
height:72px;
}

.logo { 
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
}

.head_tel { 
float:right;
margin:0px 0px 0px 0px;
padding:3px 30px 0px 0px;
}



/* main_image */

div#main_image{
width:780px;
float:left;
margin:0px;
padding:0px 0px 0px 0px;
}

div#main_topline{
width:780px;
margin:0px;
padding:10px 0px 0px 0px;
float:left;
}

/* contents */

div#contents_line{
width:800px;
margin:0px auto;
padding:0px;
background-image:url(images/back_line.jpg);
background-repeat:repeat-y;
}

#contents_line:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


div#contents{
width:780px;
margin:0px auto;
padding:0px;
}

/* left_navi----------------------------------- */

div#left_navi{
width:180px;
float:left;
font-size:13px;
color:#333333;
padding:0px 0px 0px 5px;
margin:0px;
}

div#left_navi h2{
margin:0;
padding:0px 0px 0px 0px;
margin:0px;
}

div#left_navi ul{
margin:0;
padding:0 0 5px 0px;
list-style:none;
}

div#left_navi li{
margin:0px 0px 5px 0px;
padding:0px;
list-style:none;
}


div#left_navi li.navi01 a{
background-image:url(images/left_navi/1.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
text-indent:-9999px;
width:180px;
height:35px;
}

div#left_navi li.navi01 a:hover{
background-image:url(images/left_navi/1_on.jpg);
background-repeat:no-repeat;
}


div#left_navi li.navi02 a{
background-image:url(images/left_navi/2.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
text-indent:-9999px;
width:180px;
height:40px;
}

div#left_navi li.navi02 a:hover{
background-image:url(images/left_navi/2_on.jpg);
background-repeat:no-repeat;
}


div#left_navi li.navi03 a{
background-image:url(images/left_navi/3.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
text-indent:-9999px;
width:180px;
height:40px;
}

div#left_navi li.navi03 a:hover{
background-image:url(images/left_navi/3_on.jpg);
background-repeat:no-repeat;
}

div#left_navi li.navi04 a{
background-image:url(images/left_navi/4.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
text-indent:-9999px;
width:180px;
height:65px;
}

div#left_navi li.navi04 a:hover{
background-image:url(images/left_navi/4_on.jpg);
background-repeat:no-repeat;
}

div#left_navi li.navi05 a{
background-image:url(images/left_navi/5.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
text-indent:-9999px;
width:180px;
height:40px;
}

div#left_navi li.navi05 a:hover{
background-image:url(images/left_navi/5_on.jpg);
background-repeat:no-repeat;
}

div#left_navi li.navi06 a{
background-image:url(images/left_navi/6.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
text-indent:-9999px;
width:180px;
height:65px;
}

div#left_navi li.navi06 a:hover{
background-image:url(images/left_navi/6_on.jpg);
background-repeat:no-repeat;
}

div#left_navi li.navi07 a{
background-image:url(images/left_navi/7.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
text-indent:-9999px;
width:180px;
height:65px;
}

div#left_navi li.navi07 a:hover{
background-image:url(images/left_navi/7_on.jpg);
background-repeat:no-repeat;
}

div#left_navi li.navi08 a{
background-image:url(images/left_navi/8.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
text-indent:-9999px;
width:180px;
height:40px;
}

div#left_navi li.navi08 a:hover{
background-image:url(images/left_navi/8_on.jpg);
background-repeat:no-repeat;
}

div#left_navi li.navi09 a{
background-image:url(images/left_navi/9.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
text-indent:-9999px;
width:180px;
height:40px;
}

div#left_navi li.navi09 a:hover{
background-image:url(images/left_navi/9_on.jpg);
background-repeat:no-repeat;
}


div#left_navi li.navi10 a{
background-image:url(images/left_navi/10.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
text-indent:-9999px;
width:180px;
height:40px;
}

div#left_navi li.navi10 a:hover{
background-image:url(images/left_navi/10_on.jpg);
background-repeat:no-repeat;
}


div#left_navi li.navi11 a{
background-image:url(images/left_navi/11.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
text-indent:-9999px;
width:180px;
height:40px;
}

div#left_navi li.navi11 a:hover{
background-image:url(images/left_navi/11_on.jpg);
background-repeat:no-repeat;
}


div#left_navi li.navi12 a{
background-image:url(images/left_navi/12.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
text-indent:-9999px;
width:180px;
height:40px;
}

div#left_navi li.navi12 a:hover{
background-image:url(images/left_navi/12_on.jpg);
background-repeat:no-repeat;
}

div#left_navi li.navi13 a{
background-image:url(images/left_navi/13.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
text-indent:-9999px;
width:180px;
height:40px;
}

div#left_navi li.navi13 a:hover{
background-image:url(images/left_navi/13_on.jpg);
background-repeat:no-repeat;
}

div#left_navi li.navi14 a{
background-image:url(images/left_navi/14.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
text-indent:-9999px;
width:180px;
height:40px;
}

div#left_navi li.navi14 a:hover{
background-image:url(images/left_navi/14_on.jpg);
background-repeat:no-repeat;
}

div#left_navi li.navi15 a{
background-image:url(images/left_navi/15.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
text-indent:-9999px;
width:180px;
height:40px;
}

div#left_navi li.navi15 a:hover{
background-image:url(images/left_navi/15_on.jpg);
background-repeat:no-repeat;
}


div#left_navi li.navi16 a{
background-image:url(images/left_navi/16.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
text-indent:-9999px;
width:180px;
height:40px;
}

div#left_navi li.navi16 a:hover{
background-image:url(images/left_navi/16_on.jpg);
background-repeat:no-repeat;
}

div#left_navi p{
margin:0;
padding:0px 0px 0px 0px;
margin:0px;
}

/* main */

#main {
width:575px;
margin:0px 0px 0px 0px;
padding:0px 0px 10px 10px;
float:left;}

#main p {
width:555px;
margin:0px;
padding:0px 0px 0px 5px;
float:left;
line-height:175%;
font-size:12px;}

#main h2{
width:575px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}


/* main_pick_up */

#main_pick_up {
width:575px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}


/* feature */

#feature {
width:553px;
margin:5px 0px 0px 0px;
padding:10px 10px 10px 10px;
border:solid 1px #CCCCCC;
float:left;}

.feature_thum {
width:130px;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 0px;
float:left;}

#feature h3 {
width:553px;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
float:left;}

.feature_text{
width:533px;
margin:0px 0px 0px 0px;
padding:10px;
float:left;
line-height:150%;
color:#333333;
background-color:#F6F6F6;
font-size:13px;}

/* midashi */

#midashi {
width:260px;
margin:10px 0px 10px 0px;
padding:10px;
border:solid 1px #CCCCCC;
float:left;}

#midashi h4 {
width:260px;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
float:left;}

.midashi_text{
width:240px;
margin:0px 0px 0px 0px;
padding:10px;
float:left;
line-height:150%;
color:#333333;
background-color:#F6F6F6;
font-size:12px;}

.midashi_text a:link		{ color:#FF0000; text-decoration: none;}
.midashi_text a:visited	{ color:#FF0000; text-decoration: none;}
.midashi_text a:hover		{ color:#FF0000; text-decoration: underline;}



/* sub_main */

#sub_main {
width:545px;
margin:10px 0px 10px 0px;
padding:15px 15px 15px 15px;
color:#666666;
font-size:13px;
line-height:150%;
background-color:#F6F6F6;
float:left;}

#sub_main p {
width:575px;
margin:0px;
padding:0px 0px 0px 5px;
float:left;
line-height:175%;
font-size:12px;}


/*********** company ***********/

.company {
width:570px;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 5px;
color:#666666;
font-size:13px;
line-height:150%;
float:left;}


table.table01{
	background: #666666;
	font-size:12px;
}

table.table01 td{
	background: #FFFFFF;
	margin: 0px;
	padding: 10px;
}

table.table01 td.td2{
	color: #333333;
	background: #F2F2F2;
	width:120px;
}



/*********** toiawase ***********/

#toiawase {
width:550px;
margin:0px;
padding:10px 0px 10px 0px;
float:left;
line-height:150%;
font-size:12px;
color:#333333;}


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

div#footer {
border-top:1px solid #000000;
width:780px;
float:left;
margin:10px auto 0px auto;
text-align:right;
font-size:10px;
padding:0px 0px 0px 0px;
}

div#footer p {
padding:5px 15px 0px 15px;
margin:0px;
font-size:12px;
line-height:150%;
text-align:right;
}

div#footer_bottom{
width:765px;
float:left;
text-align:right;
font-size:10px;
line-height:150%;
color:#666666;
padding:4px 15px 10px 0px;
}

/* font----------------------------------- */

.space10 { width:10px;
float:left;}

.blue { color:#0000FF;}

.red { color:#FF0000;}