@charset"utf-8";
/*	"#" = id		"." = class		 !important	*/
/* border:1px red solid; */
*{
	font-size:100%;
	margin:0px;
	padding:0px;
	text-align:left;
}

/* ------------------------------------------------------------
Html Rewrite
------------------------------ */
html {
	scrollbar-base-color:#000000;
	scrollbar-track-color:#000000;
	scrollbar-face-color:#000000;
	scrollbar-shadow-color:#333333;
	scrollbar-darkshadow-color:#000000;
	scrollbar-highlight-color:#000000;
	scrollbar-3dlight-color:#333333;
	scrollbar-arrow-color:#999999;
	overflow-x: hidden; /*For IE6 Iframe*/
	}

body {
	height:100%;
	background-color:#000000;
	background-position:left top;
	background-attachment:fixed;
	background-repeat:no-repeat;
	font-size:12px;
	line-height:150%;
	color:#cccccc;
}

/* back Ground image */
body.index {
	background-image:url(../img/l_img_index.jpg);
}
body.shopinfo {
	background-image:url(../img/l_img_shopinfo.jpg);
}
body.news {
	background-image:url(../img/l_img_news.jpg);
}
body.special {
	background-image:url(../img/l_img_special.jpg);
}
body.recruit {
	background-image:url(../img/l_img_recruit.jpg);
}
body.link {
	background-image:url(../img/l_img_link.jpg);
}
body.contact {
	background-image:url(../img/l_img_contact.jpg);
}
body.rule {
	background-image:url(../img/l_img_rule.jpg);
}
body.sitemap {
	background-image:url(../img/l_img_sitemap.jpg);
}

img {
	border-style:none;
	border-width:0;
}

table, th, td {
	border-collapse:separate; 
}

A:active  { color:#cccccc; text-decoration:none; }
A:link    { color:#cccccc; text-decoration:none; }
A:visited { color:#cccccc; text-decoration:none; }
A:hover   { color:#cccccc; text-decoration:underline; }

h1 {
	font-size:15px;
	font-weight:bold;
}

h2 {
	font-size:14px;
	font-weight:bold;
	padding-top: 20px;
	padding-bottom: 10px;
}

h3 {
	font-size:13px;
	font-weight:bold;
	padding-top: 20px;
	padding-bottom: 10px;
}

h4 {
	font-size:12px;
	font-weight:bold;
	padding-top: 20px;
	padding-bottom: 10px;
}

P.capSub {
	font-size:10px;
	padding-left: 1em;
	padding-top:0;
	padding-bottom:0;
	text-indent: -1em;
}

/* ------------------------------------------------------------
Base
------------------------------ */
#container {
	position:absolute;
	width:780px;
	top:106px;
	left:191px;
	/*	margin:0px auto; //for center
*/
}

/* ------------------------------------------------------------
header
------------------------------ */
#header {
	width:780px;
	height:90px;
}

/* back Ground image */
body.index #header {
	background-image:url(../img/h_img_index.jpg);
}
body.shopinfo #header {
	background-image:url(../img/h_img_shopinfo.jpg);
}
body.news #header {
	background-image:url(../img/h_img_news.jpg);
}
body.special #header {
	background-image:url(../img/h_img_special.jpg);
}
body.recruit #header {
	background-image:url(../img/h_img_recruit.jpg);
}
body.link #header {
	background-image:url(../img/h_img_link.jpg);
}
body.contact #header {
	background-image:url(../img/h_img_contact.jpg);
}
body.rule #header {
	background-image:url(../img/h_img_rule.jpg);
}
body.sitemap #header {
	background-image:url(../img/h_img_sitemap.jpg);
}


#headerL {
	float:left;
	width:350px;
}

#headerR {
	float:right;
	width:420px;
	height:90px;
	text-align:right;
}

#headerR h1{
	font-size:10px;
	font-weight:normal;
	padding-top:20px;
	padding-right:5px;
	text-align:right;
}


#headerR h2{
	font-size:10px;
	font-weight:normal;
	padding-top:5px;
	padding-right:5px;
	text-align:right;
}
/* ------------------------------------------------------------
headerNavi
------------------------------ */
#headerNavi {
	width:780px;
	height:25px;
}


#headerNaviL {
	padding-top:5px;
	width:600px;
	float:left;
	font-size:10px;
	color:#990033;
	text-align: left;
}

#headerNaviL a{
	color:#990033;
}

#headerNaviR {
	padding-top:5px;
	width:150px;
	float:right;
}

#headerNaviR ul{
	text-align:right;
	list-style:none;
}

#headerNaviR li {
	display:inline;
	font-size:11px;
	border-right: 1px solid #999999;
}
#headerNaviR li.bnone {
	border-right: none;
}
#headerNaviR a {
	color:#999999;
	margin: 0 0.5em;
	padding: 0;
}

/* ------------------------------------------------------------
indexTop (=contents)
------------------------------ */
#indexTop {
	width:780px;
	height: 360px;
/*	border:1px red solid;*/
}

/* ------------------------------------------------------------
contents(=indexTop)
------------------------------ */
#contents {
	width:780px;
/*	border:1px red solid;*/
}

#contents p {
	padding-bottom:10px;
}

/* ------------------------------------------------------------
MainContents
------------------------------ */
#contentsMain {
	float:left;
	width:580px;
/*	border:1px red solid;*/
	margin-bottom:20px;
}

/* ------------------------------------------------------------
globalNavi
------------------------------ */
#globalNavi {
	float:right;
	width:180px;
/*	border:1px red solid;*/
}

#globalNavi ul {
	list-style-type:none;
}

#globalNavi li {
	display:inline;
}

.globalNaviQR {
	margin-top:13px;
}
.shopBanner {
	margin-top:40px;
	margin-bottom:20px;
}



/* ------------------------------------------------------------
index headline
------------------------------ */
#headline {
	width:780px;
	height:31px;
	
/*	border:1px red solid;*/
}

#headlineL {
	float:left;
	width:580px;
}

#headlineR {
	float:right;
	width:180px;
}

/* ------------------------------------------------------------
index topbanner (koolweb37-2011/04/29-)
------------------------------ */

#topbanner {
	width: 780px;
	height: 160px;
}

/* ------------------------------------------------------------
index 3 Banner
------------------------------ */
#indexBanner {
	width:800px;
	height:70px;
	margin-top:20px;
/*	border:1px red solid;*/
}

#indexBanner ul{
	list-style-type:none;
}

#indexBanner li{
	width:250px;
	display:inline;
	float:left;
	margin-right:15px;
}




/* ------------------------------------------------------------
index Item Updated Recently & News & Topics
------------------------------ */
#indexCenter {
	width:780px;
	height:220px;
/*	border:1px red solid;*/
}

#indexCenterL {
	float:left;
	width:380px;
	text-align:right;
/*	border:1px red solid;*/
}


#indexCenterR {
	float:right;
	width:380px;
	text-align:right;
/*	border:1px red solid;*/
}

#indexItem {
	height:150px;
	width:360px;
	overflow:auto;
 }
 
#indexNews {
	height:150px;
	width:360px;
	overflow:auto;
 }
 
#indexNews dl{
	border:0px solid #999;
	width:340px;
}
#indexNews dt{
	float:left;
	width:80px;
	padding:0;
	clear:both;
}
#indexNews dd{
	width:250px;
	margin-left:80px;
	padding:0;
	border-left:0px solid #999;
}

#indexCenter iframe {
	height:150px;
	width:360px;
	overflow:hidden;
}

/* ------------------------------------------------------------
index FeedBurner(Item Updated Recently) 
------------------------------ */
div.feedburnerFeedBlock ul{
    display: block;
	position: relative;
    width: 330px;
	clear: both;
    margin: 0;
	padding: 0;
}
div.feedburnerFeedBlock ul li{
    margin: 0;
	padding: 0;
    text-align: left;
	list-style-type : none;
}
div.feedburnerFeedBlock ul li p{
    margin: 0;
	padding: 0;
}

div.feedburnerFeedBlock div{
	display: none;
	}
	
span.headline { /*title*/
	font-size : 12px;
	font-weight : normal;
	margin: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 80px;
}

div.feedburnerFeedBlock p.date{ /*date*/
	padding: 0px;
	margin-top: -18px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}




/* ------------------------------------------------------------
Merchandise
------------------------------ */
#merchandise {
	width:780px;
/*	border:1px red solid;*/
}

#merchandise dl{
	width:780px;
	border:0px solid #000;  
}

#merchandise dt{
	float:left;   
	width:160px;   
	padding:0px 0 5px 10px;   
	clear:both;   
	font-weight:bold; 
	color: #666666;
}

#merchandise dd{
	width:590px;   
	margin-left:160px;   
	padding:0px 0px 5px 10px;   
	border-left:0px solid #000;
	color: #666666;
}


#merchandise ul{
	list-style-type:none;
}

#merchandise li{
	display:inline;
	margin-right:10px;
}

#merchandise a{
	color: #666666;
	white-space: nowrap; 
}


/* ------------------------------------------------------------
footer
------------------------------ */
#footer {
	width:780px;
	margin-top:20px;
	height:40px;
	background-image:url(../img/line_780_gy.gif);
	background-repeat:no-repeat;
	background-position:top;
	color:#999999;
/*	border:1px red solid;*/
}

#footerL {
	float:left;
	width:400px;
	margin-top:10px;
}

#footerR {
	float:right;
	width:300px;
	margin-top:10px;
}

#footerR ul{
	text-align:right;
	list-style:none;
}

#footerR li {
	display:inline;
	font-size:11px;
	border-right: 1px solid #999999;
}

#footerR li.bnone {
	border-right: none;
}

#footerR a {
	margin: 0 0.5em;
	padding: 0;
	color:#999999;
}




/* ------------------------------------------------------------
Shop Info
------------------------------ */
#shopinfoTop {
	width:580px;
	background-position:left top;
	background-repeat:no-repeat;
	min-height:340px;
	height: auto !important;
	height: 340px;
}

#contentsMain.shopIndex #shopinfoTop {
	background-image:url(../shopinfo/img/shopinfo_main_img.jpg);
}
#contentsMain.hondori #shopinfoTop {
	background-image:url(../shopinfo/img/hondori_main_img.jpg);
}
#contentsMain.alpark #shopinfoTop {
	background-image:url(../shopinfo/img/alpark_main_img.jpg);
}
#contentsMain.soleil #shopinfoTop {
	background-image:url(../shopinfo/img/soleil_main_img.jpg);
}

#shopinfoTop ul{
	list-style-type:none;
}

#shopinfoTop li{
	display:inline;
	margin-right:10px;
}


#shopinfoTopMsg {
	min-height:200px;
	height: auto !important;
	height: 200px;
}


#shopinfoTopImg {
	text-align:right;
}

#shopinfoTopImg ul{
	list-style-type:none;
}

#shopinfoTopImg li{
	float:right;
/*	display:inline;
*/	margin-right:10px;
}



#shopinfoCenter {
	width:580px;
}
#shopinfoCenterL {
	float:left;
	width:320px;
}

#shopinfoCenterL dl{
	border:0px solid #000;
	width:310px;
}
#shopinfoCenterL dt{
	float:left;
	width:60px;
	padding:5px 0 0 10px;
	clear:both;
	font-weight:bold;
}
#shopinfoCenterL dd{
	width:220px;
	margin-left:60px;
	padding:5px 0px 0px 10px;
	border-left:0 solid #000;
}

#shopinfoCenterR {
	float:right;
	width:240px;
	text-align: right;
}


#shopinfoBottom{
	width:580px;
	clear:both;
}
#shopinfoBottom ul {
    width:580px;
    margin-left:10px;
	padding:0px;
}
#shopinfoBottom li {
    display:block;
	position:relative;
    width:116px;
	float:left;
    margin:0px;
	padding:0px;
    list-style-type:none;
}
#shopinfoBottom h3 {
	padding-bottom: 0 !important;
}

#shopinfoBottom2 {
	width:580px;
	padding-top: 30px;
}
#shopinfoBottom2 ul {
	list-style-type:none;
	padding-left:10px;	
}
#shopinfoBottom2 li {
	display:inline;
	margin-right:10px;
}

/* ------------------------------------------------------------
NewsIndexPage
------------------------------ */
#newsIndex {
	width:580px;
	background-image: url(../news/img/news_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;

	min-height:400px;
	height: auto !important;
	height: 400px;
}

#newsIndex dl{  
	width:580px;
}

#newsIndex dt{
	float:left;   
	width:100px;   
	padding:5px 0 5px 10px;   
	clear:both;   
	font-weight:bold;   
}

#newsIndex dd{
	width:450px;   
	margin-left:100px;   
	padding:5px 5px 5px 10px;   
	border-left:1px solid #666; 
}


/* ------------------------------------------------------------
newsDetailPage
------------------------------ */
#newsDetail {
	width:580px;

	min-height:400px;
	height: auto !important;
	height: 400px;
}

#newsDetail dl{
	border:0px solid #000000;   
	width:560px;   
	margin-left:20px;
}
#newsDetail dt{
	float:left;   
	width:130px;   
	padding:5px 0 5px 10px;   
	clear:both;   
	font-weight:bold;   
}
#newsDetail dd{
	width:370px;   
	margin-left:130px;   
	padding:5px 5px 5px 10px;   
	border-left:1px solid #666666;  
}



/* ------------------------------------------------------------
specialPageIndex
------------------------------ */
#specialPage {
	background-image: url(../special/img/special_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 580px;
	min-height:400px;
	height: auto !important;
	height: 400px;
}

#specialPage ul{
    margin-top:20px;
}

#specialPage li {
	list-style-type:none;
    margin-top:5px;
}



/* ------------------------------------------------------------
photoPage
------------------------------ */
#photoPage li {
	margin-left:20px; 
	list-style-position: outside;  
}

/* ------------------------------------------------------------
adPage
------------------------------ */
#adPage {
/*	background-image: url(../special/ad/img/ad_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
*/	width:580px;
}

#adPage ul{
    width:560px;
    margin-left:10px;
	padding:0px;
}

#adPage li{
	display:block;
	position:relative;
	width:140px;
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align: center;
}

#adPage img{
	vertical-align: bottom;
}

#adPage h3 {
	clear:both;
}



/* ------------------------------------------------------------
eventPage
------------------------------ */
#eventIndex {
	width:580px;
	background-image: url(../special/event/img/event_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height:400px;
	height: auto !important;
	height: 400px;
}

#eventIndex dl{  
	width:580px;
}

#eventIndex dt{
	float:left;   
	width:100px;   
	padding:5px 0 5px 10px;   
	clear:both;   
	font-weight:bold;   
}

#eventIndex dd{
	width:450px;   
	margin-left:100px;   
	padding:5px 5px 5px 10px;   
	border-left:1px solid #666; 
}


/* ------------------------------------------------------------
eventDetailPage
------------------------------ */
#eventDetail {
	width:580px;
}

#eventDetail .sashieL {
	float:left;
	margin-right:10px;
}



#eventDetailTopImg {
	width:590px;
	margin-bottom:10px;
}
#eventDetailTopImg ul{
	list-style-type:none;
}

#eventDetailTopImg li{
	float:left;
	display:inline; /* For WinIE6*/
	margin-right:2px;
	margin-bottom:2px;
	font-size:1px;
}





/* ------------------------------------------------------------
wallpaperPage
------------------------------ */
#wallpaperPage {
	width: 580px;
}

#wallpaperMsg {
	width: 580px;
}

.wallpaperDL {
	width: 580px;
	margin-top:30px;
}

.wallpaperDL h2 {
	font-size:16px;
	font-weight:bold;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#639;
}

.wallpaperDL h3 {
	font-size:12px;
	font-weight:normal;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	color:#999;
}


.wallpaperDL ul{
	padding-left:10px;
}

.wallpaperDL li{
	list-style:none;
}


.wallpaperDLL {
	width: 180px;
	float:left;
}


.wallpaperDLC {
	width: 180px;
	margin-left:200px;
	margin-left:200px;
}


.wallpaperDLR {
	width: 180px;
	float:Right;
}



#wallpaperHelp {
	margin-top:20px;
	padding-top:10px;
	padding-bottom:10px;
	width: 580px;
	font-size:10px;
	color:#666;
	line-height:130%;
}

#wallpaperHelp ol{
    width:560px;
	padding-left:20px;
}

#wallpaperHelp h3 {
	font-size:11px;
	font-weight:bold;
	padding-top: 20px;
	padding-bottom: 0px;
}

#wallpaperHelp h4 {
	font-size:11px;
	font-weight:bold;
	padding-top: 10px;
	padding-bottom: 0px;
}

#wallpaperHelp p {
	padding-top: 0px;
	padding-bottom: 0px;
}

#wallpaperHelp .capSub {
	color:#444;
}
/* ------------------------------------------------------------
recruitPage
------------------------------ */
#recruitPage {
	background-image: url(../recruit/img/recruit_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 580px;
}


#recruitPage dl{
	border:0px solid #000000;   
	width:420px;   
	margin-left:20px;
}
#recruitPage dt{
	float:left;   
	width:80px;   
	padding:5px 0 5px 10px;   
	clear:both;   
	font-weight:bold;   
}
#recruitPage dd{
	width:280px;   
	margin-left:100px;   
	padding:5px 5px 5px 10px;   
	border-left:1px solid #666666;  
}

#recruitPage2 {
	background-image: url(../recruit/img/recruit_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 340px;
	width: 580px;
}


/* ------------------------------------------------------------
contactPage
------------------------------ */
#contactPage {
	background-image: url(../contact/img/contact_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 580px;
	min-height:400px;
	height: auto !important;
	height: 400px;
}

#contactPage li{
	margin-left:20px; 
	list-style-position: outside;  
}

#contactPage h3{
	padding-top:0px; 
}



/* ------------------------------------------------------------
linkPage
------------------------------ */
#linkPage {
	background-image: url(../link/img/link_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 580px;
}


#linkPage dl{
	border:0px solid #666666;   
	width:540px;   
	margin-left:20px;
}
#linkPage dt{
	float:left;   
	width:130px;   
	padding:5px 0 5px 10px;   
	clear:both;   
	font-weight:bold;   
}
#linkPage dd{
	width:340px;   
	margin-left:130px;   
	padding:5px 5px 5px 10px;   
	border-left:0px solid #666666;  
}



/* ------------------------------------------------------------
rulePage
------------------------------ */
#rulePage dl{
	border:0px solid #666666;   
	width:540px;
	padding-top:5px;
	padding-left:20px;
}
#rulePage dt{
	float:left;   
	width:80px;    
	clear:both;   
	font-weight:bold;   
}
#rulePage dd{
	width:390px;   
	margin-left:80px;
	border-left:0px solid #666666;  
}

#rulePage li{
	margin-left:20px; 
	list-style-position: outside;  
}



/* ------------------------------------------------------------
sitemapPage
------------------------------ */
#sitemapPage {
	background-image: url(../img/sitemap_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 580px;
	min-height:400px;
	height: auto !important;
	height: 400px;
	padding-bottom: 40px;
}

#sitemapPage dl{
	border:0px solid #666666;   
	width:540px;   
	margin-left:20px;
}
#sitemapPage dt{
	float:left;   
	width:130px;   
	padding:5px 0 5px 10px;   
	clear:both;   
	font-weight:bold;   
}
#sitemapPage dd{
	width:340px;   
	margin-left:130px;   
	padding:5px 5px 5px 10px;   
	border-left:0px solid #666666;  
}

#sitemapPage dd ul{ 
	list-style-type: disc;  
}

#sitemapPage dd li{ 
	margin-left:20px; 
	list-style-position: outside;  
}





/* ------------------------------------------------------------
Position
------------------------------ */
.positionC {
	text-align: center !important;
}

.positionR {
	text-align: right !important;
}

.positionL {
	text-align: left !important;
}


/* ------------------------------------------------------------
Float
------------------------------ */
.floatL {
	float: left;
}

.floatR {
	float: right;
}

.floatC {
	clear:both;
}


/* ------------------------------------------------------------
Space
------------------------------ */
.spaceTopS {
	padding-top: 10px !important;
}

.spaceTopM {
	padding-top: 20px !important;
}

.spaceTopL {
	padding-top: 30px !important;
}

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


										CSS Document
											
							Auther				:	koolweb37.com
							Data				:	2011.04.06

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

.index #container #earthquake {
	width:780px;
	height:50px;
	margin: 0 auto;
	padding: 15px 0;
}
.index #container #earthquake #eath_l {
	width: 600px;
	height: 50px;
	float: left;
}
.index #container #earthquake #bwl_b {
	width: 180px;
	height: 50px;
	/*background: url(../img/bwl_banner.jpg) no-repeat;*/
	float:right;
}
.index #container #earthquake #bwl_b a {
	width: 180px;
	height: 50px;
	display:block;
	text-decoration: none;
}
span {
	visibility: hidden;
}
/* facebook 2012.01.15
-------------------------------------------------------------------------------------------- */
#facebook {
	width: 780px;
	height: 220px;
	background: #FFF;
}
#facebook h2 {
	width: 780px;
	height: 30px;
	padding: 0;
	margin: 15px 0 0 0;
	background: url(../img/facebook_bar.png) no-repeat;
}
#facebook h2 em {
	visibility: hidden;
}
#container #facebook .fb-like-box {
	width: 780px;
	height: 190px;
	background: #FFF;
}