@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 共通パーツ


******************************************************************************* */


/* ==

　00. file import

=============================================================================== */
@import url("");


/* ==

　01. 共通パーツ

=============================================================================== */

/* base
------------------------------------------------------------------------------- */
a.arrow {
	background:url(../../images/arrow_link.gif) no-repeat left 0.4em;
	padding:0 0 0 7px;
	}




/* ==

　02. メインビジュアル

=============================================================================== */
.section .mainVisual {
	margin:0 0 20px 0;
	position:relative;
	}
.section .mainVisual #mainimg {
	float:left;
	width:750px;
	height:300px;
	}

#premistclubtop_h1{ width:750px; height:300px; background:url(../images/h1_img00.jpg) left top no-repeat; position:relative; float:left; }
.section .mainVisual h1 { display:none; position:absolute; top:120px; left:0; }
.section .mainVisual p.h1_img { display:none; float:left; }
	
/*
.section .mainVisual h1 {
	margin:0;
	padding:0;
	width:750px;
	height:300px;
	float:left;
	}
*/



/* ログインエリア共通　
------------------------------------------------------------------------------- */
.section .mainVisual .premist-area {
	float:right;
	width:200px;
	height:300px;
	margin:0;
	padding:0;
	}


/* ログイン前 .defaultを付加・継承
------------------------------------------------------------------------------- */
.section .mainVisual .default { /* ログイン前背景 */
	background:url(../images/bg_premistarea_entry.gif) no-repeat;
	}

.section .mainVisual .default dl {
	width:160px;
	margin:23px 20px 10px 20px;
	padding:0 0 10px 0;
	background:url(../../images/bg_border.gif) repeat-x left bottom;
	}
.section .mainVisual .default dl dt {
	margin:0 0 5px 0;
	padding:0;
	line-height:0;
	}
.section .mainVisual .default dl dd {
	margin:0;
	padding:0;
	font-size:10px;
	line-height:1.5;
	}

.section .mainVisual .default ul {
	width:160px;
	margin:0 20px;
	padding:0;
	}
.section .mainVisual .default ul li {
	margin:0 0 10px 0;
	}
.section .mainVisual .default p {
	width:160px;
	margin:0 20px;
	padding:0;
	}


/* ログイン後 .afterを付加・継承
------------------------------------------------------------------------------- */
.section .mainVisual .after { /* ログイン後背景 */
	background:url(../images/bg_premistarea.gif) no-repeat;
	}

.section .mainVisual .after dl {
	width:160px;
	margin:23px 20px 10px 20px;
	padding:0;
	}
.section .mainVisual .after dl dt {
	margin:0 0 3px 0;
	padding:0;
	line-height:0;
	}
.section .mainVisual .after dl dd {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.5;
	}
.section .mainVisual .after .bt-new {
	width:160px;
	margin:0 20px 5px 20px;
	padding:0 0 10px 0;
	background:url(../../images/bg_border.gif) repeat-x left bottom;
	}
.section .mainVisual .after .txt {
	width:160px;
	margin:0 20px 5px 20px;
	font-size:12px;
	line-height:1.5;
	}	
.section .mainVisual .after .bt-list {
	text-align:center;
	}



/* ==

　02. プレミストクラブとは

=============================================================================== */
.main .about {
	background:#efecdd;
	width:730px;
	margin:0 0 20px 0;
	}
.main .about:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
	}
.main .about dl dt {
	float:left;
	width:160px;
	margin:0;
	padding:0;
	}
.main .about dl dd {
	background:url(../images/bg_about.jpg) no-repeat;
	float:left;
	width:570px;
	min-height:181px;
	height: auto !important;
	height: 181px;
	}

.main .about dl dd .lead {
	width:345px;
	margin:10px 0;
	}
.main .about dl dd .bt-about {
	width:310px;
	margin:0 0 10px 0;
	}


/* ==

　03. アンケート・ライフスタイルBOX

=============================================================================== */

/* 共通
------------------------------------------------------------------------------- */
.section .main .cntBox {
	background:url(../images/bg_cntbox.gif) no-repeat 0 31px;
	clear:both;
	width:730px;
	margin:0 0 20px 0;
	padding:0 0 0px 0;
	/padding:0;
	border-bottom:solid 1px #ccc;
	}
.section .main .cntBox:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
	}
.section .main .cntBox h2{
	margin-bottom:0px;
	padding:8px 10px 0 10px;
	background:url(../images/bg_h2.gif) no-repeat;
	font-size:100%;
	font-weight:normal;
	line-height:1;
	color:#fff;
	height:23px;
	}
.section .main .cntBox .inner {
	width:710px;
	margin:10px;
	}
.section .main .cntBox h3 {
	background:url(../../images/bg_border.gif) repeat-x left bottom;
	color:#333;
	margin:0 0 10px 0;
	padding:0 0 2px 0;
	}

.section .main .cntBox h3 img {
	vertical-align:middle;
	}


/* アンケート個別スタイル
------------------------------------------------------------------------------- */
.section .main .cntBox .enq {
	width:345px;
	float:left;
	}
.section .main .cntBox .right {
	float:right;
	}
.section .main .cntBox .enq .txt {
	float:left;
	width:205px;
	margin:0 0 5px 0;
	padding:0;
	}
.section .main .cntBox .enq .img {
	float:right;
	width:140px;
	margin:0 0 5px 0;
	padding:0;
	text-align:right;
	}
.section .main .cntBox .enq .bt {
	clear:both;
	margin:0 0 10px 0;
	/margin:0;
	}



/* ライフスタイル個別スタイル
------------------------------------------------------------------------------- */
.section .main .cntBox .lifestyle {
	margin:0;
	padding:0;
	}
.section .main .cntBox .lifestyle .txt {
	float:left;
	width:540px;
	margin:0 0 5px 0;
	padding:0;
	}
.section .main .cntBox .lifestyle .img {
	float:right;
	width:170px;
	margin:0 0 5px 0;
	padding:0;
	text-align:right;
	}


/* カテゴリー一覧 */
.section .main .cntBox .lifestyle .category {
	clear:both;
	background:url(../images/bg_lifestylecategory.gif) no-repeat left bottom;
	margin:0;
	padding:0;
	}
.section .main .cntBox .lifestyle .category:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
	}

.section .main .cntBox .lifestyle .category h4 {
	margin:0;
	padding:0;
	background:none;
	}
.section .main .cntBox .lifestyle .category ul {
	margin:0;
	padding:0;
	}
.section .main .cntBox .lifestyle .category ul li {
	float:left;
	width:217px;
	margin:0 0 0 13px;
	padding:0;
	display:inline;
	}
.section .main .cntBox .lifestyle .category ul li img {
	margin:0 0 10px 0;
	}



/* バナー
------------------------------------------------------------------------------- */
.main ul.bnr li{ float:left; }