@charset "Shift_Jis";

/* 
---------------------------
web-okinawa 080215
-------------------------- 
*/


/* ■フォーマット ----------------------------------------------- */

*{
	margin: 0;
	padding: 0;
}

body {
	font-size: 0.8em;
	color: #333333;
	line-height: 1.3;
	background-image: url(../share-img/bgm.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

h1,h2,h3,h4,h5,h6{
	font-size: 0.9em;
	font-weight: normal;
	font-style: normal;
}

p{
text-indent: 0.7em;
padding: 0px 1em 0.7em 1em;
}

img{
border-width: 0;
}

/* ■各パーツ ----------------------------------------------------- */

/* 上部欄外 */
div#top{
	width:716px;
	height:20px;
	padding: 0px;
	color: #FFFFFF;
	margin-top: 0px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../share-img/bgmt.jpg);
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}

/* 全体のボックス ------------------------------------------------- */
div#wrapper{
	width: 710px;
	height:auto;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* ヘッダー -------------------------------------------------------- */

/* 横幅いっぱい用 ----------------------------------- */
div#main-content{/* TAG-CMS使用部分／トップの下部  */
	width: 660px;
	height:auto;
	clear: both;
}

div#margin{/* 上記と同じ　スペース調整用  */
	width: 660px;
	height:auto;
	margin-right: 25px;
	margin-left: 25px;
	display: block;
	clear: both;
}

div#main-content a{
	text-decoration: underline;
}

div#main-content a:hover{
	text-decoration: underline;
	background-color: #CCCCFF;
}

div#pan a{
	text-decoration: none;
}

div#top-content{/* トップの上部  */
	width: 660px;
	height:auto;
	margin-right: 25px;
	margin-left: 25px;
}
.center{
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
}

/* トップページ　左側ボックス -------------------------------------------- */
div#sub{
	width:170px;
	height:auto;
	float: left;
}

/* 左側メニュー */
.plan-s{
	float: left;
	width:170px;
	font-size: 12px;
	line-height: normal;
	list-style-position: outside;
	list-style-type: none;
	display: block;
	overflow: visible;
	margin-bottom: 10px;
}

div#sub li{
	padding-top: 5px;
	font-size: 14px;
	list-style-type: none;
}

div#sub li a:hover{
	text-decoration: underline;
	background-color: #CCCCFF;
}

/* 左側コメント欄 */
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#content{
	width: 474px;
	height:auto;
	float:right;
}
div#photo-r {
	DISPLAY: block;
	FLOAT: right;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 4px;
}/* 写真右用 */
div#txt-l {
	WIDTH: 290px;
	float: left;
	display: block;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}/* テキスト左用 */

.photo_t10{
	margin-top: 10px;
}

div#photo-r2 {
	DISPLAY: block;
	FLOAT: right;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 4px;
}/* 写真右用 */
div#txt-l2 {
	WIDTH: 380px;
	float: left;
	display: block;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}/* テキスト左用 */

div#photo-l {
	DISPLAY: block;
	FLOAT: left;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 4px;
}/* 写真右用 */
div#txt-r {
	WIDTH: 380px;
	float: right;
	display: block;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}/* テキスト左用 */

div#photo-l2 {
	DISPLAY: block;
	FLOAT: left;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 4px;
}/* 写真右用 */

div#photo-l3 {
	DISPLAY: block;
	FLOAT: left;
}/* 写真右用 */

div#photo-l4 {
	DISPLAY: block;
	FLOAT: left;
}/* 写真右用 */

div#photo-l5 {
	DISPLAY: block;
	FLOAT: left;
}/* 写真右用 */

div#txt-r2 {
	WIDTH: 380px;
	float: right;
	display: block;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}/* テキスト左用 */
div#txt-r3 {
	WIDTH: 200px;
	float: right;
	display: block;
	margin-left: 5px;
}/* テキスト左用 */
div#txt-r4 {
	WIDTH: 200px;
	float: right;
	display: block;
	margin-left: 5px;
}/* テキスト左用 */
div#txt-r5 {
	WIDTH: 200px;
	float: right;
	display: block;
	margin-left: 5px;
}/* テキスト左用 */

div#content li{
	margin-left: 10px;
}

div#content a{
	text-decoration: underline;
}

div#content a:hover{
	text-decoration: underline;
	background-color: #CCCCFF;
}

/* フッター部分 ----------------------------------------- */
div#footer{
	width:710px;
	height:auto;
	clear: both;
	margin-top:30px;
	padding-top:2px;
}

div#footer a:hover{
	text-decoration: underline;
	background-color: #CCCCFF;
}


.plan{
	width: 660px;
	margin-left: 25px;
	margin-right: 25px;
	display: block;
	height: 40px;
} 
.plan-p{
	float: left;
	margin-right: 10px;
	display: block;
	width: auto;
} 
.plan-t{
	float: right;
	width:480px;
	font-size: 12px;
	list-style-position: outside;
	list-style-type: none;
	display: block;
	height: 40px;
}

DIV#menu01 {width: 470px;}
DIV#menu02 {width: 470px;}
DIV#menu03 {width: 470px;}
div#menu1 li{
	list-style-type: none;
	list-style-position: outside;
	float: left;
	width: 145px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	display: block;
	height: 15px;
}
div#menu2 li{
	list-style-type: none;
	list-style-position: outside;
	float: left;
	width: 145px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	display: block;
	height: 15px;
}
div#menu3 li{
	list-style-type: none;
	list-style-position: outside;
	float: left;
	width: 145px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	display: block;
	height: 15px;
}


/* ■オプション ------------------------------------------ */

/* ローカルタグ用 */
.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;}

.dsp_ww {DISPLAY: block; WIDTH: auto}/* フローティング用ボックス */
.clear {WIDTH: auto;clear: both;height: auto;display: block;}/* フローティング・クリア用 */

.parts_1 {DISPLAY: block; MARGIN-LEFT: 5px; WIDTH: 464px; MARGIN-RIGHT: 5px}
.parts_2 {
	DISPLAY: block;
	WIDTH: 400px;
	font-size: 10px;
	background-color: #F4F4FF;
	padding: 10px;
	line-height: normal;
	border: 1px dotted #003333;
}
.parts_3 {
	DISPLAY: block;
	WIDTH: 645px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #999966;
	height: auto;
	font-weight: bold;
	color: #666600;
	padding-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #BCBC78;
	font-size: 14px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-bottom: 5px;
	clear: both;
}
.parts_4 {
	DISPLAY: block;
	WIDTH: 650px;
	font-size: 12px;
	line-height: normal;
	margin-right: 30px;
	margin-left: 30px;
}

.photo-r {DISPLAY: block;FLOAT: right;margin-bottom: 5px;margin-left: 10px;}/* 写真右用 */
.photo-l {DISPLAY: block;FLOAT: left;MARGIN-BOTTOM: 5px;margin-right: 10px;}/* 写真左用 */
.photo-l2 {
	DISPLAY: block;
	FLOAT: left;
	margin-right: 10px;
	margin-top: 5px;
}/* 写真左用2 */

.txt-r {WIDTH: auto;float: right;display: block;}/* テキスト左用 */
.txt-l {WIDTH: auto;float: left;display: block;}/* テキスト左用 */
.style1 {color: #003333}
