/* CSS Document */

/* ---------------------------------------------------------------- *
	全体の設定
 * ---------------------------------------------------------------- */
body {
	color: #666;
	font-family: sans-serif;
	font-size: 75%;
	margin: 0;
	padding: 0;
}
div#whole01 {
	background: url(../img/bg_menu.gif) repeat-y;
	margin: 0 auto;
	width: 800px;
	_width: 808px;
}
h1, h2, h3 { margin: 0; }
/* ---------------------------------------------------------------- *
	ヘッダー
 * ---------------------------------------------------------------- */
div#header {
	background: url(../img/bg_head.gif) no-repeat top;
	overflow: hidden;
	padding: 7px 0 0 0;
	width: 800px;
}
div#header h1 {	float: left; }
div#add { 
	float: right;
	width: 189px;
}
p.bt_cont, p.bt_cont a {
	display: block;
	height: 25px;
	margin: 0;
	padding: 0;
	width: 73px;
}
p.bt_cont {
	background: url(../img/bt_cont_ov.gif) no-repeat;
	margin: 15px 0 0 115px;
}
p.bt_cont a { background: url(../img/bt_cont.gif) no-repeat; }
p.bt_cont a:hover { background: none; }
/* ---------------------------------------------------------------- *
	左メニュー
 * ---------------------------------------------------------------- */
div#left_menu {
	clear: both;
	float: left;
	width: 206px;
}
div#white {
	background-color: #fff;
	margin: 0;
	padding-bottom: 8px;
}
div#left_menu h4, div#left_menu h4 a {
	display: block;
	height: 81px;
	margin: 0 0 3px 0;
	width: 206px;
}
div#left_menu h4 { background: url(../img/bt_new_ov.jpg) no-repeat; }
div#left_menu h4 a { background: url(../img/bt_new.jpg) no-repeat; }
div#left_menu h4 a:hover { background: none; }
ul#left_menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#left_menu li, ul#left_menu li a {
	display: block;
	height: 50px;
	width: 206px;
}
li#bt01 { background: url(../img/bt01_ov.gif) no-repeat; }
li#bt01 a { background: url(../img/bt01.gif) no-repeat; }
li#bt02 { background: url(../img/bt02_ov.gif) no-repeat; }
li#bt02 a { background: url(../img/bt02.gif) no-repeat; }
li#bt03 { background: url(../img/bt03_ov.gif) no-repeat; }
li#bt03 a { background: url(../img/bt03.gif) no-repeat; }
li#bt04 { background: url(../img/bt04_ov.gif) no-repeat; }
li#bt04 a { background: url(../img/bt04.gif) no-repeat; }
li#bt05 { background: url(../img/bt05_ov.gif) no-repeat; }
li#bt05 a { background: url(../img/bt05.gif) no-repeat; }
li#bt06 { background: url(../img/bt06_ov.gif) no-repeat; }
li#bt06 a { background: url(../img/bt06.gif) no-repeat; }
li#bt07 { background: url(../img/bt07_ov.gif) no-repeat; }
li#bt07 a { background: url(../img/bt07.gif) no-repeat; }
li#bt08 { background: url(../img/bt08_ov.gif) no-repeat; }
li#bt08 a { background: url(../img/bt08.gif) no-repeat; }
li#bt09 { background: url(../img/bt09_ov.gif) no-repeat; }
li#bt09 a { background: url(../img/bt09.gif) no-repeat; }
li#bt10 { background: url(../img/bt10_ov.gif) no-repeat; }
li#bt10 a { background: url(../img/bt10.gif) no-repeat; }
li#bt11 { background: url(../img/bt11_ov.gif) no-repeat; }
li#bt11 a { background: url(../img/bt11.gif) no-repeat; }
li#bt01 a:hover, li#bt02 a:hover, li#bt03 a:hover, li#bt04 a:hover,
li#bt05 a:hover, li#bt06 a:hover, li#bt07 a:hover, li#bt08 a:hover,
li#bt09 a:hover, li#bt10 a:hover, li#bt11 a:hover
{ background: none; }

div#bottom_menu {
	padding: 10px;
	width: 186px;
}
div#bottom_menu p { margin: 0 0 8px 0; }

/* ---------------------------------------------------------------- *
	メイン
 * ---------------------------------------------------------------- */
div#main {
	float: right;
	padding: 0 8px;
	width: 578px;
}
div#main h3 { margin: 10px 0; }
div.cont {
	line-height: 140%;
	margin: 0 0 15px 10px;
}
p#pan {
	margin: 10px 0 5px 0;
	width: auto;
}
p#pagetop {
	display: inline;
	margin: 0 0 0 447px;
	width: auto;
}
/* テーブルデザイン　table */
table.sheet01 {
	border: 1px #ccc solid;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	line-height: 140%;
	margin: 10px 0 5px 0;
}
table.sheet01 th, table.sheet01 td {
	border: 1px #ccc solid;
	padding: 5px 5px 5px 10px;
	vertical-align: top;
}
table.sheet01 th {
	background: url(../img/bg_table.gif) no-repeat top left;
	font-weight: normal;
	text-align: left;
}
table.sheet02 {
	border: 1px #ccc solid;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	line-height: 140%;
	margin: 10px 0 5px 0;
}
table.sheet02 th, table.sheet02 td {
	border: 1px #ccc solid;
	padding: 5px 10px 5px 10px;
	text-align: center;
	vertical-align: top;
}
table.sheet02 th {
	background: url(../img/bg_table.gif) no-repeat top left;
	font-weight: normal;
}
table.sheet03 {
	border: 1px #ccc solid;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	line-height: 140%;
	margin: 10px 0 30px 10px;
}
table.sheet03 th, table.sheet03 td {
	border: 1px #ccc solid;
	padding: 5px 10px;
	vertical-align: middle;
}
table.sheet03 th {
	background: url(../img/bg_table.gif) no-repeat top left;
	font-weight: normal;
}
table.sheet04 {
	border: 1px #ccc solid;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	line-height: 140%;
	margin: 10px 0 30px 10px;
}
table.sheet04 th, table.sheet04 td {
	border: 1px #ccc solid;
	padding: 5px 10px;
	vertical-align: middle;
}
table.sheet04 td { background: url(../studio-p/img/bg_tb.gif) repeat-x bottom; }
td.tb_red {
	color: #f33;
	text-align: center;
}
.center { text-align: center; }
/* リスト　ul,ol,li */
ol.txt {
	margin: 10px 0 0 25px;
	padding: 0;
}
ol.txt li {
	margin: 0;
	padding: 0;
}
ul.txt {
	margin: 10px 0 0 15px;
	padding: 0;
}
ul.txt li {
	margin: 0;
	padding: 0;
}
ul.txt02 {
	list-style: circle;
	margin: 0 0 0 15px;
	padding: 0;
}
ul.txt02 li {
	margin: 0;
	padding: 0;
}
ol.txt02 {
	margin: 5px 0 0 25px;
	padding: 0;
}
ol.txt02 li {
	margin: 0;
	padding: 0;
}
ul.txt_map {
	margin: 10px 0 0 15px;
	padding: 0;
}
ul.txt_map li {
	line-height: 180%;
	margin: 0;
	padding: 0;
}
/* トップページ　info,camp */
div#camp, div#info {
	margin-top: 10px;
	width: 578px;
}
div#camp h3, div#camp h3 a, div#info h3, div#info h3 a {
	display: block;
	height: 26px;
	width: 578px;
}
div#camp h3 { background: url(../img/bt_camp_ov.gif) no-repeat; }
div#camp h3 a { background: url(../img/bt_camp.gif) no-repeat; }
div#info h3 { background: url(../img/bt_info_ov.gif) no-repeat; }
div#info h3 a { background: url(../img/bt_info.gif) no-repeat; }
div#camp h3 a:hover, div#info h3 a:hover { background: none; }

div#camp div, div#info div {
	height: 120px;
	overflow: auto;
}
div#camp p, div#info p {
	line-height: 140%;
	margin: 5px 10px;
}
hr.dash {
	border: 1px #ddd dashed;
	margin: 0px;
}
div#bn_area { width: 578px; }
div#bn_area img { margin-top: 5px; }
div.cont { overflow: hidden; }
div.photo, div.photo02, div.photo03 {
	float: left;
}
div.photo {
	margin: 0 10px 10px 0;
	width: 145px;
}
div.photo02 {
	margin: 10px 10px 10px 0;
	width: 129px;
}
div.photo03 {
	margin: 0 10px 0 0;
	width: 103px;
}
div.photo img, div.photo02 img, div.photo03 img { margin-bottom: 5px; }
div.photo_txt {
	float: right;
	margin-bottom: 20px;
	width: 408px;
}
div.photo_txt02 {
	float: right;
	margin-bottom: 20px;
	width: 445px;
}
.orange {
	background: url(../img/pt_orange.gif) no-repeat left top;
	border-bottom: 1px #ccc dashed;
	color: #ea3;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
}
.zoom {
	background: url(../img/pt_zoom.gif) no-repeat left top;
	padding: 0 0 0 15px;
}
.new {
	background: url(../img/pt_new.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 19px;
}
.arrow {
	background: url(../img/pt_arrow.gif) no-repeat left center;
	margin: 0;
	padding: 0 0 0 15px;
}
.arrow02 {
	background: url(../img/pt_arrow02.gif) no-repeat left center;
	border-bottom: 1px #ccc dashed;
	color: #69f;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 3px 0 0 15px;
}
.bold {
	font-weight: bold;
	margin: 0 0 5px 0;
}
/* ---------------------------------------------------------------- *
	フッター
 * ---------------------------------------------------------------- */
div#footer {
	background-color: #8c2;
	clear: both;
	color: #fff;
	width: 800px;
}
div#footer ul {
	margin: 0;
	padding: 2px 0;
}
div#footer li {
	background: url(../img/img_list.gif) no-repeat left top;
	display: inline;
	margin: 5px 10px;
	padding-left: 25px;
}
div#footer a {
	color: #fff;
	text-decoration: none;
}
div#footer a:hover { text-decoration: underline; }
div#footer02 {
	background-color: #555;
	color: #fff;
	font-size: 80%;
	padding: 2px 5px;
	width: 790px;
}
/* ---------------------------------------------------------------- *
	イメージ・リンク
 * ---------------------------------------------------------------- */
a {
	cursor: pointer;
	color: #06b;
	text-decoration: none;
}
a:visited {
	color: #6cc;
}
a:hover, a:active {
	color:#f81;
	text-decoration: none;
}
img {
	border: 0;
	vertical-align: bottom;
}