@charset "utf-8";

/* CSS Document */

/* [CSS設定目次] ====================================================================

01.初期設定
02.共通クラス
03.クリアしたいfloatの親要素に
04.透明PNGのIE対策
05.メニュー

06.コンテナー
07.ヘッダー
08.サイドボックス
09.コンテンツ
10.フッター
11.トップページコンテンツ

作成日：2010/03/30

==================================================================== [CSS設定目次] */



/* ================================================================================ */
/* 01.初期設定                                                                      */
/* ================================================================================ */


*{ margin:0;padding:0; }		/* マージンとパディングのリセット */
body { text-align:center; }	/* IEセンターよせ */

h1, h2, h3, h4, h5, h6, div,p, pre, ul, ol, dl, dt, dd,th,td,form, blockquote{
	text-align:left;
	color:#383838;
}
table		{ empty-cells:show; }
hr 			{ display:none; }
img			{ border:none; vertical-align:text-bottom; }
ul li		{ list-style:none; }

/*
a:link		{ color:#未指定; text-decoration:none; }
a:visited	{ color:#未指定; text-decoration:none; }
a:active	{ color:#未指定; }
a:hover		{
	color:#未指定;
	text-decoration:none;
	text-decoration:underline;
}
*/


/*-----------------------------------------------------------------------------------
	base = 14px
	10px = 72%     11px = 79%     12px = 86%     13px = 93%
	14px = 100%    15px = 108%    16px = 115%  17px = 122%
	18px = 129%  19px = 136%  20px = 143%  21px = 150%
	22px = 158%    23px = 165%    24px = 172%    25px = 179%
	26px = 186%
------------------------------------------------------------------------------------*/

strong{ font-weight:normal; }
p,li{ line-height:1.6; }
#header h1{ font-size:12px; font-weight:normal; }
#footer li,
#footer p{ font-size:86%; }
#footer li ul li{ font-size:110%; }
#sub_menu li a{ font-size:79%; text-decoration:none; color:#383838;}



/* ================================================================================ */
/* 02.共通クラス                                                                    */
/* ================================================================================ */


.align_c			{ text-align:center; }
.align_r			{ text-align:right; }

.f_left				{ float:left;}
.f_right			{ float:right;}
.clear_b			{ clear:both; }

.txt_red			{ color:red; }
.txt_blue			{ color:blue; }
.txt_orange		{ color:#ec6438; }

.txt_bold			{ font-weight:bold; }

.ml_10				{ margin-left:10px; }
.ml_20				{ margin-left:20px; }
.ml_30				{ margin-left:30px; }

.mt_5					{ margin-top:5px; }
.mt_10				{ margin-top:10px; }
.mt_20				{ margin-top:20px; }
.mt_25				{ margin-top:25px; }
.mt_30				{ margin-top:30px; }

.mb_5					{ margin-bottom:5px; }
.mb_10				{ margin-bottom:10px; }
.mb_20				{ margin-bottom:20px; }
.mb_30				{ margin-bottom:30px; }


/* site key visual ================================================================ */

#key_visual{ text-align:center; margin:10px 0px 0px; }

/* パンくずリスト ================================================================= */

/*#i_breed_holder{}*/



/* ================================================================================ */
/* 03.クリアしたいfloatの親要素に                                                   */
/* ================================================================================ */


.clearfix:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	line-height:0;
	clear:both;
	font-size: 0.1em;
}



/* ================================================================================ */
/* 04.透明PNGのIE対策                                                               */
/* ================================================================================ */




/* ================================================================================ */
/* 05.メニュー                                                                      */
/* ================================================================================ */


#menu{
	width:900px;
	height:36px;
	/*background:#ff7800 url (./img/menu_bg.gif) no-repeat;*/
	clear:both;
	position:relative;
	margin-left:10px;
}
.bg_o{ background:url(/navi/navi_o_bg.gif) repeat-x; }
.bg_b{ background:url(/navi/navi_b_bg.gif) repeat-x; }
.bg_r{ background:url(/navi/navi_r_bg.gif) repeat-x; }
.bg_g{ background:url(/navi/navi_g_bg.gif) repeat-x; }



#menu ul{ margin-left:20px; }
#menu li{
	height:36px;
	float:left;
}

#menu2{
	position:absolute;
	top:0px;
	right:40px;
}

#sub_menu{
	width:900px;
	margin-left:10px;
	background-color:#d8d8d8;
	clear:both;
	position:relative;
}

#sub_menu ul{ margin-left:20px; }
#sub_menu li{
	padding:5px 0px;
	float:left;
}

#sub_menu2{
	position:absolute;
	top:5px;
	right:20px;
}



/* ================================================================================ */
/* 06.コンテナー                                                                    */
/* ================================================================================ */


#container{
	width:920px;
	margin:0px auto;
	background:url(./img/container_bg.gif) repeat-y;
}
#container:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	line-height:0;
	clear:both;
	font-size: 0.1em;
}




/* ================================================================================ */
/* 07.ヘッダー                                                                      */
/* ================================================================================ */


#header{
	width:900px;
	height:auto;
	margin-left:10px;
	background:url(./img/header_bg.gif) repeat-x bottom;
}
#header h1{ margin:0px 0px 0px 20px; }
#logo{ margin:15px 0px 6px 20px; }

#hd_left{
	width:420px;
	margin-top:10px;
	float:left;
}

#hd_right{
	width:480px;
	margin-top:10px;
	float:right;
}
#hd_right p{text-align:right; padding-right:10px;}
#menu01{ margin-top:20px; line-height:0px; }

#menu01 img{ vertical-align:bottom;}
/** html #menu01 img{ margin-bottom:0px; }*/
/* ================================================================================ */
/* 08.サイドボックス                                                                */
/* ================================================================================ */


#side_body{
	width:260px;
	height:auto;
	margin-top:40px;
	float:right;
}
/* * html #side_body{ width:190px; }IE hack*/
#news{
width:240px;
}
#news li{
border-left:5px solid #eb7373;
padding-left:5px;
margin-bottom:10px;
}

#banner{ margin-top:30px; }
#banner li{ margin-bottom:5px; }


/* ================================================================================ */
/* 09.コンテンツ                                                                    */
/* ================================================================================ */


#contents, #contents_top{
	width:610px;
	margin:20px 0px 0px 10px;
	padding:10px 20px 40px;
	background:url(./img/contents_bg.gif) repeat-y left top;
	float:left;
	display:inline;
}

/* 体験ツアーページ用 */
#contents_tour{
width:870px;
margin:25px 0px 0px 10px;
padding:10px 20px 40px;
background:url(./img/contents_bg2.gif) repeat-y left top;
float:left;
display:inline;
}

div.tour_information {
margin: 20px auto;
text-align: center;

}


* html #contents{ width:650px; }
#contents h2 {
margin-top: 25px;
margin-bottom:10px;
padding-bottom:10px;
/*
border-bottom:1px solid #373737;
*/
}

#contents h2.blue {
margin-top: 10px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
border-left: 8px solid #3953c3;
}


.cbox{
	width:610px;
	background:url(./img/line_dashed.gif) repeat-x bottom;
	padding-bottom:10px;
	margin-bottom:20px;
	clear:both;
}
.cbox_end{
	width:610px;
	border-bottom:1px solid #373737;
	padding-bottom:10px;
	margin-bottom:30px;
	clear:both;
}

.cbox h3,
.cbox h4{ margin-bottom:5px; }

.imgbox{
	width:130px;
	float:left;
}

.rbox{
width:470px;
float:right;
}

#contents h3 {
clear: both;
margin-top: 25px;
padding-left: 10px;
border-left: 5px solid #ED999F;
}

#contents h3.blue {
padding: 10px;
border-left: 10px solid #3953c3;
border-top: 1px solid #3953c3;
border-right: 1px solid #3953c3;
border-bottom: 1px solid #3953c3;
}


#contents p {
clear: both;
margin: 20px 5px;
/*
*/
}

#contents_tour p.product_summary,
#contents p.product_summary {
clear: both;
margin: 5px 5px 25px 5px;
line-height: 220%;
}
#contents_tour span.summary,
#contents span.summary {
margin: 5px;
padding: 5px;
background-color:#F8EFE1;
border:1px solid #BF3953;
}



#contents .center_link {
clear: both;
margin: 0 auto;
background-color: #FFE8E2;
border:1px solid #ED999F;
text-align: center;
width: 450px;
}

#contents .center_link a {
	text-decoration: none;
	display: block;
padding: 10px;
background-color: #FFE8E2;
}
#contents .center_link a:link {
	color: #000;
}
#contents .center_link a:hover {
	color: #000;
	background: #ED999F;
}
#contents .center_link a:visited {
	color: #000;
}
#contents .center_link a:active {
	color: #F00;
}



#contents dl {
clear: both;
margin: 20px;
padding: 10px;
}
#contents dt {
margin: 0 10px 5px 10px;
padding: 2px;
background-color: #FAFBF8;
}
#contents dd {
margin: 0 20px 10px 20px;
}


#contents ol {
margin-left:35px;
}


#contents table {
margin-top: 20px;
margin-bottom: 10px;
width: 100%;
}

#contents td {
padding: 10px;
vertical-align: top;
border-bottom:1px solid #414141;
}

#contents td.head_title {
padding: 5px;
background-color: #91b8ff;
border:1px solid #3a80ff;
vertical-align: middle;
text-align: center;
}

#contents td.head {
background-color: #FAFBF8;
border-right:1px solid #c9c9c9;
width: 160px;
}

#contents ul {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 15px;
}
#contents li {
padding-left: 15px;
margin-bottom: 8px;
}

#contents li.list {
/*list-style-type: disc;*/
background: url(/img/list-disc.gif) no-repeat;
background-position: 0px 3px;
}


#contents blockquote {
/*text-align: center;*/
width: 550px;
margin:12px;
padding:12px;
background-color: #dde9ff;
border:dotted 2px #226fff;
}



/* ================================================================================ */
/* 10.フッター                                                                      */
/* ================================================================================ */

#pagetop{
	width:880px;
	background-color:#595959;
	text-align:right;
	margin-left:10px;
	padding:0px 10px;
	clear:both;
}
* html #pagetop{ width:900px; }



#footer{
	width:900px;
	margin-left:10px;
	background-color:#373737;
	clear:both;
}
#footer a:link,
#footer a:visited,
#footer p,
#footer li{ color:#fff; text-decoration:none; }
#footer a:hover{ color:#fff; }

.foot_box,
.foot_box_end{
	width:205px;
	margin-top:20px;
	display:inline;
	float:left;
}
.foot_box{ margin-right:20px;  margin-bottom:20px; }
.foot_box_end{ margin-bottom:20px; }
.fnavi_title{
	color:#fff;
	border-bottom:1px solid #fff;
	letter-spacing:2px;
	margin-bottom:5px;
}
#footer h5{ margin-bottom:10px; }
.foot_box li,
.foot_box_end li{ margin-left:5px; line-height:1.4; }

#copyright{
	width:890px;
	padding:20px 0px;
	background-color:#2b2b2b;
	position:relative;
}

#footer font.red {
	color: red;
}

* html #copyright{
	width:900px;
}

#copyright p{ margin-left:10px; clear:both; }

#copyright ul{ width:890px; margin-left:10px; }
#copyright ul li{
	padding:5px 0px;
	float:left;
}
#flogo{
	position:absolute;
	top:25px;
	right:10px;
}

/*
#footer p a:link,
#footer p a:visited{ color:#未指定; }
#footer p a:hover  { color:#未指定; }
*/



/* ================================================================================ */
/* 11.トップページコンテンツ                                                        */
/* ================================================================================ */


#contents_top ul#news{
	width:568px;
	height:150px;
	padding:3px 10px;
	overflow:auto;
	border:1px solid #ad8d8c;
}
* html #contents_top ul#news{ width:588px; } /* IE hack */

#contents_top ul#news li{ margin:0px 0px 5px; }
#contents_top ul#news li hr{
	width:100%;
	height:1px;
	margin-top:5px;
	display:block;
	color:#facbca;
}

























.tabNav{
	position:relative;
	z-index:10;
	*zoom:1;
}
.tabNav li{
	float:left;
	margin-right:0.25em;

}
.tabNav li a{
	display:block;
	border: 1px solid #ccc;
	padding:0.25em 0.5em;
	background-color:#fff;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	text-decoration:none;
}
.tabNav li a:hover{
	background-color:#fff;
}
.tabNav li a.active{
	background-color:#fff;
	border-bottom:1px solid #000;
}
.tabContent{
	clear:left;
	position:relative;
	top:-1px;
	z-index:1;
	border:1px solid #ccc;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	padding:1em;
}


#product_view table,
#input_table table {
margin-top: 20px;
margin-bottom: 10px;
width: 100%;
}

#product_view td,
#input_table  td {
padding: 10px;
vertical-align: top;
}

#product_view td.ttl,
#input_table  td.ttl {
background-color: #FAFBF8;
vertical-align: middle;
}

.error_red {
color: #D63973;
}

blockquote.infobox {
	margin: 20px 0 20px 0;
 	padding: 10px 10px 10px 10px;
  	text-align: left;
  	background: #cceb86 ;
	background-position: 8px 10px;
	border: 1px solid #cceb86;
	border-left: 4px solid #8fc70c;
}

#contents blockquote.infobox_howto {
	margin: 10px;
 	padding: 10px;
  	text-align: left;
  	background: #ffe933 ;
	background-position: 8px 10px;
	border: 1px solid #e2a500;
	border-left: 4px solid #e2a500;
}

#contents blockquote.inpact2 {
	width: 370px;
	margin: 5px 0;
 	padding: 5px;
  	text-align: left;
  	background: #FDE3E3 ;
	border: 1px solid #F3A4B3;
}

#contents blockquote.inpact3 {
	width: 500px;
	margin: 5px 0;
 	padding: 5px;
  	text-align: left;
  	background: #FDE3E3 ;
	border: 1px solid #F3A4B3;
}

#contents span.inpact2 {
  	background: #FDE3E3 ;
	border: 1px solid #F3A4B3;
 	padding: 0 2px;
}


/* =========================== */
#sup_info_list ul {
margin-top: 10px;
margin-bottom: 20px;
}
#sup_info_list li {
line-height:1;
margin-left: 30px;
padding: 0;
list-style: circle;
}


/* =========================== */
.menubox {
width: 298px;
float: left;
font-size:12px; font-weight:normal;
}


.p12 {
font-size:10px; font-weight:normal;
}



/* リンクボタン */
.linkbtn, .linkbtn:visited{
	padding:10px 20px;
	margin:20px auto;
	text-align: center;
	font-size:16px;
	background:#ed5353;
	display:inline-block;
	color:#ffffff;
	text-decoration:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:none;
	position:relative;
	cursor:pointer;
	vertical-align: middle;
}
a.linkbtn {
	color:#ffffff;
}
.linkbtn a:link{
	color:#ffffff;
}
.linkbtn:hover{
	background:#d94c4c;color:#fff;
}






table.product-title {
margin-left: 20px;
width: 880px;
min-height: 100px;
background-color: #373737;
padding: 10px;
letter-spacing: 1pt;
-webkit-border-radius: 6px;
   -moz-border-radius: 4px;
     -o-border-radius: 4px;
        border-radius: 4px;
}
table.product-title td {
vertical-align: top;
padding: 0 5px;
border-collapse: collapse;
}
.product-title-header {
font-weight: normal;
font-size: 14px;
color: #d6d6d6;
}
.product-title-left {
font-size: 20px;
font-weight: bold;
color: #fff;
width: auto !important;
}

.product-title-right {
font-size: 16px;
text-align: right;
color: #d6d6d6;
white-space: nowrap;
width: auto !important;
}

.product-s {
font-size: 12px;
margin-right: 10px;
font-weight: normal;
color: #d6d6d6;
}