/*********** new_reset.css ***********/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing=&quot;0&quot;' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*********** new_common.css ***********/

/* Structure */

input, textarea, select { font-size: 1em; }
body{
	font-family:"メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Meiryo", "osaka", "Hiragino Kaku Gothic Pro W3", "sans-serif";
	color: #333333;
	background: #FCFCFC;
	font-size: 12px;
	}
#st_wrap{
	width: 100%;
	}
#st_container{
	width: 100%;
	}
#st_header{
	width:100%;
	height: 227px;
	position:relative;
	}
#st_header_nav{
	width:100%;
	}
#st_body{
	width:965px;
	margin: 0 auto 40px auto;
	position: relative;
	}
#st_body_left{
	width: 635px;
	float: left;
}
#st_body_right{
	width: 300px;
	float: right;
}
#st_footer{
	position:relative;
	background: url(../img/foot_bg.gif);
	}
#st_footer_bottom{
	position:relative;
	background: url(../img/foot_bg_bottom.gif);
	}

/* Text */

a{
	color:#666666;
	text-decoration:none;
	}
a:hover{
	color:#000000;
	text-decoration:underline;
	}
.white{
	color:#FFFFFF;
	}
.txts{
	font-size:10px;
	}
.right{
	text-align: right;
	}


/* Common Parts */
div.btn_more a{
	display: block;
	width: 60px;
	height: 19px;
	line-height: 19px;
	padding-left: 18px;
	font-size:10px;
	background: url(../img/sprite.png) -640px -400px no-repeat;
	}
.b_pickup{
	display: block;
	width: 100%;
	height:12px;
	text-align: center;
	margin: 17px 0 17px 0;
	}
.b_pickup{/* IE7 */
	/margin: 0px 0 17px 0;
	}
.b_pickup li{
	display: inline;
	line-height:12px;
	padding-left:14px;
	padding-right:10px;
	background: url(../img/sprite.png) 0 -588px no-repeat;
	}
.b_pickup li a{
	color:#006ad6;
	}
.b_pickup_left{
	text-align:left;	
	}
.banner_l a{
	width: 100%;
	}
.banner_l a img{
	display: block;
	width: 468px;
	margin: 0 auto;
	}
	
/* Utils */

.mb10{
	margin-bottom:10px;
	}
.mb20{
	margin-bottom:20px;
	}
.mb30{
	margin-bottom:30px;
	}
.mt10{
	margin-top:10px;
	}
.mt20{
	margin-top:20px;
	}
.mt30{
	margin-top:30px;
	}
.clear{
	display: block;
	clear:both;
	background-image: none!important;
	font-size:1;
	line-height:1;
	}

/* Login Status */
.st1{ display: block;}
.st2{ display: none;}
.st3{ display: none;}


/*********** subpage.css ***********/

/* Parts Header */
#head_headline{
	height: 23px;
	border: 1px solid #dadada;
	border-width: 0 0 1px 0;
	}
#head_headlineinner{
	min-width: 995px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: 23px;
	}
#head_headline_l{
	line-height: 23px;
	font-size:10px;
	text-align: left;
	margin-left: 15px;
	color:#999;
	}
#head_headline_r{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	}
#head_headline_r li{
	display: inline;
	line-height: 23px;
	font-size:12px;
	text-align: left;
	margin-right: 15px;
	}
#head_headline_r li.l1:after{
	content:" | ";
	}
#head_headline_r li a{	
	color:#999;
}
#head_bloc1{
	height: 87px;
	border: 1px solid #dadada;
	border-width: 0 0 1px 0;
	}
#head_bloc1inner{
	height: 87px;
	min-width: 995px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	}
#head_bloc1 h2{
	display: block;
	position: absolute;
	top:15px;
	left: 15px;
	}
#head_keyttl{
	font-weight:bold;
	}
#head_bloc1 #head_loginarea{
	display: block;
	position: absolute;
	top:7px;
	right: 15px;
	width: 269px;
	height: 73px;
	background: url(../img/sprite.png) -300px -30px no-repeat;
	}
#head_bloc1 #head_login{
	display: block;
	position: absolute;
	top:7px;
	right:7px;
	width: 124px;
	height: 29px;
	line-height: 28px;
	overflow: hidden;
	font-size:13.5px;
	font-weight: 500;
	text-align: center;
	color: #F2F2F2;
	letter-spacing:0px;
	background: url(../img/sprite.png) 0px -30px no-repeat;
	}
#head_bloc1 #head_login:hover{
	background: url(../img/sprite.png) 0px -80px no-repeat;
	text-decoration:none;
	}
#head_bloc1 #head_regi{
	display: block;
	position: absolute;
	top:7px;
	left: 8px;
	width: 124px;
	height: 29px;
	line-height: 28px;
	overflow: hidden;
	font-size:13.5px;
	font-weight: 500;
	text-align: center;
	color: #EEEEEE;
	letter-spacing:0px;
	background: url(../img/sprite.png) -735px -400px no-repeat;
	} 
#head_bloc1 #head_regi:hover{
	background: url(../img/sprite.png) -735px -450px no-repeat;
	text-decoration:none;
	}
#head_bloc1 #head_mypage {
	display: block;
	position: absolute;
	top: 7px;
	left: 8px;
	width: 124px;
	height: 29px;
		line-height: 28px;
	overflow: hidden;
		  font-size: 13.5px;
		  font-weight: 500;
		  text-align: center;
	color: rgb(234, 234, 234);
	       letter-spacing: 0px;
	background: url(../img/sprite.png) -150px -30px no-repeat;
}
#head_bloc1 #head_mypage:hover{
	background: url(../img/sprite.png) -150px -80px no-repeat;
	text-decoration:none;
	}

#head_username{
	display: block;
	width: 240px;
	line-height: 1em;
	position: absolute;
	top:48px;
	left:9px;
	}
#head_loginpop,
#head_loginpop_st1{
	display: block;
	position: absolute;
	top:62px;
	left: 5px;
	width: 190px;
	height: 44px;
	line-height: 31px;
	overflow: hidden;
	text-align: center;
	color: #619820;
	font-size:11px;
	font-weight: bold;
	background: url(../img/sprite.png) -580px -70px no-repeat;
	}	
#head_loginpop_st1{
	background: url(../img/sprite.png) -630px -306px no-repeat;
	}
#head_loginpop_st1 a{
	color: #F1737D;
	}
#head_loginpop_st1 span,
#head_loginpop span{
	display: block;
	position: absolute;
	top:14px;
	width: 190px;
	text-align: center;
	}
#head_loginpop span{
	color: #619820;
	}
.select_wrap_1{
	border: solid 2px #5289BD;
	}
.select_wrap_2{
	border: solid 2px #F19E1A;
	}
.select_wrap_3{
	border: solid 2px #53A21E;
	}
	
#select_wrap{
	border-radius: 4px;
	width: 460px;
	height: 55px;
	position: absolute;
	top: 7px;
	left: 226px;
	/* right:293px;*/
	}
	
	
	
	
	
	
	
	
#select_wrap_body{
	width: 460px;
	height: 65px;
	position: relative;
	}
#select_alias {
	display: block;
	width:329px;
	margin-left: 2px;
	float:left;
	}
#select_alias li{
	display: inline;
	line-height: 28px;
	font-size:10px;
	margin-left: 0.5em;
	}
#select_alias li a{
	padding-left:0.5em;
	padding-right:0.5em;
	border-radius: 3px;
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;
	}
#select_alias .l1_on{
	background:#5289BD;
	color: #FFFFFF;
	}
#select_alias .l2_on{
	background:#F19E1A;
	color: #FFFFFF;
	}
#select_alias .l3_on{
	background:#53A21E;
	color: #FFFFFF;
	}
.selectable{
	display: block;
	font-size:11px;
	position: absolute;
	top:25px;
	left: 8px;
	line-height:16px;
	}
#head_right_link {
	float: right;
	line-height: 28px;
	font-size: 10px;
	margin-right: 4.5em;
}
#head_search_input{
	display: block;
	width: 147px;
	height: 16px;
	font-size:11px;
	position: absolute;
	top:25px;
	left: 15.5em;
	line-height:11px;
	border: solid 1px #CCCCCC;
	padding:2px;
	}
#head_btn_search{
	width: 131px;
	height: 22px;
	position: absolute;
	top: 25px;
	left: 322px;
	background: url(../img/sprite.png) -490px -440px no-repeat;
	text-align: center;
	color: #FFF;
	border: none;
	line-height:18px;
	font-size:11px;
	cursor:pointer;
	font-weight:bold;
}
#select_wrap .boxinline{
	display: block;
	position: absolute;
	top: 61px;
	left: 5px;
	font-size:10px;
}	
.boxinline div,
.boxinline ul,
.boxinline li{
	display: inline;
	}
#select_wrap .boxinline a{
	text-decoration:underline;
	margin-left: 1em;
	}
/* Override Common */
#st_header{
	height: 130px;
	}
#st_header #head_bloc1{
	border-bottom-width:8px;
	}
#st_header .head_bloc1_1{
	border-color:#6EA0CE;
	}
#st_header .head_bloc1_2{
	border-color:#F19E1A;
	}
#st_header .head_bloc1_3{
	border-color:#53A21E;
	}

/* ヘッダ　プレミアム会員 */
#head_loginarea_2{
	display: block;
	position: absolute;
	top:0;
	right: 0;
	width: 269px;
	height: 73px;
	background: #FCFCFC;
	}
#head_login_2_line1,
#head_login_2_line2{
	margin: 5px 3px 10px 0;
	text-align: right;
	}
#head_login_2_line1 a,
#head_login_2_line2 a{
	text-decoration:underline;
	}


/* Body Search Box*/
	
#select_wrap_body{
	width: 100%;
	/*background-image:  url(../img/framesbody.png);*/
	background-repeat: no-repeat;
	border-radius: 6px;
    -webkit-border-radius: 6px;  
    -moz-border-radius: 6px;
	}
#select_wrap_body li a{
	font-size:12px;
	}
#head_select_category_body{
	display: block;
	position: absolute;
	top:27px;
	left:4px;
	width:187px;
	height:26px;
	font-size:12px;
	}
#head_search_input_body{
	display: block;
	width: 400px;
	height: 16px;
	font-size:12px;
	position: absolute;
	top:32px;
	left: 202px;
	line-height:12px;
	border: solid 1px #CCCCCC;
	padding:2px;
	vertical-align:center;
	}
#head_btn_search_body{
	width: 131px;
	height: 22px;
	position: absolute;
	top: 32px;
	left: 622px;
	background: url(../img/sprite.png) -490px -440px no-repeat;
	text-align: center;
	color: #FFF;
	border: none;
	line-height:18px;
	font-size:12px;
	cursor:pointer;
	font-weight:bold;
	}
#select_alias_body {
	display: block;
	width: 460px;
	position: absolute;
	top:2px;
	left:0px;
	margin-left: 5px;
	}
#select_alias_body li{
	display: inline;
	line-height: 32px;
	font-size:12px;
	margin-left: 0.5em;
	}
#select_alias_body li a{
	padding-left:0.5em;
	padding-right:0.5em;
	border-radius: 3px;
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;
	}
#select_alias_body .l1_on{
	background:#5289BD;
	color: #FFFFFF;
	}
#select_alias_body .l2_on{
	background:#F19E1A;
	color: #FFFFFF;
	}
#select_alias_body .l3_on{
	background:#53A21E;
	color: #FFFFFF;
	}
.select_wrap_body_1{
	border: solid 3px #5289BD;
	}
.select_wrap_body_2{
	border: solid 3px #F19E1A;
	}
.select_wrap_body_3{
	border: solid 3px #53A21E;
	}
.select_wrap_body_frameend{
	width: 6px;
	height: 65px;
	position: absolute;
	top:0;
	right: 0;
	background: url(../img/framesbody_end.png) right top no-repeat;
	}
.select_wrap_body_frameend_1{
	background-position: 0 0;
	}
.select_wrap_body_frameend_2{
	background-position: 0px -87px;
	}
.select_wrap_body_frameend_3{
	background-position: 0px -173px;
	}
div.selectalt{
	border:1px solid #CCCCCC;
	background: #EEEEEE url(../img/arr_select.gif) top right no-repeat;
	border-radius: 10px;
	position: absolute;
	top:32px;
	left:10px;
	font-size: 12px;
	height:20px;
	width:180px;
	white-space:nowrap;
	overflow:hidden;
	-webkit-text-overflow:ellipsis;
	text-overflow:ellipsis;
	}
div.selectalt span{
	line-height:20px;
	padding-left: 10px;
	}
select.selectalt{
	position: absolute;
	zoom:1.1;
	z-index: 2;
	opacity: 0;
	}
	
	
	
	
/* head Selector fix */
	
#head_select_category{
	position: absolute;
	zoom:1.1;
	z-index: 2;
	opacity: 0;
	position: absolute;
	top:25px;
	left:0px;
	height:20px;
	width:145px;
	}
#head_select_category_alt{
	border:1px solid #CCCCCC;
	background: #EEEEEE url(../img/arr_select.gif) top right no-repeat;
	border-radius: 10px;
	position: absolute;
	top:25px;
	left:8px;
	font-size: 10px;
	height:20px;
	width:150px;
	white-space:nowrap;
	overflow:hidden;
	-webkit-text-overflow:ellipsis;
	text-overflow:ellipsis;	
	}
div#head_select_category_alt span{
	line-height:20px;
	padding-left: 10px;
	}
	
	
	


