/******** 共通 ********/

img { border:none;}

.tac{ text-align:center;}
.tar{ text-align:right;}
.tal{ text-align:left;}
.fr{ float:right;}
.fl{ float:left;}
.clear{
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;}

img{
border:0;
margin:0;
padding:0;}

.vm{ vertical-align:middle;}
.vb{ vertical-align:bottom;}

.mr6{ margin-right:6px;}

.mr15{ margin-right:10px;}

/******** レイアウト ********/

/* トップ*/

#addTxt{
margin:0;
padding:0 0 15px;
}

#addTxt h1{
color:#00A049;
font-size:11px;
margin:0;
padding:0 0 3px;
}

#addTxt p{
font-size:11px;
margin:0;
padding:0 0 10px;
border-bottom:1px #cccccc dotted;
}

#addFoot{
color:#666666;
font-size:10px;
margin:0;
padding:0 0 0 230px;
text-align:left;
}

/* ヘッダー */
#header{
width:910px;
height:53px;
margin:15px 0 0;}

.head_left{
width:665px;
float:left;}


.head_right{
width:175px;
float:right;}

.logo{
float:left;
margin:12px 0 0;}

.head_add{
float:right;
margin:20px 0 0;}

.head_exit{
float:right;
margin:33px 0 0;}


/* フッター */
#footer{
width:655px;
margin:25px 0;
border-top:1px solid #000000;
padding:10px 5px 0;}

.footer_link{
float:left;
font-size:10px;
line-height:12px;
padding:0;
margin:0;}
.footer_link a{
text-decoration:none;
color:#000000;}

.footer_link a:hover{ color:#00a0e9;
text-decoration:none;}


/******** サイド ********/
.side_box{
width:140px;
margin:0 0 0 15px;}

.side_tit{
margin:0 0 5px 0;}

/* サーチ */
.side_search_box{
margin:20px 0;
padding:0;}

.side_search{
background:#aaaaab;
width:140px;
padding:0;
margin:0;}

.side_search input#txt{
border:0;
padding:0;
margin:0;
width:118px;
background:#aaaaab;
color:#FFFFFF;
font-size:10px;
padding:2px;
}

.side_box01{
width:140px;
padding:0;
margin:0;}

ul.side_list01{
padding:0;
margin:0;}

ul.side_list01 li{
list-style:none;
padding:1px 0;
margin:0;}

ul.side_list01 li a{
padding:0 2px;
text-decoration:none;
color:#898989;
margin:0;
font-size:12px;
line-height:14px;
letter-spacing:1px;}
ul.side_list01 li a:hover{
background:#00a0e9;
color:#FFFFFF;}

.side_line{
margin:15px 0;}

/* 09.12.12更新 サイド_カテゴリー_ITEM*/

.side_box02{
width:140px;
padding:0;
margin:0;}

ul.side_list02{
padding:0;
margin:0;}

ul.side_list02 li{
list-style:none;
padding:0;
margin:0;}

ul.side_list02 li a{
padding:0 2px;
text-decoration:none;
color:#898989;
margin:0;
font-size:11px;
line-height:5px;}
ul.side_list02 li a:hover{
background:#00a0e9;
color:#FFFFFF;}


/* トピックス */
a#side_topics01 img{ border:2px solid #FFFFFF;}
a:hover#side_topics01 img{ border:2px solid #00a0e9;}


#side_topics {
	width:140px;
	margin:0;
	padding:0;}
	
#side_topics ul {
	padding:0;
	list-style:none;
	margin:0;}
	
#side_topics li,#side_topics a{
    float:left;
	display:block;
	height:35px;
	width:140px;
	border:0px;
	margin:0;
	list-style:none;}

a#side_topics02{
	text-indent:-9999px;
	background:url(/shop/item/steteco/design/img01/side_topics02.gif) top;}
a:hover#side_topics02{
	background:url(/shop/item/steteco/design/img01/side_topics02.gif) bottom;}

a#side_topics03{
	text-indent:-9999px;
	background:url(/shop/item/steteco/design/img01/side_topics03.gif) top;}
a:hover#side_topics03{
	background:url(/shop/item/steteco/design/img01/side_topics03.gif) bottom;}

a#side_topics04{
	text-indent:-9999px;
	background:url(/shop/item/steteco/design/img01/side_topics04.gif) top;}
a:hover#side_topics04{
	background:url(/shop/item/steteco/design/img01/side_topics04.gif) bottom;}



/******** 商品ページ ********/
.item_change{
margin:0px }
.item_change_img {
text-align:center;
font-size:10px;
line-height:12px;
width:80px;
vertical-align:top;}


.item_change_img a{ color:#000000; text-decoration:none;}
.item_change_img a:hover{color:#00A0E9; text-decoration:none;}
.item_change_img img {border:3px solid #FFFFFF; margin-bottom:3px;}
.item_change_img img:hover  {border:3px solid #00A0E9; margin-bottom:3px;}

.item_change_popup{
text-align:right;
width:*;
padding:20px 0 5px 0;
margin:0;}

.item_pickuptxt{
font-size:11px;
margin:3px 0;
padding:0 0 0 5px ;
border-left:2px solid #cccccc;}

.item_txt{
font-size:11px;
line-height:16px;
margin:0;
letter-spacing:1px;
text-decoration:none;}

/******** アイテムページテキスト追加12.14 ********/
.item_txt_link{
float:left;
font-size:11px;
line-height:12px;
padding:0;
margin:0;}
.item_txt_link a{
text-decoration:none;
 color:#808080;}

.item_txt_link a:hover{ color:#00A0E9;
text-decoration:none;}

.item_txt_small{
margin:0;
padding:0;
font-size:9px;
line-height:13px;
text-align:left;}

.item_txt_ss{
margin:0;
padding:0;
font-size:9px;
line-height:10px;
text-align:left;}


/******** アイテムページテキスト追加10.03.17 ********/
.item_txt_link2{
float:left;
font-size:10px;
line-height:12px;
padding:0;
margin:0;}
.item_txt_link2 a{
text-decoration:none;
color:#ff0000}

.item_txt_link2 a:hover{ color:#ff0000;
text-decoration:none;}


/****************/

.details_table{ margin:15px auto 0;}

.details_table img {border:3px solid #FFFFFF;}
.details_table img:hover {border:3px solid #00A0E9;}

body#details_pop,
body#size_pop{ margin:0; padding:0;}
.size_popimg{ margin:0; padding:15px 0 0 20px;}

.window_close{
margin:0;
padding:10px;}

.details_table img.img_border_no {border:none;}
.details_table img.img_border_no:hover {border:none;}


.FS2_eye_catch_icon{
margin:5px 0;}

/******** トップページ ********/

.reco_info{
width:655px;
padding:0 0 0 10px;
margin:30px 0 0;}

.top_reco{
width:205px;
margin:0;
padding:0;
line-height:14px;
font-size:11px;
float:left;}

.top_reco_new{
color:#00a0e9;
margin:3px 0 10px 0;
padding:0 0 0 3px;}

.top_reco_banner{
width:150px;
float:left;
margin:0 0 20px;}

/******** 2010.03.01追加********/

.top_reco_img{
width:55px;
float:left;
margin:0 0 20px;}

.top_txt{
float:right;
width:140px;
margin:0 0 20px;}

.top_reco_media{
margin:0;
text-align:right;}

/******** トップ／お知らせ ********/

.top_info{
width:430px;
margin:0;
float:right;}

.top_info_scroll{
overflow: auto;
width:100%;
height:465px;
margin:20px 0 0 ;
scrollbar-3dlight-color:#888888;
scrollbar-arrow-color:#888888;
scrollbar-base-color:#888888;
scrollbar-darkshadow-color:#888888;
scrollbar-face-color:#888888;
scrollbar-highlight-color:#888888;
scrollbar-shadow-color:#888888;
scrollbar-track-color:#dddddd;}

.top_info_new{
color:#00a0e9;
margin:0;
font-size:10px;
line-height:12px;}

.top_info_txt{
margin:0 20px 15px 0;
padding:5px 5px 15px 0;
font-size:11px;
line-height:18px;
letter-spacing:1px;
border-bottom:1px dotted #cccccc;}


.top_ban{
margin:25px 0 0;}


.top_bor{
width:655px;
border-bottom:1px dotted #cccccc;
padding:0 0 10px 10px;
margin:0 0 30px;}


/******** カテゴリーページ ********/
.cate_box{
width:655px;
border-top:1px dotted #cccccc;
border-bottom:1px dotted #cccccc;
padding:25px 0 10px 10px;
margin:0 0 30px;}


.cate_left{
width:215px;
margin:0;
padding:0;
float:left;}

.cate_kana{
font-size:11px;
padding:0;
margin:20px 0;}

.cate_blue{
color:#00a0e9;
padding:0;
margin:20px 0;}

.cate_txt{
margin:0;
padding:0;
font-size:11px;
line-height:16px;}

.cate_right{
width:400px;
margin:0;
float:right;}


.cate_thumbnail{
text-align:right;
margin:5px 0 0;}
.cate_thumbnail a{ color:#000000; text-decoration:none;}
.cate_thumbnail a:hover{color:#00A0E9; text-decoration:none;}
.cate_thumbnail img {border:3px solid #FFFFFF; margin-bottom:3px;}
.cate_thumbnail img:hover  {border:3px solid #00A0E9; margin-bottom:3px;}




/******** キャンペーンページ ********/
.cmpaign_box{
margin:0;}

.cmpaign_left{
width:160px;
float:left;
margin:0;}

.cmpaign_left p {
margin:9px 0 20px;
font-size:12px;
line-height:14px;}

.cmpaign_right{
width:470px;
float:right;}

.cmpaign_right_box02{
padding:0 0 0 45px;
margin:0;}

.cmpaign_right_txt{
margin:0 0 45px 0;
padding:0;
font-size:10px;
line-height:16px;}

.cmpaign_item_box{
width:210px;
float:left;
margin:0 0px 30px 0;
padding:0;
font-size:10px;
line-height:14px;}

.cmpaign_item_img{
width:80px;
float:left;
margin:0 15px 0 0;}

---追加2010.3.23---

.collection_item_img{
width:70px;
float:left;
margin:0 15px 0 0;}

.collection_item_blue{
color:#00acee;}

.collection_cooperate{
font-size:10px;
color:#999999;
margin:0;
text-align:right;
position:relative;
top:15px;}

------------------

.cmpaign_item_blue{
color:#00acee;}

.cmpaign_cooperate{
font-size:10px;
color:#999999;
margin:0;
text-align:right;
position:relative;
top:15px;}


/******** お問い合わせページ ********/
.contact_message{
width:300px;
height:120px;}

.w300{ width:300px;}

.tac{
text-align:center;
margin:50px auto 30px;}


/******** 一覧商品名 ********/	
.itemGroup {
	font-weight:normal;
}


/******** about ********/

#box	{
	width:665px;
	padding:20px 0px 25px;
	overflow:auto;
	text-align:center;
}
#box a:link{
	color:#656363;
	text-decoration:none;
}
#box a:visited{
	color:#656363;
	text-decoration:none;
}
#box a:hover{
	color:#ffffff;
	text-decoration:none;
	background-color:#00A0E9;
}
#box a:active{
	color:#656363;
	text-decoration:none;
}

a	{
	overflow:hidden;
	outline:none;
}




/* ----------
  タイトル
------------ */
#box h2	{
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	font-size:x-small;
	margin:0px auto;
}

#box .about1-tit	{
	background:url(http://www.steteco-shop.com/img/free/topics/about1_tit.gif) center 42px;
	width:586px;
	height:73px;
	background-repeat:no-repeat;
	clear:both;
	margin-bottom:30px;
	border-top:1px solid #808080;
}

#box .about2-tit	{
	background:url(http://www.steteco-shop.com/img/free/topics/about2_tit.gif) 10px center;
	width:586px;
	height:73px;
	background-repeat:no-repeat;
	clear:both;
	margin-bottom:30px;
	border-bottom:1px solid #808080;
	border-top:1px solid #808080;
}

#box .about3-tit{
	background:url(http://www.steteco-shop.com/img/free/topics/about3_tit.gif) 10px center;
	width:586px;
	height:73px;
	background-repeat:no-repeat;
	clear:both;
	margin-bottom:30px;
	border-bottom:1px solid #808080;
	border-top:1px solid #808080;
}

#box .about4-tit	{
	background:url(http://www.steteco-shop.com/img/free/topics/about4_tit.gif) 10px center;
	width:586px;
	height:73px;
	background-repeat:no-repeat;
	clear:both;
	border-bottom:1px solid #808080;
	border-top:1px solid #808080;
}

#box .about_bottom{
	background:url(http://www.steteco-shop.com/img/free/topics/about_bottom.gif) center 15px;
	width:586px;
	height:30px;
	background-repeat:no-repeat;
	clear:both;
	border-top:1px solid #808080;
}



#box .about3-sibtit1	{
	background-image:url(http://www.steteco-shop.com/img/free/topics/about3_subtit1.gif);
	width:586px;
	height:18px;
	background-repeat:no-repeat;
	clear:both;
	margin-bottom:20px;
}

#box .about3-sibtit2	{
	background-image:url(http://www.steteco-shop.com/img/free/topics/about3_subtit2.gif);
	width:586px;
	height:18px;
	background-repeat:no-repeat;
	clear:both;
	margin-bottom:20px;
}

#box .about3-sibtit3	{
	background-image:url(http://www.steteco-shop.com/img/free/topics/about3_subtit3.gif);
	width:586px;
	height:18px;
	background-repeat:no-repeat;
	clear:both;
	margin-bottom:20px;
}

#box .about3-sibtit4	{
	background-image:url(http://www.steteco-shop.com/img/free/topics/about3_subtit4.gif);
	width:586px;
	height:18px;
	background-repeat:no-repeat;
	clear:both;
	margin-bottom:20px;
}


#box .about3-sibtit5	{
	background-image:url(http://www.steteco-shop.com/img/free/topics/about3_subtit5.gif);
	width:586px;
	height:18px;
	background-repeat:no-repeat;
	clear:both;
	margin-bottom:20px;
}


#box .about-img1	{
	background-image:url(http://www.steteco-shop.com/img/free/topics/about1.gif);
	width:431px;
	height:431px;
	margin-bottom:45px;
}
#box .about-img2	{
	background-image:url(http://www.steteco-shop.com/img/free/topics/about2.gif);
	width:431px;
	height:188px;
	margin-bottom:45px;
}
#box .about-img3	{
	background-image:url(http://www.steteco-shop.com/img/free/topics/about3.gif);
	width:219px;
	height:96px;
	margin-bottom:40px;
	margin-top:105px;
	float:left;
}
#box .about3-box	{
	width:295px;
	margin:30px 60px 0px 40px;
	_margin:30px 60px 0px 20px;
	float:left;
}
#box .gotop	{
	width:586px;
	margin:0px auto 65px auto;
	text-align:right;
	font-size:14px;
}
#box .gotop2	{
	width:586px;
	margin:0px auto 0px auto;
	text-align:right;
	font-size:14px;
	clear:both;
}

#box .txt	{
	width:586px;
	margin:0px auto;
	text-align:left;
	font-size:12px;
	line-height:170%;
}
#box .txt2	{
	margin:0px auto;
	text-align:left;
	font-size:12px;
	line-height:170%;
}

#box .txt-english	{
	width:586px;
	margin:20px auto 40px auto;
	text-align:left;
	font-size:12px;
	line-height:130%;
}
#box .txt-english2	{
	margin:20px auto 40px auto;
	text-align:left;
	font-size:12px;
	line-height:130%;
}

#box .txt-english-sha	{
	font-size:12px;
	line-height:130%;
	font-style:italic;
}

/*************************************************/
/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;}

.clearfix {
  min-height: 1px;}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/}

#box .page{
padding:0 10px;
margin:20px auto;
clear:both;
width:566px;
}
/******** サーマルカテゴリーページ12.02追加 ********/

.cate_left2{
width:250px;
margin:20px 0;
padding:0;
float:left;}

.cate_right2{
width:350px;
margin:20px 0;
padding:0;
float:right;}

.cate_eiji{
margin:0;
padding:0;
font-size:13px;
line-height:25px;
letter-spacing:2px;
text-align:right;}


.cate_txt_mid{
color: #696969;
margin:0;
padding:0;
font-size:11px;
line-height:25px;
letter-spacing:2px;
text-align:right;}

.cate_txt_small{
color: #696969;
margin:0;
padding:0;
font-size:10px;
line-height:18px;
text-align:left;}

/******** アイテムページサーマル12.02 ********/

.item_change2{
margin:0px 30px}
.item_change2_img {
text-align:center;
font-size:10px;
line-height:12px;
width:80px;
vertical-align:top;}


.item_change2_img a{ color:#000000; text-decoration:none;}
.item_change2_img a:hover{color:#00A0E9; text-decoration:none;}
.item_change2_img img {border:3px solid #FFFFFF; margin-bottom:3px;}
.item_change2_img img:hover  {border:3px solid #00A0E9; margin-bottom:3px;}

/******** アイテムページ追加10.03.17 ********/


.item_change3_img a{ color:#000000; text-decoration:none;}
.item_change3_img a:hover{color:#00A0E9; text-decoration:none;}
.item_change3_img img {border:1px solid #c0c0c0; margin-bottom:2px;}
.item_change3_img img:hover  {border:1px solid #00A0E9; margin-bottom:2px;}


/******** トップページヘッダー12.07 ********/

.header_link{
float:right;
font-size:10px;
line-height:12px;
padding:0;
margin:0;}
.header_link a{
text-decoration:none;
color:#000000;}

.header_link a:hover{ color:#00a0e9;
text-decoration:none;}

/******** カテゴリータイトル追加　6.14 ********/

.tit_collabo{
color: #696969;
margin:0;
padding:0;
font-size:11px;
line-height:25px;
letter-spacing:2px;
text-align:left;}

.tit_collabo_b{
color: #00A0E9;
margin:0;
padding:0;
font-size:11px;
line-height:25px;
letter-spacing:2px;
text-align:left;}
