@charset "utf-8";
/* CSS Document */

body{
background:#e7e7e7;
font-size:12px;
}

a:link{color:#ffffff; text-decoration:none;}
a:visited{color:#ffffff; text-decoration:none;}
a:hover{color:#699000; text-decoration:underline;}


#container{
width:auto;
height:auto;
background:url(../img/body_bg.jpg) top left repeat-x;
padding-top:30px;
}

#wrapper{
	width:904px;
	height:589px;
	background:url(../img/bg.jpg) top no-repeat;
	margin:0 auto;
	padding-top: 4px;
}

/*090408甲斐追加*/
#containertop{
width:auto;
height:auto;
padding-top:30px;
}

#wrappertop{
	width:906px;
	height:622px;
	margin:0 auto;
	padding-top: 4px;
}










#wrapper_b{
	width:904px;
	height:586px;
	background:url(../img/bg.jpg) top no-repeat;
	margin:0 auto;
	padding-top: 4px;
}

#wrapper_c{
	width:904px;
	height:586px;
	background:url(../../eog/products/img/product_bg.jpg) no-repeat;
	margin:0 auto;
	padding-top: 4px;
}

#wrapper_second{
	width:904px;
	height:auto;
	background:url(../img/second_bg.jpg) no-repeat;
	margin:0 auto;
	padding-top: 4px;
}

#wrapper_second_repeat{
	width:904px;
	height:auto;
	background:url(../img/second_bg_repeat.jpg) repeat-y;
	margin:0 auto;
	padding-bottom: 40px;
}

#wrapper_amenitie{
	width:904px;
	height:auto;
	background:url(../img/second_bg_am.jpg) no-repeat;
	margin:0 auto;
	padding-top: 4px;
}

#wrapper_amenitie_repeat{
	width:904px;
	height:auto;
	background:url(../img/second_bg_am_repeat.jpg) repeat-y;
	margin:0 auto;
	padding-bottom: 40px;
}



#wrapper_second_repeatb{
	width:904px;
	height:auto;
	background:url(../img/second_bg_repeat.jpg) repeat-y;
	margin:0 auto;
}



#head{
	width:487px;
	height:36px;
	margin:0 auto;
}

#head_top{
	width:489px;
	height:36px;
	margin:0 auto;
}

#head ul{
margin:0 auto;
}

#head_top ul{
margin:0 auto;
}

#head_top li{
display:inline;
font-size:0px;
line-height:0em;
vertical-align:baseline;
}


#head_second{
	width:604px;
	height:36px;
	margin:0 auto;
}

#head_second ul{
margin:0 auto;
}

#head_second li{
display:inline;
font-size:0px;
line-height:0em;
vertical-align:baseline;
}

#head li{
display:inline;
font-size:0px;
line-height:0em;
vertical-align:baseline;
}

#head_am{
	width:307px;
	height:36px;
	margin:0 auto;
}

#head_am ul{
margin:0 auto;
}

#head_am li{
display:inline;
font-size:0px;
line-height:0em;
vertical-align:baseline;
}


#foot{
	width:902px;
	height:29px;
	margin:0 auto;
	background:#000000;
}

#foot .copy{
padding-top:5px;
padding-left:5px;
float:left;
}

#foot .footmenu{
	float:right;
	padding-right:5px;
}

#foot .footmenu li{
display:inline;
margin-left:10px;
}

.top_txt1{
	padding-top:230px;
	text-align: center;
}

.top_txt2{
	text-align:right;
	padding-right:40px;
	padding-top:200px;
}

.top_logoarea{
	width:750px;
	margin:0 auto 20px;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 20px;
}

.top_logoarea .in{
	width:750px;
	height:auto;
	background:url(../img/top_logoarea_bg.jpg) repeat-y;
	padding: 10px 0;
}

.top_txt{
	width:720px;
	margin:0 auto;
}

.top_txt span{
font-size:14px;
font-weight:bold;
}

.top_right{
text-align:right;
width:700px;
margin:10px auto;
font-weight:bold;
}

#top_container{
	background:#000000;
	width:850px;
	height:auto;
	margin:56px auto 15px;
}

#top_container .title{
	width:810px;
	margin:0 auto 10px;
	padding-top:15px;
	padding-bottom:5px;
	border-bottom:1px solid #ffffff;
}

#top_container .title img{
	margin-bottom:10px;
}

#top_container .title p{
font-weight:bold;
font-size:14px;
color:#ffffff;
}

#top_container .cont_area{
	width:810px;
	margin:0 auto 0px;
	height: auto;
	padding-bottom: 15px;
}

#top_container .cont_area p{
	color:#ffffff;
	line-height:1.6em;
	padding-bottom: 10px;
}

#top_container .cont_area .p2{
padding-bottom:5px !important;
}

#top_container .cont_area .tit{
font-weight:bold;
font-size:14px;
padding-bottom:5px !important;
}

#top_container .list{
	width:810px;
	margin:30px auto 0px 10px;
	color:#ffffff;
	padding-bottom: 252px;
}

*:first-child+html #top_container .list{
	width:810px;
	margin:30px auto 0px 10px;
	color:#ffffff;
	padding-bottom: 172px;
}

* html #top_container .list{
	width:810px;
	margin:30px auto 0px 10px;
	color:#ffffff;
	padding-bottom: 172px;
}

#top_container .list li{
	width:115px;
	display:block;
	float:left;
	text-align:left;
	font-size:10px;
}

#top_container .list img{
margin-bottom:5px;
}

#top_container .list_navi{
	width:810px;
	margin:15px auto 0px 10px;
	color:#ffffff;
}

*:first-child+html #top_container .list_navi{
	width:810px;
	margin:30px auto 0px 10px;
	color:#ffffff;
}

* html #top_container .list_navi{
	width:810px;
	margin:30px auto 0px 10px;
	color:#ffffff;
}

#top_container .list_navi li{
	width:115px;
	display:block;
	float:left;
	text-align:left;
	font-size:12px;
	font-weight: bold;
	padding-bottom: 10px;
}

#top_container .list img{
margin-bottom:5px;
}



.now{
color:#699000 !important;
}

#top_container .cont_area .left_area{
width:560px;
height:auto;
float:left;
}

.mgb10{
margin-bottom:10px;
}

.mgb20{
margin-bottom:20px;
}

.mgb30{
margin-bottom:20px;
}

.mgb40{
margin-bottom:40px;
}

.padb20{
padding-bottom:20px;
}

.nomarpad{
padding-bottom:0px !important;
margin-bottom: !important;
}

.btmborder{
border-bottom:1px dotted #ffffff;
}

#top_container .cont_area .left_area table{
	width:560px;
	color:#ffffff;
	margin-bottom: 20px;
}

#top_container .cont_area .left_area td{
	background:#ffffff;
	color:#000000;
	padding:0.5em;
	font-size:10px;
	line-height:1.3em;
}

#top_container .cont_area .left_area th{
	text-align:left;
	padding:0px 5px;
	font-size:10px;
	vertical-align:middle;
}

#top_container .cont_area .right_area{
	width:225px;
	height:305px;
	float:right;
	padding-bottom: 15px;
}

#top_container .left{
	width:606px;
	height:433px;
	padding:13px 0px 0px 10px;
	float:left;
}

#top_container .right{
	width:191px;
	height:446px;
	padding:10px 20px 0px 0px;
	float:right;
}

#top_container .right li{
	margin-bottom:9px;
	line-height:0em;
}

*:first-child+html #top_container .right li{
margin-bottom:7px;
line-height:0em;
}

*html #top_container .right li{
margin-bottom:7px;
line-height:0em;
}

#top_container2{
	background:url(../img/menu_bg-trans.png) no-repeat;
	width:850px;
	height:455px;
	margin:56px auto 15px;
	}

#top_container2 .left{
	width:606px;
	height:433px;
	padding:13px 0px 0px 10px;
	float:left;
}

#top_container2 .right{
	width:191px;
	height:446px;
	padding:10px 20px 0px 0px;
	float:right;
}

#top_container2 .right li{
margin-bottom:11px;
line-height:0em;
}

*:first-child+html #top_container2 .right li{
margin-bottom:9px;
line-height:0em;
}

*html #top_container2 .right li{
margin-bottom:9px;
line-height:0em;
}

#top_container2 .title{
	width:810px;
	margin:0 auto 10px;
	padding-top:15px;
	padding-bottom:5px;
	border-bottom:1px solid #ffffff;
}

#top_container2 .title img{
margin-bottom:15px;
}

#top_container2 .title p{
font-weight:bold;
font-size:14px;
color:#ffffff;
}

#top_container2 .cont_area{
	width:810px;
	margin:0 auto 0px;
	height: auto;
	padding-bottom: 15px;
}

#top_container2 .cont_area p{
color:#ffffff;
line-height:1.7em;
}


/* product */

#content{
	width:904px;
	height:auto;
	margin:13px auto 0px;
}

#content .left{
	width:780px;
	height:auto;
	float:left;
	margin-bottom: 40px;
}

.left_cont{
	width:700px;
	height:auto;
	background:#000000;
	margin:100px auto 0px;
}

.left_cont table{
width:680px;
height:294px;
margin:10px auto;
}

.left_cont th{
	width:250px;
	height:294px;
	padding: 10px;
	vertical-align: top;
}

.left_cont td{
	width:auto;
	height:274px;
	padding:20px;
	color:#ffffff;
	vertical-align: top;
}

.left_cont td .title{
font-size:18px;
font-weight:bolder;
margin-bottom:10px;
}

.info1{
	font-size:12px;
	margin-bottom:5px;
}

.info2{
	font-size:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ffffff;
}

.info3{
	line-height:1.7em;
	margin-bottom:10px;
}

.info4{
	line-height:1.2em;
	font-size:10px;
}

.info5{
	line-height:1.7em;
	margin-bottom:20px;
}

.t_right{
	padding-top:20px;
	text-align:right;
}

.mail{
	background:url(../img/mail_icon.gif) left 4px no-repeat;
	padding-left:25px;
}


.mail_td{
padding-right:30px;
}

.mail_td p{
padding-bottom:5px !important;
}

#content .right{
	width:115px;
	height:auto;
	background:url(../img/submenu_bg.gif) repeat-y;
	float:right;
}

#content .right ul{
	float:right;
	padding-bottom: 20px;
	padding-right:2px;
}

#content .right li{
	margin-bottom:14px;
	font-size:0px;
	line-height:0em;
}

*:first-child+html #content .right li{
	margin-bottom:13px;
	font-size:0px;
	line-height:0em;
}

*html #content .right li{
	margin-bottom:13px;
	font-size:0px;
	line-height:0em;
}

.product_title{
	width:48px;
	height:17px;
	margin:10px auto 15px;
}

#back{
background:url(../../eog/products/img/back_bg.gif) repeat-y;
width:904px;
margin:0 auto;
}

.border{
	border-bottom:2px dotted #ffffff;
	margin:0 auto 40px;
	width: 750px;
}

.border2{
	border-bottom:2px dotted #ffffff;
	margin:15px auto 20px;
	width: 750px;
}


/* news shop */

.ov_flowarea{
width:810px;
height:auto;
}

.ov_flowarea .l_list{
width:150px;
float:left;
margin-right:10px;
text-align:center;
color:#ffffff;
}

.ov_flowarea .l_list li{
	font-size:14px;
	font-weight:bolder;
	margin-bottom:10px;
}

.ov_flowarea .r_list{
	width:640px;
	float:right;
	background:#ffffff;
	overflow:auto;
	padding:10px 0px;
	height:350px;
}

.ov_flowarea .r_list .listtitle{
width:100px;
font-size:16px;
font-weight:bold;
float:left;
text-align:center;
}

.ov_flowarea .r_list .listcont{
width:500px;
float:right;
padding-left:14px;
padding-top:15px;
margin-left:15px;
border-left:1px solid #666666;
}

.ov_flowarea .r_list .listcont dl{
	width:485px;
	height:auto;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #cccccc;
}

.ov_flowarea .r_list .listcont dt{
font-size:10px;
line-height:1.5em;
	width:60px;
	float:left;
	padding-right:10px;
	margin-right:10px;
}

.ov_flowarea .r_list .listcont dd{
font-size:10px;
line-height:1.5em;
	width:400px;
	float:left;
	
}

.bold{
font-weight:bold;
}

/*news*/
.news_listcont a:link{color:#000000 !important; text-decoration:underline !important;}
.news_listcont a:visited{color:#000000; text-decoration:underline;}
.news_listcont a:hover{color:#699000 !important; text-decoration:underline !important;}


/*shop*/

.ov_flowarea .r_list .shop_listtitle{
width:100px;
font-size:16px;
font-weight:bold;
float:left;
text-align:center;
}

.shop_listcont a:link{color:#000000 !important; text-decoration:underline !important;}
.shop_listcont a:visited{color:#000000; text-decoration:underline;}
.shop_listcont a:hover{color:#699000 !important; text-decoration:underline !important;}

.ov_flowarea .r_list .shop_listcont{
	width:490px;
	float:left;
	padding-left:10px;
	margin-left:10px;
	border-left:1px solid #666666;
	margin-top: 30px;
}

.ov_flowarea .r_list .shop_listname{
	width:100px;
	font-size:14px;
	font-weight:bold;
	float:left;
	text-align:center;
	margin-top: 30px;
}

.ov_flowarea .r_list .shop_listcont dl{
	width:490px;
	height:auto;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #cccccc;
}

.ov_flowarea .r_list .shop_listcont dt{
	font-size:10px;
	line-height:1.5em;
	width:140px;
	float:left;
	padding-right:10px;
	margin-right:10px;
}

.ov_flowarea .r_list .shop_listcont dd{
	font-size:10px;
	line-height:1.5em;
	width:320px;
	float:left;
	
}

.area_name{
	color:#000000 !important;
	margin-top:15px;
	font-size:12px;
}

.shop_catlist{
	width:620px;
	height:auto;
}

.shop_bld{
font-weight:bold;
}

.product_list{
	width:750px;
	height:auto;
	margin:15px auto 15px;
	padding-bottom:15px;
	border-bottom:2px dotted #ffffff;
}

.product_list ul{
width:750px;

}
.product_list li{
	width:210px;
	float:left;
	padding-bottom:15px;
	margin-right:25px;
}

.product_table{
	width:750px;
	height:auto;
	margin:0 auto 30px;
}

.product_table th{
	width:300px;
	height:auto;
	vertical-align:top;
	padding:10px;
	color: #ffffff;
}

.product_table td{
	text-align:left;
	padding:10px;
	color: #ffffff;
	vertical-align: top;
}

.product_table .product_name{
	font-weight:bold;
	font-size:14px;
	padding-bottom:15px;
	color:#ffffff;
}

.product_table .product_txt{
color:#ffffff;
margin-bottom:10px;
}


/*clearfix ----------------------------------------------------------------*/

.clearfix:after{
content: "url(/shared/img/spacer.gif)"; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
overflow:auto;
font-size:0px;
}

.clearfix {
display: inline-block;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix{
height: 1%;
}
.clearfix{
display: block;
}

/* End hide from IE-mac */


/*.clearfix{
overflow:hidden;
}
*/