@charset "UTF-8";
/* @override 
	http://onepiece-inc.jp/wp/wp-content/themes/onepiece/style.css
*/
/*  
Theme Name: onePiece
Theme URI: http://onepiece-inc.jp/
Description: onePieceオリジナルテーマファイル
Version: 1.0
Author: Go Imai
Author URI: http://www.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;}
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%;}



/***** 共通のタグ CommonTag *****/
body{font: 95%/155% "MS PGothic", "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Kaku Gothic Pro", sans-serif;background-color: #faf9f6;}
h1,h2,h3{margin: 25px 0 15px;padding: 0;}
h4,h5,h6,p{margin: 15px 0;padding: 0;}
a{ outline:none;color: #666;text-decoration: underline;}
a:hover{color: #999;text-decoration: none;}
p{}
h1{font-size: 180%;line-height: 100%;}
h2,
h3{font-size: 160%;line-height: 100%;color: #181810;}
h4{font-size:105%;color: #c9171e;line-height:120%;}
h5{font-size: 85%;line-height: 100%;color: #fff;background-color: #181810;-moz-border-radius: 99px;-webkit-border-radius: 99px;border-radius: 99px;padding: 4px 13px;}
h6{font-size: 75%;line-height: 100%;}
big{font-size: 130%;}
small{font-size: 80%;line-height: 200%;font-weight: normal;font-style: normal;}
a.more-link {} 
ul{list-style-position: outside;padding: 0 0 0 25px;list-style-type: disc;line-height: 140%;margin: 15px 0;}
ol{list-style-position: outside;margin: 15px 0;padding: 0 0 0 30px;list-style-type: decimal;line-height: 140%;}
ul ul,ol ol,ul ol,ol ul{padding-left: 3%;}
blockquote {margin: 15px 0;background-color: #f6f5f2;border: 1px solid #bebcbb;clear: both;padding: 10px 10px 0;color: #333;font-size: 85%;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
blockquote p{margin: 0;padding: 0px 0px 10px;}
blockquote ol,blockquote ul{margin: 0;padding: 0px 0px 10px 25px;}
hr{margin: 30px auto;border-style: none;height: 1px;background-color: #999;clear: both;}
.clear{clear: both;}
.clear hr{display: none;}




/***** スペース領域 AreaSpace *****/
#body{text-align: center;}
#container{width: 950px;margin: auto;text-align: left;}
#main{text-align:left;overflow: hidden;width: 680px;float: left;padding: 20px 0 0;}
#sidebar{float: right;width: 240px;overflow: hidden;margin:4px 0 20px;}
#topimage{background: #24241c url(img/headnavi-bg.gif) center -40px;}
#topimage_inner{height: 320px;width: 950px;margin: auto;background: url(img/topimage.jpg) no-repeat;}
#wrap{clear:both;float: left;width: 100%;overflow: hidden;}
#pagewrap{clear: both;float: left;overflow: hidden;width: 100%;padding-bottom: 30px;}



/***** ヘッダー Header *****/
#header{background-color: #181810;}
#header_inner{width: 950px;margin: auto;height:107px;}
#header #header-left{padding: 0;float: left;width: auto;}
#header .header_ttl a{margin:0;padding: 0;float: left;width: 417px;height:80px;text-indent: -9999px;}
#header .header_ttl{float: left;width: 467px;margin: 0;font-size: 30px;padding:16px 0 0;background: url(img/header-logo.gif) no-repeat;}
#header .header_description{display: none;}
#header-right {float: right;}
#header-right p.header-tel {margin:24px 0 0;background: url(img/tel.gif) no-repeat;width: 313px;height: 65px;text-indent: -9999px;}



/*ヘッダーナビ headnavi*/
#headnavi {padding: 0;clear: both;border-top: 1px solid #66080b;background: #24241c url(img/headnavi-bg.gif) center top;height: 40px;}
#headnavi ul{list-style-type:none;white-space: nowrap;padding: 0;margin: auto;background: url(img/headnavi.gif) no-repeat -35px -40px;display: block;height: 40px;width: 894px;}
#headnavi li{padding: 0;margin: 0;float: left;width: auto;}
#headnavi li a{float: left;background-image: url(img/headnavi.gif);padding: 0;height: 40px;text-indent: -9999px;}

#headnavi ul li.selected a{background-image: none;}
#headnavi li.home a{background-position: -35px -80px;width: 126px;}
#headnavi li.home a:hover{background-position: -35px -40px;}
#headnavi li.rafting a {background-position: -161px -80px;width: 187px;}
#headnavi li.rafting a:hover {background-position: -161px -40px;}
#headnavi li.canyoning a {background-position: -348px -80px;width: 194px;}
#headnavi li.canyoning a:hover {background-position: -348px -40px;}
#headnavi li.tour a {background-position: -542px -80px;width: 202px;}
#headnavi li.tour a:hover {background-position: -542px -40px;}
#headnavi li.entry a {background-position: -744px -80px;width: 185px;}
#headnavi li.entry a:hover {background-position: -744px -40px;}





/*** トップページ ***/
#news{padding: 20px 20px 5px;margin-bottom: 20px;background:#17170e url(img/canyons-news.gif) no-repeat right bottom;}
#news h3 {margin-top: 0;}
#news h3 a{color: #faf9f6;}
#news  a{color: #faf9f6;}
#news p {margin: 0 0 15px;color: #faf9f6;}
#news div.body {padding:0 0 60px;font-size: 90%;}
.top-refresh {background-color: #181810;color: #faf9f6;font-size: 90%;line-height: 170%;padding: 0 20px 20px;}
.top-refresh h4{margin: 0 -20px 20px;height: 57px;background: #faf9f6 url(img/top-refresh.gif) no-repeat;text-indent: -9999px;}
.top-refresh p{margin: 0;}
.top-area {clear: both;padding: 15px 0 0 285px;background: url(img/area.gif) no-repeat;}
.top-area a{margin: 0;display: block;height: 85px;text-indent: -9999px;}
.top-area p.canyoning{margin: 0 0 15px;background: #8abf3d url(img/area-canyoning.gif) no-repeat;}
.top-area p.rafting {margin: 0 0 15px;background: #ccb200 url(img/area-rafting.gif) no-repeat;}
.top-area p.tour{margin: 0;background: #c90000 url(img/area-tour.gif) no-repeat;}
#provoice h3{margin-top: 40px;}
#provoice h3 a {width: 380px;display: block;height: 40px;background: url(img/provoice.gif) no-repeat;text-indent: -9999px;}
#provoice h4 a{color: #171710;text-decoration: none;font-size: 120%;line-height: 100%;}
#provoice .body {padding: 15px 15px 1px;color: #faf9f6;font-size: 90%;line-height: 160%;background: #171710 url(img/provoice-mark.gif) no-repeat 140px top;}
#provoice p{margin: 0 0 10px;}



/***** フッター Footer *****/
#footer {background-color: #24231c;padding: 50px 0 0;clear: both;border-bottom: 20px solid #181810;}
#footer_inner {margin: auto;width: 950px;}
#footer .copyright {float: right;padding: 0;color: #666;font: bold 110%/100% "Lucida Grande", Lucida, Verdana, sans-serif;letter-spacing: -1px;}
#footer .line {border-top: 1px solid #646534;clear: both;}
#footer ul.iwks {list-style-type: none;margin: 0;padding: 5px 0 20px;font-size: 75%;line-height: 100%;letter-spacing: 0;}
#footer ul.iwks li{padding-right: 20px;float: left;}
#footer ul.iwks li a{color: #999;text-decoration: none;}



/***** コンテンツ Content *****/
#post-28 .pagename span{height: 423px;background: transparent url(img/rafting-top.jpg) no-repeat;text-indent: -9999px;border-style: none;padding: 0;} /*ラフティング*/
#post-30 .pagename span{height: 423px;background: transparent url(img/canyoning-top.jpg) no-repeat;text-indent: -9999px;padding: 0;border-style: none;} /*キャニオニング*/
#post-112 .pagename span{height:393px;background: transparent url(img/tour-top.jpg) no-repeat;text-indent: -9999px;border-style: none;padding: 0;} /*スペシャルツアー*/
#post-28 .pagename,
#post-30 .pagename,
#post-112 .pagename{padding: 0;}

#rafting-txt1 {background: url(img/rafting-txt1.gif) no-repeat;height: 40px;text-indent: -9999px;clear:both;} /*赤城コースってどんな感じ*/
#rafting-txt2 {background: url(img/rafting-txt2.gif) no-repeat;height:80px;text-indent: -9999px;} /*onePiece のラフティングはここが違う！*/
#canyoning-txt1 {background: url(img/canyoning-txt1.gif) no-repeat;height: 40px;text-indent: -9999px;clear:both;} /*選べるコース自分に合ったコース*/
#canyoning-txt2 {background: url(img/canyoning-txt2.gif) no-repeat;height:80px;text-indent: -9999px;} /*onePiece のキャニオニングはここが違う！*/
#tour-txt1 {background: url(img/tour-txt1.gif) no-repeat;height: 40px;text-indent: -9999px;clear:both;} /*関東各地に存在するスペシャル体験*/
#entry-txt1 {background: url(img/entry-txt1.gif) no-repeat;height: 40px;text-indent: -9999px;} /*ツアーご予約の流れ*/
#entry-txt2 {background: url(img/entry-txt2.gif) no-repeat;height: 40px;text-indent: -9999px;} /*お申し込みフォーム*/
#entry-txt3 {background: url(img/entry-txt3.gif) no-repeat;height: 40px;text-indent: -9999px;} /*ツアー注意事項*/
#entry-txt4 {background: url(img/entry-txt4.gif) no-repeat;height: 40px;text-indent: -9999px;} /*ご予約後の注意事項*/


.pagename {clear: both;margin: 0 0 20px;font-size: 120%;font-weight: bold;color: #faf9f6;overflow: hidden;line-height: 120%;padding: 0 0 12px;background-color: #393933;}
.pagename span{padding: 26px 15px 14px;background: #181810 url(img/news-bg.gif) no-repeat;display: block;border-bottom: 1px solid #646534;}
.pagename a{color: #fff;text-decoration: underline;}
.pagename a:hover{color: #fff;text-decoration: none;}
.content {clear: both;font-size: 95%;line-height: 160%;color: #181810;padding: 0;}
.title{border-style: none;font-size: 140%;line-height: 100%;color: #333;padding: 0;background-repeat: no-repeat;}
.title a{color: #333;font-size: 100%;line-height: 100%;text-decoration: none;}
.title a:hover{color: #8f8b75;} 
.postmetadata {margin: 50px 0 0;color: #555;clear: both;border-top: 1px solid #bbb;padding: 8px 0 0;font-size: 80%;line-height: 160%;}
.postmetadata a {background-color: #24231c;color: #faf9f6;text-decoration: none;padding: 2px 15px;}
.postmetadata a:hover {background-color: #24231c;color: #f1ef4d;}
.postmetadata .date {background-color: #5b594a;color: #faf9f6;padding: 2px 10px;}






/*サイドバー*/
#sidebar .widget {margin: 0 0 15px;}

/*sidenavi*/
#sidebar ul.iwks {list-style-type: none;padding: 0;}
#sidebar ul.iwks li{list-style-type: none;padding: 0px;font-size: 85%;line-height: 100%;border-bottom: 1px solid #fff;}
#sidebar ul.iwks li a{background-color: #181810;padding: 10px;display: block;text-decoration: none;font-weight: bold;color: #faf9f6;}
#sidebar ul.iwks li a:hover{background-color: #2b2c1f;color: #e1cc36;}
#sidebar ul.iwks li.selected a {color: #e1cc36;}
#sidebar ul.iwks li.news a,
#sidebar ul.iwks li.qa a,
#sidebar ul.iwks li.voice a,
#sidebar ul.iwks li.provoice a {background: #181810 url(img/category-icon.png) no-repeat 216px 8px;}
#sidebar ul.iwks li.news a:hover,
#sidebar ul.iwks li.qa a:hover,
#sidebar ul.iwks li.voice a:hover,
#sidebar ul.iwks li.provoice a:hover {background: #2b2c1f url(img/category-icon.png) no-repeat 216px -76px;}

/*onePiece tv*/
#tv.widget {background: #181810 url(img/canyons-tv.gif) no-repeat;height:234px;text-align: center;}
#tv p.module_title {margin:0;height:57px;text-indent: -9999px;}

/*ブログバナー*/
#blog ul {list-style-type: none;padding: 0;}
#blog ul a{display: block;}

/*天気予報*/
#weather .module_title {margin: 0;background: url(img/weather_title.gif) no-repeat;text-indent: -9999px;height: 18px;overflow: hidden;}
#weather ul {border: 3px solid #181810;list-style-type: none;margin: 0;padding: 10px;line-height: 200%;font-size: 70%;background-color: #fff;}
#weather ul a{font-weight: bold;font-size: 125%;color: #171710;}

/*お客様の声*/
#side-voice .module_title {margin: 0;background: url(img/voice_title.gif) no-repeat;height: 18px;overflow: hidden;}
#side-voice .module_title a{text-indent: -9999px;display: block;}
#side-voice ul {border: 3px solid #181810;list-style-type: none;margin: 0;padding: 10px;font-size: 80%;line-height: 130%;background-color: #fff;}
#side-voice ul li{clear: both;}
#side-voice ul li div.name a{color: #171710;font-weight: bold;}
#side-voice ul li div.body {font-size: 90%;line-height: 140%;}
#sidebar p.association-logo a {background: url(img/association-logo.gif) no-repeat;width: 143px;height: 61px;display: block;margin: 20px auto;text-indent: -9999px;}





/*ナビゲーション Navi*/
.navigation{clear: both;text-align: center;font-size: 80%;white-space: nowrap;float: left;width: 100%;padding: 0;margin-top: 20px;line-height: 100%;}
.navigation a {text-decoration: none;width: auto;}

/*ページング*/
.navigation .wp-pagenavi span.pages {padding: 2px;font-weight: normal;font-style: normal;}
.navigation .wp-pagenavi span.current {font-weight: normal;font-style: normal;background-color: #24231c;padding: 2px 10px;color: #faf9f6;margin: 1px;}
.navigation .wp-pagenavi a.page {padding: 2px 10px;color: #faf9f6;background-color: #aba79e;margin: 1px;}
.navigation .wp-pagenavi a.page:hover {padding: 2px 10px;background-color: #bebaaf;}
.navigation .wp-pagenavi a.nextpostslink,
.navigation .wp-pagenavi a.previouspostslink {margin: 5px;}

/*次のページ*/
.navigation div.alignright a {float: right;background-color: #949189;padding: 4px 60px 4px 10px;color: #faf9f6;}
.navigation div.alignleft a {float: left;background-color: #949189;padding: 4px 10px 4px 60px;color: #faf9f6;}
.navigation div.alignright a:hover,
.navigation div.alignleft a:hover {background-color: #aba79e;}

/*ページの上へ*/
.totop {text-align: right;padding: 20px 0;clear: both;}
.totop a{color: #171710;font-size: 80%;text-decoration: underline;}
.totop a:hover{text-decoration: none;}



/*テーブルスタイル*/
.table1{border: 1px solid #999;border-right-style: none;border-bottom-style: none;margin: 15px 0;font-size: 90%;width: 100%;}
.table1 a{text-decoration: underline;}
.table1 td{border: 1px solid #999;border-top-style: none;border-left-style: none;padding: 10px;}
.sell1{background-color: #eee;white-space: nowrap;}
.sell2{background-color: #fffce7;}
.sell3{background-color: #f9f9f9;white-space: nowrap;}

.table2{margin: 15px 0;font-size: 90%;width: 100%;line-height: 150%;}
.table2 td{border-bottom: 1px solid #999;padding: 10px;}





/*フォーム*/
form.wpcf7-form {border: 3px solid #181810;padding: 20px;background-color: #fff;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
form.wpcf7-form p{font-size: 85%;line-height: 150%;}
form.wpcf7-form table{width: 100%;font-size: 85%;line-height: 150%;}
form.wpcf7-form table tr{border-bottom: 1px solid #929370;}
form.wpcf7-form table th{padding: 5px 10px 5px 0;white-space: nowrap;text-align: left;line-height: 100%;}
form.wpcf7-form table td{padding: 5px 0;}
form.wpcf7-form input{padding: 3px;border: 1px solid #181810;width: 350px;background-color: #faf9f6;font-size: 110%;line-height: 140%;}
form.wpcf7-form input:focus{background-color: #fcf9cb;}
form.wpcf7-form .text-add-num input {width: 80px;}
form.wpcf7-form .access input,
form.wpcf7-form .sougei input {border-style: none;width: auto;background-color: transparent;}
form.wpcf7-form table tbody tr td small {float: left;clear: both;}
form.wpcf7-form input.people {width: 20px;}
span.wpcf7-form-control-wrap{float: left;}
span.wpcf7-form-control-wrap.text-man,
span.wpcf7-form-control-wrap.text-woman,
span.wpcf7-form-control-wrap.text-people,
span.wpcf7-form-control-wrap.menu-day,
span.wpcf7-form-control-wrap.menu-month,
span.wpcf7-form-control-wrap.menu-hour,
span.wpcf7-form-control-wrap.menu-min,
span.wpcf7-form-control-wrap.checkbox-sougei,
span.wpcf7-form-control-wrap.radio-access{float: none;}
span.wpcf7-form-control-wrap.textarea-comment {float: left;margin: 0 0 15px;}
form.wpcf7-form textarea.comment {width: 628px;height: 140px;padding: 3px;background-color: #faf9f6;border: 1px solid #181810;}
form.wpcf7-form textarea.comment:focus {background-color: #fcf9cb;}
.wpcf7-form .wpcf7-not-valid-tip {left: 3px;z-index: 100;background: #c00;border-style: none;color: #fff;position: absolute;width: auto;height: auto;top: 3px;padding: 2px;white-space: nowrap;}
.wpcf7-form .wpcf7-mail-sent-ng {background-color: #fff993;border: 1px solid #ecd766;padding: 10px;margin: 0;text-align: center;color: #ff7340;}
.wpcf7-form .wpcf7-form .table_left .necessary {color: #c00;margin-left: 2px;vertical-align: 4px;}
.wpcf7-form .submit{border-style: none;padding: 5px;text-align: center;clear: both;}
.wpcf7-form .submit input {background-color: #79b;color: #fff;padding: 9px 70px;cursor:pointer;margin: 0;border-style: none;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;font-size: 110%;line-height: 100%;}
.wpcf7-form .submit input:focus,
.wpcf7-form .submit input:hover {background-color: #88afd6;}


/*tabs*/
.postTabs_titles{display:none;}
.box {clear: both;padding: 20px;background-color: #fff;border-top:1px dotted #17160e;border-bottom:1px dotted #17160e;}
ul.postTabs{display: block !important;background:#202017 none;font-size: 100%;line-height: 100%;float: left;margin:0 0 30px;padding: 0;width:680px;border-bottom:3px solid #15140d;}
ul.postTabs li{display: inline;background: none;padding: 0px;margin: 0px;}
ul.postTabs li:before{content: none;}  
ul.postTabs li a{text-decoration: none;background:#17160e;padding:14px 15px 12px;outline:none;	cursor: pointer;float: left;border-bottom-style: none;color:#faf9f6;font-size:15px;line-height:20px;border-right:1px solid #faf9f6;}	
ul.postTabs li a:hover{text-decoration: none;background-color:#646453;}
ul.postTabs li.postTabs_curr a,
ul.postTabs li.postTabs_curr a:hover{text-decoration: none;background-color:#e9d455;color:#17160e;}
.postTabsNavigation{display: block;overflow:hidden;}
.postTabs_nav_next{float:right;}
.postTabs_nav_prev{float:left;}
.postTabs_divs iframe {margin: 0 auto 15px;}
.postTabs_divs h2 {margin-top: 0;font-size: 120%;line-height: 100%;color:#1f1f15;}
.postTabs_divs h3 {margin-top: 0;font-size: 120%;line-height: 100%;}
.postTabs_divs p {font-size: 90%;line-height: 160%;}
.postTabs_divs p strong{font-weight: bold;font-size: 100%;color: #16160f;}
.postTabs_divs blockquote {font-size: 90%;line-height: 150%;}
.postTabs_divs a.btn,
.box a.btn{background: url(img/enter_btn.png) no-repeat center top;width: 216px;height: 32px;text-indent: -9999px;display: block;margin: auto;}
.postTabs_divs a.r-btn{background: url(img/enter_btn.png) no-repeat center top;width: 216px;height: 32px;text-indent: -9999px;float: right;margin-bottom: 15px;}
.postTabs_divs a.btn:hover,
.box a.btn:hover,
.postTabs_divs a.r-btn:hover{background: url(img/enter_btn.png) no-repeat center bottom;}



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

/******画像の配置*****/
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignleft{float:left;margin: 0 15px 15px 0;}
img.alignright{float:right;margin: 0 0 15px 15px;}
.alignright {float: right;width: auto;}
.alignleft {float: left;width: auto;}
.aligncenter {margin: 15px auto;display: block;clear: both;}