@charset "utf-8";

/*****************************  GENERAL STYLE  *****************************/

body {
font-size:62.5%;
font-family: verdana,"trebuchet ms",sans-serif;
margin: 0;
padding: 0;
line-height:1.5;
text-align:center;
background:url(../images/bg.gif) top center repeat-y #023452;
color:#333;
}

a img { border: 0; }

h1, h2, h3, h4, h5, h6 { 
font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote{
margin: 0;padding: 0;
}

ul,ol {
list-style: none;
}

ul,ol,li,dl,dt,dd {
margin: 0;
padding: 0;
}


.Clear {
clear: both;font: 0pt/0pt sans-serif;
}

.clearfloat {
clear:both;
height:0px;
}

img {
border: 0px;
}

a:link, a:visited{
color:#0a7e8f;
text-decoration: none;
}
a:hover{
color: #0f94a8;
text-decoration: underline;
}

* {
zoom: 1;
}

.txtRed{
	color:#FF0000;
	}

.txtNormal p{
	font-size:1.2em;
	}

.txtNormal dl{
	text-align:left;
	}

.txtNormal dt{
	font-weight:bold;
	font-size:1.4em;
	color:#008cbd;
	}

.txtNormal dd{
	margin-bottom:10px;
	font-size:1.2em;
	margin-left:10px;
	}

.txtNormal dd dl{
	font-size:0.8em;
	}
	
.txtNormal dd dt{
	font-weight:normal;
	}

.txtNormal form{
	text-align:left;
	}

.txtLeft{
	text-align:left;
	}

.f_left{
width:150px;
margin-top: 9px;
padding-top: 2px;
float:left;
font-size:1.2em;
}
.f_right{
width:400px;
margin-top: 9px;
float:left;
font-size:1.2em;
}

#wrap{
	width:100%;
	background:url(../images/bg.jpg) top center no-repeat;
	}
	
#header{
	margin:0 auto;
	height:202px;
	width:880px;
	text-align:left;
	}

h1{
	background:url(../images/logo.png) no-repeat top center;
	text-indent:-9999px;
	width:446px;
	height:74px;
	}

h1 a{
	display:block;
	width:446px;
	height:74px;
	}

h2{
	background:url(../images/info.png) no-repeat top center;
	text-indent:-9999px;
	width:292px;
	height:74px;
	margin:20px 0 0 73px;
	}

h3{
	margin:0 auto 20px auto;
	}

h4{
	margin:0 auto 10px auto;
	}

h5{
	font-weight:bold;
	font-size:1.2em;
	}

#topBnrList{
	width:836px;
	text-align:center;
	margin:0 auto 20px auto;
	}

*html #topBnrList{
	width:848px;
	}
	
#topBnrList li{
	display:inline;
	}
	
#topBnrList li img{
	padding:4px;
	}
	
#content{
	text-align:center;
	margin:0 auto;
	width:828px;
	}

#boxLeft{
	width:204px;
	float:left;
	}

#boxLeft ul{
	margin-bottom:20px;
	}

#boxRight{
	width:580px;
	margin-left:244px;
	margin-bottom:30px;
	}

/* shop */

.bluebutterflyItem{
	padding:16px;
	text-align:left;
	border:2px solid #e0e0e0;
	background:url(../images/shop/bg_bluebutterfly.gif) 304px 10px no-repeat;
	margin-bottom:10px;
	}

*html .bluebutterflyItem{
	padding:15px;
	}
.bluebutterflyItem h5{
	color:#008cbd;
	}

.bluebutterflyItem p{
	margin-top:10px;
	font-size:1.2em;
	}

.hanonItem{
	padding:16px;
	text-align:left;
	border:2px solid #e0e0e0;
	background:url(../images/shop/bg_hanon.gif) 354px 10px no-repeat;
	margin-bottom:10px;
	}

*html .hanonItem{
	padding:15px;
	}
.hanonItem h5{
	color:#975200;
	}

.hanonItem p{
	margin-top:10px;
	font-size:1.2em;
	}

.jkt{
	float:left;
	width:100px;
	margin:0 10px 0 0;
	}

.jkt img{
	margin-bottom:5px;
	}
.itemInfo{
	margin-left:110px;
	}
.coution{
	border:2px solid #F00;
	padding:10px;
	text-align:left;
	margin-bottom:10px;
	}
	
.coution h5{
	text-align:center;
	font-size:1.6em;
	}
	
.coution dl{
	font-size:1.4em;
	}
.coution dt{
	width:35px;
	float:left;
	color:#FF0000;
	font-weight:bold;
	}

.coution dd{
	margin-left:35px;
	margin-bottom:10px;
	}

/* footer */

#footer{
clear:both;
text-align:center;
padding:10px;
}
#footer ul{
text-align:center;
}
#footer ul li{
display:inline;
}
#footer ul li img{
border-right:1px solid #000;
padding:0 17px;
}
#footer ul li.footerRight img{
border-right:none;
}
#copy{
clear:both;
padding:10px;
}
/* clearfix */
	
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */