@charset "shift-jis";

/* [/]================================================*/
/* common
------------------------------------------------------------*/

#article .pagetop { padding:10px 0 22px 0; background:#FFFFFF url(/cmn/img/bg_dotted.gif) repeat-x left top; font-weight:bold; }


body.pane2-L #article { float:left; width:675px; padding:0 0 0 20px; }
body.pane2-L #aside { float:right; width:190px; padding:0 20px 0 0; }
#aside li { margin-bottom:6px; }
#aside li img { vertical-align:bottom; }

.netclub h2 { margin-bottom:7px; }

.netclub .line-top { margin-top:14px; padding-top:14px; background: url(/cmn/img/bg_dotted.gif) repeat-x top left; clear:both; }

.netclub .title-area { padding: 5px 0 4px 5px; background-color:#798692; color:#FFFFFF; font-weight:bold; line-height:1.2em; vertical-align:middle; font-size:93%;position:relative; }
.netclub .title-area2 { padding-bottom:5px; margin-bottom:14px; border-bottom:1px solid #B2BABC; }

.netclub .login-entry-area { position:relative; }
.netclub .login-area { width:373px; border:1px solid #C0C6C9; float:left; }
.netclub .login-area .base { padding:20px 20px 20px 20px; background-color:#E8EEF0; }
.netclub form#login { margin:18px 0 10px 0 ; }
.netclub div.labelwidth { margin-right:15px; width:75px; clear:both; float:left; vertical-align:middle; background:url(/members/img/idx_icon_colon.gif) no-repeat right center; display:inline; }
.netclub label { font-size:93%; font-weight:bold; }
.netclub input#user ,
.netclub input#pass { width:235px; height:14px; padding:2px; font-size:93%; float:right; }
.netclub input#login-btn { margin:12px 0;  clear:both; float:right;}

.netclub p.login-none { margin:2px 0 8px 93px; font-size:77%; clear:both; display:inline-block;}
.netclub ul.icon-list { font-size:93%; float:right; clear:both; }
.netclub ul.icon-list li { margin-left:20px; float:left; }
.netclub ul.icon-list li a { padding:0 0 0 9px; background:url(/cmn/img/icon_arrow01.gif) no-repeat scroll left center; }
.netclub ul.icon-list li a.nowrapA { white-space:nowrap }
.netclub .btn-yahoo { margin-top:8px; float:right; }
.netclub .entry-area { padding:20px 18px 10px 19px; width:233px; border:5px solid #C0C6C9; float:right; }
.netclub .btn-area { margin-top:2px; float:left; }
.netclub .btn-area p { margin-top:10px; }
.netclub .pc-img { margin:16px 24px 0 0; float:right; display:inline;}


.netclub .mobile-area{ display:block; position:absolute; bottom:0px; right:0px;  width:280px; height:121px; clear:both;}
* html .netclub  .mobile-area{right:-1px}



.netclub .content-area { margin:17px -4px 35px -4px; padding:3px 4px 0 4px; width:675px; background:transparent url(/members/img/idx_bg_02_top.gif) no-repeat top center; }
.netclub .content-area .bottom-area { padding:15px 0 18px 20px; height:auto; background:transparent url(/members/img/idx_bg_02_bottom.gif) no-repeat bottom center; }

.netclub .content-area .new-mark {position:absolute; right:5px; top:5px; } 
.netclub .content-area .base { }
.netclub .content-area .base .image { width:119px; float:left; }
.netclub .content-area .base .details { width:500px; float:left; }
.netclub .content-area .base .details p { line-height:1.4em; }

.netclub .privilege-area { padding-bottom:75px; border-bottom:1px solid #B2BABC; }
.netclub .privilege-area .privilege-txt { margin:12px 0 10px 0; }

.netclub .privilege-top { margin:0px -4px 0px -4px; width:683px; height:auto; background:url(/members/img/idx_bg_03_top.gif) no-repeat top left; }
.netclub .privilege-bottom { padding:14px 20px;; width:643px; height:auto; float:none; background:transparent url(/members/img/idx_bg_03_bottom.gif) no-repeat bottom left; }

.netclub .privilege-left { width:303px; float:left; position:relative; }
.netclub .privilege-right { margin-left:36px; width:303px; float:left; position:relative; }
.netclub .privilege-img { margin-bottom:15px; }
.netclub .privilege-img2 { position:absolute; top:0; right:0; }
.netclub .privilege-img3 { position:absolute; top:28px; right:36px; }
.netclub .text-area { width:290px; }
.netclub .text-area2 { width:205px; }
.netclub .text-area3 { width:540px; }

.netclub .privilege-top2 { margin:30px -4px 0px -4px; width:683px; height:auto; background:url(/members/img/idx_bg_04_top.gif) no-repeat top left; position:relative; }
.netclub .privilege-bottom2 { padding:14px 20px; width:643px; height:auto; background:url(/members/img/idx_bg_04_bottom.gif) no-repeat bottom left; clear:both; }

.netclub .privilege2-area { margin:10px -4px 0 0; padding:114px 0 0 19px; width:323px; height:84px; background:url(/members/img/idx_bg_04.gif) no-repeat right top; float:left; }
.netclub .privilege3-area { margin:0 0 0 -4px; padding:113px 0 0 21px; width:320px; height:85px; background:url(/members/img/idx_bg_05.gif) no-repeat right top; float:left; }
.netclub .privilege4-area { margin:0 -4px 0 0; padding:113px 0 0 19px; width:323px; height:85px; background:url(/members/img/idx_bg_06.gif) no-repeat right top; float:left; }
.netclub .privilege5-area { margin:0 0 0 -4px; padding:19px 0 0 20px; width:321px; height:72px; background:url(/members/img/idx_bg_07.gif) no-repeat right top; float:left; }
.netclub .privilege6-area { margin:0 -4px 0 0; padding:19px 0 0 19px; width:323px; height:81px; background:url(/members/img/idx_bg_08.gif) no-repeat right top; float:left; }
.netclub .privilege7-area { margin:26px -4px 0 -4px; padding:19px 0 0 20px; width:663px; height:91px; background:url(/members/img/idx_bg_09.gif) no-repeat right top; float:left; }

.netclub .iprivacy-area { padding:15px 0 14px 0; }
.netclub .image2 { width:85px; float:left; }
.netclub .iprivacy { margin-top:20px; line-height:1.4em; width:589px; float:left; }
/* EOF*/