@charset "utf-8";


/* =========================================================
main
========================================================= */
.main{ width:100%; height:460px;background:url(/images/bg_main.png) center; clear:both;}
.main .inbox { width:980px; height:460px;margin:0 auto;position: relative;}
.main .inbox .txt{ position:absolute;top:31px;left:51px;z-index:1;}
.main .inbox h2{ position:absolute;top:91px;left:21px;z-index:1;}
.main .inbox .copy{ position:absolute;top:301px;left:8px;z-index:1;}
.main .inbox .pic{ position:absolute;top:4px;left:352px;z-index:1;}
.main .inbox .reservation_main{ position:absolute;top:247px;left:779px;z-index:10;width:200px; height:200px;}
.main .inbox .reservation_main a{background: url(/images/btn_reservation_main.png) top;display:block;text-indent:-9999px;width:200px; height:200px;}
.main .inbox .reservation_main a:hover{background: url(/images/btn_reservation_main.png) bottom;display:block;text-indent:-9999px;width:200px; height:200px;}

/* =========================================================
bnr
========================================================= */
#contents img.bnr{margin:0 auto; padding:20px 0px 45px 0px;clear:both;}
#contents img.bnr:hover{filter: alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

/* =========================================================
box01
========================================================= */
#contents .box01{width:470px; float:left; padding-bottom:35px;}
#contents .box01 h3{ background:url(/images/img_pic_01.jpg) no-repeat;display:block; width:220px; height:220px;float:left; padding-right:10px;text-indent:-9999px;float:left;}
#contents .box01 p.read{font-size:16px; line-height:22px; font-weight:bold; padding-bottom:13px;float:left;}

/* =========================================================
box02
========================================================= */
#contents .box02{width:470px; float:left; padding-bottom:35px;}
#contents .box02 h3{ background:url(/images/img_pic_02.jpg) no-repeat;display:block; width:220px; height:220px;float:left; padding-right:10px;text-indent:-9999px;float:left;}
#contents .box02 p.read{font-size:16px; line-height:22px; font-weight:bold; padding-bottom:13px;float:left;}

/* =========================================================
box03
========================================================= */
#contents .box03{width:310px; float:left;padding-bottom:50px;}
#contents .box03 h3{ background:url(/images/img_pic_03.jpg) no-repeat;display:block; width:140px; height:140px;float:left; padding-right:10px;text-indent:-9999px;float:left;}
#contents .box03 p.read{font-size:13px; line-height:18px; font-weight:bold; padding-bottom:20px;float:left;}

/* =========================================================
box04
========================================================= */
#contents .box04{width:310px; float:left;padding-bottom:50px;}
#contents .box04 h3{ background:url(/images/img_pic_04.jpg) no-repeat;display:block; width:140px; height:140px;float:left; padding-right:10px;text-indent:-9999px;float:left;}
#contents .box04 p.read{font-size:13px; line-height:18px; font-weight:bold; padding-bottom:20px;float:left;}

/* =========================================================
box05
========================================================= */
#contents .box05{width:320px; float:left;padding-bottom:50px;}
#contents .box05 h3{ background:url(/images/img_pic_05.jpg) no-repeat;display:block; width:140px; height:140px;float:left; padding-right:10px;text-indent:-9999px;float:left;}
#contents .box05 p.read{font-size:13px; line-height:16px; font-weight:bold; padding-bottom:20px;float:left;}


#contents div.box01 ul li,#contents div.box02 ul li
{display:block;width:210px;height:15px; background:url(/common/images/img_arrow_feature.png) left no-repeat; padding:8px 0px 3px 20px; float:left;}

#contents div.box05 ul li{display:block;width:auto;height:15px; background:url(/common/images/img_arrow_feature.png) left no-repeat; padding:5px 0px 3px 20px; float:left;
}

#contents div.box05 ul li.qa{display:block;width:auto;height:28px; background:url(/common/images/img_arrow_feature.png) left no-repeat; padding:15px 0px 3px 20px; float:left;
line-height:17px;}

#contents div ul li a{ color:#666666; text-decoration:none;}
#contents div ul li a:hover{ color:#329fdb; text-decoration: underline;}
#contents div a.feature{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; display:block; width:105px; height:24px;
background:url(/images/img_arrow_feature.png) 16px 12px no-repeat #0088d3; color:#FFFFFF;float:left;text-decoration:none;
padding:14px 0px 0px 36px; margin-top:25px;}
#contents div a:hover.feature{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; display:block; width:105px; height:24px;
background:url(/images/img_arrow_feature.png) 16px 12px no-repeat #0073b3; color:#FFFFFF;float:left;text-decoration:none;
padding:14px 0px 0px 36px; margin-top:25px;}


/* =========================================================
News
========================================================= */
#news{
	clear:both;
}
#news h3{
    border-bottom: 6px solid #FCC800;
    color: #329FDB;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 1px;
    padding-bottom: 7px;
}
#newsList .rssBody ul{
  border-top:1px dotted #aaa;
  margin:20px 0;
}
#newsList .rssBody ul li{
  border-bottom:1px dotted #aaa;
  padding:10px 0;
  overflow:hidden;
}
#newsList .rssBody ul li h4{
	width:790px;
	float:right;
	margin:0 0 10px;
	text-decoration:underline;
	
}
#newsList .rssBody ul li div{
	float:left;
	width:150px;
	margin:0 0 10px;
}
#newsList .rssBody ul li p{
	clear:both;
	color:#999;
}