@charset "UTF-8";
@import url("font.css");
@import url("common.css");
@import url("layout.css");

/* base */
*		{margin:0; padding:0;}
html	{height:100%; _overflow:hidden;}
body	{width:100%; height:100%; color:#333; font-family:Arial,Helvetica,sans-serif; font-size:12px;}

ul, li	{list-style:none; vertical-align:top}
img	{border:0; vertical-align:top;}
h1,h2,h3,h4,h5,h6	{margin:0; padding:0;}
html, body, div, textarea{
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #E5E5E5;
	scrollbar-darkshadow-color: #E5E5E5;
	scrollbar-track-color: #FAFAFA;
	scrollbar-arrow-color: #E5E5E5;
}
p,div	{word-break:break-all;}

/* align */
.al_top	{vertical-align:top;}
.al_ttop	{vertical-align:text-top;}
.al_middle	{vertical-align:middle;}
.al_left	{text-align:left}
.al_right	{text-align:right}
.al_center	{text-align:center}

/* float */
.fl_left	{float:left}
.fl_right	{float:right}
.fl_clear	{clear:both; overflow:auto; overflow:hidden;}

/* form */
form	{margin:0; padding:0}
input	{vertical-align:middle;}
input.text	{border:1px solid #ccc; height:15px; padding:3px 4px 0 4px}
input.borderr	{border:0; padding:0 8px 0 8px; height:20px; background:transparent; margin:0}
	:root	input.borderr	{padding-top:3px;}
input.sign	{height:20px; border:1px solid #D9D9D9; padding:3px 8px 0; vertical-align:middle; background:#FAFAFA; color:#808080; font-size:12px;}
input.click	{*margin:0 0 -2px 0; width: 12px; height: 12px; background: transparent; border:none}
	:root	input.click	{margin:-2px 0 0 0;}
textarea	{border:1px solid #ccc; overflow:auto; padding:10px;}
textarea.gray	{background:#F7F7F7;}
select	{vertical-align:middle;}
legend		{display:none;}
fieldset	{border:none;}

/* link */
a			{color:#333; text-decoration:none;}
a:visited	{color:#333; text-decoration:none;}
a:hover		{color:#333; text-decoration:underline;}
a:active	{color:#333; text-decoration:none;}

/* input bg */
.input124	{width:124px; height:20px; background:url('/images/common/bg_input_124.gif') no-repeat; float:left;}
.input131	{width:131px; height:20px; background:url('/images/common/bg_input_131.gif') no-repeat; float:left;}
.input140	{width:140px; height:20px; background:url('/images/common/bg_input_140.gif') no-repeat; float:left;}
.input382	{width:382px; height:20px; background:url('/images/common/bg_input_382.gif') no-repeat; float:left;}
.input400	{width:400px; height:20px; background:url('/images/common/bg_input_400.gif') no-repeat; float:left;}
.input254	{width:254px; height:20px; background:url('/images/common/bg_input_254.gif') no-repeat; float:left;}
.input285	{width:285px; height:20px; background:url('/images/common/bg_input_285.gif') no-repeat; float:left;}
.input550	{width:550px; height:20px; background:url('/images/common/bg_input_550.gif') no-repeat; float:left;}
.input157	{width:157px; height:20px; background:url('/images/common/bg_input_157.gif') no-repeat; float:left;}
.input472	{width:472px; height:20px; background:url('/images/common/bg_input_472.gif') no-repeat; float:left;}

/* png */
.ie6png	{_behavior: url('/js/iepngfix.htc')}


/* margin , padding */
.mar0	{margin:0px}
.mt0	{margin-top:0;}
.mt1	{margin-top:1px;}
.mt2	{margin-top:2px;}
.mt3	{margin-top:3px;}
.mt5	{margin-top:5px;}
.mt7	{margin-top:7px;}
.mt8	{margin-top:8px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt30	{margin-top:30px;}
.mt40	{margin-top:40px;}
.mtm1{margin-top:-1px}
.mtm5{margin-top:-5px}
.mtm10{margin-top:-10px}
.mtm15{margin-top:-15px}
.mtm32{margin-top:-32px}

.ml5	{margin-left:5px;}
.ml7	{margin-left:7px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml22	{margin-left:22px}

.mr2	{margin-right:2px}
.mr3	{margin-right:3px}
.mr4	{margin-right:4px}
.mr5	{margin-right:5px}
.mr6	{margin-right:6px}
.mr8	{margin-right:8px}
.mr10	{margin-right:10px}
.mr15	{margin-right:15px}
.mr20	{margin-right:20px}
.mr30	{margin-right:30px}

.mb5	{margin-bottom:5px}
.mb10	{margin-bottom:10px}
.mb12	{margin-bottom:12px}
.mb15	{margin-bottom:15px}
.mb20	{margin-bottom:20px}
.mbm10	{margin-bottom:-10px}

.pt0	{padding-top:0;}
.pt3	{padding-top:3px;}
.pt5	{padding-top:5px;}
.pt8	{padding-top:8px;}
.pt10	{padding-top:10px;}
.pt15	{padding-top:15px;}

.pb5	{padding-bottom:5px;}

.pl22	{padding-left:22px;}
.pl30	{padding-left:30px;}
.pl12	{padding-left:12px;}
.pr5	{padding-right:5px;}
.pr15	{padding-right:15px;}

.bar0	{margin:0 5px;}

/* line-height */
.lineh5	{line-height:5px}
.lineh10	{line-height:10px}
.lineh14	{line-height:14px}
.lineh16	{line-height:16px}
.lineh18	{line-height:18px}

/* etc */
.hand	{cursor:pointer;}
.displayN	{display:none;}
.borderN	{border:none;}
.borderNP	{position:relative; height:1px; background-color:#FFF; margin-top:-1px; z-index:100; font-size:0;}
.vAlign	{visibility:hidden}
.borderT2	{border-top:2px solid #9DE0E9;}
.disNone	li	{display:none;}
.disNone	li	img	{display:none;}
.disNone	.on	{display:inline;}
.disNone	.on	img	{display:inline;}

/* thumnail */
.img_40	{float:left; width:40px; height:40px; overflow:hidden; background:#F5F5F5; text-align:center;}
.img_40	img	{vertical-align:middle;}
.img_60	{float:left; width:60px; height:60px; overflow:hidden; background:#F5F5F5; text-align:center;}
.img_60	img	{vertical-align:middle;}
.img_60f	{width:60px; height:60px; overflow:hidden; background:#F5F5F5; text-align:center;}
.img_60f	img	{vertical-align:middle;}
.img_70	{float:left; width:100px; height:75px; overflow:hidden; background:#F5F5F5; text-align:center;}
.img_70	img	{vertical-align:middle;}
.img_100	{float:left; width:140px; height:105px; overflow:hidden; background:#F5F5F5; text-align:center;}
.img_100	img	{vertical-align:middle;}
.img_100f	{width:140px; height:105px; overflow:hidden; background:#F5F5F5; text-align:center;}
.img_100f	img	{vertical-align:middle;}
.img_255	{width:340px; height:255px; overflow:hidden; background:#F5F5F5; text-align:center;}
.img_255	img	{vertical-align:middle;}
.pp_24	{float:left; width:24px; height:24px; overflow:hidden; background:#F5F5F5}
.pp_30	{width:30px; height:30px; overflow:hidden; background:#F5F5F5}
.pp_40	{float:left; width:40px; height:40px; overflow:hidden; background:#F5F5F5}
.pp_60	{float:left; width:60px; height:60px; overflow:hidden; background:#F5F5F5}
.pp_60f	{width:60px; height:60px; overflow:hidden; background:#F5F5F5}
.pp_100	{float:left; width:100px; height:100px; overflow:hidden; background:#F5F5F5}


/* height */
.List	p.title	{height:8px; overflow:hidden; margin-bottom:6px}
body:first-of-type p.title{height:7px; overflow:hidden; margin-bottom:5px;}
.List.w900	.l900	p.title	{height:11px;}
:root	.List.w900	.l900	p.title	{height:12px;}
.List.w700	p.title	{height:8px;}
:root	.List.w700	p.title	{height:9px;}
body:first-of-type .List.w700	p.title	{height:7px;}
.List	.List_Tsmall	p.title	{height:23px; overflow:hidden; margin-bottom:4px}

.row1	{height:13px; overflow:hidden; margin-bottom:12px;}
.row2	{height:28px; overflow:hidden; margin-bottom:4px;}
.row3	{height:40px; overflow:hidden;}
.rowid	{height:14px; overflow:hidden;}