@charset "shift_jis";
/* ****************************************************
Since : 2008-07-25
Last Modified: 2008-07-25
***************************************************** */	
/* ****************************************************
1: CSS for common setting
2: Header
3: mail_magazine
***************************************************** */

/*1: CSS for common setting
================================== */
/* container */
body#login #container {
	margin:0 auto;
	width:500px;
	padding:0;
	text-align:center;
}
* html body#login #container {
	height: 1px;
}

/* Contents */
body#login div#contents {
	clear:both;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
}

/* main Image */
body.member  div#contents .main-image {
	position: relative;
	margin:1px 0 0 0;
	padding:0;
	background:url(../../common/images/theme/bg_box626.gif) no-repeat top left;
	width:626px;
	height:350px;
}
body.member  div#contents .main-image p.main_photo {
	padding:0;
	margin:0;
	position:absolute;
	top:0px;
	left:0px;
}
body.member  div#contents .main-image p.member_ttl01 {
	padding:0;
	margin:0;
	position:absolute;
	top:12px;
	left:385px;
}
body.member  div#contents .main-image p.member_ttl02 {
	padding:0;
	margin:0;
	position:absolute;
	top:305px;
	left:385px;
}

/* index.html */
body#index  div#contents .main-image li.left-bt{
	position: absolute;
	top: 72px;
	left: 385px;
}
body#index  div#contents .main-image li.right-bt{
	position: absolute;
	top: 187px;
	left: 385px;
}
/* club/index.html */
body#club-index  div#contents .main-image li.top-list{
	position: absolute;
	top: 148px;
	left: 20px;
}
body#club-index  div#contents .main-image li.bottom-list{
	position: absolute;
	top: 257px;
	left: 20px;
}
body#club-index  div#contents .main-image .reg-area {
	position: absolute;
	top: 147px;
	left: 309px;
	width: 305px;
	height: 214px;
	background: url(../../member/images/llclub_bg001.gif) no-repeat 0 0;
}
body#club-index  div#contents  .main-image .reg-area p.lead-tx{
	margin: 10px 0 0 12px;
}
body#club-index  div#contents .main-image .reg-area dl {
	margin-left: 40px;
}
body#club-index  div#contents .main-image .reg-area dd {
	margin: -29px 0 0 112px;
}






body.member  div#contents .main-image2 {
	position: relative;
	margin:1px 0 0 0;
	padding:0;
	width:626px;
	height:227px;
}
body.member  div#contents .main-image2 p{
	margin-top: 1px;
}
body.member  div#contents .main-image2 p.main_photo {
	padding:0;
	margin:0;
	position:absolute;
	top:0px;
	left:0px;
}
body#club-index  div#contents .main-image2 p.c_title {
	position: absolute;
	top: 17px;
	left: 25px;
}
body#club-index  div#contents .main-image2 li.top-list2 {
	position: absolute;
	top: 121px;
	left: 25px;
}
body#club-index  div#contents .main-image2 li.bottom-list2 {
	position: absolute;
	top: 121px;
	left: 240px;
}
body#club-index  div#contents .main-image2 .reg-area2 {
	position: absolute;
	top: 121px;
	left: 455px;
	width: 152px;
	height: 91px;
	background: url(../../llclub/images/bg_login.jpg) no-repeat 0 0;
}
body#club-index  div#contents .main-image2 .btn_login {
	position: absolute;
	top: 159px;
	left: 465px;
	z-index:1;
}


body.member  div#contents .main-image3 {
	position: relative;
	margin:1px 0 0 0;
	padding:0;
	width:626px;
	height:477px;
	background:url(../../llclub/images/m_img01.jpg) no-repeat top left;
}
body.member  div#contents .main-image3 p.comment {
	padding:0;
	margin:0;
	position:absolute;
	top:27px;
	left:43px;
}
body.member  div#contents .main-image3 p.btn_form {
	padding:0;
	margin:0;
	position:absolute;
	top:340px;
	left:55px;
}
body.member  div#contents .main-image3 p.btn_login {
	padding:0;
	margin:0;
	position:absolute;
	top:395px;
	left:262px;
}
body.member  div#contents .main-image4 {
	margin:0px 0 0 0;
	padding:0 0 20px;
	width:626px;
}
body.member  div#contents .main-image4 p {
	margin:0px 0 0 0;
	padding:0;
}

body.member  div#contents .merit_area {
	margin:20px 0 0 13px;
	padding:0 0 0px;
	width:600px;
	height:214px;
	background:url(../../llclub/images/merit_area.gif) no-repeat top center;
	position:relative;
}
body.member  div#contents .merit1 {
	position:absolute;
	top:40px;
	left:100px;
	margin:0;
}
body.member  div#contents .merit2 {
	position:absolute;
	top:40px;
	left:272px;
	margin:0;
}
body.member  div#contents .merit3 {
	position:absolute;
	top:140px;
	left:45px;
	margin:0;
}


body.member  div#contents .merit_area2 {
	margin:20px 0 0 13px;
	padding:0 0 0px;
	width:600px;
	height:266px;
	background:url(../../llclub/images/merit_area2.gif) no-repeat top center;
	position:relative;
}
body.member  div#contents .merit-1 {
	position:absolute;
	top:0px;
	left:37px;
	margin:0;
}
body.member  div#contents .merit-2 {
	position:absolute;
	top:47px;
	left:37px;
	margin:0;
}
body.member  div#contents .merit-3 {
	position:absolute;
	top:47px;
	left:329px;
	margin:0;
}
body.member  div#contents .merit-4 {
	position:absolute;
	top:129px;
	left:37px;
	margin:0;
}
body.member  div#contents .merit-5 {
	position:absolute;
	top:152px;
	left:329px;
	margin:0;
}



body.member  div#contents .merit_area3 {
	margin:10px 0 0 13px;
	padding:0 0 0px;
	width:608px;
	height:367px;
	background:url(../../llclub/images/merit0920-1.jpg) no-repeat top center;
	position:relative;
}
body.member  div#contents .merit3-0 {
	position:absolute;
	top:6px;
	left:30px;
	margin:0;
}
body.member  div#contents .merit3-1 {
	position:absolute;
	top:45px;
	left:25px;
	margin:0;
}
body.member  div#contents .merit3-2 {
	position:absolute;
	top:45px;
	left:204px;
	margin:0;
}
body.member  div#contents .merit3-3 {
	position:absolute;
	top:45px;
	left:397px;
	margin:0;
}
body.member  div#contents .merit3-4 {
	position:absolute;
	top:203px;
	left:25px;
	margin:0;
}
body.member  div#contents .merit3-5 {
	position:absolute;
	top:203px;
	left:204px;
	margin:0;
}
body.member  div#contents .merit3-6 {
	position:absolute;
	top:203px;
	left:397px;
	margin:0;
}


/* ==================================
Header
================================== */
/* Header logo part */
body#login #header {
	width:500px;
	margin:0;
	padding:0 0 10px 0;
}

/* ==================================
Box layout
================================== */
body#login dl.login-area {
	width:460px;
	margin:20px auto 0;
	padding:0;
	background:url(../../member/images/login_bg002.gif) repeat-y top left;
}
body#login dl.login-area dt {
	padding:11px 0 0 0;
	margin:0;
	background:url(../../member/images/login_bg001.gif) no-repeat top left;
	vertical-align:top;
}
body#login dl.login-area dd {
	margin:0;
	padding:0 60px 11px 60px;
	background:url(../../member/images/login_bg003.gif) no-repeat bottom left;
}
body#login dl.login-area dd div.login-input-area {
/*		width:200px;	/**/
	width:230px;
	float:left;
	padding:10px 0 0 0;
}
body#login dl.login-area dd div.login-input-area p  {
	margin-top:5px;
}
body#login dl.login-area dd div.login-input-area p span {
	width:80px;
	padding-top:3px;
	float:left;
}
body#login dl.login-area dd div.login-input-area p.id-save {
	margin:5px 0 0 100px;
	text-align:left;
}
/* for IE6 */
* html body#login dl.login-area dd div.login-input-area p.id-save {
	margin:0 0 0 90px;
	text-align:left;
}

/*	20130821 ///start///	*/
body#login dl.login-area dd div.login-input-area p span.m_ad {
	width:100px;
	padding-top:3px;
	float:left;
}
body#login dl.login-area dd div.login-input-area p.id-none {
	margin:5px 0 0 10px;
	text-align:left;
}
/* for IE6 */
* html body#login dl.login-area dd div.login-input-area p.id-none {
	margin:0 0 0 10px;
	text-align:left;
}
body#login dl.login-area .login_inp {
	width:120px;
	height:20px;
}
body#login dl.login-area dd p.send-bt {
/*		padding:10px 30px 0 0;	/**/
	padding:6px 20px 0 0;
	float:right;
}
body#login div.section2 {
	padding:0 60px 0 80px;
	text-align:left;
}

/*	20130821 ///end///	*/

body#login dl.login-area dd p.login-bt {
/*		padding:10px 30px 0 0;	/**/
	padding:10px 20px 0 0;
	float:right;
}

/*	20130917 add start	*/
body#login dl.login-area2 {
	width:460px;
	margin:20px auto 0;
	padding:0;
	background:url(../../member/images/login_bg002.gif) repeat-y top left;
}
body#login dl.login-area2 dt {
	padding:11px 0 0 0;
	margin:0;
	background:url(../../member/images/login_bg001.gif) no-repeat top left;
	vertical-align:top;
}
body#login dl.login-area2 dd {
	margin:0;
	padding:0 0px 11px 0px;
	background:url(../../member/images/login_bg003.gif) no-repeat bottom left;
}
body#login dl.login-area2 dd div.login-input-area {
/*		width:200px;	/**/
	width:330px;
	float:left;
	padding:10px 0 0 10px;
}
body#login dl.login-area2 dd div.login-input-area p  {
	margin-top:5px;
}
body#login dl.login-area2 dd div.login-input-area p span {
	width:180px;
	padding-top:3px;
	padding-left:10px;
	float:left;
}
body#login dl.login-area2 dd div.login-input-area p.id-save {
	margin:5px 0 0 200px;
	text-align:left;
}
/* for IE6 */
* html body#login dl.login-area2 dd div.login-input-area p.id-save {
	margin:0 0 0 190px;
	text-align:left;
}

/*	20130821 ///start///	*/
body#login dl.login-area2 dd div.login-input-area p span.m_ad {
	width:100px;
	padding-top:3px;
	float:left;
}
body#login dl.login-area2 dd div.login-input-area p.id-none {
	margin:5px 0 0 140px;
	text-align:left;
}
/* for IE6 */
* html body#login dl.login-area2 dd div.login-input-area p.id-none {
	margin:0 0 0 110px;
	text-align:left;
}
body#login dl.login-area2 .login_inp {
	width:120px;
	height:20px;
}
body#login dl.login-area2 dd p.send-bt {
/*		padding:10px 30px 0 0;	/**/
	padding:6px 40px 0 0;
	float:right;
}
body#login div.section2 {
	padding:0 40px 0 50px;
	text-align:left;
}

/*	20130821 ///end///	*/


body#login dl.login-area2 dd p.login-bt {
/*		padding:10px 30px 0 0;	/**/
	padding:10px 40px 0 0;
	float:right;
}
/*	20130917 add end	*/

body#login div.section {
	padding:0 60px 0 60px;
	text-align:left;
}
body#login div.section p.new-bt {
	padding:0;
	text-align:left;
	float:right;
}
body#login div.registration {
	clear:both;
	width:240px;
	padding:0;
	float:left;
	text-align:left;
}
body#login div.section h2 {
	clear:both;
	margin:20px 0 0 0;
}

/*3: mail_magazine
================================== */
body#mail-magazine-index div#contents #top-ph{
	position: relative;
	margin-top: 1px;
}
body#mail-magazine-index div#contents #top-ph span{
	position: absolute;
	top: 156px;
	left: 395px;
}
body#mail-magazine-index div#contents .two-column{
	width: 615px;
	margin-left: 11px;
}
body#mail-magazine-index div#contents .two-column .two-left {
	width: 300px;
}
body#mail-magazine-index div#contents .two-column .two-right {
	width: 301px;
}
body#mail-magazine-index div#contents .two-column .two-left ol.number-list {
	font-size: 83%;
}
body#mail-magazine-index div#contents .two-column .two-left ol.number-list li{
	padding: 0 0 0 20px;
	margin-top: 15px;
}
body#mail-magazine-index div#contents .two-column .two-left ol.number-list li.no1{
	background: url(../../mail_magazine/images/index_ic001.gif) no-repeat 0 0;
}
body#mail-magazine-index div#contents .two-column .two-left ol.number-list li.no2{
	background: url(../../mail_magazine/images/index_ic002.gif) no-repeat 0 0;
}
body#mail-magazine-index div#contents .two-column .two-left ol.number-list li.no3{
	background: url(../../mail_magazine/images/index_ic003.gif) no-repeat 0 0;
}
/* for IE6 */
* html body#mail-magazine-index div#contents .two-column .two-left ol.number-list li.no1,
* html body#mail-magazine-index div#contents .two-column .two-left ol.number-list li.no2,
* html body#mail-magazine-index div#contents .two-column .two-left ol.number-list li.no3 {
	height: 1%;
}
body#mail-magazine-index div#contents .two-column .two-left ul.number-list li span{
	position: absolute;
	height: 22px;
}
body#mail-magazine-index div#contents dl.article {
	clear:both;
	width:600px;
	margin:10px 0 0 20px;;
}
body#mail-magazine-index div#contents dl.article dt {
	padding-top: 3px;
}
body#mail-magazine-index div#contents dl.article dd {
	margin:-1.6em 0 0 0;
	padding:2px 0 5px 8.5em;
	background:url(../../images/index_bg021.gif) repeat-x bottom left;
}

/* back-number */
body#mail-magazine-back-number div#contents h2.design-1{
	position: relative;
	height: 35px;
}
body#mail-magazine-back-number div#contents h2.design-1 span.bt-position {
	position: absolute;
	right: 0;
	top: -4px;
}
body#mail-magazine-back-number div#contents h3{
	background: #f7f3e1;
	padding: 5px 14px;
	font-weight: bold;
	font-size: 83%;
	border-bottom: 1px solid #aaaaaa;
}

body#mail-magazine-back-number div#contents .two-column{
	width: 626px;
	background: url(../../mail_magazine/images/back_number_bg001.gif) repeat-y 0 0;
}
body#mail-magazine-back-number div#contents .two-column .two-left {
	width: 432px;
}
body#mail-magazine-back-number div#contents .two-column .two-left .section {
	padding: 25px 15px 10px;
	font-size: 83%;
}

body#mail-magazine-back-number div#contents .two-column .two-right {
	width: 194px;
	font-size: 83%;
}
body#mail-magazine-back-number div#contents .two-column .two-right h4 {
	margin-top: 25px;
	padding-left: 42px;
	background: url(../../mail_magazine/images/back_number_il001.gif) no-repeat 11px 0;
	font-weight: bold;
}
/* for IE6 */
* html body#mail-magazine-back-number div#contents .two-column .two-right h4 {
	height: 1%;
}
body#mail-magazine-back-number div#contents .two-column .two-right dl{
	padding: 10px 5px 10px 12px;
}
body#mail-magazine-back-number div#contents .two-column .two-right dl dt{
	margin-top: 5px;
}
body#mail-magazine-back-number div#contents .two-column .two-right dl dd.on{
	font-weight: bold;
}

/*99: extra
=========================================*/
/* ==================================
Clear fix
================================== */
body#login dl.login-area dd:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

body#login dl.login-area dd {
	min-height: 1px;
}

/* for IE6 */
* html body#login dl.login-area dd {
	height: 1px;
}

/* for IE7 */
*:first-child+html body#login dl.login-area dd {
	zoom: 1;
}

body#login dl.login-area2 dd:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

body#login dl.login-area2 dd {
	min-height: 1px;
}

/* for IE6 */
* html body#login dl.login-area2 dd {
	height: 1px;
}

/* for IE7 */
*:first-child+html body#login dl.login-area2 dd {
	zoom: 1;
}