﻿
/*----------------------------------------------------------------------
	カーテンオーダー110310リニューアル分
----------------------------------------------------------------------*/
/*----トップ----*/
#CurtainTitle {
border-bottom:1px solid #999;
padding:0 0 10px 5px;
text-align:left;
position:relative;
}
#CurtainTopImg {
float:right;
margin:12px 0 24px 12px;
}
#CurtainTopText {
overflow:hidden;
padding:60px 0 0 5px;
font-size:12px;
line-height:1.8;
}

#CurtainTopText p {
margin-bottom:1.5em;
}

#CurtainTopFlow {
clear:both;
text-align:center;
margin:24px 0 0 0;
padding:24px 0 0 0;
border-top:1px solid #CCC;
}
#CurtainTopFlow ul {
list-style:none;
margin:24px 0;
}
#CurtainTopFlow .CurtainTopStepArrow {
padding:0 0 20px 0;
background:url(/info/img/CurtainTopArrow.gif) no-repeat center bottom;
}
#CurtainTopLBButton a {
display:block;
width:332px;
height:0;
padding-top:50px;
margin:0 auto 50px auto;
background-image:url(/info/img/CurtainTopLBButton.gif);
overflow:hidden;
}
#CurtainTopLBButton a:hover {
background-position:0 -50px;
}
/*----カーテンセカンド共通----*/
#CurtainTitle a {
display:block;
width:123px;
position:absolute;
top:5px;
right:5px;
}
.CurtainNaviNotice {
text-align:right;
margin-top:12px;
}
#CurtainNavi {
overflow:hidden;
height:28px;
background:url(/info/img/CurtainFlowNavi.gif) no-repeat 0 -28px;
list-style:none;
margin:8px 0 24px 0;
}
#CurtainNavi li {
display:inline;
}
#CurtainNavi li a,
#CurtainNavi li span {
display:block;
width:114px;
height:0;
padding-top:28px;
float:left;
margin-right:15px;
overflow:hidden;
background-image:url(/info/img/CurtainFlowNavi.gif);
}
#CurtainNavi li#CurtainNaviOrder a {
margin-right:0;
width:112px;
}
#CurtainNaviCloth a {background-position:0 -28px;}
#CurtainNaviStyle a {background-position:-129px -28px;}
#CurtainNaviMeasure a {background-position:-258px -28px;}
#CurtainNaviPrice a {background-position:-386px -28px}
#CurtainNaviOrder a {background-position:-516px -28px}

#CurtainNaviCloth a:hover,
.NowCloth #CurtainNaviCloth a {background-position:0 0px;}
#CurtainNaviStyle a:hover,
.NowStyle #CurtainNaviStyle a {background-position:-129px 0px;}
#CurtainNaviMeasure a:hover,
.NowMeasure #CurtainNaviMeasure a {background-position:-258px 0px;}
#CurtainNaviPrice a:hover,
.NowPrice #CurtainNaviPrice a {background-position:-386px 0px}
#CurtainNaviOrder a:hover {background-position:-516px 0px}

#CurtainStepTitle {
margin-bottom:24px;
}

#CurtainLBButton {
position:relative;
height:41px;
margin-bottom:50px;
}
#CurtainLBButton a {
display:block;
width:248px;
height:0;
padding-top:41px;
background:url(/info/img/CurtainLBButton.gif) no-repeat;
overflow:hidden;
position:absolute;
top:0;
right:0;
}
#CurtainLBButton a:hover {
background-position:0 -41px;
}



/*----カーテンスタイル----*/
#CurtainStyle {
overflow:hidden;
list-style:none;
width:630px;
}
#CurtainStyle li {
width:200px;
float:left;
text-align:left;
margin:0 10px 24px 0;
font-size:12px;
}
#CurtainStyle .CurtainStyleHead {
font-size:100%;
font-weight:bold;
color:#537C19;
height:16px;
}
#CurtainStyle p {
margin:6px 0;
}
.CurtainStyleNoTitle {
padding-top:22px;
}

/*----カーテン採寸----*/
.CurtainMeasureLine,
#CurtainMeasureAttention {
text-align:left;
font-size:12px;
}
.CurtainMeasureLine,
#CurtainMeasureAttention dd {
border-bottom:1px solid #CCC;
padding-bottom:24px;
margin-bottom:24px;
}
.CurtainMeasureHead,
#CurtainMeasureAttention dt {
font-weight:bold;
color:#537C19;
}
.CurtainMeasureLine {
position:relative;
overflow:hidden;
padding:24px;
}
.CurtainMeasureLine img {
float:right;
}
.CurtainMeasureLine p {
overflow:hidden;
margin-bottom:1.5em;
}

#CurtainMeasureAttentionHead {
font-weight:bold;
font-size:12px;
padding:4px 0;
margin:24px 0;
background-color:#EEEEEE;
text-align:center;
}
#CurtainMeasureAttention dt {
padding:0 24px;
}
#CurtainMeasureAttention dd {
padding:24px;
}
#CurtainMeasureAttention dd ul li {
margin-bottom:0.5em;
}
#CurtainMeasureAttention dd img {
margin:12px 0 12px 50px;
}

/*----カーテン見積もり例----*/
.CurtainPriceLine {
border-bottom:1px solid #CCC;
padding:0 76px 24px 76px;
margin-bottom:24px;
}
.CurtainPriceLine p {
margin:10px 0;
font-size:12px;
}
.CurtainPriceHead {
position:relative;
width:100%;
height:100px;
text-align:left;
}
.CurtainPriceHead span {
display:block;
font-size:12px;
font-weight:bold;
color:#537C19;
padding:36px 0 0 12px;
}
.CurtainPriceHead img{
position:absolute;
top:0;
right:0;
}
/*----ここまでカーテン110310リニューアル分----*/

/*----------------------------------------------------------------------
	111110リニューアル分
----------------------------------------------------------------------*/
#infoTitle {margin-bottom:40px;}

/*-----GUIDE,FAQ-----*/
/*共通*/
.faq #infoTitle,.guide #infoTitle {padding-bottom:8px;border-bottom:1px solid #CCC;}
.faq,.guide { 
	line-height:1.5;
	text-align:left;
	}
.faq a,.guide a{
text-decoration: none;
color: #008080;
}
#topIndex {margin-bottom:40px;}
#topIndex li {
list-style:none;
padding-left:1.5em;
background:url(/info/img/faq_arrow.gif) no-repeat left center;
}
.faq dt,.guide dt {
padding-left:1.5em;
background:url(/info/img/faq_arrow_h.gif) no-repeat 3px center;
	font-weight:bold;
	margin:2em 0 1em 0;
}
.faq dd,.guide dd {
padding-left:1.5em;
}
/*--faq--*/
/*--guide--*/
.guide dd p {margin-bottom:1em;}
.guideNotice {color:#999;}
.guideCaution {color:#CC0000;}
.guideSubTitle {color:#537C19;}
.guide dd ol {margin-left:1em;}
.guide dd ol li {margin-bottom:1em;}
/*-----COMPANY INFO-----*/
#companyInfo {text-align:left;}
#companyInfo h3 {color:#537C19;margin:24px 0 24px 0;font-size:100%;}
#companyInfo p {margin-bottom:1em;}

ul.tabNavigation {
list-style: none;
margin: 0;
padding: 0;
overflow:hidden;
_zoom:1;
border-bottom:3px solid #999;
}
ul.tabNavigation li {
display: inline;
}
ul.tabNavigation li a {
display:block;
float:left;
width:180px;
height:26px;
margin-right:8px;
background-image: url(/info/img/companyinfoTabs.gif);
background-repeat:no-repeat;
text-decoration: none;
}
ul.tabNavigation li a span {display:none;}
ul.tabNavigation li#tabCompany a {background-position:0 0;}
ul.tabNavigation li#tabShop a {background-position:-180px 0;}
ul.tabNavigation li#tabRecruit a {background-position:-360px 0;}
ul.tabNavigation li#tabCompany a:hover {background-position:0 -26px;}
ul.tabNavigation li#tabShop a:hover {background-position:-180px -26px;}
ul.tabNavigation li#tabRecruit a:hover {background-position:-360px -26px;}
ul.tabNavigation li#tabCompany a.selected {background-position:0 -52px;}
ul.tabNavigation li#tabShop a.selected {background-position:-180px -52px;}
ul.tabNavigation li#tabRecruit a.selected {background-position:-360px -52px;}
ul.tabNavigation li a:focus {
			outline: 0;
}
div.tabs > div {
			padding: 8px;
}
.companyInfoText {
padding:24px;
margin-bottom:24px;
border-top:1px solid #E3E3E3;
border-bottom:1px solid #E3E3E3;
}
#companyInfo #pageShop dt,#companyInfo #pageEnvelope dt {
font-weight:bold;
padding-left:1em;
background:url(/info/img/faq_arrow_h.gif) no-repeat 3px center;
}
#companyInfo #pageShop dt a,#companyInfo #pageEnvelope dt a {font-weight:normal;color:#999;text-decoration:none;padding-left:1em;}
#companyInfo #pageShop dd,#companyInfo #pageEnvelope dd {margin-bottom:2em;padding:0 0 2em 1em;border-bottom:1px solid #EEE;}
#companyInfo #pageShop dd a,#companyInfo #pageEnvelope dd a {color:#999;text-decoration:none;}

#companyInfo #pageRecruit ol {margin-left:24px;}
#companyInfo #pageRecruit ol li {padding-bottom:24px;}
#companyInfo #pageRecruit table {margin-bottom:1em;width:540px;}
#companyInfo #pageRecruit th,#companyInfo #pageRecruit td {
padding:8px;
border-bottom:1px solid #EEE;
}
#companyInfo #pageRecruit th {width:6em;}

/*-----特定商取引-----*/
.tokusho {text-align:left;}
#tokushoTable th,#tokushoTable td  {
padding:5px;
border-bottom:1px solid #EEE;
}
#tokushoTable th {
white-space:nowrap;
padding-right:24px;
}
/*-----プライバシーポリシー-----*/
.policy {
text-align:left;
}
.policy dt {
	font-weight:bold;
	margin:3em 0 1em 0;
}

/*-----MADE TO ORDER-----*/
#madeToOrder {
text-align:left;
}
#madeToOrder h2 {
margin-bottom:24px;
}
#madeToOrder p {
margin-bottom:16px;
}
#monoOrder{
margin:20px 0;
}
#monoOrder th,#monoOrder td{
padding:3px 5px 3px 0;
vertical-align:top;
text-align:left;
}
#monoOrder th {
font-weight:normal;
white-space:nowrap;
}
#monoOrder td .fontType {
padding-left:2em;
}
#monoSample {
list-style:none;
overflow:hidden;
_zoom:1;
margin-bottom:24px;
}
#monoSample li {
float:left;
}
#orderGallery {
list-style:none;
overflow:hidden;
_zoom:1;
}
#orderGallery li {
float:left;
}


/*----ここまで111110リニューアル分----*/
