﻿@charset "UTF-8";




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

	Common setting

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




/* ------------------------------------------------------------------

	 reset setting

-------------------------------------------------------------------*/

html{color:#555;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{margin:0;padding:0;z-index:1;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ul,ol{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a img,map a{border:none;}




/*	HTML5 reset

-------------------------------------------------------------------*/

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video {display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}




/* ------------------------------------------------------------------

	 fonts setting

-------------------------------------------------------------------*/

body{font:13px/1.231 Verdana,Arial,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:1;}



* html body {font-family: 'ＭＳ Ｐゴシック',sans-serif;}

*:first-child+html body {font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif;}




/* ------------------------------------------------------------------

	 general setting

-------------------------------------------------------------------*/

a { /*\*/ overflow:hidden; /**/	}

a.hover:hover, input.hover:hover,.btnHeadSearch:hover { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }

table { empty-cells: show; }




/*	button styles

-------------------------------------------------------------------*/

input { line-height:1; }
form img, input, select { vertical-align: middle;	}
textarea { line-height:1.2; width:98%; height:5em; }
select { padding:1px; }
label { margin-right: 5px; }
legend {display:none; }
input[type="text"], input[type="password"], textarea, select{ border: 1px solid #999; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; font-size:13px; line-height:1; padding:2px 4px 2px 3px;	}
input[type="text"],input[type="password"]{ height:14px; }
input:focus, textarea:focus{ background-color: #F5F5F5;}




/* ------------------------------------------------------------------

	text setting

-------------------------------------------------------------------*/

strong, .bold { font-weight:bold; }
.note { margin-left:1.0em;text-indent:-1.0em; }

.f10 { font-size:77%; }
.f11 { font-size:85%; }
.f12 { font-size:93%; }
.f14 { font-size:108%; }
.f15 { font-size:116%; }
.f16 { font-size:123.1%; }
.f17 { font-size:131%; }
.f18 { font-size:138.5%; }
.f19 { font-size:146.5%; }
.f20 { font-size:153.9%; }
.f21 { font-size:161.6%; }
.f22 { font-size:167%; }
.f23 { font-size:174%; }
.f24 { font-size:182%; }
.f25 { font-size:189%; }
.f26 { font-size:197%; }

.center	{ text-align: center; }
.left {	text-align: left; }
.right { text-align: right; }
.middle { vertical-align: middle; }

.red { color: #C00; }
.gray { color: #AAA; }

.leftBox { float: left; }
.rightBox{ float: right; }
.clearfix { zoom:1; }
.clearfix:after{ content: "";  display: block;  clear: both; }
.clear{	clear:both !important;}
.relative{ position:relative !important;}
.auto { margin-left:auto !important; margin-right:auto !important; }
.nofloat { float:none !important; }
.block { display:block !important; }

.w100{ width:100% !important; }
.w980px{ width:980px !important;margin:auto; }
.mt10, .mv10, .ma10 { margin-top:     10px !important; }
.mr10, .mh10, .ma10 { margin-right:   10px !important; }
.mb10, .mv10, .ma10 { margin-bottom:  10px !important; }
.ml10, .mh10, .ma10 { margin-left:    10px !important; }
.pt10, .pv10, .pa10 { padding-top:    10px !important; }
.pr10, .ph10, .pa10 { padding-right:  10px !important; }
.pb10, .pv10, .pa10 { padding-bottom: 10px !important; }
.pl10, .ph10, .pa10 { padding-left:   10px !important; }
img{vertical-align:top;}
.block { display:block;}





/* ------------------------------------------------------------------

	list setting

-------------------------------------------------------------------*/

.disc{ padding-left:2em;list-style:disc; }
.circle { padding-left:2em;list-style:circle; }
.decimal { padding-left:2.4em;list-style:decimal; }
.inline dt, .inline dd, .inline li { display:inline; padding-right:5px; }
.inlineBlock dt, .inlineBlock dd, .inlineBlock li { display: -moz-inline-box; display: inline-block; *display: inline; *zoom: 1; padding-right:5px; }

.float7 li{ float:left;	width:11%; }
.float6 li{ float:left;	width:16%; }
.float5 li{ float:left;	width:19%; }
.float4 li{ float:left;	width:24%; }
.float3 li{ float:left;	width:32%; }
.float2 li{ float:left;	width:49%; }






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

	1: General setting

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



body{
	font-size:small;
	color:#444;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	word-break:break-all;
	line-height:144%;
}

hr.separate{
	display: none;
	}

a {
/*\*/
	overflow: hidden;
/**/
	}

img { -ms-interpolation-mode: bicubic; } 




/* Font Styles

-----------------------------------------------------------------------------  */

.small{
	font-size:small;
	}
.smaller{
 	font-size: smaller;
	line-height:115% !important;
	}
.big {
	font-size:131%;
	}

/* 23px */
.f6 { 
	font-size:174%;
	}
/* 20px */
.f5 { 
	font-size:153%;
	}
/* 17px */
.f4 { 
	font-size:131%;
	}
/* 14px */
.f3 { 
	font-size:120%;
	}
/* 10px */
.f2 { 
	font-size:77%;
	}
/* 8px */
.f1 { 
	font-size:64%;
	}

.red { 
	color:#BD2C2A; 
	}
.blue { 
	color:#0066CC; 
	}
.gray { 
	color:#AAA; 
	}
.yellow { 
	color:#FFCC00;
	}
.brown { 
	color:#993333;
	}

p,li,h1,h2,h3,h4,h5,h6,dt,dd,blockquote,th,td {   
	line-height:157%;
	}

.center	{
	text-align:center;
	}
.center	img{
	margin:0 auto;
	}
.right {
	text-align:right;
	}
.left {
	text-align:left;
	}
.middle { 
	vertical-align:middle; 
	}

.bold { 
	font-weight:bold;
	}





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

	2: list setting

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



ul.disc{
	padding-left:2.5em;
	margin:1em 0px;
	list-style:disc;
}
ul.circle{
	padding-left:2.5em;
	list-style:circle;
	margin:1em 0px;
}
ol.decimal{
	padding-left:2.5em;
	list-style:decimal;
	margin:1em 0px;
	}




/*	inline list

-------------------------------------------------------------------*/

dl.inline dt,
dl.inline dd,
ol.inline li,
ul.inline li{
	display:inline;
	}





/*	list

-------------------------------------------------------------------*/


li img,
li input{
	vertical-align:middle;
	}
li input{
	margin-right:5px;
	}






/*	bread list

-------------------------------------------------------------------*/

ol.bl{
	background:url(../img/line_dot.gif) repeat-x 0 100%;
	margin:0 0 10px 0;
	}
ol.bl li{
	display:inline;
	}
ol.bl li a{
	padding-right:10px;
	background: url("../img/bl.gif") no-repeat 100% 50%;
	}





/*	error list

-------------------------------------------------------------------*/

ul.error{
	background-color:#FFD3C3;
	padding:8px 0px;
	margin:8px auto;
	}
ul.error li {
	background: #FFD3C3 url("/img/icon/info.gif") no-repeat 10px 50%;
	padding-left:25px;
	color: #ff8c00;
	}
span.error{
	background-color:#FFD3C3;
	display:block;
	padding:2px 0px;
	margin:3px 0px;
	background: #FFD3C3 url("/img/icon/info.gif") no-repeat 10px 50%;
	padding-left:25px;
	color: #ff8c00;
	}

.success{
	background-color: #060;
	padding:8px 0px;
	margin:8px auto;
	}
.success li{
	color:#FFF;
	text-align:center;
	font-weight:bold;
	}





/* float Styles

-------------------------------------------------------------------*/

.float li{
	float:left;
	margin-right:10px;
	}
.float7 li{
	float:left;
	width:11%;
	}
.float6 li{
	float:left;
	width:16%;
	}
.float5 li{
	float:left;
	width:20%;
	}
.float4 li{
	float:left;
	width:25%;
	}
.float3 li{
	float:left;
	width:33%;
	}
.float2 li{
	float:left;
	width:50%;
	}
.leftBox{
	float:left;
	}
.rightBox{
	float:right;
	}	



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

	3: table setting

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


table{
	empty-cells: show;
	}
table td{
	vertical-align:top;
	}
table.sheet{
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
	border: 1px solid #CCC;
	border-bottom: none;
	margin-bottom:10px;
}
.sheet caption {
	background: #EEE url("../img/bg_th.gif") repeat-x 0% 0%;
	border: 1px solid #CCCCCC;
	border-top: 4px solid #0066CC;
	border-bottom:none;
	text-align: left;
	padding: 8px 5px;
	font-weight: bold;
}
.sheet th, .sheet td{
	border: 1px solid #CCCCCC;
	padding: 5px;
	text-align: left;
}
.sheet th{
	background: #EEE url("../img/bg_th.gif") repeat-x 0% 0%;
	width: 120px;
	font-weight: normal;
}

.sheet thead th{
	background-color:#E82E68;
	padding:8px;
	font-weight:bold;
	line-height:100%;
	color:#FFF;
	background-image:none;
	width:auto;
	}

table.form	{
	border-spacing:0px;
	border-collapse:collapse;
	margin:0px auto;
	width:100%;
	}
	
.form caption{
	background-color:#979797;
	color:#FFF;
	padding: 5px;
	}
.form th{
	background-color: #FDFDFD;
	text-align:left;
	font-weight:bold;
	white-space:nowrap;
	width:120px;
	}
.form td{
	padding: 5px 0px;
	}
.form td,
.form th{
	border:1px solid #E7E7E7;
	padding: 5px;
	}





/*	flowlist styles

-------------------------------------------------------------------*/



ol.flowlist{
	width:100%;
	margin-bottom:1.2em;
}

ol.flowlist li{
	float:left;
	width:32%;
	padding:10px 0px 6px 0px;
	text-align:center;
	margin:0px 2px;
	border-bottom:8px solid #EEE;
}

ol.flowlist li.now{
	font-weight:bold;
	border-bottom:8px solid #FC0;
}





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

	4: form setting

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



input{
	line-height:100%;
	}
input:hover{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	}
input,
textarea{
	}
.formfield{
	border: 1px solid #999;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size:13px;
	height:14px;
	line-height:100%;
	padding:2px 4px 2px 3px;
	}
textarea{
	}
input:focus,
textarea:focus{
	background-color: #F5F5F5;
	}

form img,
form input,
form select	{
	vertical-align: middle;
	}
form input,
form select	{
	line-height: 1;
	}
ul.formlist li{
	float:left;
	width:100px;
	}

input.button{
	padding:6px 25px;
	border:2px solid #CCC;
	background: #FFF url("../img/bg_h.gif") repeat-x 0% 100%;
	line-height:100%;
	cursor:pointer;
	}

.submit{
	text-align:center;
	margin:12px 0px 34px 0px;
	}
.back{
	text-align:center;
	margin:12px 0px;
	padding-top:8px;
	background: url("../img/line_dot.gif") repeat-x 0% 0%;
	}

.must{
	display:block;
	font-size:11px;
	color:#CC0000;
	}
.must img{
	vertical-align:middle;
	}



/* Eroor Styles

-----------------------------------------------------------------------------  */

ul.error {
	background-color:#FFD3C3;
	padding:8px 0px;
	margin:8px auto;
	border:solid 2px #FEB49E;
	}
ul.error li {
	background: #FFD3C3 url(/img/icon/info.gif) no-repeat 10px 50%;
	padding-left:25px;
	color: #ff8c00;
	}

tr.error input ,
tr.error textarea,
tr.error select {
	background-color: #FFD3C3;
	background:
	}

ul.success{
	background-color: #009900;
	font-size:100%;
	margin:13px 0;
	padding:8px;
	}
ul.success li {
	color:#FFF;
	font-weight:bold;
	}




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

	5: pager setting

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



.pager{
	margin:2em 0;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	clear:both;
	}
.pager li {
	display:inline;
	margin-right:3px;
	}
.pager li a{
	padding:5px 8px;
	border:1px solid #FFB2C2;
	text-decoration:none;
	}
.pager li a:hover{
	border:1px solid #FFB2C2;
	background: #FFE4E9;
	}
.pager li strong{
	border:1px solid #FFB2C2;
	padding:5px 8px;
	background: #FFE4E9;
	color: #999;
	font-weight:bold;
	}





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

	6: text setting

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

.center{
	text-align:center;
	}
.right{
	text-align:right;
	}
.red{
	color: #C00;
	}
strong{
	font-weight:bold;
	}




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

	7: hacks setting

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


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}





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

	8: icon setting

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


.li{
	background: url("/img/icon/li.gif") no-repeat 0px 50%;
	padding-left:10px;
}
.user{
	color:#006600;
	background:url("/img/icon/user.gif") no-repeat 0 50%;
	padding-left:16px;
	}
.edit{
	background:url("/img/icon/edit.gif") no-repeat 0 50%;
	padding-left:16px;
	}
.guide{
	color:#BD2C2A;
	padding:0px 0px 0px 20px;
	background: #FFF url("/img/icon/icon_tick.gif") no-repeat 0px 50%;
	display:block;
	}

.help{
	margin-top:3px;
	background: #FFF url("/img/icon/icon_help.gif") no-repeat 0px 50%;
	display:block;
	padding:0px 0px 0px 20px;
	font-size:x-small;
	color:#ff8c00;
}
.ssl{
	background: #FFF url("/img/icon/icon_key.gif") no-repeat 0px 50%;
	padding:2px 0px 2px 20px;

}
.blank{
	padding-right:18px;
	background: url("/img/icon/icon_blank.gif") no-repeat 100% 50%;
}
.example{
	background: #FFF url("/img/icon/example.gif") no-repeat 0px 50%;
	display:block;
	padding:0px 0px 0px 15px;
	color:#666;
	font-size:11px;
}
.delete{
	background: #FFF url("/img/icon/delete.gif") no-repeat 0px 50%;
	padding:0px 0px 0px 18px;
}
.time{
	background: url("/img/icon/time.gif") no-repeat 0px 50%;
	padding:0px 0px 0px 18px;
}
.cursor{
	cursor:pointer;
}
.icon{
	vertical-align:middle;
	}
a.hover:hover img{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	}





/* search Styles

-------------------------------------------------------------------*/

.searchUtil{
	background: #FFF url("../img/line_dot.gif") repeat-x 0% 100%;
	padding-bottom:4px;
	margin-bottom:2em;
	}
.searchUtil dt,
.searchUtil dd{
	display:inline;
	}
.searchUtil dt strong{
	font-size:150%;
	color: #F60;
	font-family:Helvetica, Arial, sans-serif;
	margin-right:0.3em;
	}
	



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

	9: tab setting

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

ul.tab{
	border-left:1px solid #FCDAEA;
	margin-bottom:15px;
	height:30px;
	background: url("../img/tab_pink.gif") repeat-x 0 100%;
	}
ul.tab li{
	display:inline;
	}
ul.tab li a{
	height:28px;
	line-height:28px;
	border-top:1px solid #FCDAEA;
	border-right:1px solid #FCDAEA;
	border-bottom: 1px solid #FCDAEA;
	background-color:#FDEAF3;
	float:left;
	display:block;
	text-align:center;
	width:120px;
	background: url("../img/tab_pink_bg.gif") repeat-x 0 100%;
	}
ul.tab li a.now{
	border-bottom: 1px solid #FFF;
	text-decoration:none;
	font-weight:bold;
	color:#444;
	background:none;
	}


/


*==================================================================

	9: others

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

.mb10{
	margin-botttom:10px;
	}
.mt10{
	margin-top:10px;
	}
.ml10{
	margin-left:10px;
	}
.mr10{
	margin-right:10px;
	}
.pb10{
	padding-bottom:10px;
	}
.pt10{
	padding-top:10px;
	}
.pl10{
	padding-left:10px;
	}
.pr10{
	padding-right:10px;
	}								






/*	 searchCondition styles

-------------------------------------------------------------------*/


.searchCondition{
	/*position:relative;*/
	margin-bottom:5px;
	z-index:10;
	}
.searchCondition dt{
	padding:6px 10px 6px 5px;
	}
.searchCondition span{
	display:block;
	padding:3px 0px 2px 0;
	line-height:100%;
	}
.searchCondition strong{
	font-size:18px;
	color:#CC0000;
	padding-right:5px;
	font-family: Arial, Helvetica, sans-serif;
	}
.searchCondition dd{
	width:174px;
	text-align:center;
	background:#ff8c00;
	position:absolute;
	display:block;
	background:url("/img/search/display_bg.gif") no-repeat 100% 0px ;
	top:4px;
	line-height:22px;
	right:4px;
	text-align:right;
	}
.searchCondition dd select{
	vertical-align:middle;
	}
.searchCondition dt,
.searchCondition dd{
	}




/*-------------------------------------------------------------------

	ADS styles

-------------------------------------------------------------------*/


#thumbnailweblogosp{
	display:none;
	}






/* list

-------------------------------------------------------------------*/

ul.list{
	margin-bottom:10px;
	}
ul.list li{
	padding:5px 0;
	background:url("../img/line_dot.gif") repeat-x 0 100%;
	}
ul.list li a{
	background: url("/img/icon/list_arrow.gif") no-repeat 0 50%;
	padding:0 20px;
	display:block;
	}




/*specialSheet
-------------------------------------------------------------------*/

table.specialSheet{
	width:100%;
	margin-bottom:10px;
	background:url("../img/line_dot.gif") repeat-x 0 100%;
	}
table.specialSheet th{
	background:url("../img/bg_special_sheet.gif") repeat-x 0 0;
	padding:10px 5px 10px 10px;
	}
table.specialSheet th img{
	vertical-align:bottom;
	}
table.specialSheet td{
	background:url("../img/bg_special_sheet.gif") repeat-x 0 0;
	padding:10px 10px 10px 5px;
	vertical-align:top;
	}
table.specialSheet dl dt{
	background: url("/img/icon/list_arrow.gif") no-repeat 5px 50%;
	padding:0 20px;
	font-size:15px;
	font-weight:bold;
	}
table.specialSheet dl dd{
	font-size:10px;
	}
	
	




/*pr

-------------------------------------------------------------------*/

ul.pr{
	background:transparent url("../img/line_dot.gif") repeat-x 0 100%;
	padding:0 0 5px 0;
	margin-bottom:10px;
	font-size:12px;
	}
ul.pr li{
	display:inline;
	padding:5px 5px 5px 35px;
	background:transparent url("/img/icon/pr.gif") no-repeat 5px 50%;
	}




/*	info

-------------------------------------------------------------------*/

.info,
.infoPink{
	background:#F2F2F2;
	padding:4px;
	margin-bottom:10px;
	}
.info .inner,
.infoPink .inner{
	background:#FFFFFF;
	border:1px solid #CCC;
	padding:10px;
	}
.info h5,
.infoPink h5{
	margin:0;
	}
.info th,
.infoPink th{
	background:url("../img/line_dot.gif") repeat-x 0 100%;
	padding:10px 5px 10px 0;
	}
.info th img,
.infoPink th img{
	vertical-align:bottom;
	}
.info td,
.infoPink td{
	background:url("../img/line_dot.gif") repeat-x 0 100%;
	padding:10px 10px 10px 5px;
	vertical-align:top;
	width:100%;
	}
.info  dl dt,
.infoPink dl dt{
	background: url("/img/icon/list_arrow.gif") no-repeat 0 50%;
	padding:0 15px;
	font-weight:bold;
	}

.infoPink{
	background:#FDEAF3;
	}
.infoPink .inner{
	border:1px solid #FCDAEA;
	}
.infoGray{
	background:#eee;
	padding:4px;
	margin-bottom:10px;
	}
.infoGray .inner{
	border:1px solid #ccc;
	background:#fff;
	}




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

	searchResult styles

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


ol.searchResult li{
	line-height:100%;
	}
ol.searchResult .siteTitle{
	font-size:110%;
	text-decoration:underline;
	}

ol.searchResult .siteHost,
ol.searchResult .siteHost a{
	color:#7777CC;
	}
ol.searchResult .siteHost a{
	color:#7777CC !important;
	text-decoration:underline;
	}
ol.searchResult .siteHost em{
	color:#008000;
	}
ol.searchResult li{
	margin-bottom:16px;
}






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

	 styles

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



/* ------------------------------------------------------------------

	prov styles

-------------------------------------------------------------------*/


ul#prov{
	height:1%;
	line-height:133%;
	}
ul#prov li{
	background: url("../img/line_dot.gif") repeat-x 0% 0%;
	padding:6px 5px;
	}
ul#prov h3{
	background: #FFF url("/img/icon/li.gif") no-repeat 0% 50%;
	}
ul#prov h4,
ul#prov h3{
	padding-left:15px;
	font-weight:normal;
	}
ul#prov li ul{
	margin-top:-1.4em;
	margin-left:100px;
	}
ul#prov li li{
	background-image:none;
	display:inline;
	padding:0px 6px 0px 5px;
	}




/*osusume style

-------------------------------------------------------------------*/

table.osusume h4{
	font-weight:bold;
	background:url(/img/icon/pickup.gif) no-repeat 0 3px;
	padding:0 0 0 55px;
	margin:0 0 5px 0;
	}
table.osusume td{
	vertical-align:top;
	width:315px;
	padding:0 5px 10px 0;
	}				
table.osusume img{
	border:1px solid #ccc;
	padding:1px;
	}
table.osusume .leftBox{
	width:90px;
	}
table.osusume .rightBox{
	width:205px;
	font-size:77%;
	}
#main table.osusume .rightBox p{
		margin:0 0 5px 0;
		}
table.osusume .rightBox a{
	background:url(/img/icon/arrow.gif) no-repeat 0 50%;
	padding:0 0 0 10px;
	}				



/*	entry
-------------------------------------------------------------------*/

a.entry{
	display:block;
	background-color:#FFA688;
	text-align:center;
	padding:7px 0px 5px;
	line-height:100%;
	
	}
a.entry:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	}




/*	tel styles
-------------------------------------------------------------------*/

dl.tel{
	background:#FFDECF;
	padding:10px;
	text-align:center;
	margin-bottom:6px;
	}
dl.tel dt{
	}
dl.tel dd{
	font-size:80%;
	}
dl.tel dt span{
	color:#CC0000;
	font-weight:bold;
	font: Helvetica, Arial, sans-serif;
	font-size:135%;
	}




/* ------------------------------------------------------------------

	suggest styles

-------------------------------------------------------------------*/

.suggestPene{
	position:relative;

	z-index:5;
	}
.suggestPene #suggest{
	background:#FFF;
	border:1px solid #CCCCCC;
	position:absolute;
	top:22px;
	left:0;
	padding:3px;
	}	
.suggestPene #suggest a:hover{
	background:#F7F9FF;
	}	
#suggest div {
    display: block;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    padding:1px 3px;

	z-index:5;
}
#suggest div.select{ /* キー上下で選択した場合のスタイル */
	background-color:#92C9FF;
}
#suggest div.over{ /* マウスオーバ時のスタイル */
	background-color:#92C9FF;
}


ul.lineList{
	padding:5px;
	color:#CCCCCC;
	}
ul.lineList li{
	border:1px solid #CCC;
	margin:2px;
	display:block;
	width:210px;
	float:left;
	padding:5px 5px 5px 5px;
	background: #FFF;
	}
ul.lineList li:hover{
	background: #EEF5FF;
	}
ul.lineList li a{
	display:block;
	}
	
ul.stationList{
	color:#CCCCCC;
	background:#F3F8FC url("/img/search/line_bg.gif");
	padding:0 10px 14px 20px;
	}
html>/**/body ul.stationList {
	padding:0 10px 0 20px;
	}


ul.stationList li{
	margin:10px 7px 22px 7px;
	display:block;
	width:24px;
	text-align:center;
	float:left;
	height:128px;
	padding:0;
	line-height:normal;
	background:url(/img/search/bg_station_2.gif) no-repeat;

	}

ul.stationList li.bule{
	background:url(/img/search/bg_station_1.gif) no-repeat;
	}
ul.stationList li.bule:hover{
	background:url(/img/search/bg_station_1.gif) no-repeat -24px 0;
	}

ul.stationList li a{
	text-decoration:none;
	cursor:pointer;
	}
ul.stationList li a:hover{
	color:#FFFFFF;
	font-weight:bold;
	}
ul.stationList li span{
	display:block;
	padding:30px 2px 0 2px ;
	height:100px;
	}
#p-stationline .headline1{
	background:#0060BE url(/img/search/train.gif) no-repeat 100% 100%;
	line-height:30px;
	}
#p-stationline .headline1 span{
	font-size:130%;
	display:inline;
	}
#p-stationline #area{
	background:#F3F8FC;
	border: solid 1px #CCC;
	margin:-15px 0 15px 0;
	}
*+html #p-stationline #area{
	margin:-5px 0 15px 0;
	}
#p-stationline #area li{
	width:323px;
	}


	
ul#pickup{
	margin-top:-10px;
	background: url("../img/line_dot.gif") repeat-x 0% 100%;
	position:relative;
	margin-bottom:12px;
	font-weight:bold;
	}
ul#pickup li{
	padding:8px 0px ;
	background: url("/img/icon/icon_new.gif") no-repeat 0% 50%;
	padding-left:36px;
	}
ul#pickup li#pickupRight{
	position:absolute;
	text-align:right;
	right:0px;
	top:0px;
	}





/* ------------------------------------------------------------------

	login

-------------------------------------------------------------------*/

#beforLogin table{
	margin:0 0 3px 0;
	}
#beforLogin table th,
#beforLogin table td{
	background:none;
	padding:3px;
	}
#beforLogin table th{
	text-align:right;
	}	
#beforLogin #reminder{
	text-align:center;
	margin:0 0 5px 0;
	}
#beforLogin .btn{
	text-align:center;
	margin:0 0 5px 0;
	}
#beforLogin p.mini{
	font-size:77%;
	background:url(/img/icon/arrow.gif) no-repeat 0 50%;
	padding:0 0 0 8px;
	width:140px;
	margin:0 auto 10px auto;
	}
#beforLogin #entryBtn{
	display:block;
	background:url(/img/side/button_entry.gif) no-repeat 0 0;
	text-indent:-5000px;
	width:180px;
	height:28px;
	margin:0 auto 10px auto;
	}
#beforLogin #entryBtn:hover{
	background:url(/img/side/btn_entry_o.gif) no-repeat 0 0;
	}	
#afterLogin p#nameTxt{
	font-weight:bold;
	background:url(/img/side/icon_idf.gif) no-repeat 0 50%;
	padding:0 0 0 22px;
	margin:5px 0 5px 7px;
	}
#afterLogin p#pointTxt{
	background:url(../img/line_dot.gif) repeat-x 0 0;
	padding:5px 7px;
	}
#afterLogin p#pointTxt span{
	color:#ff8c00;
	font-weight:bold;
	}
#afterLogin .btn{
	text-align:center;
	margin:0 0 5px 0;
	}	





/*	information

------------------------------------------------------------*/


#p-information ul.list li.white{
	background:transparent url("../img/line_dot3.gif") repeat-x scroll 0 100%;
	padding:0 0 0 5px;
	}
#p-information ul.list li.pink{
	background:#FDEEF5 url("../img/line_dot3.gif") repeat-x scroll 0 100%;
	padding:0 0 0 5px;
	}
#p-information ul.list li a,
#p-information ul.list2 li a,
#p-information .message a{
	background:transparent url("/img/icon/list_arrow.gif") no-repeat scroll 0 50%;
	line-height:normal;
	padding:0 0 0 16px;
	display:inline;
	}
#p-information ul.list li a{
	margin-left:10px;
}
#p-information ul.list li span{
	border-top:1px solid #FFFFFF;
	display:block;
	line-height:normal;
	padding:5px 0 6px;
	}
#p-information h2{
	margin-bottom:0px;
	}
#p-information .headline .li{
	right:10px;
	top:6px;
	}
#p-information .list2{
	margin-bottom:10px;
}
#p-information .list2 li{
	display:inline;
	margin-right:20px;
	}
#p-information .message{
	background:#FDEEF5;
	border: none;
	text-align:center;
	}
	
#p-information .revise{
	background:transparent url("/img/icon/icon_info.gif") no-repeat scroll 0 0;
	height:8px;
	padding:8px 0 0 40px;
	text-indent:-5000px;
	position:absolute;
	top:11px;
	right:0px;
	}
	
#p-information .headline .date{
	font-size: x-small;
	position:absolute;
	right:50px;
	text-decoration:none;
	top:12px;
	}
#p-information .headline4{
	background:transparent url("../img/line_dot3.gif") repeat-x scroll 0 100%;
	font-size:26px;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:10px;
}




/* Hothot
------------------------------------------------------------*/

h2#keyvHothot{
	background:url("/img/journalist/keyv_hothot.gif") no-repeat scroll 0 0;
	display: block;
	width:640px;
	height:150px;
	text-indent:-5000px;
	margin-bottom: 10px;
	}




/*	ICon
------------------------------------------------------------*/

a.archive{
	background:url(/img/icon/archive.gif) no-repeat 0 50%;
	padding:2px 0 2px 50px;
	}
a.drama{
	background:url(/img/icon/drama.gif) no-repeat 0 50%;
	padding:2px 0 2px 50px;
	}
a.movie{
	background:url(/img/icon/movie.gif) no-repeat 0 50%;
	padding:2px 0 2px 50px;
	}
a.newitem{
	background:url(/img/icon/newitem.gif) no-repeat 0 50%;
	padding:2px 0 2px 50px;
	}
a.cm{
	background:url(/img/icon/cm.gif) no-repeat 0 50%;
	padding:2px 0 2px 50px;
	}
a.stage{
	background:url(/img/icon/stage.gif) no-repeat 0 50%;
	padding:2px 0 2px 50px;
	}
a.news{
	background:url(/img/icon/news.gif) no-repeat 0 50%;
	padding:2px 0 2px 50px;
	}				

a.others{
	background:url(/img/icon/others.gif) no-repeat 0 50%;
	padding:2px 0 2px 50px;
	}





/*	photoBox
-------------------------------------------------------------------------*/


.photoBox{
	background:transparent url("../img/bg_special_sheet.gif") repeat-x scroll 0 0;
	padding:10px 10px 10px 5px;
	vertical-align:top;
	}
.photoBox h4{
	background:transparent url("/img/icon/icon_camera.gif") no-repeat scroll 0 50%;
	padding-left:19px;
	vertical-align:top;
	font-weight:bold;
	}
.photoBox ul li{
	display:inline;
	}
.photoBox ul li{
	margin-right:15px;
	}






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

	searchResult styles

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

.sponsorSearch2{
	margin:0 0 10px 0;
}
.sponsorHeadline2{
	text-align:right;
}
ol.searchResult2 li{
	line-height:100%;
	margin-bottom:6px;
	border:2px dotted #ccc;	
	width:628px;
	height:90px;
	}
ol.searchResult2 .siteTitle{
	font-size:123.1%;
	margin-bottom:7px;
	}

ol.searchResult2 li a{
	text-decoration:none !important;
	display:block;
	width:618px;
	height:80px;
	padding:10px 0 0 10px;
	}
ol.searchResult2 li a:hover{
	background:#FFEEF8;

	}	
ol.searchResult2 h3{
	font-size:18px;
}
ol.searchResult2 p{
	font-size:14px !important;
	color:#333;
	margin:0 0 5px 0 !important;
}
ol.searchResult2 .siteHost{
	color:#390;
	font-size:12px;
		
}
.int{
	text-align:right;
	margin:0 0 5px 0 !important;
	padding:0 !important;
}
.int li{
	display:inline;
	font-size:10px;
	color:#999;
	padding:0 10px 0 0;
	margin:0 !important;
}
.int li a{
	font-size:10px;
	color:#999;
	margin:0 !important;
}
.topim{
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	margin:10px 0 5px 0 !important;
}
.wide{		
	line-height:100%;
	width:100%;
	height:45px;
}
.wide a{
	text-decoration:none !important;
	display:block;
	padding:13px 0 0 0;
	margin:0 !important;
	width:100%;
	height:45px;

}
.wide a:hover{
	background:#F4F9FF;
}
.wide .siteTitle{
	font-size:16px !important;
	font-weight:bold;
	margin:0 0 5px 0;
	text-decoration:none !important;
}
.wide .siteHost{
	padding:0 0 0 10px;
	
}
.wide .siteDescription{
	color:#333;
	display:block;
	margin:10px 0 0 0;
	font-size:15px;
}

.border{
	border-bottom:1px solid #ccc;
	
	margin:0 0 15px 0;
}





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

	Style setting

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



/* ------------------------------------------------------------------

	 common setting

-------------------------------------------------------------------*/

a:link,
a:visited{
	color: #555;
	}
a:hover,
a:active{
	color: #555;
	text-decoration:none;
	}

body{
	background:url("../img/bg.gif") repeat-x;
}

#container{
	}

#contents{
	width:980px;
	margin:0 auto;
	height:1%;
	}




/*	breadcrumbs styles

-------------------------------------------------------------------*/

.breadcrumbs{
	font-size:11px;
	color:#666;
	padding:0px 0px 5px 17px;
	line-height:1;
	background: #FFF url("../img/home.gif") no-repeat 0% 0%;
	width:980px;
	margin:0 auto 10px;
	}

.breadcrumbs li{
	display:inline;
	}
.breadcrumbs a{
	color:#666;
	text-decoration:none;
	padding-right:10px;
	margin-right:3px;
	text-decoration:underline;
	background: url("../img/arrow_red.gif") no-repeat 100% 50%;
	}



/* ------------------------------------------------------------------

	 header styles

-------------------------------------------------------------------*/

#header {
	margin-bottom:20px;
	background:url("../img/gn_bg.gif") repeat-x 0% 100%;
	}

#headerInner{
	position:relative;
	width:980px;
	margin:0 auto;
	height: 135px;
}

#logo a{
	display:block;
	width:980px;
	height:0px;
	padding-top:66px;
	line-height:66px;
	overflow:hidden;
	float:left;
	margin-top:20px;
	background:url("../img/logo.png") no-repeat 0% 0%;
	}
#headerrRight{
	width:250px;
  	float:right;
}
#superBannerHeader{
	text-align:center;
}




/*	navi styles

-------------------------------------------------------------------*/

#navi{
	text-align:right;
	margin:6px 0;
	height:18px;
	padding:0;
}
#navi img{
	vertical-align:top;
	
}	
#navi li{
	display:inline;
	line-height:16px;
}
#navi a{
	background:url("../img/arrow_gray.gif") no-repeat left 5px;
	padding:0 0 0 8px;
	margin-left:8px;
	font-size:85%;
	text-decoration:none;
}
#navi a:hover{
	text-decoration:underline;
}
#navi #naviRegister a{
	background:url("../img/btn_register.gif") no-repeat 0% 0%;
	margin-left:10px;
	padding:0;
	width:85px;
	height:0;
	padding-top:18px;
	overflow:hidden;
	display:block;
	float:right;
}

#navi #naviRegister a:hover{
	background-position:-85px 0;
}
#navi #naviLogin a,
#navi #naviLogout a{
	background:url("../img/btn_login.gif") no-repeat 0% 0%;
	margin-left:10px;
	padding:0;
	width:64px;
	height:0;
	padding-top:18px;
	overflow:hidden;
	display:block;
	float:right;
}

#navi #naviLogin a:hover{
	background-position:-64px 0;
}

#navi #naviLogout a{
	background:url("../img/btn_logout.gif") no-repeat 0% 0%;
	width:74px;
}

#navi #naviLogout a:hover{
	background-position:-74px 0;
}
	
	



/*	globalNavi styles

-------------------------------------------------------------------*/

#globalNavi {
    position: absolute;
    left: 0;
    bottom: 0px;
}
#globalNavi li {
    float: left;
}
#globalNavi li a {
    display: block; 
	width:115px;
    height: 0;
    padding-top: 43px;
	line-height: 43px;
    overflow: hidden;
	background:url("../img/gn.gif") no-repeat 0% 0%;
	position:relative;
	}
li#naviHome a { width: 60px; }
li#naviNews a { background-position: -60px 0; }
li#naviJohnnys a { background-position: -175px 0; }
li#naviKorea a { background-position: -290px 0; }
li#naviBeauty a { background-position: -405px 0; }
li#naviLife a { background-position: -520px 0; }
li#naviLuck a { background-position: -635px 0; }
li#naviBlog a { background-position: -750px 0; }
li#naviShopping a { background-position: -865px 0; }

li#naviHome a.overD,li#naviHome a.over,li#naviHome a:hover {background-position: 0 -43px;}
li#naviNews a.overD,li#naviNews a.over,li#naviNews a:hover { background-position: -60px -43px; }
li#naviJohnnys a.overD,li#naviJohnnys a.over,li#naviJohnnys a:hover { background-position: -175px -43px; }
li#naviKorea a.overD,li#naviKorea a.over,li#naviKorea a:hover { background-position: -290px -43px; }
li#naviBeauty a.overD,li#naviBeauty a.over,li#naviBeauty a:hover { background-position: -405px -43px; }
li#naviLife a.overD,li#naviLife a.over,li#naviLife a:hover { background-position: -520px -43px; }
li#naviLuck a.overD,li#naviLuck a.over,li#naviLuck a:hover { background-position: -635px -43px; }
li#naviBlog a.overD,li#naviBlog a.over,li#naviBlog a:hover { background-position: -750px -43px; }
li#naviShopping a.overD,li#naviShopping a.over,li#naviShopping a:hover { background-position: -865px -43px; }

#naviShoppingNo{
    display: block; 
	width:115px;
    height: 0;
    padding-top: 43px;
	line-height: 43px;
    overflow: hidden;
	background:url("../img/gn.gif") no-repeat -865px 0;
	filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;
	position:relative;
}


#globalNavi li ul.dropUl {
	position:absolute;
	top:43px;
	width:139px;
	background:none;
	display:none;
	z-index:50;
}

#globalNavi li ul.dropUl li a {
	width:139px;
	height:32px;
	background:url("../img/bg_drop.gif") no-repeat 0% 0%;
	padding:0 0 0 20px;
	border-left:#ff8c00 solid 1px;
	border-right:#ff8c00 solid 1px;
	line-height:30px;
	position:relative;
	z-index:99;
}

#globalNavi li#naviLuck ul.dropUl li a,#globalNavi li#naviKorea ul.dropUl li a {
	width:170px;
}

#globalNavi li ul.dropUl li a.borderBottom {
	border-bottom:#ff8c00 solid 1px;
}





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

	旧headline

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

.headline{
	position:relative;
	}
.headline .li{
	position:absolute;
	top:5px;
	right:0;
	text-align:right;
	font-size:10px;
	padding:0 0 0 8px;
	}

.headline1{
	border-bottom:3px solid #ccc;
	line-height:100%;
	margin-bottom:10px;
	background:#FFF;
	padding:6px 8px 6px 0;
	}
.headline1 span{
	background: transparent url("../img/h_headline.gif") no-repeat 0% 0%;
	line-height:100%;
	text-indent:-5000px;
	display: block;
	height:14px;
	}	
.headline1 a{
	position:absolute;
	top:5px;
	right:0;
	text-align:right;
	}		
.headline2{
	border:1px solid #ccc;
	background: #FFF url("../img/bg_h.gif") repeat-x 0% 100%;
	line-height:100%;
	margin-bottom:10px;
	padding:4px 8px;
	}
.headline2 span{
	border-left:3px solid #E82E68;
	padding:1px 6px;
	display:block;
	font-weight:bold;
	}

.headline3{
	padding-bottom:6px;
	line-height:100%;
	background:  url("../img/line_dot.gif") repeat-x 0% 100%;
	/*margin-bottom:10px;*/
	line-height:140%;
	}
.headline4{
	font-size:26px;
	font-weight:bold;
	line-height:130%;
	}
.headline4 a{
	text-decoration:none;
	}
.headline4 a:hover{
	text-decoration:underline;
	}
.dotline{
	padding-bottom:6px;
	background: #FFF url("../img/line_dot.gif") repeat-x 0% 100%;
	}	
.message{
	border:5px solid #EEE;
	margin:13px 0px;
	padding:10px;
	}

#weeknews .headline1 span{
	background-position:0px 0px;
	}
#news .headline1 span,
#hNews #news span{
	background-position:0px -20px;
	}
#special .headline1 span,
#hSpecial span{
	background-position:0px -40px;
	}
#serial .headline1 span,
#special span,
#hSerial span{
	background-position:0px -60px;
	}
#blog .headline1 span,
#hBlog span{
	background-position:0px -80px;
	}
#journalist .headline1 span,
#hJournalist span{
	background-position:0px -100px;
	}
#week .headline1 span,
#hWeek span{
	background-position:0px -120px;
	}
#book .headline1 span,
#hBook span{
	background-position:0px -140px;
	}
#hHothot span{
	background-position:0px -420px;
	}

/*下層*/
#hCommunity span{
	background-position:0px -160px;
	}
#hBacknumber span{
	background-position:0px -200px;
	}
#staff span{
	background-position:0px -220px;
	}
#information .headline1 span,
#information span{
	background-position:0px -240px;
	}
#p-week span{
	background-position:0px -260px;
	}
#p-news #news span{
	background-position:0px -280px;	
	}
#p-news #list span{
	background-position:0px -300px;	
	}
#p-news #entertain span{
	background-position:0px -320px;	
	}
#p-news #recommend span{
	background-position:0px -340px;
	}
#hFortune span{
	background-position:0px -360px;
	}





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

	新headline

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

.headline {
	background-color: #0060BE;
	color:#ffffff;
	padding: 8px;
	font-weight: bold;
	margin-bottom:10px;
	}
.headline a {
	color:#ffffff;
	}

.headline1{
	background:url("../img/subtitlle.gif") no-repeat 0% 0%;
	border:none;
	border:1px solid #e3e3e3;
	margin:0;
	height:21px;
	padding-top:5px;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
}

.headlineMain{
	background:url("../img/headline_main.gif") no-repeat 0% 0%;
	border:none;
	border:1px solid #e3e3e3;
	height:0;
	margin:0;
	padding:26px 0 0;
	line-height:26px;
	overflow:hidden;
}
#weekNews .headlineMain,
#U0 .headlineMain{
	background-position:0% -26px;
}
#weekPickup .headlineMain{
	background-position:0% -52px;
}
#youtube .headlineMain{
	background-position:0% -78px;
}
/*#womanUp .headlineMain{
	background-position:0% -104px;
}
#weekTown .headlineMain{
	background-position:0% -130px;
}*/
#newBlog .headlineMain{
	background-position:0% -156px;
}
#newsTopList .headlineMain{
	background-position:0% -182px;
}
#newsTop .headlineMain{
	background-position:0% -208px;
}

.headline3{
	font-size:138.5%;
	font-weight:bold;
	/*margin-bottom:10px;*/
}
.headline4{
	font-weight:bold;
	margin-bottom:10px;
	font-size:110%;
	line-height:1.3;
}
.headlineSide{
	background:url("../img/side_title.gif") no-repeat 0% 0%;
	height:0;
	margin:0;
	padding:0;
	padding-top:35px;
	line-height:35px;
	overflow:hidden;
}
#weekRanking .headlineSide{
	background-position:0% -35px;
}
#entertainmentSearch .headlineSide{
	background-position:0% -70px;
}
#present .headlineSide{
	background-position:0% -105px;
}
#pickupKeyword .headlineSide{
	background-position:0% -140px;
}
.headlineNone{
	height:0;
	margin:0;
	padding:0;
	overflow:hidden;
}

.headline5{
	background:url("../img/headline5_left.gif") no-repeat 0% 0%;
	padding-left:12px;
	height:35px;
}
.headline5 span{
	background:url("../img/headline5_center.gif") no-repeat 100% 0%;
	line-height:33px;
	font-weight:bold;
	padding:2px 25px 0 0;
	display:block;
	float:left;
}
.entryList{
	clear:both;
	background:url("../img/headline5_right.gif") repeat-x 0% 0%;
	margin:0 -12px;
}
.headline5 span.icon{
	background:url("../img/icon_tab.gif") no-repeat 0% 0;
	width:27px;
	height:33px;
	padding-right:6px;
	display:block;
	float:left;
}
#detailPhoto .headline5 span.icon{
	background-position:0% -33px;
}
#detailCategory .headline5 span.icon{
	background-position:0% -66px;
}


.headlineFree{
	background:url("../img/headline_main2.gif") no-repeat 0% 0%;
	border:none;
	border:1px solid #e3e3e3;
	line-height:26px;
	padding-left:15px;
	font-weight:bold;
}






/* pager styles

-------------------------------------------------------------------*/

.pager{
	margin:2em 0;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	clear:both;
	}
.pager li {
	display:inline;
	}
.pager li a{
	padding:5px 8px;
	border:1px solid #ddd;
	text-decoration:none;
	color:#555;
	font-weight:bold;
	}
.pager li.prev a {
	border:none;
	text-decoration:underline;
	background:url("../img/arrow_red4.gif") no-repeat left center;
	padding-left:10px;
	}
.pager li.back a {
	border:none;
	text-decoration:underline;
	background:url("../img/arrow_red.gif") no-repeat right center;
	padding-right:10px;
	}
.pager li a:hover{
	border:1px solid #ff8c00;
	color: #ff8c00;
	}
.pager li strong{
	border:1px solid #ff8c00;
	padding:5px 8px;
	color: #ff8c00;
	}




/*	main styles

-------------------------------------------------------------------*/

#main{
	float:left;
	width:980px;
	}
#main p{
	margin-bottom:1.2em;
	}
#main .topSection{
	margin-bottom:25px;
	background-color:#f2f2f2;
	padding:5px;
	}
#main .topSectionIn{
	background-color:#fff;
	border:1px solid #e3e3e3;
	padding:12px;
}
#weekNews .topSectionIn{
	padding:9px;
}
#main .topoSection .box{
	padding:10px;
	border:1px solid #ccc;
	border-top:1px solid #ccc;
	}




/* ------------------------------------------------------------------

	 side styles

-------------------------------------------------------------------*/

#side{
	float:right;
	width:300px;
	line-height:1.4;
	}
#side .sideSection{
	margin-bottom:20px;
	background-color:#f2f2f2;
	padding:5px;
	}
#side .sideSectionIn{
	background-color:#fff;
	padding:10px;
}
.squarepopupBanner{
	margin-bottom:20px;
}



/* ------------------------------------------------------------------

	 footer styles

-------------------------------------------------------------------*/

#superBannerFooter{
	width:728px;
	padding-top:25px;
	margin:0 auto 30px;
	clear:both;
}
#pagetop{
	clear:both;
	width:980px;
	margin:0 auto 10px;
	position:relative;
	text-align:right;
	}
/*#pagetop a{
	height:0;
	display:block;
	padding-top:36px;
	overflow:hidden;
	width:36px;
	position:absolute;
	right:0;
	bottom:20px;
	}*/
#footer{
	clear:both;
	background:url("../img/bg_footer.gif") repeat-x 0% 0%;
}
.footerInnerTop{
	width:980px;
	margin:auto;
	padding:30px 0;
	}
.footerInnerBottom{
	width:980px;
	margin:auto;
	padding:10px 0;
	}
/*.footerLeft{
	width:474px;
	float:left;
}
.footerRight{
	width:478px;
	float:right;
}*/
.footerNavi{
	width:16.5%;
	float:left;
}
.footerNavi:last-child{
	background-image:none;
}
.footerNaviIn li{
	background:url("../img/arrow_gray.gif") no-repeat left center;
	padding-left:8px;
	font-size:85%;
	text-decoration:none;
	color:#555;
	line-height:1.8;
	}
#footer a:hover{
	text-decoration:underline;
	}
.fHead{
	background:url("../img/title_fotter.gif") no-repeat 0% 0%;
	height:0;
	margin:0 0 10px 0;
	padding:0;
	padding-top:12px;
	line-height:12px;
	overflow:hidden;
	width:128px;
	display:block;
}
#footerNaviJohnnys{
	background-position:0% -15px;
}
#footerNaviKorea{
	background-position:0% -30px;
}
#footerNaviBeauty{
	background-position:0% -45px;
}
#footerNaviLife{
	background-position:0% -60px;
}
#footerNaviLuck{
	background-position:0% -75px;
}
.footerNavi li#fotterLife{
	background-position:0% -90px;
}
#footerBottom{
	background-color:#555;
	padding:10px 0;
	clear:both;
}
#footerBottom a{
	color:#fff;
	font-size:85%;
}
#footerBottom li{
	display:inline;
	margin-right:20px;
	vertical-align:middle;
}
#footerBottom li.line{
	border-left:1px solid #828282;
	padding-left:15px;
}
#footerBottom li img{
	vertical-align:middle;
}
#footerBottom .footerRight{
	padding-top:8px;
}
.footerLeft{
	float:left;
	width:50%;
}
.footerRigth{
	float:right;
	width:50%;
}





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

	home setting

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




/*	section styles

-------------------------------------------------------------------*/

#main .allList{
	line-height:26px;
	height:26px;
	text-align:right;
	font-size:85%;
	padding:0;
	margin:-26px 0 0 0;
}
.allList a{
	padding:0 7px 0 15px;
	background:url("../img/arrow_red2.gif") no-repeat left center;
	text-decoration:none;
}
.allList a:hover{
	color:#f00;
}
.timeDate{
	text-align:right;
	color:#777;
	font-size:85%;
	padding-bottom:5px;
}
.more,
.itemIist li a{
	padding-left:10px;
	background:url("../img/arrow_red.gif") no-repeat left 5px;
	display:block;
}
.more2{
	padding-left:15px;
	background:url("../img/arrow_red2.gif") no-repeat left 4px;
}
.more3{
	padding-left:15px;
	background:url("../img/arrow_red3.gif") no-repeat left center;
	font-weight:bold;
}
.imgbox{
	border:1px solid #f3f3f3;
	padding:1px;
}
.line li{
	padding:7px 0;
	background:url("../img/line_dotted.gif") repeat-x left bottom;
	line-height:1.3;
}
.pop{
	position:absolute;
	margin:-25px 0 0 -5px;
}




/*	tab styles

-------------------------------------------------------------------*/

#topicsNavi {
}
#topicsNavi li {
    float: left;
}
#topicsNavi li a {
    display: block; 
	width:130px;
    height: 0;
    padding-top: 35px;
	line-height: 35px;
    overflow: hidden;
	background:url("/img/re/home/tab.gif") no-repeat 0% 0%;
	cursor:pointer;
	}
#topicsNavi li a#topicsNews { width: 129px; }
#topicsNavi li a#topicsEntertainment { background-position: -130px 0; }
#topicsNavi li a#topicsKorea { background-position: -260px 0; }
#topicsNavi li a#topicsCosmetics { background-position: -390px 0; }
#topicsNavi li a#topicsPrize { background-position: -520px 0; }

#topicsNavi li a#topicsNews:hover,#topicsNavi li.over a#topicsNews { background-position: 0 -35px; }
#topicsNavi li a#topicsEntertainment:hover,#topicsNavi li.over a#topicsEntertainment { background-position: -130px -35px; }
#topicsNavi li a#topicsKorea:hover,#topicsNavi li.over a#topicsKorea { background-position: -260px -35px; }
#topicsNavi li a#topicsCosmetics:hover,#topicsNavi li.over a#topicsCosmetics { background-position: -390px -35px; }
#topicsNavi li a#topicsPrize:hover,#topicsNavi li.over a#topicsPrize { background-position: -520px -35px; }




/*	topicsKeyword styles

-------------------------------------------------------------------*/

.topicsKeyword{
	margin:15px 15px 15px 15px;
	padding:1px 0;
	height:31px;
	line-height:31px;
	background:#fff url("/img/re/home/bg_topics_keyword.gif") repeat-x;
}
.topicsKeyword img{
	float:left;
}
.topicsKeyword ul.itemIist{
	float:right;
	width:492px;
}
.topicsKeyword ul.itemIist li{
	display:inline;
}
.topicsKeyword ul.itemIist li a{
	display:inline;
	margin-right:27px;
}




/*	topicsList styles

-------------------------------------------------------------------*/

.topicsList{
	clear:both;
	margin:0 1px;
	padding:5px 15px;
	border-top:1px solid #f2f2f2;
}
.topicsList .listRight{
	float:right;
	width:485px;
	color:#777;
}
#main .topicsList .listRight p{
	margin:0;
	line-height:1.3;
	display:
}
#main .topicsList .listRight p.timeDare{
	margin:5px 0;
}
.topicsList .listLeft{
	float:left;
	width:109px;
}



/


