@charset "utf-8";

/* -----------------------
www.kochoran.co.jp
Last Update 2011/7/01
-------------------------*/


@import url(reset.css);

/* description
------------------------------------------------------------------- */

#description {
	width: 100%;
	background:url(../img/bg_dsc01.gif) repeat-x;
	background-position: top left;}

#description-inner {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	text-align:left;}

#description-inner h1 {
	font-size: 10px; line-height:1.0;
    font-weight: normal;
	color: #fff;
	padding: 5px 0 4px 0;}

/* header
------------------------------------------------------------------- */

#header {width: 100%; background: #382230;}

#header-inner {
	width: 950px; height: 80px;
	margin: 0 auto;
	padding: 0;
	background: #382230;}

#tlogo {
	float: left; text-indent: -9999px;
	padding: 0 0 3px 0; background-color:#382230;}

#tlogo a, #logo span {
	width: 485px; height: 70px;
	display: block; background: url(../img/logo_kochoran03.jpg) no-repeat;}


#logo {float: left; text-indent: -9999px; background-color:#382230;}

#logo a, #logo span {
	width: 485px; height: 70px;
	display: block; background: url(../img/logo_kochoran01.gif) left 11px no-repeat;}

#link-contact {
	float: right;
	margin-bottom: 0px;
	text-indent: -9999px;}

#link-contact a {
	width: 320px;
	height: 35px;
	display: block;
	background: url(../img/btn_contact01.gif) no-repeat;}


/* unav */

#unav {float: right; margin-bottom:20px;}

#unav li {
	margin-left: 0;
	float: right;
	text-indent: -9999px;}

#unav li a {height: 24px; display: block;}

#unav li#unav01 a {width: 81px; background: url(../img/unav_kanko.gif) no-repeat;}
#unav li#unav02 a {width: 96px; background: url(../img/unav_about.gif) no-repeat;}
#unav li#unav03 a {width: 92px; background: url(../img/unav_faq.gif) no-repeat;}
#unav li#unav04 a {width: 86px; background: url(../img/unav_top.gif) no-repeat;}

#mainvisual {clear:both;}

/* gnav
------------------------------------------------------------------- */

#gnav-section {width: 100%; clear: both; text-align: center; background-color:#382230;}
#gnav-section-inner {width: 950px; margin: 0 auto; text-align: left;}

#gnav02-section {width: 100%; clear: both; text-align: center; background: url(../img/bg_sub_flw.gif); background-repeat:repeat-x; border-bottom: #653D57 solid 1px;}
#gnav02-section-inner {width: 950px; margin: 0 auto; text-align: left;}


#gnav li {float: left; text-indent: -9999px; border-bottom: #ccc solid 1px;}
#gnav li a {height: 50px; display: block;}

#gnav li#gnav01 a {width: 120px; background: url(../img/gnav01.gif) no-repeat;}
#gnav li#gnav02 a {width: 120px; background: url(../img/gnav02.gif) no-repeat;}
#gnav li#gnav03 a {width: 120px; background: url(../img/gnav03.gif) no-repeat;}
#gnav li#gnav04 a {width: 117px; background: url(../img/gnav04.gif) no-repeat;}
#gnav li#gnav05 a {width: 119px; background: url(../img/gnav05.gif) no-repeat;}
#gnav li#gnav06 a {width: 118px; background: url(../img/gnav06.gif) no-repeat;}
#gnav li#gnav07 a {width: 118px; background: url(../img/gnav07.gif) no-repeat;}
#gnav li#gnav08 a {width: 118px; background: url(../img/gnav08.gif) no-repeat;}

#gnav li#gnav01 a:hover, #gnav li#gnav01-on, #g-nav li#gnav01-on a, #gnav li#gnav01 span  {
	width: 120px;
	background: url(../img/gnav01_over.gif) no-repeat;}

#gnav li#gnav02 a:hover, #gnav li#gnav02-on, #g-nav li#gnav02-on a, #gnav li#gnav02 span  {
	width: 120px;
	background: url(../img/gnav02_over.gif) no-repeat;}

#gnav li#gnav03 a:hover, #gnav li#gnav03-on, #g-nav li#gnav03-on a, #gnav li#gnav03 span  {
	width: 120px;
	background: url(../img/gnav03_over.gif) no-repeat;}

#gnav li#gnav04 a:hover, #gnav li#gnav04-on, #g-nav li#gnav04-on a, #gnav li#gnav04 span  {
	width: 117px;
	background: url(../img/gnav04_over.gif) no-repeat;}

#gnav li#gnav05 a:hover, #gnav li#gnav05-on, #g-nav li#gnav05-on a, #gnav li#gnav05 span  {
	width: 119px;
	background: url(../img/gnav05_over.gif) no-repeat;}

#gnav li#gnav06 a:hover, #gnav li#gnav06-on, #g-nav li#gnav06-on a, #gnav li#gnav06 span  {
	width: 118px;
	background: url(../img/gnav06_over.gif) no-repeat;}

#gnav li#gnav07 a:hover, #gnav li#gnav07-on, #g-nav li#gnav07-on a, #gnav li#gnav07 span  {
	width: 118px;
	background: url(../img/gnav07_over.gif) no-repeat;}

#gnav li#gnav08 a:hover, #gnav li#gnav08-on, #g-nav li#gnav08-on a, #gnav li#gnav08 span {
	width: 118px;
	background: url(../img/gnav08_over.gif) no-repeat;}


/* main-link
------------------------------------------------------------------- */

#main-link {
	width: 100%;
	background: #fff; background: url(../img/bg_kocho03.jpg);
	background-repeat:repeat-x;}

#main-link-inner {
	width: 950px;
	margin: 0 auto; padding: 6px 0 12px;}


/* crumbs-link
------------------------------------------------------------------- */
#pan {
	font-size: 12px;
	width: 650px;
	padding: 5px 0;
	margin-bottom:12px;}

#pan a:link {font-weight:normal;}
#pan a:visited {font-weight:normal;}
#pan a:hover {font-weight:normal;}


/* contents
------------------------------------------------------------------- */

#tcontents {width: 100%; font-size: 93%; background-color:#382230;}

#tcontents-inner {
	width: 950px; margin: 0 auto; text-align: left;
	background-color:#FFFFFF;
	background: url(../img/bg_sub02.jpg) left bottom repeat-y;}


#contents {width: 100%; font-size: 93%;}

#contents-inner {
	width: 950px; margin: 0 auto; text-align: left; clear: both;
	background: url(../img/bg_sub_side.gif) left bottom repeat-y;}

body#frame-2 #contents-inner {
	width: 950px; margin: 0 auto; text-align: left; clear: both;
	background: url(../img/bg_sub_side.gif) left bottom repeat-y;}


/* float-clear
------------------------------------------------------------------- */

.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: ".";}

.clearfix {min-height: 1px;}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/}

.clear {clear: both;}

/* main
------------------------------------------------------------------- */

body#frame-1 #main {
	width: 520px; padding: 15px 0 10px; margin-left: 10px;
	float: left; text-align: left;}

body#frame-1 #main h2 {margin-bottom:3px;}
body#frame-1 #main .section {margin-bottom: 25px;}
body#frame-1 #main p.cap01 {font-size: 10px; padding: 3px 0;}


body#frame-2 #main {
	width: 680px; padding: 0 0 20px;
	float: right; text-align: left;}

body#frame-2 #ttl {width: 100%; background: #382230;}
body#frame-2 #ttl-inner {width: 950px; margin: 0 auto; padding: 0; background: #382230;}

#main a.icon-arrow {padding-left: 8px; background: url(../img/icon-arrow.gif) left center no-repeat;}


/* sub
------------------------------------------------------------------- */

body#frame-1 #sub {
	width: 390px; padding: 15px 10px 20px 0px;
	float: right; text-align: left;}

body#frame-2 #sub {
	width: 240px; padding: 0 0 50px;
	float: left; text-align: left;}


/* snav */

#sub #snav {padding: 0 0 8px 0; margin:0 0 12px 0; background-color:#723351;}

#sub li {padding: 0;margin:0;}
#sub li.bnr {margin-top: 4px; text-align:center;}


/* sub-banner */

#sub-banner li {margin-top: 2px;}

/* side-nav */

#side-nav li {width: 200px; height: 37px; text-indent: -9999px;}
#side-nav li a, #side-nav li span {width: 200px; height: 37px; display: block;}


/* footer
------------------------------------------------------------------- */

body#frame-1 #footer {
	width: 100%; text-align: center;
	font-size: 85%; line-height: 1.2; background-color:#FFF;}

body#frame-1 #footer-inner {
	width: 950px; margin: 0 auto; padding-top: 0px;
	text-align: left; background-color:#FFF;}

body#frame-2 #footer {
	width: 100%; text-align: center; clear: both;
	font-size: 85%; line-height: 1.2;}

body#frame-2 #footer-inner {
	width: 950px; text-align: left;
	margin: 0 auto; padding-top: 0px;}


/* f-bnr01 */
#f-bnr-01 {margin-left: 5px; clear: both;}


/* f-bnr */
#f-bnr {
	padding: 8px 5px 12px 5px; overflow: hidden;
	position: relative; zoom:1;}

#f-bnr li {margin-right: 3px; float: left; text-indent: -9999px;}
#f-bnr li.bnr-end {margin-right: 0;}

#f-bnr li a {height: 60px; display: block;}

#f-bnr li#f-bnr-1 a {width: 230px; background: url(../bnr/jal.jpg) no-repeat;}
#f-bnr li#f-bnr-2 a {width: 230px; background: url(../bnr/issm.jpg) no-repeat;}
#f-bnr li#f-bnr-3 a {width: 230px; background: url(../bnr/jtb.jpg) no-repeat;}
#f-bnr li#f-bnr-4 a {width: 230px; background: url(../bnr/onsngo.jpg) no-repeat;}


/* footer-nav */
#footer-top-nav {padding: 9px 0 4px 0; border-top: 1px solid #ccc; height: 15px;}

#footer-bottom-nav {padding: 9px 0 10px 0; border-top: 1px dotted #ccc; height: 15px;}

#footer-top-nav li, #footer-bottom-nav li {padding: 0 5px; float: left; border-right: 1px solid #999;}

#footer-top-nav li.footer-nav-on ,
#footer-bottom-nav li.footer-nav-on,
#footer-top-nav li.footer-nav-on a ,
#footer-bottom-nav li.footer-nav-on a {color: #666; font-weight: normal; text-decoration: none;}

#footer-top-nav li.footer-nav-end, #footer-bottom-nav li.footer-nav-end {border-right: none;}


/* footer-info
------------------------------------------------------------------- */

#footer-info {
	width: 100%;
	background: #382230;
	padding: 10px 0 3px 0;
	font-size: 85%;
	clear:both;}

#footer-info-inner {
	width: 950px;
	margin: 0 auto; padding: 0;
	background: #382230;}

#footer-info li {
	padding: 0 10px;
	float: left; color: #FFF;
	border-right: 1px solid #999;}

#footer-info-inner ul {}

#footer-info li.footer-info-end {border-right: none; text-align: left;margin-bottom: 20px;}
#footer-info a {color: #FFF;}
#footer-info a:visited {color: #FFF;}
#footer-info a:hover {color: #326292;}

#copy {padding-top: 12px;}


/* a
------------------------------------------------------------------- */

a {color: #666; font-weight: bold; text-decoration: underline;}
a:visited {color: #666; font-weight: bold; text-decoration: underline;}
a:hover {color: #7F2C61; text-decoration: none;}


/* margin
------------------------------------------------------------------- */
.mt5  { margin-top:  5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }

.mr3  { margin-right:  3px; }
.mr5  { margin-right:  5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }

.mb1  { margin-bottom:  1px; }
.mb2  { margin-bottom:  2px; }
.mb5  { margin-bottom:  5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }

.ml5  { margin-left:  5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml60 { margin-left: 60px; }


/* pading
------------------------------------------------------------------- */

.pt3  { padding-top:  3px; }
.pt5  { padding-top:  5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }

.pr3  { padding-right:  3px; }
.pr5  { padding-right:  5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }

.pb5  { padding-bottom:  5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }

.pl3  { padding-left:  3px; }
.pl5  { padding-left:  5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl35 { padding-left: 35px; }


/* background
------------------------------------------------------------------- */
.bg_blu01 {background-color:#326292;}
.bg_ylw01 {background-color:#FFFF99;}

/* float
------------------------------------------------------------------- */
.f-left {float: left;}
.f-right {float: right;}

/* font
------------------------------------------------------------------- */
.bold {font-weight: bold;}

/* text-color
------------------------------------------------------------------- */
.txt_red01 {color:#CC0000;}
.txt_ppl01 {color:#AE81C6;}
.txt_ppl02 {color:#A14985;}
.txt_org01 {color:#FF1800;}
.txt_pnk01 {color:#E36595;}

/* text-size
------------------------------------------------------------------- */
.txt_10 {font-size:10px; line-height:1.2;}
.txt_10_gry {font-size:10px; line-height:1.2; color:#999;}
.cap01 {font-size:10px; line-height:1.2; color:#666; font-weight:normal;}
.cap02 {font-size:10px; line-height:1.8; color:#c00; font-weight:normal;}
.cap03 {font-size:10px; line-height:1.2; color:#c00; font-weight:normal;}

.txt_ppl14 {font-size:14px; line-height:1.2; color:#B04646;}

/* text
------------------------------------------------------------------- */
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

/* list
------------------------------------------------------------------- */
ol.decimal-list li {margin-left: 2.0em; list-style: decimal outside;}
ul.disc-list li {margin-left: 15px; list-style: disc outside;}

/* lnk
------------------------------------------------------------------- */
.lnk_cont01{
	font-size:12px; line-height: 1.2; font-weight:normal;
	margin:6px 0 6px 0 ; padding:0 0 0 9px;
	background:url(../img/arw01.gif) no-repeat 0.1em; background-position: top left;}

.lnk_cont01 a:link {text-decoration: underline; color: #7F2C61;}
.lnk_cont01 a:visited {text-decoration: underline; color: #7F2C61;}
.lnk_cont01 a:hover {text-decoration: none; color: #7F2C61;}
.lnk_cont01 a:active {text-decoration: none; color: #7F2C61;}


/* footer-btn
------------------------------------------------------------------- */
#box_btn{text-align: center; width:680px; margin: 35px 0 6px; background-color:#723351; padding: 5px 0;}

/* plan-nav
------------------------------------------------------------------- */

#pnav01{font-size:14px; margin: 6px 0 15px;}

#pnav01 td.tab02{
	padding: 5px 5px 1px;
	background-color:#3D4E6D; font-size:12px;}

#pnav01 td.tab02_on{
	padding: 7px 8px;
	background-color:#8D97A9;
	color:#FFF; border-right: 3px solid #3D4E6D;}

#pnav01 td.tab02_off{
	padding: 7px 8px;
	background-color:#FFF; border-right: 3px solid #3D4E6D;}


#pnav01 a:link {font-weight: normal;}
#pnav01 a:visited {font-weight: normal;}
#pnav01 a:hover {font-weight: normal;}
#pnav01 a:active {font-weight: normal;}


/* plan-table01
------------------------------------------------------------------- */
#plan_table01 {
	text-align: left;
	margin:12px 0 36px 0;
	border-top: #000 3px solid;
	font-size: 12px;line-height: 1.5;
	width:600px;}
	
#plan_table01 th {
	padding: 4px;
	border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; border-right: #ccc 1px solid;
	background: #FBF5E1;
	white-space: nowrap;
	text-align:center;
	color: #582100;
	font-weight: normal;}

#plan_table01 td.txt {
	padding: 4px;
	border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; border-right: #ccc 1px solid;
	background: #FFF;
	text-align:left;
	font-weight: normal;}

#plan_table01 th.pht {
	padding: 4px;
	border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; border-right: #ccc 1px solid;
	background: #FFF;
	text-align:center;
	color: #666;
	font-weight: normal;}
	
#plan_table01 td {
	padding: 4px;
	border-bottom: #ccc 1px solid; border-right: #ccc 1px solid;
	background: #fff;}

#plan_table01 td.pttl {padding: 0px; border-bottom: none; border-right: none;}

#plan_table01 p.btn_book{padding:5px;}


#price_table01 {
	text-align: left;
	margin: 0;
	border-top: #ccc 1px solid;
	font-size: 12px;line-height: 1.2; }
	
#price_table01 th {
	padding: 5px;
	border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; border-right: #ccc 1px solid;
	background: #eee;
	white-space: nowrap;
	text-align:center;
	color: #666;
	font-weight: normal;}

#price_table01 th.ppl {background: #E3D0E9;}

#price_table01 td {
	padding: 5px;
	border-bottom: #ccc 1px solid; border-right: #ccc 1px solid;
	background: #fff;
	text-align:right;}

.flyer {
	width: 600px;
	background-color: #601886;
	margin: 35px 0 40px 0; padding: 5px 0 0;
	text-align: center;}

.flyer a {color:#FFF;}


/* plan-table02
------------------------------------------------------------------- */
#plan_table02 {
	text-align: left;
	margin:12px 0 36px 0;
	border-top: #000 3px solid;
	font-size: 12px;line-height: 1.5;
	width:680px;}
	
#plan_table02 th {
	padding: 4px;
	border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; border-right: #ccc 1px solid;
	background: #FBF5E1;
	white-space: nowrap;
	text-align:center;
	color: #582100;
	font-weight: normal;}

#plan_table02 td.txt {
	padding: 4px;
	border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; border-right: #ccc 1px solid;
	background: #FFF;
	text-align:left;
	font-weight: normal;}

#plan_table02 th.pht {
	padding: 2px;
	border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; border-right: #ccc 1px solid;
	background: #FFF;
	/* [disabled]text-align:center; */
	color: #666;
	font-weight: normal;}
	
#plan_table02 td {
	padding: 4px;
	border-bottom: #ccc 1px solid; border-right: #ccc 1px solid;
	background: #fff;}

#plan_table02 td.pttl {padding: 0px; border-bottom: none; border-right: none;}

#plan_table02 p.btn_book{padding:5px;}


#price_table02 {
	text-align: left;
	margin: 0;
	border-top: #ccc 1px solid;
	font-size: 12px;line-height: 1.2;}
	
#price_table02 th {
	padding: 4px;
	border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; border-right: #ccc 1px solid;
	background: #eee;
	white-space: nowrap;
	text-align:center;
	color: #666;
	font-weight: normal;}

#price_table02 th.ppl {background: #F4E9E1;}

#price_table02 td {
	padding: 4px;
	border-bottom: #ccc 1px solid; border-right: #ccc 1px solid;
	background: #fff;
	text-align:right;}


/* price-table03
------------------------------------------------------------------- */

#price_table03 {text-align: left; margin: 0; font-size: 12px;line-height: 1.2;}
	
#price_table03 th {
	padding: 4px;
	color: #666;
	font-weight: normal;
	border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; border-right: #ccc 1px solid;
	background: #eee;
	white-space: nowrap;
	text-align:center;}

#price_table03 td {
	padding: 4px;
	background: #fff;
	text-align:right;
	border-bottom: #ccc 1px solid; border-right: #ccc 1px solid;}

#price_table03 th p {padding: 1px 0 3px 0; color: #C00;}

/* kids_table
------------------------------------------------------------------- */
#kids_table01 {
	text-align: left;
	margin: 0;
	border-top: #ccc 1px solid;
	font-size: 12px;line-height: 1.5;}
	
#kids_table01 th	{
	padding: 4px;
	border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; border-right: #ccc 1px solid;
	background: #eee;
	white-space: nowrap;
	text-align:center;
	color: #666;
	font-weight: normal;}

#kids_table01 td	{
	padding: 4px;
	border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; border-left: #ccc 1px solid;
	background: #fff;}

/* info-table
------------------------------------------------------------------- */
#info_table01 {
	text-align: left;
	margin: 12px 0 ;
	font-size: 12px;line-height: 1.5;}
	
#info_table01 th	{
	padding: 6px 8px;
	border: #ccc 1px solid;
	background: #F4DFB9;
	white-space: nowrap;
	text-align:center;
	color: #666;
	font-weight: normal;}

#info_table01 td	{
	padding: 4px 8px;
	border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; border-left: #ccc 1px solid;}

/* pnav
------------------------------------------------------------------- */
#pnav01{
	width:680px;
	background-color:#382230;
	padding:8px 0 3px;
	margin: 0 0 8px;
	text-align:left;
	border-top: #fff 1px solid; border-bottom: #fff 1px solid;}

/* column_box
------------------------------------------------------------------- */
#column_box01 {
	text-align: left; margin: 30px 0 15px;
	background-color:#F5E6CE; padding: 15px 15px;}

#column_box01 h3{margin-bottom:5px;}
#column_box01 img.pht{border: solid 6px #D6A797; margin:0 20px 2px 0;}	


#column_box02 {
	text-align: left; margin: 30px 0 15px;
	background-color:#F5E6CE; padding: 15px 15px;}

#column_box02 h3{margin-bottom:5px;}
#column_box02 img.pht{border: solid 3px #DDC093; margin:3px 5px 2px 0;}	


#column_box03 {
	text-align: left; margin: 30px 10px 15px;
	background-color:#E7DADA; padding: 15px 15px;}

#column_box03 h3{margin-bottom:5px;}
#column_box03 img.pht{border: solid 6px #C2A5B7; margin:0 15px 2px 0;}


#column_box03a {
	text-align: left; margin: 10px 0px 30px;
	background-color:#E7DADA; padding: 15px 15px;}

#column_box03a h3{margin-bottom:5px;}
#column_box03a img.pht{border: solid 6px #C2A5B7; margin:0 0 2px 15px;}
#column_box03a img.pht2{border: solid 6px #C2A5B7; margin:0 15px 2px 0;}
#column_box03a .colm_ttl {font-size: 16px; font-weight: bold; padding: 2px 0 10px 0;}


#column_box_dlx {
	text-align: left; width: 600px;
	margin: 0 auto; background-color:#FFFFFF;}

#column_box_dlx h3{margin-bottom:5px;}
#column_box_dlx table tr td.pht{padding: 15px 17px;}