@charset "Shift_JIS";


/* Login Style Index
--------------------------------------------------
Common Style
newUser
userLogin
-------------------------------------------------- */


/* Common Style
-------------------------------------------------- */

#header #globalNav
	{
	padding-top:41px;
	}

#category #nav
	{
	height:30px;
	}

#pagebody
	{
	width:100%;
	text-align:center;
	background:#EDEDED url("../../img/login/btoc/bg.gif") repeat-x;
	float:left;
	}

#contents
	{
	width:800px;
	margin:0 auto;
	text-align:left;
	background:none;
	}

/* newUser
-------------------------------------------------- */

#newUser
	{
	width:550px;
	padding:90px 0;
	float:left;
	}

#newUser h1
	{
	width:507px;
	height:45px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url("../../img/login/btoc/h_watchbestnavijp.gif") no-repeat;
	clear:both;
	}

#newUser h2
	{
	width:139px;
	height:71px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url("../../img/login/btoc/h_btoc.gif") no-repeat;
	float:left;
	}

#newUser a.about
	{
	display:block;
	width:235px;
	height:16px;
	text-decoration:none;
	text-indent:-9999px;
	background:url("../../img/login/btoc/b_about.gif") no-repeat;
	clear:both;
	}

#newUser #newMember
	{
	margin:20px 0 0;
	}

#newUser #newMember h3
	{
	width:305px;
	height:35px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url("../../img/login/btoc/h_newmember.gif") no-repeat;
	border:none;
	}

#newUser #newMember p
	{
	margin:0;
	padding:3px 7px;
	}

#newUser #newMember a.newMember
	{
	display:block;
	width:242px;
	height:40px;
	text-decoration:none;
	text-indent:-9999px;
	background:url("../../img/login/btoc/b_newmember.gif") no-repeat;
	}

/* userLogin
-------------------------------------------------- */

#userLogin
	{
	width:200px;
	padding:30px 0 0;
	float:right;
	}
html>body #userLogin
	{
	margin-bottom:10px;
	}

#userLogin h3
	{
	width:200px;
	height:34px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url("../../img/login/btoc/h_login.gif") no-repeat;
	border:none;
	}

#userLogin #login
	{
	margin:0 0 10px;
	padding:0 0 6px;
	background:#DFE4BD url("../../img/login/btoc/bg_login.gif") bottom no-repeat;
	}
html>body #userLogin #login
	{
	margin-bottom:20px;
	}

#userLogin #login form
	{
	margin:0;
	padding:5px 10px 1px;
	border-left:solid 1px #BCBF9F;
	border-right:solid 1px #BCBF9F;
	}

#userLogin #login form p
	{
	margin:0;
	padding:5px 0;
	}

#userLogin #login form div
	{
	margin:0;
	padding:5px 0;
	}

#userLogin #login form div.userid ,
#userLogin #login form div.pass
	{
	padding-left:55px;
	}

#userLogin #login form div.userid input ,
#userLogin #login form div.pass input
	{
	width:110px;
	height:1.5em;
	}
html>body #userLogin #login form div.userid input ,
html>body #userLogin #login form div.pass input
	{
	height:1em;
	}

#userLogin #login form div.userid
	{
	background:url("../../img/login/btoc/h_userid.gif") left center no-repeat;
	}

#userLogin #login form div.pass
	{
	background:url("../../img/login/btoc/h_pass.gif") left center no-repeat;
	}

#userLogin ul
	{
	margin:0;
	padding:1px;
	list-style:none;
	}
html>body #userLogin ul
	{
	padding:0;
	}

#userLogin ul li a
	{
	display:block;
	width:200px;
	height:32px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-9999px;
	}

#userLogin ul li a.flow
	{
	background:url("../../img/login/btoc/b_flow.gif") no-repeat;
	}

#userLogin ul li a.faq
	{
	background:url("../../img/login/btoc/b_faq.gif") no-repeat;
	}

#userLogin ul li a.data
	{
	width:200px;
	height:80px;
	margin:20px 0 0;
	background:url("../../img/login/btoc/b_data.gif") no-repeat;
	}