@charset "UTF-8";
/* -------------------------------------
layout
Ver.1.00
Update 070302
------------------------------------- */

/* -------------------------------------
CONTENTS
	0.body
	1.container
	2.header
	3.readPhoto
	4.breadCrumb
	5.mainCol
	6.commentCol
	7.subCol
	8.footer
------------------------------------- */
/* -------------------------------------
	0.body Win IE5
------------------------------------- */
*html{width:100%;}
body{width:100%; text-align:center; margin:0; padding:0; background:url(../img/body_bg.jpg) repeat-x top;}


/* -------------------------------------
	1.container
------------------------------------- */
#container{width:100%; background:url(../img/container_bg.jpg) no-repeat top center; position:relative;}
#container a#pageTop{display:block; font-size:1px !important; width:784px; height:10px; overflow:hidden; visibility:hidden; margin-bottom:-10px; position:absolute; top:0; left:0;}
#container #pageTopLink{width:100%; clear:both; text-align:right;}
#container #pageTopLink a{display:block; width:5.9em; background: url(../img/pagetop_ico.gif) no-repeat 0 0.15em; float:right; font-size:86%;}
#wrapper{width:784px; max-width:100%; min-width:784px; margin:0 auto; text-align:left; background:url(../img/container_bg.jpg) no-repeat top center;}


/* -------------------------------------
	2.header
------------------------------------- */
#header{width:784px; margin:0 0;}
#header p{margin:0; padding:0; font-size:100%;}
#header br{display:block !important; width:784px; height:1px; margin:0; padding:0; visibility:hidden !important; border:none !important; font-size:1px; line-height:-100px; clear:both;}
#header #nbw{float:left; width:345px; height:40px; margin:27px -343px 0 0; padding:0;}
#header #nbw a{ display:block;}

#gn{width:460px; margin:0; height:2em; float:right; font-size:82% !important;}
#gn:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#gn{display:inline-block;}/*IE*/
/* Hides from IE-mac \*/
* html #gn{height:2em;}
#gn{display:block;}
/* End hide from Mac IE */

#gn ul{width:330px; padding-top:10px; float:right;}
#gn li{float:right; border-left:2px solid #FFF;}
#gn li a{display:block; margin:0 9px;}
/*#gn li.aa{width:7em;}
#gn li.ca{width:6em;}
#gn li.ag{width:9em;}
#gn li.hg{width:5em;}*/
#gn p.access{width:95px; height:45px; float:right; text-align:center; border:none;}
#gn p.access a{display:block;}
#gn p.access a img{ width:75px; height:38px; margin-top:10px;}

#mn{width:784px; height:33px; clear:both; background:#5F89B9 url(../img/mainnavi_bg.gif) no-repeat;}
#mn:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#mn{display:inline-block;}/*IE*/
/* Hides from IE-mac \*/
* html #mn{height:33px;}
#mn{display:block;}
/* End hide from Mac IE */
#mn ul{width:784px; float:left;}
#mn li{float:left; height:33px; margin-right:2px;}
#mn li.mn07{margin-right:0;}
#mn li a{display:block; height:33px; float:left; text-indent:-9999em; overflow:hidden; font-size:1px; color:#A6CCEE}
#mn li.mn01,
#mn li.mn01 a{width:94px; background:url(../img/mainnavi.gif) no-repeat 0 0;}
#mn li.mn02,
#mn li.mn02 a{width:91px; background:url(../img/mainnavi.gif) no-repeat -96px 0;}
#mn li.mn03,
#mn li.mn03 a{width:143px; background:url(../img/mainnavi.gif) no-repeat -190px 0;}
#mn li.mn04,
#mn li.mn04 a{width:96px; background:url(../img/mainnavi.gif) no-repeat -335px 0;}
#mn li.mn05,
#mn li.mn05 a{width:134px; background:url(../img/mainnavi.gif) no-repeat -433px 0;}
#mn li.mn06,
#mn li.mn06 a{width:130px; background:url(../img/mainnavi.gif) no-repeat -569px 0;}
#mn li.mn07,
#mn li.mn07 a{width:82px; background:url(../img/mainnavi.gif) no-repeat -701px 0;}
#mn li.mn01 a:hover{background-position:0 -50px;}
#mn li.mn02 a:hover{background-position:-96px -50px;}
#mn li.mn03 a:hover{background-position:-190px -50px;}
#mn li.mn04 a:hover{background-position:-335px -50px;}
#mn li.mn05 a:hover{background-position:-433px -50px;}
#mn li.mn06 a:hover{background-position:-569px -50px;}
#mn li.mn07 a:hover{background-position:-701px -50px;}
#mn form{width:160px; float:right; margin:0 10px 0 0; padding-top:8px;}
#mn form #searchText{display:block; float:left; width:120px; margin-right:5px; margin-bottom:-5px; font-size:75%; padding:1px 0;}
#mn form #searchBtn{display:block; float:left; width:20px; height:18px;}


#mn li.mn01 a.coming{background-position:0 -250px;}
#mn li.mn02 a.coming{background-position:-82px -250px;}
#mn li.mn03 a.coming{background-position:-248px -250px;}
#mn li.mn04 a.coming{background-position:-367px -250px;}
#mn li.mn05 a.coming{background-position:-457px -250px;}
#mn li.mn06 a.coming{background-position:-587px -250px;}
#mn li.mn07 a.coming{background-position:-709px -250px;}
#mn li.mn01 a.coming:hover{background-position:0 -250px;}
#mn li.mn02 a.coming:hover{background-position:-82px -250px;}
#mn li.mn03 a.coming:hover{background-position:-248px -250px;}
#mn li.mn04 a.coming:hover{background-position:-367px -250px;}
#mn li.mn05 a.coming:hover{background-position:-457px -250px;}
#mn li.mn06 a.coming:hover{background-position:-587px -250px;}
#mn li.mn07 a.coming:hover{background-position:-709px -250px;}

#home #mn li.mn01 a{background-position:0 -100px;}
#home #mn li.mn01 a:hover{background-position:0 -150px;}
#news #mn li.mn02 a{background-position:-96px -100px;}
#news #mn li.mn02 a:hover{background-position:-96px -150px;}
#findwidgets #mn li.mn03 a{background-position:-190px -100px;}
#findwidgets #mn li.mn03 a:hover{background-position:-190px -150px;}
#player #mn li.mn04 a{background-position:-335px -100px;}
#player #mn li.mn04 a:hover{background-position:-335px -150px;}
#guide #mn li.mn05 a{background-position:-433px -100px;}
#guide #mn li.mn05 a:hover{background-position:-433px -150px;}
#developers #mn li.mn06 a{background-position:-569px -100px;}
#developers #mn li.mn06 a:hover{background-position:-569px -150px;}
#faq #mn li.mn07 a{background-position:-701px -100px;}
#faq #mn li.mn07 a:hover{background-position:-701px -150px;}

#sn{display:block; width:774px; margin-left:5px; height:1.5em; background:#C3D0E1 url(../img/sn_bg.gif) no-repeat bottom;}
#sn ul{display:block; width:774px; height:1.6em; padding:1px 0 3px 0;}
#sn li{width:120px; padding:2px 0; float:left; font-size:80% !important; color:#00397F; border-right:1px solid #8BB5DF; text-align:center !important;}
#sn li a{text-align:center !important; color:#00397F; font-weight:bold; text-align:center !important;}
#sn:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#sn{display:inline-block;}/*IE*/
/* Hides from IE-mac \*/
* html #sn{height:1.5em;}
#sn{display:block;}
/* End hide from Mac IE */



/* -------------------------------------
	3.readPhoto
------------------------------------- */
#readPhoto{width:784px; height:130px; margin:0 0; text-align:left; clear:both; overflow:hidden;}
#readPhoto #categoryTitle{font-weight:bolder; font-size:200% !important; margin:70px 0 0 50px;}



/* -------------------------------------
	4.breadCrumb
------------------------------------- */
#breadCrumb{width:784px; margin:0 0; text-align:left; font-size:100%;}
/*
#breadCrumb{width:784px; margin:0 8px; text-align:left; font-size:100%; background:url(../img/maincol_bg.gif) no-repeat top left;}*/
#breadCrumb ol{margin:0 20px 10px 20px; padding:10px 0 10px 16px; background:url(../img/breadcrumb_ico.gif) no-repeat -1px 0.83em;}
#breadCrumb li{margin:0; padding:0; line-height:1.3; list-style-type:none;}
/*cleatfix*/
#breadCrumb ol:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:1px;}
#breadCrumb ol{display:inline-block;}
* html #breadCrumb ol{ height:1%;}
#breadCrumb ol{ display:block;}
/* End cleatfix */
#breadCrumb li{ display:inline;}
#breadCrumb li a{ float:left; display:block; color:#000; padding-right:20px; margin-right:2px; background:url(../img/breadcrumb_bg.gif) no-repeat top right;}
#breadCrumb li a:hover{color:#000;}


/* -------------------------------------
	5.mainCol
------------------------------------- */
#contents{width:784px; margin:0 0; text-align:left; position:relative; padding-bottom:20px;}
#contents p.contentsArea{text-indent:-9999em; height:1px; overflow:hidden; margin:0; padding:0;}
#contents:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#contents{display:inline-block;}/*IE*/
/* Hides from IE-mac \*/
* html #contents{height:1%;}
#contents{display:block;}
/* End hide from Mac IE */
#mainCol{width:500px; float:right; margin-left:10px;}


/* -------------------------------------
	6.commentCol
------------------------------------- */
#commentCol{width:500px;}
#commentCol h2{margin-bottom:10px;}
#commentCol dl{border-top:1px dashed #D6DFEA; padding-top:10px; margin-bottom:10px;}
#commentCol dt{font-weight:normal; margin-bottom:0.25em}
#commentCol dd{font-weight:normal; font-size:80%; color:#666;}
#commentCol dd.delete{text-align:right; margin-top:-1.7em}
#commentCol form{border-top: 1px solid #D6DFEA; padding-top:5px; margin-top:10px;}
#commentCol table{border:none; width:500px !important;}
#commentCol th,
#commentCol td{border:none; padding:3px 0;}
#commentCol td.btn{text-align:right;}
#commentCol td textarea{width:500px;}
#commentCol #evaluate{vertical-align:middle;}
#commentCol p a{display:none; width:500px; height:23px; margin-bottom:10px; float:left; text-indent:-9999em; overflow:hidden; font-size:1px;}
#commentCol p a.open{display:block; background:url(../img/bg_comments.gif) no-repeat 0 0;}
#commentCol p a.close{display:block; background:url(../img/bg_comments.gif) no-repeat 0 -40px;}

/* -------------------------------------
	7.subCol
------------------------------------- */
#subCol{width:250px; float:left;}
#subCol h3{font-weight:bolder;}
#subCol .login{background:url(../img/login_middle.gif) repeat-y; margin-bottom:0;}
#subCol .login .top{background:#9BCCF7 url(../img/login_top.gif) no-repeat 0 0;}
#subCol .login .top h3{background:transparent url(../img/login_h3_bg.gif) no-repeat bottom left; margin:5px 10px 0 10px; padding:10px 0 7px 16px;}
#subCol .login .in{width:240px; margin:0 0 10px 10px; padding-top:10px; font-size:80%;}
#subCol .login .in:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#subCol .login .in{display:inline-block;}/*IE*/
/* Hides from IE-mac \*/
* html #subCol .login .in{height:1%;}
#subCol .login .in{display:block;}
/* End hide from Mac IE */
#subCol .login .in p{width:110px; height:25px; float:left; margin-right:10px; margin-bottom:0;}
#subCol .login .bottom{width:250px; height:32px;  margin-top:-10px; background:url(../img/login_bottom.gif) left bottom;}

/* 090113  */
#subCol .pickup{background:url(../img/pickup_bg.gif) repeat-y; margin-bottom:15px;}
#subCol .pickup .pb{width:250px; height:18px;  margin-top:-8px; background:url(../img/pickup_pb.gif);}
#subCol .pickup h3.md{background:#9BCCF7 url(../img/pickup_md.gif) no-repeat 0 0; padding:7px 0 7px 30px; margin-bottom: 10px;}
#subCol .pickup .in{width:230px; margin:0 10px; font-size:85%;}
#subCol .pickup .in a{color:#00397F; font-weight:bold;}
#subCol .pickup li{line-height: 23px; padding-bottom:3px; margin-bottom:5px; border-bottom: 1px solid #D6DFEA;}
#subCol .pickup li img {margin-right: 5px; vertical-align: middle;}
#subCol .pickup li.src-new {border-bottom: 1px solid #D6DFEA;}
#subCol .pickup li.src-week { border-bottom: 1px solid #D6DFEA;}
#subCol .pickup li.src-month {border-bottom: none; }

#subCol .pickup02{background:url(../img/pickup02_bg.gif) repeat-y; margin-bottom:15px;}
#subCol .pickup02 p{margin-bottom:0.25em;}
#subCol .pickup02 .pt{width:250px; background:url(../img/pickup02_pt.gif) no-repeat;}
#subCol .pickup02 .pb{width:250px; height:18px;  margin-top:-10px; background:url(../img/pickup02_pb.gif);}
#subCol .pickup02 .in{width:230px; margin:0 10px; padding-top:10px; font-size:90%;}
#subCol .pickup02 .in h3{font-size:105% !important; margin-bottom:5px;}
#subCol .pickup02 .in h3.ns{background:url(../img/pickup02_ns.gif) no-repeat left bottom; padding:7px 0 7px 20px;}
#subCol .pickup02 .in a{color:#00397F;}
#subCol .pickup02 .in dt{color:#666;}
#subCol .pickup02 .in dl{border-bottom:1px dashed #CCC; padding-bottom:10px; margin-bottom:10px;}
#subCol .pickup02 .in .left{width:100px; float:left;}
#subCol .pickup02 .in .right{width:125px; float:left;}


/* -------------------------------------
	8.footer
------------------------------------- */
#footer{width:784px; margin:0 0; text-align:left; clear:both; padding:25px 0; background:url(../img/footer_bg.gif) no-repeat top center; font-size:80%; color:#666;}
#footer:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#footer{display:inline-block;}/*IE*/
/* Hides from IE-mac \*/
* html #footer{height:1%;}
#footer{display:block;}
/* End hide from Mac IE */
#footer p.copy{width:350px; float:left;}
#footer ul{width:400px; float:right;}
#footer li{display:inline;}
#footer li a{display:block; float:right; padding:0 10px 0 16px; color:#666;}
#footer li.fn01 a{background:url(../img/footer_ico01.gif) no-repeat 0 0;}
#footer li.fn02 a{background:url(../img/footer_ico02.gif) no-repeat 0 0;}
#footer li.fn03 a{background:url(../img/footer_ico03.gif) no-repeat 0 0;}
#footer li.fn04 a{background:url(../img/footer_ico04.gif) no-repeat 0 0;}