@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}

*+html, * html {
	margin: 0px;
	padding: 0px;
}

.clear {
	clear:both;
	height:0;
	font-size:1px;/* ←↓ ブラウザで文字サイズ拡大した際に崩れないように。*/
	line-height:0;
}

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 100%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック";
	color: #333333;
}

img {
	border:none;
}	

#container {
	width:760px;
	margin:0px;
	padding:0px;
	background-image:url(../img/index/hd_bg.gif);
	background-repeat:repeat-x;
	background-position:top;	
}

/*----------------------------------------
 header
------------------------------------------*/
#header{

	margin:0px;
	height:52px;
	padding:8px 10px 10px 10px;
	}
* html #header{
	margin:0px;
	padding:7px;
	height:52px;
	}	

#logo h1 {
	background-image:url(../img/index/hd_logo.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:157px;
	height:36px;
	font-size:9px;
	margin-left:10px;
	position:absolute;
}

* html #logo h1 {
	background-image:url(../img/index/hd_logo.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:157px;
	height:36px;
	font-size:9px;
	margin-left:10px;
	position:absolute;
	margin-top:3px;
}
#h_mn {
	text-align:right;
}
* html #h_mn {
	text-align:right;
}

#main_img {
	background-image: url(../img/index/mainny_img.jpg);
	background-repeat:no-repeat;
	height:199px;
	width:760px;
	text-indent:-9999px;
}


/*----------------------------------------
 global navigation
------------------------------------------*/

/* ナビ部分基本 */
#navi{
	width:760px;
	height:48px;
	background: url(../img/index/g_mn.jpg) no-repeat;
	margin:0px;
}

#navi li{
	float:left;
	list-style:none;	
	}
	
#navi li a{
	display:block;
	height:48px;
	text-indent:-9999px;

	}		
	
#navi li#menu01 a{
	width:120px;
} 
#navi li#menu02 a{
	width:97px;
} 
#navi li#menu03 a{
	width:68px;
} 
#navi li#menu04 a{
	width:83px;
} 
#navi li#menu05 a{
	width:82px;
} 
#navi li#menu06 a{
	width:83px;
} 
#navi li#menu07 a{
	width:73px;
}
#navi li#menu08 a{
	width:71px;
}
#navi li#menu09 a{
	width:83px;
}


/* hover */
#navi li a:hover,#navi li a.on{
	background:url(../img/index/g_mn.jpg) no-repeat;
	background-position:96px;
	height:48px;
}
#navi li#menu01 a:hover,#navi li#menu01 a.on{
	background-position:0px -48px;
} 
#navi li#menu02 a:hover,#navi li#menu02 a.on{
	background-position:-120px -48px;
} 
#navi li#menu03 a:hover,#navi li#menu03 a.on{
	background-position:-217px -48px;
} 
#navi li#menu04 a:hover,#navi li#menu04 a.on{
	background-position:-285px -48px;
} 
#navi li#menu05 a:hover,#navi li#menu05 a.on{
	background-position:-368px -48px;
} 
#navi li#menu06 a:hover,#navi li#menu06 a.on{
	background-position:-450px -48px;
} 
#navi li#menu07 a:hover,#navi li#menu07 a.on{
	background-position:-533px -48px;
}
#navi li#menu08 a:hover,#navi li#menu08 a.on{
	background-position:-606px -48px;
}
#navi li#menu09 a:hover,#navi li#menu08 a.on{
	background-position:-677px -48px;
}

/*----------------------------------------
 コンテンツ
------------------------------------------*/

#contents {
	width:730px;
	margin:20px 15px;
	line-height:165%;
	font-size:12px;
}
#omimai {
	margin-bottom:30px;
}
#first {
	margin-bottom:40px;
}	

#leftarea {
	width:395px;
	padding-right:25px;
	float:left;
	margin-bottom:30px;
	font-size:12px;
	line-height:165%;
}

#leftarea #info {
	width:383px;
	border:solid 1px #D5D6C4;
	padding:8px 5px;
	background-image: url(../img/index/info_bg.jpg);
	background-repeat:repeat-x;
	line-height:165%;
	margin-bottom:30px;
}

#leftarea #info h3{
	margin-bottom:10px;
}

#leftarea #info h4{
	font-size:14px;
	font-weight:bold;
	color:#333333;
	margin-left:5px;
}
#leftarea #info .pic{
	font-size:12px;
	font-weight:bold;
	color:#CD6765;
	margin-left:5px;
}

#leftarea #info p {
	margin-left:5px;
	margin-right:5px;
}


#calendar {
	margin-bottom:20px;
	margin-left:8px;
	padding-bottom:20px;
}

#leftarea #calendar h3{
	margin-bottom:10px;
}


#calendar .monthly {
	background-image:url(../img/index/event_mg.jpg);
	background-repeat:no-repeat;
	height:25px;
	padding-left:13px;
	color:#CC3300;
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
	margin-left:5px;
}

#calendar .list {
	border-bottom:dotted #D5D6C6 1px;
	width:335px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	line-height:180%;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
}
#calendar .list_break {
	border-bottom:dotted #D5D6C6 1px;
	color:#CC3300;
	width:333px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	line-height:180%;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
}	
	
#calendar .attention {
	font-size:14px;
	font-weight:bold;
	padding:8px;
	border:solid #C00 1px;
	width:319px;
	margin-left:auto;
	margin-right:auto;
	line-height:150%;
}

#series_box	{
	margin-bottom:20px;
	margin-left:8px;
}
#series_box	h3{
	margin-bottom:10px;
	margin-left:8px;
}


#series_box p {
	width:360px;
	padding-left:10px;
	margin-left:8px;
	line-height:180%;
}	
#series_box .moreday {
	color:#CC0000;
	text-align:right;
}			

#rightarea {
	width:305px;
	float:right;
}

#pickup {
	background-color:#F7F3EA;
	width:305px;
	padding-bottom:10px;
	margin-bottom:10px;
}

#pickup h3{
	margin:0px;
	padding:0px;
	background-image:url(../img/index/pickup_title.jpg);
	background-repeat:no-repeat;
	width:305px;
	height:33px;
}
#pickup .year {
	float:right;
	margin-right:15px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:5px;
	font-family:Verdana;
	margin-top:5px;
}	

* html #pickup .year {
	float:right;
	margin-right:15px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:5px;
	font-family:Verdana;
}


#pickup .p_box {
	margin:10px;
	border-bottom:#D5D6C6 dotted 1px;
	padding-bottom:20px;
	padding-top:5px;
	line-height:130%;
}

#pickup .p_box h4 {
	color:#707041;
	font-weight:bold;
	font-size:12px;
	margin-bottom:10px;
}

#pickup .p_box .p_img {
	float:right;
	margin-left:10px;
}	
#pickup .p_box .more {
	margin-top:15px;
}

#event {
	background-color:#F7F3EA;
	width:285px;
	padding:10px 10px 15px 10px;
}

#event h3{
	margin-bottom:10px;
}

#footer {
	font-family:Verdana;
	color:#FFFFFF;
	background-image:url(../img/index/footer_bg.gif);
	background-repeat:repeat-x;
	clear:both;
	height:25px;
	text-align:center;
	font-size:12px;
	padding-top:10px;
	margin-top:25px;	
}

* html #footer {
	font-family:Verdana;
	color:#FFFFFF;
	background-image:url(../img/index/footer_bg.gif);
	background-repeat:repeat-x;
	clear:both;
	height:45px;
	text-align:center;
	font-size:12px;
	padding:10px;
	margin-top:25px;
}
#event .eventb_img {
	padding-bottom:10px;
}

/*桜
----------------------------------------------------------*/			
#leftarea #sakura {
	width:383px;
	border:solid 1px #D5D6C4;
	padding:8px 5px;
	background-image: url(../img/index/info_bg.jpg);
	background-repeat:repeat-x;
	line-height:165%;
	margin-bottom:30px;
}
#sakura .s_pic{
	float:left;
	margin:5px;
}
#sakura .s_now {
	font-size:120%;
	font-weight:bold;
	color:#CD6765;
	margin-left:5px;
}	

.mini {
font-size:80%;
}

.teishi {
	color:#CC3333;
	font-weight:bold;
}
.calendar_info {
	color:#CC3333;
	font-weight:bold;
	font-size:14px;
}

/*translation menu
----------------------------------------------*/	
#trans_mn {
	height: 19px;
	width: 260px;
	margin-left:auto;
	margin-right:auto;
	float:right;
	margin-top:12px;
}
#trans_mn ul {
	margin: 0px;
	padding: 0px;
}
#trans_mn ul li {
	float: left;
	display: block;
	height: 19px;
}
#trans_mn ul li.tmn01 a{
	background: url(../img/index/en_mn.jpg) no-repeat;
	height: 19px;
	width: 88px;
	display: block;
	text-indent: -9999px;
}
#trans_mn ul li.tmn01 a:hover{
	background: url(../img/index/en_mn_on.jpg) no-repeat;
}
#trans_mn ul li.tmn02 a{
	background: url(../img/index/kr_mn.jpg) no-repeat;
	height: 19px;
	width: 84px;
	display: block;
	text-indent: -9999px;
}
#trans_mn ul li.tmn02 a:hover{
	background: url(../img/index/kr_mn_on.jpg) no-repeat;
}
#trans_mn ul li.tmn03 a{
	background: url(../img/index/ch_mn.jpg) no-repeat;
	height: 19px;
	width: 88px;
	display: block;
	text-indent: -9999px;
}
#trans_mn ul li.tmn03 a:hover{
	background: url(../img/index/ch_mn_on.jpg) no-repeat;
}
	
#rightarea #shopping_banner{
	margin-top: 0px;
	margin-bottom: 10px;
}

#rightarea #news_banner{
	margin-top:10px;
	margin-bottom: 10px;
}

.news_haikan {
	border:solid 1px #D5D6C6;
	padding:10px;
	margin-top:10px;
	line-height:135%;
}
.news_haikan_day {
	margin-bottom:15px;
	margin-top:10px;
	font-size: 12px;
	font-weight: bold;
	color: #cd6765;
}