@charset "UTF-8";
/* CSS Document */
div#wrapper{
	width:740px;
	background-color:#fff;
	margin:5px 0 0 20px;
	background:url(../img/bg_middle.gif) repeat-y;
}

div#header{
	width:740px;
	height:70px;
	background:#ffffff;
}

/*  News */
body#news div#main{
	width:740px;
}

body#news div#main h1{
	width:740px;
	height:135px;
	background-color:#6600CC;
}

body#news div#main div#side{
	width:200px;
	float:left;
}

body#news div#main div#side div.module{
	width:160px;
	margin-left:27px;
}

body#news div#main div#side div.module h2{
	margin-bottom:13px;
}

body#news div#main div#side div.module ul.newsUl{
}

body#news div#main div#side div.module ul.newsUl li{
	overflow:hidden;
	height:32px;
	min-height: 14px;
}

body#news div#main div#side div.module ul.newsUl span{
	display:block;
	font-size:x-small;
	line-height:120%;
	overflow:hidden;
}

body#news div#main div#side div.module ul.newsUl a{
	display:block;
	font-size:small;
	line-height:120%;
	overflow:hidden;
}

body#news div#main div#side div.module ul.catUl li{
	background:url(../img/listheadStar.gif) no-repeat;
	line-height:100%;
	background-position:middle left;
	margin-bottom:5px;
	min-height: 14px;
}
body#news div#main div#side div.module ul.catUl li a{	
	margin-left:15px;
}
body#news div#main div#side div.module ul.catUl li span.a{	
	margin-left:15px;
}

body#news div#main div#side div.module div.form input#search{
	border:1px solid #d0a660;
	height:21px;
	width:108px;
	float:left;
	margin-right:3px;
}


body#news div#main div#contents{
	width:540px;
	float:right;
}

body#news div#main div#contents div#contentsTop{
	height:20px;
	overflow:hidden;
	line-height:100%;
	width:513px;
}

body#news div#main div#contents div#contentsTop a{
	display:block;
	width:68px;
	height:9px;
	overflow:hidden;
	text-indent:-1000px;
	background:url(../img/bt_newstop.gif) no-repeat;
	float:right;
	line-height:1px;
}

body#news div#main div#contents div#contentsTop a:hover{
	background-position:0 -9px;
}

body#news div#main div#contents div.entry{
	background-color:#FFFFFF;
	margin:0 0 20px 0px;
	width:512px;
}

body#news div#main div#contents div.entry img{
	margin-top:10px;
}

body#news div#main div#contents div.entry em{
	display:block;
	margin:5px 0 10px 0;
	padding:0;
}

body#news div#main div#contents div.entry div.entryTop{
	height:20px;
	background:url(../img/entry_top.gif) no-repeat;
}
body#news div#main div#contents div.entry div.entryBottom{
	height:20px;
	background:url(../img/entry_bottom.gif) no-repeat;
	background-position:bottom;
}

body#news div#main div#contents div.entry p{
	width:463px;
	margin-left:25px;
	margin-bottom:10px;
}

body#news div#main div#contents div.entry ul{
	margin-left:25px;
	margin-bottom:10px;
}

body#news div#main div#contents div.entry p.date{
	margin-top:10px;
	margin-bottom:3px;
	line-height:12px;
	font-size:x-small;
}
body#news div#main div#contents div.entry h2{
	width:463px;
	margin-left:25px;
	margin-bottom:10px;
	font-size:14px;
	line-height:22px;
	font-weight:bold;
	color:#ff6699;
}
body#news div#main div#contents div.entry h2.catStar{
	background:url(../img/catheadStar.gif) left 1px no-repeat;
	padding-left:19px;
	line-height:100%;
}



body#news div#main div#contents div#contentsBottom{
	height:20px;
	font-size:x-small;
	line-height:100%;
	text-align:center;
}

body#news div#main div.mainBottom{
	height:51px;
	background:url(../img/bg_bottom.gif) no-repeat;
	padding-right:27px;
}

body#news div#main div.mainBottom a{
	display:block;
	width:100px;
	height:9px;
	overflow:hidden;
	text-indent:-1000px;
	background:url(../img/bt_pagetop.gif) no-repeat;
	float:right;
	line-height:1px;
	margin-top:30px;
}

body#news div#main div.mainBottom a:hover{
	background-position:0 -9px;
}

body#news div#footer{
	height:75px;
	background:#FFFFFF;
	text-align:center;
}

body div#footer{
	height:75px;
	background:#FFFFFF;
	text-align:center;
}

.e14m,
.e14,
.j14m,
.j14 {
	font-size:medium;
}

.e12m,
.e12,
.j12m,
.j12 {
	font-size:small;
}

.e10m,
.e10,
.j10m,
.j10 {
	font-size:x-small;
}

/* Top */
div#wrapper_idx{
	/*width:740px;*/
	width:910px;
	background-color:#fff;
	margin:5px 0 0 20px;
}
div#wrapper_idxcontainer_idx{
	width:910px;
}
body#top div#main {
	width:740px;
	height:439px;
	background:url(../../img/bg_idx.jpg) no-repeat;
	float:left;
}

body#top div#leftcol {
	padding:278px 0 0 16px;
	width:276px;
	text-align:left;
	float:left;
}

body#top div#rightcol {
	padding:0;
	width:409px;
	text-align:left;
	float:right;
}

body#top div#col1 {
	padding:79px 0 0 0;
	width:201px;
	float:left;
}

body#top div#col2 {
	padding:233px 0 0 0;
	width:198px;
	float:right;
}

body#top div#rightcol div#flash {
	margin-top:10px;
}

body.idx_jp div#leftcol p a {
	display: block;
	background-repeat: no-repeat;
	background-image: url(../../img/btn_top01.jpg);
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}

body.idx_jp div#rightcol #col1 p a {
	display: block;
	background-repeat: no-repeat;
	background-image: url(../../img/btn_top02.jpg);
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	margin-left: 2px;
}

body.idx_jp div#rightcol #col2 p a {
	display: block;
	background-repeat: no-repeat;
	background-image: url(../../img/btn_top03.gif);
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}

body.idx_en div#leftcol p a {
	display: block;
	background-repeat: no-repeat;
	background-image: url(../../img/btn_top01_en.jpg);
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}

body.idx_en div#rightcol #col1 p a {
	display: block;
	background-repeat: no-repeat;
	background-image: url(../../img/btn_top02_en.jpg);
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	margin-left: 2px;
}

body.idx_en div#rightcol #col2 p a {
	display: block;
	background-repeat: no-repeat;
	background-image: url(../../img/btn_top03_en.gif);
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}

body#top div#leftcol p.news a {
	background-position: 0 0;
	height: 39px;
	width:90px;
	margin-bottom:9px;
}

body#top div#leftcol p.news a:hover,
body#top div#leftcol p.news a:active {
	background-position: 0 -147px
}

body#top div#leftcol p.whats a {
	background-position: 0 -48px;
	height: 37px;
	width:160px;
}

body#top div#leftcol p.whats a:hover,
body#top div#leftcol p.whats a:active {
	background-position: 0 -195px
}

body.idx_jp div#leftcol p.shopinfo a {
	background-position: 0 -107px;
	height: 40px;
	width:160px;
}

body.idx_en div#leftcol p.shopinfo a {
	background-position: 0 -107px;
	height: 40px;
	width:187px;
}

body#top div#leftcol p.shopinfo a:hover,
body#top div#leftcol p.shopinfo a:active {
	background-position: 0 -254px
}

/* 2008.06.27廃止 */
body#top div#rightcol div#col1 p.gina a {
	background-position: 0 0;
	height: 52px;
	width:194px;
}

body#top div#rightcol div#col1 p.gina a:hover,
body#top div#rightcol div#col1 p.gina a:active {
	background-position: 0 -174px
}

/* 2008.06.27追加 */
body.idx_jp div#rightcol div#col1 p.guest a {
	background-position: 0 -48px;
	height: 37px;
	width:168px;
}
body.idx_en div#rightcol div#col1 p.guest a {
	background-position: 0 -48px;
	height: 37px;
	width:209px;
}

body#top div#rightcol div#col1 p.guest a:hover,
body#top div#rightcol div#col1 p.guest a:active {
	background-position: 0 -182px
}

body#top div#rightcol div#col1 p.theater a {
	background-position: 0 0;
	height: 36px;
	width:184px;
}

body#top div#rightcol div#col1 p.theater a:hover,
body#top div#rightcol div#col1 p.theater a:active {
	background-position: 0 -134px
}

body#top div#rightcol div#col1 p.report a {
	background-position: 0 -97px;
	height: 37px;
	width:170px;
}

body#top div#rightcol div#col1 p.report a:hover,
body#top div#rightcol div#col1 p.report a:active {
	background-position: 0 -231px
}

body.idx_jp div#rightcol div#col2 p.member a {
	background-position: 0 0;
	height: 44px;
	margin-bottom:16px;
}

body.idx_jp div#rightcol div#col2 p.member a:hover,
body.idx_jp div#rightcol div#col2 p.member a:active {
	background-position: 0 -197px
}

body.idx_en div#rightcol div#col2 p.member a {
	background-position: 0 0;
	height: 56px;
	margin-bottom:12px;
}

body.idx_en div#rightcol div#col2 p.member a:hover,
body.idx_en div#rightcol div#col2 p.member a:active {
	background-position: 0 -197px
}

body.idx_jp div#rightcol div#col2 p.jm a {
	background-position: 0 -60px;
	height: 64px;
	margin-bottom:21px;
}

body.idx_jp div#rightcol div#col2 p.jm a:hover,
body.idx_jp div#rightcol div#col2 p.jm a:active {
	background-position: 0 -257px
}

body.idx_en div#rightcol div#col2 p.jm a {
	background-position: 0 -68px;
	height: 64px;
	margin-bottom:13px;
}

body.idx_en div#rightcol div#col2 p.jm a:hover,
body.idx_en div#rightcol div#col2 p.jm a:active {
	background-position: 0 -265px
}

#top div#rightcol div#col2 p.voice a {
	background-position: 0 -145px;
	height: 52px;
}

body#top div#rightcol div#col2 p.voice a:hover,
body#top div#rightcol div#col2 p.voice a:active {
	background-position: 0 -342px
}

body#top div#leftcol ul li,
body#top div#rightcol ul li{
	float:left;
}

body.idx_jp div#leftcol li a {
	height:16px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../../img/btn_top01.jpg);
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}

body.idx_jp div#rightcol div#col1 li a {
	height:16px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../../img/btn_top02.jpg);
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}

body.idx_en div#leftcol li a {
	height:16px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../../img/btn_top01_en.jpg);
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}

body.idx_en div#rightcol div#col1 li a {
	height:16px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../../img/btn_top02_en.jpg);
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}

body#top div#leftcol li.whats_sub01 a {
	background-position: 0 -85px;
	width:80px;
}

body#top div#leftcol li.whats_sub01 a:hover,
body#top div#leftcol li.whats_sub01 a:active {
	background-position: 0 -232px
}

body#top div#leftcol li.whats_sub02 a {
	background-position: -80px -85px;
	width:39px;
}

body#top div#leftcol li.whats_sub02 a:hover,
body#top div#leftcol li.whats_sub02 a:active {
	background-position: -80px -232px
}

body#top div#leftcol li.whats_sub03 a {
	background-position: -119px -85px;
	width:72px;
}

body#top div#leftcol li.whats_sub03 a:hover,
body#top div#leftcol li.whats_sub03 a:active {
	background-position: -119px -232px
}

body#top div#leftcol li.whats_sub04 a {
	background-position: -191px -85px;
	width:84px;
}

body#top div#leftcol li.whats_sub04 a:hover,
body#top div#leftcol li.whats_sub04 a:active {
	background-position: -191px -232px
}

body#top div#rightcol div#col1 li.gina_sub01 a {
	background-position: 0 -52px;
	width:71px;
}

body#top div#rightcol div#col1 li.gina_sub01 a:hover,
body#top div#rightcol div#col1 li.gina_sub01 a:active {
	background-position: 0 -226px
}

body#top div#rightcol div#col1 li.gina_sub02 a {
	background-position: -71px -52px;
	width:130px;
}

body#top div#rightcol div#col1 li.gina_sub02 a:hover,
body#top div#rightcol div#col1 li.gina_sub02 a:active {
	background-position: -71px -226px
}

body#top div#rightcol div#col1 li.gina_sub03 a {
	background-position: 0 -65px;
	width:66px;
}

body#top div#rightcol div#col1 li.gina_sub03 a:hover,
body#top div#rightcol div#col1 li.gina_sub03 a:active {
	background-position: 0 -239px
}

body#top div#banner_area ul {
	margin-top:15px;
	margin-left:35px;
}

body#top div#banner_area ul li {
	float:left;
	margin-right:10px;
}

/* 右配置バージョン */
body#top div#banner_area_special {
	float:right;
	width:160px;
}
body#top div#banner_area_special ul {
	margin:0;
}
body#top div#banner_area_special ul li {
	margin-bottom:7px;
}
body#top div#banner_area_special ul li#line { background: url(../img/bnr_line.gif) no-repeat left bottom; padding-bottom: 10px; margin-bottom: 10px; }
body#top div#banner_area_special ul li#outside { border-top: 1px #cda35d solid; padding-top: 10px; }
/**/

body#top div#notice_area {
	margin-top:10px;
}
body#top div#notice_area p.notice {
	margin-top:10px;
	font-size:x-small;
}
body#top div#notice_area p.notice_vacation {
	color:#f69;
	margin-top:10px;
	font-size:x-small;
}

/* 左寄せバージョン 2008.9.9update */
body#top div#official_bnr dl {
	padding-top: 10px;
	border-bottom: dotted 1px #FA9EC5;
	padding-bottom: 10px;
}
body#top div#official_bnr dt {
	width: 98px;
	float: left;
	text-align:left;
}
body#top div#official_bnr dd {
	float: left;
	font-size:x-small;
}
body#top div#notice_area_special {
	margin-top:10px;
	text-align:left;
}
body#top div#notice_area_special .attention {
	float: left;
	width: 670px;
}
body#top div#notice_area_special div.notice {
	float: left;
	margin-left:25px;
	text-align:left;
}
body#top div#notice_area_special div.notice p {
	font-size:x-small;
	text-align:left;
}
body#top div#notice_area_special p.notice_vacation {
	color:#f69;
	margin-top:10px;
	font-size:x-small;
}


/**/

.spacing{
	margin-bottom: 1em;
}

/* About CWC */
body#whatsAboutcwc .devide { border-bottom:1px dotted #6b471c; padding-bottom:10px; }

/* Download */
body#memberDownload h3 {
	color:#1DADDD;
	font-size:small;
	line-height:100%;
	font-weight:normal;
}
body#memberDownload div#wrapper_test{
	width:740px;
	background-color:#fff;
	margin:5px 0 0 20px;
}
body#memberDownload div.set {
	width:502px;
	margin:0 0 20px 0;
}
body#memberDownload div.set dl {
	width:170px;
	float:left;
	margin-right:50px;
}
body#memberDownload div.set dt {
	margin-bottom:10px;
}
body#memberDownload div.set dt span.notes {
	color:#1DADDD;
	font-size:x-small;
	line-height:100%;
	padding-top:5px;
}
body#memberDownload div.set dd.left_btn {
	float:left;
	width:74px;
	padding-left:5px;
}
body#memberDownload div.set dd.right_btn {
	float:right;
	width:65px;
	padding-right:5px;
}

/* Event Report */

body.event div.backnumber{
	min-width:148px;
}

body.event div.backnumber ul li {
	min-height: 14px;
	background:url(../event/bullet.gif) no-repeat;
	background-position:0 0;
	width:130px;
	padding-left:15px;
	line-height:120%;
	text-align:left;
}

body.event div.backnumber ul li.margin {
	margin-top:10px;
}

body.event div.backnumber li a {
	font-size:11px;
}

/* From Gina */

body#ginaFrom div.backnumber{
	min-width:108px;
}

body#ginaFrom div.backnumber ul {
	padding-left:40px;
}

body#ginaFrom div.backnumber ul li {
	min-height: 14px;
	background:url(../event/bullet.gif) no-repeat;
	background-position:0 0;
	width:90px;
	padding-left:15px;
	line-height:120%;
	text-align:left;
}

body#ginaFrom div.backnumber ul li.margin {
	margin-top:10px;
}

body#ginaFrom div.backnumber li a {
	font-size:11px;
}

/* Japan Voice */

body#memberJapanvoice div.backnumber{
	min-width:108px;
}

body#memberJapanvoice div.backnumber ul {
	padding-left:40px;
}

body#memberJapanvoice div.backnumber ul li {
	min-height: 14px;
	background:url(../event/bullet.gif) no-repeat;
	background-position:0 0;
	width:90px;
	padding-left:15px;
	line-height:120%;
	text-align:left;
}

body#memberJapanvoice div.backnumber ul li.margin {
	margin-top:10px;
}

body#memberJapanvoice div.backnumber li a {
	font-size:11px;
}

/* What's New! */
body#whatsnew {
	margin: 5px;
}
body#whatsnew div#header { 
	width: 290px;
	height: 30px;
}
body#whatsnew div#header h1 { 
	float: left;
	width: 125px;
}
body#whatsnew div#header #btn_area { 
	float: right;
	width: 48px;
	padding-top: 9px;
	margin-right: 5px;
}
body#whatsnew div#contents { 
	width: 290px;
	background:url(../../jpn/whatsnew/img/bg_contents.gif) repeat-y;
}
body#whatsnew div#contents dl { 
	padding: 0 9px;
	padding-bottom: 3px;
}
body#whatsnew div#contents dt { 
	float: left;
	font-size: x-small;
	background:url(../../jpn/whatsnew/img/star.gif) no-repeat;
	background-position:0 1px;
	_background-position:0 3px;
	padding-left: 16px;
	width: 45px;
}
body#whatsnew div#contents dd { 
	float: right;
	font-size: x-small;
	width: 210px;
}
body#whatsnew div#contents dd a{
	font-size: x-small;
}

/* Shop List */
body#shoplist #container_out { text-align:center; width:100%; padding-bottom: 10px; }
body#shoplist #container_in { margin: 0 auto; width:548px; }
body#shoplist #body { text-align:left; }
body#shoplist #body h2 { background-color: #6B471C; font-size: small; font-weight: bold; color:#FEF4D3; padding: 2px 3px; margin-bottom: 3px; margin-top: 15px; }
body#shoplist #body .set { margin-bottom: 10px; width: 508px; }
body#shoplist #body dl { width: 504px; border-bottom: 1px dotted #6B471C; padding: 5px 2px 5px 2px; }
body#shoplist #body dt { font-weight: bold; padding-bottom: 2px; }
body#shoplist #body dt .small { font-weight: normal; color: #fe6698; }
body#shoplist #body dd.address { float: left; width: 360px; }
body#shoplist #body dd.tel { float: right; width: 120px; text-align:right; }
body#shoplist .pagetop { width: 508px; text-align:right; }

/* ====== Guest Room ===== */
/* photo */
body.guest #ph { background:url(../guest/bg_ph.gif) no-repeat; height: 304px; }
body.guest #ph h1 { text-indent:-9999px; line-height:0; font-size:0; }

body#vol01 #ph .hori a { width: 85px; height: 60px; display: block; background-repeat: no-repeat; background-image: url(../guest/thumb_vol1_hori.jpg); text-indent:-9999px; line-height:0; font-size:0; }
body#vol01 #ph .vert a { width: 60px; height: 85px; display: block; background-repeat: no-repeat; background-image: url(../guest/thumb_vol1_vert.jpg); text-indent:-9999px; line-height:0; font-size:0; }
body#vol02 #ph .hori a { width: 85px; height: 60px; display: block; background-repeat: no-repeat; background-image: url(../guest/thumb_vol2_hori.jpg); text-indent:-9999px; line-height:0; font-size:0; }
body#vol02 #ph .vert a { width: 60px; height: 85px; display: block; background-repeat: no-repeat; background-image: url(../guest/thumb_vol2_vert.jpg); text-indent:-9999px; line-height:0; font-size:0; }
body#vol03 #ph .hori a { width: 85px; height: 60px; display: block; background-repeat: no-repeat; background-image: url(../guest/thumb_vol3_hori.jpg); text-indent:-9999px; line-height:0; font-size:0; }
body#vol03 #ph .vert a { width: 60px; height: 85px; display: block; background-repeat: no-repeat; background-image: url(../guest/thumb_vol3_vert.jpg); text-indent:-9999px; line-height:0; font-size:0; }

body.guest #ph #no01 a { background-position: 0 0; top:202px; left: 110px; position: absolute; }
body.guest #ph #no01 a:hover, body.guest #ph #no01 a:active { background-position: 0 -60px; }
body.guest #ph #no03 a { background-position: -85px 0; top: 282px; left: 92px; position: absolute; }
body.guest #ph #no03 a:hover, body.guest #ph #no03 a:active { background-position: -85px -60px; }
body.guest #ph #no06 a { background-position: -170px 0; top: 282px; left: 335px; position: absolute; }
body.guest #ph #no06 a:hover, body.guest #ph #no06 a:active { background-position: -170px -60px; }
body.guest #ph #no07 a { background-position: -255px 0; top: 248px; left: 434px; position: absolute; }
body.guest #ph #no07 a:hover, body.guest #ph #no07 a:active { background-position: -255px -60px; }
body.guest #ph #no10 a { background-position: -340px 0; top: 282px; left: 604px; position: absolute; }
body.guest #ph #no10 a:hover, body.guest #ph #no10 a:active { background-position: -340px -60px; }

body.guest #ph #no02 a { background-position: 0 0; top:177px; left: 209px; position: absolute; }
body.guest #ph #no02 a:hover, body.guest #ph #no02 a:active { background-position: 0 -85px; }
body.guest #ph #no04 a { background-position: -60px 0; top:282px; left: 188px; position: absolute; }
body.guest #ph #no04 a:hover, body.guest #ph #no04 a:active { background-position: -60px -85px; }
body.guest #ph #no05 a { background-position: -120px 0; top:282px; left: 259px; position: absolute; }
body.guest #ph #no05 a:hover, body.guest #ph #no05 a:active { background-position: -120px -85px; }
body.guest #ph #no08 a { background-position: -180px 0; top:223px; left: 531px; position: absolute; }
body.guest #ph #no08 a:hover, body.guest #ph #no08 a:active { background-position: -180px -85px; }
body.guest #ph #no09 a { background-position: -240px 0; top:177px; left: 604px; position: absolute; }
body.guest #ph #no09 a:hover, body.guest #ph #no09 a:active { background-position: -240px -85px; }

/* リード */
body.guest #lead { background:url(../guest/bg_body.gif) repeat-y; padding: 0 22px; padding-bottom: 15px; }
body.guest #lead_en { background:url(../guest/bg_body.gif) repeat-y; padding: 0 22px; padding-bottom: 12px; }

/* 本文 */
body.guest #body { background:url(../guest/bg_body.gif) repeat-y; padding: 0 22px; }
body.guest #body h2 { margin-bottom: 10px; }
body.guest #body h3 { font-size: x-small; color: #6b471c; font-weight: bold; }
body.guest #body p { font-size: x-small; margin-bottom: 10px; }
body.guest #body th { width: 438px; }
body.guest #body td { padding-left: 8px; }

/* バックナンバー */
body.guest #bak { background:url(../guest/bg_bak.gif) no-repeat; background-position: left bottom; height: auto !important; height: 100px; min-height: 100px; }
body.guest #bak ul { margin-left: 22px; margin-top: 5px; _margin-top: 2px; width: 450px; }
body.guest #bak li { background:url(../guest/star.gif) no-repeat; _background-position:0 3px; padding-left:17px; height: auto !important; height: 14px; min-height: 14px; }
body.guest #bak li a { font-size: x-small; color: #fff; }
body.guest #bak li a:hover, body.guest #bak li a:active { font-size: x-small; color: #630; }
/*body.guest #bak li.left { float: left; wifth: 220px; }
body.guest #bak li.right { float: right; wifth: 220px;  }*/

/* pop up */
body.guest_pop { background-color: #000; }
body.guest_pop #container_out { text-align:center; width:100%; }
body.guest_pop #container_in { margin: 0 auto; width:380px; padding: 20px 0; }
body.guest_pop #image_hori { height: auto !important; height: 317px; min-height: 317px; padding-top: 63px; }
body.guest_pop #image_vert { text-align: center; height: auto !important; height: 380px; min-height: 380px; }
body.guest_pop p { font-size: x-small; color: #6b471c; text-align: center; }
body.guest_pop .page_nav ul { width:380px; list-style-type: none; padding-top: 10px; }
body.guest_pop .page_nav li#back { float: left; }
body.guest_pop .page_nav li#next { float: right; }
body.guest_pop .page_nav li a { color: #d0a660; }
body.guest_pop .page_nav li a:hover, body.guest_pop .page_nav li a:active { color: #fa9700; }

body.guest_pop .button_area { width:380px; padding-top: 10px; height: 11px; }
body.guest_pop .button_area a, 
body.guest_pop .button_area a:link, 
body.guest_pop .button_area a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../guest/btn_close.gif); height: 11px; border-bottom: 0; margin-left: 334px; line-height: 1%; text-indent: -9999px; font-size: 1; }
body.guest_pop .button_area a:hover, 
body.guest_pop .button_area a:active { background-position: 0 -12px; }

/* ====== Q and A ===== */
body#whatsQa div.btn_contact a {
	height:36px;
	margin-left:21px;
	margin-top:15px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../../jpn/whats/qa/img/btn_contact.gif);
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}
body#whatsQa div.btn_contact a:hover,
body#whatsQa div.btn_contact a:active {
	background-position: 0 -36px
}
body#whatsQa #body h2 { margin-bottom: 15px; }
body#whatsQa #body dl { margin-bottom: 20px; }
body#whatsQa #body dt { background:url(../qa/dt_q.gif) no-repeat; _background-position:0 3px; padding-left:24px; height: auto !important; height: 24px; min-height: 21px; font-weight: bold; margin-bottom: 10px; padding-top:2px; }
body#whatsQa #body dd { background:url(../qa/dd_a.gif) no-repeat; _background-position:0 3px; padding-left:24px; height: auto !important; height: 24px; min-height: 21px; padding-top:2px; }
body#whatsQa #body .banner { margin: 5px 0; }
body#whatsQa #body .banner img { margin-right: 5px; }
body#whatsQa .qa_menu { margin-left: 5px; text-align: left; }
body#whatsQa .qa_menu ul { margin-bottom:11px; }
body#whatsQa .qa_menu li { margin: 0; padding:0; }
body#whatsQa .qa_menu li.line { height: 19px; padding-left: 24px; }
body#whatsQa #qa_menu li a { height:30px; display: block; background-repeat: no-repeat; background-image: url(../../jpn/whats/qa/img/btn_qa.gif); text-indent:-9999px; line-height:0; font-size:0; }
body#whatsQa #qa_menu_en li a { height:32px; display: block; background-repeat: no-repeat; background-image: url(../../eng/whats/qa/img/btn_qa.gif); text-indent:-9999px; line-height:0; font-size:0; }
body#whatsQa #qa_menu li#index a { width: 135px; background-position: 0 0; }
body#whatsQa #qa_menu li#buy a { width: 135px; background-position: 0 -30px; }
body#whatsQa #qa_menu li#other a { width: 135px; background-position: 0 -60px; }
body#whatsQa #qa_menu li#index a:hover { width: 135px; background-position: -135px 0; }
body#whatsQa #qa_menu li#buy a:hover { width: 135px; background-position: -135px -30px; }
body#whatsQa #qa_menu li#other a:hover { width: 135px; background-position: -135px -60px; }
body#whatsQa #qa_menu li#index a.active { width: 143px; background-position: -270px 0; }
body#whatsQa #qa_menu li#buy a.active { width: 143px; background-position: -270px -30px; }
body#whatsQa #qa_menu li#other a.active { width: 143px; background-position: -270px -60px; }
body#whatsQa #qa_menu_en li#index a { width: 135px; background-position: 0 0; }
body#whatsQa #qa_menu_en li#buy a { width: 135px; background-position: 0 -32px; }
body#whatsQa #qa_menu_en li#other a { width: 135px; background-position: 0 -64px; }
body#whatsQa #qa_menu_en li#index a:hover { width: 135px; background-position: -135px 0; }
body#whatsQa #qa_menu_en li#buy a:hover { width: 135px; background-position: -135px -32px; }
body#whatsQa #qa_menu_en li#other a:hover { width: 135px; background-position: -135px -64px; }
body#whatsQa #qa_menu_en li#index a.active { width: 143px; background-position: -270px 0; }
body#whatsQa #qa_menu_en li#buy a.active { width: 143px; background-position: -270px -32px; }
body#whatsQa #qa_menu_en li#other a.active { width: 143px; background-position: -270px -64px; }

/* ====== Greeting Card ===== */
body#memberGreeting .card_area { width: 508px; }
body#memberGreeting .card_area .lcol { width: 254px; float: left; }
body#memberGreeting #card09 .rcol { width: 254px; float: right; background-image: url(../../club/card/view/09/img/bg.gif); height: 330px; }
body#memberGreeting #card09 .rcol .card_title { margin-top: 30px; margin-left: 14px; margin-bottom: 35px; }
body#memberGreeting #card09 .rcol .card_to { margin-left: 35px; height: 30px; font-size: small; _font-size: x-small; }
body#memberGreeting #card09 .rcol .card_to img { margin-right: 10px; }
body#memberGreeting #card09 .rcol .card_msg { margin-left: 35px; height: 146px; font-size: small; _font-size: x-small; width: 207px; }
body#memberGreeting #card09 .rcol .card_frm { margin-left: 35px; font-size: small; _font-size: x-small; }
body#memberGreeting #card09 .rcol .card_frm img { margin-right: 10px; }
body#memberGreeting #card10 .rcol { width: 254px; float: right; background-image: url(../../club/card/view/10/img/bg.gif); height: 330px; }
body#memberGreeting #card10 .rcol .card_title { margin-top: 19px; margin-left: 12px; margin-bottom: 23px; }
body#memberGreeting #card10 .rcol .card_to { margin-left: 33px; height: 30px; font-size: small; _font-size: x-small; color: #333; }
body#memberGreeting #card10 .rcol .card_to img { margin-right: 10px; }
body#memberGreeting #card10 .rcol .card_msg { margin-left: 33px; height: 151px; font-size: small; _font-size: x-small; width: 207px; color: #333; }
body#memberGreeting #card10 .rcol .card_frm { margin-left: 33px; font-size: small; _font-size: x-small; color: #333; }
body#memberGreeting #card10 .rcol .card_frm img { margin-right: 10px; }
body#memberGreeting #card11 .lcol { width: 250px; float: left; }
body#memberGreeting #card11 .rcol { width: 258px; float: right; background-image: url(../../club/card/view/11/img/bg.gif); height: 330px; }
body#memberGreeting #card11 .rcol .card_title { margin-top: 47px; margin-left: 16px; margin-bottom: 23px; }
body#memberGreeting #card11 .rcol .card_to { margin-left: 18px; height: 30px; font-size: small; _font-size: x-small; color: #1c3b15; }
body#memberGreeting #card11 .rcol .card_to img { margin-right: 10px; }
body#memberGreeting #card11 .rcol .card_msg { margin-left: 18px; height: 95px; font-size: small; _font-size: x-small; width: 207px; color: #1c3b15; margin-bottom: 5px; }
body#memberGreeting #card11 .rcol .card_frm { margin-left: 18px; font-size: small; _font-size: x-small; color: #1c3b15; }
body#memberGreeting #card11 .rcol .card_frm img { margin-right: 10px; }
body#memberGreeting #card12 .phcl { width: 250px; float: right; }
body#memberGreeting #card12 .txtcl { width: 258px; float: left; background-image: url(../../club/card/view/12/img/bg.gif); height: 330px; }
body#memberGreeting #card12 .txtcl .card_title { margin-top: 36px; margin-left: 16px; margin-bottom: 44px; }
body#memberGreeting #card12 .txtcl .card_to { margin-left: 33px; height: 30px; font-size: small; _font-size: x-small; color: #6b471c; }
body#memberGreeting #card12 .txtcl .card_to img { margin-right: 10px; }
body#memberGreeting #card12 .txtcl .card_msg { margin-left: 33px; height: 115px; font-size: small; _font-size: x-small; width: 207px; color: #6b471c; margin-bottom: 5px; }
body#memberGreeting #card12 .txtcl .card_frm { margin-left: 33px; font-size: small; _font-size: x-small; color: #6b471c; }
body#memberGreeting #card12 .txtcl .card_frm img { margin-right: 10px; }
body#memberGreeting #card13 .lcol { width: 254px; float: left; }
body#memberGreeting #card13 .rcol { width: 254px; float: right; background-image: url(../../club/card/view/13/img/bg.gif); height: 330px; }
body#memberGreeting #card13 .rcol .card_title { margin-top: 41px; margin-left: 15px; margin-bottom: 30px; }
body#memberGreeting #card13 .rcol .card_to { margin-left: 21px; height: 30px; font-size: small; _font-size: x-small; color: #6B471C; }
body#memberGreeting #card13 .rcol .card_to img { margin-right: 10px; }
body#memberGreeting #card13 .rcol .card_msg { margin-left: 21px; height: 130px; font-size: small; _font-size: x-small; width: 207px; color: #6B471C; margin-bottom: 5px; }
body#memberGreeting #card13 .rcol .card_frm { margin-left: 21px; font-size: small; _font-size: x-small; color: #6B471C; }
body#memberGreeting #card13 .rcol .card_frm img { margin-right: 10px; }
body#memberGreeting #card14 .lcol { width: 256px; float: left; }
body#memberGreeting #card14 .rcol { width: 252px; float: right; background-image: url(../../club/card/view/14/img/bg.gif); height: 330px; }
body#memberGreeting #card14 .rcol .card_title { margin-top: 41px; margin-left: 15px; margin-bottom: 30px; }
body#memberGreeting #card14 .rcol .card_to { margin-left: 21px; height: 30px; font-size: small; _font-size: x-small; color: #f39; }
body#memberGreeting #card14 .rcol .card_to img { margin-right: 10px; }
body#memberGreeting #card14 .rcol .card_msg { margin-left: 21px; height: 130px; font-size: small; _font-size: x-small; width: 207px; color: #f39; margin-bottom: 5px; }
body#memberGreeting #card14 .rcol .card_frm { margin-left: 21px; font-size: small; _font-size: x-small; color: #f39; }
body#memberGreeting #card14 .rcol .card_frm img { margin-right: 10px; }