/***********************/
/* レイアウトCSS         */
/***********************/

* {
	margin: 0;
	padding:0;
}
body{
	color : #000000;
	background-color: #E4E6E6;
	text-align:center;
	background-image: url(../mainbg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
a:hover{
    background-position:0px -45px;
}
a:active{
    background-position:0px -90px;
}
.area-m20{margin:20px 0px 20px 20px;}
.area-m20-20-0-20{margin:20px 20px 0 20px;}
.area-m20-0{margin:20px 0px;}
.area-m0-20{margin:0px 20px;}
.area-m20-5{margin:5px 5px 20px 5px;}
.area-m10{margin:10px;}
.area-m5{margin:5px;}

.size25{width:25px;}
.size33{width:33px;}
.size40{width:40px;}
.size50{width:50px;}
.size70{width:70px;}
.size85{width:85px;}
.size100{width:100px;}
.size150{width:150px;}
.size200{width:200px;}
.size235{width:235px;}
.size300{width:300px;}
.size450{width:450px;}
.size500{width:500px;}
.size740{width:740px;}

.center{
	text-align:center;
}
.textleft{text-align:left;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.w100per{width:100%;}

.kakomi{
	text-align:left;
	border: 1px solid #CCCCCC;
	padding:3px;
	background-color:#FFFFFF;
}
fieldset.kakomi{
	background-color: #F0F3F3;
}
fieldset{
	background:#F4F2E5;
	padding:5px;
	border:none;
	margin:10px auto;
	border:1px solid #EEEEEE;
	text-align:left;
}
fieldset fieldset{
	background:#FFFFFF;
	padding:4px;
	border:none;
	margin:3px auto;
	border:none;
	clear:both;
}

/* フォームの体裁 */

label {
	width:120px;
	float:left;
}
fieldset {
	padding:7px;
	background-image:url(../fieldset_bg.gif);
	background-repeat:repeat-x;
	border:#E1E5DD 1px solid;
	margin-top:10px;
}
fieldset div , fieldset p{
	margin-left:120px;
}
#right fieldset ul , #right fieldset p{
	margin:0px;
}
input{padding:0 0 0 3px;}
input , textarea , select {
	border-top: 1px solid #999999;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
	width:450px;
	margin:1px 0;
}
.onlyref{
	background-color: #FFFFFF;
	border:none;
}
.btn-area{
	padding:5px;
	text-align:center;
	margin:0;
}
.btn-ll{
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
	width:450px;
	margin:0 5px;
	margin:auto;
	background-color:#ECECEC;
}
.btn-l{
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
	width:195px;
	margin:0 5px;
	background-color:#ECECEC;
}
.btn{
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
	width:120px;
	margin:0 5px;
	background-color:#ECECEC;
}
.btn-mini{
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
	width:100px;
	margin:3px;
	background-color:#ECECEC;
}
.btn-micro{
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
	width:40px;
	margin:0 3px;
	background-color:#ECECEC;
}
.btn-mimum{
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
	width:18px;
	margin:0 3px;
	background-color:#ECECEC;
}
.ck-radio{
	background-color:#FFFFFF;
	border:none;
	width:auto;
}
.attention{
	font-size:95%;
	color:#3399CC;
}
.err{
	border:3px solid #FF0000;
}

.tools{
	width:740px;
	padding:3px;
	background-color:#E6E7E7;
	margin:0 0 20px 0;
}
.tools .kakomi{
	padding:7px 3px;
}
.office{
	width:740px;
	padding:3px;
	color:#FFFFFF;
	background-color:#FF6600;
	margin:0 0 20px 0;
}
.dl_rec{
	width:100%;
	padding:3px;
	color:#FFFFFF;
	background-color:#FF6600;
}
.item th{
	padding:3px;
	text-align:right;
	font-weight: normal;
	width:130px;
	}
.item td , .item th{
	padding:3px;
	vertical-align:top;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.member th{
	text-align:left;
	background-color: #D8D8D8;
	padding:3px;
	}
.member td{
	padding:3px;
	vertical-align:top;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.result{
	width:530px;
}
.result td{
	padding:2px 0;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin: 0px;
}
.resultthumb td{
	text-align:center;
	padding:5px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.resultdetail{
	margin: 0 0 10px 0;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.resultdetail td , .detailprd td{
	padding:3px;
	vertical-align:text-top;
	border-collapse:collapse;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	word-break:break-all;
}
.resultdetail th{
	width:210px;
	padding:3px;
	vertical-align:text-top;
}

.company{
	width:600px;
	margin: 0 0 20px 0;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.company td {
	padding:3px;
	vertical-align:text-top;
	border-collapse:collapse;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.company th{
	width:210px;
	padding:2px;
	vertical-align:text-top;
	vertical-align:text-top;
	border-collapse:collapse;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #D8E5DF;
	font-weight: normal;
	text-align:left;
}

.fee{
	width:700px;
	border:4px solid #DDDDDD;
}
.fee th{
	width:150px;
	font-weight:normal;
	text-align:left;
	vertical-align:text-top;
	background-image:url(../fieldset_bg.gif);
	height:18px;
}
.fee td , .fee th{
	border-bottom:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	padding:5px;
}
.fee td {
	padding:3px;
	vertical-align:top;
	background:#FFFFFF;
}

.detailprd{
	width:600px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.detailprd th{
	padding:2px;
	color:#FFFFFF;
	text-align:left;
	background-color:#FF6600;
}
.detailprd td{
	background-color:#FEFFEC;
}
.selected-bg{background-color:#FFCC99;}
.bg-yellow{background-color:#F4EFE0;}

.new-arrival{width:600px; margin:10px auto;}
.new-arrival th{width:60px;}
.new-arrival td{line-height:250%;}
.new-arrival td a{text-decoration:underline;}
.new-arrival th , .new-arrival td{border-bottom:1px #999999 dotted;}

/* ラッパーの設定*/
#wraper{
    position:relative;
    width:780px;
    text-align:left;
	margin:auto;
}
.r-bg{
position:relative;
	background-image: url(../r_bg.gif);
	background-repeat: repeat-y;
	background-position: right;
}
/* ブリッジの設定*/
#bridge{
    width:100%;
    clear:both;
	position:relative;
}

/* ヘッダの設定*/
#header{
    width:780px;
    height:41px;
	background-image:url(../header.gif);
}
#login{
	position:relative;
    float:right;
	margin: 0 15px;
}
#login a {
	display:block;
	float:left;
	width:107px;
	height:19px;
	margin:10px 3px 10px 0;
}
#login a span{
	display:none;
}
.hereli{
    background-image:url(../navi_login.gif);
}
.login{
    background-image:url(../navi_login.gif);
}
.masterlogin{
    background-image:url(../navi_master_login.gif);
}
.masterlogout{
    background-image:url(../navi_master_logout.gif);
}
.vipinq{
    background-image:url(../navi_vipinq.gif);
}
.logout{
    background-image:url(../navi_logout.gif);
}
.castfaq{
    background-image:url(../navi_castfaq.gif);
}

/* ヘッダーナビの設定*/
/*#headernavi{*/
/*	display:none;*/
/*}*/
/* 以下は本オープン時にコメントを外す*/
#headernavi{
	width:780px;
	height:40px;
	padding:0 21px;
	clear:both;
}
#headernavi ul li{
    list-style:none;
    float:left;
    width:123px;
	height:40px;
}
#headernavi ul a{
    display:block;
    width:123px;
    height:40px;
}
#headernavi ul a span{
	display:none;
}
#home{
    background-image:url(../navi_home.gif);
}
#search{
    background-image:url(../navi_search.gif);
}
#registration{
    background-image:url(../navi_registration.gif);
}
#change{
    background-image:url(../navi_change.gif);
}
#remember{
    background-image:url(../navi_remember.gif);
}
#favorite{
    background-image:url(../navi_favorite.gif);
}
/*以上は本オープン時にコメントを外す*/
/* 左側の設定*/
#left{
    width:590px;
    float:left;
}
/* 右側の設定*/
#right{
    width:180px;
    float:right;
}
/* センター型メインの設定*/
#maincenter{
    width:550px;
	text-align:left;
	margin:auto;
}
/* フッターの設定*/
/*#footer{*/
/*	display:none;*/
/*}*/
/* 以下は本オープン時にコメントを外す*/
#footer{
    position:relative;
    width:100%;
	line-height:150%;
    clear:both;
	text-align:center;
	padding:3px 0;
	background-color: #E4E6E6;
}
/* 以上は本オープン時にコメントを外す*/
/* コピーライトの設定*/
#copyright{
    position:relative;
    width:580px;
	height:30px;
    float:left;
	clear:left;
	background-color: #F0F3F3;
}
#specification{
	position:relative;
    float:right;
	background-color: #F0F3F3;
}
#specification a{
background-image:url(../specification.gif);
display:block;
width:190px;
height:20px;
margin:5px;
}
#specification a span{
display:none;
}

/***************************/
/* 標準リスト処理　　　　 */
/***************************/
.area-m20 li{
	list-style:none;
	padding:0px 0px 0px 14px;
	background-image:url(../list_mark.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
}
.area-m20 ol li{
	margin:3px 0;
	background-position:0px 1px;
	padding: 0 0 0 18px;
}
.area-m20 ol .ol-one{background-image:url(../list_mark_one.gif);}
.area-m20 ol .ol-two{background-image:url(../list_mark_two.gif);}
.area-m20 ol .ol-three{background-image:url(../list_mark_three.gif);}
.area-m20 ol .ol-four{background-image:url(../list_mark_four.gif);}
.area-m20 ol .ol-five{background-image:url(../list_mark_five.gif);}
.area-m20 ol .ol-six{background-image:url(../list_mark_six.gif);}
.area-m20 ol .ol-seven{background-image:url(../list_mark_seven.gif);}
.area-m20 ol .ol-eight{background-image:url(../list_mark_eight.gif);}
.area-m20 ol .ol-nine{background-image:url(../list_mark_nine.gif);}
.area-m20 ol .ol-ten{background-image:url(../list_mark_ten.gif);}

/***************************/
/* よく使うパーツ　　　　　 */
/***************************/
hr{
	border-style: dotted none none none;
	border-top-width: 1px;
	border-top-color:#CCCCCC;
	height:1px;
	clear:both;
	margin:5px 0px;
}
.tub-5piece-top a.dead-btn , .tub-5piece-top a.dead-btn:hover{
	color:#BBBBBB;
}

/* スぺーサー */
.spacer {
	height:20px;
}

.f-left{
	float:left;
}
.f-right{
	float:right;
}
.clear{
	clear:both;
	position:relative;
}
.int , .TltName{
	padding:0 0 0 10px;
}

/*--------オーダーフローなど--------*/
.order-flow-area{
	margin:-10px 20px 20px 20px;
	clear:both;
	margin-left:100px;
}
.back-about-area{
	margin:10px 20px 20px 20px;
	clear:both;
	margin-left:275px;
}
.area-m20 a.link-btn{
	display:block;
	background-image:url(../bg_btn.gif);
	width:180px;
	height:32px;
	font-size: 12px !important;
	font-size: 0.8em;
	line-height:30px;
	margin:auto;
	float:left;
	text-align:center;
}
.area-m20 a.link-btn-prof{
	display:block;
	background-image:url(../bg_btn.gif);
	width:180px;
	height:32px;
	font-size: 12px !important;
	font-size: 0.8em;
	line-height:30px;
	margin:5px 0 5px 70px;
	float:left;
	text-align:center;
	clear:both;
}

/*--------FAQ--------*/
.area-m20 .faq-a{
	list-style:none;
	padding:0px 0px 0px 50px;
	background-image:url(../faq_a.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	line-height:175%;
}
.area-m20 .faq-q{
	list-style:none;
	padding:0px 0px 0px 50px;
	background-image:url(../faq_q.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	line-height:175%;
}


/*--------トップページ--------*/
.casttop{
	list-style:none;
}
.OnlineBookBnr{margin:10px 0px 0px 13px;}
.casttop li{
	background-image:none;
}

.casttop a{
	display:block;
	width:450px;
	height:38px;
}
.casttop a span{
	display:none;
}
.membersbtn{
    background-image:url(../members_btn.gif);
}
.service{
    background-image:url(../service_btn.gif);
}
.regist{
    background-image:url(../to_regist_btn.gif);
}
.trial{
    background-image:url(../to_trial_btn.gif);
}
.sc-list{
	float:left;
	width:130px;
	padding:0 0 20px 0;
}
.logtab{list-style:none;
	padding:0;
	margin:0;
}
.logtab li{background-color:#CCCCCC;
	width:130px;
	margin:2px 2px 0 2px;
	text-align:center;
	float:left;
	list-style:none;
	background-image:none;
	padding:0px;
}
.logtab .here{
	background-color:#FF0000;
	color:#FFFFFF;
}

.noline{border:0px none;}
.uldot{
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

/*--------見出し--------*/
h1{
	background-image:url(../bg_h1.gif);
	background-repeat:no-repeat;
	line-height:200%;
	font-size: 18px !important;
	font-size: 1.2em;
	line-height:200%;
	text-indent:15px;
	font-weight:normal;
	color:#666666;
	margin:10px 0;
	text-align:left;
}
h1.nostyle{ background:none; text-indent:0px; margin:0;}
h2{clear:left;}

/*--------検索--------*/
/* 5タブ */
.tub-5piece-top,.tub-5piece-btm{
	text-align:center;
	height:30px;
	list-style:none;
	padding-left:40px;
}
.tub-5piece-top{
	border-bottom:2px solid #4AAD62;
	margin-bottom:5px;
}
.tub-5piece-btm{
	border-top:2px solid #CDDEE0;
	margin:10px 0;
}
.tub-5piece-btm li{
	float:left;
	height:30px;
	margin:0px 1px;
	background-image:url(../tub_5piece_bg.gif);
	background-repeat:no-repeat;
}
.tub-5piece-top li{
	float:left;
	height:30px;
	margin:0px 1px;
	background-image:url(../tub_5piece_bg.gif);
	background-repeat:no-repeat;
}
.tub-5piece-top li a ,.tub-5piece-btm li a{
	display:block;
	width:130px;
	color:#009900;
	text-decoration: none;
	line-height:250%;
}
.tub-5piece-top li.here,.tub-5piece-top li:hover,.tub-5piece-btm li.here,.tub-5piece-btm li:hover{
	display:block;
	width:130px;
	background-position:0px -50px;
}
.tub-5piece-top li.here a,.tub-5piece-top li a:hover,.tub-5piece-btm li.here a,.tub-5piece-btm li a:hover{
	color:#FFFFFF;
}

.pagenation{
	font-size: 12px !important;
	font-size: 0.8em;
	line-height:150%;
	text-align:center;
}
.pagenation a{
	padding:3px;
	background:#ECECEC;
	border:#D3D3D3 1px solid;
	margin:0 2px;
}
.pagenation a.here{
	background:#3399CC;
	color:#FFFFFF;
}
.pagenation img{vertical-align:middle;}
.bg-gray{background-color:#EEEEEE;}


/*--------ランキング--------*/
.col-rank01 , .col-rank02-03 , .col-rank-u04{
	float:left;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px #CCCCCC solid;
	line-height:125%;
	margin:0 10px;
}
.tlt-name {margin-left:0px; float:left;}
.col-rank01 .tlt-name{ width:577px;}
.col-rank02-03 , .col-rank-u04 {width:336px;}
.col-rank-u04 {
	font-size: 12px !important;
	font-size: 0.8em;
}
.row-spltr{height:20px; width:20px; clear:both;}
.rank-pt{
	width:65px;
	text-align:center;
	padding:2px 5px;
	color:#FFFFFF;
	margin-left:7px;
	background:#660033;
	line-height:100%;
	font-size:85%;
	margin-bottom:3px;
	float:right;
}
.crown-l{margin:0 5px 0 0; padding-top:5px; height:25px; width:42px; float:left; background:url(../crown_l.gif) no-repeat; text-align:center;}
.crown{margin:0 5px 0 0; padding-top:3px; height:19px; width:30px; float:left; background:url(../crown.gif) no-repeat; text-align:center;}

#u1 .top , #u2 .top{width:740px; height:16px; background:url(../u1_top.gif);}
#u1 .btm , #u2 .btm{width:740px; height:16px; clear:both; background:url(../u1_btm.gif);}
#u1 .moduletable , #u2 .moduletable{float:left; width:708px;}
.col-spacer{float:left; width:16px; height:1px; overflow:hidden;}
#u1u2 , #u1 , #u2{clear:both; margin:15px 0 0 0; background:url(../u1_bg.gif);}

#u1u2 li , #u1 li , #u2 li{
	list-style:none;
	padding:0px 0px 0px 17px;
	background-image:url(../list_mark.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	line-height:175%;
}
#u1 ul , #u2 ul{
	float:left;
	width:50%;
}


/*--------ピックアップ--------*/
.pick-up-detail{
	display:block;
	width:200px;
	height:32px;
	text-indent:-999em;
	background:url(../btn_pickup_detail.gif) no-repeat;
	margin:auto;
	/*\*/
	overflow: hidden;
	/**/
}
.pick-up-detail:hover{
	background-position:0px -50px;
}

/*--------広告主--------*/
.adv-rec td{
	background-color:#F6FEE7;
}
.adv-rec td .TltName{
	font-size:125%;
	color:#329900;
}
.BnrIframe{
	width:490px;
	height:65px;
	margin:auto;
	border:none;
	overflow:hidden;
	background-color:#FFFFFF;
}
.FullBnrSpace{
	text-align:center;
	margin-bottom:25px;
}