@charset "Shift_JIS";

/* 背景の設定 */

body {
margin: 0px;
padding: 0px;
background:url(../img/bk.gif) repeat;
}

img {
border:none;
vertical-align:bottom;
}

h1, h2, h3, h4, p, div {
margin:0px;
padding:0px;
}

.hide {
	display: none;
}


/* clearfix*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
*html .clearfix {height:1%}
.clearfix {display: block}

/* テキストのリンク文字色 */
a:link {
	color: #0033CC;
	text-decoration: underline;
}
a:visited {
	color: #660066;
	text-decoration: underline;
}
a:hover {
	color: #FF9900;
	text-decoration: underline;
}


/* 外枠 */
div#wrap {
width:777px;
margin:0 auto;
background-color:#FFFFFF;
border-left:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
font-size:80%;
line-height:1.5;
}

/* コンテンツ */
div#wrap div#contents{
	margin:10px 30px;
	height: auto;
	padding: 0px;
}

div#wrap div#contents h2{
margin-bottom:10px;
}

div#wrap div#contents h3{
margin-bottom:15px;
padding-bottom:8px;
border-bottom:1px #CCCCCC solid;
font-size:100%;
}

div#wrap div#contents h4{
margin-bottom:5px;
font-size:110%;
background-color:#F2F2F2;
padding:3px 3px 3px 7px;
border-left:4px #FF9900 solid;
}

div#wrap div#contents h4.ws{
border-left:4px #D1E77E solid;
}

div#wrap div#contents h4.map{
border-left:4px #999999 solid;
}

div#wrap div#contents p.read{
margin-bottom:10px;
}

div#wrap div#contents div.bd_text{
margin-bottom:20px;
}

div#wrap div#contents div.bd_text p{
text-indent:1em;
}

div#wrap div#contents div.map{
margin-left:50px;
margin-bottom:30px;
}

div#wrap div#contents dl{
margin:0 20px 20px 20px;
background-color:#F0F0F0;
padding:10px;
}

div#wrap div#contents dl dt{
width:80px;
}

div#wrap div#contents dl dd{
margin:-1.5em 0 0.7em 80px;
}

div#wrap div#contents dl dt.strong{
font-size:110%;
font-weight:bold;
}

div#wrap div#contents dl dd.strong{
font-size:110%;
font-weight:bold;
}

div#wrap div#contents table.prg{
margin:0 0 20px 0;
border-collapse: collapse;
}

div#wrap div#contents table.prg td{
border:1px #999999 solid;
padding:5px;
}

div#wrap div#contents table.prg td div.ph_txt{
margin:10px 0 10px 15px;
}

div#wrap div#contents table.prg td div.ph_txt div.photo{
float:left;
width:120px;
}

div#wrap div#contents table.prg td.hd{
background-color: #5B91CC;
color:#FFFFFF;
font-weight:bold;
}

div#wrap div#contents table.prg td.hd2{
font-weight:bold;
font-size:100%;
background-color: #999999;
color:#FFFFFF;
}

div#wrap div#contents table.prg td p.tit{
font-size:120%;
font-weight:bold;
color: #333333;
background-color:#DAF1FC;
padding:3px 3px 3px 6px;
margin-bottom:7px;
}

div#wrap div#contents table.prg td p.tit span{
font-size:80%;
}

div#wrap div#contents table.prg td p.tit span.stxt{
font-size:70%;
}

div#wrap div#contents table.prg td p.tit2{
font-size:120%;
font-weight:bold;
color: #333333;
background-color: #FEEED1;
padding:3px 3px 3px 6px;
margin-bottom:7px;
}

div#wrap div#contents table.prg td p.tit3 span{
font-size:80%;
}

div#wrap div#contents table.prg td p.tit3{
font-size:120%;
font-weight:bold;
color: #333333;
background-color: #E4F1BE;
padding:3px 3px 3px 6px;
margin-bottom:7px;
}

div#wrap div#contents table.prg td p.tit2 span{
font-size:80%;
}

div#wrap div#contents table.prg td p.otl{
padding:0 15px;
}

div#wrap div#contents table.prg td p.pnr{
padding:0 15px;
}

div#wrap div#contents table.prg td p.pnr span{
font-size:110%;
font-weight:bold;
}

div#wrap div#contents table.prg th{
border:1px #999999 solid;
padding:3px;
background-color:#F2F2F2;
}


div#wrap div#contents table.profile{
margin:0 0 20px 0;
border-collapse: collapse;
}

div#wrap div#contents table.profile td{
padding:10px;
background-color:#F2F2F2;
font-size:80%;
vertical-align:top;
}

div#wrap div#contents table.profile th{
padding:10px;
background-color:#F2F2F2;
vertical-align:top;
}

div#wrap div#contents table.profile td p.name{
font-size:120%;
font-weight:bold;
border-bottom:1px #CCCCCC solid;
margin-bottom:7px;
}


div#wrap div#contents table.plist{
margin:0 0 10px 15px;
border-collapse: collapse;
}

div#wrap div#contents table.plist td{
border: none;
padding:2px;
}

.pad{
	padding: 7px 0px 0px;
	height: auto;
	width: 280px;
	margin: 5px 0px 7px 50px;
}

.padleft{
	padding: 7px 0px 0px;
	height: auto;
	width: 280px;
	margin: 5px 0px 7px 50px;
	float: left;
	clear: both;
}
.padright {
	padding: 7px 0px 0px;
	height: auto;
	width: 280px;
	margin: 5px 0px 7px 50px;
	float: left;
}
.pad2{
	padding: 20px 0px 0px;
	height: auto;
	width: 544px;
	float: left;
	margin: 0px 0px 10px 80px;
}

.pad3{
	padding: 20px 0px 5px;
	height: auto;
	width: 610px;
	margin: 0px 0px 0px 50px;
	float: left;
}

.p2 {
	margin: 0px 0px 0px 50px;
	width: 280px;
	float: left;
	font-size: 11px;
	line-height: 14px;
	padding: 0px;
	font-weight: normal;
}

.p2left {
	margin: 0px 0px 0px 50px;
	width: 280px;
	float: left;
	font-size: 11px;
	line-height: 14px;
	padding: 0px;
	font-weight: normal;
}
.p2right {
	margin: -27px 0px 0px 380px;
	width: 280px;
	float: left;
	font-size: 11px;
	line-height: 14px;
	padding: 0px;
	font-weight: normal;
}
.p3left {
	margin: -5px 0px 20px 80px;
	width: 544px;
	float: left;
	font-size: 11px;
	line-height: 14px;
	padding: 0px;
	font-weight: normal;
}

.red {
	color: #CC0000;
}


/* ページトップ*/
div#wrap div.pagetop{
margin:20px 0;
font-size:90%;
text-align:right;
}


/* バナー*/
div#wrap div#banner{
background-color:#FAF7DE;
padding:10px 30px;
}

div#wrap div#banner img{
margin-right:15px;
vertical-align:top;
}

/* フッタ*/
div#wrap div#footer{
width:777px;
background-color:#fdd23c;
text-align:right;
padding:10px 0;
}

div#wrap div#footer p{
font-size:90%;
padding-right:15px;
}
