/* CSS Document */


/* ############################ 共通のスタイル ######################### */


body {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #444444;
	background: url(/shop/item/diy/design/img05/body-back-image.jpg) no-repeat center 0;
	margin: 0px;
	padding: 0px;



}
img{
border:0;
}
a,a:link a:visited{
color:#ee7c1a;
text-decoration:none;
}
a:hover{
color:#ee7c1a;
text-decoration:underline;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a.imghover:hover img {
filter:alpha(opacity=80);
opacity:0.8;
} 

/* ############################ 共通のスタイルここまで ######################### */





/* ############################ ヘッダーのスタイル ######################### */


#header {
width:830px;
margin:0px auto 20px;
}
#header *{
	margin: 0px;
	padding: 0px;
}

#title {
	width: 830px;
	height:30px;

}
#title p{
font-size:10px;
line-height:30px;
}

#logo {
	width: 830px;
}
#logo-left{
width:230px;
display:inline;
float:left;
}
#logo-left p {
margin-top:30px;
margin-bottom:10px;
margin-left:20px;
}
#indexlogo-left{
width:230px;
display:inline;
float:left;
}
#indexlogo-left h1 a{
text-indent:-9999px;
display:block;
width:230px;
height:93px;
overflow:hidden;
}


#logo-right{
width:600px;
float:right;
display:inline;
margin-top:10px;
}
#header-contact {
width:285px;
margin-left:315px;
}

#header-contact ul{
list-style:none;
}
#header-contact li{
width:90px;
float:left;
margin-left:5px;
display:inline;
}
#header-contact li img{
vertical-align:bottom;
}
#logo-right p {
margin:5px 0px 0px 8px;
}


.text-area{
width:830px;
height:30px;
margin:0px auto;
}

.text-area p{
font-size:10px;
line-height:30px;
margin:0;
}



/* ############################ ナビゲーションのスタイル ######################### */

#global-navi {
	height: 46px;
	width: 830px;
	margin-top:53px;
	margin-bottom: 13px;


}
#global-navi ul {
	list-style-type: none;

}
#global-navi li {
	float: left;
}
#global-navi li a {
	text-decoration: none;

}
#home a,a:link a:visited{
display:block;
width:122px;
height:46px;
text-indent:-9999px;
background: url(/shop/item/diy/design/img05/global-navi.jpg) no-repeat 0px 0px;
overflow:hidden;
}
#home a:hover{
	background: url(/shop/item/diy/design/img05/global-navi.jpg) no-repeat 0px -46px;

}
#money a,a:link a:visited{
display:block;
width:138px;
height:46px;
text-indent:-9999px;
background: url(/shop/item/diy/design/img05/global-navi.jpg) no-repeat -122px 0px;
overflow:hidden;
}
#money a:hover{
	background: url(/shop/item/diy/design/img05/global-navi.jpg) no-repeat -122px -46px;

}
#how a,a:link a:visited{
display:block;
width:155px;
height:46px;
text-indent:-9999px;
background: url(/shop/item/diy/design/img05/global-navi.jpg) no-repeat -260px 0px;
overflow:hidden;
}
#how a:hover{
	background: url(/shop/item/diy/design/img05/global-navi.jpg) no-repeat -260px -46px;

}
#faq a,a:link a:visited{
display:block;
width:138px;
height:46px;
text-indent:-9999px;
background: url(/shop/item/diy/design/img05/global-navi.jpg) no-repeat -415px 0px;
overflow:hidden;
}
#faq a:hover{
	background: url(/shop/item/diy/design/img05/global-navi.jpg) no-repeat -415px -46px;

}
#corp a,a:link a:visited{
display:block;
width:138px;
height:46px;
text-indent:-9999px;
background: url(/shop/item/diy/design/img05/global-navi.jpg) no-repeat -553px 0px;
overflow:hidden;
}
#corp a:hover{
	background: url(/shop/item/diy/design/img05/global-navi.jpg) no-repeat -553px -46px;

}
#cart a,a:link a:visited{
display:block;
width:139px;
height:46px;
text-indent:-9999px;
background: url(/shop/item/diy/design/img05/global-navi.jpg) no-repeat -691px 0px;
overflow:hidden;
}
#cart a:hover{
	background: url(/shop/item/diy/design/img05/global-navi.jpg) no-repeat -691px -46px;

}


/* ############################ ナビゲーションのスタイルここまで ######################### */






/* ############################ ナビ下のスタイル ######################### */

#header-bottom {
	width: 830px;
}
#header-bottom-left {
	width: 523px;
	float:left;
	
}


#header-bottom-right {
	width: 295px;
	float:right;
}
#header-bottom-right p{
font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	}
	#header-bottom-right p img{
	margin-bottom:3px;
	}
#search {
	width: 255px;
	height:90px;
	float:left;
	background: url(/shop/item/diy/design/img05/search-back.jpg) no-repeat 0 0;
	
}

#search p {
	margin-top: 50px;
	margin-left:15px;
}
#search input {
	margin-bottom: 5px;
}
#request {
	width: 255px;
	float:right;
	
}


#ship{
width:828px;
border:1px solid #dddddd;
margin-top:12px;
background-color:#f1f1f1;
}
#ship p{
font-size:80%;
line-height:30px;
margin-left:15px;
}


/* ############################ ナビ下のスタイルここまで ######################### */



/* ############################# ヘッダーのスタイルここまで ############################ */






#contents {
	width: 830px;
	margin-right: auto;
	margin-left: auto;
}
#contents * {
	margin: 0px;
	padding: 0px;
}






/* ############################# 左側コンテンツのスタイル ############################ */

#contents-left{
        color:#444;
	width:225px;
	background-color:#FFFFFF;
	float: left;
       line-height:1.5;
	font-size:80%;



}
#contents-left *{
	margin: 0px;
	padding: 0px;
}
#contents-left a,a:link a:visited{
color:#ee7c1a;
}
#contents-left-2 {
	width: 210px;
}

#randam {
width:210px;
margin-bottom: 15px;
}

#notes{
	width:200px;
	border:5px solid #dddddd;
	margin-bottom: 15px;


}
#notes p {
width:198px;
margin:1px;
}
#notes ul{
	list-style:none;


}
#notes li{
border-bottom:1px dashed #dddddd;

}
#notes li a,a:link a:visited{
display:block;
padding:5px 0px;
background: url(/shop/item/diy/design/img05/notes-listmark.gif) no-repeat 8px center;
	padding-left: 25px;
}
#notes a:hover{
background-color:#f1f1f1;
}

#contact{
width:210px;
}

#outlet h3 {
	height: 60px;
	width: 210px;
	text-indent: -9999pt;
	background: url(/shop/item/diy/design/img05/special-top.gif) no-repeat 0px 0px;
	margin-bottom:5px;



}
#outlet p {
	margin-left: 5px;
	background-color: #D86F1A;
	margin-right: 5px;
	padding: 5px;


}

#deal {
	width: 208px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	margin-top: 15px;

}
#deal-2{
width:208px;
}
#deal-2 ul {
	list-style:none;
	line-height:1.5;
	font-size:11px;
}
#deal-2 li{
display:inline;
}

#deal-2 li img {
	float: left;
	padding:0px 10px;
}
#deal-2 a{
display:block;
width:208px;
height:70px;
padding-top:10px;
}
#deal-2 a,a:link a:visited{
background-color:#ececec;
}
#deal-2 a:hover{
background-color:#D86F1A;
color:#fff;
}
#actual {
	width: 210px;
}
#actual p {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: right;

}
#actual img {
	padding-bottom: 5px;
}


#side-category {
	width: 208px;
	margin-bottom: 15px;
	border: 1px solid #dddddd;
	background-color:#f1f1f1;
	padding-bottom:4px;
}
#side-category p {
	border-bottom: 2px solid #dddddd;
}
#side-category ul {
	list-style-type: none;
}
#side-category li {
	font-size: 12px;
	display: inline;
}
#side-category li img{
padding:4px 7px 0px 8px;
float:left;
}
#side-category li a {
	display: block;
	height: 30px;
	width: 100%;
	line-height: 32px;
	background-color:#ffffff;
	border-bottom: 1px solid #f1f1f1;
	text-decoration: none;

}

#category-diy {
width:208px;
}
#category-diy p {
border:0;
}
#category-diy02{
width:200px;
margin-left:4px;
}

#category-water {
width:208px;
}
#category-water p {
border:0;
}
#category-water02{
width:200px;
margin-left:4px;
}

#category-outdoor {
width:208px;
}
#category-outdoor p {
border:0;
}
#category-outdoor02{
width:200px;
margin-left:4px;
}

#category-gardening {
width:208px;
}
#category-gardening p {
border:0;
}
#category-gardening02{
width:200px;
margin-left:4px;
}

#category-diy02 a:hover {
	text-decoration: underline;
	background-color:#f1f1f1;

}
#category-water02 a:hover {
	text-decoration: underline;
	background-color:#f1f1f1;

}
#category-outdoor02 a:hover {
	text-decoration: underline;
	background-color:#f1f1f1;

}
#category-gardening02 a:hover {
	text-decoration: underline;
	background-color:#f1f1f1;

}

#maker-banner {
	width: 208px;
	padding-bottom: 9px;
	background-color:#dddddd;
	border: 1px solid #dddddd;
	

}
#maker-banner p {
	line-height: 130%;
	margin-left: 9px;
	margin-right: 9px;
	margin-top: 9px;
	font-size: 12px;


}
#maker-banner img {
	padding-bottom: 2px;

}




#outlet {
	margin-bottom: 15px;
	background-color: #D86F1A;
	width: 210px;
	padding-bottom: 5px;


}

#trade-safe {
	width: 210px;
	height:146px;
	margin-bottom:15px;
	background-color:#ccc;
	background: url(/shop/item/diy/design/img05/trade-safe.jpg) no-repeat 0px 0px;
}
#trade-safe02 {
position:relative;
left:40px;
top:76px;

}

#ec {
	width: 210px;
	font-size:10px;
	line-height:1.5;
	padding-top:5px;
}

#ec img {
margin-top:10px;
margin-bottom: 5px;
}

/* ############################# 左側コンテンツのスタイルここまで ############################ */






/* ############################# フッターのスタイル ############################ */

#footer {
	width: 830px;
	margin: 25px auto 0px;
	border-top: 3px solid #8ea614;
	padding-top:10px;


}
#footer * {
	margin: 0px;
	padding: 0px;
}
#footer-navi{
	width:828px;
	height:28px;
	border:1px solid #ddd;
	background:url(/shop/item/diy/design/img05/footer-navi-back.jpg) no-repeat 0 0;

}
#footer-navi ul {
font-size:10px;
line-height:25px;
	list-style-type: none;


}
#footer-navi li {
	float:left;

}
#footer-navi a,a:link a:visited {
	display:block;
	background: url(/shop/item/diy/design/img05/footer-listmark.gif) no-repeat 7px 6px;
	padding:0px 10px 0px 23px;


}
#footer-navi a:hover{
background-color:#f9f6ee;
border-bottom:3px solid #ee7c1a;
}
#footer2{
	width:810px;
	margin-top:10px;
	background-color:#f7f1e7;
	padding:10px;
}
#footer2 p{
font-size:10px;
letter-spacing:1px;
line-height:1.6;
color:#444;
}

/* ############################# フッターのスタイルここまで ############################ */







/* ############################# 右側コンテンツのスタイル ############################ */

#contents-right {
	float: right;
	width: 600px;
	background-color: #FFFFFF;

}
#contents-right * {
	margin: 0px;
	padding: 0px;
}

#main-image {
	width: 600px;
}
#main-image img{
margin-bottom:15px;
}
#main-image-left{
width:290px;
float:left;
}
#main-image-right{
width:290px;
float:right;
}
#contents-right h3 {
	margin-bottom: 15px;
}
#new-item{
width:598px;
background-color:#ececec;
margin-bottom:15px;
padding:10px 0px;
border:1px solid #ddd;
}
#new-item2{
width:598px;
}
.new-items{
width:150px;
height:150px;
background-color:#000;
float:left;
padding-left:10px;
}
#new-item2 ul{
list-style:none;
font-size:80%;
line-height:1.5;
}
#new-item2 li{

float:left;
display:inline;
margin-left:10px;
}
#new-item2 a{
display:block;
width:186px;
margin-bottom:10px;
}
#new-item2 img{
padding-bottom:2px;
text-decoration:none;
}
#new-item p{
text-align:right;
margin-right:10px;
}
#news{
width:600px;
}
#news h4{
margin-bottom:15px;
font-size:80%;
height:30px;
line-height:30px;
border:1px solid #ddd;
padding-left:10px;
}
#news dl{
font-size:80%;
line-height:1.5;
margin-left:20px;
}
#news dt {
	float: left;
	font-weight: bold;
	color:#fff;
	text-align:center;
}
#news dd {
	margin-bottom: 10px;
	margin-left: 95px;

}
#more-item{
width:600px;
margin-bottom:15px;
}
#more-item table{
width:600px;
}
#more-item td{
width:190px;
border:1px solid #ddd;
padding-bottom:10px;
}
#more-item td p{
margin:10px 10px 0px 10px;
}
#more-item td img{
float:left;
padding-right:10px;
}

#recommend{
width:600px;
}
#recommend img{
padding-bottom:5px;
}
#recommend p{
margin-bottom:15px;
}
#recommend-image-left{
width:290px;
float:left;
}
#recommend-image-right{
width:290px;
float:right;
}
#store-link{
width:215px;
border:5px solid #ddd;
margin-bottom:15px;
}
#store-link ul{
list-style:none;
font-size:80%;
margin:0px 10px;
}
#store-link li{
	margin-bottom:10px;
	background: url(../new-images/notes-listmark.gif) no-repeat 0px center;
	padding-left: 15px;

}
#others-2 ul{
list-style:none;
font-size:100%;
margin:0px 0px 10px 10px;
line-height:1.5;
}
#others-2 li {
	background: url(../new-images/custom-listmark.jpg) no-repeat 0px center;
	padding-left: 15px;
}




/* ############################# ページ下のお知らせのスタイル ############################ */

#bottom-news{
color:#444;
width:600px;
font-size:80%;
}

#bottom-news *{
margin:0;
padding:0;
}
#bottom-news p{
line-height:1.5;
letter-spacing:1px;
}
#bottom-news img{
border:0;
}
#bottom-news h3{
margin-bottom:15px;
margin-top:15px;
}
#custom{
width:600px;
}
#custom h5{
margin-bottom:15px;
}
#custom p{
margin-bottom:15px;
}
#custom table{
font-size:80%;
border:5px solid #ececec;
float:left;
margin-right:15px;
}
#custom th{
color:#fff;
background-color:#333;
padding:3px 5px;
}
#custom td{
padding:3px 5px;
text-align:center;
}
.holiday{
background-color:#D86F1A;
color:#fff;
}
.holiday2{
background-color:#D86F1A;
color:#efefef;
}
.date{
color:#ccc;
}
.date2{
font-weight:bold;
background-color:#fff;
border:1px solid #ddd;
}
#others{
width:590px;
border:5px solid #ececec;
}
#ranking{
width:600px;
margin-bottom:15px;
}
#others-2{
width:580px;
margin-left:10px;
padding-bottom:10px;
}
#others-2 h6{
margin:1px 1px 10px 1px;
}
#others-2 p{
margin:0px 10px 10px 10px;
}

#payment{
width:278px;
float:left;
margin:10px 10px 0px 0px;
border:1px solid #ddd;
display:inline;
}
#payment ul{
font-size:80%;
}
#return{
width:278px;
float:left;
margin:10px 10px 0px 0px;
border:1px solid #ddd;
display:inline;
}
#shipping{
width:278px;
float:left;
margin:10px 10px 0px 0px;
border:1px solid #ddd;
display:inline;
}
#about{
width:278px;
float:left;
margin:10px 10px 0px 0px;
border:1px solid #ddd;
display:inline;
}
#privacy{
width:278px;
float:left;
margin:10px 10px 0px 0px;
border:1px solid #ddd;
display:inline;
}
#tenchou{
width:280px;
float:left;
margin:10px 10px 0px 0px;
display:inline;
}

/* ############################# ページ下のお知らせのスタイルここまで ############################ */



/* ############################# ランキング関連のスタイル ############################ */

#rank-left{
	width:355px;
	float:left;
	background: url(../new-images/ranking-back02.jpg) repeat-y 0px 0px;

}
#rank-left p{
border-bottom:1px dashed #ddd;
margin:0px 20px;
padding:15px 5px;
clear:left;
}
#rank-left img{
float:left;
padding-right:10px;
}
#rank-right{
width:225px;
background-color:#fff;
float:right;
padding-top:5px;
}
#rank-right h4{
margin:1px 1px 10px 1px;
}
#rank-right p{
margin-bottom:15px;
}
#ranking-bottom{
width:355px;
margin-top:10px;
}
#rank-gold{
background: url(../new-images/rank-gold-back.jpg) no-repeat 0px 0px;
}
#rank-silver{
background: url(../new-images/rank-silver-back.jpg) no-repeat 0px 0px;
}
#rank-bronze{
background: url(../new-images/rank-bronze-back.jpg) no-repeat 0px 0px;
}

/* ############################# ランキング関連のスタイルここまで ############################ */



/* ############################# 右側コンテンツのスタイルここまで ############################ */







/* ############################# クラススタイル ############################ */

.diy-input{
	color: #444444;
	height: 20px;
	width: 135px;
	line-height:20px;
	border:1px solid #000;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	
	}
.s-button {
border:none;
width:75px;
height:23px;
background:url(/shop/item/diy/design/img05/search-button.jpg) top right no-repeat;
cursor: pointer;
outline:none;
vertical-align: top;
}
	
.table {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center{
text-align:center;
}
.layout_body{
width:100%;
}

.layout_table{
width:830px;
margin-right:auto;
margin-left:auto;
}

.new{
background-color:#990000;
width:70px;
height:20px;
}
.attention{
background-color:#005826;
width:70px;
height:20px;
}
.stock{
background-color:#D86F1A;
width:70px;
height:20px;
}
.up{
background-color:#ED1C24;
width:70px;
height:20px;
}
.price-down{
background-color:#3399CC;
width:70px;
height:20px;
}
.f-bold {
	font-weight: bold;
}

.f10 { font-size: 10px;}
.f12 { font-size: 12px;}

.f80p { font-size: 80%;}

.p20{
         padding:20px;
}
.m20{
         margin-top:20px;
         margin-bottom:20px;
}

.boxmain {
width: 590px;
border :1px solid #666;
margin:0; padding: 5px;
background-color:#F8F7F3;
}

.box1{
width: 580px;
height: 100%;
padding: 10px 5px 5px 10px;
border: solid #F0EDE6 1px;
background-color:#FFF;
overflow: auto;
}


.cnbox, .cnbox_body, .cnbox_head, .cnbox_head div {
background:transparent url(http://image.rakuten.co.jp/tuzukiya/cabinet/00002158/marutable.gif) no-repeat bottom right;
}
.cnbox{
width:600px !important; width: 580px;
margin:5px auto; padding-right:15px;
}
.cnbox_head {
background-position:top right;
margin-right:-15px;
padding-right:40px;
}
.cnbox_head div {
background-position:top left;
margin:0; padding:10px 0 5px 20px;
border:0;
height:auto !important; height:1%;
color:#357756; font-weight:bold;;
}
.cnbox_body {
background-position:bottom left;
margin-right:25px; padding:5px 0 10px 20px;
}


.clear { 
clear:left;
}

.box2 { 
width: 590px;
height: 100%;
padding: 5px 0 0 5px;
overflow: auto;
float: left;
}

/* ############################# クラススタイルここまで ############################ */







/*　カート画面に入ったら左右メニューを非表示　*/
#FS2_body_Cart .layout_menu{
display:none;
}

#FS2_body_Cart .layout_right{
display:none;
}






/* ############################# FAQ関連のスタイル ############################ */

.faq {
width:598px;
border:1px solid #ccc;
font-size:80%;
line-height:1.5;
color:#545454;
margin-bottom:20px;
}
.faq *{
margin:0;
padding:0;
}
.question{
border-bottom:1px dashed #ccc;
width:565px;
margin:14px;
padding-bottom:20px;
}

.question-left{
width:155px;
float:left;
}
.question-right{
width:390px;
float:right;
background:url(http://www.diy-tool.com/faq-image/comment02.gif) no-repeat 0 100%;
margin-top:10px;
}
.question-right2{
width:390px;
background:url(http://www.diy-tool.com/faq-image/comment01.gif) no-repeat 0 0;
padding-bottom:20px;
}
.question-right2 p{
padding:20px 20px 0px 45px;
}


.answer{
width:565px;
margin:14px 14px 20px 14px;
}
.answer-left{
width:155px;
float:left;
}
.answer-right{
width:390px;
float:right;
background:url(http://www.diy-tool.com/faq-image/comment02.gif) no-repeat 0 100%;
margin-top:10px;
}
.answer-right2{
width:390px;
background:url(http://www.diy-tool.com/faq-image/comment01.gif) no-repeat 0 0;
padding-bottom:20px;
}
.answer-right2 p{
padding:20px 20px 0px 45px;
}
.answer2{
width:390px;
}

/* ############################# FAQ関連のスタイルここまで ############################ */








/*　文字色、サイズ、さらに太字にしたい場合　数字を変更して調整　*/
.cartInfor{
font-size: 18px; 
color: #FF0000;
line-height: 120%;
font-weight: bold;
}


	

/*　商品グループ一覧ページのみページ切り替えを非表示　*/
.FS2_body_Goods_GoodsGroupList_0 .pager {
display:none;
}


/*=========================================================
レコメンドエンジン（レイアウト１）
=========================================================*/

/*　レコメンドエンジン＞コンテナ　*/
#FS2_Recommend_Engine{
height:100%;
margin-top:15px;
}

/*　レコメンドエンジン＞リストタグを横並び　*/
#FS2_Recommend_Engine ul{
list-style:none;
padding:0px;
margin:0px;
}

#FS2_Recommend_Engine ul li{
float:left;
margin:0 10px 10px 0;
width:23%;
text-align:center;
}

/*　レコメンドエンジン＞リストタグごとのナンバリング（左から）　*/
#FS2_Recommend_Engine ul li.FS2_Recommend_Engine_list_01{}
#FS2_Recommend_Engine ul li.FS2_Recommend_Engine_list_02{}
#FS2_Recommend_Engine ul li.FS2_Recommend_Engine_list_03{}
#FS2_Recommend_Engine ul li.FS2_Recommend_Engine_list_04{}

/*　レコメンドエンジン＞商品サムネイル　*/
.FS2_Recommend_Engin_Reresize_image{}
#FS2_Recommend_Engine ul li img{
margin:0 auto;
}

/*　レコメンドエンジン＞商品名　*/
#FS2_Recommend_Engine ul li h2.itemTitle{
padding:0 0 0 10px;
margin:0 0 10px 0;
font-size:13px;
}

/*　レコメンドエンジン＞価格　*/
#FS2_Recommend_Engine .FS2_itemPrice_text{
font-size:13px;
}
#FS2_Recommend_Engine .itemPrice{
font-size:13px;
}
/*　レコメンドエンジン＞コンテナ＞clearfix　*/
div#FS2_Recommend_Engine:after {
content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.FS2_body_text_area{
width:830px;
margin:0 auto;
}

.FS2_body_text_area p{
position:absolute;
font-size:10px;
line-height:30px;
margin:0;
}