/* リセットと基本設定 //////////////////////////////////////////////////// */
* {
padding:0;
margin:0;
}

body,html	{
font-weight:normal;
text-decoration:none;
font-size:13px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#ccc;
line-height:1.5em;
text-align:center;
}

#contents	{ background:url(../img/base/footer_bg.jpg) bottom no-repeat; }
/* トップとコンテンツページのbody背景を分ける */
#bg			{ background:#000 url(../img/base/sub_body.jpg) repeat-x top; }

ul, ol, li	{ list-style-type:none; }
img			{ border:none; }
table		{ font-size:13px; }


/* リンク */
a		{
text-decoration:underline;
overflow:hidden;	/* 古いFirefoxでリンクの点線が伸びるのを防ぐため。 */
color:#fff;
}

a:hover	{
text-decoration:none;
color:#999;
}


/* ヘッダ //////////////////////////////////////////////////////////////// */
/* 共通設定 -------------------------------- */
#index_header,#sub_header	{
width:1000px;
float:left;
text-align:left;
}

#logo	{
width:425px;
float:left;
}

/* ヘッダ右側 */
h1	{
font-size:10px;
font-weight:normal;
color:#999;
padding-top:13px;
}

/* SNSボタン */
#sns_bt li	{ float:left; margin-right:5px; }

/* サポセン */
#free_dial	{
position:absolute;
top:0;
margin:17px 0 0 780px;
}

/* コンテンツページのヘッダ（トップページのものはindex.cssに記載） */
#header	{
height:184px;
background:url(../img/base/sub_header_bg.jpg) no-repeat;
}

#header #logo	{ padding-top:9px; }

/* メインイメージ（Flash等） */
#mainImage {
clear:both;
padding-top:5px;
padding-top:8px\9;/* IE7,IE8 */
text-align:center;
}


/* コンテンツ //////////////////////////////////////////////////////////// */
#base	{
width:1000px;
margin:0 auto;
text-align:left;
}

/* ナビ */
#nav	{
margin:0 5px;
clear:both;
}

#nav li	{
height:47px;
float:left;
}

#mainBox_bg {
clear:left;
background:#282828 url(../img/base/contents_topBg.jpg) top repeat-x;
}
#mainBox	{
background:url(../img/base/lc_line.gif) left repeat-y;
padding-top:27px;
}
#mainBox_bg,#mainBox	{ overflow:hidden; }


/* サイドカラム ////////////////////////////////////////////////////////// */
#leftCol	{
width:251px;
float:left;
margin-right:25px;
_margin-right:12px;/* IE6用 */
}

/* 会員ログイン ------------------------------- */
#loginForm_tbl	{ margin:6px 25px 0; }

#loginForm_tbl th	{ width:64px; }

/* 入力枠の設定 */
#loginForm_tbl input {
width:135px;
border:1px solid #000;
font-size:13px;
}

#login_id	{ padding:2px 0; }
#login_pass	{ padding:1px 0; }

/* 注釈文 */
#idTxt {
font-size:11px;
color:#ccc;
line-height:1.3;
text-indent:-1em;
padding-left:1em;
margin:0 35px;
}

/* ログイン・新規登録ボタン */
#login_bt		{ margin:15px 25px 30px; }
#login_bt li	{ margin-bottom:10px;	 }

#login_submit {
display:block;
text-indent:-9999px;
border:none;
cursor:pointer;
width:200px;
height:30px;
background:url(../img/base/bt_login.jpg) no-repeat;
}

#login_submit:hover	{ background:url(../img/base/bt_login_mo.jpg) no-repeat; }

/* 楽天 --------------------------------------- */
#rakutenBox {
text-align:center;
background:#000 url(../img/base/st_border.gif) left bottom no-repeat;
padding:18px 0 20px;
}

#rakutenBg {
background:url(../img/base/st_border.gif) no-repeat;
padding-top:2px;
}

#btRaku {
text-indent:-9999px;
display:block;
width:130px;
height:30px;
margin:0 auto;
background:url(../img/base/btRaku.gif) no-repeat;
}

#txtRaku{
line-height:1.3;
color:#CCC;
font-size:12px;
margin:10px 0;
}

/* Amazon ログイン ------------------------- */
.amzn_login {
	padding: 0px;
    margin-bottom: 30px;
	text-align: center;
	color:#ccc;
}
.amlog {}
.amlog_bold { font-weight: bold;}

/* プロフィール未入力 */
.no_prof {
    background-color: #fffb91;
    text-align: center;
    padding: 15px 13px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 4px #fffedf;
}
.no_prof .nopr_red {
    color: #d02121;
    font-weight: bold;
    font-family: san-serif;
    font-size: 105%;
}
.no_prof .nopr_txt {
    color: #333;
    line-height: 15px;
    margin-top: 4px;
    font-size: 94%;
}
.no_prof a {
    background: linear-gradient(0deg, #ccc, #eee);
    padding: 5px;
    display: block;
    border-radius: 3px;
    border: 1px solid #333;
    color: #333;
    text-decoration: none;
    margin: 7px auto 0;
    font-weight: bold;
    font-family: sans-serif;
}

/* 特集ページ用 ------------------------- */
#banaBox {
text-align:center;
background:url(../img/base/st_border.gif) left bottom no-repeat;
padding:18px 0 20px;
}

#banaBg {
padding-top:2px;
}


/* コンテンツメニュー ------------------------- */
#contents_menu li	{ height:40px; } /* IE6での広がりを抑えるため */
#contents_menu a	{ display:block; }

/* モバイル ----------------------------------- */
/*
#mbBox{
background:url(../img/base/qr.gif) left top no-repeat;
padding-left:80px;
}
*/

#imgQr{
vertical-align:top;
margin-right:8px;
}

#mbUrl{
font-weight:bold;
color:#fff;
margin-bottom:8px;
}

#mbTxt{ font-size:11px; }

#mbTitle{ color:#4EB2CD; }

#mbBg{
padding:15px 15px 25px;
background:url(../img/base/line.gif) left bottom repeat-x;
}


/* トピックス --------------------------------- */
#topics {
padding:5px 5px 30px 25px;
background:url(../img/base/line.gif) left bottom repeat-x;
}

#topics_dl {
padding-right:10px;
height:350px;
overflow-y:scroll;
scrollbar-face-color:#333; 
scrollbar-highlight-color:#333;
scrollbar-shadow-color:#333;
scrollbar-darkshadow-color:#000;
scrollbar-arrow-color:#ccc;
scrollbar-base-color:#333;
scrollbar-3dlight-color:#000;
scrollbar-track-color:#000;
}

#topics_dl dt			{ color:#fff; margin:1.5em 0 0.7em; }
#topics_dl dt strong	{ display:block; }
#topics_dl dd			{ border-bottom:1px solid #666; padding-bottom:1.5em; }

#topics_dl table	{
width:195px;
font-size:12px;
background:#666;
margin-top:15px;
}
#topics_dl table th	{ width:6em; }
#topics_dl table th ,#topics_dl table td	{
background:#282828;
padding:5px 0;
text-align:center;
font-weight:normal;
}
#topics_dl table .topi_tbl_top {
font-weight:bold;
background:#000;
color:#fff;
}

.lt	{ text-decoration:line-through; }


/* more Topicsボタン */
#bt_more	{ margin-top:10px; }


/* お客様の声 --------------------------------- */
#st_message	{ margin-bottom:15px; }

.userBox{
margin:0 25px;
padding-bottom:30px;
clear:left;
}

.userTxt{ padding:8px 0 13px; }

.userBt1 {
width:110px;
_width:108px; /* IE6用 */
float:left;
}


/* 右カラム ////////////////////////////////////////////////////////////// */
#rightBox{
float:left;
width:700px;
}

/* パンくず */
#bread{
background:url(../img/common/circleGray.gif) left center no-repeat;
border-bottom:1px dotted #666;
padding:10px 20px 10px;
}

/* コンテンツ //////////////////////////////////////////////////////////// */


/* PAGE TOP */
#pageTop	{
text-align:right;
padding-top:50px;
margin:0 25px;
clear:both;
}

/* キャッチコピー */
#catch	{ margin-bottom:50px; }

/* 新着の注目占い師 ////////////////////////////////////////////////////// */
.teller_list_box	{
border:1px solid #666;
border-radius:5px;
margin:0 25px 15px;
padding:10px;
cursor:pointer;
}

.teller_list_box:hover	{ border:1px solid #fff; }

.teller_dl dd	{
position:relative;
margin-top:-145px;
padding-left:135px;
}

/* 占い師の名前 ------------------------------- */
.teller_name {
display:block;
text-decoration:underline;
color:#fff;
margin-bottom:10px;
padding-left:18px;
}

/* 占い師が女性の場合 */
.ffName_f .teller_name	{ background:url(../img/common/d_circle_pink.gif) 0 4px no-repeat; }
/* 占い師が男性の場合 */
.ffName_m .teller_name	{ background:url(../img/common/d_circle_blue.gif) 0 4px no-repeat; }

.teller_name strong {
font-size:15px;
font-weight:bold;
}

/* 占い師のプロフ ----------------------------- */
.teller_tbl		{ line-height:1.7em; }

.teller_dl .teller_tbl th {
width:9.5em;
font-weight:normal;
color:#fff;
text-align:left;
}

.teller_dl .teller_tbl td {
padding-left:15px;
border-left:1px dotted #666;
}

.teller_tbl .pickup_comm {
font-size:11px;
line-height:1.3em;
padding-top:15px;
}

/* フッタ //////////////////////////////////////////////////////////////// */
#footer	{
text-align:center;
padding-bottom:30px;
}

#footer_nav	{
width:1000px;
margin:0 auto;
}

#footer_nav ul{
height:50px;
line-height:50px;
background:url(../img/base/footer_navBg.jpg) repeat-x;
}

#footer_nav li {
display:inline;
margin-right:1em;
font-size:12px;
}

/* コピーライト */
#copyright	{
color:#666;
font-size:11px;
padding-top:30px;
border-top:1px solid #333;
}

#copytxt{
color:#666;
font-size:11px;
}