@charset 'utf-8';

/*============================================================
Home.CSS


Site URL:	http://www.hata8.com/
File Name:	home.css(/common/css/home.css)
Summary:	個別ページのCSS
Created:	2007/06/17
Modified:	2008/08/01


Copyright(C) Nekonote All Rights Reserved.
============================================================*/

/*_*********************************
*	 0. 共通
*	 1. 初めての方へ
*	 2. お急ぎの方へ
*	 3. Word/Excelでご入稿
*	 4. データ入稿について
*	 5. 料金表
*	 6. 会社概要
*	 7. よくある質問
*	 8. ご注文フォーム
*	 9. 相互リンク
*	10. サイトマップ
*	11. お問い合わせ
*	12. 材質について
*********************************_*/



/* ====================
0.共通で使用
==================== */

div#mainContents p.lead{
font-size:90%;
margin:0px 0px 20px 0px;
}

body#other h3{
margin-bottom:20px;
}

body#other h3.leftLine{
font-size:120%;
border-left:5px solid #0099cc;
border-bottom:1px dashed #0099cc;
padding:3px 0px 3px 8px;
}

body#other h4{
color:#cc3366;
}

/* --------------------
お知らせ部分 */


dl.info{
margin:0px 0px 20px 0px;
border:1px solid #ccc;
}

dl.info dt{
font-weight:bold;
background-color:#eee;
padding:3px 0px 3px 8px;
}

dl.info dd{
padding:5px 0px 5px 11px;
}

dl.info dd span.caution{
font-size:90%;
}




/* ====================
1.初めての方へで使用
==================== */

body#other ul.flowList li{
margin-bottom:20px;
}



/* ====================
2.お急ぎの方へで使用
==================== */

/* dl.blueBox */

dl.blueBox{
width:450px;
margin-bottom:40px;
border:1px solid #0099cc;
}

dl.blueBox dt{
color:#ffffff;
font-weight:bold;
background-color:#0099cc;
padding:5px 10px;
}

dl.blueBox dd{
padding:10px 5px 0px 5px;
}


/* table.syukka */

table.syukka{
border-collapse:collapse;
margin-bottom:20px;
}

table.syukka th{
color:#666666;
background-color:#eeeeee;
padding:5px 10px;
border:1px solid #cccccc;
}

table.syukka th.orange{
color:#fa6612;
background-color:#fff2eb;
}

table.syukka th.blue{
color:#0099cc;
background-color:#f5fcff;
}

table.syukka td{
padding:5px 30px;
text-align:center;
border:1px solid #cccccc;
}

table.syukka td.red{
color:#ff0000;
}


/* =============================
3.Word/Excelでご入稿で使用
============================ */

div.word-excelBox h3 img,div.word-excelBox h4 img{
margin-bottom:0px;

}

div.word-excelBox img{
margin-bottom:20px;
}

dl.caution{
margin-bottom:20px;
border:1px solid #63bde1;
}

dl.caution dt{
color:#ffffff;
font-weight:bold;
background-color:#63bde1;
text-align:center;
padding:5px 0px 5px 0px;
}

dl.caution dd{
text-align:center;
padding:10px 0px 0px 0px;
}



/* =========================
4.データ入稿についてで使用
========================== */

table.dataTable{
width:100%;
border-collapse:collapse;
margin-bottom:30px;
}

table.dataTable th{
color:#ffffff;
background-color:#666666;
padding:3px 8px;
border:1px solid #cccccc;
}

table.dataTable td{
line-height:130%;
padding:3px 8px;
border:1px solid #cccccc;
}



/* ====================
5.料金表で使用
==================== */

table.priceTable{
width:100%;
border-collapse:collapse;
margin-bottom:30px;
}

table.priceTable th{
font-weight:normal;
color:#006992;
background-color:#e2eff7;
padding:5px 5px;
border:1px solid #cccccc;
}

table.priceTable td{
line-height:130%;
padding:3px 5px;
border:1px solid #cccccc;
text-align:center;
}


body#home table.priceTable th{
background-color:#e2eff7;
color:#006992;
font-weight:bold;
}

table.priceTable tr.specific td{
background-color:#ffff66;
}





/* ====================
6.会社概要で使用
==================== */

div#company h4{
color:#333333;
border-left:5px solid #333333;
padding:0px 0px 0px 5px;
}


div.border{
width:350px;
line-height:150%;
border:1px solid #999999;
padding:5px;
margin-bottom:15px;
}



/* =========================
7.よくあるご質問で使用
========================= */

dl.faqBox{
margin-bottom:20px;
}

dl.faqBox dt{
font-weight:bold;
background-color:#525969;
color:#ffffff;
padding:3px 5px;
zoom:1;
}

dl.faqBox dd{
padding:5px;
margin-bottom:20px;
border:1px solid #525969;
}



/* =======================
8.ご注文フォームで使用
======================= */

div#mainContents div#aboutTempFile{
border:1px solid #ccc;
padding:10px;
}

div#mainContents div#aboutTempFile h3{
font-size:150%;
color:#333;
background-color:#ebf3ff;
padding:3px 5px 3px 5px;
border-left:5px solid #09c;
}


div#formArea{
border:1px solid #ccc;
padding:10px;
}

dl.form{
margin:0px 10px 10px 10px;
}

dl.form dt{
color:#664c12;
font-weight:bold;
background-color:#f1ebdf;
padding:3px 10px 3px 10px;
}

dl.form dt span{
font-weight:normal;
color:#ff0000;
margin-left:5px;
}

dl.form dd{
padding:10px 10px 10px 10px;
margin-bottom:15px;
border-bottom:1px dashed #bda570;
}

div#mainContents div.section dl.form dd p{
margin-left:0px;
margin-bottom:10px;
}




/* ====================
9.相互リンクで使用
==================== */

dl.links{
width:450px;
margin-bottom:20px;
}

dl.links dt{
font-weight:bold;
}

dl.links dt a{
text-decoration:none;
color:#ffffff;
background-color:#0099cc;
padding:3px 5px;
display:block;
}

dl.links dt a:visited{
color:#fff;
}

dl.links dt a:hover{
background-color:#63bde1;
}

dl.links dd{
border:1px solid #0099cc;
padding:5px;
margin-bottom:20px;
}


div#mainContents div.linkSection h3{
color:#000;
font-size:120%;
margin:0px 0px 10px 0px;
background-color:#fff;
}

div#mainContents div.linkSection table{
margin:0px 0px 10px 10px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}

div#mainContents div.linkSection table th,
div#mainContents div.linkSection table td{
padding:5px 10px 5px 10px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}

div#mainContents div.linkSection table th{
background-color:#ccc;
}

div#mainContents div.linkSection ol{
list-style:none;
margin:0px 10px 10px 0px;
text-align:left:
}

ol.linkList li{
display:inline;
border-right:1px solid #333;
padding:0px 5px 0px 5px;
}

/*==============================
10.サイトマップで使用
==============================*/

/* ul.sitemap */

ul.sitemap{
margin:0px 10px 20px 10px;
padding:0px;
line-height:140%;
zoom:1;
list-style:inside;
list-style-type:inherit;
}

ul.sitemap li{
margin:0px 0px 5px 10px;
list-style:inside;
list-style-type:disc;
}

ul.sitemap li ul{
margin:10px 0px 10px 10px;
padding:0px;
}

ul.sitemap li ul li{
margin:0px 0px 5px 10px;
}

ul.sitemap li ul li ul{
background-color:#F5F5F5;
margin:5px 0px 20px 0px;
padding:2px 10px 2px 5px;
}

ul.sitemap li ul li ul li{
border:none;
}


/*==============================
11.お問い合わせで使用
==============================*/

div#mainContents div.contactArea div.contactInfo{
background-color:#ebf3ff;
padding:15px 0px 1px 15px;
}

div#mainContents div.contactArea div.contactInfo ul li{
margin-bottom:10px;
}

div#mainContents div.contactArea div.contactInfo span.mailadress{
font-size:150%;
font-weight:bold;
}



/*==============================
12.材質についてで使用
==============================*/

div#mainContents div.section div.materialInfo{
border:1px solid #09c;
margin:0px 10px 20px 10px;
}

div#mainContents div.section div.materialInfo h4{
font-size:120%;
color:#fff;
background-color:#09c;
padding:4px 10px 4px 10px;
margin:0px 0px 10px 0px;
}

div#mainContents div.section div.materialInfo p{
margin:0px 10px 10px 10px;
}