@charset "utf-8";


/* body
===============================================================*/
body#top{
	background:#f9f7ee;
}




/* container
===============================================================*/
body#top div#container{
	margin:40px 0 0 0;
	width:836px;
	background:#ffffff url(../img/container_bg_01.gif) repeat-y left top;
}




/* header
===============================================================*/
body#top div#header{
	padding:6px 0 0 0;
	width:836px;
	position:relative;
	background:url(../img/header_bg_01.gif) no-repeat left top;
}




/* logo
===============================================================*/
body#top h1{
	padding:42px 0 0 41px;
	width:775px;
	position:absolute;
	top:18px;
	left:10px;
	background:url(../../img/index_bg_logo.gif) no-repeat left top;
}

body#top h1 a{
	width:331px;
	height:89px;
	display:block;
	background:url(../../img/index_ti_logo.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:visible;
	/*\*/
	overflow:hidden;
	/**/
}




/* top main
===============================================================*/
div#topmain{
	margin:39px auto 0 auto;
	padding:165px 0 0 0;
	width:800px;
	height:120px;
	_height:159px;/* for IE6 */
	background:url(../../img/index_bg_topmain.gif) no-repeat left bottom;
}

*:first-child+html div#topmain{
	height:159px;/* for IE7 */
}

div#topmain div#mainphoto{
	width:465px;
	height:312px;
	position:absolute;
	right:35px;
	bottom:0;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index_pi_main.png' ,sizingmethod=image);/* for IE6 */
}

div#topmain div#mainphoto img{
	_visibility:hidden;/* for IE6 */
}




/* update
===============================================================*/
dl#update{
	margin:0 0 0 12px;
	_padding:39px 0 0 0;/* for IE6 */
	width:340px;
	position:relative;
}

*:first-child+html dl#update{
	padding:39px 0 0 0;
}

dl#update dt{
	padding:0 0 7px 0;
	background:url(../../img/update_li_01.gif) no-repeat left bottom;
}

dl#update dd{
	height:84px;
	overflow:auto;
	background:url(../../img/update_bg_01.png) no-repeat left top;
	_background:url(../../img/update_bg_01.gif) no-repeat left top;
}

dl#update dd ul{
	padding:0 12px;
	min-height:84px;
	_height:84px;/* for IE6 */
	background:url(../../img/update_li_02.gif) no-repeat left bottom;
}

dl#update dd ul li{
	padding:9px 0 0 0;
	_padding:5px 0 0 0;/* for IE6 */
	font-size:84%;
	line-height:1.4;
}

*:first-child+html dl#update dd ul li{
	padding:5px 0 0 0;/* for IE7 */
}

dl#update dd ul li a{
	margin:-1.4em 0 0 9.0em;
	_margin:-1.4em 0 0 8.0em;/* for IE6 */
	display:block;
	_height:1%;/* for IE6 */
}

*:first-child+html dl#update dd ul li a{
	margin:-1.4em 0 0 8.0em;/* for IE7 */
}




/* menu
===============================================================*/
body#top ul#menu{
	margin:0 auto;
	width:800px;
}

body#top ul#menu li{
	float:left;
}




/* top content
===============================================================*/
div#topcontent{
	margin:14px auto 0 auto;
	padding:17px 0 0 5px;
	width:795px;
	background:url(../../img/promotion_li_01.gif) repeat-x left top;
}




/* promotion
===============================================================*/
div#promotion{
	width:580px;
	float:left;
}

div#promotion h2{
	margin:0;
}

div#promotion .lside{
	float:left;
}

div#promotion .rside{
	float:right;
}

div#promotion div#event,
div#promotion div#blog{
	padding:5px 0 0 0;
	width:285px;
}

div#promotion div.wrap{
	margin:10px 5px 0 5px;
}

div#promotion div#event p.tolist{
	margin:-21px 0 0 0;
	padding:4px 3px 4px 0;
	position:relative;
	text-align:right;
}

div#promotion div#blog div.wrap{
	padding:20px 20px 0 20px;
	width:235px;
	height:100px;
	background:url(../../img/blog_bg_01.jpg) no-repeat left top;
	overflow:auto;
	color:#581e1e;
}

div#promotion div#blog div.wrap h3{
	margin:0.4em 0 0 0;
	font-size:134%;
	font-weight:bold;
	line-height:1.4;
}

div#promotion div#blog div.wrap p{
	_position:relative;/* for IE6 */
	font-size:117%;
	_letter-spacing:0.1em;/* for IE6 */
}

*:first-child+html div#promotion div#blog div.wrap p{
	letter-spacing:0.1em;/* for IE7 */
}

div#promotion div#blog div.wrap p span.new{
	width:32px;
	height:18px;
	_display:block;/* for IE6 */
	_position:absolute;/* for IE6 */
	_top:-3px;/* for IE6 */
	_left:7.9em;/* for IE6 */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/blog_ic_new.png',sizingmethod=image);/* for IE6 */
}

div#promotion div#blog span.new img{
	_display:none;/* for IE6 */
	vertical-align:-2px;
}

div#promotion ul#other{
	margin:11px 0 0 0;
	padding:12px 5px 0 5px;
	width:570px;
	background:url(../../img/promotion_li_01.gif) repeat-x left top;
}

div#promotion div#bbmp4{
	margin-top:1px;
	margin-left:-4px;
	width:284px;
	_position:relative;
}




/* action
===============================================================*/
div#action{
	width:205px;
	float:right;
}

div#action div#fanmail{
	display:none;
}

div#fanmail div#board{
	width:205px;
	height:196px;
	position:relative;
	background:url(../../img/funmail_bg_board.jpg) no-repeat left 4px;
}

div#fanmail div#board h2{
	margin:0;
	width:172px;
	height:54px;
	position:absolute;
	top:0;
	left:0;
	z-index:9000;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/funmail_ti_01.png",sizingMethod="scale");/* for IE6 */
}

div#fanmail div#board div#binder{
	width:138px;
	height:20px;
	position:absolute;
	top:4px;
	left:34px;
	z-index:8000;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/funmail_bg_binder.png",sizingMethod="scale");/* for IE6 */
}

div#fanmail div#board h2 img,
div#fanmail div#board div#binder img{
	_display:none;/* for IE6 */
}

div#fanmail div#board div.bt{
	width:25px;
	height:25px;
	position:absolute;
	top:15px;
	right:10px;
}

div#fanmail div#board div#hopen{
	z-index:6000;
}

div#fanmail div#board div#hopen img{
	cursor:pointer;
}

div#fanmail div#board div#hclose{
	display:none;
	z-index:7000;
	cursor:pointer;
}

div#fanmail div#board form#form{
	padding:36px 5px 0 5px;
	width:188px;
	height:156px;
	position:absolute;
	top:13px;
	left:9px;
	z-index:5000;
	background:url(../../img/funmail_bg_paper.jpg) no-repeat left top;
}

div#fanmail div#board form#form fieldset{
	border:none;
}

div#fanmail div#board form#form fieldset legend{
	display:none;
}

div#fanmail div#board form#form textarea{
	padding:3px;
	width:169px;
	height:106px;
	border:solid #c88d7d 1px;
	font-size:100%;
	font-family:"HiraMinPro-W3",Osaka,"MS PGothic","MS Mincho",sans-serif;
}

div#fanmail div#board form#form p#send{
	padding:4px 0 0 0;
	_padding:3px 0 0 0;/* for IE6 */
	text-align:center;
}

*:first-child+html div#fanmail div#board form#form p#send{
	padding:3px 0 0 0;/* for IE7 */
}

div#fanmail div#board p#help,
div#fanmail div#board p#sending,
div#fanmail div#board p#error,
div#fanmail div#board p#complete{
	width:191px;
	height:183px;
	display:none;
	position:absolute;
}

div#fanmail div#board form#form p#send img{
	cursor:pointer;
}

div#fanmail div#board p#help{
	top:8px;
	left:7px;
	z-index:6001;
}

div#fanmail div#board p#sending{
	top:8px;
	left:7px;
	z-index:6002;
}

div#fanmail div#board p#error{
	top:8px;
	left:7px;
	z-index:6003;
	color:#ff0000;
	font-weight:bold;
}

div#fanmail div#board p#complete{
	top:8px;
	left:7px;
	z-index:6004;
}

div#action p#inquiry{
	margin:11px auto 0 auto;
	width:195px;
}



/* footer
===============================================================*/
body#top div#footer{
	background:url(../img/footer_bg_01.gif) no-repeat left bottom;
}