@charset "utf-8";

/*------------------------------------------------------------------
Default
-------------------------------------------------------------------*/

form,
h1,h2,h3,h4,h5,h6,p,em {margin: 0px; padding: 0px; font-weight: normal; text-indent: 0pt;}

ul,ol,li,dd{list-style:none; margin: 0px; padding: 0px;}

th{font-weight:normal;}

.clear{clear:both;}

img{border:none; vertical-align: bottom;}

.indent {text-indent: -9999px;}

hr {display:none}

/* リンク設定
-------------------------------------------------------------------*/

a,a:visited {color: #333333; text-decoration: underline;}
a:hover {color: #006565; text-decoration: none;}

/*------------------------------------------------------------------
Body
-------------------------------------------------------------------*/

html {height: 100%; width: 100%;}

body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","HGPｺﾞｼｯｸE";
	letter-spacing: 0em; font-size: 12px; line-height: 20px; color: #333333;
	margin: 0px auto; padding: 0px; width: 100%;
	text-align: center; background: url(../common_img/glovalbg.jpg);}

#wrapper{margin:0px auto; width:100%; height: 100%; display:inline-block;}


/* description
------------------------------------------------------------------- */

#description {background-color: #5D6C35;}
h1 {font-size: 10px; color: #FFFFFF; width: 950px; margin: 0 auto; text-align: left;}

/* header
------------------------------------------------------------------- */

#header_wrap {background:url(../common_img/header_bg.jpg) repeat;}
#header{width:1200px; margin:0 auto; position:relative; text-align:center; display: inline-block;}

#head {height: 260px; background: url(../mail_form/img/phot.jpg) no-repeat top center;}

#contact {color:#FFFFFF; height: 38px; padding: 3px 0px;}

#contact ul {width: 950px; margin: 0 auto; clear: both;}
#contact ul li {float: right; text-indent: -9999px; margin-left: 8px;}

#contact ul li#mail {height: 30px; width: 175px;}
#contact ul li#mail a {background: url(../common_img/btn_mail.png) no-repeat; display: block; height: 30px; width: 175px;}

#contact ul li#tell {background: url(../common_img/btn_tell.png) no-repeat; display: block; height: 30px; width: 210px;}

/* contents
------------------------------------------------------------------- */

#container_wrap {background: url(../common_img/contents_bg.jpg) top repeat-x; padding-top: 30px; text-align: left;}
#container {width: 950px; margin: 0 auto;}

#contents {width: 680px; float: left; margin-bottom: 25px;}
#sub_menu {width: 220px; float: right;}

#title {clear: both; border-bottom: 1px dotted #606E37; margin: 0 0 25px 0;}
#title p {padding: 12px 0 20px 25px;}


#sub_section {padding: 20px 0 35px;}

#sub_menu ul.sub_bnr li {margin: 2px 0px;}
#sub_menu p.sub_ttl {margin: 5px 0px 5px 0px;}

/*------------------------------------------------------------------
Pan
-------------------------------------------------------------------*/

#pan {float: right; margin: 0; padding: 0;}

/*------------------------------------------------------------------
Page top
-------------------------------------------------------------------*/

#pgtop {clear: both; width: 950px; margin: 0 auto;}

.pgtop {text-indent: -9999px; float: right; width: 217px;}
.pgtop a {background: url(../common_img/btn_pgtop.gif) right top no-repeat; display: block; height: 40px;}
.pgtop a:hover {background: url(../common_img/btn_pgtop_o.gif) right top no-repeat; display: block; height: 40px;}

/*------------------------------------------------------------------
Footer
-------------------------------------------------------------------*/

#footer_wrap {clear: both; background:url(../common_img/footer_bg.jpg) top repeat-x; color: #222222;}
#footer_inner {width: 950px; margin: 0 auto;}

#footer {clear: both; height: 15em; padding: 35px 0px 25px;}

#ftr_btn {clear: both; width: 764px; height: 55px; margin: 0 auto; padding: 32px 0px;}
#ftr_btn ul li {float: left;}
#ftr_btn ul li img {padding: 0px 2px;}


#ftr_logo {text-indent: -9999px; display: block; margin-bottom: 10px;}
#ftr_logo a {background: url(../common_img/footer_logo.gif) left top no-repeat; width: 420px; height: 42px; display: block;}


#footer_navbox {float: left;}

#footer_navbox ul {width: 150px;}
#footer_navbox ul li {background: url(../common_img/f_arrow.gif) left 7px no-repeat; padding: 0px 0px 8px 8px;}

#footer_navbox ul li a {color: #222222;}
#footer_navbox ul li a:hover {color: #CCCCCC;}

address, address a, address a:link, address a:visited {font-size: 10px; font-style: normal; padding-top: 1em;}


/*------------------------------------------------------------------
information
-------------------------------------------------------------------*/

dl.info dt {float:left; width: 120px; padding: 7px 0px; font-weight: bold;}

dl.info dd {padding: 7px 0px 7px 140px; border-bottom: 1px dotted #C1A88E;}

dl.info2 dt {float:left; width: 170px; padding: 7px 0px; font-weight: bold;}
dl.info2 dd {padding: 7px 0px 7px 190px; border-bottom: 1px dotted #C1A88E;}

.info_line {border-top: 1px dotted #C1A88E;}


/*------------------------------------------------------------------
Gloval navigation
-------------------------------------------------------------------*/

#logo_wrap {width: 289px; float: left;}

#logo {text-indent: -9999px;}
#logo a {background: url(../common_img/logo.jpg) left top no-repeat; width: 289px; height: 70px; display: block;}


#gloval_nav_wrap {background: url(../common_img/navi_bg.jpg) top repeat-x; height: 90px;}

#gloval_nav {width: 950px; margin: 0 auto;}

ul#nav {float: right; width: 661px;}
ul#nav li {float: left; display: block; text-indent: -9999px;}

ul#nav li.nav_01, ul#nav li.nav_01 a,
ul#nav li.nav_02, ul#nav li.nav_02 a,
ul#nav li.nav_03, ul#nav li.nav_03 a,
ul#nav li.nav_04, ul#nav li.nav_04 a,
ul#nav li.nav_05, ul#nav li.nav_05 a,
ul#nav li.nav_06, ul#nav li.nav_06 a,
ul#nav li.nav_07, ul#nav li.nav_07 a {height: 90px; display: block;}


ul#nav li.nav_01 a {background:url(../common_img/nav_01.jpg) top left no-repeat; width: 145px;}
ul#nav li.nav_01, ul#nav li.nav_01 a:hover {background:url(../common_img/nav_01_o.jpg) top left no-repeat; width: 145px;}

ul#nav li.nav_02 a {background:url(../common_img/nav_02.jpg) top center no-repeat; width: 80px;}
ul#nav li.nav_02, ul#nav li.nav_02 a:hover {background:url(../common_img/nav_02_o.jpg) top center no-repeat; width: 80px;}

ul#nav li.nav_03 a {background:url(../common_img/nav_03.jpg) top center no-repeat; width: 80px;}
ul#nav li.nav_03, ul#nav li.nav_03 a:hover {background:url(../common_img/nav_03_o.jpg) top center no-repeat; width: 80px;}

ul#nav li.nav_04 a {background:url(../common_img/nav_04.jpg) top center no-repeat; width: 97px;}
ul#nav li.nav_04, ul#nav li.nav_04 a:hover {background:url(../common_img/nav_04_o.jpg) top center no-repeat; width: 97px;}

ul#nav li.nav_05 a {background:url(../common_img/nav_05.jpg) top center no-repeat; width: 65px;}
ul#nav li.nav_05, ul#nav li.nav_05 a:hover {background:url(../common_img/nav_05_o.jpg) top center no-repeat; width: 65px;}

ul#nav li.nav_06 a {background:url(../common_img/nav_06.jpg) top center no-repeat; width: 97px;}
ul#nav li.nav_06, ul#nav li.nav_06 a:hover {background:url(../common_img/nav_06_o.jpg) top center no-repeat; width: 97px;}

ul#nav li.nav_07 a {background:url(../common_img/nav_07.jpg) top center no-repeat; width: 97px;}
ul#nav li.nav_07, ul#nav li.nav_07 a:hover {background:url(../common_img/nav_07_o.jpg) top center no-repeat; width: 97px;}



/* margin
-------------------------------------------------------------------*/
.mt3  { margin-top:  3px; }
.mt5  { margin-top:  5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.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; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }

.mb3  { margin-bottom:  3px; }
.mb5  { margin-bottom:  5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.ml3  { margin-left:  3px; }
.ml5  { margin-left:  5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }


/* pading
-------------------------------------------------------------------*/
.pt1  { padding-top:  1px; }
.pt3  { padding-top:  3px; }
.pt5  { padding-top:  5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }

.pr1  { padding-right:  1px; }
.pr2  { padding-right:  2px; }
.pr3  { padding-right:  3px; }
.pr5  { padding-right:  5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }

.pb1  { padding-bottom:  1px; }
.pb3  { padding-bottom:  3px; }
.pb5  { padding-bottom:  5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }

.pl1  { padding-left:  1px; }
.pl3  { padding-left:  3px; }
.pl5  { padding-left:  5px; }
.pl8  { padding-left:  8px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }


/* img-float
-------------------------------------------------------------------*/
.imgleftfloat  { margin-right: 12px; float: left; }
.imgrightfloat { margin-left: 12px; float: right; }

.imgleftfloat2  { margin-right: 3px; float: left; }
.imgrightfloat2 { margin-left: 3px; float: right; }

.imgleftfloat3  { float: left; }
.imgrightfloat3 { float: right; }

/* font
-------------------------------------------------------------------*/
.bold {font-weight: bold;}
.cap {font-size: 10px; line-height: 14px; margin-top: 5px;}
.space{font-size: 1px; line-height: 1px;}

.pcap {font-size: 10px; line-height: 12px; font-weight: bold;}
.pcap2 {font-size: 10px; line-height: 15px; text-align:right;}

/* text-color
-------------------------------------------------------------------*/
.violet {color: #663399;}
.blue {color: #1F2666;}
.red {color: #CC0000;}
.orange {color: #FF6633;}
.yellow {color: #FFCC66;}
.green {color: #CCF02C;}


/* line
-------------------------------------------------------------------*/
.line_top {border-top: 1px solid #CCCCCC;}
.line_top2 {border-top: 1px dotted #C1A88E;}

.line_bottom {border-bottom: 1px solid #CCCCCC;}
.line_bottom2 {border-bottom: 1px dotted #C1A88E;}


/* plan-table
------------------------------------------------------------------- */
#plan_table01 {
	text-align: left;
	margin:12px 0 36px 0;
	border-top: #253c22 5px solid;
	font-size: 100%;line-height: 1.5;
	width:680px;
	}
	
#plan_table01 th	{
	padding: 4px;
	border-bottom: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	background: #C8E6BD;
	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.ylw	{
	padding: 4px;
	border-bottom: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	background: #FCF0D9;
	font-weight: bold;
	line-height: normal;
}
	
	
#price_table01 td	{
	padding: 5px;
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
	background: #fff;
	text-align:right;
}





