/* CSS Document */


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


body {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #444444;
	margin: 0px;
	padding: 0px;



}
img{
border:0;
vertical-align:bottom;
}
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;
} 
 

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


#wrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


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


#grand-header *{
	margin: 0px;
	padding: 0px;
}

#grand-header {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:7px;
	margin-bottom: 4px;
	background: url(/shop/item/diy/design/img03/body-back01.jpg) repeat-x 0 0;
}

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


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

}
#title p{
font-size:10px;
line-height:25px;
color:#ffffff;
}

#logo {
	width: 830px;
	height:83px;
	background: url(/shop/item/diy/design/img03/header-backimg03.jpg) no-repeat 0px 0px;
}

#indexlogo-left{
width:245px;
display:inline;
float:left;
}
#indexlogo-left p {
margin-top:22px;
}
#indexlogo-left p a{
text-indent:-9999px;
display:block;
width:245px;
height:38px;
overflow:hidden;
background: url(/shop/item/diy/design/img03/diytool-logo.jpg) no-repeat 0px 0px;
}


#logo-right{
width:385px;
height:19px;
float:right;
display:inline;
}
#logo-right-navi {
    width: 385px;
	height: 19px;
	float:left;

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

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

}
#right-navi01 a,a:link a:visited{
display:block;
width:87px;
height:19px;
text-indent:-9999px;
background: url(/shop/item/diy/design/img03/right-navi-button.jpg) no-repeat 0px 0px;
overflow:hidden;
}
#right-navi01 a:hover{
	background: url(/shop/item/diy/design/img03/right-navi-button.jpg) no-repeat 0px -19px;

}
#right-navi02 a,a:link a:visited{
display:block;
width:82px;
height:19px;
text-indent:-9999px;
background: url(/shop/item/diy/design/img03/right-navi-button.jpg) no-repeat -87px 0px;
overflow:hidden;
}
#right-navi02 a:hover{
	background: url(/shop/item/diy/design/img03/right-navi-button.jpg) no-repeat -87px -19px;

}
#right-navi03 a,a:link a:visited{
display:block;
width:75px;
height:19px;
text-indent:-9999px;
background: url(/shop/item/diy/design/img03/right-navi-button.jpg) no-repeat -169px 0px;
overflow:hidden;
}
#right-navi03 a:hover{
	background: url(/shop/item/diy/design/img03/right-navi-button.jpg) no-repeat -169px -19px;

}
#right-navi04 a,a:link a:visited{
display:block;
width:65px;
height:19px;
text-indent:-9999px;
background: url(/shop/item/diy/design/img03/right-navi-button.jpg) no-repeat -244px 0px;
overflow:hidden;
}
#right-navi04 a:hover{
	background: url(/shop/item/diy/design/img03/right-navi-button.jpg) no-repeat -244px -19px;

}

#right-navi05 a,a:link a:visited{
display:block;
width:76px;
height:19px;
text-indent:-9999px;
background: url(/shop/item/diy/design/img03/right-navi-button.jpg) no-repeat -309px 0px;
overflow:hidden;
}
#right-navi05 a:hover{
	background: url(/shop/item/diy/design/img03/right-navi-button.jpg) no-repeat -309px -19px;

}



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

#head-navi {
    width: 830px;
	height: 34px;
	margin-bottom:0;
}


#global-navi {
    width: 610px;
	height: 34px;
	float:left;

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

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

}

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

}
#global02 a,a:link a:visited{
display:block;
width:119px;
height:34px;
text-indent:-9999px;
background: url(/shop/item/diy/design/img03/index-global-navi.jpg) no-repeat -164px 0px;
overflow:hidden;
}
#global02 a:hover{
	background: url(/shop/item/diy/design/img03/index-global-navi.jpg) no-repeat -164px -34px;

}
#global03 a,a:link a:visited{
display:block;
width:119px;
height:34px;
text-indent:-9999px;
background: url(/shop/item/diy/design/img03/index-global-navi.jpg) no-repeat -283px 0px;
overflow:hidden;
}
#global03 a:hover{
	background: url(/shop/item/diy/design/img03/index-global-navi.jpg) no-repeat -283px -34px;

}
#global04 a,a:link a:visited{
display:block;
width:105px;
height:34px;
text-indent:-9999px;
background: url(/shop/item/diy/design/img03/index-global-navi.jpg) no-repeat -402px 0px;
overflow:hidden;
}
#global04 a:hover{
	background: url(/shop/item/diy/design/img03/index-global-navi.jpg) no-repeat -402px -34px;

}
#global05 a,a:link a:visited{
display:block;
width:103px;
height:34px;
text-indent:-9999px;
background: url(/shop/item/diy/design/img03/index-global-navi.jpg) no-repeat -507px 0px;
overflow:hidden;
}
#global05 a:hover{
	background: url(/shop/item/diy/design/img03/index-global-navi.jpg) no-repeat -507px -34px;

}



#sub-navi {
    width:373px;
	height:39px;
	margin-top:11px;
	float:right;


}

#sub-navi-left {
width:247px;
height:39px;
float:left;
margin-top:7px;
}

#sub-navi-right{
width:119px;
height:39px;
float:right;
}

#sub-navi ul {
	list-style-type: none;

}
#sub-navi li {
	float: left;
}


#cart-navi {
    width: 175px;
	height: 34px;
	float:right;


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

}



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






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

#header-bottom {
	width: 830px;
	margin-top:18px;
}
#header-search {
	width: 830px;
	background: url(/shop/item/diy/design/img03/header-search-back02.jpg) no-repeat 0px 0px;
}

#search {
display:inline;
font-size:80%;
width:315px;
height:46px;
color:#fff;
	margin-left:90px;
	padding-top:11px;
	float:left;
	
}

#search-list {
display:inline;
width:395px;
float:right;
}
#search-list ul {
margin-top:18px;
}
#search-list ul li {
display:inline;
margin-right:4px;
}


/* ############################ 話題のキーワードのスタイル ######################### */

#tag-word {
width: 830px;
padding-top:10px;
background: url(/shop/item/diy/design/img03/tag-word-back02.jpg) no-repeat 0px 100%;
}
#tag-word ul{
font-size:80%;
list-style:none;
margin-left:155px;
}
#tag-word ul li{
height:30px;
line-height:30px;
display:inline;
margin-right:6px;
}

/* ############################ 話題のキーワードのスタイル ######################### */



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






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






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

#contents-left{
	width:225px;
	background-color:#FFFFFF;
	float: left;



}
#contents-left *{
	margin: 0px;
	padding: 0px;
}
#contents-left-2 {
	width: 210px;
}


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

#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:#f1f1f1;
}
#deal-2 a:hover{
background-color:#D86F1A;
color:#fff;
}


#contact{
width:210px;
}
#contact p{
margin-bottom:15px;
}
#actual {
	width: 210px;
}
#actual p {
margin-top: 15px;
	margin-bottom: 15px;
	text-align: right;

}

#special {
	width: 208px;
	margin-bottom: 15px;
	border: 1px solid #703e0b;
	background-color:#f1f1f1;
	padding-bottom:9px;
}

#special p {
    border-bottom: 2px solid #ccc;
}
#special ul {
	list-style-type: none;
	margin-left:6px;
}
#special li {
display:inline;
}
#special li img{
vertical-align:bottom;
margin-top:9px;
}

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

#side-ranking {
width:210px;
font-size:60%;
background-color:#f1f1f1;
margin-bottom:15px;
}
#side-ranking * {
margin:0;
padding:0;
}
#side-ranking img{
vertical-align:bottom;
}

#side-ranking02 {
width:198px;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
padding:0px 5px 0px 5px;
}

#side-ranking02 p {
margin:5px;
}

#side-ranking03 {
background-color:#ffffff;
padding:0px 2px;
}

.ranking03{
border-top:1px dotted #ccc;
}
.ranking03-left {
width:60px;
float:left;
}.ranking03-left img{
padding-bottom:5px;
}
.ranking03-right {
width:130px;
float:right;
text-align: left;
}
.ranking03-right p{
line-height:1.3;
margin-bottom:10px;
}


.ranking02-bottom {
padding-top:7px;
margin-bottom:3px;
text-align:center;
border-top:1px dotted #ccc;
}

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

#event-space {
	width: 208px;
	margin-bottom: 15px;
	border: 1px solid #703e0b;
	background-color:#f1f1f1;
	padding-bottom:9px;
}

#event-space p {
    border-bottom: 2px solid #ccc;
}
#event-space ul {
	list-style-type: none;
	margin-left:9px;
}
#event-space li {
display:inline;
}
#event-space li img{
vertical-align:bottom;
margin-top:9px;
}



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


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


}

#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;
}


#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;

}


#shipped-date {
	width: 208px;
	border: 1px solid #000000;
	margin-bottom: 15px;

}
#shipped-date p {
	margin: 10px;
	line-height:1.5;
}



#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;
	padding-top:5px;
}
#ec p {
	font-size:10px;
	line-height:1.5;
}
#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 li 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;
}
#contents-right p{
font-size:80%;
line-height:1.5;
}

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

#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(/shop/item/diy/design/img05/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(/shop/item/diy/design/img05/rank-gold-back.jpg) no-repeat 0px 0px;
}
#rank-silver{
background: url(/shop/item/diy/design/img05/rank-silver-back.jpg) no-repeat 0px 0px;
}
#rank-bronze{
background: url(/shop/item/diy/design/img05/rank-bronze-back.jpg) no-repeat 0px 0px;
}

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



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







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

.diy-input{
	color: #444444;
	width: 213px;
	padding:1px 2px;
	border:1px solid #000;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	
	}
.s-button {
border:none;
width:90px;
height:28px;
background:url(/shop/item/diy/design/img03/search-button04.jpg) top right no-repeat;
cursor: pointer;
outline:none;
vertical-align: top;
}

.table {
	text-align: left;
}
.align-right {
	text-align: right;
}

.tag-link01{
background: #ffffc6;
padding: 1px;
}

.tag-link02{
background-color: #ffe0e0;
}

.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:25px;
color: #ffffff;
margin:0;
}




#related-space {
	width: 600px;
	margin:0px auto;
}

#related-space img {
border:none;
vertical-align:bottom;
}

#related-space h3 {
margin-top:15px;
}

#related-space h4 {
font-size:90%;
line-height:1.5;
margin-top:15px;
padding-left:12px;
padding-right:15px;
padding-bottom:4px;
border-bottom:1px dotted #6e8207;
color:#333333;
}

#related-space ul{
list-style:none;
}


#related01 {
width:600px;
background:url(../img/related-back.jpg) repeat-y 0 0;
}
#related01-2 {
width:579px;
margin-left:18px;
}
#related01-2 p {
font-size:80%;
line-height:1.3;
margin:0px 5px;
}
#related01-2 p img {
margin:0px 0px 3px 20px;
}

#related02 {
width:600px;
background:url(../img/related-back.jpg) repeat-y 0 0;
}
#related02-2 {
width:579px;
margin-left:18px;
}
#related02-2 p {
font-size:80%;
line-height:1.3;
margin:0px 5px;
}

#related03 {
width:600px;
background:url(../img/related-back.jpg) repeat-y 0 0;
}
#related03-2 {
width:579px;
margin-left:18px;
}
#related03-2 p {
font-size:80%;
line-height:1.3;
margin:0px 5px;
}

#related03-2 p img {
margin:0px 0px 3px 20px;
}


.related-item {
width:180px;
float:left;
margin:10px 12px 0px 0px;
padding:10px 0px 7px 0px;
background-color:#f9f6ee;
}

.related-item02 {
width:180px;
float:left;
margin:10px 12px 0px 0px;
}


#return-space table{
width:600px;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
margin-top:15px;
}
#return-space table td{
font-size:80%;
line-height:1.5;
border-left:1px solid #cccccc;
border-top:1px solid #cccccc;
padding:8px 15px;
vertical-align:top;
}

#return-space table th{
font-size:90%;
color:#333333;
border-left:1px solid #cccccc;
border-top:1px solid #cccccc;
padding:8px 15px;
vertical-align:top;
}





.kotohaco_rsview_itemwindow {
width:600px;
background: url(http://www.diy-tool.com/category/diy/recommend-spaceback.jpg) no-repeat 0 100%;
padding-bottom:13px;
}

/* ############################# メーカー一覧関連のスタイルここから ############################ */

#maker-index {
	width: 600px;
}
#maker-index h3{
margin-top:20px;
padding-bottom:5px;
}
#maker-index02 {
	width: 600px;
}
#maker-index02 p{
font-size:80%;
line-height:1.6;
margin:10px 10px 0px 10px;
}

.topback{
width:600px;
}
.topback p{
text-align:right;
}

#maker-contents-right span{
font-size: 80%;
}

#maker-contents-right span.exam{
font-size: 100%;
}

#maker-contents-right p.text-head {
width: 573px;
font-size: 80%;
font-weight: bold;
border: 1px solid #cccccc;
border-left: 7px solid #ee7c1a;
margin: 5px 0 0 0;
padding: 5px 10px;
}

#maker-contents-right p.text-head-2 {
width: 573px;
font-size: 80%;
font-weight: bold;
border: 1px solid #cccccc;
border-left: 7px solid #ee7c1a;
margin: 20px 0 0 0;
padding: 5px 10px;
}


/* ######################## ここからメーカーカテゴリのスタイル ############################## */

#maker-category {
	width: 600px;
	margin-top:5px;
}
#maker-category ul {
font-size:80%;
}
#maker-category-left {
width:498px;
float:left;
}
#maker-category-left ul li {
display:inline;
float:left;
margin-right:12px;
}

#maker-category-left ul li a,a:link a:visited {
display:block;
width:126px;
height:28px;
line-height:28px;
border:1px solid #ddd;
background-color:#fff;
text-align:center;
margin-top:10px;
}
#maker-category-left a:hover {
border:1px solid #ee7c1a;
background-color:#fff;
}

#maker-category-right {
width:128px;
float:right;
}
#maker-category-right ul li {
display:inline;
}
#maker-category-right ul li a,a:link a:visited {
display:block;
width:126px;
height:28px;
line-height:28px;
border:1px solid #ddd;
background-color:#fff;
text-align:center;
margin-top:10px;
}
#maker-category-right a:hover {
border:1px solid #ee7c1a;
background-color:#fff;
}

/* ######################## メーカーカテゴリのスタイルここまで ############################## */





/* ######################## ここからカテゴリ別のスタイル ############################## */

.maker-category-index-left{
float:left;
}
.maker-category-index-right{
width:192px;
}

/* ######################## ここから電動工具のスタイル ############################## */


#maker-category-index01{
width:600px;
}

#maker-category-index01 img{
margin-bottom:3px;
vertical-align:bottom;
}
#maker-category-index01-left {
width:408px;
float:left;
}


#maker-category-index01-left p{
width:172px;
padding:10px 10px 7px 10px;
background-color:#f9f6ee;
margin:12px 12px 0px 0px;
font-size:80%;
}


#maker-category-index01-right {
width:192px;
float:right;
}

#maker-category-index01-right p{
width:172px;
padding:10px 10px 7px 10px;
background-color:#f9f6ee;
margin-top:12px;
font-size:80%;
}

/* ############################# メーカー一覧関連のスタイルここまで ############################ */




/* ############################# ログイン・ログアウト関連のスタイル ############################ */

.utility ul {
list-style:none;
}
.utility .login {
position:relative;
left:-225px;
bottom:-50px;
}
.utility li.FS2_icon_login a{
display:block;
background: url(/shop/item/diy/design/img03/side-login.jpg) no-repeat 0 0;
width:210px;
height:25px;
text-indent:-9999px;
overflow:hidden;
}

.utility li.FS2_icon_logout a{
display:block;
background: url(/shop/item/diy/design/img03/side-logout.jpg) no-repeat 0 0;
width:210px;
height:30px;
text-indent:-9999px;
}



/*ショピングカート内でログインリンク非表示*/
.FS2_body_Cart_ShoppingCart .FS2_icon_login{
display:none;
}
/*ショピングカート内でログアウトリンク非表示*/
.FS2_body_Cart_ShoppingCart .FS2_icon_logout{
display:none;
} 


/*ご利用案内ページ関連でのログインリンク非表示その１*/
.FS2_body_Goods_guide .FS2_icon_login{
display:none;
}
/*ご利用案内ページ関連でのログアウトリンク非表示その１*/
.FS2_body_Goods_guide .FS2_icon_logout{
display:none;
} 

/*送料とお支払い方法でのログインリンク非表示*/
.FS2_body_Goods_sandp .FS2_icon_login{
display:none;
}
/*送料とお支払い方法でのログアウトリンク非表示*/
.FS2_body_Goods_sandp .FS2_icon_logout{
display:none;
} 

/*商品リクエストフォームでのログインリンク非表示*/
.FS2_body_Goods_request .FS2_icon_login{
display:none;
}
/*商品リクエストフォームでのログアウトリンク非表示*/
.FS2_body_Goods_request .FS2_icon_logout{
display:none;
} 

/*在庫・納期お問い合わせフォームでのログインリンク非表示*/
.FS2_body_Goods_zaiko .FS2_icon_login{
display:none;
}
/*在庫・納期お問い合わせフォームでのログアウトリンク非表示*/
.FS2_body_Goods_zaiko .FS2_icon_logout{
display:none;
} 

/*法人のお客様へでのログインリンク非表示*/
.FS2_body_Goods_business .FS2_icon_login{
display:none;
}
/*法人のお客様へでのログアウトリンク非表示*/
.FS2_body_Goods_business .FS2_icon_logout{
display:none;
} 

/*レビューでのログインリンク非表示*/
.FS2_body_Goods_review .FS2_icon_login{
display:none;
}
/*レビューでのログアウトリンク非表示*/
.FS2_body_Goods_review .FS2_icon_logout{
display:none;
} 

/*修理・点検についてでのログインリンク非表示*/
.FS2_body_Goods_repair .FS2_icon_login{
display:none;
}
/*修理・点検についてでのログアウトリンク非表示*/
.FS2_body_Goods_repair .FS2_icon_logout{
display:none;
} 

/*よくあるご質問でのログインリンク非表示*/
.FS2_body_Goods_qanda .FS2_icon_login{
display:none;
}
/*よくあるご質問でのログアウトリンク非表示*/
.FS2_body_Goods_qanda .FS2_icon_logout{
display:none;
} 

/*お買い物の仕方でのログインリンク非表示*/
.FS2_body_Goods_howtobuy .FS2_icon_login{
display:none;
}
/*お買い物の仕方でのログアウトリンク非表示*/
.FS2_body_Goods_howtobuy .FS2_icon_logout{
display:none;
} 

/*新ショッピングガイドでのログインリンク非表示*/
.FS2_body_Goods_guide-new .FS2_icon_login{
display:none;
}
/*新ショッピングガイドでのログアウトリンク非表示*/
.FS2_body_Goods_guide-new .FS2_icon_logout{
display:none;
} 

/*初めてのお客様へでのログインリンク非表示*/
.FS2_body_Goods_information .FS2_icon_login{
display:none;
}
/*初めてのお客様へでのログアウトリンク非表示*/
.FS2_body_Goods_information .FS2_icon_logout{
display:none;
} 

/*検索機能の使い方でのログインリンク非表示*/
.FS2_body_Goods_searchhelp .FS2_icon_login{
display:none;
}
/*検索機能の使い方でのログアウトリンク非表示*/
.FS2_body_Goods_searchhelp .FS2_icon_logout{
display:none;
}


/*カート内ページ関連でのログインリンク非表示その２*/
#FS2_body_Cart .FS2_icon_login{
display:none;
}
/*カート内ページ関連でのログアウトリンク非表示その２*/
#FS2_body_Cart .FS2_icon_logout{
display:none;
} 


/*ガルディナ蛇口ページでのログインリンク非表示*/
.FS2_body_Goods_grdn .FS2_icon_login{
display:none;
}
/*ガルディナ蛇口ページでのログアウトリンク非表示*/
.FS2_body_Goods_grdn .FS2_icon_logout{
display:none;
} 

/*ガルディナ スプリンクラー一覧表でのログインリンク非表示*/
.FS2_body_Goods_grdn-sprink .FS2_icon_login{
display:none;
}
/*ガルディナ スプリンクラー一覧表でのログアウトリンク非表示*/
.FS2_body_Goods_grdn-sprink .FS2_icon_logout{
display:none;
} 


/* ############################# ログイン・ログアウト関連のスタイルここまで ############################ */

/*「会員登録せずに購入」「会員登録後に購入」ボタン調整*/ 
.FS2_body_Cart_GuestLogin .FS2_Login_btn_position img { 
position: relative; 
left:-125px; 
} 

.FS2_body_Cart_GuestLogin #entry{ 
position: relative; 
top:-36px; 
left:95px;
} 

/*会員登録誘導コメントのフォント変更*/
.FS2_body_Cart_GuestLogin .FS2_login_layout_table_td_right p{
font-size:12px;
padding:3px;
color:#333333;
line-height:1.7;
}
.FS2_body_Login_Login .FS2_login_layout_table_td_right p{
font-size:12px;
padding:3px;
color:#333333;
line-height:1.7;
}