@charset "utf-8";

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

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

■サブページ共通設定--------------------------
id=main ----  コンテンツ領域_大枠の設定
id=mainimage ---- サブページメインイメージ部分の設定（h2,img）
id=topicpath ---- パンクズリンク設定
id=sub_left --------- 左カラム
id=sub_right ----- 右カラム
-------------------------------------------

カラー--------------------------------------
メインイメージカラー（青）#003399
テキスト（黒）#333333
テキスト（グレー）#555555
テキスト（薄い青）#7F99CC
ポイントカラー（薄い青）#CCD6EB
ポイントカラー（薄いグレー）#DDDDDD
リンクカラー（青）#003399
ロールオーバー（水色）#3366FF
フッター背景色（灰色）#EEEEEE
コンテンツ背景#ffffff
--------------------------------------------

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




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



/*---------------------------------------------------------
  id=main
--------------------------------------------------------- */
#main {
	clear:both;
	margin: 0 80px 0 80px;
	padding:10px 0 0 0;
	border: 0;
	width: 900px;
}





/*---------------------------------------------------------
  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: #003399;
	line-height: 100px;
	font-size: 140%;
	z-index: 10;

}





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

div#topicpath{
	float:left;
	width: 655px;
	text-align:left;
	margin:0;
	padding:0;
	border: 0;
	
}

div#topicpath span{
	display:block;
	color: #666666;
	font-size: 92%;
	line-height:110%;
	margin:10px 0 0 0;
}





/*---------------------------------------------------------
  id=sub_left（左カラム）
--------------------------------------------------------- */
#sub_left{
	float: left;
	width: 635px;
	margin:10px 0 10px 0;
	padding: 0 0 0 0;
	border: 10px solid #D9E1F0;
	min-height:560px;
}




/*-- id=assist_nav ----------------- */

#assist_nav{
clear:both;
margin:13px 0 0 13px;
padding:0;
}

#assist_nav a{
float: left;
display:block;
width:150px;
height:35px;
line-height: 35px;
padding:0;
margin: 0 3px 3px 0;
background:#E1E7F3;
font-size:12px;
text-decoration:none;
}

#assist_nav a:hover{
color: #003399;
background:#C8D0E8;
}



/*-- id=contents ----------------- */

#contents{
clear:both;
margin:0;
padding:20px;
text-align:left;
}

.clear{
clear:both;
margin:5px 0;
border: 1px solid #FFFFFF;
}



/*本文用*/
#contents p{
	margin: 0 0 10px 0;
	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 div.right{
display:inline-table;
	margin: 0 0 10px 0;
	float:right;
}
/* width指定は各cssで */





#contents h2{
background:url(/common/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(/common/images/ico_h3.jpg) left top no-repeat;
margin:10px 0 20px 0;
padding:5px 0 0 40px;
font-size:16px;
height:30px;
text-align:left;
line-height:100%;
border-bottom:#003399 dotted 1px;
}

#contents h3.br2{
height:35px;
padding:0 0 0 40px;
}

#contents h4{
clear:both;
margin:10px 0 20px 0;
padding:5px 0 0 0;
font-size:16px;
height:30px;
text-align:left;
line-height:100%;
border-bottom:#003399 dotted 1px;
}

.photo_block{
float:left;
margin:0;
margin:0 0 3px 0;
border:#DDDDDD solid 10px;
}

.photo_block2_block{
float:left;
margin:0 0 10px 0;
}
.photo_block2{
display:block;
margin:0 0 3px 0;
border:#DDDDDD solid 10px;
}

.photo_block3_left{
float:left;
width:290px;
margin-right:10px;
}
.photo_block3_right{
float:right;
width:290px;
}
.photo_block3{
margin:0 0 3px 0;
border:#DDDDDD solid 10px;
}


.red{
color:#FF0000;
}
.note{
font-size:10px;
line-height:130%;
color:#555555;
}
.rednote{
font-size:10px;
line-height:130%;
color:#FF0000;
}

.space{
display:block;
height:10px;
}

.check{
display:block;
background:url(/common/images/icon_list03.gif) left 0.2em no-repeat;
margin:2px 0 0 0;
padding:0 0 0 16px;
}

.check2{
display:block;
background:url(/common/images/icon_list04.gif) left 0.2em no-repeat;
margin:2px 0 0 0;
padding:0 0 0 16px;
}

.link{
display:block;
background:url(/common/images/icon_list01.gif) left 0.2em no-repeat;
margin:2px 0 0 0;
padding:0 0 0 16px;
}

.link_inline{
display:inline;
background:url(/common/images/icon_list01.gif) left top no-repeat;
margin:2px 16px 0 0;
padding:0 0 0 16px;

}


.pdf{
display:inline;
background:url(/common/images/pdficon_small.gif) left top no-repeat;
margin:2px 16px 0 0;
padding:0 0 5px 20px;
}






/*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(/common/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: 272px;
	height: 45px;
	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 ------------------------------------------------------- */



/*---------------------------------------------------------
  id=sub_right（右カラム）
--------------------------------------------------------- */
#sub_right {
	float: right;
	width: 230px;
	margin:10px 0 10px 15px;
	padding: 0;
	border: 0;
	text-align:center;
	color:#555555;
}