﻿/*---base---*/

body{
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:normal;
font-style:normal;
font-size:75%;
line-height:125%;
text-align: center;
color:#666666;
background-image:url(body_back_top.jpg);
background-position:center top;
background-repeat:repeat-x;
}

#common{
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:normal;
font-style:normal;
font-size:75%;
line-height:125%;
text-align: center;
color:#666666;
background-image:url(contents_back.jpg);
background-position:center top;
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:125%;
}

table td{
vertical-align:top;
}

#wrapper{
margin:0px auto;
width:780px;
text-align:left;
}

#header{
width:780px;
height:89px;
float:left;
}

#header h1{
	width:330px;
	height:74px;
	float:left;
}

#header h1 a{
	text-indent:-9999px;
	width:405px;
	height:74px;
	background-image:url(logo.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
	float:left;
}

#header ul{
	list-style-type:none;
	float:right;
}


#header ul li{
	list-style-type:none;
	float:left;
	width:70px;
	height:32px;
}

#header ul li a{
	width:70px;
	height:32px;
	display:block;
	text-indent:-9999px;
}

#header ul li.header_home a{
	width:70px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background-image:url(header_home.jpg);
	background-repeat:no-repeat;
}

#header ul li.header_home a:hover{
	width:70px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background-image:url(header_home-o.jpg);
	background-repeat:no-repeat;
}

#header ul li.header_access a{
	width:70px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background-image:url(header_access.jpg);
	background-repeat:no-repeat;
}


#header ul li.header_access a:hover{
	width:70px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background-image:url(header_access-o.jpg);
	background-repeat:no-repeat;
}

#header ul li.header_sitemap a{
	width:70px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background-image:url(header_sitemap.jpg);
	background-repeat:no-repeat;
}

#header ul li.header_sitemap a:hover{
	width:70px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background-image:url(header_sitemap_o.jpg);
	background-repeat:no-repeat;
}

#main{
width:780px;
float:left;
margin:0 0 80px 0;
}

a:link,a:visited{
color:#006699;
text-decoration:none;
}

a:active,a:hover{
color:#006699;
text-decoration:underline;
}

/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contents {
width:600px;
float:right;
}

.section{
width:600px;
float:left;
}

/*---nav---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#nav {
width:780px;
float:left;
margin-bottom:0px;
margin-left:0px;
}

#nav ul{
list-style-type:none;
}

#nav ul li{
float:left;
}

#nav ul li a{
display:block;
overflow:hidden;
height:0 !important;
height /**/:61px;
padding-top:61px;
background-image:url(nav.jpg);
}

#nav01 {width:112px;}
#nav02 {width:111px;}
#nav03 {width:111px;}
#nav04 {width:112px;}
#nav05 {width:111px;}
#nav06 {width:111px;}
#nav07 {width:112px;}

#nav01 a{background-position:0 0;}
#nav02 a{background-position:-112px 0;}
#nav03 a{background-position:-223px 0;}
#nav04 a{background-position:-334px 0;}
#nav05 a{background-position:-446px 0;}
#nav06 a{background-position:-557px 0;}
#nav07 a{background-position:-668px 0;}

#nav01 a:hover{background-position:0 -61px;}
#nav02 a:hover{background-position:-112px -61px;}
#nav03 a:hover{background-position:-223px -61px;}
#nav04 a:hover{background-position:-334px -61px;}
#nav05 a:hover{background-position:-446px -61px;}
#nav06 a:hover{background-position:-557px -61px;}
#nav07 a:hover{background-position:-668px -61px;}

#nav01c {background-position:0 -61px; width:112px;}
#nav02c {background-position:-112px -61px; width:111px;}
#nav03c {background-position:-223px -61px; width:111px;}
#nav04c {background-position:-334px -61px; width:112px;}
#nav05c {background-position:-446px -61px; width:111px;}
#nav06c {background-position:-557px -61px; width:111px;}
#nav07c {background-position:-668px -61px; width:112px;}

#nav01c a{background-position:0 -61px;}
#nav02c a{background-position:-112px -61px;}
#nav03c a{background-position:-223px -61px;}
#nav04c a{background-position:-334px -61px;}
#nav05c a{background-position:-446px -61px;}
#nav06c a{background-position:-557px -61px;}
#nav07c a{background-position:-668px -61px;}

#nav01c a:hover{background-position:0 -61px;}
#nav02c a:hover{background-position:-112px -61px;}
#nav03c a:hover{background-position:-223px -61px;}
#nav04c a:hover{background-position:-334px -61px;}
#nav05c a:hover{background-position:-446px -61px;}
#nav06c a:hover{background-position:-557px -61px;}
#nav07c a:hover{background-position:-668px -61px;}

#subnavi_wrapper{
	width:225px;
	float:right;
	height:591px;
}






#subnavi {
float:right;
display:inline;
margin-bottom:10px;
}

#subnavi ul{
list-style-type:none;
background-color:#F3F1E6;
float:left;
padding-bottom:10px;
border:#CCCCCC solid 1px;
width:200px;
margin-bottom:20px;
}

#subnavi ul li a{
background-image: url(subnavi_back.jpg);
background-repeat:repeat;
width:200px;
height:41px;
color:#339966;
line-height:38px;
display:block;
text-indent:40px;
}


#subnavi ul li ul li a{
color:#990000;
}

#subnavi ul li ul li ul li a{
color:#000066;
}



#subnavi ul li ul{
margin:0 0 0 15px;
}

#subnavi ul li ul li ul{
margin:0 0 0 15px;
}

#subnavi_title {
width:200px;
height:44px;
display:block;
}

#subnavi_title2 {
width:200px;
height:44px;
display:block;
margin-bottom:5px;
}

#subnavi_title3 {
width:200px;
height:44px;
display:block;
margin-bottom:5px;
clear:left;
}

#sub_banner{
clear:left;
width:200px;
display:block;
}

#subnavi_title4 {
width:200px;
height:44px;
display:block;
margin-bottom:5px;
clear:left;

}

#subnavi_title a{
width:200px;
line-height:44px;
text-indent:40px;
background-image:url(subnavi_title.jpg);
background-repeat:no-repeat;
font-weight:bold;
font-size: 14px;
float:left;
display:block;
}

*html #subnavi_title a{
margin-left:0px;
}

#subnavi a:link,
#subnavi a:visited,
#subnavi a:hover,
#subnavi a:active{
color:#006699;
text-decoration: underline;
}


#subnavi_title a:link,
#subnavi_title a:visited,
#subnavi_title a:hover,
#subnavi_title a:active{
color:#FFFFFF;
text-decoration:none;
}






/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer_wrapper{
height:98px;
width:100%;
margin:0 auto;
}

#footer_wrapper2{
color:#333333;
background-image:url(footer_back.jpg);
background-repeat:repeat-x;
height:98px;
float:left;
width:100%;
text-align:center;
margin:0 auto;
}

#footer{
width:780px;
height:98px;
margin:0 auto;
}

#footer ul{
width:780px;
line-height:30px;
float:left;
list-style-type:none;
}

#footer ul li {
display:inline;
}

#footer ul li a,
#footer ul li a:hover,
#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:active{
	color:#666666;
}

address {
font-size: 80%;
font-style: normal;
clear:both;
text-align:right;
}


/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#main-image02 {
height:0px;
width:0px;
float:left;
display:none;
}

#main-image03 {
height:0px;
width:0px;
float:left;
display:none;
}


#main-image {
width:780px;
float:left;
margin-bottom:20px;
}

#top_left{
	width:510px;
	float:left;
}

.top_news{
	width:510px;
	float:left;
	margin-top:8px;
}

.top_news_title{
	width:510px;
	float:left;
	line-height:16px;
	background-image: url(top_new.jpg);
	background-repeat:no-repeat;
	text-indent:50px;
	margin-top:5px;
	margin-bottom:10px;
	
}

.top_news td.news_list{
	background-image:url(news_icon.jpg);
	background-repeat:no-repeat;
	line-height:32px;
	border-bottom:1px #999 dotted;
	background-position:0 12px;
}

.top_news td.news_list p{
	display:block;
	width:450x;
	margin-left:15px;
}


.top_news2{
	width:510px;
	float:left;
	margin-top:8px;
}

.top_news2 td.news_list{
	background-image:url(news_icon.jpg);
	background-repeat:no-repeat;
	line-height:24px;
	border-bottom:1px #999 dotted;
	background-position:0 14px;
}

.top_news2 td.news_list p{
	display:block;
	width:450x;
	margin-left:15px;
	margin-top:5px;
	margin-bottom:5px;
}

#top_right{
	width:245px;
	float:right;
	height:591px;
	background-image:url(left_back.jpg);
	background-repeat:no-repeat;
}

#top_right ul{
	list-style-type:none;
	padding:8px;
}


#top_right ul li{
	margin-bottom:5px;
}

#top_right ul li.phone{
	margin-top:15px;
}


#top_right2{
	width:200px;
	float:right;
	height:500px;
	background-image:url(left_back2.jpg);
	background-repeat:no-repeat;
}

#top_right2 ul{
	list-style-type:none;
	padding:8px;
}


#top_right2 ul li{
	margin-bottom:5px;
}

#top_right2 ul li.phone{
	margin-top:15px;
}


.top_news1-1{
	margin-left:55px;
}


/*--20100701addition---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.top_news_addition {
	margin-bottom:30px;
	border-bottom:#CCC dotted 1px;
	padding-bottom:10px;
	
}

/*--sitemap---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.sitemap {
}

.sitemap ul{
padding:0 0 15px 30px;
}

.sitemap ul ul{
padding:0 0 15px 30px;
}


/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.subtitle01 {
	width:510px;
	line-height:34px;
	float:left;
	background-image:url(h2_back.jpg);
	background-repeat:no-repeat;
	text-indent:20px;
	font-weight:bold;
	font-size:125%;
	color:#333333;
}

.subtitle02 {
font-size:165%;
background-color:#e50069;
color:#FFFFFF;
}

.subtitle03 {
font-size:115%;
background-color:#e50069;
color:#FFFFFF;
}

.table01 {
margin-bottom:20px;
}

.table01 table{
width:600px;
border-collapse:collapse;
text-align:left;
}

.table01 table td{
padding:10px;
border:1px solid #cccccc;
}

.table01 table .highlight{
border-right:1px solid #cccccc;
background-color:#efefef;
font-weight:bold;
vertical-align:middle;
}

.rss {
width:600px;
float:left;
text-align:left;
margin:0 0 20px 0;
}

.rss dt{
width:600px;
line-height:30px;
overflow:hidden;
float:left;
font-weight:bold;
border-bottom:1px solid #cccccc;
font-weight:bold;
text-indent:10px;
}

.rss dt a{
width:500px;
font-weight:normal;
float:right;
margin-top:-30px;
text-align:left;
display:block;
}

.rss dd {
display:none;
}


h2{
background-image:url(h2.gif);
background-repeat:no-repeat;
width:463px;
height:25px;
text-indent:15px;
line-height:25px;
font-weight:bold;
margin-bottom:10px;
float:left;
}

h3{
background-image:url(h3.gif);
background-repeat:no-repeat;
background-position:0 3px;
width:350px;
height:14px;
text-indent:10px;
line-height:14px;
margin-left:20px;
margin-bottom:15px;
float:left;
}

h5{
background-image:url(h5.jpg);
background-repeat:no-repeat;
background-position:04px;
width:555px;
height:34px;
text-indent:25px;
line-height:34px;
font-weight:bold;
margin-bottom:20px;
font-size:16px;
color:#333;
}

/*h4{
background-image:url(h5.jpg);
background-repeat:no-repeat;
background-position:0 0px;
width:555px;
height:30px;
text-indent:25px;
line-height:30px;
margin-bottom:25px;
font-size:14px;
text-align:left;
color:#FFF;
}*/


h4{
background-image:url(h4.jpg);
background-repeat:no-repeat;
background-position:0 0px;
width:555px;
height:32px;
text-indent:25px;
line-height:32px;
margin-bottom:25px;
font-size:14px;
text-align:left;
color:#FFF;
}


#locator{
float:left;
margin-left:7px;
font-weight:normal;
color:#006699;
width:400px;
hight:5px;
margin-top:7px;
margin-bottom:5px;}


/*contact*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contact-form {
width:590px;
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: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;
}

/*各ページのＣＳＳをページごとに区切って下記に記述していってください*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.main2{
width:555px;
float:left;
}
.main3{
width:780px;
float:left;
margin-left:5px;
display:inline;
text-align:left;
}

.con_table{
width:540px;
border-collapse:collapse;
color:#33333;
line-height:1.1em;
}

.con_table a:link,
.con_table a:visited,
.con_table a:hover,
.con_table a:active{
color:#006699;

}


.con_table td {
padding:10px;
color:#333333;
border:1px solid #cccccc;
}


.con_table td.highlight {
font-weight:bold;
color:#333333;
background-color:#EBEBEB; 
}

.con_table td img {
vertical-align:baseline;
}

.style1 {
color: #666666;
font-weight: bold;
}

.red{
color:#FF0000;
}

.icon{
width:160px;
margin-right:30px;
line-height:14px;
margin-bottom:10px;
}

.icon a{
color:#006699;
font-size:10px;
}

.about{
text-align:left;
line-height:1.5em;
margin-bottom:20px;
}

.about_img{
text-align:left;
line-height:1.5em;
margin-bottom:20px;
margin-left:150px;
}

.about02{
line-height:1.5em;
font-weight:bold;
margin-top:10px;
padding-left:20px;
}

.book{
text-align:left;
}

.book dl{
margin-bottom:30px;
margin-left:10px;
background-image:url(icon02.gif);
background-repeat:no-repeat;
line-height:14px;
text-indent:20px;
} 
.book dd{
text-indent:0px;
margin-left:20px;
margin-bottom:7px;
}

.act_con{
background-image: url(act_back.jpg);
background-repeat:no-repeat;
width:550px;
height:1155px;
text-align:left;
}

.act_con ul{
list-style-type:none;
float:left;
} 

.act_con ul li{
margin-bottom:2px;
background-image:url(icon3.gif);
background-repeat:no-repeat;
background-position:0px 5px;

}

.act_con02{
text-align:left;
width:300px;
position:relative;
top:70px;
left:180px;
float:left;
}

.act_con03{
text-align:left;
width:300px;
position:relative;
top:100px;
left:180px;
float:left;
}

.act_con04{
text-align:left;
width:440px;
position:relative;
top:200px;
left:110px;
}

.act_con04_2{
text-align:left;
padding-left:15px;
}
.act_con04_3{
text-align:left;
margin-bottom:5px;
}
.act_con05{
text-align:left;
width:440px;
position:relative;
top:260px;
left:110px;
}

.act_con06{
text-align:left;
width:440px;
position:relative;
top:315px;
left:110px;
}

.act_con07{
text-align:left;
width:440px;
position:relative;
top:373px;
left:110px;
}

.act_con08{
text-align:left;
width:440px;
position:relative;
top:420px;
left:110px;
}

.act_con09{
text-align:left;
width:440px;
position:relative;
top:493px;
left:110px;
}

.act_con10{
text-align:left;
width:440px;
position:relative;
top:555px;
left:110px;
}

.act_list{
text-align:left;
float:left;
width:430px;
margin-left:20px;
}

.act_list ul{
list-style-type:none;
float:left;
margin-bottom:10px;
}

.act_list ul li{
}

.about_p{
margin-bottom:15px;
}


/*--sitemap---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.sitemap {
margin-left:50px;
}

.sitemap ul{
margin:0 0 15px 15px;
}

.sitemap ul li{
	margin-bottom:10px;
}

.sitemap ul li{
	margin-bottom:10px;
}

.about_title01{
	font-size:15px;
	color:#007964;
	font-weight:bold;
	margin-bottom:7px;
	
}

.about03{
	clear:both;
	margin-bottom:15px;
}

.about03 ol{
	padding-left:30px;
	text-align:left;
	color:#333333;
}

.about03 ol li{
	margin-bottom:10px;
}

.publish_table{
	width:555px;
	float:left;:
}

.publish_table2{
	width:555px;
	float:left;:
}

.publish_table2 p{
	padding-left:30px;
}

.publish_title{
margin-bottom:30px;
margin-left:10px;
background-image: url(icon02.gif);
background-repeat:no-repeat;
line-height:16px;
font-weight:bold;
}

.publish_title p{
	padding-left:25px;
}
