﻿@charset "utf-8";
/*
Title: wakuwaku-rental screen style
URI: http://wakuwaku-rental.com
Updated: Oct. 23 2009
Author: TOKA
Author URI: http://arecaindex.com
*/


/* base
------------------------------------------------------------ */

a {
	color: #424242;
	text-decoration: none;
}

a:hover {
	color: #d8125b;
	text-decoration: underline;
}

img {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	border:none;
}
	
ul,dl {
	list-style:none;
	margin: 0px;
	padding: 0px;
}

li,dd{
	float:left;
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0px;
	padding: 0px;
}


/* construction 
------------------------------------------------------------ */

body {
	background: url(../images/header_bg.png) repeat-x;
	width: 100%;
	height: 100%;
	font-family: Verdana, "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	color: #424242;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

*html body {
	background: url(../images/header_bg.gif) repeat-x;
}

#container {
	margin: 0px auto;
	width: 760px;
	height: 100%;
}

#header {
	height: 200px;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 10px;
	background: url(../images/header_img.png) no-repeat;
}

*html #header {
	background: url(../images/header_img.gif) no-repeat;
}

#contents {
	height: 100%;
	margin-bottom: 20px;
	width: 100%;
}

#footer {
	border-top: 1px solid #121212;
	width: 100%;
	background: #121212;
	height: 35px;
}



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

h1 {
	position: absolute;
	text-indent: -9999px;
	width: 0px;
}

/* * #global_navi  */

#global_navi {
	margin-left: 35px;
	padding-top: 170px;
	height: 0px !important;
	height /**/:30px;
}

#global_navi li {
	height: 30px;
	width: 115px;
	overflow: hidden;
	border-left: 1px solid #757776;
}

#global_navi #nav06 {
	border-right: 1px solid #757776;
}

#global_navi a{
	background: url(../images/g_navi.gif);
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0px !important;
	height /**/:30px;
	padding-top: 30px;
	color: #FFFFFF;
	text-decoration: none;
}

#global_navi a:hover {
	text-decoration: none;
}
	
#global_navi #nav01 a { background-position:  0     0; }
#global_navi #nav02 a { background-position: -115px 0; }
#global_navi #nav03 a { background-position: -230px 0; }
#global_navi #nav04 a { background-position: -345px 0; }
#global_navi #nav05 a { background-position: -460px 0; }
#global_navi #nav06 a { background-position: -575px 0; }

#global_navi #nav01 a:hover { background-position:  0     -30px; }
#global_navi #nav02 a:hover { background-position: -115px  -30px; }
#global_navi #nav03 a:hover { background-position: -230px -30px; }
#global_navi #nav04 a:hover { background-position: -345px -30px; }
#global_navi #nav05 a:hover { background-position: -460px -30px; }
#global_navi #nav06 a:hover { background-position: -575px -30px; }
	
#home #global_navi #nav01 a { background-position:  0 -30px !important; }
#shop #global_navi #nav02 a { background-position: -115px  -30px !important; }
#price #global_navi #nav03 a { background-position: -230px -30px !important; }
#order #global_navi #nav04 a { background-position: -345px -30px !important; }
#faq #global_navi #nav05 a { background-position: -460px -30px !important; }
#contact #global_navi #nav06 a { background-position: -575px -30px !important; }


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

#footer_in {
	margin: 0px auto;
	width: 760px;
	color: #ddd;
}

#footer_in p {
	width: 450px;
	float: left;
	text-align: right;
	margin: 0px;
	padding: 8px 0px 0px;
}

#footer_in #lownavi {
	width: 280px;
	float: right;
	padding-top: 9px;
}

#footer_in #lownavi li {
	font-size: 0.85em;
	padding-left: 8px;
}

#footer_in #lownavi a {
	color: #ddd;
}



/* contents_common
------------------------------------------------------------ */

h2 {
	text-indent: -9999px;
	position: absolute;
	width: 0px;
}

h3 {
	font-size: 1.2em;
	margin: 0px 0px 10px;
	padding: 0px;
}

#title {
	margin: 0px auto 16px;
	width: 738px;
}

#title_in {
	text-indent: -9999px;
	position: absolute;
	width: 0px;
}

.notes {
	color:#d81363;
	font-size: 0.85em;
	padding-top: 5px;
	line-height: 1.3em;
}

.pagetop {
	text-align: right;
}

table {
	margin: 0px auto 10px;
	padding: 0px;
	width: 720px;
	border-collapse : collapse ; 
	border : 1px solid #757776 ; 
	white-space: nowrap;
}

th,td {
	margin: 0px;
	padding: 3px;
	border : 1px solid #757776 ; 
 border-width: 0 0 1px 1px;
}

th {
	background: #d1cbbd;
	text-align: center;
	font-weight: normal;
}

td {
	text-align: left;
}

form {
	margin: 0px;
	padding: 0px;
}

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



/* page_shop */

#shop #title {
	background:url(../images/shop_title.png) no-repeat;
	height: 208px;
}

*html #shop #title {
	background:url(../images/shop_title.gif) no-repeat;
}

#shop th,td {
 border-width: 0 0 1px 1px;
}

#shop .shop_map {
	border-left-style: none;
}

#shop .menu {
	background: #333;
	color: #fff;
}

#shop .a_price {
	background: #a9cde0;
}

#shop .b_price {
	background: #e5eebd;
}

#adult_th {
	background: #aadced;
}

#junior_th {
	background: #f7cd9a;
}

#shop .adult {
	background: #aadced;
	font-size: 1.8em;
	text-align: center;
}

#shop .junior {
	background: #f7cd9a;
	font-size: 1.8em;
	text-align: center;
}

*html #shop .adult {
	font-size: 1.1em;
}

*html #shop .junior {
	font-size: 1.1em;
}

#shop .ski_hp {
	text-align: center;
}

#shop #shop_note {
 text-align: left;
}


/* page_order */

#order #title {
	background:url(../images/order_title.png) no-repeat;
	height: 143px;
}
#order2 #title {
	background:url(../images/order_title2.png) no-repeat;
	height: 143px;
}
#order3 #title {
	background:url(../images/order_title3.png) no-repeat;
	height: 143px;
}
#order4 #title {
	background:url(../images/order_title4.png) no-repeat;
	height: 143px;
}
#order5 #title {
	background:url(../images/order_title5.png) no-repeat;
	height: 143px;
}

*html #order #title {
	background:url(../images/order_title.gif) no-repeat;
}
*html #order2 #title {
	background:url(../images/order_title2.gif) no-repeat;
}
*html #order3 #title {
	background:url(../images/order_title3.gif) no-repeat;
}
*html #order4 #title {
	background:url(../images/order_title4.gif) no-repeat;
}
*html #order5 #title {
	background:url(../images/order_title5.gif) no-repeat;
}

#order table {
	border-collapse: separate;
	border-spacing: 3px;
	border-style: none;
}

#order th,
#order td {
	border-width: 1px;
	padding: 5px;
}

#order .enter th,
#order .enter td {
	border-width: 1px;
	padding: 8px 5px;
}

#order .table_in {
	margin: 0px;
	padding: 0px;
	width: 680px;
}

#order .table_in2 {
	margin: 0px;
	padding: 0px;
	width: 650px;
}

#order .contact_th {
	width: 70px;
}

#order .confirm_th {
	width: 180px;
}

#order #total_price {
font-weight:bold;
 text-align: right;
}
#order #receiptText {
	background: url(../images/order_receipt_bg.gif) no-repeat;
	height: 208px;
	margin: 30px auto 70px;
	width: 738px;
}

#order #receiptText h3 {
	padding-top: 35px;
}

#order #receiptText p {
	margin-top: 15px;
}

/* page_order_member */

#member #title {
	background:url(../images/member_title.png) no-repeat;
	height: 143px;
}
#member2 #title {
	background:url(../images/member_title2.png) no-repeat;
	height: 143px;
}
#member3 #title {
	background:url(../images/member_title3.png) no-repeat;
	height: 143px;
}
#member4 #title {
	background:url(../images/member_title4.png) no-repeat;
	height: 143px;
}
#member5 #title {
	background:url(../images/member_title5.png) no-repeat;
	height: 143px;
}

*html #member #title {
	background:url(../images/member_title.gif) no-repeat;
}
*html #member2 #title {
	background:url(../images/member_title2.gif) no-repeat;
}
*html #member3 #title {
	background:url(../images/member_title3.gif) no-repeat;
}
*html #member4 #title {
	background:url(../images/member_title4.gif) no-repeat;
}
*html #member5 #title {
	background:url(../images/member_title5.gif) no-repeat;
}


/* page_contact */

#contact #title {
	background:url(../images/contact_title.png) no-repeat;
	height: 70px;
	margin-bottom: 0px;
}

*html #contact #title {
	background:url(../images/contact_title.gif) no-repeat;
}

#contact #form_bg {
	background: url(../images/contact_title2.png) repeat-y;
	margin: 0px auto;
	width: 738px;
}

*html #contact #form_bg {
	background: url(../images/contact_title2.gif) repeat-y;
}

#contact #form_in {
	width: 540px;
	margin: 0px auto;
	padding-top: 20px;
}

#contact #form_in table {
	width: 540px;
	border-collapse: separate;
	border-style: none;
}

#contact #form_in th {
	border-width: 0;
	padding: 8px;
	text-align: left;
	background: #e6e6e6;
}

#contact #form_in td {
	border-width: 0;
	padding-left: 0px;
}

#contact #titleBox_bt {
	height: 30px;
	background: url(../images/contact_title3.png) no-repeat;
	margin: 0px auto;
	width: 738px;
}

.html #contact #titleBox_bt {
	background: url(../images/contact_title3.gif) no-repeat;
}

/*--2011.03.23 add --*/
/*--
#home #container #contents #notice {
	margin: 7px;
	border: 1px solid #424242;
	border-radius: 8px;        /* CSS3草案 */  /*
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  /*
	-moz-border-radius: 8px;   /* Firefox用 */ /*
}

/*
#home #container #contents #notice #notice_title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 10px;
	line-height: 1.8em;
	color: #424242;
}
#home #container #contents #notice #notice_main {
	text-align: center;
	margin-bottom: 10px;
	margin-left: 40px;
}
--*/

/*--2011.12.03 add --*/

#home #container #contents #notice {
	margin: 7px 0px;
}

