@charset "UTF-8";

/* @override 
	http://wsc.studiobrain.net/5/wp-content/themes/wsc5-0-b2/style.css
*/

/*  
Theme Name: WSC
Theme URI: http://wsc.studiobrain.net/5/
Description: <a href="http://wsc.studiobrain.net/">WSCプロジェクト</a> がボランティアで開発するテーマ。<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=go%40studiobrain%2enet&item_name=Donation to WSC Project&no_shipping=0&no_note=1&tax=0&currency_code=JPY&lc=JP&bn=PP%2dDonationsBF&charset=UTF%2d8">この開発への寄付はこちら</a>
Version: 5.0
Author: Go Imai
Author URI: http://imai.studiobrain.net/
*/

 /***** Reset (ここは編集しないこと) *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
caption {width: 100%;}

/***** 横幅設定 (100% or 950px) *****/
body{text-align: center;}
#container{text-align: left; width: 750px;}

/***** カラム設定 (3 or 2 or 1) *****/
/*3カラム左右
#main{width: 70%;}
#side{width: 20%;margin-right: -20%;float: left;}
#mainwrap{margin-left: 20%;width: 80%;float: right;}
#sidebar2{width: 30%;margin-left: -10px;}*/

/*3カラム右右
#main{width: 70%;}
#side{width: 20%;float: right;margin-left: -20%;}
#mainwrap{width: 80%;float: left;margin-right: 20%;background-color: #ccc;}
#sidebar2{width: 30%;margin-left: -10px;}*/

/*2カラム左*/
#main{width: 100%;}
#side{width: 25%;margin-right: -25%;float: left;}
#mainwrap{margin-left: 25%;width: 75%;float: right;}
#sidebar2{width: 100%;background-color: #666;}

/*2カラム右
#main{width: 100%;}
#side{width: 25%;margin-left: -25%;float: right;}
#mainwrap{width: 75%;margin-right: 25%;float: left;}
#sidebar2{width: 100%;background-color: #666;}*/

/*1カラム
#main{width: 100%;}
#side{width: 100%;float: left;}
#mainwrap{width: 100%;float: right;}
#sidebar2{width: 100%;background-color: #666;}*/

/***** 共通のタグ CommonTag *****/
body{
	background:#FFF url(img/bg.gif) repeat-x;
	font-weight: normal;
	font-family: 'Verdana','osaka','ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Arial','helvetica', 'sans-serif';
}

h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0px 0 15px;}
a{ outline:none;color: #00264D;text-decoration: none;}
a:hover{color: #CC0000;text-decoration: underline;}

/***** スペース領域 AreaSpace *****/
#container{margin-right:auto;margin-left:auto;}
#main{float: left;text-align:left;background-color: #fff;overflow: hidden;}
#mainwrap{overflow: hidden;}
#sidebar1{overflow: hidden; text-align: center;}
#sidebar2{float: right;overflow: hidden;}
.sidebar{padding-bottom: 15px;overflow: hidden;}
#footer{clear:both;background-color: #333;float: left;width: 100%;}

/***** ヘッダー Header *****/
#header .header_ttl a{color:#FFF;font-size: 170%;}
#header_description .header_ttl{margin:0;padding: 0;font-weight: bold;font-style: normal; color: #FFF; font-size: 80%;}
#header .header_ttl a:hover{color:#fff}
#header .header_description{color: #fff;font-weight: normal;font-style: normal;margin: 0;padding: 0;font-size: 80%;}

/**** ヘッダー説明 ****/
#header_description {margin:0;padding: 5px 0;font-weight: normal;font-style: normal;}

/*ヘッダーナビ header_navi*/
#header_navi #page_navi{list-style-type:none;text-align: right;white-space: nowrap;float: right;width: 100%;background: #ccc none left top;padding: 0;}
#header_navi #page_navi li{padding: 0;margin: 0;float: left;}
#header_navi #page_navi li ul{float: left;padding: 0;margin: 0;list-style-type: none;}
#header_navi #page_navi li ul li{padding: 0;}
#header_navi #page_navi li a{color: #333;padding: 5px .7em;float: left;background-color: #eee;border-right: 1px solid #b6b6b6;border-left: 1px solid #f0f0f0;font-size: 90%;border-bottom: 1px solid #7e7e7e;}
#header_navi #page_navi li a:hover{text-decoration: none;background-color: #dedede;color: #900;}
#header_navi #page_navi li.current_page_item a{background-color: #e1d065;color: #875400;}

.content {clear: both;font-size: 90%;line-height: 180%;padding: 15px 2%;}
.content .title{margin: 0;padding: 0 0 10px;}
.content .title a{color: #C00;text-decoration:none;display: block;background-color: #ccc;font-size: 105%;line-height: 100%;padding: .2em 1.5%;}
.content .title a:hover{color:#E6332D;background-color: #dfdfdf;} 
.content p{}
.content h1{font-size: 140%;line-height: 100%;}
.content h2{font-size: 120%;line-height: 100%;}
.content h3{font-size: 105%;line-height: 100%;}
.content h4{font-size: 95%;line-height: 100%;}
.content h5{font-size: 90%;line-height: 100%;}
.content h6{font-size: 75%;line-height: 100%;}
.content small{font-size: 80%;}
.content big{font-size: 130%;}
.content a{color: #226db9;} 
.content a:hover{color: #2783de;} 
.content a.more-link {display: block;margin: 10px 0 0;padding: 5px 7px;background-color: #f6f6f6;border-right: 5px solid #3774bb;text-align: right;font-size: 90%;line-height: 120%;} 
.content ul{list-style-position: outside;padding: 0 0 15px 25px;list-style-type: disc;line-height: 140%;}
.content ol{list-style-position: outside;margin: 0;padding: 0 0 15px 25px;list-style-type: decimal;line-height: 140%;}
.content ul ul,.content ol ol,.content ul ol,.content ol ul{padding-left: 3%;}
.content blockquote {margin: 0 0 15px;background-color: #e1f5f9;border: 1px solid #b2d3e0;clear: both;padding: 10px 2% 0;}
.content blockquote p{margin: 0;padding: 0px 0px .8em;}
.content blockquote ol,.content blockquote ul{margin: 0;padding: 0px 0px .8em 25px;}
.content .postmetadata {margin: 0;color: #555;clear: both;border-top: 1px solid #bbb;padding: 8px 0 0;font-size: 80%;line-height: 160%;}
#pagewrap .relation ul {padding: 15px 0 15px 40px;}

/*コメント comments*/
#comments-area {padding: 15px;font-size: 90%;line-height: 170%;clear: both;}
#comments-area small{font-size: 85%;}
#comments-area ol.commentlist {list-style-type: none;padding-left: 5%;}
#comments-area input#author,
#comments-area input#email,
#comments-area input#url {border: 1px solid #666;padding: 3px;width: 50%;}
#comments-area textarea#comment {border: 1px solid #666;width: 92%;padding: 3px;}
#comments-area form#commentform {padding: 0 0 0 5%;}
#comments-area p.nocomments {display: none;}

/*ナビゲーション Navi*/
.navigation{clear: both;text-align: center;padding: 10px 0;font-size: 80%;white-space: nowrap;}
.navigation a{color: white;padding: 2px 5%;background-color: #999;border: 2px solid #ccc;float: left;}
.navigation a:hover{color: #fff;}
.navigation div.alignleft {float: left;padding: 0 0 0 10px;}
.navigation div.alignright {float: right;padding: 0 10px 0 0;}

/*テキスト textwidget*/
.sidebar .textwidget p {background-color: #fff;}

/*検索 search*/
.sidebar #searchform input#s {width: 70%;border: 1px solid #999;padding: 4px;font-size: 100%;}
.sidebar #searchform label.hidden {font-weight: bold;}

/*カレンダー Calendar*/
.sidebar #wp-calendar {width: 100%;color: #666;background-color: #fff;line-height: 100%;font-size: 95%;}
.sidebar #calendar p.module_title {display: none;}
.sidebar #wp-calendar thead {background-color: #eee;}
.sidebar #wp-calendar caption {color: #000;font-weight: bold;background-color: #ccc;padding: 5px 0;}
.sidebar #wp-calendar th{text-align: center;padding: 5px 0;}
.sidebar #wp-calendar td{text-align: center;padding: 3px 0;}

/*タグクラウド*/
.sidebar #tag_cloud {line-height: 1.2;}








/***** その他 Others *****/
#main .edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;margin: -33px -11px 0 0;}
#main .edit a{position: absolute;top: 0;right: 0;background-color: #07f;color: #fff;padding: 2px 10px;}

/***** 車両案内 ****/
.content table.bustype_main {
	width: 100%;
}

.content td.bustype_main_half {
	width: 250px;
	background: url(img/bg_bus.gif);
	background-repeat: no-repeat;
	background-position: center top; 
	padding: 15px 25px 15px 25px;
	font-size: 12px;
	float: center;
	margin: 0;
	height: 280px;
	vertical-align: top;
}

.content p.center {
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.bus_image {
	text-align: center;
	margin: 0;
	padding: 0;
}

.bus_info {
	text-align: left;
	height: 70px;
}

#bus_list {
	border: solid 1px #008080;
	width: 100%;
	border-collapse: collapse;
	font-size:80%;
	line-height: 150%;
}

#bus_list td {
	border: solid 1px #008080;
}

/*------------------- 編集済み ------------------------*/

/***** コンテンツ Content *****/
#pagename_primary {
	border-bottom: 1px solid #CE1000;
	border-left: 6px solid #CE1000;
	color: #3333333;
	font-size: 120%;
	margin: 10px 0px 0px 2%;
	padding: 4px;
	text-align: left;
}

.pagename {
	border-bottom: 1px solid #CE1000;
	border-left: 6px solid #CE1000;
	color: #3333333;
	font-size: 120%;
	margin: 10px 0px 0px 0px;
	padding: 4px;
	text-align: left;
}

/**** スペース領域 AreaSpace ****/
#side{
	overflow: hidden; 
	padding: 10px 0px 0px 0px; 
	background-color: #FFF;	
}

#wrap{
	clear:both;
	background-color: #FFF;
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: -1px;
	border-left: 1px solid #0E2F6A;
	border-right: 1px solid #0E2F6A;
}

/**** ヘッダー Header ****/
#header{
	overflow: hidden;
	background-color: #FFF;
	float: left;
	width: 100%;
	position:relative;
	height: 55px;
	border-bottom: 3px solid #0E2F6A;
	border-left: 1px solid #0E2F6A;
	border-right: 1px solid #0E2F6A;
	border-top: 1px solid #0E2F6A;
}

#header #header-left {
	position: absolute;
	float: left;
	padding: 7px 20px;
}


/*ヘッダーナビ header_navi*/
#header_navi{
	padding: 0;
	width: 100%;
	background-color: #333;
	float: left;
	clear: both;
	border-left: 1px solid #0E2F6A;
	border-right: 1px solid #0E2F6A;
	border-bottom: 3px solid #0E2F6A;
}

/**** ホーム画像 ****/
#topimage{
	height: 210px;
	clear: both;
	border-bottom: 3px solid #333;
	background: #FFF url(img/wsc5-topimage.jpg) no-repeat;
	text-indent: -9999px;
	width: 96%;
	margin: 10px 2% 15px 2%;
}

/***** サイドバー Sidebar *****/
.sidebar ul {
	list-style:none;
	margin:0px;
	padding:0px;
	font-size: 90%;
}

#pages {
	margin: 0px 0px 0px 10px;
	width: 200px;
	border-style: solid solid none solid;
	border-color: #D76100;
	border-size: 1px;
	border-width: 1px;
}
	
#pages li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
}
	
#pages li a:link, #pages li a:visited {
	color: #9E3C02;
	display: block;
	background: url(img/menu4.gif);
	padding: 8px 0 0 30px;
}
	
#pages li a:hover {
	color: #fff;
	background: url(img/menu4.gif) 0 -32px;
	padding: 8px 0 0 30px;
}
	
#pages li a:active {
	color: #fff;
	background: url(img/menu4.gif) 0 -64px;
	padding: 8px 0 0 30px;
}	

/**** 投稿一覧 ****/
#info_list {
	widht: 100%;
	text-align: left;
	border-bottom: 1px solid #FB9600;
	border-left: 1px solid #FB9600;
	border-right: 1px solid #FB9600;
}

#pagewrap{
	clear: both;
	float: left;
	overflow: hidden;
	margin: 0px 2% 0px 2%;
	width: 96%;
	padding: 3px 0px 0px 0px;
	text-align: left;
}

.info_list_table {
	width: 100%;
	text-align: left;
	font-size: 90%;
}

.info_list_day {
	padding: 5px 5px 0px 5px;
	width: 130px;
	vertical-align: top;
}

.info_list_cont {
	padding: 5px 5px 0px 5px;
	vertical-align: top;
}


.title a {
	font-size: 110%;
}

/**** バス詳細 ****/
.bus_deteils_h4 {
	margin-bottom: 0.5em;
	padding-bottom: 0.3em;
	font-weight: bold;
	color: #35B3D1;
	border-bottom: 1px dashed #35B3D1;
	font-size: 14px;
	text-align: left;
}

.bus_deteils_h3 {
	width: 100%;
	padding-bottom: 0.3em;
	font-weight: bold;
	color: #35B3D1;
	border-bottom: 2px solid #35B3D1;
}

#bus_dateils_table {
	width: 500px;
	text-align: center;
	border: 0;
	cellpadding: 0; 
	cellspacing:20;
	margin: 15px 0px 0px 0px;
	font-size: 90%;
}

#bus_dateils_table ul {
	vertical-align: top;
}

.bus_dateils_print {
	text-align: left;
}

.bus_dateils_photo {
	text-align: center;
	padding: 10px 0px 10px 0px;
}

.bus_into {
	clear: both;
	float: right;
	margin-left: 1em;
	margin-bottom: 5px;
}

.bus_deteils_into {
	text-align:left;
	width: 230px;
}

.bus_line {
	margin: 20px 0px 20px 0px;
}

/***** ウィジェット Widget *****/
#sidebar2 {
	background-color: #FFF;
	width: 100%;
	text-align: center;
}

.sidebar {
	font-size: 0.85em;
	line-height: 1.4em;
}

.module_title {
	text-align: left;
	margin: 0px;
	clear: both;
	background:#FFF url(img/widget_title.jpg) repeat-x;
	font-size: 0.75em;
	font-weight: bold;
	height: 22px;
	padding: 6px 0px 0px 10px;
}

.sidebar .widget{
	overflow: hidden;
	margin: 0px 2% 0px 2%;
	width: 96%;
}

#top-company {
	padding: 5px 5px 5px 5px;
	width: 527px;
	text-align: left;
	border-bottom: 1px solid #FB9600;
	border-left: 1px solid #FB9600;
	border-right: 1px solid #FB9600;
}

#company_name {
	font-size: 130%;
	font-weight: bold;
}

/***** フッター Footer *****/
#footer {
	background-color: #FFF;
	width: 100%;
	border-top: 3px solid #0E2F6A;
	border-left: 1px solid #0E2F6A;
	border-right: 1px solid #0E2F6A;
	border-bottom: 1px solid #0E2F6A;
}

#footer_menu {
	padding: 10px 10px 10px 20px;
	text-align: center;	
}

#footer #footer_page_navi {
	list-style-type:none;
    padding: 0px; 	
    margin: 0px;
	font-size: 90%;
}

#footer #footer_page_navi li{
	display:inline;
	list-style:none;
	margin-right: 10px;
}

#footer #footer_page_navi li a{
	margin-right: 10px;
	text-decoration:none; 
}

#footer .copyright {
	text-align: center;
	color: #000;
	padding: 10px 1%;
	font: bold 80% "Helvetica Neue", Arial, Helvetica,Geneva, sans-serif;
}

/**** 会社概要 ****/
#company_table {
	width: 100%;
	border: 1px #E3E3E3 solid;
	border-spacing: 0;
	background:#CCCCCC;
}

#company_table th {
	vertical-align: top;
	background-color: #eaf3ff;
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    line-height: 120%;
    text-align: center;	
	width: 25%;
	font-size: 90%;
}

#company_table td {
	background-color: #FFF;
	text-align: left;
    padding: 5px;
    border: 1px #E3E3E3 solid;
    white-space: nowrap;
	font-size: 90%;
}

#company_table caption {
	display: none;
}

#company_table b {
	color: #F00;
}

.googlemaps {
	width: 100%;
	text-align: center;
}

#company_table #btn_center {
	text-align: center;
	line-height: 100%;
	margin: 0;
	padding: 5px 0px 5px 0px;
}

/**** 沖縄ガイドブック ****/
#guidebook_table {
	border: 0px none;
	width: 100%;
	padding: 5px;
}

#guidebook_table td {
	vertical-align: top;
	padding: 5px;
}

#guidebook_table h1 {
	font-size: 14px;
	margin: 0px;
	font-weight: normal;
}

#guidebook_table h2 {
	font-size: 14px;
	margin: 0px;
	font-weight: normal;
	color: #F00;
}

#guidebook_table h3 {
	font-size: 12px;
	margin: 0px;
	font-weight: normal;
}

/**** お見積 ****/
#course {
	width: 200px;
	height: 60px;
}

#btn_center {
	text-align: center;
}

.arrow_center {
	text-align: center;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.info_disp_span {
	text-align:left;
	margin: 3px 3px 3px 5px;
	color: #F00;
	font-weight: bold;
	font-size: 110%;
}

/**** ツアー一覧 ****/
#pagewrap_tour {
	clear: both;
	float: left;
	overflow: hidden;
	margin: 0px 2% 0px 2%;
	width: 96%;
	padding: 3px 0px 0px 0px;
	text-align: left;
}

#pagewrap_tour h1 {
	margin: 0px;
	text-align: left;
	color:#FFF;
	width: 500px;
	padding: 5px 5px 5px 10px;
	background:#06F;
	font-size: 120%;
}

#pagewrap_tour h1 a {
	margin: 0px;
	padding: 0px;
	color:#FFF;
	border: 0px;
}

#pagewrap_tour p {
	margin: 2px;
	font-size: 100%;
}

#pagewrap_tour a {
	margin: 10px;
	padding: 3px 10px 3px 10px;
	text-align: center;
	color:#333;
	border: 1px #333 solid;
}

#pagewrap_tour hr {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px #06F solid;
	width: 513px;
}

#pagewrap_tour .tour_box {
	margin: 0px;
	border-left: 2px #06F solid;
	border-right: 2px #06F solid;
	border-bottom: 2px #06F solid;
	padding: 5px 5px 5px 5px;
	text-align: left;
	width: 501px;
}