@charset "UTF-8";
body {
background: url(../img/background/header.jpg) repeat-x left top #fff; margin: 0; padding: 0; font-size: 83.3%; font-family: Arial, Helvetica, sans-serif; color: #fff; text-align: center;
	
}

h3,h4,h5,h6{
margin: 0px;
}
h1{
margin: 0px; font-size: 200%; color: #fff; line-height: 1.4em;
}

h2{
background: url(../img/blockttl.jpg) no-repeat left bottom; margin: 0px 0px 1em; padding: 10px 0px 10px 50px; font-size: 166.6%; color: #004197; line-height: 1.4em;
}

#intro_h2_1{
	color: #FFFFFF;
	margin: 8px 0 4px 6px;
	font-size: 18px;
}

#intro_img1{
	margin-top: 20px;
}

#first_h2{
	font-size: 70%;
	background:none;
	color: white;
	font-weight: 400;
	padding: 0px 0 0 25px;
	margin-top: -3px;
}

h2 span{
font-size: 12px;
color: white;
}

.h3_1{
width: 400px;
}

#h4_1{
margin: 0 0 5px 12px;
}

p{
margin: 0px 0px 1.5em; line-height: 1.6em;
}

#content-spec #spec-s-lead #fontsize_24 em{
	font-size: 24px;
	line-height: 1.1;
	color: #84D6FF;
}

.regular{
text-indent: 1em;
}


p.remarks{
font-size: 72.7%; line-height: 1.4em; 
}
p.backtotop{
margin: 0px; font-size: 72.7%; text-align: right;
}
p.backtotop a{
background: url(../img/bullet/arrow/up.gif) no-repeat left center; padding: 0.4em 0px 0.4em 17px; color: #999; text-decoration: none;
}


dl,ol,ul{
margin: 0px 0px 2em; padding: 0px;
}
dt{
margin: 0px 0px 0.7em; font-weight: bold;
}
dd{
margin: 0px 0px 1.5em; line-height: 1.8em;
}
table{
border: 0px none #fff; margin: 0px 0px 1.5em;
}
th,td,li{
font-size: 100%; text-align: left;
}
img{
border: 0px none;
}
strong{
font-size: 133.3%; color: #0099cc; font-weight: bold;
}
em{
font-size: 133.3%; color: #ffcc66; font-weight: bold; font-style: normal;
}

a:link{
color: #ed9875;
}
a:hover{
color: #ed9875;
}
a:visited{
color: #8d5b46;
}


br.clear-both{
clear: both;
}
.kome{
color: #ff6600;
}
.catchcopy{
background-image: none; padding: 0px; font-size: 166.6%; font-weight: bold; color: #84d6ff;
}
.attention{
color: #ff6600;
}
.remarks{
font-size: 83.3%;
}

.s-left{
float: left;
}
.s-right{
float: right; margin-left: auto; margin-right: 0px;
}

.caption{
text-align:center;
}

/*
各種ボックス
------------------------------*/
.blockbox{
margin: 0px 20px 2.5em;
}
.blockbox .box-s{
margin: 0px 10px 2.5em;
}
#allbox01{
width: 950px; background: url(../img/background/all.gif) left top; margin: 0px auto; text-align: center;
}
#allbox02{
width: 950px; background: url(../img/background/header.jpg) repeat-x left top; text-align: left;
}
#allbox03{

}


/*
#headerbox
------------------------------*/
div#headerbox{
width: 950px; height: 120px; position: relative; z-index: 1; background: url(../img/header.jpg) no-repeat left top; margin: 0px 0px 10px; color: #fff;
}

div#headerbox h1{
margin: 0px 25px 3px; padding-top: 6px; font-size: 65%; font-weight: normal; line-height: 1.0em;
}
div#headerbox h1 a{
color: #fff; text-decoration: none;
}
div#headerbox p{
margin: 0px 25px; font-size: 65%; line-height: 1.0em;
}

div#headerbox div.bnbox{
width: 940px; height: 120px; position: absolute;  left: 5px; top: 0px; z-index: 2; 
}



/*
#footerbox01
------------------------------*/
#footerbox01{ 
width: 940px; height: 95px; background: url(../img/footer.jpg) no-repeat left top; margin: 0px auto;
}

/*
#footerbox01 #copyrightbox
*/
#footerbox01 #copyrightbox h4{
margin: 0px; padding: 10px; font-size: 65%; color: #fff; font-weight: normal;
}

/*
#footerbox01 .footernavibox
*/
#footerbox01 .footernavibox{
padding: 10px; text-align: left;
}
#footerbox01 .footernavibox table{
border-right: 1px solid #ccc; margin-top: 1em; margin-bottom: 0.5em; 
}
#footerbox01 .footernavibox td{
border-left: 1px solid #ccc; padding: 0.3em 1em; text-align: center;
}
#footerbox01 .footernavibox td a{
font-size: 83.3%; color: #fff;
}
#footerbox01 .footernavibox td a:hover{

}




/*
#maincontentbox
------------------------------*/
#maincontentbox01{
background: url(../img/mainimg.jpg) no-repeat center top;margin-bottom: 20px;
}
#maincontentbox02{

}

/*
bannerbox
------------------------------*/
div.bannerbox{
margin: 0px 20px 2.5em; text-align: center;
}
div.bannerbox img{
margin: 0px 0px 0.4em;
}



/*
▼table.itemtable
*/
table.itemtable{
width: 100%;
}
table.itemtable caption{
padding-bottom: 0.6em; text-align: left;
}
table.itemtable th,
table.itemtable td{
border-bottom: 1px solid #262626; padding: 1em; line-height: 1.6em; text-align: left; vertical-align: top;
}
table.itemtable th{
width: 300px; padding-left: 0.5em; padding-right: 0.5em; font-weight: normal;
}


/*
table.itemtableの派生パターン　その1
ご注文フォーム（ご購入者様の情報、など）
▼table.style01
*/
table.style01 th,
table.style01 td
{
padding-top: 0.5em; padding-bottom: 0.5em;
}
table.style01 th{
background-color: #161616;  border-left: 4px solid #004197; color: #fff;
}


/*
▼table.itemlist
*/
table.itemlist{
width: 100%; border: 1px solid #ccc; border-collapse: collapse;
}
table.itemlist th{
border: 1px solid #262626; padding: 0.3em 0.5em;
}
table.itemlist td{
border: 1px solid #262626; padding: 0.3em 0.5em;
}


/*
▼dl.itemlist
------------------------------*/
div.blockbox dl.itemlist{
margin: 0px 0px 1.5em;
}
div.blockbox dl.itemlist dt{
margin: 0px 0px 0.7em;
}
div.blockbox dl.itemlist dd{
border-bottom: 1px solid #262626; margin: 0px 0px 1.5em; padding: 0px 0px 1.5em 2em;
}
div.blockbox dl.itemlist dd p{
margin-bottom: 0px;
}

div.blockbox dl.itemlist dd ol,
div.blockbox dl.itemlist dd ul{
margin-bottom: 0px; margin-left: 2em; padding-top: 1.5em;
}



/*
コンテンツ別（ブロック別）
*/
/*
#content-introduction
導入部（タイトル部分）
------------------------------*/
div#content-introduction{
margin: 0px; padding: 0px 0px 0px 20px;
}
div#content-introduction h2{
background-image: none; padding: 0px;
}
div#content-introduction div.box-s{
margin-left: 0px; margin-right: 0px;
}


/*
あなた、クサいかもしれませんよ。
#introduction-s-lead
*/
div#content-introduction div#introduction-s-lead{
float: left; width: 260px; background: url(../img/introduction/item.jpg) no-repeat center bottom; padding: 0px 0px 300px;
}
div#content-introduction div#introduction-s-lead h3{
margin-bottom: 15px; padding: 20px 0px 0px; 
}
div#content-introduction div#introduction-s-lead p{
margin-left: 10px; margin-right: 10px;
}


/*
1.　女性は男性より匂いに敏感、…
#introduction-s-mechanism
*/
div#content-introduction div#introduction-s-mechanism{
float: right; width: 640px; background: url(../img/line/gray_v.gif) repeat-y 310px top; margin: 500px 5px 0px auto;
}
div#content-introduction div#introduction-s-mechanism h2{
margin-bottom: 0px; border-bottom: 15px solid #000;
}
div#content-introduction div#introduction-s-mechanism p{
width: 290px; margin-bottom: 0px; padding: 5px 0px;
}
div#content-introduction div#introduction-s-mechanism p.p01{
float: left;  
}
div#content-introduction div#introduction-s-mechanism p.p02{
float: right; margin-left: auto; margin-right: 20px;
}


/*田原挨拶*/

div#comment p{
line-height:150%;
}

div#comment img{
float:left;
margin:0 20px 10px 0;
}

div#comment{
margin-bottom:40px;
}

/*
大手ユニフォームメーカーが開発した商品だから、…
#content-spec
------------------------------*/
div#content-spec{
background: url(../img/spec/logo_deocell.gif) no-repeat right top;
clear:left;
}
div#content-spec h2{
background: none; margin: 0px 10px 20px;
}


/*
スーパーナノテクでアンモニア成分を…
#spec-s-lead
*/
div#content-spec div#spec-s-lead{
margin-bottom: 15px;
}
div#content-spec div#spec-s-lead p,
div#content-spec div#spec-s-lead h1{
color: #84d6ff;
}
div#content-spec div#spec-s-lead p{
margin-bottom: 6px; font-size: 116.6%;
}


/*
消臭Tシャツ・消臭ポロシャツの化学的な消臭パワーを図解
#spec-s-chart
*/
div#content-spec div#spec-s-chart{
font-size: 72.7%;
}

div#content-spec div#spec-s-chart *{
background-repeat: no-repeat; background-position: center top; list-style: none; margin-bottom: 10px; text-align: center; line-height: 1.4em;
}


/*
消臭成分（-COOH）が生み出すクリーンマジック、他
*/
div#content-spec div#spec-s-chart dl{
float: left; width: 250px;
}
div#content-spec div#spec-s-chart dt{
background-image: url(../img/spec/ttl.jpg); padding-top: 110px; font-weight: normal;
}
div#content-spec div#spec-s-chart dd{
background-image: url(../img/spec/4s.jpg); padding-top: 255px;
}


/*
空気中のアンモニア（NH3）をデオセルの…、他
*/
div#content-spec div#spec-s-chart ol{
float: right; width: 640px; background-image: url(../img/spec/step_triangle.gif); background-position: center 130px;margin-top: 30px; margin-left: auto; margin-right: 0px;
}
div#content-spec div#spec-s-chart ol li{
width: 300px; padding-top: 305px; 
}
div#content-spec div#spec-s-chart ol li.item01{
float: left; background-image: url(../img/spec/step01.jpg); 
}
div#content-spec div#spec-s-chart ol li.item02{
float: right; background-image: url(../img/spec/step02.jpg); margin-left: auto; margin-right: 0px;
}

/*
【1.　強力スピード消臭！】【2.　抗菌】【3.　抗菌】
*/
div#content-spec div#spec-s-chart ul{

}
div#content-spec div#spec-s-chart ul li{
width: 440px;
}
div#content-spec div#spec-s-chart ul li.item01{
float: left; background-image: url(../img/spec/merit01.jpg); padding-top: 770px; margin-bottom: 0px; 
}
div#content-spec div#spec-s-chart ul li.item02,
div#content-spec div#spec-s-chart ul li.item03
{
float: right; margin-left: auto; margin-right: 0px;
}
div#content-spec div#spec-s-chart ul li.item02{
background-image: url(../img/spec/merit02.jpg);  padding-top: 180px;
}
div#content-spec div#spec-s-chart ul li.item03{
background-image: url(../img/spec/merit03.jpg); padding-top: 550px; margin-bottom: 0px; 
}


/*
#content-faq
よくある質問
------------------------------*/
div#content-faq table.itemtable *{
background-repeat: no-repeat; background-position: left center; padding-left: 40px;
}
div#content-faq table.itemtable th{
width: 300px; background-image: url(../img/faq/question.jpg); 
}
div#content-faq table.itemtable th a{
text-decoration: none;
}
div#content-faq table.itemtable td{
background-image: url(../img/faq/answer.jpg); 
}
div#content-faq table.itemtable strong,
div#content-faq table.itemtable em{
padding-left: 0px;
}


/*注文ボタン*/
.order_btn {
text-align:center;
margin:50px 0;
}


/*
#content-voice
消臭Tシャツ・消臭ポロシャツへのお客様の声
------------------------------*/
div#content-voice dl.itemlist{
background-repeat: no-repeat; padding-right: 200px;
}
div#content-voice div.box-s{
margin-bottom: 4em; 
}
/*声別*/
div#content-voice div#voice-s-no01 dl.itemlist{
background-image: url(../img/voice/man.jpg); background-position: right 60px;
}
div#content-voice div#voice-s-no02 dl.itemlist{
background-image: url(../img/voice/woman.jpg); background-position: 720px 20px; 
}

div#content-voice dl.itemlist dt{
margin-bottom: 0.4em;
}
div#content-voice dl.itemlist dt.catchcopy{
background: none;
}
div#content-voice dl.itemlist dd{
border-bottom: 0px none #000; margin-left: 0px; padding-left: 0px;
}
div#content-voice dl.itemlist dd.name{
margin-bottom: 1.5em; font-size: 116.6%; font-weignt: bold;
}



/*
#content-order
消臭Tシャツ・消臭ポロシャツのご注文フォーム
------------------------------*/
div#content-order{
margin-bottom: 0px;
}

/*
KO【クサい男】断じて呼ばせない。
#order-s-leader
*/
div#content-order div#order-s-leader h3{
margin-bottom: 15px;
}

div#order-s-leader{
background-image:url(../img/order/yoyaku.jpg);
background-position:right top;
background-repeat:no-repeat;
}

/*
注文フォーム
#order-s-form
*/
div#content-order div#order-s-form{

}
/*
table.itemtable
*/
div#content-order div#order-s-form table.itemtable th{
width: 200px;
}

/*
itembox
*/
div#content-order div#order-s-form div.itembox{
width: 420px;
}
div#content-order div#order-s-form div.itembox div.captionbox{
float: right; width: 220px; margin-left: auto; margin-right: 0px; padding-top: 0.5em; 
}
/*商品名*/
div#content-order div#order-s-form div.itembox div.captionbox dt{
background: url(../img/icon/stock/full.jpg) no-repeat left top; margin-bottom: 0.3em; padding-top: 24px; font-size: 150%; color: #84d6ff; line-height: 1.4em;
}
div#content-order div#order-s-form div.itembox div.captionbox dt.stock-off{
background-image: url(../img/icon/stock/empty.jpg);
}

div#content-order div#order-s-form div.itembox div.captionbox dd{
margin-bottom: 0.3em; padding-bottom: 0.3em; line-height: 1.4em;
}

/*価格*/
div#content-order div#order-s-form div.itembox div.captionbox dd.price{
border-bottom: 0px none #000; margin-bottom: 0.6em; padding-bottom: 0px;font-size: 150%; color: #ff6600;
}

/*
table.itemtable
*/
div#content-order div#order-s-form div.itembox div.captionbox dd  table.itemtable{
margin-bottom: 0px;
}
div#content-order div#order-s-form div.itembox div.captionbox dd  table.itemtable *{
padding-top: 0.3em; padding-bottom: 0.3em;  line-height: 1.0em; vertical-align: middle;
}
div#content-order div#order-s-form div.itembox div.captionbox dd  table.itemtable * input,
div#content-order div#order-s-form div.itembox div.captionbox dd  table.itemtable * select,
div#content-order div#order-s-form div.itembox div.captionbox dd  table.itemtable * select option{
padding-top: 0px; padding-bottom: 0px; line-height: 1.0em;
}
div#content-order div#order-s-form div.itembox div.captionbox dd  table.itemtable th{
width: auto; padding-left: 0px; padding-right: 0px;
}
div#content-order div#order-s-form div.itembox div.captionbox dd table.itemtable td{
padding-left: 0.5em;
}

/*枚数*/
div#content-order div#order-s-form div.itembox div.captionbox dd table.itemtable .amount input{
width: 4em; margin-right: 0.4em; line-height: 1.0em;
}
/*コメント*/
div#content-order div#order-s-form div.itembox div.captionbox dd.comment{
border-bottom: 0px none #000; padding-top: 0.4em; padding-bottom: 0px;
}
/*備考（文字小）*/
div#content-order div#order-s-form div.itembox div.captionbox dd.remarks{
border-bottom: 0px none #000; font-size: 72.7%; padding-bottom: 0px;
}

/*
商品画像
imgbox
*/
div#content-order div#order-s-form div.itembox div.imgbox{
float: left; width: 180px;
}
div#content-order div#order-s-form div.itembox div.imgbox img{
margin-bottom: 5px;
}


/*
配送料、他費用アナウンス
expensebox
*/
div#content-order div#order-s-form div.expensebox{
border-left: 4px solid #262626; border-right: 4px solid #262626; text-align: center; margin: 0px 0px 2.5em; padding: 0.3em 1em;
}
div#content-order div#order-s-form div.expensebox p{
font-size: 133.3%; margin-bottom: 0px;
}

/*
サイズ表
expensebox
*/
#size{
text-align:center;
margin-bottom:40px;
}
#size p{
margin:15px 0;
font-size:140%;
}
#size table{
padding:0;
width:65%;
border-left:1px solid #BBB;
border-bottom:1px solid #BBB;
}
#size th , #size td{
border-right:1px solid #BBB;
border-top:1px solid #BBB;
text-align:center;
}
#size th{
background:#888;
color:black;
}

/*
消臭Tシャツ・消臭ポロシャツは
まとめ買いが断然お得！
#form-s-merit
*/
div#content-order div#order-s-form div#form-s-merit{
margin-bottom: 2.5em;
}
div#content-order div#order-s-form div#form-s-merit h2.catchcopy{
margin-bottom: 15px; font-size: 266.6%; color: #ff6600; text-align: center;
}
div#content-order div#order-s-form div#form-s-merit table.itemlist td{
text-align: right;
}
div#content-order div#order-s-form div#form-s-merit table.itemlist tr.gray th,
div#content-order div#order-s-form div#form-s-merit table.itemlist tr.gray td{
background-color: #aaa; font-size: 116.6%; color: #333; font-weight: bold;
}
div#content-order div#order-s-form div#form-s-merit table.itemlist tr.white th,
div#content-order div#order-s-form div#form-s-merit table.itemlist tr.white td{
background-color: #fff; font-size: 116.6%; color: #333; font-weight: bold;
}
div#content-order div#order-s-form div#form-s-merit table.itemlist tr.gray span.attention{
background-color: #ff6600; margin: 0.3em; padding: 0.2em 0.5em; color: #fff;
}


/*
ご購入者様の情報、送付先の情報
#form-s-customer
*/
div#content-order div#order-s-form div#form-s-customer{
margin-bottom: 0px;
}
div#content-order div#order-s-form div#form-s-customer h4{
margin-bottom: 0.3em; font-size: 150%; color: #999;
}
div#content-order div#order-s-form div#form-s-customer table.itemtable p.remarks{
margin-bottom: 0px; padding-top: 0.3em;
}
.style01 .area{
width: 400px;
}
.style01 textarea{
height: 8em;
}

/*
項目別
*/

/*お名前*/
input#customer-name,
input#delivery-name{
width: 200px;
}
/*フリガナ*/
input#customer-name-furigana,
input#delivery-name-furigana{
width: 200px;
}
/*〒番号*/
input#zipCode,
input#zipCode2,
input#delivery-zip{
width: 100px;
}
/*お電話番号*/
input#customer-tel,
input#customer-fax,
input#delivery-tel{
width: 200px;
}
/*お振込名義*/
input#customer-bank-account,
input#delivery-bank-account{
width: 200px;
}

/*
#submitbnbox
------------------------------*/
div#submitbnbox{
text-align: center;
}
div#submitbnbox div.bnbox{
margin-bottom: 1.5em; 
}

/*
▼privacybox
------------------------------*/
div.privacybox{
border: 1px dotted #262626; padding: 10px;
}
div.privacybox h5{
border-top: 1px dotted #262626; border-bottom: 1px dotted #262626; margin: 0px 0px 0.5em; padding: 0.3em 1em; font-size: 100%; font-weight: bold;
}
div.privacybox p{
background-repeat: no-repeat; background-position: top; border-left: 4px solid #262626; border-right: 4px solid #262626; margin-bottom: 0px; padding: 12px 0.5em 0.5em 0.5em;
}


/*
トップページ以外
*/

/*
共通メインイメージ
*/
div#company-pagebox div#maincontentbox01,
div#transaction-pagebox div#maincontentbox01,
div#privacy-pagebox div#maincontentbox01{
background: url(../img/mainimg_s.jpg) no-repeat left top; padding-top: 190px;
}



/*
ポップアップ
body#popup
------------------------------*/
body#popup{
background-color: #000; background-image: none; margin: 10px 20px; font-size: 72.7%; text-align: left;
}
body#popup div#maincontentbox01{
background-image: none;
}
body#popup p{
line-height: 1.4em;
}
body#popup ol{
margin-left: 2em;
}
body#popup li{
margin-bottom: 0.3em; line-height: 1.4em;
}

/*
各種ボックス
*/
body#popup div#footerbox01{
width: auto; height: auto; background: url(../img/popup/footer/background.jpg) repeat-x;
}
body#popup div#footerbox02{
background: url(../img/popup/footer/logo.jpg) no-repeat right -15px;
}

body#popup div#footerbox01 div.footernavibox{
padding-bottom: 0px;
}

/*
【ページ別】
商品画像拡大
#zoom-pagebox
------------------------------*/
body#popup div#zoom-pagebox{
width: 600px;
}
body#popup div#zoom-pagebox div#maincontentbox01{
margin-bottom: 10px;
}

/*
#bn-view
*/
body#popup div#zoom-pagebox div#bn-view{
width: 100%; background-repeat: no-repeat; background-position: center top; padding-top: 410px; text-align: center;
}
body#popup div#bn-view ul{
width: 140px; margin: 0px auto 10px; padding: 0px; list-style: none inside;
}
body#popup div#bn-view ul li{
float: left; width: 60px; height: 40px; margin: 0px; text-align: center;
}

/*
#bn-navi
*/
body#popup div#zoom-pagebox div#bn-navi{
width: 100%; border-top: 1px solid #262626; border-bottom: 1px solid #262626; padding: 0.3em 0px; text-align: center;
}
body#popup div#bn-navi ul{
width: 300px; margin: 0px auto; padding: 0px; list-style: none inside; text-align: center;
}
body#popup div#bn-navi ul li{
display: inline;
}
body#popup div#bn-navi ul li img{
margin: 0px 5px;
}
body#popup div#bn-navi ul li#navi-close img{
margin-bottom: 3px;
}


/*
【ページ別】company.html
会社概要
#company-pagebox
*/
div#company-pagebox table.style01 td
{
border-left: 4px solid #004197; padding: 0px;
}



/*
【ページ別】transaction.html
特定商取引法に基づく表示
#transaction-pagebox
------------------------------*/
div#transaction-pagebox iframe{
width: 500px; height: 200px; border: 1px solid #262626;
}

/*
【ページ別】code.html
利用規約
※基本はbody#popup
#code-pagebox
------------------------------*/