@charset "UTF-8";

/*--------------------------------------------*/
/* common                                     */
/*--------------------------------------------*/
html{
    height:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,img { 
	margin: 0;
	padding: 0;
}
body {
	background:url(../img/bg_body.jpg) repeat-x #FFF;
	font-family: Osaka,'ヒラギノ角ゴ Pro W3',"ＭＳ ゴシック",sans-serif,'Hiragino Kaku Gothic Pro';
	font-size:12px;
	height:100%;
	line-height:140%;
}

#wrap {
	height:auto;
	min-height: auto;
	}
body > #wrap {
 height:100%;
}

img { vertical-align: bottom; border: none;}

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

#bottomContent dd a { color:#7591B9; text-decoration:underline; }

/*--------------------------------------------*/
/* Layout                                     */
/*--------------------------------------------*/

.pdt10 { padding:10px 0 0 0;}
.pdt20 { padding:20px 0 0 0;}
.pdt30 { padding:30px 0 0 0;}
.pdr5 { padding:0 5px 0 0;}
.pdl10 { padding:0 0 0 10px;}
.pdl20 { padding:0 0 0 20px;}
.pdl25 { padding:0 0 0 25px;}

.mgt20{ margin:20px 0 0 0;}
.mgt25{ margin:25px 0 0 0;}
.mgt30{ margin:30px 0 0 0;}

.left{ float:left;}
.right{ float:right; }

.red{ color:#FF2828; }

/*--------------------------------------------*/
/* Header                                     */
/*--------------------------------------------*/

#header {
	background:url(../img/bg_head.jpg) repeat-x top;
	width:100%;
	margin:0 auto;
}
.headerArea { width:910px; 	height:93px; clear:both; padding:0; margin:0 auto;}

/* logo */
#header .headerArea .headerLeft {
	float:left;
	width:430px;
	padding:20px 0 0 0;
	margin: 0;
}
#header .headerArea .headerLeft h1 a{
	float:left;
	width:137px;
	height:40px;
	text-indent:-9999px;
	display:block;
}
#header .headerArea .headerLeft h2{
	float:left;
	width:291px;
	height:68px;
	padding:4px 0 0 0;
	text-indent:-9999px;
	display:block;
}

/* Background */
#header .headerArea .headerLeft h1 a{	background:url(../img/logo.gif) top left no-repeat;}
#header .headerArea .headerLeft h2{	background:url(../img/header_copy.gif) top left no-repeat;}

/*------- LogOff -------*/

#header .headerArea #log_off {
	float:right;
	width:455px;
	border-left:solid 1px #C5DDEA;
	height:90px;
	padding:0 0 0 14px;
	margin: 0;
}

#header .headerArea #log_off .account {
	width:208px;
	padding:11px 0 0 0;
}

#header .headerArea #log_off .info {
	width:208px;
	height:23px;
	margin:6px 0;
	padding:5px 0 0 0;
	color:#666;
	text-align:center;
	background:url(../img/logoff_bg_account.jpg) top left no-repeat;
}

#header .headerArea #log_off .name {
	color:#3D86A5;
	font-size:14px;
}

#header .headerArea #log_off .account ul li{
	list-style:none;
	float:left;
	padding:0 13px 0 0;
}

#header .headerArea #log_off .nav ul {
	width:239px;
}

#header .headerArea #log_off .nav ul li {
	list-style:none;
	float:left;
	padding:0 1px 0 0;
	margin: 0;
}

/*------- LogIn -------*/

#header .headerArea #log_in {
	float:right;
	width:236px;
	height:63px;
	padding:12px 15px;
	background:url(../img/bg_head_login.jpg) top left no-repeat;
}


#header .headerArea #log_in .info {
	width:226px;
	height:21px;
	margin:7px 0;
	padding:5px 5px 0 5px;
	color:#666;
	text-align:center;
	background:url(../img/login_bg_account.jpg) top left no-repeat;
}

#header .headerArea #log_in .name {
	color:#3D86A5;
	font-size:14px;
}

#header .headerArea #log_in ul li{
	list-style:none;
	display:inline;
	padding:0;
	padding:0 3px;
}


/*------- Global Navi -------*/
#header .headerBottom {
	width:100%;
	height:45px; 
	clear: both;
	background:url(../img/bg_gnav.jpg) repeat-x bottom #FFF;
}

#header .headerBottom #naviMenu {
	width:910px;
	height:39px; 
	display:block;
	clear: both;
	margin:0 auto;
	padding:0;
	background:url(../img/gnav_all_on.jpg) no-repeat;
	position:relative;
}

#header .headerBottom #naviMenu .home { width: 130px; float:left; }
#header .headerBottom #naviMenu .contents { width: 780px; float:left; }

#header .headerBottom #naviMenu li { height:39px; float: left; list-style:none; }
#header .headerBottom #naviMenu li a { display:block; }
#header .headerBottom #naviMenu li a:hover { background-color: transparent; }

#header .headerBottom #naviMenu li a:hover img { visibility: hidden;}
#header .headerBottom #naviMenu li.naviMenu4 .submenu a:hover img  { visibility:visible!important;}

#header .headerBottom #naviMenu li .naviMenu1 { width: 120px; }
#header .headerBottom #naviMenu li .naviMenu2 { width: 216px; }
#header .headerBottom #naviMenu li .naviMenu3 { width: 147px; }
#header .headerBottom #naviMenu li .naviMenu4 { width: 149px; }
#header .headerBottom #naviMenu li .naviMenu5 { width: 142px; }
#header .headerBottom #naviMenu li .naviMenu6 { width: 126px; }

/*current*/
#story #header .naviMenu2 a  { display:block; background-color: transparent;}
#story #header .naviMenu2 a img  { visibility: hidden;}
#whats_lhw #header .naviMenu3 a  { display:block; background-color: transparent;}
#whats_lhw #header .naviMenu3 a img  { visibility: hidden;}
#products #header .naviMenu4 a  { display:block; background-color: transparent;}
#products #header .naviMenu4 a img  { visibility: hidden;}
#about #header .naviMenu5 a  { display:block; background-color: transparent;}
#about #header .naviMenu5 a img  { visibility: hidden;}
#quick #header .naviMenu6 a  { display:block; background-color: transparent;}
#quick #header .naviMenu6 a img  { visibility: hidden;}


/*--------------------------------------------*/
/* Main Content                               */
/*--------------------------------------------*/

#contentsArea  {
	clear: both;
	width:100%;
	background:url(../img/bg_contents.jpg) top center repeat-x #FFF;
}

/*------- topicpath -------*/

#contentsArea .topicpathBg {
	width:100%;
	margin:0 auto 20px auto;
	background:url(../img/line_dotted02.gif) repeat-x bottom;
}

#contentsArea .topicpath {
	width:910px;
	padding:12px 0;
	margin:0 auto;
}
#contentsArea .topicpath img {
	vertical-align:top;
}
#contentsArea .topicpath .hdnav {
	width:484px;
}
#contentsArea .topicpath .hdnav li {
	list-style: none;
	float:left;
	padding:0 0 0 13px; 
}

#contentsArea .topicpath .path ul {
	font-size:10px;
	color:#666;
}
#contentsArea .topicpath .path li { display:inline;	padding:0 5px 0 0; }


/*------- Main -------*/

.ColumnMain {
	width:910px;
	margin:0 auto;
	padding:0;
}

.ColumnMain .info{
	height:20px;
	padding:10px 0 0 0;
}

.ColumnMain .mainArea {
	width:695px;
	float:left;
	text-align:left;
	margin:0;
	padding: 0;
	clear:both;
}

.ColumnMain .main {
	margin:5px 0 0 0;
}


/*------- Side-------*/

.SidemenuBox {
	width:200px;
	float:right;
	text-align:left;
	margin:5px 0 0 0;
	padding:0;
}


.SidemenuBox .registBox{
	padding:7px;
	margin:0 0 15px 0;
	background:url(../img/bg_side_regist.jpg);
}
.SidemenuBox .registBox img{
	display:block;
}
.SidemenuBox .registBox a img{
	padding: 0 0 4px 0;
}

.SidemenuBox .registBox .cont{
	padding:9px 8px;
	background:#FFF;
	color:#666;
	font-size:10px;
	line-height:160%;
}

.SidemenuBox .registBox .price{
	color:#FF0000;
	font-weight:bold;
}
.SidemenuBox .registBox h4{
	clear:both;
	margin:4px 0 8px 0;
}
.SidemenuBox .registBox h5{
	color:#FF0000;
	font-size:10px;
	font-weight:bold;
	letter-spacing:-0.1em;
}

.SidemenuBox .registBox .hr{
	padding:0 0 4px 0;
	background:url(../img/line_dotted02.gif) repeat-x bottom;
}

.SidemenuBox .registBox .viewcart{
	min-height:103px;
	background:url(../img/bg_side_regist02.gif) bottom no-repeat;
}
.SidemenuBox .registBox .viewcart ul{
	width:75px;
	padding:5px 8px;
	background:url(../img/bg_side_regist01.gif) top no-repeat;
}
.SidemenuBox .registBox .viewcart ul li{
	padding:3px 0;
}

.SidemenuBox .registBox .viewpoint{
	padding:8px 0 0 0;
	background:url(../img/bg_side_regist03.gif) top no-repeat;
}

.SidemenuBox .registBox .viewpoint_cont{
	width:160px;
	padding:0 5px 8px 5px;
	background:url(../img/bg_side_regist04.gif) bottom no-repeat;
}
.SidemenuBox .registBox .viewpoint li{
	padding:3px 0;
}
.SidemenuBox .registBox .viewpoint .md{
	width:50px;
	float:left;
}
.SidemenuBox .registBox .viewpoint .point {
	width:110px;
	float:right;
	text-align:right;
}

.SidemenuBox .registBox .link{
	margin:5px 0 0 0;
}

.SidemenuBox .registBox .link a{
	margin:5px 0 0 0;
	padding:0 0 0 8px;
	background:url(../img/ic_arrow.gif) 0 4px no-repeat;
}

.SidemenuBox p{ 
	margin:0 0 10px 0;
}

.SidemenuBox .md{ 
	margin:15px 0 10px0 0;
}

.SidemenuBox ul li { 
	list-style:none;
	margin:0;
}
.SidemenuBox ul li.bottom { 
	list-style:none;
	margin:20px 0 0 0;
}

.SidemenuBox .customer{ 
	margin:15px 0 0 0;
}

.SidemenuBox .customer ul li{
	color:#666;
	font-size:10px;
	line-height:140%;
	padding:0 0 15px 0;
	background:url(../img/line_dotted02.gif) repeat-x bottom;
}

/*--------------------------------------------*/
/* Bottom Content                             */
/*--------------------------------------------*/

#bottomContent  {
	clear: both;
	width:909px;
	margin:25px auto 0 auto;
	padding:0 0 1px 0;
	background:url(../img/bg_contbottom_foot.gif) bottom left no-repeat;
}

#bottomContent .linkmenu{
	padding:1px 0 0 0;
	background:url(../img/bg_contbottom_head.gif) top left no-repeat;
}

#bottomContent .linkmenu_body{
	padding:0 15px 15px 15px;
	background:url(../img/bg_contbottom_body.gif) top left repeat-y;
}

#bottomContent dl {
	width:200px;
	margin:0 auto;
	padding:0 19px 0 0;
}
#bottomContent dt { padding:15px 0 10px 0; }
#bottomContent dd { padding:0 0 1px 0; color:#7591B9;}
#bottomContent .coming { color:#999;}

/*------- PageTop -------*/
.btnPagetop {
	width:100%;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	background:url(../img/line_dotted02.gif) repeat-x center 10px;
}

.btnPagetop p { width:910px; text-align:right; margin:0 auto; padding:0;}

/*------- Footer -------*/
#footer { 
	width:100%;
	background: url(../img/bg_foot.jpg) repeat-x #000;
	display: block;
	min-height:176px;
	height:auto!important;
	height:176px;
}

.footArea { width:910px; margin:0 auto; padding:26px 0;}
.footArea ul { width:100%; overflow:hidden; margin:0; padding:0;}
.footArea li { list-style:none; float:left; padding:0 12px 0 0; }
.footArea .last { padding:0; }

.footerCopy { 
	clear:both;
	width:230px;
	height:13px;
	text-indent:-9999px;
	margin:45px 0 0 0;
	background: url(../img/copyright.jpg) left center no-repeat;
}

/*--------------------------------------------*/
/* clearfix                                   */
/*--------------------------------------------*/

.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: block;
	min-height: 1%;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}