@charset "shift_jis";

/*共通アイテム*/
html
{
	
	background-color:#b2b2b2;
}

body{
	
	margin:0px;
	padding:0 0 20px 0;
	font-family:ＭＳ Ｐゴシック,ヒラギノ角ゴ Pro W3, Osaka, sans-serif;
	color:#666;
	text-align:center;	
}

*
{
  margin: 0px;
  padding: 0px;
  list-style:none;
}


/*winIE以外のブラウザへの設定*/


a
{
	border:0px;
}

a:link{
	color:#999;
}

a:visited{
	color:#666;
}

a:hover{
	color:#c00;
}

img
{
	border:0px;
	margin:0;
	
}

h1
{
	font-size:135%;
}

h2{
	font-size:125%;
}

h3{
	font-size:115%;

}

h4
{
	font-size:105%;
}

h5
{
	font-size:100%
}

h6
{
	font-size:100%;
}

p
{
	font-size:100%;
	line-height:145%;
}

span
{
	font-size:100%;

}

.clear
{
	clear:both;
}

.pagetop
{
	background-image:url("../library/pageup.png");
	background-position:right center;
	background-repeat:no-repeat;
	display:block;
	width:160px;
	height:30px;
	float:right;
	margin:5px 10px 5px 0;
}


.pagetop span
{
	display:block;
	width:130px;
	margin:15px 30px 0 0;
}

#aorder .pagetop
{
	clear:both;
}

/*左側ナビゲーション*/

/*透過エリアの文字*/
.catch, .itemno
{
	color:#666;
	margin:0.5em;
	display:block;
	line-height:145%;
}

.infocatch li
{
	list-style-position:inside;
	list-style-image:url("../library/arr_gray.gif");
	margin:1em 0.5em;
}

.infocatch a, .infocatch span
{
	
	
}

.infocatch span
{
	color:#cc0000;
}


.itemaclytic p.catch
{
	
}

.titlehead
{
	width:100%;
	color:#eaeaea;
	background:#666;
	text-align:center;
	padding:5px 0 5px 0;
	filter: alpha(style=0, opacity=65);
	mozOpacity:0.65;
	opacity:0.65;
}


#bread
{
	float:left;
	margin:5px;

}

#bread a, #bread span
{
	font-size:115%;
	margin-right:5px;
	display:block;
	float:left;
}

#bread a.ptop
{
	background-image:url("../library/navihome.png");
	background-position:left top;
	background-repeat:no-repeat;
	height:20px;
	width:105px;
	text-indent:-999em;
	overflow:hidden;
}

#bread a.ptop:hover
{
	background-image:url("../library/navihome_ov.png");

}

#bread .pcode
{
	
}

.logoletter
{
	font-family:"Myriad Web";
	font-size:100%;
	letter-spacing:2px;
	padding:3px;
	margin-top:0;
	margin-bottom:0;
}

/********************
	レイアウト
********************/

#body
{
	width:760px;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	margin-top:0px;
	font-size:80%;
	text-align:left;
	background-color:#fff;

}

#header
{
	width:760px;
	height:80px;
	background-image:url("../library/logo.png");
	background-position:left top;
	background-repeat:no-repeat;

}

#contents
{
	width:760px;
	float:left;
	clear:both;
	background-image:url("../library/line.gif");
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:9px;
}

#left
{
	width:235px;
	float:left;
}

#right
{
	width:525px;
	float:left;
}

#footer
{
	width:760px;
	clear:both;
	padding-top:30px;
}

/********************
	ヘッダ
********************/
#line1
{
	width:760px;
	height:22px;
	float:left;
}

#line1 h1
{
	width:436px;
	height:22px;
	float:left;
	overflow:hidden;
	text-indent:-100em;
}



#line3
{
	width:760px;
	height:6ex;
	clear:both;
	
}


.lineb
{
	
	height:8px;
}




#titlenavi
{
	width:243px;
	float:right;
	list-style:none;
}

#titlenavi li
{
	float:left;
}

#titlenavi img
{
	margin-left:20px;
}


#topnavi
{
	margin-top:40px;
	list-style:none;
	padding-right:10px;
	float:right;
}

#topnavi li
{
	float:left;
}

#topnavi a
{
	margin-left:12px;
	font-size:110%;
}


/*フッター*/

#footer
{
	clear:both;
}

#footerline
{
	width:760px;
}

#copyright
{
	font-family:"Myriad Web";
	font-size:115%;
	letter-spacing:4px;
	text-align:center;
	padding:3px;
}

#footerlogo
{
	clear:both;
	margin-left:150px;
	margin-top:10px;
}

#logo
{
	width:72px;
	float:left;
}

#address
{
	float:left;
}

/*タイトル画像の設定*/
.topfront
{
	width:230px;
	height:250px;
	z-index:1;
}

.topfront h2
{
	height:250px;
	width:230px;
}


.front
{
	width: 210px; 
	z-index: 1; 
	
} 

.front h2, .front a
{
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-100em;
	overflow:hidden;
	height:120px;
	width:210px;
	display:block;
}

#whatsnew
{
	position:relative;
}

#fare
{
	position:relative;
	top:-30px;

}


#fabric
{
	
	position:relative;
}

#ttl_fare
{
	background-image:url("../library/fare.png");
}

#ttl_line
{
	background-image:url("../library/lineup.png");
}


#fare .banner
{
	width:100%;
	color:#f5f5f5;
	font-weight:bold;
	background:#cc0000;
	text-align:left;
	padding:2px;
	margin-top:25px;

}


#ttl_fabric
{
	background-image:url("../library/fabric.png");
}

#handmade
{
	position:relative;
	top:-70px;
}

#ttl_handmade
{
	background-image:url("../library/handmade2.png");
}

#ttl_ordermade
{
	background-image:url("../library/ordermade2.png");

}

#ttl_ordermade3
{
	background-image:url("../library/ordermade3.png");

}


#link
{
	position:relative;
	top:-90px;
}

#style
{
	position:relative;
	
}

#ttl_style
{
	background-image:url("../library/style.png");

}

#ttl_guide
{
	background-image:url("../library/ttlguide.png");
}

#ttl_privacy
{
	background-image:url("../library/ttlprivacy.png");
}

#ttl_hyouji
{
	background-image:url("../library/ttlhyouji.png");
}

#ttl_mail
{
	background-image:url("../library/ttlmail.png");
}

#ttl_order
{
	background-image:url("../library/ttlorder.png");

}

/*メインナビゲーション*/


.catnavi
{
	
	
}

.catnavi li
{
	border-bottom:1px dotted #ccc;
	padding:1px 0 1px 0;
}

.catnavi a 
{
	text-indent:-999em;
	overflow:hidden;
}

.m_ties
{
	background-image:url("../library/tie.gif");
	background-position:left bottom;
	background-repeat:no-repeat;
	height:60px;
	width:208px;
	display:block;
	
}

.m_ordermade
{
    background-image:url("../library/ordermade.gif");
	background-position:left bottom;
	background-repeat:no-repeat;
	height:60px;
	width:208px;
	display:block;
}

.m_sizeorder
{
	background-image:url("../library/sizeorder.gif");
	background-position:left bottom;
	background-repeat:no-repeat;
	height:60px;
	width:208px;
	display:block;
}

.m_chief
{
	background-image:url("../library/chief.gif");
	background-position:left bottom;
	background-repeat:no-repeat;
	height:60px;
	width:208px;
	display:block;
	
}

.m_cardmsg
{
	background-image:url("../library/msgcard.gif");
	background-position:left bottom;
	background-repeat:no-repeat;
	height:60px;
	width:208px;
	display:block;
}

/*ティップ*/
#tip
{ 
	margin-left:5px;
	border:1px solid #000;
	background-color: #f3f3f3; 
}


#tip .catnavi
{
	
	
}

#tip .catnavi li
{
	border-bottom:1px dotted #ccc;
	padding:10px;
}

#tip .catnavi a 
{
	text-indent:-999em;
	overflow:hidden;
}



/*---------*/


/*関連商品エリア*/

#ttl_relitem
{
	background-image:url("../library/related.png");
	
}

#ttl_business
{
	background-image:url("../library/business.png");
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-100em;
	overflow:hidden;
	height:120px;

}

#shopstep
{
	background-image:url("../library/step.png");
}

#attention
{
	background-image:url("../library/attention.png");
}


#relitem
{
	position:relative;
	margin-left:5px;
}


#addarea
{
	margin-top:15px;
	height:210px;
	float:left;
	width:745px;
	margin-left:5px;
}


#relaclytic
{ 
	position: relative; 
	width: 680px; 
	height: 175px; 
	z-index: 2; 
	background-color: #f3f3f3; 
	top: -85px; 
	left:60px; 
	
} 

#relaclytic ul
{
	margin-top:5px;
	margin-left:10px;
}

#relaclytic li
{
	float:left;
	width:111px;
	margin:0;
	padding:0;
}

#relaclytic img
{
	margin:5px 5px 0px 0px;

}

/*エラーページ*/

#errorbody
{
	width:760px;
	height:700px;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	margin-top:0px;
	font-size:80%;
	text-align:left;
	background-color:#fff;

}

#errorcontents
{
	width: 450px; 
	margin-left:155px;
	height: 200px; 
	background-color: #f5f5f5; 
	margin-top:80px;
	filter: alpha(style=0, opacity=70);
	mozOpacity:0.7;
	opacity:0.7;
} 


#sorry h2
{
	color:#eaeaea;
	background:#cc0000;
	text-align:center;
	padding:0.5em 0;

}

#sorry h2 span
{
	padding:1em;
}

#sorry .comments
{
	padding:10px;
}

#sorry .btn
{
	margin-top:10px;
	text-align:center
}

#errorheader
{
	width:760px;
	height:87px;
	background-image:url("../library/headtitle.png");
	background-position:left top;
	background-repeat:no-repeat;

}

/*キャンペーンバナー*/
.canpagne
{
	width:515px;
	margin-top:10px;
	padding-bottom:10px;
	display:none;
}

.canpagne p
{
	width:515px;
	text-align:center;
}