@charset "utf-8";

/*/////////////////////////////////////////////////////////////

	01. Base
	02. Font
	03. Layouot
	04. Element
		4-1.  navi-bottom
		4-2.  SubPage
		4-3.  Table,Input
		4-4.  SabPart ***Management picture***
	99. Clearfix

//////////////////////////////////////////////////////////////*/



/* ------------------------------------------------------------
	01. Base
------------------------------------------------------------ */

body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, p, blockquote, table, th, td,
form, fieldset, legend, input, select, textarea {
	font-size: 100%;
	padding: 0;
	margin: 0;
	font-weight: normal;
	color: #444444;
	}
body {
	font-size: 78%;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.5;
	}
a img { border: none; margin: 0; }
img ,input { vertical-align: middle; }
ul, li, dl, dt, dd { list-style: none; }
table { border-collapse: collapse; }

/* form */
button, fieldset, form, input, label, legend, select, textarea {
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	vertical-align:baseline;
}


/* ------------------------------------------------------------
	02. Font
------------------------------------------------------------ */

a { color: #5290cc; text-decoration: none; }
a:visited { color: #5290cc;　text-decoration: none;}
a:hover { color: #cccccc;　text-decoration: underline; }

p { font-size: 12px; line-height: 1.5em; }

ul,li,dl,dt,dd { pfont-size: 12px; }
ol {}

/* ------------------------------------------------------------
	03. Layouot
------------------------------------------------------------ */
body{	
	background: url(../images/top_bgx.gif) repeat-x;
}
#wrap {
	width: 920px;
	margin: 0 auto;
	text-align: left;
}
#header {
	margin: 0;
	padding: 0;
	clear: both;
}
#leftspc{
	position:relative;
	width: 200px;
	margin: 0;
	padding: 0;
	float: left;
	zoom:1;
}
#main{
	width: 690px;
	float: left;
	zoom:1;
	margin: 0 0 30px 20px;
	padding: 0;
}
#main h2{
	width: 690px;
	font-size: 16px;
	padding: 30px 0 10px 0;
	background: url(../images/tt_line001.gif) no-repeat bottom;
}
#main h2 a{
	line-height: 18px;
	margin: 0;
	padding: 0 0 0 34px;
	font-size: 10px;
	background: url(../images/backnamber.gif) left no-repeat;
}
#main h3{
	font-size: 16px;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	border-bottom: #c1c1c1 dotted 1px;
}
#footer{
	width: 920px;
	border-top: #c1c1c1 solid 1px;
	margin: 0 0 50px 0;
	clear: both;
}


/* ------------------------------------------------------------
	04. Element
------------------------------------------------------------ */

/* 04-1. navi-bottom
------------------------------------------------------------ */

.rollover01 {
width:184px;
height:70px;
margin: 0;
background:url(../images/navi001over.gif) no-repeat left bottom;
}
.rollover01 a {
display:block;
width:184px;
height:70px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover01 a:hover {
text-indent:-9999px;
}

.rollover02 {
width:184px;
height:70px;
margin: 0;
background:url(../images/navi002over.gif) no-repeat left bottom;
}
.rollover02 a {
display:block;
width:184px;
height:70px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover02 a:hover {
text-indent:-9999px;
} 

.rollover03 {
width:184px;
height:70px;
background:url(../images/navi003over.gif) no-repeat left bottom;
}
.rollover03 a {
display:block;
width:184px;
height:70px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover03 a:hover {
text-indent:-9999px;
} 
.rollover04 {
width:184px;
height:70px;
background:url(../images/navi004over.gif) no-repeat left bottom;
}
.rollover04 a {
display:block;
width:184px;
height:70px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover04 a:hover {
text-indent:-9999px;
} 
.rollover05 {
width:184px;
height:70px;
background:url(../images/navi005over.gif) no-repeat left bottom;
}
.rollover05 a {
display:block;
width:184px;
height:70px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover05 a:hover {
text-indent:-9999px;
}

/* 04-2. SabPart
------------------------------------------------------------ */

h1.tt001{
	margin: 10px 0;
	padding: 0 0 15px 0;
	font-size: 30px;
	color: #5290cc;
	line-height: 30px;
}
h1.sab_tt001{
	margin: 10px 0;
	font-size: 24px;
	color: #000000;
}
.tt_color{
	color: #5290cc;
}
p.white_txt {
	color: #ffffff;
	text-align: right;
	font-size: 11px;
	line-height: 19px;
}
p.toptxt {
	margin: 0;
	padding: 0;
}
p.chui_icon{
	background: url(../images/icon02.gif) no-repeat bottom right;
	padding: 0 18px 0 0;
	text-align: right;
	clear: both;
}
dl.wsr{
	margin: 0;
}
dl.wsr dt{
	padding: 0;
}
dl.wsr dd{
	margin: 0;
	padding: 0 25px 0 25px;
	background: url(../images/weather_bg.gif) repeat-y;
}
dl{
	margin: 15px 0;
}
dl dt{
	width: 70px;
	padding: 0 15px 0 15px;
	background: url(../images/news_icon.gif) left center no-repeat;
	float: left;
	zoom:1;
	clear: both;
}
dl dd{
	margin: 5px 0;
	padding: 0 0 0 100px;
	line-height: 1.5em;
}
ul.s_navi001 {
	margin: 15px 0 0 745px;
	clear:both;
}
ul.s_navi001 li {
	font-size: 10px;
	float: left;
	zoom:1;
	background: url(../images/top_ys.gif) no-repeat top left;
	padding: 0 0 0 25px;
	line-height: 19px;
}
ul.s_navi001 li.t_navileft {
	padding: 0 10px 0 25px;
}
ul.one_line{
	position: relative;
	height: 70px;
	margin: 0;
	padding: 0 0 20px 0;
}
ul.one_line li{
	float: left ;
	zoom:1;
}
.t_left{
	width: 695px;
	float: left;
	zoom:1;
}
.t_left p{
	margin-bottom: 30px;
}
.t_left h1{
	padding: 10px 0 0 0;
	font-size: 18px;
}
ul.t_right{
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}
ul.t_right li{
	font-size: 10px;
	float: left;
	zoom:1;
	background: url(../images/footer_icon.gif) no-repeat top left;
	padding: 0 0 0 11px;
	line-height: 10px;
}
ul.t_right li.t_navileft {
	padding: 0 10px 0 11px;
}
.close_btn{
	margin: 0 auto 30px auto;
	width: 84px;
	padding: 8px;
	text-align: center;
	border: 1px solid #eeeeee;
}

/* 04-3. Table,Form
------------------------------------------------------------ */

table{
	width: 690px;
	margin: 20px 0;
	padding: 0;
	border: 1px solid #cccccc;
}
table tr{
	text-align: left;
}
table th{
	width: 200px;
	margin: 10px;
	padding: 5px 0 5px 25px;
	background: url(../images/icon02.gif) no-repeat 5px 4px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	vertical-align: top;
	text-align: left;
}
table td{
	padding: 5px 10px;
	border-bottom: 1px solid #cccccc;
}
form{
	width: 690px;
	margin: 0 0 20px 0;
	text-align: center;
}
form input.f_btn01{
	margin: 20px 10px 0 0;
}
form input.f_btn02{
	margin: 20px 0 0 0;
}


/* 04-4. SabPart ***Management picture***
------------------------------------------------------------ */

dl.line001{
	width: 350px;
	margin: 10px 10px 0 0;
	line-height: 1.8em;
	float: left;
	zoom:1;
}
dl.line001 dt{
	position:relative;
	width: 100px;
	background: none;
	margin: 0 0 0 5px;
	padding: 14px 0 10px 0;
	float: left;
	zoom:1;
	clear: both;
}
dl.line001 dd{
	margin: 0;
	padding: 16px 0 16px 100px;
	border-bottom: 1px #cccccc dotted;
}
dl.line002{
	width: 690px;
	margin: 0 0 20px 0;
	line-height: 1.8em;
	float: left;
	zoom:1;
}
dl.line002 dt{
	position:relative;
	width: 95px;
	background: none;
	padding: 14px 0 10px 5px;
	float: left;
	zoom:1;
	clear: both;
}
dl.line002 dd{
	margin: 0;
	padding: 16px 0 16px 100px;
	border-bottom: 1px #cccccc dotted;
}

dl.line003{
	width: 690px;
	margin: 20px 0;
	line-height: 1.8em;
	float: left;
	zoom:1;
	text-align: left;
}
dl.line003 dt{
	display: block;
	width: 195px;
	background: none;
	padding: 25px 0 0 5px;
	float: left;
	zoom:1;
	line-height: 1.2em;
}
dl.line003 dd{
	margin: 0;
	padding: 20px 0 20px 210px;
	border-bottom: 1px #cccccc dotted;
}
.kome{
	color: #F00;
}
dl.info_tt{
	margin: 15px 0 10px 0;
}
dl.info_tt dt{
	padding: 0 15px;
	background: url(../images/news_icon.gif) left center no-repeat;
	clear: both;
	float: none;
}
dl.info_tt dd{
	font-size: 13px;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	line-height: 1.5em;
	border-bottom: 1px dotted #cccccc;
}
dl.info_tt dd a{
	height: 17px;
	font-size: 10px;
	padding: 0 0 0 25px;
	background: url(../images/pdf_icon.jpg) top left no-repeat;
}

dl.info_tt2{
	margin: 15px 0 10px 0;
}
dl.info_tt2 dt{
	padding: 0 15px;
	background: url(../images/news_icon.gif) left center no-repeat;
	clear: both;
	float: none;
}
dl.info_tt2 dd{
	font-size: 13px;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	line-height: 1.5em;
	border-bottom: 1px dotted #cccccc;
}
dl.info_tt2 dd a{
	height: 17px;
	font-size: 10px;
	padding: 0;
}
ul.sm001{
	margin: 0;
	clear: both;
}
ul.sm001 li{
	background: url(../images/footer_icon.gif) no-repeat left center;
	margin: 20px 0;
	padding: 0 0 0 12px;
}
ul.sm001 li.kaso{
	margin: 20px 0 20px 20px;
}
p.info_text{
	margin: 0 0 30px 0;
}
p.underline{
	margin: 0 0 10px 0;
}
.comp_map{
	width: 320px;
	float: left;
	zoom:1;
}
.w0pxs{
	margin: 0 0 8px 0;
}
.w100px{
	width: 100px;
}
.w120px{
	width: 120px;
}
.w150px{
	width: 150px;
}
.w180px{
	width: 180px;
}
.w240px{
	width: 240px;
}
.w240pxs{
	width: 240px;
	margin: 0 0 8px 0;
}
.w350px{
	width: 350px;
}
.w400px{
	width: 400px;
	height: 150px;
}

/* ------------------------------------------------------------
	99. Clearfix
------------------------------------------------------------ */

/*IE7以外のモダンブラウザ向け*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/*IE7およびMacIE5向け*/
.clearfix { display: inline-block;}

/*IE6以前向け*/
/*Hides from IE-mac\*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/*End hide from IE-mac*/
.clear { clear: both; }