/* CSS Document */

/* ================ reset ================== */

body,div,p,a,img,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
table,th,td,dl,dt,dd,
form {
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
}
input{
margin: 0;
padding: 0;}
input,select,label,table p{font-size: 10px;}
img {
	vertical-align:bottom;
}

ul{list-style: none;}

ul ul,
ul ul ul {
	list-style:square;
}
ul ul{
margin-left: 20px;
}
ul ul ul{
margin-left: 40px;
}
body * {
	font-family:"Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", sans-serif;
}

body {
	font-size:11px;
	color:#111;
	text-align:center;
	line-height: 1.6;
}

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

/* ================ utility ================== */

/* -------- clear -------- */
.box{
overflow: auto;
width: 100%;
}
.reset-point {
	clear		:both;
	width		:1px;
	height		:1px;
	overflow	:hidden;
}

.cmn_cl:after {
	content		: ".";
	height		: 0px;
	clear		: both;
	visibility	: hidden;
	display		: block;
}

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

.clearfix { display: inline-block; } .clearfix { display: block; }
.clear {
	clear: both;
}
.cmn_clb {
	clear	:both;
}

input.srt{width: 30px;}
input.mid{width: 120px;}
input.lng{width: 280px;}
textarea{width: 350px; height: 170px;}

a:link{color: #000066;}
a:hover{color: #000066; text-decoration: underline;}
a:visited{color: #000066;}
a:focus{color: #000066;}

ul.line{
}
ul.line li{
display:inline;
font-size: 9px;
}
ul.line li a{
text-decoration: none;
color: #6e261c;
}
ul.line li a:hover{
text-decoration: underline;
color: #6e261c;
}
ul li.arrow a{
background: url(../img/arrow.jpg) left center no-repeat;
padding-left: 8px;
text-decoration: underline;
}
ul li.now a{
color: #333;
text-decoration: underline;
}
table{}
table.info th{border-right: 1px solid #990000;}
table td{padding:2px 10px;}
table td,table th{
border-bottom: 1px solid #ccc;
}
table th.left{
text-align: right; 
background: #f2f2f2; 
padding: 2px 4px 2px 10px; 
color: #340000;
width: 95px;
}

p.caution,span.caution{color: #ff0000;}
p.center,p.submit{text-align: center;margin-top: 6px;}
.left{
float: left;
}
.right{
float: right;
}
#concept strong{
font-size: 14px;
color: #000066;
}
/*============================================*/
/*============================================*/
li#sitemap a{
background: url(../img/sitemap_img.jpg) center left no-repeat;
padding-left: 20px;
}
div#wrap{
position:absolute;
top:50%;
left:50%;
width:912px;
height:582px;
margin-left:-456px;
margin-top:-291px;
background: url(../img/body_back.jpg) top left no-repeat;
}
body#home div#wrap{
background: url(../img/index_back.jpg) top left no-repeat;
}
div#cont{
margin: 6px 6px 16px 6px;
position: relative;
width:900px;
}
div#main{
width: 820px;
margin: 20px 40px;
text-align: left;
}

/*============================================*/
/*==header==========================================*/
div#header{
height: 80px;
}
h1#logo{
position: absolute;
top: 13px;
left: 20px;
z-index: 1;
}
ul#sub{
position: absolute;
top: 8px;
right: 20px;
font-size: 10px;
}
ul#sub li a{
text-decoration: none;
color: #333;
}
ul#menu{
position: absolute;
top: 27px;
left: 0;
width: 730px;
height: 30px;
background: url(../img/menu_back.jpg) top left no-repeat;
padding-left: 170px;
}
ul#menu li a{
display: block;
float: left;
width: 100px;
height: 30px;
text-indent: -9999px;
overflow: hidden;
}
ul#menu li#home a{background: url(../img/menu_group.jpg) 0 0 no-repeat;}
ul#menu li#concept a{background: url(../img/menu_group.jpg) -99px 0 no-repeat;}
ul#menu li#order a{background: url(../img/menu_group.jpg) -198px 0 no-repeat;}
ul#menu li#pickup a{background: url(../img/menu_group.jpg) -297px 0 no-repeat;}
ul#menu li#info a{background: url(../img/menu_group.jpg) -396px 0 no-repeat;}
ul#menu li#sp a{background: url(../img/menu_group.jpg) -495px 0 no-repeat;}
ul#menu li#blog a{background: url(../img/menu_group.jpg) -594px 0 no-repeat;}

ul#menu li#home a:hover{background: url(../img/menu_group.jpg) 0 -30px no-repeat;}
ul#menu li#concept a:hover{background: url(../img/menu_group.jpg) -99px -30px no-repeat;}
ul#menu li#order a:hover{background: url(../img/menu_group.jpg) -198px -30px no-repeat;}
ul#menu li#pickup a:hover{background: url(../img/menu_group.jpg) -297px -30px no-repeat;}
ul#menu li#info a:hover{background: url(../img/menu_group.jpg) -396px -30px no-repeat;}
ul#menu li#sp a:hover{background: url(../img/menu_group.jpg) -495px -30px no-repeat;}
ul#menu li#blog a:hover{background: url(../img/menu_group.jpg) -594px -30px no-repeat;}

#home ul#menu li#home a{background: url(../img/menu_group.jpg) 0 -60px no-repeat;}
#concept ul#menu li#concept a{background: url(../img/menu_group.jpg) -99px -60px no-repeat;}
#order ul#menu li#order a{background: url(../img/menu_group.jpg) -198px -60px no-repeat;}
#pick ul#menu li#pickup a{background: url(../img/menu_group.jpg) -297px -60px no-repeat;}
#info ul#menu li#info a{background: url(../img/menu_group.jpg) -396px -60px no-repeat;}
#sp ul#menu li#sp a{background: url(../img/menu_group.jpg) -495px -60px no-repeat;}

div.half_L{
float: left;
width:400px;
}
div.half_R{
float: right;
width:400px;
}
div.gray p,div.gray ul li{
font-size: 10px;
color: #222;
}
h2,h3,h4{
margin-bottom: 10px;
}
/*============================================*/
/*==buy==========================================*/
table#belt_form{
padding-top: 6px;
border-top: 1px solid #990000;
}


/*============================================*/
/*==info==========================================*/
div#map_back{
background: url(../img/map_back.jpg);
width: 400px;
height: 280px;
}
iframe#map{
margin: 10px;
}

/*============================================*/
/*==concept==========================================*/
div#concept_p{
width: 430px;
}
div#concept_pic{
width: 300px;
}
div#concept_box{
margin: 0 auto;
width:760px;
padding-bottom: 20px;
border-bottom: 1px solid #333;
}


/*============================================*/
/*==order_menu==========================================*/
div#order_menu{
width: 560px;
}
div#order_left{
width: 232px;
}
dl.order_dl{
float: left;
width: 135px;
}
dl.space{
margin-left: 6px;
}


/*============================================*/
/*==belt==========================================*/
div#belt_sub{
width: 250px;
}
div#belt_main{
width: 550px;
}
div.belt_p{
width: 240px;
}
div.bel_btm{
margin-top: 20px;
}
img.bnr{margin: 10px 0;}
/*============================================*/
/*==pickup==========================================*/
div#side250{
width: 250px;
}
div.item_box{
position: relative;
height: 130px;
}
img.price{
position: absolute;
top: 70px;
left: 150px;
}
div#pickup_main{
width: 550px;
}
div.item_prop{
width: 400px;
}
div.space5{
margin-top: 5px;
}
img.item{
margin: 10px;}

/*============================================*/
/*============================================*/
div.sp_box{
width: 260px;
}
div.sp18{
margin-left: 18px;
}
img.right_space6{
margin-right: 6px;
}
img.left_space8{
margin-left: 6px;
}

/*============================================*/
/*============================================*/
body#home h3{
margin-bottom: 0;
}
div#top_L{
width: 360px;
}
div#top_R{
width: 440px;
}
div#sp_jump{
padding-bottom: 10px;
border-bottom: 1px solid #333;
}
div#top_black{
background: #ccc;
height: 310px;
padding-top: 15px;
}
div#top_black p{
margin: 4px 15px;
}
div#top_black h3{
margin-left: 15px;
margin-right: 15px;
}
div#img_group{
margin-left: 15px;
}

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

table#sample td{
width: 100px;
margin: 0;
padding: 0;
}


/*============================================*/
/*============================================*/
div#shirts_L{
width: 270px;
}
p#shirts{
margin-left: 130px;
width: 140px;
}
div#shirts_top{
height: 260px;
background: url(../img/shirts_back.jpg) top left no-repeat;
}
div#shirts_parts{
width: 540px;
}
dl.parts{
width: 265px;
margin-bottom: 10px;
height: 120px;
}
dl.parts dd{
width: 155px;
}

/*============================================*/
/*============================================*/
div#suits_menu{
width: 380px;
background: #f2f2f2;
padding-bottom: 10px;
}
div#suits_menu h4{
margin-left: 5px;
padding-top: 10px;
}
div#suits_menu p{
margin: 0 20px;
}

div#suits_R{
width: 420px;
}
div#bland_list ul li{
float: left;
width: 200px;
font-size: 10px;
line-height: 1.2;
}
span.bland{
font-size: 10px;
color: #666;
}
span.blue{
color: #369;
font-weight: bold;
}
/*============================================*/
/*============================================*/
/*============================================

 index home

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

div#blogrss {
	 height: 70px;
	 overflow: auto;
	 padding: 8px;
}
div#blogrss ul li a.rss-item{
	display: block;
	float: right;
	margin-right: 20px;
}
div#blogrss br{
	display: none;
}	





/*============================================*/
/*==footer==========================================*/

div#footer{
clear: both;
position: absolute;
top: 520px;
left: 0;
width: 900px;
height: 20px;
background: url(../img/navi_back.jpg) top left no-repeat;
}
ul#navi li a{
padding: 0 10px;
border-left: 2px solid #ccc;
}