body{
background: #869ba5 url(images/back.png) repeat-y center top;
color: #000000;
padding: 5px;
margin-left: auto;
margin-right: auto;
width:800px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

#mainwrapper{
padding:50px;
font-size:12px;
line-height:150%;
}


a:link,a:visited{
color: #000000;
text-decoration:none;
	
}

.hbk_list ul li a:link,.hbk_list ul li a:visited{
color: #0068b6;
text-decoration:none;
text-shadow: gray 0 1px 1px;
}


h1.top{
/*margin-top:-23px;
text-indent:-2000px;
font-size:10px;*/
	display: none;
}
h2.top{
	display: none;
}

img{
border: 0px;
}

img.trackfeed_banner{
display:none;
}

/* @group hbk_menu */

.hbk_menu {

width: 700px;
float:left;
	margin-bottom: 20px;
}

.hbk_menu#bottom {
	margin-top: 30px;
}

.hbk_menu#bottom ul li.logo img{
margin-top: -10px;}

.hbk_menu ul {
/*float:left;*/
list-style:none;
	margin-top: 0;
	padding-top: 0;

}

.hbk_menu ul li {
float:left;	

}

.hbk_menu ul li.logo {
	margin-left:-40px;
	width: 130px;
	margin-right: 240px;
}

/*
.hbk_menu ul li.home {
	margin-left:-40px;
	width: 40px;
	margin-right: 30px;
}

.hbk_menu ul li.shoplist {
	width: 130px;
}
*/

.hbk_menu ul li.home {
	display: none;
}

.hbk_menu ul li.shoplist {
	margin-left:-40px;
	width: 130px;
	margin-right: 70px;
}
.hbk_menu ul li.blank {
		width: 100px;
}

.hbk_menu ul li.hbkreport {
		width: 100px;
}

.hbk_menu ul li.youth {
		width: 100px;
}



.hbk_menu ul li.activity {
		width: 100px;
}

.hbk_menu ul li.last {
			width: 100px;
		text-align: right;
}



/* @end */

/* @group hbk_shop_menu */

.hbk_shop_menu {

width: 700px;
float:left;
	margin-bottom: 20px;
}

.hbk_shop_menu#bottom {
	margin-top: 30px;
}

.hbk_shop_menu ul li img{
	/*opacity: 0.5;*/
}
.hbk_shop_menu#bottom ul li img{
	opacity: 1;
}

.hbk_shop_menu#bottom ul li.logo img{
margin-top: -10px;}

.hbk_shop_menu ul {
/*float:left;*/
list-style:none;
	margin-top: 0;
	padding-top: 0;

}

.hbk_shop_menu ul li {
float:left;	

}

.hbk_shop_menu ul li.logo {
	margin-left:-40px;
	width: 130px;
	margin-right: 240px;
}


.hbk_shop_menu ul li.shoplist {
	width: 130px;
}
.hbk_shop_menu ul li.activity {
		width: 100px;
}

.hbk_shop_menu ul li.last {
			width: 100px;
		text-align: right;
}

/* @end */

/* @group header */

#header,#header_shop{
height:36px;
	margin-bottom: 20px;
}
#header .leftside_container,#header_shop .leftside_container{
float:left;
}
#header .rightside_container,#header_shop .rightside_container{
text-align:right;
}
#header .rightside_container img,#header_shop .rightside_container img{
margin-top:0px;
}

/* @end */

/* @group footer */

#footer{
	clear: left;
height:23px;
}
#footer .leftside_container{
float:left;
}
#footer .rightside_container{
text-align:right;
}
#footer .rightside_container img{
margin-top:0px;
}

/* @end */

/* @group menu */

.menu{
	width: 700px;
clear:both;
padding-top:30px;

}
.menu ul{
list-style:none;
margin-left:-40px;
}
.menu ul li{
float:left;
	}
.menu ul li.shop_top{
width: 70px;
}
.menu ul li.price{
width:150px;
}
.menu ul li.reserve{
width:130px;
}
.menu ul li.stylebook{
width: 130px;
}

.menu ul li.staff{
width: 70px;
}

.menu ul li.staffblog{
width: 70px;
}
.menu ul li.shop_last{
	width: 80px;
	text-align: right;
}

.menu ul li img.out{
	display:none;
}

.menu ul li img.opa{
	opacity: 0.4;
	filter: alpha(opacity=40);
}

/* @end */

/* @group shop_menu */

.shop_menu{
padding-top:30px;
}
.shop_menu ul{
float:left;
list-style:none;
margin-left:-40px;
margin-top:5px;
margin-bottom:0px;
}
.shop_menu ul.top{
margin-top:20px;
}
.shop_menu ul li{/*border-width: 1px; border-style: solid; border-color: #FFF0000;*/
float:left;
font-size:10px;
font-weight:bold;
}
.shop_menu ul li.menu_0{
width:170px;

}
.shop_menu ul li.menu_1{
width:210px;

}
.shop_menu ul li.menu_2{
width:100px;

}
.shop_menu ul li.menu_3{
width:100px;

}
.shop_menu ul li.menu_4{
width:100px;

}
.shop_menu ul li.menu_5{
width:50px;
text-align:right;

}

.shop_menu ul li.menu_0_long{
width:210px;

}

.shop_menu ul li.menu_3_short{
width:80px;

}
.shop_menu ul li.menu_4_zero{
width:0px;
	background-color: #ccc;}
.shop_menu ul li.menu_5_long{
width:140px;
text-align:right;

}

.shop_menu ul li.menu_5_medium{
width:100px;
text-align:right;

}

/* @end */

/* @group participation_list */

.participation_list{
padding-top:30px;
}

.participation_list img.participation_title{
margin-top: 30px;
}

.participation_list p.small{
	font-size: 10px;
	font-weight: bold;
}

.participation_list ul{
	font-size: 10px;
}

/* @end */

/* @group youth_list */

.youth_list{
padding-top:30px;
}

.youth_list img.youth_title{
margin-top: 30px;
}

.youth_list p.small{
	font-size: 10px;
	font-weight: bold;
}

.youth_list ul{
	font-size: 10px;
}



/* @end */

/* @group activity_list */

.activity_list{
padding-top:30px;
}

.activity_list img.activity_title{
margin-top: 30px;
}

.activity_list p.small{
	font-size: 10px;
	font-weight: bold;
}

.activity_list ul{
	font-size: 10px;
}
/* @end */

/* @group hbk_list */

.hbk_list{
padding-top:30px;
	width: 700px;

}

.hbk_list img.area_title{
margin-top: 30px;
}
.hbk_list ul{
float:left;
list-style:none;
margin-left:-40px;
margin-top:5px;
margin-bottom:0px;

}
.hbk_list ul.up{
color: #0068b6;

}
.hbk_list ul.down{
color: #555555;
}

.hbk_list ul li{/*border-width: 1px; border-style: solid; border-color: #FFF0000;*/
float:left;
font-size:10px;
font-weight:bold;
}
.hbk_list ul li.menu_0{
width:170px;

}
.hbk_list ul li.menu_1{
width:150px;

}
.hbk_list ul li.menu_2{
width:100px;

}
.hbk_list ul li.menu_3{
width:100px;

}
.hbk_list ul li.menu_4{
width:70px;

}

.hbk_list ul li.arrow{
width:30px;
	}
.hbk_list ul.up li.arrow{
	background: url(images/arrow.png) no-repeat;
}
.hbk_list ul li.menu_5{
width:80px;
text-align:right;

}



/* @end */

/* @group shop_data */

.shop_data {

}

.shop_data ul {	
float:left;
list-style:none;

margin-top: 0;
margin-bottom: 0;
width: 315px;
padding-bottom: 2px;
}

.shop_data ul li {
float:left;
}

.shop_data ul li.data_name {
	margin-left:-40px;
width: 70px;
}

.shop_data ul li a:link{
	color: blue;
}


/* @end */

.menu_plus{
clear:left;
padding-top:30px;
font-size:10px;
line-height:150%;
}

.red{
color:#ff0000;font-weight:bold;
}

.menu_plus .red{
	display:none;
}

.wrapper{
clear:left;
padding-top:30px;
}
.wrapper .container{

}

.wrapper_division2{
clear:left;
padding-top:30px;
}
.wrapper_division2#welcome_mobile{
clear:left;
padding-top:30px;
}

.wrapper_division3{	
clear:both;
padding-top:20px;
}

.container{

}
.leftside_container{

}
.center_container{

}
.rightside_container{

}

.wrapper_division2 .leftside_container{
/*border-width: 1px; border-style: solid; border-color: #FFFFFF;*/
width:315px;
float:left;

}
.wrapper_division2 .rightside_container{
/*border-width: 1px; border-style: solid; border-color: #FFFFFF;*/
width:385px;
float:left;
}

img.zoomicon,img.newsicon{
	float: left;
	margin-right: 4px;
}
.wrapper_division2#welcome_mobile .leftside_container{
/*border-width: 1px; border-style: solid; border-color: #FFFFFF;*/
width:540px;
float:left;
}
.wrapper_division2#welcome_mobile .rightside_container{
/*border-width: 1px; border-style: solid; border-color: #FFFFFF;*/
width:160px;
float:left;
}
.wrapper_division2#welcome_mobile .leftside_container img{
float:left;
}

.wrapper_division2#welcome_mobile .leftside_container a:link,.wrapper_division2#welcome_mobile .leftside_container a:hover,.wrapper_division2#welcome_mobile .leftside_container a:visited{
color:#000000;
text-decoration:none;
}

.wrapper_division3 .leftside_container{
/*border-width: 1px; border-style: solid; border-color: #FFFFFF;*/
width:220px;
float:left;
padding-left:5px;
}
.wrapper_division3 .center_container{
/*border-width: 1px; border-style: solid; border-color: #FFFFFF;*/
width:220px;
float:left;
padding:0px 15px 0px 15px;
}
.wrapper_division3 .rightside_container{
/*border-width: 1px; border-style: solid; border-color: #FFFFFF;*/
width:220px;
float:left;
}

.shadowplus img{
border:1px solid #555555;
margin:-6px 6px 6px -6px;
padding:1px;
display:block;
/*background:#FFFFFF;*/

background: url(images/blank_image.gif) no-repeat;width: 220px;height: 138px;

position:relative;
}

.shadowplus{
float:left;
margin:10px 0px 0 0px;
/* background:url(images/shadowAlpha.png) no-repeat bottom right !important; */
/* background:url(images/shadow.gif) no-repeat bottom right;*/
background:url(images/shadowAlpha.png) no-repeat bottom right;
border:0px solid #FFFFFF;
}

.wrapper_division3 img.shop{
width:220px;
}

/* @group mailform */

.mailform ul{
padding:0px;
}

.mailform ul li{
list-style:none;
font-size:12px;
color:#555555;
font-weight:bold;
}

.mailform ul li.f_title{
}
.mailform ul li.f_form{
}

.mailform input#myname,#mailform input#email{
width:200px;
}
.mailform textarea{
width:600px;
height:200px;
}

/* @end */


.error_txt{
color:#ff0000;
}

.banner_doc{
margin-top:20px;margin-bottom:30px;
}
.banner_doc .shadowplus img{
/*width:88px;height:31px;*/
}



/* @group gallery */

.gallery{
		clear: left;
	padding-top: 30px;

}

.gallery ul {
		list-style: none;
		margin: 0 0 10px -40px;
}
	
.gallery ul li {
			display: block;
			float: left;
			margin: 0 9px 0 0;
}
		
.gallery ul li a {
				padding: 2px;
				display: block;
				border: 2px solid silver;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				line-height: 0;
}
			
.gallery ul li a:hover { 
border: 2px solid olive; 
}



/* @end */

.contentbody .rakuten_item{
	background: url(images/rakuten.gif) center left no-repeat;padding: 2px 0px 2px 20px;
}

.contentbody .linkweb_item{
	background: url(images/world.gif) center left no-repeat;padding: 2px 0px 2px 20px;
}
.contentbody .pdf_item{
	background: url(images/pdf.gif) center left no-repeat;padding: 2px 0px 2px 20px;
}

/* My Comment */
