@charset "utf-8";


/* ===================================================================
CSS Information

File name            : default.css
Author               : funcution
Information          : 初期化CSS

-------------------------------------------------------------------
Contents

	1:  all reset 
	2:  link settimg

=================================================================== */


/* ===== 1:  all reset =========================== */


body {
    background: #FFF;
    /* font-size: 72%; */
    line-height: 1.4em;
     width: 1300px; 
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo,'MS PGothic', sans-serif;
    /* font-family: "ＭＳ Ｐゴシック",sans-serif; */
    letter-spacing: 1.1px;
    color: #555555;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

* html body {
	font-size: 82%;
}



address,caption,em,strong,th {
	font-style: normal;
	font-weight: normal;
}


* html table {
	font-size: 82%;
}

caption,th {
	text-align: left;
}


object,embed {
	vertical-align: top;
}


/* ===== 2:  link setting =========================== */

a: link{
	text-decoration: underline;
}
a: hover{
	text-decoration: none;
	color: #39C;
}


.madoml{margin-left:5px;}
.madomtable{margin-bottom:5px;}


/* dreamotasuke.css v1.0 */

h2{
color:#5f0f10;
}
h2.ptFree{
font-size:small;
f\ont-size:medium;
font-weight:normal;
}
h3{
color:#333333;
}
.exTwrap100{
width:100%;
}

.clearfix:after,
.item-box:after,
#Main:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
font-size:0;
}
.clearfix,
.item-box,
#Main {
display:inline-block;
}

#wrapper{
	width:100%;
}

/* layout */
#Top{
	width:100%;
	text-align: left;
}

#Container{
	/* [disabled]float:right; */
	/* [disabled]width:744px; */
}

#Left{
float:left;
width:210px;
}

#Bottom{
width:100%;
}

#Main{
	/* [disabled]margin:10px 0 0 0; */
	width: 950px;
}
#Container .Container-inner{
	/* [disabled]margin:0 10px 0 0; */
}
#CenterTop{
width:100%;
}
/* CENT FREE SPACE2 */
#CentFreeSpace2{
	width:100%;
	/* [disabled]margin:0 0 20px 0; */
}
/* NAVI STR CATEGORY5 */
#NaviStrCategory5{
	margin:10px 0;
	text-align:left;
}
#NaviStrCategory5 .dvBody h3 img{
border:none;
}
#NaviStrCategory5 .dvBody ul,
#NaviStrCategory5 .dvBody li{
margin:0;
padding:0;
}
#NaviStrCategory5 h2.ptFree{
margin:0;
padding:0;
background-color:#f6741c;
}
#NaviStrCategory5 h2.ptImg{
margin:0;
padding:0;
background-color:#f6741c;
text-align:center;
}
#NaviStrCategory5 h2.ptText{
border:1px solid #eadac3;
border-bottom:none;
background-color:#f6741c;
color:#5f0f10;
margin:0;
padding:4px;
font-size:x-small;
f\ont-size:small;
font-weight:bold;
text-align:center;
}
#NaviStrCategory5 .dvBody h3{
	margin:0;
	padding:0;
	/* [disabled]font-size:x-small; */
	font-size:12px;
	/* [disabled]font-weight:normal; */
	background:url(../images/lt_category1_00.jpg) no-repeat 1px 1px;
	width: 170px;
	height:24px;
	padding-left:30px;
	padding-top: 8px;
}
#NaviStrCategory5 .dvBody h3 a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#NaviStrCategory5 h3.ptText{
	font-size:10px;
	padding-top:10px;
	height:32px;
}
#NaviStrCategory5 h3.ptText2{
	font-size:10px;
	padding-top:2px;
	height:32px;
}
#NaviStrCategory5 .dvBody{
	width:100%;
	font-size:x-small;
	f\ont-size:small;
	background:url(../images/lt_category1_body.jpg) repeat 0 0;
}
#NaviStrCategory5 .dvBody ul{
padding:0 9px 10px 0;
list-style:none;
line-height:1.1em;
}
#NaviStrCategory5 .dvBody li{
margin-left:25px;
text-indent:-12px;
margin-top:5px;
}
#NaviStrCategory5 .dvBody li img{
vertical-align:top;
margin-right:4px;
}





/* ===================================================================
CSS Information

File name            : module.css
Author               : funcution
Information          : ヘッダー・フッター・レフトコンテンツ

=================================================================== */


/* === common ============================== */

.mgn3 {
	margin-bottom: 3px;
}

.mgn5 {
	margin-bottom: 5px;
}

.mgn10 {
	margin-bottom: 10px;
}

.mgn15 {
	margin-bottom: 15px;
}

.mgn20 {
	margin-bottom: 20px;
}

.mgn30 {
	margin-bottom: 30px;
}

.mgn100 {
	margin-bottom: 100px;
}

.b {
	font-weight: bold;
}

.red {
	color: #ff0000;
}
#mgnitiran {
	width:200px;
	height:auto;
	background-image: url(../images/catalog_auc-dream-diy_120522_03.jpg);	
}
#mgnitiran li {
	float:left;
}
#mgnitiran ul {
	width::200px;
	height:auto;
	margin: 20px 0px 0px 10px;
}

/* === .clearFix ============================== */

.clearFix:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearFix {
	display:inline-block; /* MacIE */
	min-height:1%; /* IE7 */
}

/* MacIE-not \*/
* html .clearFix {height: 1%;}
.clearFix {display: block;}
/* MacIE-not */


/* === #store_area ============================== */

#store_area {
	position: relative;
	width: 200px;
}

#store_area_wrapper {
	padding: 10px;
}

#store_area_wrapper p {
	font-size: 11px;
	margin-bottom: 10px;
}

#store_area_wrapper p img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#store_area_wrapper img {
	padding-left: 10px;
}

.aisatu{
	background-image: url(../images/lt_store_bg_body.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}




/* === item-list title ============================== */

div#item-list4 {
	position: relative;
	height: 40px;
	background-image: url(../images/ct_item_list4_t.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#item-list5 {
	position: relative;
	height: 40px;
	background-image: url(../images/ct_item_list5_t.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#item-list6 {
	position: relative;
	height: 40px;
	background-image: url(../images/ct_item_list6_t.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#item-list7 {
	position: relative;
	height: 40px;
	background-image: url(../images/ct_item_list7_t.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#item-list8 {
	position: relative;
	height: 40px;
	background-image: url(../images/ct_item_list8_t.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#item-list3 img,
div#item-list4 img,
div#item-list5 img,
div#item-list6 img,
div#item-list7 img,
div#item-list8 img {
	display: block;
	position: absolute;
	left: 510px;
}



/* ----- */

.item_list_line_area {
	width: 730px;
	height: 40px;
}
.item_list_line_area li {
	float: left;
	
}

.item_list_line_area .item_list_line_area_last {
	width: 142px;
}

.item_list_bt_area {
	width: 730px;
	height: 40px;
	padding-top:0px;
	padding-bottom:5px;
}

.item_list_bt_area li {
	float: left;
	padding-left:0px;
}










/* ===================================================================
CSS Information

File name            : left.css
Author               : funcution
Information          : ヘッダー・フッター・レフトコンテンツ

=================================================================== */




div#left_bar{
	width:200px;
	float: left;
	margin-right: 20px;
}
/* all reset */

#container {
	position: relative;
	width: 200px;
}

#h1_title {
	/*display: none;*/
}

/* ============================== *
   ------------------------------ 
    検索ボックス全体
   ------------------------------ 
 * ============================== */

#search_box_area {
	/*position: relative;*/
	/*height: 54px;*/
	/*background-image: url(../fc_iframes/images/search_back.jpg);*/
	/*background-repeat: no-repeat;*/
}

#search_box_wrapper {
	/*position: relative;*/
	/*padding: 10px 0 0;*/
	color: #FA8B20;
	font-weight: bold;
	/*margin-top: 10px;*/
	background: #FCBD0E;
    padding-bottom: 5px;
}

#search_box_wrapper .h_submit input.submit{
background: #FCC138;
color: #603B17;
border: none;
    padding: 0 10px;
    font-weight: bold;
}

#search_box_wrapper p.h_keyword{
	/*border: 2px solid #FA8B20;*/
	box-sizing: border-box;
	border-bottom: 2px solid #FCC138;
	width: 200px;
}
#search_box_wrapper p.h_submit{
	text-align: right;
}
input#keyword.txtarea{
	border: none;
	width: 194px;
}

/* ============================== *
   ------------------------------ 
    検索パーツ
   ------------------------------ 
 * ============================== */

.search_parts_box {
	float: left;
	width: 170px;
	/* [disabled]height: 43px; */
	padding-top: 0px;
}

/* ============================== *
    パーツタイトル
 * ============================== */

.parts_box_title {
	margin-bottom: 0px;
	display: none;
}

/* ============================== *
    フリーワード検索
 * ============================== */

.free_word_box .free_word_box {
	float: left;
	width: 140px;
	height: 24px;
	background-image: url(../images/search_word_back.jpg);
	background-repeat: no-repeat;
}

.parts_box_title p, .recommend_parts_title p {
	font-size:11px;
	color:#000;
}
.free_word_box .free_word_box div {
	padding: 4px 5px 0px;
}

.free_word_box .free_word_box input {
	width: 140px;
	height: 24px;
	border: 0px;
}

.free_word_box .free_word_bt {
	float: left;
	width: 30px;
	height: 24px;
}

/* ============================== *
   ------------------------------ 
    WEBカタログ関係
   ------------------------------ 
 * ============================== */

.catalogBox {
	width: 200px;
	height: 138px;
	position: relative;
	margin: 0 0 10px;
	background-image: url(../fc_iframes/images/catalog_back.gif);
}

.catalogBannerLixil {
	width: 150px;
	height: 41px;
	position: absolute;
	top: 44px;
	left: 25px;
	border: none;
}

.catalogBannerYkk {
	width: 150px;
	height: 41px;
	position: absolute;
	top: 90px;
	left: 25px;
	border: none;
}


/* === .clearFix ============================== */

.clearFix:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearFix {
	display:inline-block; /* MacIE */
	min-height:1%; /* IE7 */
}

/* MacIE-not \*/
* html .clearFix {height: 1%;}
.clearFix {display: block;}
/* MacIE-not */

/* ============================== *
   ------------------------------ 
    メーカーリスト
   ------------------------------ 
 * ============================== */
 
 .sideMakerList {
	 background:#fbefd7;
	 padding:10px 0 10px 10px;
 }
 
 .sideMakerList li {
	 float:left;
	 margin:0 6px 5px 0px;
	 text-align:left;
	 width:87px;
 }
 
 .sideMakerList li span {
	 display:block;
 }
 
 .sideMakerList li span a {
	 text-decoration:underline;
	 font-size:9px;
 }







/* ===================================================================
CSS Information

File name            : dreamotasuke.css
Author               : funcution
Information          : ヘッダー・フッター・レフトコンテンツ

=================================================================== */



/* STYLE v1.0 */

h2.ptFree{
font-size:small;
f\ont-size:medium;
font-weight:normal;
}
h3{
color:#333333;
}
.exTwrap100{
width:100%;
}

.clearfix:after,
.item-box:after,
#Main:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
font-size:0;
}
.clearfix,
.item-box,
#Main {
display:inline-block;
}

#wrapper{
	width:100%;
}

/* layout */
#Top{
	width:100%;
	text-align: left;
}

#Container{
	/* [disabled]float:right; */
	/* [disabled]width:744px; */
}

#Left{
float:left;
width:210px;
}

#Bottom{
width:100%;
}

#Main{
	/* [disabled]margin:10px 0 0 0; */
	width: 950px;
}
#Container .Container-inner{
	/* [disabled]margin:0 10px 0 0; */
}
#CenterTop{
width:100%;
}
/* CENT FREE SPACE2 */
#CentFreeSpace2{
	width:100%;
	/* [disabled]margin:0 0 20px 0; */
}
/* NAVI STR CATEGORY5 */
#NaviStrCategory5{
	margin:10px 0;
	text-align:left;
}
#NaviStrCategory5 .dvBody h3 img{
border:none;
}
#NaviStrCategory5 .dvBody ul,
#NaviStrCategory5 .dvBody li{
margin:0;
padding:0;
}
#NaviStrCategory5 h2.ptFree{
margin:0;
padding:0;
background-color:#f6741c;
}
#NaviStrCategory5 h2.ptImg{
margin:0;
padding:0;
background-color:#f6741c;
text-align:center;
}
#NaviStrCategory5 h2.ptText{
border:1px solid #eadac3;
border-bottom:none;
background-color:#f6741c;
color:#5f0f10;
margin:0;
padding:4px;
font-size:x-small;
f\ont-size:small;
font-weight:bold;
text-align:center;
}
#NaviStrCategory5 .dvBody h3{
	margin:0;
	padding:0;
	/* [disabled]font-size:x-small; */
	font-size:12px;
	/* [disabled]font-weight:normal; */
	background:url(../images/lt_category1_00.jpg) no-repeat 1px 1px;
	width: 170px;
	height:24px;
	padding-left:30px;
	padding-top: 8px;
}
#NaviStrCategory5 .dvBody h3 a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#NaviStrCategory5 h3.ptText{
	font-size:10px;
	padding-top:10px;
	height:32px;
}
#NaviStrCategory5 h3.ptText2{
	font-size:10px;
	padding-top:2px;
	height:32px;
}
#NaviStrCategory5 .dvBody{
	width:100%;
	font-size:x-small;
	f\ont-size:small;
	background:url(../images/lt_category1_body.jpg) repeat 0 0;
}
#NaviStrCategory5 .dvBody ul{
padding:0 9px 10px 0;
list-style:none;
line-height:1.1em;
}
#NaviStrCategory5 .dvBody li{
margin-left:25px;
text-indent:-12px;
margin-top:5px;
}
#NaviStrCategory5 .dvBody li img{
vertical-align:top;
margin-right:4px;
}



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

/*
 * style22.css
 * funcushion, 2011
 * last updated: 2011-04-28T16:59:46+09:00
 * http://www.funcushion.jp/
 */


/* begin general settings
   -------------------------------------------------------------------- */

div#left_bar a {
    color: #333333;
    text-decoration: underline;
}

/* end general settings
   -------------------------------------------------------------------- */


/* begin #header
   -------------------------------------------------------------------- */
#header {
    display: none;
    width: 200px;
}
/* end #header
   -------------------------------------------------------------------- */




/* begin .level2
   -------------------------------------------- */
.level2
	{
	/*width: 190px;*/
	padding-left: 10px;
	line-height: 25px;
	display: block;
	font-size: 12px;
	color: #4B2A01;
	border-top: 1px dotted #cccccc;
	}
  .level2_1{
    padding: 0;
    line-height: 1em;
    border: none;
    padding-bottom: 1px;
  }
.levelColor00
	{
	background-color: #FBEFD7;/* 取り扱いメーカーと同色 */
	background-image: url(../images/icon1_01.jpg);
	background-repeat: no-repeat;
	background-position: 180px;
	}

.levelColor01
	{
	background-color: #EFF7F9;
	background-image: url(../images/icon1_01.jpg);
	background-repeat: no-repeat;
	background-position: 180px;
	}

.levelColor02
	{
	background-color: #FDF5E0;
	background-image: url(../images/icon1_02.jpg);
	background-repeat: no-repeat;
	background-position: 180px;
	}

.levelColor03
	{
	background-color: #EFF9FB;
	background-image: url(../images/icon1_03.jpg);
	background-repeat: no-repeat;
	background-position: 180px;
	}

.levelColor04
	{
	background-color: #EBF8EE;
	background-image: url(../images/icon1_04.jpg);
	background-repeat: no-repeat;
	background-position: 180px;
	}

.level3
	{
	width: 180px;
	padding-left: 20px;
	line-height: 26px;
	display: block;
	font-size: 10px;
	background-color: #ffffff;
	color: #7C4605;
	background-image: url(../images/icon2.gif);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	border-bottom: 1px solid #eeeeee;
	}


/* begin #slider_area
   -------------------------------------------------------------------- */
#slider_area {
    float: left;
    width: 10px;
}
#slider_wrapper {


}
#slider_area .ui-widget {
    font-size: 12px;
}
#verticalSlider,
#verticalSlider .ui-slider-handle {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
}
#verticalSlider {
    height: 3275px;
    width: 12px;
    background: none;
}
#verticalSlider .ui-slider-handle {
    width: 0px;
    height: 42px;
    cursor: pointer;
    margin-bottom: -25px;
    background: url(../images/handle.jpg);
    left: 0px;
}
/* end #slider_area
   -------------------------------------------------------------------- */


/* begin #footer
   -------------------------------------------------------------------- */
#footer {
    clear: both;
}
/* end #footer
   -------------------------------------------------------------------- */




.side_inbox
	{
	}

.side_inbox a:hover
{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

#law_l a{
padding-bottom:10px;
	text-decoration:underline;}

/*
サイズ表 https://www.dreamotasuke.co.jp/site/fc_iframes/sashihyou.html
-------------------------------------*/
#sizehyou-1907 .pc{display: block;}
#sizehyou-1907 .sp{display: none;}
@media screen and (max-width: 900px){
	#sizehyou-1907 .pc{display: none;}
	#sizehyou-1907 .sp{display: block;width: 100%;}
	#sizehyou-1907 .scroll{overflow-x: scroll;}
	#sizehyou-1907 .main{float: none;margin:80px 5px 0!important;}
	#sizehyou-1907 .siteWidth{margin: 0;}
	#sizehyou-1907 #sp-nav2 h1 img {position: fixed;}
	#sizehyou-1907 #sp-nav2 header h1 + ul{position: fixed;right: 0;}
	#sizehyou-1907 #sp-nav2 header{position: fixed;width: 100%;
	}

/* ==============================================
　ヘッダー　ハンバーガー　トップページ以外
/* ============================================= */

#sp-nav2 h1 img {
    width: 188px;
}
#sp-nav2 header h1 {
	  width: 55%;
    padding-top: 5px;
}
#sp-nav2 header h1 + ul {
    padding-top: 11px;
    width: 145px;
}
#sp-nav2 .drawer-hamburger {
    height: 20px !important;
    width: 30px !important;
    padding: 20px 15px;
}
#sp-nav2 .drawer-hamburger-icon {
    margin-top: 0px;
}
#sp-nav2 header {
    height: 59px !important;
		margin-bottom: 0 !important; */
	}
#sp-nav2 .drawer-hamburger-icon::before {
    top: -8px;
}
#sp-nav2 .drawer-hamburger-icon,
#sp-nav2 .drawer-hamburger-icon::before,
#sp-nav2 .drawer-hamburger-icon::after {
    height: 2px;
}

#sp-nav2 .drawer-hamburger-icon::after {
    top: 9px;
}
	
#sp-nav2 .drawer-open .drawer-hamburger-icon:after,
#sp-nav2 .drawer-open .drawer-hamburger-icon:before {
    top: 0;
}	
	
#sp-nav2 .drawer--right.drawer-open .drawer-hamburger {
    right: 260px;
}
#sp-nav2 .drawer-nav li {
    padding: 10px 0 10px 40px;
	}
#sp-nav2 .drawer-nav {
    width: 260px;
}
#sp-nav2 .drawer-nav li::after {
    font-size: 15px;
		top: 10px;
}
#sp-nav2 #search_sp {
    margin-top: 0;
    border-top: none;
	border-bottom:none;
    background:none;
	}


}