@charset "utf-8";

/* 
----------------------------------------------------------------------------- 
BASIC SETTING
-----------------------------------------------------------------------------*/
html {overflow-y:scroll;}
body,p,li,dt,dd,table {line-height:1.4;}
li {list-style:none;}
sup {vertical-align:4px;}
textarea {overflow:auto;}

#section1 table,
#voicePage table {width:100%;}

/* 
----------------------------------------------------------------------------- 
LINK
-----------------------------------------------------------------------------*/

a {color: #333; text-decoration:none;}
a:active, a:focus, a:hover {overflow:hidden; text-decoration:underline;} /* Delete Link Border for Firefox */


/* 
----------------------------------------------------------------------------- 
RESET
-----------------------------------------------------------------------------*/

#header, #siteId, #globalNavItems, #main, #footer, .top #contentMain, .top .topicsItem, #contentHeader, #staffList {display:block;zoom:1;}


/* 
----------------------------------------------------------------------------- 
HEADER
-----------------------------------------------------------------------------*/
#page {
	width:100%;
	background: none;
	text-align:center;
	}

#pageInner {
	border:0;
	width:100%;
	background: url(../file/bgHeader.jpg) left top repeat-x;
	text-align:center;
	}


#header {
	width:810px;
	margin:0 auto 10px;
	background:none;
	text-align:center;
	}

#header #headerInner {text-align:left;}

#siteId {background:none;}

#siteId #subTitle {padding:7px 0 0 0;}

#siteLogo {
	margin:20px 0 11px;
	padding:0;
	}
	
#siteLogo a {color:#333;}
#siteLogo img{vertical-align: bottom;}

#utilityNav {
	width:327px;
	height:40px;
	background: url(../file/headerContact.gif) left top no-repeat;
	top:46px;
	right:0;
	}
	
#utilityNav a {display:none;}


/* 
----------------------------------------------------------------------------- 
CSS navi section
-----------------------------------------------------------------------------*/	
#globalNav {width:810px;}
#globalNav ul li {width:115px;}
#globalNavItems li.globalNavItem a {color:#333;}
#globalNavItems .globalNavItem a:hover{ 
	background: url(../file/bgNavi.jpg) left top repeat-x;
	color:#ffffff;
	}

#section1 #globalNavItems li#globalNavItem1 a,
#section2 #globalNavItems li#globalNavItem2 a,
#section3 #globalNavItems li#globalNavItem3 a,
#section4 #globalNavItems li#globalNavItem4 a,
#section5 #globalNavItems li#globalNavItem5 a,
#section6 #globalNavItems li#globalNavItem6 a,
#section7 #globalNavItems li#globalNavItem7 a,
#section8 #globalNavItems li#globalNavItem8 a,
#section9 #globalNavItems li#globalNavItem9 a,
#section10 #globalNavItems li#globalNavItem10 a,
#section11 #globalNavItems li#globalNavItem11 a,
#section12 #globalNavItems li#globalNavItem12 a,
#section13 #globalNavItems li#globalNavItem13 a,
#section14 #globalNavItems li#globalNavItem14 a,
#section15 #globalNavItems li#globalNavItem15 a,
#section16 #globalNavItems li#globalNavItem16 a,
#section17 #globalNavItems li#globalNavItem17 a,
#section18 #globalNavItems li#globalNavItem18 a,
#section19 #globalNavItems li#globalNavItem19 a,
#section20 #globalNavItems li#globalNavItem20 a {background: url(../file/bgNavi.jpg) left top repeat-x;}


/* 
----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/	

#footer {
	width:810px;
	margin:0 auto;
	clear:both;
	}

#pageTop {padding-bottom:10px;}

#footerNav{
	background: #ffffff url(../file/bgFooter.jpg) repeat-x;
	text-align:center;
	padding:10px 0;
	width:100%;
	}

#copyright{
	width:100%;
	background-color:#fff;
	border:none;
	}
	
#poweredBy {background: none;}


/* 
----------------------------------------------------------------------------- 
TOP (#section1)
-----------------------------------------------------------------------------*/	

#section1 #container {
	padding-top:10px;
	clear:both;
	margin:0 auto;
	text-align:center;
	}
	
#section1 #wrapper {background:url(../file/bgSideMenu.gif) left top repeat-y;}


/* sideMenu */

#section1 #sideMenu {padding:10px 0 0;}
	
#section1 .sideMenuInner {
	width:190px;
	margin:0 auto;
	padding:0 0 10px;
	position:relative;
	}
	
#section1 .sideMenuInner img {vertical-align:bottom;}

#section1 .sideMenuInner .btnMore{
	position:absolute;
	right:8px;
	top:12px;
	}
	
#section1 #sideMenu .contentBlock {
	background-color:#fff;
	border:1px solid #FFBFBF;
	border-width:0 1px 1px;
	padding:10px 0;
	text-align:center;
	}

#section1 #searchContents li {margin-bottom:5px;}
	
#section1 #mobileContents {
	width:175px;
	margin:0 auto;
	text-align:left;
	}
	
#section1 #mobileContents p {
	font-size:10px;
	margin-top:10px;
	}

#section1 #shopContents {
	width:170px;
	margin:0 auto;
	text-align:left;
	}
	
#section1 #shopContents a {
	color:#609FFF;
	font-weight:bold;
	padding-left:15px;
	background:url(../file/arrowShop.gif) 0 2px no-repeat;
	}
	
#section1 #shopContents p {
	padding-left:15px;
	font-size:10px;
	margin-bottom:5px;
	}

#section1 #sideBanner {margin-bottom:10px;}
#section1 #sideBanner li {margin-bottom:3px;}

#section1 #sideBanner2 {
	text-align:center;
	width:190px;
	margin: 0 auto;
	}
	
#section1 #sideBanner2 table td {
	padding:5px 0;
	text-align:left;
	font-size:10px;
	color:#666;
	}
	
#section1 #sideBanner2 table td p {margin-top:5px;}


/* mainArea */

#section1 .bannerArea {margin:10px 0 10px -6px;}

#section1 .bannerArea li {padding-left:6px;}

#section1 #shopList {margin:10px 0;}
#section1 #shopListContents {
	border:1px solid #dfdfdf;
	padding:10px 0 5px;
	text-align:center;
	}
	
#section1 #shopListInner {
	width:570px;
	margin:0 auto;
	text-align:left;
	}
	
#section1 #shopListInner a {
	color:#609FFF;
	font-weight:bold;
	padding-left:15px;
	background:url(../file/arrowShop.gif) 0 2px no-repeat;
	}
	
#section1 #shopListInner p {
	padding-left:15px;
	font-size:10px;
	margin-bottom:5px;
	}

#section1 #mainArea h3 {margin-bottom:1px;}

#section1 .contentsArea table {
	width:100%;
	text-align:left;
	}
	
#section1 .contentsArea table td {vertical-align:top;}

#section1 .contentsArea #newsContainer {width:300px;}
#section1 .contentsArea #news {width:290px;}
#section1 .contentsArea #informatinon {
	border:1px solid #dfdfdf;
	min-height:352px;
	height:auto !important; /* for modan browser's height */
	height:352px; /* for ie6 */
	} 
	
#section1 .contentsArea #informatinon table tr.odd td {background-color:#fff;}
#section1 .contentsArea #informatinon table tr.even td {background-color:#f5f5f5;}


#section1 .contentsArea #informatinon table td span {
	display:block;
	margin:5px 10px;
	padding-left:10px;
	background:url(../file/listCircle.gif) 0 4px no-repeat;
	}
	
#section1 .contentsArea #informatinon table td span strong {
	font-weight:bold;
	}
	
#section1 .contentsArea #informatinon table td dl dd {padding-left:10px;}



#section1 .contentsArea #voice {text-align:center;}
#section1 .contentsArea #voiceContents {
	border:1px solid #dfdfdf;
	padding:10px 0 7px;
	min-height:334px;
	height:auto !important; /* for modan browser's height */
	height:334px; /* for ie6*/
	}
	
#section1 .contentsArea #voiceInner {
	width:270px;
	margin:0 auto;
	text-align:left;
	}

#section1 .contentsArea #customerVoice {background:url(../file/bgSideMenu.gif) left top repeat;}
#section1 .contentsArea #point {font-size:14px;}
	
#section1 .contentsArea #point span {
	font-size:18px;
	color:#f00;
	}

#section1 .contentsArea #customerVoice {
	text-align:center;
	padding:5px 0;
	}
	
#section1 .contentsArea #customerVoiceInner {
	width:260px;
	margin:0 auto;
	background-color:#fff;
	}
	
#section1 .contentsArea #customerVoiceInner div {
	width:250px;
	margin:0 auto;
	padding:5px 0;
	}

#section1 .contentsArea #customerVoice #customerImg {width:110px;}

#section1 .contentsArea #customerVoice #comment {
	font-size:10px;
	font-weight:bold;
	background-color:#f5f5f5;
	padding:2px 5px;
	margin-top:5px;
	text-align:left;
	}
	
#section1 .contentsArea #customerVoice #comment span {color:#f00;}

#section1 .contentsArea #question {
	width:262px;
	margin:5px auto;
	}

#section1 .contentsArea #question table th,
#section1 .contentsArea #question table td {
	background:url(../file/lineDot.gif) left bottom repeat-x;
	padding:5px 0;
	}

#section1 .contentsArea #question table #lastCell th,
#section1 .contentsArea #question table #lastCell td {background:none;}

#section1 .contentsArea #question table th {
	width:11%;
	vertical-align:top;
	}
	
#section1 .contentsArea #question table td {width:89%;}
	
#section1 .contentsArea #question table td p {
	border-left:3px solid #FFE2E2;
	padding-left:5px;
	height:68px;
	overflow:hidden;
	}
	
#section1 .contentsArea #question #btnVoice {
	text-align:center;
	margin-top:5px;
	}
	
#section1 #dokodemo {margin-top:10px;}



/* 
----------------------------------------------------------------------------- 
CUSTOMER VOICE (#voicePage)
-----------------------------------------------------------------------------*/	
#voicePage #content {text-align:center;}

#voicePage #contentMain {
	width:710px;
	margin:0 auto;
	text-align:left;
	}

#voicePage .paragraph1 {margin:10px 0;}

#voicePage h3 {
	background:url(../file/bgHeaderVoice.jpg) left top no-repeat;
	border:none;
	margin:20px 0 0;
	padding:0;
	clear:both;
	}
	
#voicePage h3 span {
	color:#fff;
	font-size:17px;
	font-weight:bold;
	padding:0 5px 0 15px;
	line-height:36px;
	height:36px;
	overflow:hidden;
	display:block;
	}
	
#voicePage .voiceContent {
	border:1px solid #dfdfdf;
	border-width:0 1px 1px;
	text-align:center;
	padding:10px 0;
	}
	
#voicePage .voiceContentInnter {
	width:682px;
	margin:0 auto;
	margin:0 auto;
	text-align:left;
	}
	
#voicePage .leftBlock {text-align:center;}
	
#voicePage .voiceComment {
	text-align:center;
	background-color:#888;
	padding:5px; 0
	}
	
#voicePage .voiceCommentInner {
	width:230px;
	margin:0 auto;
	text-align:left;
	}

#voicePage .customerImg {text-align:center; background:#fff;}

#voicePage .customerInfo {
	color:#fff;
	padding:5px 0;
	}
	
#voicePage .employeeInfo {
	padding:5px;
	background-color:#fff;
	}

#voicePage .employeeInfo td {vertical-align:top;}

#voicePage .employeeImg {width:105px;}
#voicePage .employeeInfo p {
	font-size:10px;
	}
	
#voicePage .btnShopDetail{margin-top:10px;}

#voicePage .btnShopDetail .col2 {
	text-align:right;
	padding:5px 0;
	}

#voicePage .question {
	background:url(../file/lineDot.gif) left bottom repeat-x;
	margin-bottom:15px;
	}

#voicePage .question th,
#voicePage .question td {
	vertical-align:top;
	padding-bottom:15px;
	}
	
#voicePage .question th {width:40px;}

#voicePage .question td p {
	border-left:3px solid #FFE2E2;
	padding-left:5px;
	}
	
#voicePage .lastChild {background:none;}


/* BACK NUMBER */
#voicePage .backNumberHeader {background:url(../file/bgHeaderBacknumber.jpg) left top no-repeat;}

#voicePage .backNumber {
	border:1px solid #dfdfdf;
	border-width:0 1px 1px;
	padding:20px 10px;
	}
	
#voicePage .backNumber .shopList td {
	width:50%;
	padding-bottom:10px;
	color:#666;
	font-size:10px;
	font-weight:bold;
	}
	
#voicePage .backNumber .shopList a {
	color:#609FFF;
	padding-left:15px;
	background:url(../file/arrowShop.gif) left top no-repeat;
	}



/* 
----------------------------------------------------------------------------- 
CLEARFIX
-----------------------------------------------------------------------------*/

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

.clearfix {zoom:1;}