@charset "utf-8";
/*
	Foobas　設定画面用CSS
	作成日　：　
	更新日　：2007/10/13
	更新内容　： 
*/


/*setting menu
-------------------------------------------------------------*/
.setting_menu_header {
	width:180px;
	height:6px;
	margin-right: 10px;
	text-align:left;
	background-image:url(/contents/image/setting_menu_header.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

.setting_menu {
	width:178px;
	padding-top:15px;
	margin-right: 10px;
	text-align:left;
	border-left: 1px solid #E0E0DF;
	border-right: 1px solid #E0E0DF;
}

.setting_menu_footer {
	width:180px;
	height:6px;
	margin-right: 10px;
	text-align:left;
	background-image:url(/contents/image/setting_menu_footer.gif);
	background-repeat:no-repeat;
}

.setting_menu ul {
	padding-left: 10px;
	padding-bottom: 15px;
	text-align:left;
}

.setting_menu li {
	line-height: 2.5em;
	margin-left:20px;
}

/*-------------------------------------------------------------
共通で使用するやつ。
設定画面の説明欄
-------------------------------------------------------------*/
#setting_all_box {
	width: 800px;
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-bottom: 15px;
}
.setting_body {
	margin-bottom: 15px;
	text-align: center;
}

.explanation{
	width:510px;
	margin-top : 20px;  
	margin-left : auto;
	margin-right:auto;
	border : 1px solid #BCBCBC;
	height : auto;
	text-align:center;
}

.explanation dt{
	padding-top : 5px;
	padding-left : 5px;
	padding-bottom : 5px;
	border-bottom : 1px solid #BCBCBC;
	background-image:url(/contents/image/setting-back.gif);
	background-repeat: no-repeat;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
}
.explanation dd{
	padding:5px;
	text-align: left;
}
.explanation span{
	margin-top:3px;
	margin-bottom:3px;
	line-height: 1.5em;
}

.setting_table{
	width:600px;
	margin-top : 5px;
	margin-left : auto;
	margin-right:auto;
	height : auto;
	background-color: #333333;
	padding: 10px;
}
.setting_table_ok{
	width:500px;
	margin-top : 20px;
	margin-left : auto;
	margin-right:auto;
	text-align: center;
}

.setting_table span{
	margin-top:3px;
	margin-bottom:3px;
	line-height: 1.5em;
}
.setting_table dl{
	margin-top : 20px;  
	margin-left : 20px;
	background: #e5e3e3;
}
.setting_table dt{
	padding-top : 5px;
	padding-left : 5px;
	padding-bottom : 5px;
	text-align: left;
	float:left;
	clear: left;
	font-weight: bold;
	width: 180px;
}
.setting_table dd{
	padding-top : 5px;
	padding-left : 5px;
	padding-bottom : 5px;
	text-align: left;
	margin-left: 180px;
	line-height: 1.5em;
}
.setting_table2{
	margin-top : 5px;
	margin-left : auto;
	margin-right:auto;
	background-color: #333333;
	margin-bottom: 5px;
	width: 532px;
}
.setting_table2 dt{
	padding-top : 10px;
	padding-left : 5px;
	padding-bottom : 10px;
	text-align: left;
	float:left;
	clear: left;
	font-weight: bold;
	width: 300px;
}
.setting_table2 dd{
	padding-top : 10px;
	padding-left : 5px;
	padding-bottom : 5px;
	text-align: left;
	margin-left: 230px;
	font-weight: bold;
}


.setting_table2 td{
	padding-top : 5px;
	padding-left : 5px;
	padding-bottom : 5px;
	text-align: left;
	vertical-align: text-top;
}


/*-------------------------------------------------------------
基本設定
-------------------------------------------------------------*/
.setting {
	margin-left: auto;
	margin-right:auto;
	padding-left:5px;
	padding-bottom:3px;
	text-align:right;
	color:#CCCCCC;
	font-weight:bold;
	margin-bottom: 0px;
	border-bottom:1px solid #CCCCCC;
	width: 600px;
	height: 15px;
	font-size: 110%;
}

.main_setting{
	width:500px;
	margin-top : 20px;  
	margin-left : 20px;
	height : auto;
	border : 1px solid #BCBCBC;
	border-top: none;
}

.main_setting dl{
	margin-top : 20px;  
	margin-left : 20px;
	background: #e7e7e7;
}

.main_setting dt{
/*	background: #e7e7e7;*/
	border-top : 1px solid #BCBCBC;
	background-image:url(/contents/image/setting-back.gif);
	background-repeat: no-repeat;
	padding-top : 3px;
	text-align: left;
	float:left;
	clear: left;
	width:120px;
}
.main_setting dd{
	padding-top : 3px;
	padding-left : 3px;
	padding-bottom : 3px;
	text-align: left;
	border-top: 1px solid #BCBCBC;
	border-left : 1px solid #BCBCBC;
	margin-left: 120px;
	background: #ffffff;
}




/*-------------------------------------------------------------
モピせてーいページ
------------------------------------------------------------ */
.mopi-setting {
	margin-left: 20px;
	margin-bottom: 0px;
	background-image: url(/contents/image/mopi-setting-title.gif);
	background-repeat: no-repeat;
	width: 541px;
	height: 22px;
}

/*-------------------------------------------------------------
ブログパーツせてーいページ
------------------------------------------------------------ */
.bparts-setting {
	margin-left: 20px;
	margin-bottom: 0px;
	background-image: url(/contents/image/blog_p-setting-title.gif);
	background-repeat: no-repeat;
	width: 541px;
	height: 22px;
}

.bparts_js{
	width:500px;
	margin-top : 20px;  
	margin-left : 20px;
	border : 1px solid #BCBCBC;
	height : auto;
}
.bparts_js dl{
	margin-top : 20px;  
	margin-left : 20px;
}

.bparts_js dt{
	padding-left : 2px;
	border-bottom : 1px solid #BCBCBC;
	background-image:url(/contents/image/setting-back.gif);
	background-repeat: no-repeat;
	text-align: left;
}
.bparts_js dd{
	padding-top : 2px;
	padding-left : 2px;
	text-align: left;
}

.bparts_css{
	width:500px;
	margin-top : 20px;  
	margin-left : 20px;
	border : 1px solid #BCBCBC;
	height : auto;
}
.bparts_css dl{
	margin-top : 20px;  
	margin-left : 20px;
}

.bparts_css dt{
	padding-left : 2px;
	border-bottom : 1px solid #BCBCBC;
	background-image:url(/contents/image/setting-back.gif);
	background-repeat: no-repeat;
	text-align: left;
}
.bparts_css dd{
	padding-top : 2px;
	padding-left : 2px;
	text-align: left;
}

.bptextarea{
	width:480px;
	height: 80px;
	margin-left:5px;
	margin-top:2px;
	disabled:true;
}

.bpcsstextarea{
	width:480px;
	height: 300px;
	margin-left:5px;
	margin-top:2px;
	disabled:true;
}


/*-------------------------------------------------------------
ばっくあぷページ
------------------------------------------------------------ */
.backup-setting {
	margin-left: 20px;
	margin-bottom: 0px;
	background-image: url(/contents/image/t-backup-title.gif);
	background-repeat: no-repeat;
	width: 541px;
	height: 22px;
}

/*-------------------------------------------------------------
マイフォトせてーいページ
------------------------------------------------------------ */
.myphoto-setting {
	margin-left: 20px;
	margin-bottom: 0px;
	background-image: url(/contents/image/m-setting-title.gif);
	background-repeat: no-repeat;
	width: 541px;
	height: 22px;
}

ul.setting_menu{
	margin-bottom:1px;
	padding-bottom:3px;
	padding-left:5px;
	padding-top:5px;
	list-style:none;
	width:570px;
	margin-left:auto;
	margin-right:auto;
}

ul.setting_menu li{
	background-image:url(/contents/image/icom_ar.gif);
	background-position:left center;
	background-repeat:no-repeat;
	line-height:20px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:20px;
	display:inline;
}

.myphoto{
	width:500px;
	margin-top : 20px;  
	margin-left : 20px;
	border : 1px solid #BCBCBC;
	height : auto;
}

.myphoto dt{
	padding-left : 2px;
	border-bottom : 1px solid #BCBCBC;
	background-image:url(/contents/image/setting-back.gif);
	background-repeat: no-repeat;
	text-align: left;
}
.myphoto dd{
	padding-top : 2px;
	padding-left : 2px;
	text-align: left;
}

.upfile{
	width:500px;
	margin-top : 20px;  
	margin-left : 20px;
	border : 1px solid #BCBCBC;
	height : auto;
}

.upfile dt{
	background-image:url(/contents/image/setting-back.gif);
	background-repeat: no-repeat;
	padding-left : 2px;
	border-bottom : 1px solid #BCBCBC;
	text-align: left;
}
.upfile dd{
	text-align: left;
}

/*
div.setting_menu{
	margin-left:20px;
	margin-bottom:50px;
	padding-bottom:3px;
	padding-left:5px;
	padding-top:5px;
	width:500px;

}

div.setting_menu dl
{
	line-height:20px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:0px;
	float: left;
}

div.setting_menu dt
{
	text-align: center;
	border: 1px solid black;
	padding: 3px;
}

div.setting_menu dd
{
	display: none;
	margin: 0;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

div.setting_menu dl:hover dd
{
	display: block;
}
div.setting_menu a
{
	display: block;
	line-height: 180%;
	background: #fff;
	padding: 3px;

}
div.setting_menu a:hover
{
	background-color: #ccc;
}
*/
/*touroku
---------------------------------------------*/
#register-content {
	width: 610px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}


#register-content .setting_profile-box {
	border-top:1px solid #A0A0A0;
	border-right:1px solid #A0A0A0;
	border-left:1px solid #A0A0A0;
}

#register-content .setting_k-setting {
	margin-left: 20px;
	margin-bottom: 0px;
	width: 541px;
	height: 40px;
}
#register-content .setting_profile-l1 {
	padding: 3px 10px 3px 10px;
	width: 80px;
	height: 16px;
	text-align: left;
	background-image:url(/contents/image/setting-back.gif);
	background-repeat: no-repeat;
	border-bottom:1px solid #A0A0A0;
	border-right:1px solid #A0A0A0;
	font-size: 12px;
}
#register-content .setting_profile-r1 {
	padding: 3px 3px 3px 3px;
	width: 394px;
	height: 16px;
	text-align: left;
	border-bottom:1px solid #A0A0A0;
	font-size: 12px;
}
#register-content .setting_profile-l2 {
	padding: 3px 10px 3px 10px;
	width: 80px;
	height: 16px;
	text-align: left;
	background-image:url(/contents/image/setting-back.gif);
	background-repeat: no-repeat;
	border-right:1px solid #A0A0A0;
	font-size: 12px;
}
#register-content .setting_profile-r2 {
	padding: 3px 3px 3px 3px;
	width: 394px;
	height: 16px;
	text-align: left;
}
.setting_table textarea {
	padding: 3px;
	width: 250px;
}
.setting_table p {
	font-weight: bold;
	color: #CCCCCC;
}
.setting_table input {
	padding: 3px;
}

/*-------------------------------------------------------------
アバター背景購入
------------------------------------------------------------ */

/*右サイドバー　
---------------------------------------------*/

#leftnav ul li a{padding:3px;margin:0;color:#333;text-decoration:none;font-weight:bold;width:113px;display:block;}

.navBlock,#navThemeBlock{background-color:white;padding:4px;margin-bottom:4px;}

.navBlock h2{background:#777 url(../img/mall/categories_scratch.gif) top left no-repeat;margin:0;padding:4px;color:white;margin-bottom:2px;font-size:12px;}

.navBlock ul{margin:0;padding:0;list-style-type:none;}

.navBlock ul li{padding:2px;margin-top:2px;color:#333;font-size:11px;background-color:#eee;}.homenav span{font-size:12px;color:black;font-weight:bold;position:relative;top:-4px;}

.navBlock ul li a{
	padding:3px;
	margin:0;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	width:200px;
	display:block;
}

.classnav img{border:0;width:9px;float:left;padding-top:3px;}.classnav span{
	margin-left:15px;
	display:block;
}

/*中央
---------------------------------------------*/
#crumbHead{
	background:#555 url(../img/mall/module_head_scratch.gif) top right no-repeat;
	width:766px;
	margin:4px 0;
	text-align:left;
	padding:8px 12px 8px 12px;
	font-size:15px;
	font-weight:bold;
	color:white;
	text-transform:uppercase;
}



.rackOuter{background:white;margin-bottom:5px;padding-top:3px;padding-left:1px;}

.featRackHeader{background-color:#eee;padding:3px 15px 3px 10px;text-align:left;width:389px;border-left:3px solid white;}.featRackHeader a{float:right;}

.featRackHeader span{font-size:12px;}

#sorting{
	text-align:right;
	background-color:#eee;
	padding:4px 0 4px 6px;
	margin:0 2px 0 2px;
	color:black;
	font-weight:bold;
	font-size:11px;
	width:522px;
}

#count{text-align:left;float:left;margin-top:2px;}

#sorts{text-align:right;margin-left:10px;display:inline;color:#e0b;}

select{color:black;font-size:11px;}

.pagination,#emptySearch{
	text-align:center;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:2px 4px;
	margin:2px 2px 12px 2px;
	width:520px;
	clear:right;
}

#emptySearch{border-bottom:none;text-align:left;height:600px;padding-top:20px;font-size:11px;}#emptySearch img{float:left;margin-right:20px;}

.itemcell{
	text-align:left;
	font-size:11px;
	width:127px;
	height:288px;
	margin:3px;
	position:relative;
	float:right;
	display:inline;
	overflow:hidden;
}

.itemfree{
	background-image:url(../images/free.gif);
	width:32px;
	left:135px;
}

.itemThumb{
	width:124px;
	height:235px;
	border:1px solid #ccc;
}

.itemHiLite{width:128px;height:128px;border:4px solid #bbb;}

.infopip{margin-bottom:6px;display:block;}
.infopip img{width:73px;height:13px;border:0;}

.itemcoin,.itemfree{
	position:absolute;
	top:210px;
	height:19px;
	color:white;
	font-weight:bold;
	background-image: url(../images/itempage_coin.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.itemfree{
	background-image:url(../images/free.gif);
	width:32px;
	left:90px;
}.itemcoin{
	left:60px;
	padding:2px 5px 0 0;
	text-align:right;
	width:53px;
}
/**************************************************
	Ribbon Definitions
***************************************************/
.histry {
	margin-left: auto;
	margin-right:auto;
	padding-left:5px;
	padding-bottom:3px;
	text-align:right;
	color:#CCCCCC;
	font-weight:bold;
	margin-bottom: 0px;
	border-bottom:1px solid #CCCCCC;
	width: 700px;
	height: 15px;
	font-size: 110%;
	padding-top: 10px;
}
.ba-su_buy {
	margin-left: auto;
	margin-right:auto;
	padding-left:5px;
	padding-bottom:3px;
	text-align:right;
	margin-bottom: 0px;
	width: 700px;
	padding-top: 10px;
}

#content_body {
	position:relative;
}
.histry_set{
	width:700px;
	margin-top : 5px;
	margin-left : auto;
	margin-right:auto;
	height : auto;
	background-color: #333333;
}

.histry_set dl{
	margin-top : 20px;  
	margin-left : 20px;
	background: #e5e3e3;
}
.histry_set dt{
	padding-top : 5px;
	padding-left : 5px;
	padding-bottom : 5px;
	text-align: left;
	float:left;
	clear: left;
	font-weight: bold;
	width: 500px;
}
.histry_set dd{
	padding-top : 5px;
	padding-left : 5px;
	padding-bottom : 5px;
	text-align: right;
	line-height: 1.5em;
	margin-left: 140px;
}


#histry_table{
	width:700px;
	margin-top : 5px;
	margin-left : auto;
	margin-right:auto;
	height : auto;
	margin-bottom: 5px;
	border: 1px solid #FF9933;
}

#b_table{
	width:400px;
	margin-top : 5px;
	margin-left : auto;
	margin-right:auto;
	height : auto;
	background-color: #333333;
	margin-bottom: 5px;
	padding: 10px;
}

/*#histry_table{
	position:relative;
}*/

#ribbonHistory div.buyRibbonButton {
	position: absolute;
	right: 0;
	width: 160px;
	height: 30px;
}

#communityMenu div.buyRibbonButton {
	width: 160px;
	height: 30px;
	margin: 10px 0;
}

#communityMenu div.buyRibbonButton p {
	display: none;
}

#histry_table dl.summary {
	width: 380px;
	margin: 0 auto;
	padding: 20px 0 0;
}

#histry_table dl.summary dt {
	float: left;
	width: 170px;
	height: 38px;
	padding-right: 38px;
	background: url("/image/icon_ribbon.gif") no-repeat right top;
	line-height: 38px;
}

#histry_table dl.summary dd {
	float: left;
	width: 85px;
	height: 38px;
	line-height: 38px;
}

#histry_table table.history {
	clear: both;
	width: 700px;
}

#histry_table table.history th {
	color: #fff;
	padding: 4px 0 4px 10px;
	background: #ff9933;
	text-align: left;
}

#histry_table table.history th.date {
	width: 110px;
}

#histry_table table.history th.title {
	width: 75px;
}

#histry_table table.history th.detail {
	width: 200px;
}

#histry_table table.history th.get {
	width: 90px;
}

#histry_table table.history th.use {
	width: 90px;
}

#histry_table table.history td {
	padding: 10px;
	text-align: left;
	background-color: #333333;
}

#histry_table table.history tr.switch {
	background: #f3eee2;
}
/**************************************************
	Page Control Definitions
***************************************************/
#lineDetail{
	width:700px;
	margin-top : 5px;
	margin-left : auto;
	margin-right:auto;
	height : auto;
	background-color: #333333;
	margin-bottom: 5px;
	padding: 10px;
}

.control {
	clear: both;
	width: 380px;
	height: 23px;
	margin: 0 auto;
	padding: 5px;
	text-align: center;
}

.control li {
	float: left;
	width: 18px;
	height: 18px;
	margin: 5px;
}

.control a {
	display: block;
	width: 16px;
	height: 16px;
	padding: 1px;
	color: #fff;
	background: #bf9d7b;
	font-weight: 700;
	font-size: 11px;
}

.control a:hover {
	background: #543020;
	text-decoration: none;
}

.control .disable {
	display: block;
	width: 16px;
	height: 16px;
	padding: 1px;
	color: #fff;
	background: #eee;
	font-size: 11px;
	font-weight: 700;
}

.control li.active a { background: #543020; }
.control .first { margin-right: 44px; }
.control .last { margin-left: 44px; }
.control li.first a { background: url("/image/icon_page_first.gif") no-repeat; }
.control li.first a:hover { background-position: 0 -18px; }
.control li.previous a { background: url("/image/icon_page_previous.gif") no-repeat; }
.control li.previous a:hover { background-position: 0 -18px; }
.control li.next a { background: url("/image/icon_page_next.gif") no-repeat; }
.control li.next a:hover { background-position: 0 -18px; }
.control li.last a { background: url("/image/icon_page_last.gif") no-repeat; }
.control li.last a:hover { background-position: 0 -18px; }
.control li span { display: none; }
.histry_set p {
	font-weight: bold;
	color: #CCCCCC;
}

/**************************************************
	Ba-su Page Control Definitions
***************************************************/
#pageSubTitle {
	width: 360px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
}

h2.chargeContents {
	width: 690px;
	padding:5px;
	color: #fff;
	border-bottom: 0;
	background: #5a3d1b none repeat scroll 0;
	font-size: 150%;
}
h3.chargeContents{
	width: 540px;
	height: auto;
	margin-top: 10px;
	padding-left: 40px;
	color: #5a3d1b;
	background: url("/image/bg_charge_list.gif") left top no-repeat; 
	line-height: 30px;
}

p.webMoney {
	float: left;
	width: 550px;
	height: auto;
	margin-top: 10px;
}
ul.ba-su {
	float: left;
	width: 138px;
	height: auto;
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #dcd2be;
}
ul.credit li span {
	display: none;
}

.buttonArea {
	clear: both;
	width: 100%;
	height: auto;
	margin-top: 10px;
	padding: 5px 0;
	text-align: center;
}

.right {
	text-align: right;
}
hr.dashedLineSeparator {
	width: 100%;
	margin: 5px 0;
	border-bottom: 1px dashed #dcd2be;
}
button {
	width: 150px;
	height: 30px;
	margin-right: 20px;
	border: none;
	cursor: pointer;
}

button.webMoney {
	width: 177px;
	background: url("../images/button_webmoney.gif") no-repeat;
}
button.payPal {
	width: 177px;
	background: url("../images/button_paypal.gif") no-repeat;
}
button:hover,
button.hover {
	background-position: 0 -30px;
}
button span {
	display: none;
	color: #039;
}
.buttonArea button {
	margin: 0;
}
ul.credit li {
	float: left;
	width: 66px;
	height: 58px;
	margin-bottom: 10px;
	padding-left: 10px;
}

ul.credit li span {
	display: none;
}
.setting_table2 th {
	vertical-align: text-top;
}