@charset "utf-8";
/* CSS Document */



#rightArea input[type=text]{

	height:23px;
	line-height:23px;
	font-size:14px;
    border:#a9a9a9 1px solid;
	margin-right:10px;

}


a{
	color:#0060B6;


}
a:hover{
	text-decoration:none;
}

h1{
	background:#E6E6E6;
	text-align:center;
	font-weight:normal;
	padding:3px 0px 5px 3px;
}
header{
	width:1115px;
	margin:0 auto;
	padding:20px 0 20px 0;
}
header .left{
	width:530px;
	float:left;
	margin-top:15px;
}
header .left div{
	float:left;
}
header .left p{
	float:right;
	font-size:11px;
}
header .right{
	width:192px;
	float:right;
}
header .right div{
	margin-top:5px;
}

nav{
	background:#3F3F3F;
	margin-bottom:30px;
}
nav ul{
	width:1116px;
	margin:0 auto;
}
nav ul li{
	width:279px;
	float:left;
}


.bread{
	margin-bottom:2px;
}
.bread li{
	display:inline;
	background:url(https://www.ekrea.net/images/cat/bread-arrow.gif) no-repeat right 4px;
	padding-right:11px;
	font-size:11px;
}

section#breadArea{
	margin-bottom:15px;
}
.bread li a{
	text-decoration:none;
}
.bread li a:hover{
	text-decoration:underline;
}

.bread li.nolink {
	background:none;
}

/**************************************************************************************************

コンテンツ

**************************************************************************************************/

#container{
	width:1115px;
	margin:0 auto;
}

/********** LEFT AREA *********/


#container #leftArea{
	width:225px;
	float:left;
	margin-bottom:30px;
}


/***マイページ ****/

#leftArea #mypage{
	width:181px;
	height:180px;
	border:#B2B2B2 5px solid;
	padding:7px 17px 5px 17px;
}
#leftArea #mypage div{
	text-align:center;
	border-bottom:#666666 dotted 1px;
	padding-bottom:5px;
	margin-bottom:10px;
}


#leftArea #mypage ul li{
	margin-bottom:5px;
}
#leftArea #mypage ul li#next{
	margin-bottom:12px;
	margin-right:12px;
	font-size:11px;
}
#leftArea #mypage ul li input[type=text]{
	width:135px;
	margin-left:3px;

}
#leftArea #mypage ul li input[type=checkbox]{
	margin-right:3px;
	vertical-align:-0.15em;
}
#leftArea #mypage p{
	font-size:11px;
}



/***会員ログイン ****/

#leftArea #login{
	width:181px;
	height:180px;
	border:#B2B2B2 5px solid;
	padding:7px 17px 5px 17px;
}
#leftArea #login div{
	text-align:center;
	border-bottom:#666666 dotted 1px;
	padding-bottom:5px;
	margin-bottom:10px;
}


#leftArea #login ul li{
	text-align:right;
	margin-bottom:5px;
	white-space:nowrap;
}
#leftArea #login ul li#next{
	margin-bottom:12px;
	margin-right:12px;
	font-size:11px;
}
#leftArea #login ul li input[type=password]{
	width:135px;
	margin-left:3px;

}
#leftArea #login ul li input[type=text]{
	width:135px;
	margin-left:3px;

}
#leftArea #login ul li input[type=checkbox]{
	margin-right:3px;
	vertical-align:-0.15em;
}
#leftArea #login p{
	font-size:11px;
}

/***見積もりカート ****/

#leftArea #cart{
    width:181px;
	height:67px;
	padding:7px 17px 5px 17px;
	border-left:#B2B2B2 5px solid;
	border-right:#B2B2B2 5px solid;
	border-bottom:#B2B2B2 5px solid;
	margin-bottom:30px;
}
#leftArea #cart #figure{
	margin-bottom:11px;
	border-bottom:#666666 dotted 1px;
}
#leftArea #cart #figure div{
	float:left;
}
#leftArea #cart #figure div img{
	vertical-align:-0.6em;
}
#leftArea #cart #figure p{
	float:right;
}
#leftArea #cart #figure p span{
	font-size:17px;
}

/***キーワード検索 ****/

#leftArea #keyword div{
	text-align:center;
	border-bottom:#666666 dotted 1px;
	padding-bottom:5px;
	margin-bottom:10px;
}


#leftArea #keyword{
    width:181px;
	padding:7px 17px 10px 17px;
	border:#B2B2B2 5px solid;
	margin-bottom:30px;
}
#leftArea #keyword input[type=text]{
	width:135px;
	margin-right:5px;
}
#leftArea #keyword input[type=image]{
	vertical-align:-0.4em;
}
#leftArea #keyword select{
	width:180px;
	margin-top:7px;
	height:20px;
	font-size:12px;
}


/***ニュース ****/

#news{
	border:#666666 1px solid;
	padding:15px;
	margin-bottom:30px;
}
#news section{
	height:315px;
	overflow:auto;
	padding-right:10px;
}
#newsBox{
	border-bottom:#B2B2B2 1px solid;
	padding-bottom:5px;
	margin-bottom:5px;
}

#newsBox .left{
	float:left;
}
#newsBox .right{
	float:right;
}

#news dl {
	border-bottom:1px dotted #666;
	padding:10px 0px 10px 0px;
}
#news dl dt{
	margin-bottom:2px;
}
#news dl dt img{
	margin-left:10px;
	vertical-align:-0.25em
}
#news dl dd.title{
	font-size:13px;
}
#leftArea #category {
	margin-bottom:5px;
}
#leftArea #category li{
	margin-bottom:2px;
}
#leftArea #all{
	margin-bottom:30px;
}


#leftArea #bunner{
	margin-bottom:30px;
	text-align: center;
}
#leftArea #bunner02{
	background:url(../images/banner_line01.gif) no-repeat bottom;
	padding-bottom:3px;
	margin-bottom:30px;
}
#leftArea #bunner03 .left{
	float:left;
}
#leftArea #bunner03 .right{
	float:right;
}

/********** RIGHT AREA *********/

#container #rightArea{
	width:860px;
	float:right;
}

#pagetop{

	text-align:right;
	margin-bottom:20px;
	margin-top:20px;
}




/********** フッター上部分(トップページのみ) *********/

#about{
	background:url(https://www.ekrea.net/images/foot-bg.gif) repeat;
	padding-top:30px;
}

#about .inner{
	width:1115px;
	margin:0 auto;
}
#about section{
	width:1115px;
	border-bottom:1px #000000 dotted;
	padding-bottom:20px;


}
#about section .left{
	width:172px;
	float:left;
	border-right:1px #000000 dotted;
	padding:15px 50px 15px 0px;
}
#about section .left .logo{
	margin-bottom:15px;
}
#about section .right{
	width:870px;
	float:right;
	background:url(../images/img_f_01.png) no-repeat right;
	min-height:123px;
}




/**************************************************************************************************

お問い合わせ系table

**************************************************************************************************/



table#form{
	border-top:#666666 2px solid;
	border-bottom:#666666 2px solid;

}
table#form th{
	width:140px;
	background:#EEEEEE;
	border-bottom:#666666 1px dotted;
	text-align:left;
	padding:10px;
		font-size:14px;
}
table#form th span{
	color:#BF0000;
}
table#form td textarea{
	width:670px;
	height:130px;
	padding:2px 3px 2px 3px;
	font-size:14px;
}

table#form .last{
	border-bottom:none;
}
table#form td{
	border-bottom:#666666 1px dotted;
	padding:10px;
		font-size:14px;
}
table#form td span{
	font-size:12px;
}
.wid-s{
	width:50px;
}
.wid-m{
	width:150px;
}
.wid-mm{
	width:240px;
}
.wid-l{
	width:300px;
}
.wid-ll{
	width:450px;
}





/**************************************************************************************************

フッター

**************************************************************************************************/

footer{
	background:url(https://www.ekrea.net/images/foot-bg.gif) repeat;
	padding:30px 0 0 0;
}
footer .inner{
	width:1115px;
	margin:0 auto;
}



#footer_menu{
	width:1115px;
}
#footer_menu .left p{
	margin-bottom:5px;
}
#footer_menu .left{
	width:250px;
	float:left;
}
#footer_menu .left div{
	background:url(https://www.ekrea.net/images/btn_f_01.png) no-repeat 0 0;
	width:205px;
	height:25px;
	margin-bottom:5px;


}
#footer_menu .left div:hover{
	background:url(https://www.ekrea.net/images/btn_f_01_on.png) no-repeat 0 0;
}
#footer_menu .left div a{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding-left:14px;
	padding-top:3px;
}

#footer_menu .middle{
	width:430px;
	float:left;
}
#footer_menu .right{
	width:430px;
	float:left;
}

#footer_menu .middle ul{
	float:left;
	margin-right:30px;
}

#footer_menu .right ul{
	float:left;
	margin-right:30px;
}
#footer_menu .foot-title{
	margin-bottom:13px;
}
footer #company{
	font-weight:bold;
	font-size:14px;
}
footer #company a{
	color:#000;
	text-decoration:none;
}
footer #company a:hover{
	text-decoration:underline;
}


#footer_menu  ul li{
	background:url(https://www.ekrea.net/images/arrow_01.gif) no-repeat 0 5px;
	padding-left:14px;
	margin-bottom:2px;
	font-size:14px;
}

#footer_menu  ul li a{
	color:#333333;
	text-decoration:none;
}
#footer_menu  ul li a:hover{
color:#0060B6;
}
.btnArea{
	margin-top:25px;
}
#foot{
	background-color:#3F3F3F;
	margin-top:30px;
}
#foot small{
	color:#FFFFFF;
	text-align:center;
	display:block;
	padding:5px;
}

/**************************************************************************************************

スクロールバーcss

**************************************************************************************************/



::-webkit-scrollbar
{
        width:10px;
        background:#eee;
		  -webkit-border-radius:10px;
        border-radius:10px;

}
        #scrollbar01::-webkit-scrollbar:horizontal
        {
                height:5px;
        }
::-webkit-scrollbar-piece
{
        background:#eee;
}
        ::-webkit-scrollbar-piece:start
        {
                background:#eee;
        }
::-webkit-scrollbar-thumb
{
        background:#636363;
		  -webkit-border-radius:10px;
        border-radius:10px;
}
::-webkit-scrollbar-corner
{
        background:#333;
		  -webkit-border-radius:10px;
        border-radius:10px;
}

/**************************************************************************************************

ロールオーバー　透明度

**************************************************************************************************/

#recommend a:hover img,#bunner03 a:hover img,#news .right a:hover img,#bunner a:hover img{
 opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
}


/**************************************************************************************************

フォーム系ページ

**************************************************************************************************/

#error{
	background-color:#FBE3DE;
	padding:10px;
	margin-bottom:20px;
}
#error p{
	color:#BF0000;
	font-size:14px;
	margin-bottom:5px;
}
#error ul li{
	color:#BF0000;
	font-size:14px;
	font-weight:bold;
}


#container02{
	width:900px;
	margin:0 auto;
	padding-top:20px;
}


#container02 input[type=text]{

	height:23px;
	line-height:23px;
	font-size:14px;
    border:#a9a9a9 1px solid;
	margin-right:10px;
}
input[type=text].ml{
	margin-left:10px;
}
#container02 input[type=checkbox]{
	margin-right:5px;
	vertical-align:-0.1em;

}
table#form label input[type=radio]{
	margin-right:5px;
}



#container02 p{
	font-size:14px;
}
.red{
	color:#BF0000;
}

label{
	margin-right:20px;
	display:inline-block;
}
#next label{
	margin-right: 0px;
}
label span{
	font-weight:bold;
}
span.bold{
	font-weight:bold;
}



#GlobalSign p {
display: inline-block;
margin: 2px 0px 0px 10px;
vertical-align:top;
}





/**********追加部分 **********/
.sp{
	display:none;
}

body{
	min-width:1200px;
}


/* 追加部分 セミオーダー　ここから */

dl#semi_order {
	margin-top: 20px;
	/* display: none; */
}
dl#semi_order dt{
	background: #007DBE;
	text-align: center;
	color: #FFF;
	font-size:4.5vw;
	font-weight: bold;
	padding: 5px 0;
	-webkit-border-radius:5px 5px 0 0;
	        border-radius:5px 5px 0 0;
}
dl#semi_order dd{
	background: #EBEBEB;
	padding: 15px;
	-webkit-border-radius:0 0 5px 5px;
	        border-radius:0 0 5px 5px;
}
dl#semi_order #attention{
	display: table;
}
dl#semi_order #attention div{
	display: table-cell;
	width: 50px;
	border: #BF0000 1px solid;
	background: #FFF;
		color: #BF0000;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
dl#semi_order #attention p{
	display: table-cell;
	color: #BF0000;
	padding-left: 10px;
	font-size: 12px;
}
dl#semi_order  input{
	width: 100%;
	margin-bottom: 10px;
}
dl#semi_order p#no01{
	background: url("https://www.ekrea.net/images/cat/page/1.png") no-repeat 0 0;
	padding-left: 25px;
}
dl#semi_order p#no02{
	background: url("https://www.ekrea.net/images/cat/page/2.png") no-repeat 0 0;
	padding-left: 25px;
}
dl#semi_order p#no03{
	background: url("https://www.ekrea.net/images/cat/page/3.png") no-repeat 0 0;
	padding-left: 25px;
}

@media screen and (min-width: 668px){

header{
	position: relative;
}
#btn_semiorder{
	position: absolute;
	right: 210px;
	top: 25px;
	/* display: none; */
}
dl#semi_order {
	width: 390px;
}
dl#semi_order dt{
	font-size: 18px;
}
dl#semi_order  input{
	width: auto;
	margin-left: 20px;
}
dl#semi_order dd > p{
	font-size: 16px!important;
}
dl#semi_order #attention p{
	font-size: 14px;
}


}

/* 追加部分 セミオーダー　ここまで */