@charset "utf-8";

/*【サブページに共通して使用するスタイル設定となります。】*/

/* ########################################################

■サブページ共通設定--------------------------
body------------- 背景画像の指定
id=globalnavi --- ブローバルナビ部分の設定
id=mainimage ---- サブページメインイメージ部分の設定（h2,img）
id=topicpath ---- パンクズリンク設定
id=left --------- 左カラム
id=subnavi ------ 名部ナビゲーション設定
id=contents ----- 右カラム
-------------------------------------------

カラー--------------------------------------
メインイメージカラー（緑）#669933
テキスト（黒）#000000
ポイントカラー（濃い緑）#336600
ポイントカラー（薄い緑）#94B871
リンクカラー（濃い緑）#336600
ロールオーバー（緑）#669933
フッター背景色（灰色）#D5D5D5
コンテンツ背景#ffffff
--------------------------------------------

######################################################### */




/*========================================================*/
/*サブページ共通設定*/
/*========================================================*/

/*---------------------------------------------------------
  背景画像
--------------------------------------------------------- */
body{
	background:url(/common/images/subbody_back.jpg) left top repeat-x;
}





/*---------------------------------------------------------
  id=globalnavi
--------------------------------------------------------- */
div#globalnavi {
	width: 900px;
	height: 60px;
	margin: 0;
	padding:10px 0 0 0;
	border: 0;
	background: url(../images/gnav_topimage.jpg) left top repeat-x;
}




div#globalnavi p {
	margin: 9px 0 0 0;
	padding:0;
	border: 0;
	display:inline;

}

div#globalnavi a {
	display: inline-block;
	height: 60px;
	background: 0 0 no-repeat;
}
div#globalnavi a:hover {
	background-color: #fff; /* IE6用 */
}
div#globalnavi a:hover img {
	visibility: hidden;
}

/*-- hover image ------------------------------------------------------- */
div#globalnavi p.gnav01 a {width: 180px; background: url(../images/gnav01_on.jpg) ;}
div#globalnavi p.gnav02 a {width: 180px; background: url(../images/gnav02_on.jpg) ;}
div#globalnavi p.gnav03 a {width: 180px; background: url(../images/gnav03_on.jpg) ;}
div#globalnavi p.gnav04 a {width: 180px; background: url(../images/gnav04_on.jpg) ;}
div#globalnavi p.gnav05 a {width: 180px; background: url(../images/gnav05_on.jpg) ;}
/*-- // hover image ---------------------------------------------------- */





/*---------------------------------------------------------
  id=topicpath
--------------------------------------------------------- */

div#topicpath{
background:#EEEEEE;
height:40px;
	margin: 0;
	padding:0;
	border: 0;
	border-bottom:#666666 solid 1px;
}

div#topicpath img{
vertical-align: middle;
}

div#topicpath p{
	color: #666666;
	margin: 0;
	padding:10px 0 0 10px;
	font-size: 92%;
	line-height:120%;	
}






/*---------------------------------------------------------
  id=mainimage
--------------------------------------------------------- */
div#mainimage{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
}

div#mainimage p{
	margin: 0;
	padding: 0;
	border: 0;
}

div#mainimage p img{
	margin: 0;
	padding: 0;
	border: 0;
}

div#mainimage h2{
	position: absolute;
	top: 0;
	left: 25px;
	margin: 0;
	padding: 0;
	border: 0;
	color: #ffffff;
	line-height: 150px;
	font-size: 197%;
	z-index: 10;
}




/*---------------------------------------------------------
  id=left（左カラム）
--------------------------------------------------------- */
#left {
	float: left;
	width: 209px;
	margin: 0;
	padding: 0;
	border: 0;
}


/*---------------------------------------------------------
 id=leftnavi
--------------------------------------------------------- */
#leftnavi {
	width: 185px;
	margin: 0 0 20px 0;
	border:#C9DBB7 solid 7px;
}

#leftnavi a{
vertical-align: middle;
	display: block;
	width: 175px;
	height:45px;
	margin:0;
	padding:13px 0 0 10px;
	background: url(../images/leftnavi_arrow.gif) 165px center no-repeat;
	border-bottom:dotted 1px #669933;
	font-size: 100%;
	line-height:240%;
	text-decoration:none;
}

#leftnavi a.txttype02{
line-height:130%;
}

#leftnavi a:hover{
background:#EFEFEF url(../images/leftnavi_arrow.gif) 165px center no-repeat;
}

.bnr{
	margin: -10px 0 0 0;
}



/*---------------------------------------------------------
 id=subnavi
--------------------------------------------------------- */

div#subnavi {
	width: 205px;
	margin: 0 0 2px 0;
	padding:20px 0 0 0;
	border: 0;
	background:url(../images/left_navi_border.gif) left top no-repeat;
}




div#subnavi p {
	margin: 0;
	padding:0;
	border: 0;
	width: 202px;
	height: 55px;

}

div#subnavi a {
	display: inline-block;
	width: 202px;
	height: 55px;
	background: 0 0 no-repeat;
}
div#subnavi a:hover {
	background-color: #fff; /* IE6用 */
}
div#subnavi a:hover img {
	visibility: hidden;
}

/*-- hover image ------------------------------------------------------- */
div#subnavi p.subnavi01 a { background: url(../images/subnavi01_on.jpg) ;}
div#subnavi p.subnavi02 a { background: url(../images/subnavi02_on.jpg) ;}
div#subnavi p.subnavi03 a { background: url(../images/subnavi03_on.jpg) ;}

/*-- // hover image ---------------------------------------------------- */





/*---------------------------------------------------------
  id=contents（右カラム）
--------------------------------------------------------- */
#contents {
	float: right;
	width: 690px;
	margin: 0;
	padding: 0;
	border: 0;
	border-left:#999999 solid 1px;
	min-height:650px;
}





/*---------------------------------------------------------
  id=mainimage
--------------------------------------------------------- */
div#mainimage{
	position: relative;
	width:680px;
	height:150px;
	margin: 0 0 0 10px;
	padding: 0;
	border: 0;
}

div#mainimage p{
	position: absolute;
	top: 122px;
	left: 35px;
	margin: 0;
	padding: 0;
	border: 0;
	color: #336600;
	font-size: 92%;
	z-index: 10;
	width: 631px;
}





/*---------------------------------------------------------
  (contents内の個々の設定)
--------------------------------------------------------- */

/*本文用*/
#contents p{
	margin: 10px 20px 10px 30px;
	padding: 0;
	border: 0;
	font-size: 100%;
}

/*clear*/
#contents p:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#contents p{
	display:inline-table;
}

/* Mac IE には適用させない \*/
#contents p{
	height: 1%;
	display: block;
}
/* */


#contents p.right{
	display:inline;
	width:380px;
	_width:390px;
}





#contents h2{
background:url(../images/h2_back.gif) 2px 1px no-repeat;
margin:0 20px 0 28px;
padding:0;
border:#999999 solid 1px;
width:640px;
height:38px;
}

#contents h2 span{
display: block;
margin:10px 0 0 20px;
font-size:14px;
font-weight:bold;
}

#contents h3{
clear:both;
background:url(../images/h3_ico.gif) left top no-repeat;
margin:10px 0 0 29px;
padding:0 0 0 22px;
font-size:100%;
line-height:105%;
}



.red{
color:#FF0000;
}
.note{
color:#FF0000;
font-size:10px;
}




#contents .pdf{
background:url(../images/pdficon_small.gif) left top no-repeat;
margin:16px 0 0 30px;
padding:0;
}
#contents .pdf a{
padding:0 0 0 25px;
}





/*イメージのレイアウト用*/
#contents p img{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}

#contents .center{
	margin: 15px auto;
	padding: 0;
	border: 0;
	vertical-align: bottom;
	text-align: center;
}

#contents .left{
	float: left;
	margin: 10px 15px 15px 20px;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}

#contents .right{
	float: right;
	margin: 10px 20px 15px 15px;
	_margin: 10px 10px 15px 15px;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}
#contents ol li .right{
	margin: 0 0 15px 15px;
}


/*zoom*/
#contents .zoom{
	background: url("../images/zoom.gif") right 182px no-repeat;
	font-size:92%;
}
#contents span.zoom{
display:block;
}


/*table*/
#contents table{
	margin: 15px auto;
	padding: 0;
	border: 0;
}

#contents table td{
	margin: 0;
	padding: 5px;
	border: 0;
}


/*ページの先頭に戻る*/
#contents div.line{
clear:both;
border-bottom:dotted #336600 1px;
margin:20px 20px 20px 30px;
padding-bottom:5px;
}

#contents p.topofpage{
	clear:both;
	margin:0;
	padding:0;
	border: 0;
	font-size: 92%;
	text-align: right;
	height:24px;
	line-height:190%;
	font-size:12px;
	background: url("../images/arrow_top.gif") right center no-repeat;
}

#contents p.topofpage a{
	margin:0;
	padding: 0 10px 0 18px;
	border: 0;
	text-decoration:none;
	color: #336600;
}
#contents p.topofpage a:hover{
	text-decoration:none;
	color: #669933;
}




/*リスト*/
#contents ul{
	margin:10px 0 10px 30px;
	padding:0;
	list-style:none;
}

#contents ul li{
	margin: 0 0 3px 0;
	padding: 0 0 0 18px;
	line-height:110%;
	border: 0;
	background:url(../images/list.gif) left 0.4em no-repeat;
}

#contents ol{
	margin:10px 20px 0 60px;
	padding:0;

}

#contents ol li{
	margin: 0 0 3px 0;
	padding: 0 0 0 0;
	line-height:140%;
	border: 0;
}




/*#address*/
p#address{
	margin: 10px 0 10 30px;
	padding: 0;
	border: 0;
	font-size: 93%;
	width:640px;
	height:80px;
	background: url("/common/images/contact_image.jpg") left center no-repeat;
}

p#address span{
	display: block;
	margin: 0 0 0 350px;
	padding:6px 0 0 0;
	text-align: center;
}


p#address span a {
	display: inline-block;
	width: 169px;
	height: 31px;
	background: 0 0 no-repeat;
}
p#address span a:hover {
	background-color: #fff; /* IE6用 */
}
p#address span a:hover img {
	visibility: hidden;
}

/*-- hover image ------------------------------------------------------- */
p#address span a { background: url("/common/images/contact_btn_on.jpg") ;}
/*-- hover image end ------------------------------------------------------- */