@charset "Shift_Jis";

/* 
---------------------------
web-okinawa 080215
-------------------------- 
*/


/* ■フォーマット ----------------------------------------------- */

*{
	/*font-size: 1em;*/
	margin: 0;
	padding: 0;
/* 
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	list-style-type: none;
	list-style-position: outside;
*/
}

body {
	font-size: 0.8em;
	color: #333333;
	line-height: 1.3em;
	background-image: url(../img/body_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

h1,h2,h3,h4,h5,h6{
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

p{
text-indent: 0.7em;
padding: 0px 1em 0.7em 1em;
}

address{
font-style: normal;
display: inline;
}

img{
border-width: 0;
}

/* ■各パーツ ----------------------------------------------------- */

/* 上部欄外 */
div#top{
	width:750px;
	height:auto;
	background-color: #EBEBEB;
	padding: 0px;
	color: #999999;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

/* 全体のボックス ------------------------------------------------- */
div#wrapper{
	width: 750px;
	height:auto;
	text-align: left;
	background-color:#FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* ヘッダー -------------------------------------------------------- */
div#header{
	width:750px;
	height:auto;
	float: left;
}
.header_r{
	float: right;
	background-color: #FFFFFF;
	padding: 5px;
	width: 128px;
	display: block;
	border: 1px dotted #009900;
	line-height: 10px;
}

div#header h1{
font-size: 2em;
font-weight: bold;
margin-bottom: 10px;
padding-left:20px;
}

/* 上部メニュー */
div#menu1{
	width:600px;
	height:22px;
	overflow: hidden;
	background-image: url(../img/menu_bg0.jpg);
	background-position: right -65px;
	background-repeat: repeat-x;
	float: left;
	text-decoration: none;
}

.memu1_a {
	text-decoration: none;
	width: auto;
	padding-right: 5px;
	padding-left: 30px;
	font-size: 0.9em;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(../img/menu_bg.jpg);
	background-position: left -65px;
	color:#EEEEEE;
	display: block;
	height: 1ex;
}
.memu1_b {
	padding-right: 5px;
	padding-left: 5px;
	font-size: 0.8em;
	padding-top: 5px;
	padding-bottom: 1px;
background-image: url(../img/menu_bg.jpg);
background-position: right -65px;
color:#EEEEEE;
}

div#menu1 dl{
	width:600px;
	height:auto;
}

div#menu1 li{
	float: left;
	list-style-type: none;
	list-style-position: outside;
}

div#menu1 li a {
text-decoration: none;
display: block;
height:auto;
}

div#menu1 a:hover{
	color: #000000;
	background-position: right -20px;
	background-image: url(../img/menu_bg.jpg);
}

div#top-menu1{
	width:150px;
	height:22px;
	overflow: hidden;
	float: left;
	background-image: url(../img/menu_bg0.jpg);
	background-position: left -65px;
}

div#top-menu1 a{
	width: 100px;
	height:auto;
	font-size: 1em;
	font-weight: bold;
	background-image: url(../img/menu_bg.jpg);
	background-position: left -65px;
	color:#EEEEEE;
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	overflow: hidden;
	display: block;
	text-decoration: none;
}

div#top-menu1 a:hover{
	color: #000000;
	background-position: right -20px;
	background-image: url(../img/menu_bg.jpg);
}

/* メイン左側ボックス -------------------------------------------- */
div#sub{
	width:180px;
	height:auto;
	float: left;
	padding-top:20px;
	padding-bottom:10px;
	margin-top: -20px;
}

/* 左側メニュー */
div#menu2{
width:180px;
height:auto;
}

div#menu2 ul{
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	background-color: #F6F6F6;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}


div#menu2 li{
	list-style-type: none;
	list-style-position: outside;
	background-color:#F6F6F6;
	display: block;
}

div#menu2 li a{
	text-decoration: none;
	display: block;
	width:auto;
	margin-top: 2px;
	margin-bottom: 2px;
	overflow: hidden;
	height: 1.5em;
}

div#menu2 a:hover{
	background-image:url(../img/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: right -40px;
	color: #FFFFFF;
	overflow: hidden;
}

.memu2_a {
	width: auto;
	padding-left: 10px;
	font-size: 0.9em;
	padding-bottom: 3px;
	background-image: url(../img/menu_bg.jpg);
	background-position: right -10px;
	color:#003333;
	margin-top: 2px;
	padding-top: 3px;
	height: auto;
	margin-bottom: 1px;
	overflow: hidden;
}
.memu2_b {
	font-size: 0.8em;
	padding-top: 1px;
	padding-bottom: 2px;
	color:#003333;
	background-color: #F6F6F6;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 10px;
	padding-left: 5px;
}

/* 左側コメント欄 */
div#com{
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#com a{
	text-decoration: underline;
}

div#com a:hover{
	text-decoration: underline;
	background-color: #CCCCFF;
}

div.message{
width:180px;
height:auto;
}

div.message dl{
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 5px;
}

div.message dt{
	border-bottom: 1px solid #CCCCCC;
	background-color: #FAFAFA;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	color: #990000;
	font-size: 0.8em;
}

div.message dd{
	line-height:1.7em;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

div.message p{
text-indent: 0px;
padding-left: 0px;
padding-right: 0px;
}

/* メイン右側のボックス ----------------------------------- */
div#content{
	width: 570px;
	height:auto;
	float:right;
	background-image: url(../img/menu-b.jpg);
	background-repeat: repeat-y;
}

.30_25{width: 515px; margin-left: 30px; margin-right: 25px; display: block; }

div#content li{
	margin-left: 10px;
}

div#pan {
	width: 550px;
	padding-top: 5px;
	padding-left: 20px;
	font-size: 0.9em;
}

div#pan a{
	text-decoration: none;
}

div#content a{
	text-decoration: underline;
}

.em-info {
	font-size: 0.8em;
	line-height: normal;
}

.news {
	font-size: 1em;
	line-height: normal;
}

div#content a:hover{
	text-decoration: underline;
	background-color: #CCCCFF;
}

/* フッター部分 ----------------------------------------- */
div#footer{
	width:750px;
	height:auto;
	border-top-width: 1px;
	border-top-color: #003300;
	border-top-style: solid;
	clear: both;
	margin-top:10px;
	padding-top:2px;
	text-align:right;
	background-image: url(../img/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: left -50px;
	color: #ffffff;
}

div#footer address{
padding-right:10px;
}

/* ■オプション ------------------------------------------ */

/* ローカルタグ用 */
.size1 {font-size: 1px}
.size2 {font-size: 2px}
.size3 {font-size: 3px}
.size4 {font-size: 4px}
.size5 {font-size: 5px}
.size6 {font-size: 6px}
.size7 {font-size: 7px}
.size8 {font-size: 8px}
.size9 {font-size: 9px}
.size10 {font-size: 10px}
.size11 {font-size: 11px}
.size12 {font-size: 12px}
.size13 {font-size: 13px}
.size14 {font-size: 14px}
.size15 {font-size: 15px}
.size16 {font-size: 16px}
.size17 {font-size: 17px}
.size18 {font-size: 18px}
.size19 {font-size: 19px}
.size20 {font-size: 20px}
.size20 {font-size: 20px}
.size21 {font-size: 21px}
.size22 {font-size: 22px}
.size23 {font-size: 23px}
.size24 {font-size: 24px}
.size25 {font-size: 25px}
.size26 {font-size: 26px}
.size27 {font-size: 27px}
.size28 {font-size: 28px}
.size29 {font-size: 29px}
.size30 {font-size: 30px}

.red {color: #FF0000}
.red2 {font-size:0.9em; color: #FF0000}
.green {color: #009900}
.blue {color: #0000FF}
.yellow {color: #FFCC00}
.orange {color: #FF6600}
.pink {color: #FF00FF}
.gray {color: #999999}
.maroon {color: #663300}
.purple {color: #6600FF}
.white {color: #FFFFFF}

/* テーブル用 */
.t-0 td {padding:0px;}
.t-1 td {padding:1px;}
.t-2 td {padding:2px;}
.t-3 td {padding:3px;}
.t-4 td {padding:4px;}
.t-5 td {padding:5px;}
.t-6 td {padding:6px;}
.t-7 td {padding:7px;}
.t-8 td {padding:8px;}
.t-9 td {padding:9px;}
.t-10 td {padding:10px;}
.t-15 td {padding:15px;}
.t-20 td {padding:20px;}
.t-25 td {padding:25px;}
.t-30 td {padding:30px;}