@charset "utf-8";
/* Copyright 2008 (c) D2 PASS.com */

/* CSS */

/* ------------------------------------------Body----------------------------------------- */
body { 
			text-align:center; color: #222222; 
			margin: 0px 0px; /*margin: 0px; */ background: #ffffff;  
			font-family: "Osaka", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "sans-serif", "Arial";
			line-height: 130%; 
			} 

body, td{
	font-family: "Osaka", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "sans-serif", "Arial";
	font-size: 12px; font-weight: 100;
	line-height: 115%; }
	

.font10n {  font-size:10px; font-weight:normal; color:#222222;}
.font10nr {  font-size:10px; font-weight:bold; color:#FF0000;}
.font10br {  font-size:10px; font-weight:bold; color:#FF0000;}
.font10b {  font-size:10px; font-weight:bold; color:#222222;}
.font12n {  font-size:12px; font-weight:normal; color:#222222;}
.font12b {  font-size:12px; font-weight:bold; color:#222222;}
.font12br {  font-size:12px; font-weight:bold; color:#FF0000;}
.font12nr {  font-size:12px; font-weight:bold; color:#FF0000;}
.font12bw { font-size:12px; font-weight:bold; color:#FFFFFF;}
.font12bo { font-size:12px; font-weight:bold; color:#FF6600;}
.font12bblue {  font-size:12px; font-weight:bold; color:#5E656D;}
.font14b {  font-size:14px; font-weight:bold; color:#222222;}


hr { size: auto;}


th {font-size: 12px; font-weight: bold;
	line-height: 135%;}
/*p {
	font-size: 12px;
	line-height: 22px;
} */
h1 {display: inline; 
	font-size: 17px;
	line-height: 24px;
}
/*h1.title {
	font-size: 24px;
}*/
h2 {
	font-size: 15px; /*!important;*/
	line-height: 18px;
}
h2 a  {
	font-size: 15px;
}
h3 {
	font-size: 17px;
	line-height: 22px;
	text-align: center;
	border-bottom: 2px dotted #336699;
}

h3 span {
	font:13px normal;
	margin-left:10px;
	line-height: 21px;
	text-align: right;

}

h4, h5 {display: inline;}
h4, input, th, td { font-size: 12px; 	}
	
h5 { font-size: 11px; display: inline; font-weight:100;
	line-height: 13px;	/*margin: 0;*/}
h6 {
	font-size: 16px;
	line-height: 18px;
	text-align: left;
	border-bottom: 2px dotted #336699;}

#promotion {
	font-size: 16px; font-weight: bold;
	line-height: 120%;	
	margin-bottom: 2px;}

#promotion14 {	font-size: 14px; font-weight: bold;	line-height: 110%;}

#catalog { font-size: 14px; font-weight: bold;	line-height: 120%;	margin-bottom: 2px;	border-bottom: 0px dotted #666666;}
#catalog2 {	font-size: 14px; line-height: 120%;}
#catalog3 {	font-size: 14px; line-height: 110%;}
button { font-size: 13px;}

/***
.link { text-align:left;font-family: "Osaka", "ＭＳ ゴシック", "sans-serif";line-height: 130%; } 
.link a:link { color: #003399; background-color: transparent; line-height: 140%; text-decoration: none; border-bottom: 1px solid #003399;}
.link a:visited { color: #0353A5; background-color: transparent;  line-height: 140%; text-decoration: none; border-bottom: 1px solid #0353A5;}
.link a:hover { color: #ff0033; background-color: transparent;  line-height: 140%; text-decoration: none;  border-bottom: 1px solid #ff0033;}
.link a:active { color: #003399; background-color: transparent;  line-height: 140%; text-decoration: none;  border-bottom: 1px solid #003399;}
***/



/* ------------------------------------------Wrapper----------------------------------------- */
#wrapper{width:100% ; background-color:transparent;
			padding: 0;
			margin-top: 0; 
			margin-bottom: 0; 
			margin-right: auto; 
			margin-left: auto; }

#wrapper { clear: both; text-align:center;border: 0px solid #ccc ; /*background: url(../images/box_bg.gif) repeat top center;*/ }


#wrapper2{width:100% ; background-color:transparent;
			padding: 0;
			margin-top: 0; 
			margin-bottom: 0; 
			margin-right: auto; 
			margin-left: auto; }
#wrapper2 { clear: both; text-align:left;border: 0px solid #ccc ; /*background: url(../images/box_bg.gif) repeat top center;*/ }

#wraptext {
			border-bottom:0px solid #e9e9e9; 
			margin:7px 0;
			}
#wraptext #topright {
			float:right;
			margin:10px 10px 10px 10px;
		}
#wraptext #topleft {
			float:left;
			margin:0px 4px 0px 2px;
			padding: 0px;
		}
#wrapper:after { 
content:".";
display:block;
height: 0;
clear: both; 
visibility: hidden; } 
/* ------------------------------------------Header/Footer----------------------------------------- */
#header, #footer {width:100% ; 
padding: 0;
margin-top: 0; 
margin-bottom: 0; 
margin-right: auto; 
margin-left: auto; }

#header2 a:link, #header2 a:visited {color: #656565;text-decoration: none;} 
#header2 a:hover { color: #CC0000;text-decoration: none;} 
#header2 a:active { color: #FF0000;text-decoration: none;}

#footer {border-top: 1px solid #B6B6B6; margin-top: 5px; }
#footer a { text-decoration: none; }
#footer ul { margin: 4px; padding: 0;  }
#footer ul li { list-style: none; display: inline; padding: 0px 2px;}
#footer {background-color:#ffffff;padding: 3px 0px 3px 0px; color: #777777;}
.footer a:link {color: #777777;text-decoration: none;}
.footer a:visited {color: #666666;text-decoration: none;} 
.footer a:hover {border-bottom: 1px solid #333333; color: #333333;}
.footer a:active { color: #222222;text-decoration: none;}

/* ------------------------------------------Navigation----------------------------------------- */

.nochange_bar { background:url(/images/user_rank/ur_1/rank_sub_bar.jpg) repeat-x;}

.navi_bg_gt { background: url(/images/asset/navi/sub_menu_bg_default.gif) repeat-x center left; background-color:#868597; color:#FFFFFF;}
.navi_bg_gt #mainnavi_index a:link, #mainnavi_index a:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_gt #mainnavi_index a:hover, #mainnavi_index a:active { font-size: 12px; font-weight: bold; color: #83FFFE; text-decoration: none ; border-bottom: 1px solid;}

.navi_bg_default{ background: url(/images/asset/navi/sub_menu_bg_default.gif) repeat-x center left; background-color:#868597; color:#FFFFFF;}
.navi_bg_default #mainnavi_index a:link, #mainnavi_index a:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_default #mainnavi_index a:hover, #mainnavi_index a:active { font-size: 12px; font-weight: bold; color: #83FFFE; text-decoration: none ; border-bottom: 1px solid;}

.navi_bg_toppage #mainnavi_index a:link, #mainnavi_index a:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_toppage #mainnavi_index a:hover, #mainnavi_index a:active { font-size: 12px; font-weight: bold; color: #83FFFE; text-decoration: none ; border-bottom: 1px solid;}

.navi_bg_front #mainnavi_index a:link, #mainnavi_index a:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_front #mainnavi_index a:hover, #mainnavi_index a:active { font-size: 12px; font-weight: bold; color: #83FFFE; text-decoration: none ; border-bottom: 1px solid;}

.navi_bg_vchat #mainnavi_index a:link, #mainnavi_index a:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_vchat #mainnavi_index a:hover, #mainnavi_index a:active { font-size: 12px; font-weight: bold; color: #83FFFE; text-decoration: none ; border-bottom: 1px solid;}

.navi_bg_movie #mainnavi_index a:link  { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_movie #mainnavi_index a:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_movie #mainnavi_index a:hover { font-size: 12px; font-weight: bold; color: #83FFFE; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_movie #mainnavi_index a:active { font-size: 12px; font-weight: bold; color: #83FFFE; text-decoration: none ; border-bottom: 1px solid;}

.navi_bg_mail #mainnavi_index a:link, #mainnavi_index a:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_mail #mainnavi_index a:hover, #mainnavi_index a:active { font-size: 12px; font-weight: bold; color: #83FFFE; text-decoration: none ; border-bottom: 1px solid;}

.navi_bg_migration #mainnavi_index a:link, #mainnavi_index a:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_migration #mainnavi_index a:hover, #mainnavi_index a:active { font-size: 12px; font-weight: bold; color: #83FFFE; text-decoration: none ; border-bottom: 1px solid;}

.navi_bg_promotion #mainnavi_index a:link, #mainnavi_index a:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_promotion #mainnavi_index a:hover, #mainnavi_index a:active { font-size: 12px; font-weight: bold; color: #83FFFE; text-decoration: none ; border-bottom: 1px solid;}

.navi_bg_ppv #mainnavi_index a:link, #mainnavi_index a:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_ppv #mainnavi_index a:hover, #mainnavi_index a:active { font-size: 12px; font-weight: bold; color: #83FFFE; text-decoration: none ; border-bottom: 1px solid;}

.navi_bg_ppv2 #mainnavi_index a:link, #mainnavi_index a:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_ppv2 #mainnavi_index a:hover, #mainnavi_index a:active { font-size: 12px; font-weight: bold; color: #83FFFE; text-decoration: none ; border-bottom: 1px solid;}

.navi_bg_fsearch #mainnavi_index a:link, #mainnavi_index a:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_fsearch #mainnavi_index a:hover, #mainnavi_index a:active { font-size: 12px; font-weight: bold; color: #83FFFE; text-decoration: none ; border-bottom: 1px solid;}

.navi_bg_hd #mainnavi_index a:link, #mainnavi_index a:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_hd #mainnavi_index a:hover, #mainnavi_index a:active { font-size: 12px; font-weight: bold; color: #83FFFE; text-decoration: none ; border-bottom: 1px solid;}

.navi_bg_other #mainnavi_index a:link, #mainnavi_index a:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_other #mainnavi_index a:hover, #mainnavi_index a:active { font-size: 12px; font-weight: bold; color: #83FFFE; text-decoration: none ; border-bottom: 1px solid;}

.navi_bg_account #mainnavi_index a:link, #mainnavi_index a:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_account #mainnavi_index a:hover, #mainnavi_index a:active { font-size: 12px; font-weight: bold; color: #83FFFE; text-decoration: none ; border-bottom: 1px solid;}

.navi_bg_dvd #mainnavi_index a:link, #mainnavi_index a:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_dvd #mainnavi_index a:hover, #mainnavi_index a:active { font-size: 12px; font-weight: bold; color: #83FFFE; text-decoration: none ; border-bottom: 1px solid;}

.navi_bg_clear #mainnavi_index a:link, #mainnavi_index a:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ; border-bottom: 1px solid;}
.navi_bg_clear #mainnavi_index a:hover, #mainnavi_index a:active { font-size: 12px; font-weight: bold; color: #83FFFE; text-decoration: none ; border-bottom: 1px solid;}

.navi_bg_searchbox { background: url(/images/asset/navi/sub_menu_searchbox.gif) repeat-x center left; background-color:#EBEAE7;}

/* ------------------------------------------tab_base----------------------------------------- */
#tab_top_box {width:100%; position:relative;}
#tab_but_box {width:715px; margin:0 auto; height:30px;}
#tabbut {float:left; width:76px; height:30px; margin-right:3px;}
#dtilogobox {float:right; top:0; right:10px; position:absolute;}

#subnavi_box {width:100%; height:24px;}

/* ------------------------------------------Main Content----------------------------------------- */

#mainarea { width:100%; margin: 1px 0 0 0; padding: 0px; background: #fff; }

#content {	width:100%; float: right; /*clear:both;*/
			margin: 1px 0px 0px 0px; 
			padding: 0; border: 0px solid #666;}
			
.faqq { 	margin: 5px 0px; padding: 8px 0px 3px 32px;
			list-style: none; font-weight: bold;
			background: #EFEFEF url(/images/faq/fag_q.gif) no-repeat center left;
			border-bottom: 1px solid #ccc; }

.faqa { 	margin: 5px 0px 8px 0px; padding: 5px 0px 5px 36px;
			list-style: none; 
			background: url(/images/faq/fag_a.gif) no-repeat top left;  }
			
.col2kbg ul li {list-style:none;}

#notice_box {clear:both; margin-bottom:3px; background-color:#E7E7E7;}
#left_kado {height:5px; width:5px; float:left}
#right_kado {height:5px; width:5px; float:right}
#notice_top {height:5px; width:100%; clear:both;}
#notice_bottom {height:5px; width:100%; clear:both;}
#notice_logo {width:135px; margin:5px 0 0 10px;}
#notice_center {margin: 5px 2px 0 40px; width:100%; clear:both; position:static}
#n_hand {width:20px; margin-right:8px; float:left;}
#n_text {width:90%; margin-top:2px; float:left; font-size:14px;}
/* ------------------------------------------Login Box----------------------------------------- */
#login .inputbox {width: 136px; /*border: 2px solid #999;*/ }
#login dl dd {margin: 0; padding: 0;}
.loginbox { border: 1px solid #DD0000;padding: 0px 0px; }
.loginbox dl { margin: 0; padding: 0; width: 100%;}
.loginbox dt { padding: 1px 1px; background: #DD0000; color:#fff;}
.loginbox dd { margin: 1px 1px; padding: 1px; }
.loginbox li { list-style: none; }
.loginbox ul { margin: 0; padding: 0; }

.loginboxfix { width: 600px; margin-right: auto; margin-left: auto;}

.loginboxvchat { border: 1px solid #B9B9B9; }
.loginboxvchat dl { margin: 1px; padding: 1px; }
.loginboxvchat dt { padding: 2px 8px; background: #B9B9B9; color:#222;}
.loginboxvchat dd { margin: 2px 8px; padding: 1px; }
.loginboxvchat li { list-style: none; }
.loginboxvchat ul { margin: 0; padding: 0; }
/* ------------------------------------------Side bar----------------------------------------- */
#sidebar { 
			width: auto;
			margin: 0px; 
			padding: 0 0px 0px 0px; border-top: 0px solid #fff; }

#sidebarAccount { 
			margin: 0px 10px; 
			padding: 0px; border-top: 0px solid #fff;
			/*background: url(/images/asset/nav_blend.gif) repeat-x top left;*/ }

#sidebar2 { /*background: url(/images/asset/nav_blend.gif) repeat-x top left;*/
			width: 140px;
			margin: 0px; 
			padding: 3px 3px 3px 3px; border-top: 0px solid #fff; }
#sidebar2 div { border: 0px solid #B9B9B9; margin-bottom: 3px; padding: 0px; }
#sidebar2 div ul, #sidebar div ol { margin: 0px; padding: 0; }
#sidebar2 div ul li { list-style: none; margin: 0px; padding: 0; line-height: 130%; }
#sidebar2 div ul li { padding-left: 8px; }


#sidebar div { border: 0px solid #B9B9B9; margin-bottom: 3px; padding: 0px; }
#sidebar div ul, #sidebar div ol { margin: 0px; padding: 0; }
#sidebar div ul li { list-style: none; margin: 0px; padding: 0; line-height: 130%; }
#sidebar div ul li { padding-left: 8px; }


#sidebarAccount div { border: 0px solid #B9B9B9; margin-bottom: 0px; padding: 0px; }
#sidebarAccount div ul, #sidebar div ol { margin: 0px; padding: 0; }
#sidebarAccount div ul li { list-style: none; margin: 0px; padding: 0; line-height: 130%; }
#sidebarAccount div ul li { padding-left: 6px; }
#sidebarAccount ul li { list-style: none; margin: 0; /*background: url(/images/arrow.gif) no-repeat center left;*/ padding-left:15px;}
/*#sidebarAccount .dots {background: url(/images/arrow2.gif) no-repeat center left; padding-left: 13px; }*/
#sidebarAccount .bg {margin: 0px 0px 0px 0px; background: #F9F9F9; padding: 0px 0px 0px ;}

#sidebar .sitelist {  border: 0px solid #D1D1D1;margin-bottom: 3px; width: auto;}
#sidebar .sitelist ul { margin: 0; line-height: 120%;}
#sidebar .sitelist ul li { padding: 0px; line-height: 120%;}
#sidebar .sitelist ul li h4 { padding: 1px 1px 1px;  display:block; margin: 0 0 1px; }
#sidebar .sitelist ul li h4 { background: url(/images/asset/navi/sub_menu_bg_clear.gif) repeat-x bottom left; background-color:#FFFFFF; color:#222222;}

#sidebar .sitelist ul li { list-style: none; margin: 0; /*background: url(/images/arrow.gif) no-repeat center left;*/ padding-left:15px;}
/*#sidebar .sitelist .dots {background: url(/images/arrow2.gif) no-repeat center left; }*/
#sidebar .sitelist .bg {margin: 0px 0px 0px 0px; background: #F9F9F9; padding: 0px 0px 0px ;}

#vcrank { padding: 0px;}

#sidemember {width: 160px; margin:0; padding:7px;}
#sidemember_head {font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none ;}
#sidemember_bottom {border-right:1px solid #999999;}
/* --------------------------------------site list on main ------------------------------------------*/

#mainpage { 
			width: 100%;
			margin: 0px; 
			padding: 0 0 3px 0px; border-top: 0px solid #fff; }

#mainpage div { border: 1px solid #B9B9B9; margin-bottom: 5px; padding: 0px; }
#mainpage div ul, #sidebar div ol { margin: 0px; padding: 0; }
#mainpage div ul li { list-style: none; margin: 0; padding: 0; }

#mainpage .sitelist2 { border: 1px solid #8A9BB4;margin-bottom: 13px; width: 100%;}
#mainpage .sitelist2 ul {margin: 0;}
#mainpage .sitelist2 ul li {padding: 0px;}
#mainpage .sitelist2 ul li h4 {padding: 2px 2px 2px;  display:block; margin: 0 0 2px; /*background: #ccc;*/}
/*#sidebar .sitelist ul li ul {padding-bottom: 2px; }*/
#mainpage .sitelist2 ul li ul li {list-style: none; margin: 0; /*background: url(/images/arrow.gif) no-repeat center left;*/ padding-left:15px;}
#mainpage .sitelist2 .dots {}
#mainpage .sitelist2 .bg {margin: 0px 0px 0px 0px; background: #FFFFFF; padding: 2px 2px 2px ;}
/* --------------------------------------------------------------------------------------------------------------- */
.ranking td{font-family: "Osaka", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "sans-serif";
	font-size: 10px; font-weight: 100;
	line-height: 11px;
	
	padding: 0;
margin-top: 0; 
margin-bottom: 0; 
margin-right: 0; 
margin-left: 0;
}

.ranking a:link { color: #003399; background-color: transparent; font-size: 10px; font-weight: 100;	line-height: 11px; text-decoration: none; }
.ranking a:visited { color: #0353A5; background-color: transparent;  font-size: 10px; font-weight: 100;	line-height: 11px; text-decoration: none; }
.ranking a:hover { color: #ff0033; background-color: transparent;  font-size: 10px; font-weight: 100;	line-height: 11px; text-decoration: none;  }
.ranking a:active { color: #003399; background-color: transparent;  font-size: 10px; font-weight: 100;	line-height: 11px; text-decoration: none;  }

.rankiframe {border: 0px solid #ccc; padding: 0; margin: 5px 0 0 0;  width:100%; height: 500px;} /* in home */
.ranking, .rankingtitle { text-align:left; } /* in ranking.html */
.rankingtitle {}
.ranking {margin-bottom: 3px;}
/*.ranking .title {background: #EFEFEF;}*/
.ranking .base {}
.rankimgvc { margin: 0; padding: 0px 3px 0px 0px; width:60px; height: 45px; vertical-align:top; float:left; }

#subbar {
width: 100%;
margin: 0px;
padding: 0 0 3px 0px; 
border-top: 1px solid #fff;}
	
#subbar div { border: 0px solid #999999; margin-bottom: 1px; padding: 1px; }
#subbar div ul { margin: 0px; padding: 0; }
#subbar div ul li { list-style: none; margin: 0; padding: 0; }
#subbar .cs ul {margin: 0;}
#subbar .cs li {list-style: none; margin: 0; background: url(/images/arrow.gif) no-repeat center left; padding-left:10px;}

.show { display:block; }
.hidden { display:none; }

/* ------------------------------------------Form/Join----------------------------------------- */
form { margin: 0px 0px 3px; padding: 0px;}
input, select {font-family: "Osaka", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "sans-serif";}

/*login form */
.ccp_steps { font-size: 18px; margin: 5px 0px; padding:7px 0px 5px 5px; border: 1px solid #999; background: #ccc; }
.ccp_steps ul {margin: 0px;}
.ccp_steps ul li {display: inline; margin-right: 10px; color:#fff;}
.ccp_steps ul li span {color:#111; font-weight:bold;}

/* ------------------------------------------Account----------------------------------------- */
.tab {padding-top: 5px; line-height: 100%; }
.tab ul { margin: 0; padding: 0; }
.tab ul li {list-style: none; display: inline; margin: 5px 2px 0 0; padding: 0; 
}
.tab ul li a { background: #EFEFEF; margin: 0px; padding: 0; border-bottom: 0px; text-decoration: none; white-space: nowrap;}
.tab a:link, .tab a:visited {padding: 4px 5px 0px;background: #ccc;
border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 0px; }
.tab a:hover, .tab a:active {padding: 5px 5px 0px; border-bottom: 0px; background: #99cc99;}
.tab span {padding: 5px 5px 1px; background: #EFEFEF; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 0px;}

.myaccount_front tr td {font-size:12px;}

/* ------------------------------------------button----------------------------------------- */
.infobtn { margin: 0; padding: 0; /*vertical-align: middle;*/ }
.editbtn {margin: 0; padding: 0; width:142px;}
.pfname {}

.helpbtn {float: right; padding: 3px; /*display:inline;*/}
button {margin: 0; padding: 0;}

/* ------------------------------------------Other----------------------------------------- */
.col2box dt, .col3box dt, .bgcl1, .ranking .title, #over18 ul li , .sitebtn { 
background: url(/images/bar_bg.gif) repeat bottom left; /*background: #EFEFEF*//*#F0FFFF #99cccc #ccff99*/} /* 薄い背景色用　激薄グレー のグラデ　*/

.titlebg, .titlebg2 { background: url(/images/asset/title_bg.gif) no-repeat center left; }
.titlebg {border: 1px solid #98A3B4; margin-bottom:5px; padding: 3px 3px 3px 14px; /*height: 31px;*/ vertical-align: middle; clear:both;}
.titlebg2 {border: 1px solid #98A3B4; margin:0px 0px 5px; padding: 3px 3px 3px 14px; /*height: 31px;*/ vertical-align: middle; clear:both;}

.sp { display: block; height: 1px; background-color: #ffcc33; border: 0px; clear: both;}
.sp5 { height: 5px; display: inline;} /* 高さ調整 */

.col2box { border: 1px solid #98A3B4; margin-bottom:5px; width:100%; }
.col2box dl /*.col2box ul*/ { margin: 0; padding: 0; }
.col2box dt { padding: 2px 2px; font-weight:bold;}
.col2box dd { margin: 0px 0px; padding: 0; }
.col2box li { list-style: none; }/**/
.col2box dl dd ul { margin: 0; padding: 0; }
.tboxbg {background-color:#FFFFCC;}

#rtcol, #ltcol, #rtcol2, #ltcol2 {border: 0px solid #B9B9B9; margin:0px; padding:0px;}
 /* ----- 等間隔----------------------------*/
#rtcol {width:100%; /*_width:595px;*/ text-align:left; }
#ltcol {width: 100%; /*_width: 154px;*/ text-align:left;}
/* ------ 右＞左　未使用 ----------------------------*/
#rtcol2 {float: right; width:240px; text-align:left; }
#ltcol2 {float: left; width:515px; text-align:left;}

/* help */
.cstitle {margin: 5px 0px; padding: 3px; border: 1px solid #ccc;}
#sevenhundred_wrap {width:700px; margin:10px auto;}
#help_title {clear:both;}
#box_blue {width:220px; height:270px; float:left; margin:20px 0 0 85px;}
#box_pink {width:220px; height:270px; float:right; margin:20px 85px 0 0;}


/* catalog */
.sitebtn { margin: 1px; padding: 1px 3px; border: 1px solid #ccc; }

.divfix:after { display:block; height: 0; clear: both; visibility: hidden; } 
/* ------------------------------------------customblocks----------------------------------------- */
.blockShell { 	border-bottom:1px solid #b6b6b6; 
				border-left:1px solid #b6b6b6; 
				border-right:1px solid #b6b6b6; 
				padding: 5px; 
				background-color: #F9F9F9;
				}
				
.blockShell_unicolor { 	border-bottom:0px solid #b6b6b6; 
				border-left:1px solid #b6b6b6; 
				border-right:1px solid #b6b6b6; 
				padding: 0px; 
				background-color: #F9F9F9;
				}
				
.blockShell_unicolor2 { 	
				border-left:1px solid #b6b6b6; 
				border-right:1px solid #b6b6b6; 
				padding: 0px; 
				background-color: #F9F9F9;
				}

.sitelistShell { 	border-bottom:1px solid #b6b6b6; 
				border-left:1px solid #b6b6b6; 
				border-right:1px solid #b6b6b6; 
				padding: 0px; 
				background-color: #F9F9F9;
				}			
				
.blockShellRanking { 	border-bottom:1px solid #b6b6b6; 
				border-left:1px solid #b6b6b6; 
				border-right:1px solid #b6b6b6; 
				padding: 2px; 
				background-color: #F9F9F9;
				}
/* ------------------------------------------ POS and SIGNUP Thank you page ----------------------------------------- */
.grey_small{	font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #444444; line-height: 120%;	}
.grey_smaller{	font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #222222; line-height: 120%;	}
.red_large {	font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #CC0000; line-height: 120%;	}
.xsell_url a:link    { color: #003399; font-size: 14px; font-weight: bold; line-height: 16px; text-decoration: underline; }
.xsell_url a:visited { color: #0353A5; font-size: 14px; font-weight: bold; line-height: 16px; text-decoration: underline; }
.xsell_url a:hover   { color: #ff0033; font-size: 14px; font-weight: bold; line-height: 16px; text-decoration: underline; }
.xsell_url a:active  { color: #003399; font-size: 14px; font-weight: bold; line-height: 16px; text-decoration: underline; }
.xsell_white { font-size: 12px; line-height: 130%; color: #FFFFFF; }
.xsell_bold { font-weight: bold; font-size: 12px; line-height: 130%;}


/*--------------------------------------------DVD/SHIPPING POS/SIGNUP/MYACCOUNT   -------------------------*/

.clplogin {font-family: "Osaka", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "sans-serif"; font-size:12px; font-weight: 100; border: 1px solid #00539C;}
.loginButton {font-size: 12px; font-weight: bold; color: #00539C; line-height: 110%;}
.signup {font-size: 12px;}
.signup_bold {font-size: 12px; font-weight: bold; line-height: 110%;}
.signup_boldred {font-size: 14px; font-weight: bold; line-height: 110%; color: #FF0000;}
.signupn {font-size: 12px;}
.signupnr {font-size: 12px; color: #FF0000; font-weight: bold;}
.signupblue12 { color: #4E7098; font-size: 12px; font-weight:bold; line-height: 110%;}
.signupblue10 { color: #4E7098; font-size: 10px; font-weight:bold; line-height: 110%;}
.pinkerror { background-color: #FFEFFF; border: 1px solid #8A9BB4; padding: 2px;}

/*-------------------------------shadows-------------------------------------------------------------------*/
/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#555555, Direction=135, Strength=1);

  /* Needed for Gecko */
  line-height: auto;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -1.12em 0.15em;
  padding: 0;
  color: #666666; 
}

.shadowFC {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#F86D00, Direction=135, Strength=1);

  /* Needed for Gecko */
  line-height: auto;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadowFC:before {
  display: block;
  margin: 0 0 -1.12em 0.15em;
  padding: 0;
  color: #F86D00; 
}