@charset "utf-8";

/* UrumaDelvi Deluxe Fan Club
---------------------------------------- */
a {
    color: #40210F;
    text-decoration : underline;
}

a:visited {
    color: #40210F;
    text-decoration : underline;
}

a:hover {
    color: #ff6600;
}

.smallfont {
    font-size: 10px;
    font-weight: normal;
    color: #aaaaaa;
}

a.link_te {
	background: transparent url(../images/link_te.gif) left top no-repeat;
    padding-left: 23px;    
    color: #40210F;    
}


/* コンテンツ
------------------------------ */
#container {
    width: 900px;
    background: transparent url(../fan/images/bg_container.png) ;
    margin: 0 auto;
    overflow: auto;
}

#wrapper {
    clear: both;
    width: 900px;
    margin: 0;    
    overflow: auto;
}

#content_title {
    width: 900px;
    margin: 0;
    background: #transparent;
}

#content_title h1 {
    margin: 0;
    padding: 0;
    color: #ffffff;
}

#content {
    width: 831px;
    margin: 0 32px 0 37px;
    background: transparent url(../fan/images/bg_content.png) left top repeat-y;
    font-family: Verdana , Osaka, sans-serif , 'MS PGothic', 'Hiragino Kaku Gothic Pro W3' ;
    overflow:auto;
    color: #40210F;
}

/* コンテンツ ナビゲーション en
----------------------*/
#content_navi {
    margin: 0;
    height: 78px;
    background: transparent url(../fan/images/bg_content_navi.png) left top repeat-y;
    text-align: center;
}

#content_navi ul {
    margin: 0 auto 15px auto;
    height: 62px;
/*    width: 685px; */
    width: 552px;
}

#content_navi li {
	float: left;
	width: 133px;
	display: block;
	margin: 0 2px;
}

#content_navi li a {
	display: block;
	overflow: hidden;
	width: 133px;
	height: 0 !important;
	height /**/: 62px;
	padding-top: 62px;
	background-image: url(../fan/images/content_menu.png);
	color: #ffffff;
}

    /* 通常時 */
	#udsc_guide  a { background-position:     0       0; }
	#udsc_signup a { background-position:  -137px     0; }
	#udsc_change a { background-position:  -274px     0; }
	#udsc_pw     a { background-position:  -411px     0; }
	#udsc_faq    a { background-position:  -548px     0; }

    /* オンマウス、居場所 */
	#udsc_guide  a:hover, #udsc_guide  a.stay { background-position:     0       -62px; }
	#udsc_signup a:hover, #udsc_signup a.stay { background-position:  -137px     -62px; }
	#udsc_change a:hover, #udsc_change a.stay { background-position:  -274px     -62px; }
	#udsc_pw     a:hover, #udsc_pw     a.stay { background-position:  -411px     -62px; }
	#udsc_faq    a:hover, #udsc_faq    a.stay { background-position:  -548px     -62px; }


#content_bottom {
    width: 831px;
    height: 110px;
    margin: 0;
    background: transparent url(../fan/images/bg_content_bottom.png) left bottom repeat-y;
    overflow: auto;
    clear: both;
}


/* コンテンツ メイン
----------------------*/
#content_section {
    width: 831px;
    margin: 0;
    background: transparent;
    overflow:auto;
    text-align: left;
}


#content_main {
    margin: 0 158px;
    width: 515px;
    color: #40210F;
    text-align: left;
}


/* 入会のご案内
----------------------*/
#content_guide {
    width: 698px;
    margin: 0 67px 0 66px;
    background: transparent;
    overflow:auto;
    text-align: left;
}

#hoke_pekori {
    width: 629px;
    height: 157px;
    margin: 0 35px 0 34px;
	background: transparent url(../fan/images/hoke_pekori.png) left top no-repeat;
    overflow:auto;
    text-align: left;
}


/* 会員特典 表示用
----------------------*/
#content_guide h3,
#content_guide p {
    display: none;
}

div#guide_lead {
    position: relative;
    width: 698px;
    height: 420px;
	background: transparent url(../fan/images/bg_guide_lead.png) left top no-repeat;
	overflow: auto;
}

li#privilege01 a,
li#privilege02 a,
li#privilege03 a,
li#privilege04 a{
	display: block;
	overflow: hidden;
    position: absolute;
    width: 69px;
	height: 0 !important;
    height /**/: 11px;
    padding-top: 11px;      
    background-position: 0 0;
    color: #ffffff;
}

li#privilege01 a{
    top: 256px;
    left: 340px;
    background: transparent url(../fan/images/guide_more_w.png) left top no-repeat;
}

li#privilege02 a{
    top: 280px;
    left: 385px;
    background: transparent url(../fan/images/guide_more_p.png) left top no-repeat;
}

li#privilege03 a{
    top: 305px;
    left: 401px;
    background: transparent url(../fan/images/guide_more_w.png) left top no-repeat;
}

li#privilege04 a{
    top: 332px;
    left: 500px;
    background: transparent url(../fan/images/guide_more_p.png) left top no-repeat;
}


li#privilege01 a:hover,
li#privilege02 a:hover,
li#privilege03 a:hover,
li#privilege04 a:hover {
    background-position: 0 -11px;
}


div.link_signup_s1 a,
div.link_signup_s2 a {
	display: block;
	overflow: hidden;
    position: absolute;
    right: 8px;
    width: 131px;
	height: 0 !important;
    height /**/: 40px;
    padding-top: 40px;      
    background: transparent url(../fan/images/button_signup_s.png) left top no-repeat;
    background-position:0 0;
    color: #ffffff;
}

div.link_signup_s1 a {
    bottom: 18px;
}

div.link_signup_s2 a {
    bottom: 0;
}

div.link_signup_s1 a:hover,
div.link_signup_s1 a:active,
div.link_signup_s2 a:hover,
div.link_signup_s2 a:active {
    background-position:0 -40px;
}

div.link_signup_l a {
	display: block;
	overflow: hidden;
    position: absolute;
    left: 368px;
    top: 186px;
    width: 207px;
	height: 0 !important;
    height /**/: 48px;
    padding-top: 48px;      
    background: transparent url(../fan/images/button_signup_l.png) left top no-repeat;
    background-position: 0 0;
    color: #ffffff;
}

div.link_signup_l a:hover {
    background-position: 0 -48px;
}

div.link_signup_l a:active {
    background-position: 0 -96px;
}



/* 特典 その1 en
------------------*/
div#privilege_1 {
    position: relative;
    width: 698px;
    height: 533px;
	background: transparent url(../fan/images/bg_privilege_1.png) left top no-repeat;
	overflow: auto;
}

div#sample_feeling a {
	display: block;
	overflow: hidden;
    position: absolute;
    left: 340px;
    top: 149px;
    width: 239px;
	height: 0 !important;
    height /**/: 230px;
    padding-top: 230px;      
    background: transparent url(../fan/images/sample_feeling.png) left top no-repeat;
    background-position:0 0;
    color: #ffffff;
}

div#sample_feeling a:hover,
div#sample_feeling a:active {
    background-position:0 -230px;
}

div#link_feeling a {
	display: block;
	overflow: hidden;
    position: absolute;
    left: 191px;
    top: 281px;
    width: 139px;
    height: 14px;
    background: transparent;
    text-indent:-9999px;
    border:none;
	color: #ffffff;
}


div.link_signup a,
div.link_signup1 a {
	display: block;
	overflow: hidden;
    position: absolute;
    right: 8px;
    width: 131px;
	height: 0 !important;
    height /**/: 40px;
    padding-top: 40px;      
    background: transparent url(../fan/images/button_signup_s.png) left top no-repeat;
    background-position:0 0;
    color: #ffffff;
}

div.link_signup a {
    bottom: 18px;
}

div.link_signup1 a {
    bottom: 0;
}

div.link_signup a:hover,
div.link_signup a:active,
div.link_signup1 a:hover,
div.link_signup1 a:active {
    background-position:0 -40px;
}


/* 特典 その2 en
------------------*/
div#privilege_2 {
    position: relative;
    width: 698px;
    height: 768px;
	background: transparent url(../fan/images/bg_privilege_2.png) left top no-repeat;
	overflow: auto;
}

div#link_udgold a {
	display: block;
	overflow: hidden;
    position: absolute;
    left: 436px;
    top: 199px;
    width: 131px;
    height: 14px;
    background: transparent;
    text-indent:-9999px;
    border:none;
	color: #ffffff;
}

div#sample_udgold {
    position: absolute;
    left: 159px;
    top: 283px;
    width: 435px;
    height: 105px;
}

div#sample_udgold img {
    margin: 0;
    padding: 0;
}

div#sample_udgold_member {
    position: absolute;
    left: 296px;
    top: 537px;
}


/* 特典 その3 en
------------------*/
div#privilege_3 {
    position: relative;
    width: 698px;
    height: 455px;
	background: transparent url(../fan/images/bg_privilege_3.png) left top no-repeat;
	overflow: auto;
}

div#link_works a {
	display: block;
	overflow: hidden;
    position: absolute;
    top: 250px;
    left: 162px;
    width: 222px;
    height: 14px;
    text-indent:-9999px;
    border:none;
    background: transparent;
	color: #ffffff;
}

/* 特典 その5
------------------*/
div#privilege_4 {
    position: relative;
    width: 698px;
    height: 547px;
	background: transparent url(../fan/images/bg_privilege_4.png) left top no-repeat;
	overflow: auto;
}

div#link_dodobongo a {
	display: block;
	overflow: hidden;
    position: absolute;
    top: 179px;
    left: 242px;
    width: 175px;
    height: 14px;
    text-indent:-9999px;
    border:none;
    background: transparent;
	color: #ffffff;
}


/* Welcome
------------------*/
div#welcome_fanclub {
    position: relative;
    width: 698px;
    height: 234px;
	background: transparent url(../fan/images/bg_welcome.png) left top no-repeat;
	overflow: auto;
}


span.accent {
     color: #e95513;
     margin-right: 2px;
}

/* 角丸枠線つきボックス
------------------*/
div.wakubox_top {
    width: 515px;
    height: 15px;
    background: transparent url(../fan/images/top_wakubox.png) left top no-repeat;
    overflow: auto;
    clear: both;
}

div.wakubox_bottom {
    width: 515px;
    height: 15px;
    background: transparent url(../fan/images/bottom_wakubox.png) left bottom no-repeat;
    overflow: auto;
}

div.wakubox_body {
    width: 515px;
    background: transparent url(../fan/images/bg_wakubox.png) left top repeat-y;
    overflow: auto;
    padding: 5px;
}

div.wakubox_body h3 {
    font-size: 14px;
    font-weight: bold;
    color: #40210F;    
    margin: 0 25px 10px 25px;
}

div.wakubox_body p {
    margin: 0 25px;
}


/* FAQ用
---------------------------*/
div.faq_genre {
    clear: both;
    margin: 42px 0 0 0;
    border-bottom: solid 1px #000000;
}

div.faq_genre h3 {
    clear: both;
    margin: 42px 0 0 0;
    font-size: 16px;
    font-weight: bold;
    color: #e95513;    
}

div.entry_faq {
    clear: both;
    margin: 20px 0;
    border: 0;
}

div.entry_faq_bottom {
    clear: both;
    margin: 42px 0 0 0;
    border: 0;
}

div.entry_faq h4,
div.entry_faq_bottom h4 {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    margin: 4px 0;
}

div.entry_faq p {
    clear: both;
    margin: 4px 0;
    border: 0;
    font-size: 14px;
}

div.entry_faq_more h5 {
    font-size: 14px;
    font-weight: bold;
    color: #774e56;
    border-bottom: dotted 1px #8a5a51;
    margin: 6px 0 4px 10px;
    display: inline;
}

div.entry_faq_more p {
    clear: both;
    margin: 6px 0 4px 10px;
    padding: 0 0 5px 0;
    border: 0;
    font-size: 14px;
}


/* パスワード再設定 en
---------------------------*/
div.entry_pw {
    clear: both;
    margin: 42px 0 0 0;
    text-align: left;
    width: 515px;
}

.button_send {
    width: 198px;
	height: 48px;
    margin: 0 auto;
    text-indent:-9999px;
    border:none;
	color: #ffffff;
	padding-top: 48px;
	overflow: hidden;
	display: block;
	background: #ffffff url(../fan/images/button_send.png) no-repeat left top;
    background-position:  0    0;
    border:none;
}

.button_send:hover, .button_send:active {  
    background-position:  0     -48px;
}


.post_section_pw {
    clear: both;
    margin: 0 0 10px 0;
    text-align: left;
    width: 490px;
}

div.post_section_pw h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6;
    display: inline;
    float: left;
    margin-right: 14px;
    color: #40210F;
    margin: 0 15px 0 25px;
    padding: 0;    
}

div.post_section_pw p {
    clear: both;
    font-size: 12px;
}

div.post_err_pw {
    color: #e50012;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.8;
    margin: 0;
    width: 200px;
    background: #ff00ff;
}


/* フッター 背景表示用 en
----------------------*/
#footer_wrapper {
    clear: both;
    width: 900px;
    margin: 0;
    padding: 0;
	background: transparent url(../fan/images/bg_footer.png) left bottom no-repeat;    
    overflow:auto;
}

/* ページトップへ en
---------------------------------------------*/
.udsc_top {
    text-align: right;
    margin: 40px 0 10px 0;
}

.udsc_top_guide {
    text-align: right;
    margin: 40px 90px 10px 0;
}

.udsc_top_btm {
    text-align: right;
    margin: 40px 158px 10px 0;
}


.udsc_top a,
.udsc_top_guide a,
.udsc_top_btm a {
    font-size: 12px;
}

.udsc_top a:hover,
.udsc_top_guide a:hover,
.udsc_top_btm a:hover {
    text-decoration: underline;
}