/* CSS Document */

@import url("https://www.diy-tool.com/common/css/use.css");
@import url("https://www.diy-tool.com/common/css/guide.css");
@import url("https://www.diy-tool.com/common/css/side.css");

@media print {
td.layout_menu {
display:none;
}
}

/* ############################ ヘッダー ######################### */

#grand_header {
width:100%;
margin-bottom:25px;
}

#grand_header * {
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#header {
width:100%;
height:64px;
background-color:#d1e5e4;
}
#header02 {
width:92%;
margin:0 auto;
}
#logo_sp {
width:250px;
height:24px;
float:left;
padding-top:20px;
}
#header_nav {
float:right;
}
#header_nav_left {
	float:left;
}
#header_nav_left ul {
	font-size:80%;
	margin-top:22px;
	margin-right:10px;
}
#header_nav_left ul li {
float:left;
background:url(/shop/item/diy/design/img03/subnav-backimg.png) no-repeat left 2px;
padding:0 15px 0 16px;
}
#header_nav_left ul li a,a:link a:visited {
	color:#333;
	text-decoration:none;
	padding:0 0 1px 0;	
}
#header_nav_left ul li a:hover {
	border-bottom:3px solid #222;
}

#header_nav_right {
	float:right;
}
#header_nav_right p {
	margin-top:14px;
}

#header_nav_sm {
display:none;
}
#dl-menu {
display:none;
}

/* ############################ ヘッダーここまで ######################### */


/* ############################ グローバルナビ ######################### */

#fixedBox {
width:100%;
background-color:#fff;
z-index: 3000;
box-shadow: 0px 0px 5px rgba(51,51,51,0.2);
}
#main_nav {
width:92%;
margin:0 auto;
}
#main_nav h2 {
	margin:0;
	padding:0;
}
#main_nav_left {
float:left;
padding-top:20px;
background:url(/shop/item/diy/design/img03/nav-left-titleimg.png) no-repeat center 0;
}
#main_nav_left ul li {
	float:left;
}
#main_nav_right {
float:right;
padding-top:20px;
background:url(/shop/item/diy/design/img03/nav-right-titleimg.png) no-repeat center 0;
}
#main_nav_right ul li {
	float:left;
}


.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

#main_nav_bottom {
width:100%;
z-index: 2000;
background-color:#f1f1f1;
}
#main_nav_bottom02 {
width:92%;
height:52px;
margin:0 auto;
}

#news_sp {
	width:400px;
	font-size:80%;
	float:left;
	padding-top:10px;
}
#news_sp h3 {
	float:left;
	margin-right:7px;
}
#news_sp p {
	margin-top:7px;
}

#index_search {
width:100%;
padding-top:10px;
float:right;
margin-left:-400px;
}
#index_search02 {
position:relative;
margin-left:400px;
}

/* ############## シーン別ナビ ############## */

#pc_scene_nav_sp {
	width:510px;
}
#pc_scene_nav_sp ul li {
	float:left;
}

/* ############## シーン別ナビここまで ############## */



#common_search {
width:100%;
padding-top:10px;
float:right;
margin-left:-530px;
}
#common_search02 {
position:relative;
margin-left:530px;
}

#input_sp {
	width:100%;
	float:left;
	margin-right:-115px;
}
#input_sp02 {
	position:relative;
	margin-right:115px;
}


/*Webkit*/
#search_sp ::-webkit-input-placeholder {
color: #999;
}
 
/*Firefox 19以降*/
#search_sp ::-moz-placeholder {
color: #999;
}
 
/*Firefox 18以前*/
#search_sp :-moz-placeholder {
color: #999;
}
 
/*Windows IE*/
#search_sp :-ms-input-placeholder {
color: #999;
}

/* ############################ グローバルナビここまで ######################### */



/* ############################ ご利用案内ヘッダータイトル ######################### */

#guide_title{
width:100%;
background-color:#f1f1f1;
padding:20px 0;
margin-bottom:40px;
}
#guide_title p{
text-align:center;
}

/* ############################ ご利用案内ヘッダータイトルここまで ######################### */


/* ############################ マイページヘッダータイトル ######################### */

#mypage_nav {
width:100%;
background:url(/shop/item/diy/design/img01/mypagenav-backimg.gif) repeat-x 0 100%;
background-color:#f1f1f1;
}
#mypage_nav ul {
text-align:center;
font-size:12px;
margin:0 auto;
}
#mypage_nav  ul li {
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
#mypage_nav ul li img {
margin-bottom:4px;
}
#mypage_nav ul li a,a:link a:visited {
width:116px;
padding:17px 0;
float:left;
background-color:#fff;
border-right:1px dotted #ccc;
border-bottom:1px dotted #ccc;
border-top:1px dotted #ccc;
}
#mypage_nav ul li a:hover {
background-color:#f7f1da;
text-decoration:none;
}
#mynav01 {
border-left:1px dotted #ccc;
}

/* ############################ マイページヘッダータイトルここまで ######################### */



/* ############################ ヘッダーここまで ######################### */




/* ############################ フッター ######################### */

#footer {
width:100%;
background-color:#f1f1f1;
margin-top:60px;
}

#pc_footer_info {
width:92%;
margin:0 auto;
padding-top:35px;
text-align:center;
}
#pc_footer_info h3{
	display:inline-block;
	color:#222;
	font-size:160%;
	margin:0 auto 20px;
	border-bottom:5px solid #222;
	text-align:center;
}
#pc_footer_info ul {
text-align:center;
}
#pc_footer_info ul li {
text-align:left;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
margin:0 3px 25px;
}
#sm_footer_info {
	display:none;
}

#footer_nav {
width:100%;
font-size:12px;
margin:15px auto 0;
background-color:#fff;
}
#footer_nav_sm {
display:none;
}
#footer_nav ul {
text-align:center;
padding:10px 0;
}
#footer_nav ul li {
display:inline;
line-height:1.7;
margin:0 12px;
}
#footer01 {
width:100%;
}
#footer02 {
width:92%;
margin:40px auto 0;
}
#footer02 h4 {
margin-bottom:20px;
}
#footer02 h5 {
font-size:90%;
color:#222;
margin-bottom:10px;
}
#footer02 p {
font-size:12px;
}
#footer02_left {
width:80%;
float:left;
border-right:1px solid #ccc;
}
#footer02_left02 {
width:28%;
float:left;
border-right:1px solid #ccc;
}
#footer02_left02 p {
margin-bottom:20px;
}
#footer02_left02 ul {
font-size:12px;
}
#footer02_left02 ul li {
border-bottom:1px dotted #bbb;
padding-left:5px;
padding-bottom:5px;
margin-bottom:5px;
}
#footer02_right02 {
width:68%;
float:right;
}

.footer_list {
float:left;
margin-right:30px;
}
#footer02_right02 ul {
font-size:12px;
}
#footer02_right02 ul li {
margin-bottom:7px;
}

#footer02_right {
width:180px;
float:right;
}
#footer02_right ul li {
float:left;
margin-right:7px;
}

#copy {
width:100%;
background-color:#000;
margin:40px auto 0;
}
#copy p {
color:#f1f1f1;
font-size:10px;
padding:12px 0 8px;
}

/* ############################ フッターここまで ######################### */





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

#contents-right {
	float: right;
	width: 100%;

}
#contents-right p{
font-size:80%;
line-height:1.5;
}



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





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

.btn_style {
	text-align:center !important;
	font-size:90%;
	width:50%;
	margin:20px auto 25px !important;
	font-weight:400;
	background:url(/shop/item/diy/design/img03/hover-listmk001.png) no-repeat right center;
}
.btn_style a,a:link a:visited {
	display:block;
	border:4px solid #ee7c1a;
	color:#ee7c1a;
	text-decoration:none;
	padding:12px 0 !important;
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.btn_style a:hover {
	color:#fff;
	background:url(/shop/item/diy/design/img03/hover-listmk002.png) no-repeat right center;
}

.btn_style02 {
	text-align:center !important;
	font-size:90%;
	width:50%;
	margin:20px auto 25px !important;
	font-weight:400;
	background:url(/shop/item/diy/design/img03/hover-listmk001.png) no-repeat right center;
}
.btn_style02 a,a:link a:visited {
	display:block;
	border:4px solid #ee7c1a;
	color:#ee7c1a;
	text-decoration:none;
	padding:12px 0 !important;
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.btn_style02 a:hover {
	color:#fff;
background-color:#ee7c1a !important;
	background:url(/shop/item/diy/design/img03/hover-listmk002.png) no-repeat right center;
}

.diy-input{
	color: #444;
	font-size:100%;
	display:inline;
	width:100%;
float:left;
	height:32px;
	padding:2px 3px;
	border:1px solid #ccc;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.search-btn {
	width:115px;
	float:left;
}

.table {
	text-align: left;
}

.desc-sp001 {
background-color:#f1f1f1;
padding:30px 30px 1px !important;
margin-bottom:30px !important;
}
.desc-sp002 {
background-color:#fff;
padding:30px 30px 1px !important;
border:1px solid #ccc;
margin-bottom:30px !important;
}

.title_sp {
	width:100%;
	text-align:center;
}

.title_sp h2 {
	display:inline-block;
	color:#222;
	font-size:160%;
	margin:0 auto 20px;
	border-bottom:5px solid #222;
	text-align:center;
}
.title_sp p {
	font-size:80%;
	margin-bottom:25px;
}

.m20 {
margin-bottom:20px;
}

.right {
text-align:right;
}
.center {
text-align:center;
}

.img-left img {
float:left;
margin-right:25px !important;
}

.img-right img {
float:right;
margin-left:25px !important;
}

.b-none {
border:none !important;
}


/* ############################# ページ先頭へ戻るスタイル ############################ */

#pagetop {
font-size:80%;
}

#diytool_pagetop {
display:none;
/*
position: fixed;
bottom: 30px;
right: 10px;
z-index: 10000;
*/
}

/* ############################# ページ先頭へ戻るスタイルここまで ############################ */

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

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

.td_back001 {
width:25%;
background-color:#f1f1f1;
}
.td_back002 {
width:25%;
}

.input001 {
width:50%;
color: #444444;
font-size:100%;
font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border:1px solid #ccc;
padding:3px;
}
.input002 {
width:70%;
color: #444444;
font-size:100%;
font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border:1px solid #ccc;
padding:5px;
}
textarea {
width:98%;
color: #444444;
font-size:100%;
font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
height:50px;
border:1px solid #ccc;
margin-bottom:5px;
}


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


.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_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{
display:none;
}



#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_buy .kotohaco_rsview_itemwindow {
width:600px;
}


/* ############################# コトハコランキングのスタイルここから ############################ */

#kotohaco_buy .kotohaco_rsview_itemwindow02 {
width:600px;
background-color: #ccc;
padding-bottom:13px;
}

#kotohaco_buy .kotohaco_rsview_itemwindow .item_image img {
}

#kotohaco_siderecommend p {
font-size:80%;
margin-left:12px;
padding-top:7px;
}

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





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

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

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




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



/*商品リクエストフォームでのログインリンク非表示*/
.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_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_guide-new .FS2_icon_login{
display:none;
}
/*新ショッピングガイドでのログアウトリンク非表示*/
.FS2_body_Goods_guide-new .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_Login .FS2_icon_login{
display:none;
}
/*ログイン系ページでのログアウトリンク非表示*/
#FS2_body_Login .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_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;
} 


/*会員登録完了画面で、戻るボタン非表示*/ 
.FS2_body_Common_Information .FS2_bottom_btn_info
{
display:none;
}

/*商品ページ⇒ログインページの左サイド非表示*/
.FS2_body_WishListLogin_Login .layout_menu {
display:none;
}

/*商品ページ⇒レビューを書くページの左サイド非表示*/ 
.FS2_body_ReviewLogin .layout_menu {
display:none;
}



/* ############################# カテゴリ下部の関連カテゴリのスタイル ############################ */

#relevance-cat {
width:95%;
border:1px solid #ccc;
padding:20px;
margin:30px 0px 20px;
}
#relevance-cat h3 {
font-size:120%;
line-height:1.5;
margin-bottom:20px;
padding-right:15px;
padding-bottom:4px;
border-bottom:1px dotted #6e8207;
color:#222;
}
#relevance-cat ul {
list-style:none;
word-break:keep-all;
font-size:80%;
margin:8px 5px 0px;
padding:0;
}
#relevance-cat ul li {
display:inline;
margin-right:15px;
line-height:1.5;
}


/* ############################# カテゴリ下部のページトップへ戻るのスタイル ############################ */

/* ############################# カテゴリ下部のメーカー絞り込みスタイル ############################ */

#makerdown-cat {
width:578px;
border:1px solid #ccc;
padding:10px;
margin:30px 0px 20px;
}
#makerdown-cat h3 {
font-size:14px;
color:#333;
line-height:1.5;
padding:0px 15px 4px 5px;
margin:0;
border-bottom:
1px dotted #6e8207;
}
#makerdown-cat ul {
list-style:none;
word-break:keep-all;
font-size:80%;
margin:8px 5px 0px;
padding:0;
}
#makerdown-cat ul li {
display:inline;
margin-right:15px;
line-height:1.5;
}


/* ############################# カテゴリ下部のメーカー絞り込みスタイル ############################ */



/* ############################# クロスカテゴリ下部テキストのスタイル ############################ */

#xcategory_undertext{
	width:598px;
	font-size:13px;
	line-height:20px;
	padding:0;
	margin:10px 0;
}

#xcategory_undertext_left{
	float:left;
padding:10px 0;
margin:0 10px 0;
width:172px;
}

#xcategory_undertext_en{
padding:0;
margin:0;
line-height:1;
font-size:70%;
}

#xcategory_undertext_right{
	float:left;
}

#xcategory_undertext_h3{
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin:5px 5px 0;
	padding:2px 5px;
}


#xcategory_undertext_c{
	margin:0 5px 5px;
	padding:2px 5px;
}



.FS2_body_Goods_ranking h2 {
display:none;
}




/* ########################################### 関連商品スタイル ########################################### */


/* ################## スライドのスクリプト ################## */

/* 前へ、次へのボタン */

.bx-pager
{
    display:none;
}

.bg_img {
width:96%;
text-align:center;
font-size:10px;
line-height:1.3;
margin:0;
padding:0;
}
.bg_img .bx-wrapper
{
width: inherit;
position:relative;
margin:10px 0 0 24px;
padding:0;
}
.bx-prev,.bx-next
{
    position: absolute;
	text-indent:-9999px;
}
.bx-prev
{
width:20px;
height:20px;
background:url(http://www.diy-tool.com/related/201310/img/prev-mk.png) no-repeat 0 0;
    left: -25px;
    top: 45%;
	overflow:hidden;
}
.bx-next
{
width:20px;
height:20px;
background:url(http://www.diy-tool.com/related/201310/img/next-mk.png) no-repeat 0 0;
    right: -25px;
    top: 45%;
	overflow:hidden;
}

/* ################## スライドのスクリプトここまで ################## */

/* ################## オプション品、近い商品、関連商品、５個以下に使用 ################## */
.relation01 * {
margin:0;
padding:0;
}
.relation01 {
width:100%;
margin-top:20px;
}
.relation01 h3 {
margin:0;
background-color:#f1f1f1;
border:1px solid #ccc;
}
.relation01 ul {
list-style:none;
}

#slider1 {
font-size:10px;
margin:0;
padding:0;
}
#slider1 li
{
width:140px !important;
float:left;
padding:5px 0px 0px;
}
#slider1 li p {
margin:0px 15px;
padding:0;
 }
#slider1 li p img {
border:0;
margin-bottom:3px;
}

#slider2 {
font-size:10px;
margin:0;
padding:0;
}
#slider2 li
{
width:140px !important;
float:left;
padding:5px 0px 0px;
}
#slider2 li p {
margin:0px 15px;
padding:0;
 }
#slider2 li p img {
border:0;
margin-bottom:3px;
}

#slider3 {
font-size:10px;
margin:0;
padding:0;
}
#slider3 li
{
width:140px !important;
float:left;
padding:5px 0px 0px;
}
#slider3 li p {
margin:0px 15px;
padding:0;
 }
#slider3 li p img {
border:0;
margin-bottom:3px;
}

#slider4 {
font-size:10px;
width:96%;
text-align:center;
line-height:1.3;margin:15px 0 0 24px;
padding:0;
}
#slider4 li
{
width:140px !important;
float:left;
padding:0px;
}
#slider4 li p {
margin:0px 15px;
padding:0;
 }
#slider4 li p img {
border:0;
margin-bottom:3px;
}
/* ################## オプション品、近い商品、関連商品、５個以下に使用 ################## */


/* ################## 後継品に使用 ################## */
.relation02 * {
margin:0;
padding:0;
}
.relation02 {
width:100%;
font-size:80%;
line-height:1.5;
margin-top:20px;
border:1px solid #ccc;
}
.relation02 h3 {
margin:0px;
background-color:#f1f1f1;
border-bottom:1px solid #ccc;
}
.relation_op02 {
width:100%;
margin:0;
}
.relation_op02_02 {
width:579px;
padding:20px 0px 8px 20px;
}
.relation_op02_left {
margin:0;
padding:0;
float:left;
}
.relation_op02_right {
width:380px;
float:right;
margin-right:20px;
}
.relation_op02_right p {
margin:0 0 12px 0;
padding:0;
}
/* ################## 後継品に使用ここまで ################## */


/* ################## 色違い、サイズ違いに使用 ################## */
.relation03 * {
margin:0;
padding:0;
}
.relation03 {
width:100%;
font-size:80%;
margin-top:20px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.relation03 h3 {
margin:0px;
background-color:#f1f1f1;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.relation_op03 {
width:100%;
line-height:1.3;
text-align:center;
}
.r_item03 {
width:149px;
height:30px;
line-height:30px;
float:left;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.r_item03 p {
margin:0px;
padding:0;
 }
/* ################## 色違い、サイズ違いに使用ここまで ################## */


/* ################## カラー＆サイズ違いに使用 ################## */
.relation04 * {
margin:0;
padding:0;
}
.relation04 {
width:100%;
font-size:80%;
margin-top:20px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.relation04 h3 {
margin:0px;
background-color:#f1f1f1;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.relation_op04 {
width:100%;
margin:0px;
padding:0;
}
.relation04 table td {
padding:10px;
text-align:center;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.r-td001 {
width:147px;
font-weight:bold;
}
.r-td002 {
width:30px;
}

/* ################## カラー＆サイズ違いに使用ここまで ################## */


/* ########################################### 関連商品スタイルここまで ########################################### */


/* ########################################### カテゴリー別売れ筋商品ランキング ########################################### */


.kotohaco_rsview_outerframe {
	margin-top:15px;
	margin-bottom:30px;
}

#kotohaco_category .kotohaco_rsview_itemwindow {
	padding-bottom:15px;
	border-bottom:1px dotted #cccccc;
}

#kotohaco_category table td {
	width:19%;
}

#kotohaco_category .kotohaco_rsview_itemwindow table td .item_image img {
	margin-bottom:5px;
}

#kotohaco_category .kotohaco_rsview_itemwindow table td .item_title {
	font-size:80%;
	height:70px;
	margin:6px 0 3px;
}

#kotohaco_category .kotohaco_rsview_itemwindow ol {
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}

#kotohaco_category .kotohaco_rsview_itemwindow table {
	width:100%;
}

#kotohaco_category .kotohaco_rsview_item {
	vertical-align: top;
	padding: 40px 15px 15px;
	border-right: 1px dotted #ccc;
}

#kotohaco_category .kotohaco_rsview_item div {
	width:100%;
	margin:2px 0;
}

#kotohaco_category .item_image {
	max-width: 175px;
	text-align:center;
}

#kotohaco_category .kotohaco_rsview_title {
	font-size:120%;
	margin-bottom:15px;
	padding-bottom:4px;
	border-bottom:1px dotted #cccccc;
	color:#222;
}

#kotohaco_category .kotohaco_rsview_item .item_data2 {
	width:50px;
	font-size:90% !important;
    padding-left: 68px;
    background: url(http://www.diy-tool.com/shop/item/diy/design/img04/selling-price.gif) 0px 9px no-repeat;
    color: red;	
}

#kotohaco_category .kotohaco_rsview_footer {
	border-top: thin #CCCCCC solid;
	padding: 2px;
	font-size:10px;
	text-align:right;
	margin: 2px 0px;
	clear:both;
}

#kotohaco_category .kotohaco_rsview_pagenav {
	display:block;
	padding:8px;
	background-color:#f7f1da;
}

#kotohaco_category .kotohaco_rsview_pagenav a:hover {
	text-decoration:none;
}

#kotohaco_category .kotohaco_rsview_pagenav .pagenav_back {
	float:left; 
	padding-left:10px;
	text-align:left;
}
	
#kotohaco_category  .kotohaco_rsview_pagenav .pagenav_next {
	 float:right;
	padding-right:10px;	 
	 text-align:right;
 }
 
 
 #kotohaco_category .kotohaco_rsview_pagenav {
	 text-align:center;
	 clear:both;
 }
 
#kotohaco_category .seq001 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite01-s.gif) no-repeat center 8px  rgb(255, 253, 218);
	border-left: 1px dotted #ccc;	
}

#kotohaco_category .seq002 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite02-s.gif) no-repeat center 8px;
}
 
#kotohaco_category .seq003 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite03-s.gif) no-repeat center 8px;
}
 
#kotohaco_category .seq004 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite04.gif) no-repeat center 8px;
}

#kotohaco_category .seq005 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite05.gif) no-repeat center 8px;
}

#kotohaco_category .seq006 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite06.gif) no-repeat center 8px;
	border-left: 1px dotted #ccc;
}

#kotohaco_category .seq007 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite07.gif) no-repeat center 8px;
}

#kotohaco_category .seq008 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite08.gif) no-repeat center 8px;
}

#kotohaco_category .seq009 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite09.gif) no-repeat center 8px;
}

#kotohaco_category .seq010 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite10.gif) no-repeat center 8px;
}


/* ########################################### カテゴリー別売れ筋商品ランキングここまで ########################################### */


/* ########################################### レコメンド関連商品ランキング ########################################### */


#kotohaco_relranking .kotohaco_rsview_itemwindow {
	padding-bottom:15px;
	border-bottom:1px dotted #cccccc;
	margin-bottom:30px;
}

#kotohaco_relranking table td {
	width:19%;
}

#kotohaco_relranking .kotohaco_rsview_itemwindow table td .item_image img {
	margin-bottom:5px;
}

#kotohaco_relranking .kotohaco_rsview_itemwindow table td .item_title {
	font-size:80%;
	height:70px;
	margin:6px 0 3px;
}

#kotohaco_relranking .kotohaco_rsview_itemwindow ol {
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}

#kotohaco_relranking .kotohaco_rsview_itemwindow table {
	width:100%;
}

#kotohaco_relranking .kotohaco_rsview_item {
	vertical-align: top;
	padding: 40px 15px 15px;
	border-right: 1px dotted #ccc;
}

#kotohaco_relranking .kotohaco_rsview_item div {
	width:100%;
	margin:2px 0;
}

#kotohaco_relranking .item_image {
	max-width: 175px;
	text-align:center;
}

#kotohaco_relranking .kotohaco_rsview_title {
	font-size:120%;
	margin-bottom:15px;
	padding-bottom:4px;
	border-bottom:1px dotted #cccccc;
	color:#222;
}

#kotohaco_relranking .kotohaco_rsview_item .item_data2 {
	width:50px;
	font-size:90% !important;
    padding-left: 68px;
    background: url(http://www.diy-tool.com/shop/item/diy/design/img04/selling-price.gif) 0px 5px no-repeat;
    color: red;	
}

#kotohaco_relranking .kotohaco_rsview_footer {
	border-top: thin #CCCCCC solid;
	padding: 2px;
	font-size:10px;
	text-align:right;
	margin: 2px 0px;
	clear:both;
}

#kotohaco_relranking .kotohaco_rsview_pagenav {
	display:block;
	padding:8px;
	background-color:#f7f1da;
}

#kotohaco_relranking .kotohaco_rsview_pagenav a:hover {
	text-decoration:none;
}

#kotohaco_relranking .kotohaco_rsview_pagenav .pagenav_back {
	float:left; 
	padding-left:10px;
	text-align:left;
}
	
#kotohaco_relranking  .kotohaco_rsview_pagenav .pagenav_next {
	 float:right;
	padding-right:10px;	 
	 text-align:right;
 }
 
 
 #kotohaco_relranking .kotohaco_rsview_pagenav {
	 text-align:center;
	 clear:both;
 }
 
#kotohaco_relranking .seq001 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite01-s.gif) no-repeat center 8px  rgb(255, 253, 218);
	border-left: 1px dotted #ccc;	
}

#kotohaco_relranking .seq002 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite02-s.gif) no-repeat center 8px;
}
 
#kotohaco_relranking .seq003 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite03-s.gif) no-repeat center 8px;
}
 
#kotohaco_relranking .seq004 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite04.gif) no-repeat center 8px;
}

#kotohaco_relranking .seq005 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite05.gif) no-repeat center 8px;
}

#kotohaco_relranking .seq006 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite06.gif) no-repeat center 8px;
	border-left: 1px dotted #ccc;
}

#kotohaco_relranking .seq007 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite07.gif) no-repeat center 8px;
}

#kotohaco_relranking .seq008 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite08.gif) no-repeat center 8px;
}

#kotohaco_relranking .seq009 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite09.gif) no-repeat center 8px;
}

#kotohaco_relranking .seq010 {
	background: url(https://www.diy-tool.com/common/img/ranking-img/toprank-sprite10.gif) no-repeat center 8px;
}


/* ########################################### レコメンド関連商品ランキングここまで ########################################### */


/* ########################################### この商品をチェックした人は... ########################################### */

#kotohaco_related .kotohaco_rsview_itemwindow {
	padding-bottom:15px;
	border-bottom:1px dotted #cccccc;
	margin-bottom:30px;
}

#kotohaco_related table td {
	width:19%;
}


#kotohaco_relranking .item_image {
	max-width: 175px;
	text-align:center;
}

#kotohaco_related .kotohaco_rsview_itemwindow table td .item_image img {
	margin-bottom:5px;
}

#kotohaco_related .kotohaco_rsview_itemwindow table td .item_title {
	font-size:80%;
	height:70px;
	margin:6px 0 3px;
}

#kotohaco_related .kotohaco_rsview_itemwindow ol {
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}

#kotohaco_related .kotohaco_rsview_itemwindow table {
	width:100%;
}

#kotohaco_related .kotohaco_rsview_item {
	vertical-align: top;
	padding: 15px;
	border-right: 1px dotted #ccc;
}


#kotohaco_related .kotohaco_rsview_item div {
	width:100%;
	margin-bottom:2px 0px;
}

#kotohaco_related .kotohaco_rsview_title {
	font-size:120%;
	margin-bottom:15px;
	padding-bottom:4px;
	border-bottom:1px dotted #cccccc;
	color:#222;
}

#kotohaco_related .kotohaco_rsview_item .item_data2 {
	width:50px;
	font-size:90% !important;
    padding-left: 68px;
    background: url(http://www.diy-tool.com/shop/item/diy/design/img04/selling-price.gif) 0px 5px no-repeat;
    color: red;	
}

#kotohaco_related .kotohaco_rsview_footer {
	border-top: thin #CCCCCC solid;
	padding: 2px;
	font-size:10px;
	text-align:right;
	margin: 2px 0px;
	clear:both;
}

#kotohaco_related .kotohaco_rsview_pagenav {
	display:block;
	padding:8px;
	background-color:#f7f1da;
}

#kotohaco_related .kotohaco_rsview_pagenav a:hover {
	text-decoration:none;
}

#kotohaco_related .kotohaco_rsview_pagenav .pagenav_back {
	float:left; 
	padding-left:10px;
	text-align:left;
}
	
#kotohaco_related  .kotohaco_rsview_pagenav .pagenav_next {
	 float:right;
	padding-right:10px;	 
	 text-align:right;
 }
 
 
 #kotohaco_related .kotohaco_rsview_pagenav {
	 text-align:center;
	 clear:both;
 }

#kotohaco_related .seq001 {
	border-bottom: 1px dotted #ccc;	
	border-left: 1px dotted #ccc;	
}

#kotohaco_related .seq002 {
	border-bottom: 1px dotted #ccc;	
}
 
#kotohaco_related .seq003 {
	border-bottom: 1px dotted #ccc;	
}
 
#kotohaco_related .seq004 {
	border-bottom: 1px dotted #ccc;	
}

#kotohaco_related .seq005 {
	border-bottom: 1px dotted #ccc;		
}

#kotohaco_related .seq006 {
	border-left: 1px dotted #ccc;
}

#kotohaco_related .seq007 {

}

#kotohaco_related .seq008 {

}

#kotohaco_related .seq009 {

}

#kotohaco_related .seq010 {

}


/* ########################################### この商品をチェックした人は...ここまで ########################################### */


/* ########################################### Future内部のボタンをマウスオーバー ########################################### */

.FS2_PurchaseHereButton input:hover, .FS2_ContinueButton_container input:hover, .itemRight input:hover, .itemCenter input:hover, .FS2_Login_btn_position input:hover, .FS2_bottom_btn_center_1 input:hover, .FS2_ApplyCouponButton input:hover, .alignRight input:hover, .FS2_figure_table_td_cart_btn input:hover, .FS2_WishListAllDeleteButton_area input:hover {
filter:alpha(opacity=80);
opacity:0.8;
}

.FS2_PayWithAmazonButton img:hover, .FS2_LoginWithAmazonButton_container img:hover, .FS2_Login_btn_position img:hover {
filter:alpha(opacity=80);
opacity:0.8;
}

#index_search .search-btn:hover {
filter:alpha(opacity=80);
opacity:0.8;
}

/* ########################################### Future内部のボタンをマウスオーバーここまで ########################################### */