@charset "utf-8";
@import url("sec.css");
/* CSS Document */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
margin:0;
padding:0;
color:#333;
font-style:normal;
font:small/160% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック",  Osaka, sans-serif}

*html body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
font:x-small/180% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif}

*+html body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
font:small/160% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif}

;;body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
font:small/160% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif}

p,dt,dd,li,th,td,a,span{font-size:105%}

#sideBar .banner dd,
#sideBar li,
#sideBar ul#menu li dl.note dt,
#sideBar li dl dd,
#foot ul li,
#index #main table td,
#index #main table th,
#main p a,
#main ul.sitemap li a{
font-size:small;
_font-size:x-small!important}

#main ul.sitemap li a,
#main p a{font-size:105%!important}

table{
border-collapse:collapse;
border-spacing:0}

textarea,input{margin:0;padding:0}

caption,th{text-align:left}
td,th{vertical-align: top}

fieldset,img,abbr{border:none}
li{list-style-type:none}
hr{display:none}

a,a:link{color:#00c}
a:visited{color:#00c}
a:hover{color:#00c;text-decoration:none}
strong{font-weight:bold}
.pkg{
	display:inline-block;
	margin-bottom:-3px;
	}		  
.pkg:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
h2 img,
h3 img,
h4 img{
	vertical-align:text-bottom;
	margin-bottom:-3px;
	*margin-bottom:0px;
	}
img{
	vertical-align:text-bottom;
	margin:0;
	}
a img {
	border		: none;
}
/*\*/ a { overflow: hidden;}/**/

.main_inner{
	padding:10px;
	}
.main_inner p{
	margin-bottom:0.7em;
	}	
h3.sec{
background:url(../img/common/h3bg.jpg) repeat-x 0 50%;
	font-size:large;
	_font-size:medium;
	font-weight:bold;
	background-repeat:no-repeat;
	color: #333;
	padding:3px 0 3px 8px;
	margin:10px 0 10px 0;
	clear:both;
	border:1px solid #ccc;
	}
h3.sec span{
border-left:3px solid #ff7a22;
padding:0 0 0 10px}
h4.sec{
	background-image:url(../img/sec/h4_bg.jpg);
	font-size:medium;
	_font-size:small;
	padding:0px 0 5px 20px;
	margin:15px 0 10px 0;
	font-weight:bold;
	background-repeat:no-repeat;
	color:#333;
	}
h5{
	font-size:medium;
	_font-size:small;
}	
.tableCont table{
	margin:10px 10px;
	border:1px solid #CCCCCC;
	width:638px;
}
.tableCont table th{
	background-image:url(../img/index/recomm_bg.jpg);
	font-weight:bold;
	padding:5px 10px;
	border-bottom:1px dotted #CCCCCC;
	border-right:1px solid #FFFFFF;
	width:150px;
	_width:170px;
	color:#CC3300;
	}
.tableCont table th.col2{
	width:590px;
	_width:610px;
	background:#F7F7F7;
	border-right:1px solid #cccccc;
	}
.tableCont table th span{
	color:#FF0000;
	}
.tableCont table td{
	padding:5px 10px;
	border-bottom:1px dotted #CCCCCC;
	width:380px;
	_width:420px;
	}

.img_center{
	text-align:center;
	}
.red{
	color:#CC0000;
	}
.bold{
	font-weight:bold;
	}	
	
/*060*/
.secTable{
	padding:0 10px;
	}
.secTable table{
	margin:10px 0;
	border:1px solid #CCCCCC;
	width:650px;
}
.secTable table th{
	background-image:url(../img/index/recomm_bg.jpg);
	font-weight:bold;
	padding:10px 20px;
	border-bottom:1px dotted #CCCCCC;
	border-right:1px solid #FFFFFF;
	width:140px;
	_width:180px;
	color:#CC3300;
	}
.secTable table th.col2{
	width:590px;
	_width:610px;
	background:#F7F7F7;
	border-right:1px solid #cccccc;
	}
.secTable table th span{
	color:#FF0000;
	}
.secTable table td{
	padding:10px 20px;
	border-bottom:1px dotted #CCCCCC;
	width:380px;
	_width:420px;
	}
.com_img{
	width:310px;
	float:left;
	margin:10px 10px 10px 0;
	text-align:center;
	}
.com_img img{
	border-left:2px solid #eee;
	border-top:2px solid #eee;
	border-bottom:2px solid #ccc;
	border-right:2px solid #ccc;
	}	
.com_img_wrap{
	width:650px;
	margin:0 15px;
	}
.w210{
	width:210px;
	}	

.secTable02{
	padding:0 10px;
	}
.secTable02 h4.sec{
	margin:20px 0 10px 0;
	}
.secTable02 table{
	border:1px solid #CCCCCC;
	width:100%;
	_width:658px;
}
.secTable02 table th{
	background-image:url(../img/sec/teblecont2th.jpg);
	font-weight:bold;
	padding:10px 20px;
	border-bottom:1px dotted #fff;
	width:180px;
	_width:200px;
	color:#333;
	}
.secTable02 table td{
	padding:10px 20px;
	border-bottom:1px dotted #CCCCCC;
	}
.secTable02 table td.num{
	width:40px;
	padding:10px 0;
	}
.secTable02 table td.tsec{
	width:280px;
	_width:320px;
	padding:10px 20px;
	}
.bold {font-weight:bold;}
.large {
	font-size:large;
	_font-size:medium;
	font-weight:bold;
	color:#FF6600;
	}
.clear {clear:both;}

/*新品とアウトレット品の違い*/
.txt_L {
	float:left;
	width:390px;
	margin-right:10px;
	}
.pic_R {
	float:right;
	width:250px;
	margin:30px 0;
	}
tb5 {
	width:640px;
	margin:15px 0;
	border-collapse:collapse;
	}
table.tb5 th.th1 {
	background:url(../img/sec/tb2_bg.gif) repeat;
	border:solid 1px #CCCCCC;
	width:270px;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	}
table.tb5 th {
	background:url(../img/sec/tb2_bg.gif) repeat;
	width:100px;
	border:solid 1px #CCCCCC;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	}
.tb5 td {
	width:270px;
	border:solid 1px #CCCCCC;
	padding:5px;
	}

/*ご購入から設置工事までの流れ*/
.box6 {
	border:solid 1px #FF9933;
	background:url(../img/sec/box6.gif) repeat-y;
	width:655px;
	}
.box6:after {
    content: "";
    display: block;
    clear: both;
    height: 1pc;
    overflow: hidden;
	}
.flow_tit {
	background:url(../img/sec/flow.gif) no-repeat;
	background-position:left top;
	float:left;
	width:200px;
	}
#flow_box p.big {margin:20px 0px 5px 0px;}
#flow_box p.white {
	margin:0px 0px 0px 15px; 
	color:#FFFFFF;
	font-weight:bold;
	font-size:large;
	_font-size:medium;
	}
.flow_txt {
	float:left;
	width:455px;
	_width:450px;
	}
.flow_txt p {padding:10px;}
p.arrow {
	clear:both;
	text-align:center;
	margin:10px;
	}
	
/*よくある質問*/
#best5 p.tit_txt {
	margin:25px 0 5px;
	font-size:24px;
	line-height:30px;
	color:#FF6600;
	}
#q_box p.q_tit {
	margin:25px 0 5px;
	font-size:large;
	_font-size:medium;
	line-height:40px;
	color:#FF6600;
	}	
	
/*取扱品目リスト*/
.box8 {
	margin:15px 0 10px;
	clear:both;
	border:solid 1px #ccc;
	display:inline-block;
	}
.box8:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
	}
.box_pic {
	float:left;
	width:100px;
	height:100px;
	}
.box_pic img{
	border:1px solid #ddd;
	}	
.box_txt {
	float:left;
	width:540px;
	}
.box_txt p {margin:10px;}


#main .subInq_wrap{
text-align:center}

#main .subInq_wrap p{
display:inline;
margin:0 0 0 10px}

#main .fig{
margin:10px 0 0;
text-align:center}

#main #flow_box dl dt img{vertical-align:bottom}

#main #flow_box dl dd{
background:url(../img/sec/stepBg.jpg) no-repeat 0 100%;
height:1%;
margin:0 0 20px;
padding:0 20px 20px}

#main #flow_box dl dd.lastChild{background:url(../img/sec/stepBg2.jpg) no-repeat 0 100%}

#main #flow_box dl dd p{margin:0 0 10px}

#main #flow_box dl dd p.link{
background:url(../img/sec/icon01.gif) no-repeat 0 10px;
margin:0;
padding:0 0 0 10px}

#main #flow_box dl dd dl dt{
background:url(../img/sec/icon02.gif) no-repeat 0 8px;
font-weight:bold;
padding:0 0 0 10px}

#main #flow_box dl dd dl dd{
background:none;
margin:0 0 0 20px;
padding:0}

#main .bg01{
background:url(../img/sec/shop2.jpg) no-repeat 100% 0;
margin:0 0 10px;
min-height:130px;
_height:130px;
padding:0 210px 0 0}

#main #best5 dl dt{
background:url(../img/sec/qLank01.jpg) no-repeat 0 0;
color:#e85c00;
font-size:120%;
font-weight:bold;
padding:20px 0 20px 70px}

#main #best5 dl dt.dt02{background:url(../img/sec/qLank02.jpg) no-repeat 0 0}
#main #best5 dl dt.dt03{background:url(../img/sec/qLank03.jpg) no-repeat 0 0}
#main #best5 dl dt.dt04{background:url(../img/sec/qLank04.jpg) no-repeat 0 0}
#main #best5 dl dt.dt05{background:url(../img/sec/qLank05.jpg) no-repeat 0 0}

#main #best5 dl dd{margin:-1.5em 0 10px 70px}

#main ul.qAll li{
background:url(../img/sec/icon01.gif) no-repeat 0 10px;
padding:0 0 0 10px}

#main #q_box dl{
background:url(../img/sec/faq.jpg) no-repeat 0 0;
margin:0 0 20px}

#main #q_box dl dt{
color:#E85C00;
font-weight:bold;
padding:5px 0 0 60px}

#main #q_box dl dd{padding:5px 0 0 60px}

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

#main .subTable{
display:inline-block;
margin:0 0 20px}

/*\*/
*html #main .subTable{height:1%}
#main .subTable{display:block}
/**/

#main .subTable ul{
float:left;
margin:0 20px 0 0;
width:240px}

#main .subTable ul li.btn{
margin:5px 0 0;
text-align:left}

#main .subTable .detail{
float:right;
width:410px}

#main .subTable table{
border:1px solid #ccc;
margin:0 0 10px;
width:410px}

#main .subTable table th{
background:url(../img/sec/teblecont2th.jpg) repeat;
border-bottom:1px dotted #fff;
font-weight:bold;
padding:10px;
width:130px;
_width:150px}

#main .subTable table td{
border-bottom:1px dotted #ccc;
padding:10px}

#main .subTable table td.price{
color:#CC0000;
font-size:120%;
font-weight:bold}

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

#main .comment{
display:inline-block;
margin:0 0 20px}

/*\*/
*html #main .comment{height:1%}
#main .comment{display:block}
/**/

#main .comment div{
float:left;
width:410px}

#main .comment ul{
float:right;
margin:0 0 0 20px;
width:240px}

#main .comment ul li.btn{
margin:5px 0 0;
text-align:right}

#main ul.anchor:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main ul.anchor{display:inline-block;}

/*\*/
*html #main ul.anchor{height:1%}
#main ul.anchor{display:block}
/**/

#main ul.anchor li{
background:url(../img/sec/icon03.gif) no-repeat 0 5px;
float:left;
margin:0 15px 0 0;
padding:0 0 0 15px}

#main ul.aBtn:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main ul.aBtn{display:inline-block;}

/*\*/
*html #main ul.aBtn{height:1%}
#main ul.aBtn{display:block}
/**/

#main ul.aBtn li{
float:left;
margin:0 10px 10px 0}

#main ul.aBtn li.end{margin:0 0 10px}

#main ul.aBtn li img{vertical-align:bottom}

.pageTop{
clear:both;
margin:0 20px 10px 0;
padding:20px 0 0;
text-align:right}

#main .pageTop{
margin:0 0 20px;
padding:0}

.pageTop a{
background:url(../img/sec/pageTop.gif) no-repeat 0 4px;
font-size:85%;
padding:0 0 5px 15px}

#main dl.re2 dt{font-weight:bold}

#main dl.re2 dd{margin:0 0 0 10px}

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

#main .err{color:#ff0000;font-size:x-small}
* html #main .err{font-size:xx-small}

#main p.pageLastChild{margin:0 0 50px}
#main table.accessTable th{width:75px}

#main .tableCont table th{color:#000}
#main  .caution{
color:#ff0000;
margin-right:10px;
text-align:right}

#main .what{margin-bottom:0}
#main .pictContents{
background:url(../img/sec/outlet01.jpg) no-repeat 100% 0;
padding:20px 0 0}

#main .pictContents .main_inner{
padding-right:260px}

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