@charset "shift_jis";

/* =======================================

	Others CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 
	A
 -----------------------------------------
 	1.Head Line
	
	2.Item Display
		2-1.Title
	
	
	C
 -----------------------------------------
 	1.category List Section
		1-1.Title
		1-2.ul
	
	
	L
 -----------------------------------------
	1.Leave Section
		1-1.leaveInfos
	
	
	M
 -----------------------------------------
	1.Login Section
	
	2.Table02
		2-1.input
		2-2.Password
		2-3.Error
		
	3.Login Tool

========================================== */

/* A
****************************************************************************************/
/* 1.Head Line
========================================== */
#contents #headLine {
	margin: 0 0 12px;
}


/* 2.Item Display
========================================== */
#contents .itemDisplay {
}

	/* 2-1.Title
	---------------------------------------- */
	#contents .itemDisplay h3#recomItemTitle  {background-image: url(https://static.chara-ani.com/ca/i/a/recomitem_tit.gif);}
	#contents .itemDisplay h3#privilegeTitle  {background-image: url(https://static.chara-ani.com/ca/i/a/privilege_tit.gif);}
	#contents .itemDisplay h3#stuffRecomTitle {background-image: url(https://static.chara-ani.com/ca/i/a/stuffrecom_tit.gif);}
	#contents .itemDisplay h3#arrivalTitle    {background-image: url(https://static.chara-ani.com/ca/i/a/arrival_tit.gif);}


/* C
****************************************************************************************/
/* 1.category List Section
========================================== */
#contents .cateListSec {
	margin: 0 0 12px;
	background: url(https://static.chara-ani.com/ca/i/common/line_dotted01_gray.gif) repeat-x 0 30px;
}

	/* 1-1.Title
	---------------------------------------- */
	#contents .cateListSec h2 {
		margin: 0; /* Reset */
		height: 19px;
		padding-top:12px;
		background: no-repeat;
		/*text-indent: -9999px;*/
		overflow: hidden;
		background-image: url(https://static.chara-ani.com/ca/i/c/category_list_tit.gif);
		color:#666;
		font-size:120%;
		text-indent:5px;
		font-weight:bold;
	}
/*
	#contents .cateListSec h2#CateTitle1  {background-image: url(../../i/C/dvdcate_tit.gif);}
	#contents .cateListSec h2#CateTitle2  {background-image: url(../../i/C/cdcate_tit.gif);}
	#contents .cateListSec h2#CateTitle3  {background-image: url(../../i/C/bookcate_tit.gif);}
	#contents .cateListSec h2#CateTitle4  {background-image: url(../../i/C/gamecate_tit.gif);}
	#contents .cateListSec h2#CateTitle5  {background-image: url(../../i/C/figucate_tit.gif);}
	#contents .cateListSec h2#CateTitle6  {background-image: url(../../i/C/appacate_tit.gif);}
	#contents .cateListSec h2#CateTitle7  {background-image: url(../../i/C/cardcate_tit.gif);}
	#contents .cateListSec h2#CateTitle8  {background-image: url(../../i/C/goodscate_tit.gif);}
*/
	
	/* 1-2.ul
	---------------------------------------- */
	#contents .cateListSec ul.listup {
		position: relative;
		margin: -5px 15px 0;
		width: 480px;
		zoom: 1;
	}
	
	#contents .cateListSec ul.listup:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#contents .cateListSec ul.listup li {
		float: left;
		display: inline; /* for IE */
		margin: 14px 10px 0 0;
		width: 150px;
	}
	
	#contents .cateListSec ul.listup li a {
		display: table-cell;
		padding: 0 0 1px 13px;
		background: url(https://static.chara-ani.com/ca/i/common/ico_arrow02_blue02.gif) no-repeat 0 0.084em;
		color: #4A76A3;
	}
	/* IE6 Only */
	* html #contents .cateListSec ul.listup li a {
		display: inline;
		zoom: 1;
	}
	/* IE7 Only */
	*:first-child + html #contents .cateListSec ul.listup li a {
		display: inline;
		zoom: 1;
	}


/* L
****************************************************************************************/
/* 1.Leave Section
========================================== */
#contents .leaveSec {
	margin: 0 0 50px;
}

#contents .leaveSec p.lead {
	margin: 0 15px 18px;
	font-size:110%;
}

#contents .leaveSec table {
	margin: 0 20px;
}

#contents .leaveSec table tr th {
	font-weight: bold;
}

#contents .leaveSec p.submitBtn {
	margin: 50px 0 0;
	text-align: center;
}

#contents .leaveSec p.loginPage {
	margin: 50px 0 0;
	text-align: center;
}

#contents .leaveSec p.loginPage a {
	padding-bottom: 1px; /* for Underline */
	color: #4A76A3;
}

	/* 1-1.leaveInfos
	---------------------------------------- */
	#contents .leaveSec .leaveInfo {
		margin: 0 20px;
		padding: 0 0 10px;
		border: 1px solid #DAEA9A;
	}
	
	#contents .leaveSec .leaveInfo table {
		margin: 0; /* Reset */
		width: 100%;
	}
	
	#contents .leaveSec .leaveInfo table tr th {
		padding: 10px 10px 0 20px;
		font-weight: normal;
		text-align: right;
		white-space: nowrap;
	}
	
	#contents .leaveSec .leaveInfo table tr td {
		padding: 10px 20px 0 0;
		width: 100%;
	}


/* M
****************************************************************************************/
/* 1.Login Section
========================================== */
#contents .loginSec {
	margin: 15px 0 0px;
	padding: 0px 0px 50px 0px;
}

#contents .loginSec .inputSec {
	margin: 0 0 50px;
}


/* 2.Table02
========================================== */
#contents .loginSec table.table02 {
	margin: 0; /* Reset */
}

#contents .loginSec table.table02 tr th {
	padding: 8px 5px 8px 10px;
	width: 180px;
	white-space: nowrap;
}
/*\ for Safari */
html*#contents                 .loginSec table.table02 tr th {width: 190px;} /* for Safari IE6 IE7 */
* html #contents               .loginSec table.table02 tr th {width: 180px;} /* Reset IE6 */
*:first-child + html #contents .loginSec table.table02 tr th {width: 180px;} /* Reset IE7 */

#contents .loginSec table.table02 tr td {
	padding: 5px 0;
	vertical-align: middle;
}

	/* 2-1.input
	---------------------------------------- */
	#contents .loginSec table.table02 tr td label.textbox input {
		width: 162px;
	}
	
	/* 2-2.Password
	---------------------------------------- */
	#contents .loginSec table.table02 tr.password td label.checkbox {
		margin-left: 38px;
	}
	
	#contents .loginSec table.table02 tr.password td label.checkbox input {
		margin: 0 6px 0 0;
	}
	/*\ for Safari */
	html*#contents .loginSec table.table02 tr.password td label.checkbox input {margin-top: -2px;} /* for Safari IE6 IE7 */
	* html #contents .loginSec table.table02 tr.password td label.checkbox input {margin-top: -1px;} /* Reset IE6 */
	*:first-child + html #contents .loginSec table.table02 tr.password td label.checkbox input {margin-top: -1px;} /* Reset IE7 */
	
	/* 2-3.Error
	---------------------------------------- */
	#contents .loginSec table.table02 tr td input.error {background-color: #FFE0F0;}


/* 3.Login Tool
========================================== */
#contents .loginSec ul.loginTool {
	position: relative;
	margin: 0 auto 50px;
	width: 434px;
	height: 100px;
}

#contents .loginSec ul.loginTool li {
	position: absolute;
	top: 79px;
	width: 138px;
	height: 21px;
}

#contents .loginSec ul.loginTool li.idRequest   {left:   0;}
#contents .loginSec ul.loginTool li.passRequest {left: 148px;}
#contents .loginSec ul.loginTool li.entry       {left: 296px;}

#contents .loginSec ul.loginTool li.login {
	top: 0;
	left: 137px;
	width: 158px;
	height: 19px;
}

#contents .loginSec ul.loginTool li.guest {
	top: 48px;
	left: 148px;
}