﻿@charset "utf-8";

@import url(contentsbv.css);
@import url(boxbv.css);
@import url(tpbv.css);

/*----------------------------------↓HTMLタグ再定義↓-----------------------------------*/
html {   
    overflow-y: scroll;  
} 
* {
  margin: 0;
  padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}
/**/
a {
   overflow: hidden;
}
/**/
a:link, a:visited {
	color: #000000;
}
a:hover {
	color: #ff0000;
}
p {
	line-height:140%;
}
img, fieldset {
	border: 0 none;
}
object, embed {
	vertical-align: top;
}
li {
	list-style: none;
}
object, embed {
	vertical-align: top;
}
legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {

}
p, dt, dd, li {/*IE用自動改行*/
	word-break: break-all;
}
.ft9 {
	font-size:9px;
}
.ft10 {
	font-size:10px;
}
.ft12 {
	font-size:12px;
}
.ft14 {
	font-size:14px;
}
option {
	padding:0px 3px;
}
/*----------------------------------↑HTMLタグ再定義↑-----------------------------------*/
/*---------------------------------------------------------------------------------------*/


/*共通*/
/*---------------------------------------------------------------------------------------*/

body {
  font: 14px "Lucida Grande", "MS PGothic", Sans-Serif;
  color: #000;
  text-align: center;
  margin:0px;
  padding:0px;
}
td,th {
	font: 14px "Lucida Grande", "MS PGothic", Sans-Serif;
	vertical-align: top;
}
textarea {
  font: 13px "Lucida Grande", "MS PGothic", Sans-Serif;
}
.aln_l {
	text-align: left;
}
.aln_c {
	text-align: center;
}
.aln_r {
	text-align: right;
}
.atten {
	color: #FF2200;
	font-size: 10px;
}
.pgtp {
	text-align: right;
	padding-top:15px;
}
.ft10 {
	font-size:10px;
}
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mt20 {
	margin-top:20px;
}
.mt25 {
	margin-top:25px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.ftbld {
	font-weight:bold;
}
.flleft {
	float:left;
}
.flright {
	float:right;
}


#Wrap {
	width:860px;
	margin: 0px auto;
	text-align: left;
	background-color: #fff;
}
/*Header*/
/*-------------------------------------------*/
#Header {
	width:860px;
	height:110px;
	border-bottom:3px solid #f94313;
	margin: 0px auto;
}
#Header .logo a {
	float:left;
	text-indent: -10000px;
	display: block;
	width: 185px;
	height: 110px;
	background: url(/img/logo.gif) no-repeat;
	font-size:10px;
}
#Header li {
	float:right;
	display:inline;
}
#Header li.hn_blog a {
	text-indent: -10000px;
	display: block;
	width: 64px;
	height: 27px;
	background: url(/img/hn_blog.gif) no-repeat;
}
#Header li.hn_prof a {
	text-indent: -10000px;
	display: block;
	width: 100px;
	height: 27px;
	background: url(/img/hn_prof.gif) no-repeat;
}
#Header li.hn_access a {
	text-indent: -10000px;
	display: block;
	width: 80px;
	height: 27px;
	background: url(/img/hn_access.gif) no-repeat;
}

#Header .hd_txt_box_bv {
	padding-top:42px;
}

#Header .btn_reserve a {
	text-indent: -10000px;
	display: block;
	width: 160px;
	height: 41px;
	background: url(/img/btn_reserve.gif) no-repeat;
}
#Header .hd_txt {
	padding:15px 90px 0px 0px;
}

/*Navi*/
/*-------------------------------------------*/
#Navibv {
	width:860px;

	margin-top:2px;
}
#Navibv li {
	float:left;
	display:inline;
}
#Navibv li.navi_top a {
	display: block;
	width: 156px;
	height: 56px;
	background: url(/img/navi_top.gif) no-repeat;
	text-indent: -9999px;
}
#Navibv li.navi_topics a {
	display: block;
	width: 156px;
	height: 56px;
	background: url(/img/navi_topics.gif) no-repeat;
	text-indent: -9999px;
}
#Navibv li.navi_tinarossa a {
	display: block;
	width: 201px;
	height: 56px;
	background: url(/img/navi_tinarossa.gif) no-repeat;
	text-indent: -9999px;
}
#Navibv li.navi_menu a {
	display: block;
	width: 166px;
	height: 56px;
	background: url(/img/navi_menu.gif) no-repeat;
	text-indent: -9999px;
}
#Navibv li.navi_cosme a {
	display: block;
	width: 163px;
	height: 56px;
	background: url(/img/navi_cosme.gif) no-repeat;
	text-indent: -9999px;
}
#Navibv li.navi_picup a {
	display: block;
	width: 174px;
	height: 56px;
	background: url(/img/navi_picup.gif) no-repeat;
	text-indent: -9999px;
}
#Navibv li.navi_shopping a {
	display: block;
	width: 174px;
	height: 56px;
	background: url(/img/navi_shopping.gif) no-repeat;
	text-indent: -9999px;
}
#Navibv li.navi_top a:hover { background-position: 0 -56px;}
#Navibv li.navi_topics a:hover { background-position: 0 -56px;}
#Navibv li.navi_tinarossa a:hover { background-position: 0 -56px;}
#Navibv li.navi_menu a:hover { background-position: 0 -56px;}
#Navibv li.navi_cosme a:hover { background-position: 0 -56px;}
#Navibv li.navi_picup a:hover { background-position: 0 -56px;}
#Navibv li.navi_shopping a:hover { background-position: 0 -56px;}

/*Footer*/
/*-------------------------------------------*/

#Footer {
	text-align: left;
	width: 860px;
	border-top:2px solid #f94313;
}
#Footer #footNavi {
	padding:13px 0px 10px 0px;
}

#footNavi li {
	float: left;
	display:inline;
}
#footNavi li.fn_comp a {
	display: block;
	width: 63px;
	height: 17px;
	background: url(/img/fn_comp.gif) no-repeat;
	text-indent: -9999px;
}
#footNavi li.fn_sitemap a {
	display: block;
	width: 79px;
	height: 17px;
	background: url(/img/fn_sitemap.gif) no-repeat;
	text-indent: -9999px;
}
#Footer .prbox {
	width:860px;
	border-top:1px solid #ffc7aa;
	padding:15px 0px;
	font-size:11px;
}
#Footer .prbox li {
	float:left;
	color: #666666;
}
#Footer .prbox li a:link, #Footer .prbox li a:visited {
	color: #666666;
}
#Footer .prbox li a:hover {
	color: #ff0000;
}
#Footer .copy {
	width:860px;
	text-align:center;
	border-top:1px solid #f94313;
	padding:15px 0px 20px 0px;
}
#Footer .copy p a {
	display: block;
	width: 254px;
	height: 11px;
	background: url(/img/copy.gif) no-repeat;
	text-indent: -9999px;
	float:right;
}
/*Clearfix*/
/*------------------------------------------------------------------------------*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/*Search*/
/*-------------------------------------------*/
.table1 th,td {
	border:1px solid #ffffff;
	vertical-align:middle;
	padding:10px;
}
.pink {
	background:#fbede9;
}
.gray1 {
	background:#dcdcdc;
}

.btn_reserve_bk {
	background: url(/reserve/img/reserve_btn_bk.gif) repeat;
	width:860px;
	padding:15px 0px;
}
.btn_reserve_check {
	text-align:center;
}


/*Mainbox*/
/*-------------------------------------------*/
#Mainbox {
	width:860px;
	margin:30px 0px;
	background: url(/img/bk_top_mbox.gif) repeat-y;
}
#Mainbox .mbleft {
	float:left;
	width:380px;
}
#Mainbox .mbleft dl.tptopics{
	width:380px;
	margin-top:15px;
}
#Mainbox .mbleft dl.tptopics dt{
	float:left;
	width:70px;
	margin-bottom:13px;
}
#Mainbox .mbleft dl.tptopics dd{
	float:left;
	width:310px;
	margin-bottom:13px;
}
#ConMainbox .mbleft dl.contopics{
	width:580px;
	margin-top:15px;
}
#ConMainbox .mbleft dl.contopics dt{
	float:left;
	width:70px;
	margin-bottom:13px;
}
#ConMainbox .mbleft dl.contopics dd{
	float:left;
	width:510px;
	margin-bottom:13px;
}
#Mainbox h2.tit_top_topics {
	display: block;
	width: 380px;
	height: 43px;
	background: url(/img/tit_top_topics.gif) no-repeat;
	text-indent: -9999px;
}


#Mainbox .mbright {
	float:right;
	width:410px;
	text-align:left;
}
#Mainbox h3.tit_top_gantokin a {
	display: block;
	width: 164px;
	height: 32px;
	background: url(/img/tit_top_gantokin.gif) no-repeat;
	text-indent: -9999px;
}
