@charset "UTF-8";

li.list-img {
	list-style-type			: none;
}

* {
	font-style	: normal;
	font-family	: Verdana,sans-serif;
	margin		: 0;
	padding		: 0;
}

html, body {
	color		: #FFF;
	background	: #369 url(http://www.sourceokinawa.com/img/bg.gif) repeat-y top center;;
	font-size	: 10px;
	text-align	: center;
}

#page, #subpage {
	color		: #FFF;
	width		: 800px;
	text-align	: left;
	margin		: 0 auto;
}

#page {
	background	: #0A2D67 url("img/background_winter.jpg") no-repeat center top;
	height		: 630px;
}

#subpage {
	background	: #0A2D67 url("http://www.sourceokinawa.com/img/header.jpg") no-repeat top left;
}

#main h2 {
	font-size	: 100%;
	text-indent	: -9999px;
}

dt {
	font-weight	: bold;
}

.clr {
	clear		: both;
	height		: 1px;
}

.clr2 {
	clear		: both;
	height		: 1px;
	padding		: 10px 0;
}

.clr hr,
.clr2 hr {
	display		: none;
}

a:link img, a:visited img {
	border		: 1px solid #FFF;
}

a:hover img {
	border		: 1px solid #F60;
}

a:link, a:visited {
	color		: #FFF;
}

a:hover {
	color		: #F60;
}

strong {
	font-size	: 120%;
	font-weight	: bold;
}

/* ========== header ========== */

#header * {
	font-size	: 10px;
}

#header {
	height		: 114px;
	position	: relative;
}

#header a:link,
#header a:visited,
#header a:active {
	text-decoration	: none;
}

#header h1 {
	width		: 280px;
	height		: 35px;
}

#header h1 a {
	display		: block;
	height		: 35px;
	margin		: 0 0 0 15px;
	text-indent	: -9999px;
}

#header ul {
	list-style-type	: none;
	width		: 620px;
	height		: 60px;
	position	: absolute;
}

#header ul li {
	height		: 60px;
	position	: absolute;
}

#header ul li a {
	display		: block;
	height		: 60px;
	text-indent	: -9999px;
}

#header ul li.shop {
	top		: 7px;
	left		: 17px;
	width		: 60px;
}

#header ul li.shop a:hover {
	background	: url("http://www.sourceokinawa.com/img/menu_shop.gif") no-repeat;
}

#header ul li.staff {
	top		: 7px;
	left		: 97px;
	width		: 60px;
}

#header ul li.staff a:hover {
	background	: url("http://www.sourceokinawa.com/img/menu_staff.gif") no-repeat;
}

#header ul li.shopping {
	top		: 7px;
	left		: 177px;
	width		: 60px;
}

#header ul li.shopping a:hover {
	background	: url("http://www.sourceokinawa.com/img/menu_shopping.gif") no-repeat;
}

#header ul li.goods {
	top		: 7px;
	left		: 257px;
	width		: 60px;
}

#header ul li.goods a:hover {
	background	: url("http://www.sourceokinawa.com/img/menu_goods.gif") no-repeat;
}

#header ul li.school {
	top		: 7px;
	left		: 337px;
	width		: 60px;
}

#header ul li.school a:hover {
	background	: url("http://www.sourceokinawa.com/img/menu_school.gif") no-repeat;
}

#header ul li.rental {
	top		: 7px;
	left		: 417px;
	width		: 60px;
}

#header ul li.rental a:hover {
	background	: url("http://www.sourceokinawa.com/img/menu_rental.gif") no-repeat;
}

#header ul li.lets {
	top		: 7px;
	left		: 497px;
	width		: 60px;
}

#header ul li.lets a:hover {
	background	: url("http://www.sourceokinawa.com/img/menu_lets.gif") no-repeat;
}

#header ul li.blog {
	top		: 7px;
	left		: 577px;
	width		: 60px;
}

#header ul li.blog a:hover {
	background	: url("http://www.sourceokinawa.com/img/menu_blog.gif") no-repeat;
}

#header ul li.mailmag {
	top		: 7px;
	left		: 657px;
	width		: 60px;
}

#header ul li.mailmag a:hover {
	background	: url("http://www.sourceokinawa.com/img/menu_mailmag.gif") no-repeat;
}


#header ul li.movie {
	top		: 7px;
	left		: 737px;
	width		: 60px;
}

#header ul li.movie a:hover {
	background	: url("http://www.sourceokinawa.com/img/menu_movie_2.gif") no-repeat;
}

/* ========== top main ========== */

#page #main {
	position	: absolute;
	top		: 110px;
}

#page #main h2 {
	height		: 25px;
}

#wave,
#information,
#topics,
#photo,
#campaign {
	overflow	: hidden;
}

#wave,
#information,
#weather,
#topics,
#photo,
#campaign {
	line-height	: 1.4em;
	position	: absolute;
}

#wave {
	top		: 210px;
	left		: 30px;
	width		: 228px;
	height		: 145px;
}

#wave h2 a,
#weather h2 a,
#topics h2 a,
#campaign h2 a,
#keroko h3 a {
	display		: block;
	width		: 210px;
	height		: 20px;
	text-indent	: -9999px;
	text-decoration	: none;
}

#wave h3 a {
	font-size	: 12px;
	font-weight	: normal;
	text-decoration	: none;
}

#wave #suicide, #wave #sunabe {
	clear		: both;
	height		: 50px;
	padding		: 3px 0;
}

#wave #suicide .wavethumb,
#wave #sunabe .wavethumb {
	background	: #FFF;
	width		: 50px;
	float		: left;
	margin		: 0 10px 0 0;
}

#information {
	top		: 375px;
	left		: 30px;
	width		: 228px;
	height		: 190px;
}

#information ul,
#sidebar ul {
	line-height	: 1.6em;
	padding		: 0 0 0 15px;
}

#campaign {
	top		: 15px;
	left		: 30px;
	width		: 228px;
	height		: 85px;
}

#campaign h3 {
	font-size	: 14px;
	font-weight	: normal;
	margin		: 10px 0 0 0;
}

#campaign .campaign_thumb {
	width		: 55px;
	float		: left;
	margin		: 5px 0 0 0;
}

#weather {
	top		: 120px;
	left		: 30px;
	width		: 228px;
	height		: 60px;
}

#weather .weatherthumb {
	width		: 30px;
	float		: left;
	margin		: 0 5px 0 0;
}

#topics {
	top		: 400px;
	left		: 290px;
	width		: 250px;
	height		: 100px;
}

#topics .topics_thumb {
	width		: 70px;
	float		: right;
	margin		: 0 0 0 5px;
}

p.topics_more, p.topics_more a {
	display		: block;
	text-indent	: -9999px;
	margin		: 0;
}

#photo {
	top		: 405px;
	left		: 567px;
	width		: 205px;
	height		: 63px;
}

#photo img {
	margin		: 0 3px 0 0;
}

#keroko{
	height		: 106px;
	width		: 223px;
	top			: 278px;
	left		: 554px;	
	position	: absolute;
}

#keroko h3 {
	font-size: 12px;
	margin: 10px 0 0 12px;
	}

#keroko img{
	border		: solid 1px white;
	float: left;
	margin: 4px 5px 0 12px;
}

#keroko p {
	font-size: 10px;
	margin: 4px 10px 0 0;
	}


.hiketu{
	height		: 75px;
	width		: 223px;
	top			: 5px;
	left		: 575px;
	overflow	: hidden;	
	position	: absolute;
}

.hiketu img{
	border		: none;
}

/* ========== sub main ========== */

#subpage #main {
	position	: relative;
	top		: 0;
	padding		: 0 15px;
}

#sidebar {
	background	: url("http://www.sourceokinawa.com/img/sidebar_middle.gif") repeat-y;
	width		: 188px;
	float		: left;
	margin		: 0 3px 0 0;
}

#sidebar h2 {
	background	: url("http://www.sourceokinawa.com/img/sidebar_top.gif") no-repeat top center;
	width		: 188px;
	height		: 25px;
	margin		: 0;
}

#sidebar h3 {
	height		: 30px;
	text-indent	: -9999px;
	text-decoration	: none;
	margin		: 0;
}

#sidebar h3.ttl_recent {
	background	: url("http://www.sourceokinawa.com/img/ttl_topics.gif") no-repeat top center;
}

#sidebar h3.ttl_shopping {
	background	: url("http://www.sourceokinawa.com/img/ttl_shopping.gif") no-repeat top center;
}

#sidebar h3.ttl_shopblog {
	background	: url("http://www.sourceokinawa.com/img/ttl_shopblog.gif") no-repeat top center;
}

#sidebar .menu {
	padding		: 0 15px 0 15px;
}

#sidebar .cls {
	background	: url("http://www.sourceokinawa.com/img/sidebar_bottom.gif") no-repeat bottom center;
	height		: 25px;
}

#content {
	width		: 574px;
	float		: left;
	line-height	: 1.4em;
	margin		: 4px 0 0 0;
}

#content2 {
	width		: 100%;
	float		: left;
	line-height	: 1.4em;
	margin		: 4px 0 0 0;
}

#content h2 {
	display		: none;
}


#content2 .entry {
	background	: url("http://www.sourceokinawa.com/img/entry_middle.gif") repeat-y;
	width		: 574px;
	margin		: 0 auto;
}

.entry {
	background	: url("http://www.sourceokinawa.com/img/entry_middle.gif") repeat-y;
	width		: 574px;
	margin		: 0 0 1em 0;
}

.entry h3 {
	background	: url("http://www.sourceokinawa.com/img/entry_top.gif") no-repeat top center;
	font-size	: 14px;
	padding		: 10px 15px 5px 15px;
}

.entry_body {
	font-size	: 12px;
	line-height	: 140%;
	padding		: 5px 15px;
}

.entry h3, .entry h4, .entry h5, .entry h6 {
	font-weight	: bold;
}

.entry_body h4 {
	font-size	: 12px;
	border-left	: 5px solid #FFF;
	border-bottom	: 1px solid #FFF;
	margin		: 1em 0 5px 0;
	padding		: 0 0 0 3px;
}

.entry_body h5 {
	font-size	: 12px;
	border-bottom	: 1px dashed #FFF;
	margin		: 1em 0 5px 0;
}

.entry_body h6 {
	clear		: both;
	font-size	: 12px;
	padding		: 1em 0 5px 0;
}

.entry_body ol,
.entry_body ul {
	margin		: 1em 0 1em 2em;
	padding		: 0;
}

.entry_body li {
	margin		: 0.5em 0;
}

.entry p.posted {
	clear		: both;
	background	: url("http://www.sourceokinawa.com/img/entry_bottom.gif") no-repeat bottom center;
	font-weight	: bold;
	text-align	: right;
	padding		: 5px 15px 10px 15px;
}

/* Comment */

.commenter {
	font-weight	: bold;
}

#comments,
#trackbacks {
	margin		: 10px 0;
}

#comments h3,
#trackbacks h3 {
	border-bottom	: 1px solid #FFF;
}

#comments .comment,
#trackbacks .trackback {
	background	: #33558D;
	margin		: 10px 0;
	padding		: 5px;
	border		: 1px solid #5672A1;
}

#comments dl {
	display		: block;
	margin		: 5px 0;
}

#comments dd input, #comment-text {
	width		: 250px;
}

#comment-text {
	height		: 100px;
}

#trackbacks #trackbacks-info {
	margin		: 10px 0;
}

address {
	text-align	: center;
}

#page #footer {
	position	: absolute;
	top		: 590px;
	width		: 800px;
}

/* ========== footer ========== */

#footer {
	text-align	: center;
	clear		: both;
	padding		: 5px 0 5px 0;
}

#footer p {
	margin		: 0.5em 0;
}


/* ========== other ========== */

#subpage .entry_body p {
	margin		: 0 0 0.5em 0;
}

.shopphoto {
	width		: 120px;
	float		: left;
	margin		: 0 10px 0 0;
}

.shopphoto img {
	margin		: 0 0 10px 0;
}

.shopdata {
	width		: 410px;
	float		: left;
}

.shopdata dl, .schooldata dl,
.shopdata2 dl, .schooldata2 dl {
	clear		: both;
}

.shopdata dt, .schooldata dt {
	width		: 80px;
	float		: left;
	margin		: 0 0 5px 0;
}

.shopdata dd {
	width		: 330px;
	float		: left;
	margin		: 0 0 5px 0;
}

.shopdata2 {
	width		: 510px;
	float		: left;
}


.shopdata2 dt, .schooldata2 dt {
	width		: 130px;
	float		: left;
	margin		: 0 0 5px 0;
}

.shopdata2 dd {
	width		: 380px;
	float		: left;
	margin		: 0 0 5px 0;
}

.schooldata {
	margin		: 1em 0;
}

.staffdata dl {
	clear		: both;
}

.staffdata dt {
	width		: 150px;
	float		: left;
	margin		: 0 0 5px 0;
}

.staffdata dd {
	width		: 390px;
	float		: left;
	margin		: 0 0 5px 0;
}

/* ========== table ========== */

table {
	font-size	: 10px;
	border-collapse : collapse;
}

table th {
	font-weight	: bold;
}

th, td {
	padding		: 3px;
	border-bottom	: 1px dashed #48679A;
}

table.tbl_rent {
	text-align	: center;
	margin		: 1em 0;
}

table.tbl_rent td, table.tbl_rent th {
	border		: 1px dashed #48679A;
}

table.tbl_rent td {
	width		: 85px;
}

table.req {
	line-height	: 1.8em;
	margin		: 1em 0;
}


table.req th.indispensable {
	color		: #F00;
	background	: #FFF;
}

.koukoku{
	top		: 590px;
	width		: 800px;
	text-align	: center;
	clear		: both;
	}

.koukoku ul {
	padding-top:10px;
	list-style: none;
	text-align:center;
	margin:0 auto;
	width:710px;
}

.koukoku li{
	float:left;
	padding-right:15px;
}


/* ========== nawataadd ========== */

#pricetbl{
	width:500px;
	font-size:12px;
	border:1px solid #fff;" 
}

#pricetbl th{
	border:1px solid #fff;
	padding:3px;
	text-align:left;
}

#pricetbl td{
	border:1px solid #fff;
	padding:3px;
	text-align:left;
}

.red{
	color:#f00;
}

#guidetbl{
	width:250px;
	font-size:12px;
	border:1px solid #fff;" 
}

#guidetbl th{
	border:1px solid #fff;
	padding:3px;
	text-align:left;
}

#guidetbl td{
	border:1px solid #fff;
	padding:3px;
	text-align:left;
}

.adsense {
	width: 470px;
	clear: both;
	margin: 20px auto;
}
