/*======================== template01（2009.01.20） ========================*/
/*============================================ base(CSS)▼ =============*/
@charset "shift_jis";

* {
margin: 0;
padding: 0;
}

/*===============================Safari(MAC・WIN for 3.1)用 ▼===============================*/
html:not(:only-child:only-child) body {
margin: 0;
padding: 0;
font-size: 90%;
font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", "ヒラギノ角ゴ Pro W3" Osaka-mono, monospace;
}
/*===============================Safari(MAC・WIN for 3.1)用 ▲===============================*/

/*===============================IE7用 ▼===============================
*:first-child+html body{
margin: 0;
padding: 0;
font-size: 70%;
font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", "ヒラギノ角ゴ Pro W3" Osaka-mono, monospace;
}
===============================IE7用 ▲===============================*/



body{
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #FFF;
font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", "ヒラギノ角ゴ Pro W3" Osaka-mono, monospace;
}

html{
overflow-y: scroll;
}

img { border:0;}
/*========= フォント設定▼ =====*/
body, body p{
font-size: 12px;
color: #666;
line-height: 18px;
letter-spacing: 0.1em;
}

body p.fntbld{
font-size: 12px;
font-weight: bold;
color: #666;
letter-spacing: 16px;
}

a{
color: #588191;
font-weight: normal;
text-decoration: none;
}

a:hover{
color: #6699FF;
font-weight: normal;
text-decoration: none;
}

h1{
font-size: 1.4em;
display: block;
width: 100%;
margin: 0;
}

h2{
font-size: 1.3em;
display: block;
width: 100%;
margin: 0;
}

h3{
font-size: 1em;
display: block;
width: 100%;
margin: 0;
}

h4{
font-size: 0.9em;
display: block;
width: 100%;
margin: 0;
}

h5{
font-size: 0.8em;
display: block;
width: 100%;
margin: 0;
}

h6{
font-size: 0.7em;
display: block;
width: 100%;
margin: 0;
}

.cap_14em{
font-size: 1.4em;
}

.cap_13em{
font-size: 1.3em;
}

.cap_12em{
font-size: 1.2em;
}

.cap_11em{
font-size: 1.1em;
}

.cap_09em{
font-size: 0.9em;
}

.cap_085em{
font-size: 0.85em;
}

.cap_075em{
font-size: 0.75em;
}

.cap_14em a,
.cap_13em a,
.cap_12em a,
.cap_11em a,
.cap_09em a,
.cap_085em a,
.cap_075em a{
letter-spacing: 0.05em;
color: #fa7d7d;
}

.cap_14em a:hover,
.cap_13em a:hover,
.cap_12em a:hover,
.cap_11em a:hover,
.cap_09em a:hover,
.cap_085em a:hover,
.cap_075em a:hover{
color: #fba2a2;
}

/*==== Firefoxのみ ▽====*/
html>/**/body .cap_14em a,
html>/**/body .cap_13em a,
html>/**/body .cap_12em a,
html>/**/body .cap_11em a,
html>/**/body .cap_09em a,
html>/**/body .cap_085em a,
html>/**/body .cap_075em a{
letter-spacing: 0.09em;
}
/*==== Firefoxのみ △====*/
/*========= フォント設定▲ =====*/

/*========= 設定説明用▼ =======*/
.print-hide{
color: #00a1e9;
}
/*========= 設定説明用▲ =======*/

/*============================================ base(CSS)▲ =============*/

/*============================================ layout(CSS)▼ ===========*/
/*=========== コンテンツベース▼ =====*/
#container_base{
position: relative;
top: 0;
left: 0;
margin: 0 auto;
width: 900px;
/*width: 100%;*/
height: auto;
background: #efefef;
}

#in_container_base{
position: relative;
top: 0;
left: 0;
margin: 0 auto;
width: 900px;
/*width: 100%;*/
height: auto;
background: #ffffff;
}

/*=========== コンテンツベース▲ =====*/
/*=========== コンテナー▼ ===========*/
#container{
position: relative;
top: 0;
left: 0;
margin: 0 auto;
width: 900px;

}
/*=========== コンテナー▲ ===========*/
/*=========== ヘッダー▼ =============*/
#header{
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 900px;

}

#header:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #header{
height: 1em;
}
/**/
/*=========== ヘッダー▲ =============*/
/*=========== グローバルメニュー▼ ===*/
#header .gmenu{
width: 565px;
height: 38px;
float: right;
clear: both;
}
/*=========== グローバルメニュー▲ ===*/
/*=========== WEBサイト タイトル▼ ===*/
#header .title1,
#header .title2{
margin: 10px;
}

#header .title2 a{
color: #FFF;
}

#header .title2 a:hover{
color: #6699FF;
}

#header .title-print{
display: none;
}
/*=========== WEBサイト タイトル▲ ===*/
/*=========== コンテンツ▼ ===========*/
#contents{
width: 845px;
margin-left:27px;

}
/*=========== コンテンツ▲ ===========*/
/*=========== カテゴリータイトル▼ ===*/
#cat_title{
margin: 0;
padding: 0;
width: 845px;
height: 100%;
}

#cat_title .title1{
margin: 0;
color: #000;
}

#cat_title .title2{
width: 760px;
height: 23px;
margin: 0;
padding: 5px 0 0 18px;
background: url(../images/cat_title_base.gif) no-repeat top left;
}

#cat_title:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #cat_title{
height: 1em;
}
/**/

#cat_title .title-print{
display: none;
}
/*=========== カテゴリータイトル▲ ===*/
/*=========== メイン▼ ===============*/
#main1{
display: block;
width: 100%;

}

#main2{
display: block;
width: 100%;
background: #cee4ae;
}

#main1:after,
#main2:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #main1,
* html #main2{
height: 1em;
}
/**/

#main1 .main_left{
float: left;
width: 422px;
height: auto;
margin: 0;
padding: 0;
}

#main1 .main_left_menu{
float: left;
width: 135px;
height: auto;
margin: 0;
padding: 0;
}


#main2 .main_left{
float: left;
width: 320px;
height: auto;
margin: 0;
padding: 0;
background: #cee4ae;
}

#main1 .main_right{
float: left;
width: 422px;
height: auto;
margin: 0;
padding: 0;
}

#main1 .main_right_menu{
float: left;
width: 700px;
height: auto;
margin: 0;
padding: 0 0 0 10px;;
}

#main2 .main_right{
float: left;
width: 478px;
height: auto;
margin: 0;
padding: 0;
background: #eeffce;
}

#main_right_base{
width: 100%;
}
/*=========== メイン左 内枠▽ ====*/
#main_left_box1{
width: 280px;
margin: 10px 9px;
padding: 10px;
border: 1px solid #666;
}

#main_left_box2{
width: 230px;
margin: 0 0 10px 10px;
padding: 10px;
border: 1px solid #666;
}
/*=========== メイン左 内枠△ ====*/
/*=========== メイン右 内枠▽ ====*/
#main_right_box1{
float: left;
width: 78px;
margin: 10px 5px;
padding: 3px;
border: 1px solid #666;
}

#main_right_box2{
float: left;
width: 350px;
margin: 10px 5px;
padding: 3px;
border: 1px solid #666;
}

#main_right_box3{
width: 440px;
margin: 10px auto;
padding: 6px;
border: 1px solid #666;
background: #dffdff;
}
/*=========== メイン右 内枠△ ====*/
/*=========== メイン▲ ===============*/

/*=========== フッター▼ =============*/
#footer{
font-family:"Times New Roman", Times, serif;
clear: both;
width: 100%;
font-size: 0.85em;
padding: 2px 0 0 0;
color: #7E7E7E;
text-align: center;

}


html:not(:only-child:only-child) #footer{
	
font-family:"Times New Roman", Times, serif;
clear: both;
width: 100%;
font-size: 0.7em;
padding: 2px 0 0 0;
color: #7E7E7E;
text-align: center;

}	
.footer-print{
display: none;
}
/*=========== フッター▲ =============*/
/*============================================ layout(CSS)▲ ===========*/


/*============================================ 画像▼ ==================*/
/*=========== CAT PHOTO▼ ============*/
.photo_btn1{
width: 120px;
height: 134px;
text-indent:-9999px;
background: url(../category1/images/cat_photo.jpg) no-repeat;
}

.photo_btn1 a{
display:block;
height: 134px;
}

.photo_btn1 a:hover{
width: 120px;
background: url(../category1/images/cat_photo.jpg) 0 -134px;
}

.photo_btn1On{
width: 120px;
background: url(../category1/images/cat_photo.jpg) 0 -134px;
}
/*=========== CAT PHOTO▲ ============*/
/*============================================ 画像▲ ==================*/





/* 背景設定
---------------------------------------------- */

div#whatsnew {
	background: #FFF;
}


/* テーブルフォント設定
---------------------------------------------- */

div#whatsnew table {
	font-size: 12px !important;
	font-size: 100%;
	line-height: 120%;
	background: #FFF;
}




.pl_menu{
	margin-left:8px;
}


#reception{
	background:url(../images/reception.gif) top left no-repeat; 
	width:720px; 
	height:36px; 
	padding:10px 0 0 125px; 
	font-weight:bold; 
	letter-spacing:0em; 
	font-size:1em;
	margin:30px 0 0 0;
}

html:not(:only-child:only-child) #reception{
	background:url(../images/reception.gif) top left no-repeat; 
	width:720px; 
	height:36px; 
	padding:10px 0 0 125px; 
	font-weight:bold; 
 
	font-size:0.9em;
	margin:30px 0 0 0;
}

	
	
	
	
	
/*=========== コンテンツ▼ ===========*/
#prd_contents{
width: 680px;
height:auto;

}
/*=========== コンテンツ▲ ===========*/

/*=========== カテゴリータイトル▼ ===*/
#prd_cat_title{
margin: 0;
padding: 0;
width: 700px;
height: 100%;
}

#prd_cat_title .title1{
margin: 0;
color: #000;
}

#prd_cat_title .title2{
width: 700px;
height: 23px;
margin: 0;
padding: 5px 0 0 18px;
background: url(../images/cat_title_base.gif) no-repeat top left;
}

#prd_cat_title:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #prd_cat_title{
height: 1em;
}
/**/

#prd_cat_title .title-print{
display: none;
}
/*=========== カテゴリータイトル▲ ===*/

.prd_back{display:block; text-align:right; font-size:0.85em; padding-top:10px;}




#prd_month{width:680px; height:auto;}
.prd_month_bt{ text-align:right; font-size:0.85em; padding-top:0;}


.prd_list_ta-photo{
border-right:1px solid #b4b4b4;border-bottom:1px solid #b4b4b4; background:#E8E8E8;
}

.prd_list_taline-center{
border-right:1px solid #b4b4b4; text-align:center; background:#E8E8E8;
}

.prd_list_ta-center{
text-align:center; background:#E8E8E8;
}

.prd_list_ta-name{
border-right:1px solid #b4b4b4;background:#E8E8E8;
}


.prd_list_ta-exp{
border-bottom:1px solid #b4b4b4; border-top:1px dotted #b4b4b4; height:40px;
}

.prd_list-photo{
display:block; width:125px; height:80px; line-height:0em;
}

.prd_list-no{
display:block; width:84px; color:#333333;
}

.prd_list-name{
display:block; width:314px; padding:0px 2px 0px 7px; color:#333333; line-height:1.4em;
}


.prd_list-price{
display:block; width:64px; color:#333333; line-height:1.2em;
}

.prd_list-sale{
display:block; width:81px; color:#333333; line-height:1.2em;
}

.prd_list-exp{
display:block; padding:4px 2px 2px 7px;line-height:1.2em; color:#999;
}

.prd_back_bt{
display:block;padding-right:10px;text-align:right; font-size:0.85em; padding-top:0;
}

.prd_sereis_name{
color:#444444;
padding-left:3px;
font-family:'ＭＳ ゴシック', 'MS Gothic', 'Osaka−等幅', Osaka-mono, monospace;
letter-spacing:-0.01em;
font-size:0.9em;
}

.prd_pd_name{
color:#353535;
font-weight:bold;
font-family:'ＭＳ ゴシック', 'MS Gothic', 'Osaka−等幅', Osaka-mono, monospace;
letter-spacing:-0.01em;
font-size:1.6em;
}

.prd_pd_name02{

color:#444444;
padding-left:3px;
font-family:'ＭＳ ゴシック', 'MS Gothic', 'Osaka−等幅', Osaka-mono, monospace;
letter-spacing:-0.01em;
font-size:0.9em;

}

#ta td {
border-top:1px solid #b4b4b4;
border-left:1px solid #b4b4b4;
padding-left:10px;
}

#ta2 td {
border-top:1px solid #b4b4b4;

}

#td_dotline {
border-right:1px dotted #b4b4b4;
text-align:center;
width:100px;
}

#td_10{
padding:0 10px;
}

#td_10-2{
padding:0 10px;
width:159px;
}


#td_photo{
background:#E8E8E8; width:125px; height:80px;
}


#td_photo2{
background:#ffffff; width:160px; height:160px; border-right:1px solid #E8E8E8;
}


/* コース料金
---------------------------------------------- */

.pricetable {
	margin: 0;
	padding: 0;
	border-right: solid 1px #969696;
	border-top: solid 1px #969696;
}

.pricetable td {
	margin: 0;
	padding: 3px;
	border-left: solid 1px #969696;
	border-bottom: solid 1px #969696;
}

/* テーブル設定
---------------------------------------------- */

.shopTable {
	margin: 0;
	padding: 0;
	border-right: solid 1px #505050;
}

.shopTable td {
	margin: 0;
	padding: 3px;
	border-left: solid 1px #505050;
	border-bottom: solid 1px #505050;
}

.shopTable .title {
	background-color:#F0F0F0;
	border-top: solid 1px #505050;
}

.strong {
	font-weight: bold;
}




/* テーブル設定(090627追加　ここから)
---------------------------------------------- */

.regTable {
	margin: 0;
	padding: 0;
	border-right: solid 1px #666;
}

.regTable td {
	margin: 0;
	padding: 3px 10px;
	border-left: solid 1px #666;
	border-bottom: solid 1px #666;
}
.regTable .head {
	background-color:#F0F0F0;
}
.regTable .head2 {
	border-top: solid 1px #666;
	background-color:#F0F0F0;
}
.regTable .title {
	border-top: solid 1px #666;
	background-color:#DEDEDE;
}


/* サブメニュー
---------------------------------------------- */

#raceMenu li {
	list-style-type: none;
	margin: 0;
	float: left;
}

#raceMenu li a {
	font-size:10px;
	color: #6496C8;
	text-decoration:none;
	border: 1px solid #6496C8;
	padding: 0.1em 0.7em;
	margin:3px 3px 3px 0;
	display: inline;
}

#raceMenu li a:hover {
	color: #FFF;
	background-color: #6496C8;
	text-decoration:none;
}

#raceMenu li .raceOn{	
	color: #FFF;
	background-color: #6496C8;
}
/* ページタイトル
---------------------------------------------- */

.title2 {
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	padding:3px 10px;
	text-align:left;
}


.resultTable {
	margin: 0;
	padding: 0;
	border-right: solid 1px #666;
}

.resultTable td {
	margin: 0;
	padding: 3px 10px;
	border-left: solid 1px #666;
	border-bottom: solid 1px #666;
}
.resultTable .head {
	background-color:#DEDEDE;
	border-top: solid 1px #666;
}
.resultTable .pos {
	background-color:#DEDEDE;
}
/* 実線
---------------------------------------------- */

.line505050mgn5 {
	margin: 5px 0;
	height: 1px;
	border-bottom: solid 1px #505050;
}

.line505050mgn1 {
	margin: 1px 0;
	height: 1px;
	border-bottom: solid 1px #505050;
}

.line969696mgn5 {
	margin: 5px 0;
	height: 1px;
	border-bottom: solid 1px #969696;
}

.line969696mgn1 {
	margin: 1px 0;
	height: 1px;
	border-bottom: solid 1px #969696;
}

.lineCCCCCCdot1 {
	margin: 5px 0;
	height: 1px;
	border-bottom: solid 1px #CCCCCC;
}


li {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
}

/* テーブル設定
---------------------------------------------- */

.gpepResTable {
	margin: 0;
	padding: 0;
	border-right: solid 1px #666;
}

.gpepResTable td {
	margin: 0;
	padding: 3px 10px;
	border-left: solid 1px #666;
	border-bottom: solid 1px #666;
}
.gpepResTable .head {
	background-color:#505050;
	color:#FFF;
}
.gpepResTable .graybg {
	border-top: solid 1px #666;
	background-color:#F5F5F5;
}

#table_text td{

	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
	font-size:0.89em; line-height:1.4em;
}
#table_text2 td{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
	font-size:1em; line-height:1.4em; letter-spacing:0.1em;
}