@charset "UTF-8";

/* ======================================

 remove default styling
 2008.3.6
 
 Color Cordination

======================================= */

/* ======================================

	Universal selector

======================================= */
* {
	margin: 0;
	padding: 0;
}

/* ======================================

	Structure Module

======================================= */
/* document root element
html
{
	height: 100%;
} */
/* document head
head */
/* document body */
body
{
	background: #fff;
	color: #444;
	font: normal 75%/1.4em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
	html>body
	{
		font-size: 12px;
	}

/* generic language/style container
div
span */

/*======================================

	Text Module

=======================================*/
/* heading */
h1, h2, h3, h4, h5, h6
{
	font: bold 100%/1.2em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
/* phrase
em*/
strong
{
	
}
address
{
	font-style: normal;
}
/*dfn
code
samp
kbd
var
cite
abbr
acronym */
/* long quotation
blockquote
q */
/* subscript, superscript */
sub
{
	/**/
}
sup
{
	vertical-align: super;
}
/* paragraph */
p
{
	font: normal 100%/1.4em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
/* br */
/* preformatted text
pre */









/*======================================

	List Module

=======================================*/
/*unordered list, ordered list */
ul
{
	/*list-style: none;*/
}
ul li
{
	/*white-space: nowrap;*/
	list-style-type: none;
}
ol
{
	margin-left: 2em;
}

/* definition list */
dl
{
	list-style: none;
}
/* dt */


/*======================================

	Hypertext Module

=======================================*/
/* anchor */
a, a:link
{
	color: #666;
	text-decoration: underline;
}
a:visited
{
	color: #666;
	text-decoration: underline;
}
a:hover
{
	color: #666;
	text-decoration: underline;
}
a:active
{
	color: #666;
	text-decoration: underline;
}

/*======================================

	Edit Module

=======================================*/
/* inserted text, deleted text
ins
del */

/*======================================

	Forms Module

=======================================*/
/* form control */
input, button, option, textarea
{
	font: normal 100%/1em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	vertical-align: middle;
}
html>body input,
html>body textarea,
html>body select
{
	border: 1px solid #ccc;
}
select
{
	font: normal 100%/1em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	vertical-align: middle;
}
option
{
	margin-right: 0.1em;
}	
	* html select
	{
		margin-right: 0;
	}
	*+html select
	{
		margin-right: 0;
	}


/* form field label text
label */
/* form control group */
fieldset
{
	border: 0;
}
/*legend */

/*======================================

	Tables Module

=======================================*/
/* table element */
table
{
	border: 0;
	border-collapse: collapse;
	/*border-spacing: 0;*/
}
caption
{
	padding: 3px;
	text-align: left;
}
/* tr */
th, td
{
	padding: 0;
	border: 0;
	text-align: left;
	vertical-align: middle;
	font: normal 100%/1.4em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	letter-spacing: 0;
}
/* table section
thead
tfoot
tbody */
/* table column
colgroup
col */


/*======================================

	Image Module

=======================================*/
/* Embedded image */
img
{
	border: 0;
	vertical-align: bottom;
}

/*======================================

	Object Module

=======================================*/
/* generic embedded object
object */

/*======================================

	Other

=======================================*/
/* client-side image map
map
area */
/* horizontal rule
hr
{
	border: none;
	background: none;
} */
/* inline subwindow
iframe */
/* button */
button
{
	border: 0;
	background: none;
	cursor: pointer;
}


dl.neputa_ban dd.btn a:hover{
background:url(/hirosaki/img/index/ban_neputa.jpg) no-repeat 0 -104px;
}

/*=================================

Toppage JAPANiCAN

===================================*/


#Toppage {
	width:1003px;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
}		

#Toppage:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#Toppage        { display: inline-block; }
* html #Toppage { height: 1%; }
#Toppage        { display: block; }

#Toppage .TopLeft {
	float: left;
	background-image: url(../img/index/bg_contents.jpg);
	background-repeat: no-repeat;
	width: 305px;
	height: 600px;
	padding-right: 0px;
}


#Toppage div.TopRight
{
	width: 646px;
	float: left;
	background-image: url(../img/index/bg_contents_repeat.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	padding-top: 16px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#main2 #Toppage .TopLeft .JAPANiCAN {
	padding-top: 200px;
	padding-left: 52px;
}


/*---------------------------------------------
01. hirosaki style
02. business
03. couple
04. sightseeing
05. anniversary
06. tenant
07. clearfix
---------------------------------------------*/

/*---------------------------------------------
01. hirosaki style
---------------------------------------------*/
#main #wrapper1		{ width: 898px; margin: 0 auto; padding: 0px; }

/*local navi*/
#localNavi										{ float: left; width: 228px; margin-top: 20px; }
#localNavi .hirosakiStyleNavi					{ width: 216px; border: 1px solid #e5e5e5; padding: 5px; margin-bottom: 10px; background: #fff; }
#localNavi .hirosakiStyleNavi dd				{ width: 216px; height: 38px; }
#localNavi .hirosakiStyleNavi dd a      		{ display:block; width: 216px; height: 38px; }
#localNavi .hirosakiStyleNavi dd a:hover		{ background-color:transparent; }
#localNavi .hirosakiStyleNavi dd a:hover img	{ visibility:hidden; }

/*side navi*/
#localNavi .hirosakiStyleNavi dd.recommendation	{ background: url(../hirosaki_style/images/hStyle_navi_re_on.gif); }
#localNavi .hirosakiStyleNavi dd.business		{ background: url(../hirosaki_style/images/hStyle_navi_bu_on.gif); }
#localNavi .hirosakiStyleNavi dd.casual			{ background: url(../hirosaki_style/images/hStyle_navi_ca_on.gif); }
#localNavi .hirosakiStyleNavi dd.couple			{ background: url(../hirosaki_style/images/hStyle_navi_co_on.gif); }
#localNavi .hirosakiStyleNavi dd.family			{ background: url(../hirosaki_style/images/hStyle_navi_fa_on.gif); }
#localNavi .hirosakiStyleNavi dd.ladies			{ background: url(../hirosaki_style/images/hStyle_navi_la_on.gif); }
#localNavi .hirosakiStyleNavi dd.senior			{ background: url(../hirosaki_style/images/hStyle_navi_se_on.gif); }
#localNavi .hirosakiStyleNavi dd.group			{ background: url(../hirosaki_style/images/hStyle_navi_gr_on.gif); }
#localNavi .hirosakiStyleNavi dd.studentCircle	{ height: 39px; background: url(../hirosaki_style/images/hStyle_navi_st_on.gif); }
#localNavi .hirosakiStyleNavi dd.studentCircle a{ height: 39px; }
#localNavi .hirosakiStyleNavi dd.all			{ height: 39px; background: url(../hirosaki_style/images/hStyle_navi_all_on.gif); }
#localNavi .hirosakiStyleNavi dd.all a			{ height: 39px; }

#localNavi .hirosakiReservation					{ width: 216px; border: 1px solid #e5e5e5; padding: 5px; margin-bottom: 10px; background: #fff; }
#localNavi .hirosakiReservation .searchBox		{ background: #f5f0e9; }
#localNavi .hirosakiReservation .searchBox h5	{ padding-bottom: 3px; }
#localNavi .hirosakiReservation .searchBox dl	{ padding: 0px 15px 8px; }
#localNavi .hirosakiReservation .searchBox dt	{ padding-bottom: 7px; }
#localNavi .hirosakiReservation .searchBox .roomBox			{ padding-bottom: 12px; }
#localNavi .hirosakiReservation .searchBox .roomBoxLeft		{ float: left; width: 98px; }
#localNavi .hirosakiReservation .searchBox .roomBoxLeft	dl	{ padding: 0px 0px 0px 15px; }
#localNavi .hirosakiReservation .searchBox .roomBoxRight	{ float: right; width: 87px; }
#localNavi .hirosakiReservation .searchBox .roomBoxRight dl	{ padding: 0px; }
#localNavi .hirosakiReservation .searchBox .btnSearch		{ text-align: center; padding-bottom: 5px; }
#localNavi .hirosakiReservation .searchBox .btnCancel 		{ padding: 5px 15px 8px; }
#localNavi .hirosakiReservation .searchBox .member			{ padding: 5px 0px; text-align: center; }

#localNavi li									{ padding-bottom: 5px; }
#localNavi .lastBnr								{ padding-bottom: 0px; }



#contentsBox							{
	float: right;
	margin: 20px 0px 0px 0px;
	width: 640px;
}
#contentsBox .topicPath					{ padding-bottom: 10px; }

#contentsBox #hirosakiStyle				{ padding: 5px 5px 0px; width: 628px; background: #fff; border: 1px solid #e5e5e5; }
#contentsBox #hirosakiStyle .leadBox	{ background: url("../hirosaki_style/images/hStyle_bgimg.jpg") no-repeat left top; }
#contentsBox #hirosakiStyle h3			{ padding: 35px 0px 14px 15px; }
#contentsBox #hirosakiStyle h4			{ text-align: center; padding-bottom: 13px; }
#contentsBox #hirosakiStyle .copy		{ padding: 0px 0px 70px 15px; }
#contentsBox #hirosakiStyle .copy1		{ padding: 0px 15px 30px; }

#contentsBox #hirosakiStyle .block		{ width: 598px; padding: 0px 0px 28px; margin: 0px 15px 30px; border-bottom: 1px dashed #ccc; }
#contentsBox #hirosakiStyle .blockLeft	{ float: left; width: 284px; }
#contentsBox #hirosakiStyle .blockRight	{ float: right; width: 284px; }

#contentsBox #hirosakiStyle .block dt	{ padding-bottom: 12px; }
#contentsBox #hirosakiStyle .block dd	{ padding-bottom: 8px; }

#contentsBox #hirosakiStyle .block .noSpace	{ padding: 0px; margin: 0px; }
#contentsBox #hirosakiStyle .noBolder		{ margin-bottom: 0px; border-bottom: none; }
#contentsBox #hirosakiStyle .noBolder1		{ padding-bottom: 48px; margin-bottom: 0px; border-bottom: none; }

#contentsBox #hirosakiStyle .pageTop		{ text-align: right; padding: 0px 15px 13px 0px; }

#contentsBox #hirosakiStyle .news			{ font-size: 14px; text-align: center; font-weight: bold; color: #fff; padding: 5px; background-color: #12416F }
#contentsBox #hirosakiStyle .newsBox		{ border-bottom: 2px solid #12416F; border-left: 2px solid #12416F; border-right: 2px solid #12416F; padding: 10px; margin-bottom: 30px; }
#contentsBox #hirosakiStyle .newsBox .fontBig	{ font-size: 14px; font-weight: bold; line-height: 1.4em; padding-bottom: 10px; }


/*停電のご案内2011/11/28まで表示分
#contentsBox #hirosakiStyle .hotelNews		{font-size: 14px;text-align: center;font-weight: bold;color: #fff;padding: 5px;background-color: #12416F;margin-top: 20px;}
#contentsBox #hirosakiStyle .electricity		{ background: #eee; border-bottom: 2px solid #12416F; border-left: 2px solid #12416F; border-right: 2px solid #12416F; padding: 10px; margin-bottom: 30px; }
#contentsBox #hirosakiStyle .electricity dt	{ font-weight: bold; color: #12416F; padding-bottom: 3px; }
#contentsBox #hirosakiStyle .electricity a:link		{ color: #333; text-decoration: underline; }
#contentsBox #hirosakiStyle .electricity a:visited	{ color: #333; text-decoration: underline; }
#contentsBox #hirosakiStyle .electricity a:active	{ color: #333; text-decoration: none; }
#contentsBox #hirosakiStyle .electricity a:hover		{ color: #333; text-decoration: none; }
*/
/*---------------------------------------------
02. business
---------------------------------------------*/
#contentsBox #business					{ padding: 5px 5px 0px; width: 628px; background: #fff; border: 1px solid #e5e5e5; }
#contentsBox #business h2				{ padding-bottom: 15px; }
#contentsBox #business h3				{ padding-bottom: 8px; margin: 0px 15px 15px; border-bottom: 1px solid #ccc; }
#contentsBox #business .h2space			{ padding-bottom: 35px; }
#contentsBox #business .h3space			{ margin-bottom: 7px; }
#contentsBox #business .lead			{ padding: 0px 15px 35px; }
#contentsBox #business .month			{ margin: 0px 15px 25px; padding: 0px; }
#contentsBox #business .month li		{ float: left; padding-right: 8px; }
#contentsBox #business .month .lastMonth{ padding-right: 0px; }

#contentsBox #business .pageTop			{ text-align: right; padding: 0px 15px 13px 0px; }
#contentsBox #business .block			{ width: 598px; padding-bottom: 30px; margin: 0px 15px 30px; border-bottom: 1px dashed #ccc; }
#contentsBox #business .last			{ padding-bottom: 50px; margin-bottom: 0px; border-bottom: none; }
#contentsBox #business .blockLeft		{ float: left; width: 180px; }
#contentsBox #business .blockRight		{ float: right; width: 403px; }
#contentsBox #business .blockRight dl	{ padding-bottom: 10px; }
#contentsBox #business .blockRight dt	{ font-size: 14px; font-weight: bold; padding: 0px 0px 15px 15px; background: url("../hirosaki_style/images/bu_arrow_01.gif") no-repeat 0px 0.3em; }
#contentsBox #business .blockRight .btnDetails	{ text-align: right; padding-bottom: 15px; }
#contentsBox #business .blockRight .topbtn		{ text-align: right; }

#contentsBox #business .blockRecom						{ width: 613px; margin: 0px 15px 50px 0px; }
#contentsBox #business .blockRecomLeft					{ float: left; width: 195px; }
#contentsBox #business .blockRecomRight					{ float: right; width: 403px; }
#contentsBox #business .blockRecomRight dl				{ padding-bottom: 10px; }
#contentsBox #business .blockRecomRight dt				{ font-size: 14px; font-weight: bold; padding: 13px 0px 15px 15px; }
#contentsBox #business .blockRecomRight .month12		{ background: url("../hirosaki_style/images/bu_arrow_03.gif") no-repeat 0px 1.2em; }
#contentsBox #business .blockRecomRight .month11		{ background: url("../hirosaki_style/images/bu_arrow_14.gif") no-repeat 0px 1.2em; }
#contentsBox #business .blockRecomRight .month10		{ background: url("../hirosaki_style/images/bu_arrow_13.gif") no-repeat 0px 1.2em; }
#contentsBox #business .blockRecomRight .month9			{ background: url("../hirosaki_style/images/bu_arrow_12.gif") no-repeat 0px 1.2em; }
#contentsBox #business .blockRecomRight .month8			{ background: url("../hirosaki_style/images/bu_arrow_11.gif") no-repeat 0px 1.2em; }
#contentsBox #business .blockRecomRight .month7			{ background: url("../hirosaki_style/images/bu_arrow_10.gif") no-repeat 0px 1.2em; }
#contentsBox #business .blockRecomRight .month6			{ background: url("../hirosaki_style/images/bu_arrow_09.gif") no-repeat 0px 1.2em; }
#contentsBox #business .blockRecomRight .month5			{ background: url("../hirosaki_style/images/bu_arrow_08.gif") no-repeat 0px 1.2em; }
#contentsBox #business .blockRecomRight .month4			{ background: url("../hirosaki_style/images/bu_arrow_07.gif") no-repeat 0px 1.2em; }
#contentsBox #business .blockRecomRight .month3			{ background: url("../hirosaki_style/images/bu_arrow_06.gif") no-repeat 0px 1.2em; }
#contentsBox #business .blockRecomRight .month2			{ background: url("../hirosaki_style/images/bu_arrow_05.gif") no-repeat 0px 1.2em; }
#contentsBox #business .blockRecomRight .month1			{ background: url("../hirosaki_style/images/bu_arrow_04.gif") no-repeat 0px 1.2em; }
#contentsBox #business .blockRecomRight .month12Color	{ background-color: #f4dddd; }
#contentsBox #business .blockRecomRight .month11Color	{ background-color: #e5d5cc; }
#contentsBox #business .blockRecomRight .month10Color	{ background-color: #e8ded3; }
#contentsBox #business .blockRecomRight .month9Color	{ background-color: #ebe4ef; }
#contentsBox #business .blockRecomRight .month8Color	{ background-color: #fceadd; }
#contentsBox #business .blockRecomRight .month7Color	{ background-color: #dcede0; }
#contentsBox #business .blockRecomRight .month6Color	{ background-color: #ecf2df; }
#contentsBox #business .blockRecomRight .month5Color	{ background-color: #e1f1f8; }
#contentsBox #business .blockRecomRight .month4Color	{ background-color: #fce8f1; }
#contentsBox #business .blockRecomRight .month3Color	{ background-color: #fdf5d9; }
#contentsBox #business .blockRecomRight .month2Color	{ background-color: #fbe4e1; }
#contentsBox #business .blockRecomRight .month1Color	{ background-color: #f0ede9; }
#contentsBox #business .blockRecomRight .btnDetails		{ text-align: right; padding-bottom: 15px; }
#contentsBox #business .blockRecomRight .topbtn			{ text-align: right; }

#contentsBox #business .lastRecom		{ padding-bottom: 30px; margin: 0px 15px 30px 0px; border-bottom: 1px dashed #ccc; }

#contentsBox #business table			{ width: 403px; margin-bottom: 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff; font-size: 12px; }
#contentsBox #business th				{ width: 110px; background-color: #eee; padding: 5px 0px 5px 15px; border-bottom: 1px solid #ccc; }
#contentsBox #business td				{ padding: 5px 0px 5px 15px; border-bottom: 1px solid #ccc; }

#contentsBox #business a:link			{ color: #333; text-decoration: underline; }
#contentsBox #business a:visited		{ color: #333; text-decoration: underline; }
#contentsBox #business a:active			{ color: #333; text-decoration: none; }
#contentsBox #business a:hover			{ color: #333; text-decoration: none; }



/*---------------------------------------------
03. couple
---------------------------------------------*/
#contentsBox #couple					{ padding: 5px 5px 0px; width: 628px; background: #fff; border: 1px solid #e5e5e5; }
#contentsBox #couple h2					{ padding-bottom: 15px; }
#contentsBox #couple h3					{ padding-bottom: 8px; margin: 0px 15px 15px; border-bottom: 1px solid #ccc; }
#contentsBox #couple .h3space			{ margin-bottom: 7px; }
#contentsBox #couple .lead				{ padding: 0px 15px 35px; }
#contentsBox #couple .month				{ margin: 0px 15px 25px; padding: 0px; }
#contentsBox #couple .month li			{ float: left; padding-right: 7px; }
#contentsBox #couple .month .lastMonth	{ padding-right: 0px; }

#contentsBox #couple .pageTop			{ text-align: right; padding: 0px 15px 13px 0px; }
#contentsBox #couple .block				{ width: 598px; padding-bottom: 30px; margin: 0px 15px 30px; border-bottom: 1px dashed #ccc; }
#contentsBox #couple .last				{ padding-bottom: 50px; margin-bottom: 0px; border-bottom: none; }
#contentsBox #couple .blockLeft			{ float: left; width: 180px; }
#contentsBox #couple .blockRight		{ float: right; width: 403px; }
#contentsBox #couple .blockRight dl		{ padding-bottom: 10px; }
#contentsBox #couple .blockRight dt		{ font-size: 14px; font-weight: bold; padding: 0px 0px 15px 15px; background: url("../hirosaki_style/images/bu_arrow_01.gif") no-repeat 0px 0.3em; }
#contentsBox #couple .blockRight .btnDetails	{ text-align: right; padding-bottom: 15px; }
#contentsBox #couple .blockRight .topbtn		{ text-align: right; }

#contentsBox #couple .blockRecom						{ width: 613px; margin: 0px 15px 50px 0px; }
#contentsBox #couple .blockRecomLeft					{ float: left; width: 195px; }
#contentsBox #couple .blockRecomRight					{ float: right; width: 403px; }
#contentsBox #couple .blockRecomRight dl				{ padding-bottom: 10px; }
#contentsBox #couple .blockRecomRight dt				{ font-size: 14px; font-weight: bold; padding: 13px 0px 15px 15px; }
#contentsBox #couple .blockRecomRight .month12			{ background: url("../hirosaki_style/images/bu_arrow_03.gif") no-repeat 0px 1.2em; }
#contentsBox #couple .blockRecomRight .month11			{ background: url("../hirosaki_style/images/bu_arrow_14.gif") no-repeat 0px 1.2em; }
#contentsBox #couple .blockRecomRight .month10			{ background: url("../hirosaki_style/images/bu_arrow_13.gif") no-repeat 0px 1.2em; }
#contentsBox #couple .blockRecomRight .month9			{ background: url("../hirosaki_style/images/bu_arrow_12.gif") no-repeat 0px 1.2em; }
#contentsBox #couple .blockRecomRight .month8			{ background: url("../hirosaki_style/images/bu_arrow_11.gif") no-repeat 0px 1.2em; }
#contentsBox #couple .blockRecomRight .month7			{ background: url("../hirosaki_style/images/bu_arrow_10.gif") no-repeat 0px 1.2em; }
#contentsBox #couple .blockRecomRight .month6			{ background: url("../hirosaki_style/images/bu_arrow_09.gif") no-repeat 0px 1.2em; }
#contentsBox #couple .blockRecomRight .month5			{ background: url("../hirosaki_style/images/bu_arrow_08.gif") no-repeat 0px 1.2em; }
#contentsBox #couple .blockRecomRight .month4			{ background: url("../hirosaki_style/images/bu_arrow_07.gif") no-repeat 0px 1.2em; }
#contentsBox #couple .blockRecomRight .month3			{ background: url("../hirosaki_style/images/bu_arrow_06.gif") no-repeat 0px 1.2em; }
#contentsBox #couple .blockRecomRight .month2			{ background: url("../hirosaki_style/images/bu_arrow_05.gif") no-repeat 0px 1.2em; }
#contentsBox #couple .blockRecomRight .month1			{ background: url("../hirosaki_style/images/bu_arrow_04.gif") no-repeat 0px 1.2em; }
#contentsBox #couple .blockRecomRight .month12Color		{ background-color: #f4dddd; }
#contentsBox #couple .blockRecomRight .month11Color		{ background-color: #e5d5cc; }
#contentsBox #couple .blockRecomRight .month10Color		{ background-color: #e8ded3; }
#contentsBox #couple .blockRecomRight .month9Color		{ background-color: #ebe4ef; }
#contentsBox #couple .blockRecomRight .month8Color		{ background-color: #fceadd; }
#contentsBox #couple .blockRecomRight .month7Color		{ background-color: #dcede0; }
#contentsBox #couple .blockRecomRight .month6Color		{ background-color: #ecf2df; }
#contentsBox #couple .blockRecomRight .month5Color		{ background-color: #e1f1f8; }
#contentsBox #couple .blockRecomRight .month4Color		{ background-color: #fce8f1; }
#contentsBox #couple .blockRecomRight .month3Color		{ background-color: #fdf5d9; }
#contentsBox #couple .blockRecomRight .month2Color		{ background-color: #fbe4e1; }
#contentsBox #couple .blockRecomRight .month1Color		{ background-color: #f0ede9; }
#contentsBox #couple .blockRecomRight .btnDetails		{ text-align: right; padding-bottom: 15px; }
#contentsBox #couple .blockRecomRight .topbtn			{ text-align: right; }

#contentsBox #couple .lastRecom			{ padding-bottom: 30px; margin: 0px 15px 30px 0px; border-bottom: 1px dashed #ccc; }

#contentsBox #couple table				{ width: 403px; margin-bottom: 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff; font-size: 12px; }
#contentsBox #couple th					{ width: 110px; background-color: #eee; padding: 5px 0px 5px 15px; border-bottom: 1px solid #ccc; }
#contentsBox #couple td					{ padding: 5px 0px 5px 15px; border-bottom: 1px solid #ccc; }

#contentsBox #couple a:link				{ color: #333; text-decoration: underline; }
#contentsBox #couple a:visited			{ color: #333; text-decoration: underline; }
#contentsBox #couple a:active			{ color: #333; text-decoration: none; }
#contentsBox #couple a:hover			{ color: #333; text-decoration: none; }



/*---------------------------------------------
04. sightseeing
---------------------------------------------*/
#contentsBox #sightseeing					{ padding: 5px 5px 0px; width: 628px; background: #fff; border: 1px solid #e5e5e5; }
#contentsBox #sightseeing h2				{ padding-bottom: 15px; }
#contentsBox #sightseeing h3				{ padding-bottom: 8px; margin: 0px 15px 15px; border-bottom: 1px solid #ccc; }
#contentsBox #sightseeing .h3space			{ margin-bottom: 7px; }
#contentsBox #sightseeing .lead				{ padding: 0px 15px 35px; }
#contentsBox #sightseeing .month			{ margin: 0px 15px 25px; padding: 0px; }
#contentsBox #sightseeing .month li			{ float: left; padding-right: 7px; }
#contentsBox #sightseeing .month .lastMonth	{ padding-right: 0px; }

#contentsBox #sightseeing .pageTop			{ text-align: right; padding: 0px 15px 13px 0px; }
#contentsBox #sightseeing .block			{ width: 598px; padding-bottom: 30px; margin: 0px 15px 30px; border-bottom: 1px dashed #ccc; }
#contentsBox #sightseeing .last				{ padding-bottom: 50px; margin-bottom: 0px; border-bottom: none; }
#contentsBox #sightseeing .blockLeft		{ float: left; width: 180px; }
#contentsBox #sightseeing .blockRight		{ float: right; width: 403px; }
#contentsBox #sightseeing .blockRight dl	{ padding-bottom: 10px; }
#contentsBox #sightseeing .blockRight dt	{ font-size: 14px; font-weight: bold; padding: 0px 0px 15px 15px; background: url("../hirosaki_style/images/bu_arrow_02.gif") no-repeat 0px 0.3em; }
#contentsBox #sightseeing .blockRight .btnDetails	{ text-align: right; padding-bottom: 15px; }
#contentsBox #sightseeing .blockRight .topbtn		{ text-align: right; }

#contentsBox #sightseeing .blockRecom						{ width: 613px; margin: 0px 15px 50px 0px; }
#contentsBox #sightseeing .blockRecomLeft					{ float: left; width: 195px; }
#contentsBox #sightseeing .blockRecomRight					{ float: right; width: 403px; }
#contentsBox #sightseeing .blockRecomRight dl				{ padding-bottom: 10px; }
#contentsBox #sightseeing .blockRecomRight dt				{ font-size: 14px; font-weight: bold; padding: 13px 0px 15px 15px; }
#contentsBox #sightseeing .blockRecomRight .month12			{ background: url("../hirosaki_style/images/bu_arrow_03.gif") no-repeat 0px 1.2em; }
#contentsBox #sightseeing .blockRecomRight .month11			{ background: url("../hirosaki_style/images/bu_arrow_14.gif") no-repeat 0px 1.2em; }
#contentsBox #sightseeing .blockRecomRight .month10			{ background: url("../hirosaki_style/images/bu_arrow_13.gif") no-repeat 0px 1.2em; }
#contentsBox #sightseeing .blockRecomRight .month9			{ background: url("../hirosaki_style/images/bu_arrow_12.gif") no-repeat 0px 1.2em; }
#contentsBox #sightseeing .blockRecomRight .month8			{ background: url("../hirosaki_style/images/bu_arrow_11.gif") no-repeat 0px 1.2em; }
#contentsBox #sightseeing .blockRecomRight .month7			{ background: url("../hirosaki_style/images/bu_arrow_10.gif") no-repeat 0px 1.2em; }
#contentsBox #sightseeing .blockRecomRight .month6			{ background: url("../hirosaki_style/images/bu_arrow_09.gif") no-repeat 0px 1.2em; }
#contentsBox #sightseeing .blockRecomRight .month5			{ background: url("../hirosaki_style/images/bu_arrow_08.gif") no-repeat 0px 1.2em; }
#contentsBox #sightseeing .blockRecomRight .month4			{ background: url("../hirosaki_style/images/bu_arrow_07.gif") no-repeat 0px 1.2em; }
#contentsBox #sightseeing .blockRecomRight .month3			{ background: url("../hirosaki_style/images/bu_arrow_06.gif") no-repeat 0px 1.2em; }
#contentsBox #sightseeing .blockRecomRight .month2			{ background: url("../hirosaki_style/images/bu_arrow_05.gif") no-repeat 0px 1.2em; }
#contentsBox #sightseeing .blockRecomRight .month1			{ background: url("../hirosaki_style/images/bu_arrow_04.gif") no-repeat 0px 1.2em; }
#contentsBox #sightseeing .blockRecomRight .month12Color	{ background-color: #f4dddd; }
#contentsBox #sightseeing .blockRecomRight .month11Color	{ background-color: #e5d5cc; }
#contentsBox #sightseeing .blockRecomRight .month10Color	{ background-color: #e8ded3; }
#contentsBox #sightseeing .blockRecomRight .month9Color		{ background-color: #ebe4ef; }
#contentsBox #sightseeing .blockRecomRight .month8Color		{ background-color: #fceadd; }
#contentsBox #sightseeing .blockRecomRight .month7Color		{ background-color: #dcede0; }
#contentsBox #sightseeing .blockRecomRight .month6Color		{ background-color: #ecf2df; }
#contentsBox #sightseeing .blockRecomRight .month5Color		{ background-color: #e1f1f8; }
#contentsBox #sightseeing .blockRecomRight .month4Color		{ background-color: #fce8f1; }
#contentsBox #sightseeing .blockRecomRight .month3Color		{ background-color: #fdf5d9; }
#contentsBox #sightseeing .blockRecomRight .month2Color		{ background-color: #fbe4e1; }
#contentsBox #sightseeing .blockRecomRight .month1Color		{ background-color: #f0ede9; }
#contentsBox #sightseeing .blockRecomRight .btnDetails		{ text-align: right; padding-bottom: 15px; }
#contentsBox #sightseeing .blockRecomRight .topbtn			{ text-align: right; }


#contentsBox #sightseeing .lastRecom		{ padding-bottom: 30px; margin: 0px 15px 30px 0px; border-bottom: 1px dashed #ccc; }

#contentsBox #sightseeing table				{ width: 403px; margin-bottom: 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff; font-size: 12px; }
#contentsBox #sightseeing th				{ width: 110px; background-color: #eee; padding: 5px 0px 5px 15px; border-bottom: 1px solid #ccc; }
#contentsBox #sightseeing td				{ padding: 5px 0px 5px 15px; border-bottom: 1px solid #ccc; }

#contentsBox #sightseeing a:link			{ color: #333; text-decoration: underline; }
#contentsBox #sightseeing a:visited			{ color: #333; text-decoration: underline; }
#contentsBox #sightseeing a:active			{ color: #333; text-decoration: none; }
#contentsBox #sightseeing a:hover			{ color: #333; text-decoration: none; }

#contentsBox #sightseeing .news				{ font-size: 14px; text-align: center; font-weight: bold; color: #fff; padding: 5px; background-color: #12416F; }
#contentsBox #sightseeing .newsBox			{ border-bottom: 2px solid #12416F; border-left: 2px solid #12416F; border-right: 2px solid #12416F; padding: 10px; margin-bottom: 20px; }
#contentsBox #sightseeing .newsBox dl		{ padding: 10px 0px 10px 0px; font-size: 14px; font-weight: bold; line-height: 1.4em; }
#contentsBox #sightseeing .newsBox .fontBig	{ font-size: 14px; font-weight: bold; line-height: 1.4em; padding-bottom: 10px; }
#contentsBox #sightseeing .btm30			{ margin-bottom: 30px; }


/*---------------------------------------------
05. anniversary
---------------------------------------------*/
#contentsBox #anniversary					{ padding: 5px 5px 0px; width: 628px; background: #fff; border: 1px solid #e5e5e5; }
#contentsBox #anniversary h2				{ padding-bottom: 15px; }
#contentsBox #anniversary h3				{ padding-bottom: 8px; margin: 0px 15px 15px; border-bottom: 1px solid #ccc; }
#contentsBox #anniversary .h3space			{ margin-bottom: 7px; }
#contentsBox #anniversary .lead				{ padding: 0px 15px 35px; }
#contentsBox #anniversary .month			{ margin: 0px 15px 25px; padding: 0px; }
#contentsBox #anniversary .month li			{ float: left; padding-right: 7px; }
#contentsBox #anniversary .month .lastMonth	{ padding-right: 0px; }

#contentsBox #anniversary .pageTop			{ text-align: right; padding: 0px 15px 13px 0px; }
#contentsBox #anniversary .block			{ width: 598px; padding-bottom: 30px; margin: 0px 15px 30px; border-bottom: 1px dashed #ccc; }
#contentsBox #anniversary .last				{ padding-bottom: 50px; margin-bottom: 0px; border-bottom: none; }
#contentsBox #anniversary .blockLeft		{ float: left; width: 180px; }
#contentsBox #anniversary .blockRight		{ float: right; width: 403px; }
#contentsBox #anniversary .blockRight dl	{ padding-bottom: 10px; }
#contentsBox #anniversary .blockRight dt	{ font-size: 14px; font-weight: bold; padding: 0px 0px 15px 15px; background: url("../hirosaki_style/images/bu_arrow_02.gif") no-repeat 0px 0.3em; }
#contentsBox #anniversary .blockRight .btnDetails	{ text-align: right; padding-bottom: 15px; }
#contentsBox #anniversary .blockRight .topbtn		{ text-align: right; }

#contentsBox #anniversary .blockRecom						{ width: 613px; margin: 0px 15px 50px 0px; }
#contentsBox #anniversary .blockRecomLeft					{ float: left; width: 195px; }
#contentsBox #anniversary .blockRecomRight					{ float: right; width: 403px; }
#contentsBox #anniversary .blockRecomRight dl				{ padding-bottom: 10px; }
#contentsBox #anniversary .blockRecomRight dt				{ font-size: 14px; font-weight: bold; padding: 13px 0px 15px 15px; }
#contentsBox #anniversary .blockRecomRight .month12			{ background: url("../hirosaki_style/images/bu_arrow_03.gif") no-repeat 0px 1.2em; }
#contentsBox #anniversary .blockRecomRight .month11			{ background: url("../hirosaki_style/images/bu_arrow_14.gif") no-repeat 0px 1.2em; }
#contentsBox #anniversary .blockRecomRight .month10			{ background: url("../hirosaki_style/images/bu_arrow_13.gif") no-repeat 0px 1.2em; }
#contentsBox #anniversary .blockRecomRight .month9			{ background: url("../hirosaki_style/images/bu_arrow_12.gif") no-repeat 0px 1.2em; }
#contentsBox #anniversary .blockRecomRight .month8			{ background: url("../hirosaki_style/images/bu_arrow_11.gif") no-repeat 0px 1.2em; }
#contentsBox #anniversary .blockRecomRight .month7			{ background: url("../hirosaki_style/images/bu_arrow_10.gif") no-repeat 0px 1.2em; }
#contentsBox #anniversary .blockRecomRight .month6			{ background: url("../hirosaki_style/images/bu_arrow_09.gif") no-repeat 0px 1.2em; }
#contentsBox #anniversary .blockRecomRight .month5			{ background: url("../hirosaki_style/images/bu_arrow_08.gif") no-repeat 0px 1.2em; }
#contentsBox #anniversary .blockRecomRight .month4			{ background: url("../hirosaki_style/images/bu_arrow_07.gif") no-repeat 0px 1.2em; }
#contentsBox #anniversary .blockRecomRight .month3			{ background: url("../hirosaki_style/images/bu_arrow_06.gif") no-repeat 0px 1.2em; }
#contentsBox #anniversary .blockRecomRight .month2			{ background: url("../hirosaki_style/images/bu_arrow_05.gif") no-repeat 0px 1.2em; }
#contentsBox #anniversary .blockRecomRight .month1			{ background: url("../hirosaki_style/images/bu_arrow_04.gif") no-repeat 0px 1.2em; }
#contentsBox #anniversary .blockRecomRight .month12Color	{ background-color: #f4dddd; }
#contentsBox #anniversary .blockRecomRight .month11Color	{ background-color: #e5d5cc; }
#contentsBox #anniversary .blockRecomRight .month10Color	{ background-color: #e8ded3; }
#contentsBox #anniversary .blockRecomRight .month9Color		{ background-color: #ebe4ef; }
#contentsBox #anniversary .blockRecomRight .month8Color		{ background-color: #fceadd; }
#contentsBox #anniversary .blockRecomRight .month7Color		{ background-color: #dcede0; }
#contentsBox #anniversary .blockRecomRight .month6Color		{ background-color: #ecf2df; }
#contentsBox #anniversary .blockRecomRight .month5Color		{ background-color: #e1f1f8; }
#contentsBox #anniversary .blockRecomRight .month4Color		{ background-color: #fce8f1; }
#contentsBox #anniversary .blockRecomRight .month3Color		{ background-color: #fdf5d9; }
#contentsBox #anniversary .blockRecomRight .month2Color		{ background-color: #fbe4e1; }
#contentsBox #anniversary .blockRecomRight .month1Color		{ background-color: #f0ede9; }
#contentsBox #anniversary .blockRecomRight .btnDetails		{ text-align: right; padding-bottom: 15px; }
#contentsBox #anniversary .blockRecomRight .topbtn			{ text-align: right; }

#contentsBox #anniversary .lastRecom		{ padding-bottom: 30px; margin: 0px 15px 30px 0px; border-bottom: 1px dashed #ccc; }

#contentsBox #anniversary table				{ width: 403px; margin-bottom: 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff; font-size: 12px; }
#contentsBox #anniversary th				{ width: 110px; background-color: #eee; padding: 5px 0px 5px 15px; border-bottom: 1px solid #ccc; }
#contentsBox #anniversary td				{ padding: 5px 0px 5px 15px; border-bottom: 1px solid #ccc; }

#contentsBox #anniversary a:link			{ color: #333; text-decoration: underline; }
#contentsBox #anniversary a:visited			{ color: #333; text-decoration: underline; }
#contentsBox #anniversary a:active			{ color: #333; text-decoration: none; }
#contentsBox #anniversary a:hover			{ color: #333; text-decoration: none; }


/*---------------------------------------------
06. tenant
---------------------------------------------*/
#tenant					{ width: 497px; margin: 0px auto; background: #fff; }
#tenant #contentsBox2	{ text-align: left; padding: 0px; margin: 0px; color: #333; font-family: "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 1.5em; }
#tenant #contentsBox2 h1	{ background: url("../tenant/images/tenant_bg_header.gif") no-repeat left top; padding: 8px 0px 10px 20px; }
#tenant #contentsBox2 h2	{ padding: 30px 0px 20px; }
#tenant #contentsBox2 h3	{ padding-bottom: 20px; }
#tenant #contentsBox2 .tenantBox				{ width: 457px; padding: 0px 20px; }
/*#tenant #contentsBox2 .tenantBox .contact	{ padding: 20px 0px 30px; margin-bottom: 30px; border-bottom: 1px dashed #ccc; }*/
#tenant #contentsBox2 .tenantBox .contact	{ padding: 20px 0px 0px; }
#tenant #contentsBox2 .tenantBox table		{ width: 457px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#tenant #contentsBox2 .tenantBox th			{ width: 185px; background-color: #ebf6fc; font-weight: bold; color: #30759e; padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; }
#tenant #contentsBox2 .tenantBox td			{ padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; }
#tenant #contentsBox2 .tenantBox ul			{ padding: 0px 0px 25px; }
#tenant #contentsBox2 .tenantBox li			{ float: left; padding-right: 10px; }
#tenant #contentsBox2 .tenantBox .attention	{ padding-top: 7px; }
#tenant #contentsBox2 .tenantBox .last		{ padding-right: 0px; }
#tenant #contentsBox2 .tenantBox .fontBold	{ font-weight: bold; }
#tenant #contentsBox2 .tenantBox .lastSpace	{ padding-bottom: 0px; }
#tenant #contentsBox2 .tenantBox .btnClose	{ text-align: right; padding: 50px 0px 30px; }
#tenant #contentsBox2 .footer				{ text-align: center; background: #999999; padding: 15px 0px 13px; }

/*#tugaru					{ width: 585px; margin: 0px auto; background: #fff; }
#tugaru #contentsBox2	{ text-align: left; padding: 0px; margin: 0px; color: #333; font-family: "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 1.5em; }
#tugaru #contentsBox2 h1	{ background: url("../tenant/images/tugaru_header.gif") no-repeat left top; padding: 8px 0px 10px 20px; }
#tugaru #contentsBox2 h2	{ padding-top: 30px; }
#tugaru #contentsBox2 .tugaruBox			{ width: 545px; padding: 0px 20px; }
#tugaru #contentsBox2 .tugaruBox dl			{ padding-bottom: 30px; }
#tugaru #contentsBox2 .tugaruBox ul			{ padding: 20px 0px 25px; }
#tugaru #contentsBox2 .tugaruBox li			{ float: left; padding-right: 10px; }
#tugaru #contentsBox2 .tugaruBox .noSpace	{ padding-right: 0px; }
#tugaru #contentsBox2 .tugaruBox table		{ width: 545px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#tugaru #contentsBox2 .tugaruBox th			{ width: 160px; background-color: #ebf6fc; font-weight: bold; color: #30759e; padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; }
#tugaru #contentsBox2 .tugaruBox td			{ padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; }

#tugaru #contentsBox2 .tugaruBox .btnClose	{ text-align: right; padding: 50px 0px 30px; }
#tugaru #contentsBox2 .footer				{ text-align: center; background: #999999; padding: 15px 0px 13px; }*/



/*---------------------------------------------
07. clearfix
---------------------------------------------*/
.clearFix:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearFix        { display: inline-block; }
* html .clearFix { height: 1%; }
.clearFix        { display: block; }

/* hirosaki style
---------------------------------------------*/
#contentsBox #hirosakiStyle .block:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#contentsBox #hirosakiStyle .block        { display: inline-block; }
* html #contentsBox #hirosakiStyle .block { height: 1%; }
#contentsBox #hirosakiStyle .block        { display: block; }

#main #wrapper1:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#main #wrapper1        { display: inline-block; }
* html #main #wrapper1 { height: 1%; }
#main #wrapper1        { display: block; }

#localNavi .hirosakiReservation .searchBox .roomBox:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#localNavi .hirosakiReservation .searchBox .roomBox        { display: inline-block; }
* html #localNavi .hirosakiReservation .searchBox .roomBox { height: 1%; }
#localNavi .hirosakiReservation .searchBox .roomBox        { display: block; }

/* business
---------------------------------------------*/
#contentsBox #business .block:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#contentsBox #business .block        { display: inline-block; }
* html #contentsBox #business .block { height: 1%; }
#contentsBox #business .block        { display: block; }

#contentsBox #business .month:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#contentsBox #business .month        { display: inline-block; }
* html #contentsBox #business .month { height: 1%; }
#contentsBox #business .month        { display: block; }

#contentsBox #business .blockRecom:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#contentsBox #business .blockRecom        { display: inline-block; }
* html #contentsBox #business .blockRecom { height: 1%; }
#contentsBox #business .blockRecom        { display: block; }

/* couple
---------------------------------------------*/
#contentsBox #couple .block:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#contentsBox #couple .block        { display: inline-block; }
* html #contentsBox #couple .block { height: 1%; }
#contentsBox #couple .block        { display: block; }

#contentsBox #couple .month:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#contentsBox #couple .month        { display: inline-block; }
* html #contentsBox #couple .month { height: 1%; }
#contentsBox #couple .month        { display: block; }

#contentsBox #couple .blockRecom:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#contentsBox #couple .blockRecom        { display: inline-block; }
* html #contentsBox #couple .blockRecom { height: 1%; }
#contentsBox #couple .blockRecom        { display: block; }

/* sightseeing
---------------------------------------------*/
#contentsBox #sightseeing .block:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#contentsBox #sightseeing .block        { display: inline-block; }
* html #contentsBox #sightseeing .block { height: 1%; }
#contentsBox #sightseeing .block        { display: block; }

#contentsBox #sightseeing .month:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#contentsBox #sightseeing .month        { display: inline-block; }
* html #contentsBox #sightseeing .month { height: 1%; }
#contentsBox #sightseeing .month        { display: block; }

#contentsBox #sightseeing .blockRecom:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#contentsBox #sightseeing .blockRecom        { display: inline-block; }
* html #contentsBox #sightseeing .blockRecom { height: 1%; }
#contentsBox #sightseeing .blockRecom        { display: block; }

/* anniversary
---------------------------------------------*/
#contentsBox #anniversary .block:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#contentsBox #anniversary .block        { display: inline-block; }
* html #contentsBox #anniversary .block { height: 1%; }
#contentsBox #anniversary .block        { display: block; }

#contentsBox #anniversary .month:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#contentsBox #anniversary .month        { display: inline-block; }
* html #contentsBox #anniversary .month { height: 1%; }
#contentsBox #anniversary .month        { display: block; }

#contentsBox #anniversary .blockRecom:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#contentsBox #anniversary .blockRecom        { display: inline-block; }
* html #contentsBox #anniversary .blockRecom { height: 1%; }
#contentsBox #anniversary .blockRecom        { display: block; }

/* tenant
---------------------------------------------*/
#tenant #contentsBox2 .tenantBox ul:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#tenant #contentsBox2 .tenantBox ul        { display: inline-block; }
* html #tenant #contentsBox2 .tenantBox ul { height: 1%; }
#tenant #contentsBox2 .tenantBox ul        { display: block; }

#tugaru #contentsBox2 .tugaruBox ul:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#tugaru #contentsBox2 .tugaruBox ul        { display: inline-block; }
* html #tugaru #contentsBox2 .tugaruBox ul { height: 1%; }
#tugaru #contentsBox2 .tugaruBox ul        { display: block; }
#contentsBox #hirosakiStyle .leadBox .electricity dl dd table {
	border: 2px dotted #03C;
}