@charset 'utf-8';

/*============================================================
Second.CSS


Site URL:	http://www.hikkou.jp/
File Name:	second.css(/common/css/second.css)
Summary:	第二階層に関するCSS
Created:	2008/08/28
Update:		2008/09/08


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


/*_*********************************
*	 0. 第二階層全般的に使用
*	 1. 招待状宛名書き
*	 2. 両親への感謝状,ホルダー
*	 3. 結婚式席札
*	 4. 筆耕料金
*	 5. ご注文方法
*	 6. お問い合わせ
*	 7. 在籍筆耕者の紹介
*	 8. リストの作成について
*	 9. 会社概要
*	10. 相互リンク
*	11. 問い合わせフォーム
*	12. サイトマップ
*********************************_*/


/*==============================
0.第二階層全般的に使用
==============================*/


/*----------------------------
見本画像とリンクリスト部分の指定
----------------------------*/

div.itemImage{
width:275px;
float:left;
text-align:center;
position:relative;
left:10px;
}

div.itemImage img{
margin-bottom:10px;
}

div.linkList{
width:275px;
background-color:#f3f0df;
float:right;
padding:10px 0px 10px 0px;
margin-bottom:20px;
position:relative;
right:10px;
}

div#mainContents div.linkList h4{
font-size:100%;
background-color:transparent;
border-left:none;
border-bottom:2px solid #7e6800;
margin:0px 10px 10px 10px;
padding:0px 0px 9px 0px;
}

div.linkList dl{
margin:0px 10px 0px 10px;
}

div.linkList dl dt{
line-height:100%;
margin:0px 0px 3px 0px;
}

div.linkList dl dt a{
background-image:url(../images/icon/ic_circle_arrow.gif);
background-position:left center;
background-repeat:no-repeat;
padding:0px 0px 0px 18px;
}

div.linkList dl dd{
font-size:90%;
line-height:120%;
margin:0px 0px 15px 18px;
}

/* 縦書きのリンクリスト位置調節 */

div.tate div.linkList,
div.tate div.linkList{
margin-top:12px;
}



/* 横書きの見本画像縦位置調節 */

div.yoko div.tate{
padding-top:20px;
}



/*----------------------------
料金及び納期部分
----------------------------*/

dl.itemInformation{
background-color:#f4f4f4;
margin:0px 10px 20px 10px;
border-bottom:1px solid #ccc;
}

dl.itemInformation dt{
font-weight:bold;
background-color:#e2e2e2;
padding:4px 10px 4px 10px;
margin:0px 0px 0px 0px;
border-bottom:1px solid #ccc;
}

dl.itemInformation dd{
padding:10px 10px 10px 10px;
line-height:140%;
}

dl.itemInformation dd span.price{
color:#d00;
}

div#mainContents div.section dl.itemInformation p{
margin:0px 0px 15px 0px;
}


/*==============================
1.招待状宛名書きで使用
==============================*/




/*==============================
2.両親への感謝状で使用,ホルダー
==============================*/

/* ウェディングホルダーで使用 */

div.folderImage{
width:275px;
float:left;
margin:0px 15px 20px 0px;
text-align:center;
position:relative;
left:10px;
}

div#folderSample div.end{
margin-right:0px;
padding-top:123px;
}

div#mainContents div#folderPrice table{
margin-left:0px;
}




/*==============================
3.結婚式席札で使用
==============================*/


/* 席札用紙について */

dl.case{
width:265px;
background-color:#f3f0df;
float:left;
margin:0px 25px 20px 10px;
border-bottom:1px solid #c8c093;
}

dl.case dt{
color:#544500;
font-weight:bold;
padding:5px 10px 5px 10px;
background-color:#dfd9b5;
border-bottom:1px solid #c8c093;
margin:0px 0px 10px 0px;
}

dl.case dd{
padding:0px 10px 10px 10px;
line-height:130%;
}

dl#orderPaper{
margin-right:0px;
}


/* 席札の見本画像 */

dl.sekifudaSample{
width:265px;
background-color:#fff1ef;
float:left;
position:relative;
left:10px;
margin:0px 35px 15px 0px;
padding:0px;
border-bottom:1px solid #efbdb7;
}

dl.sekifudaSample dt{
background-color:#ffd3ce;
line-height:100%;
margin:0px 0px 10px 0px;
padding:5px 0px 5px 10px;
border-bottom:2px solid #efbdb7;
}

dl.sekifudaSample dt img{
vertical-align:bottom;
}

dl.sekifudaSample dd{
margin:0px;
padding:0px 0px 10px 9px;
}

div#mainContents div.section dl.sekifudaSample dd p{
margin:0px;
}

div#mainContents div.section dl.sekifudaSample dd p.image{
margin-bottom:10px;
}

div#mainContents div.section dl.sekifudaSample dd p.image img{
vertical-align:bottom;
}

dl.sekifudaSample dd p.image a{
border:1px solid #ccc;
display:inline-block;
}

dl.sekifudaSample dd p.image a:hover{
border:1px solid #ffa0a0;
}

div#aboutSekifudaSample dl.end{
margin-right:0px;
}


/* 席札用横長リンクリスト */

body#sekifuda div.linkList{
width:575px;
float:none;
margin:0px 0px 20px 10px;
padding-bottom:5px;
}

body#sekifuda div.linkList dl{
margin-bottom:0px;
padding-bottom:0px;
}

body#sekifuda div.linkList dl dd.end{
margin-bottom:0px;
}




/*==============================
4.筆耕料金で使用
==============================*/

dl.attendInformation{
background-color:#fff5f3;
margin:0px 9px 15px 9px;
border-bottom:1px solid #f8d7d2;
}

dl.attendInformation dt{
color:#d00000;
font-weight:bold;
padding:4px 0px 4px 10px;
border-bottom:1px solid #f8d7d2;
}

dl.attendInformation dd{
padding:10px 10px 1px 10px;
margin:0px;
}

dl.attendInformation dd p{
margin-bottom:10px;
}

dl.attendInformation dd table th{
background-color:#eee;
}

dl.attendInformation dd ol{
margin:0px 10px 15px 0px;
padding:0px 0px 0px 20px;
}

dl.attendInformation dd ol li{
margin:0px 0px 15px 0px;
}

dl.attendInformation dd ol li.end{
margin-bottom:0px;
}


/*==============================
5.ご注文方法で使用
==============================*/

/* ご利用の流れ部分 */

ol#flowChart{
text-align:left;
margin:0px 9px 15px 9px;
padding:0px;
list-style-position:inside;
list-style:none;
zoom:100%;
}

ol#flowChart:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear: both;
}

ol#flowChart li{
width:143px;
display:block;
float:left;
margin:0px 1px 0px 0px;
padding:0px;
background-image:url(../../order/images/ic_order_arrow.gif);
background-position:right center;
background-repeat:no-repeat;
}

ol#flowChart li.end{
width:120px;
margin-right:0px;
background-image:none;
}


/* 住所掲載部分 */

div.addressArea{
background-color:#eee;
padding:10px;
margin:0px 9px 15px 9px;
}

div.addressArea address{
font-weight:bold;
font-size:130%;
}




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

div#mainContents div.contactInformation{
background-color:#fcf9ea;
margin:0px 9px 15px 9px;
padding:15px 0px 15px 10px;
}

div#mainContents div.contactInformation ul{
margin:0px;
}

div#mainContents div.contactInformation ul li{
margin-bottom:15px;
}

div#mainContents div.contactInformation ul li.end{
margin-bottom:0px;
}




/*==============================
7.在籍筆耕者の紹介で使用
==============================*/

div.writerInformation{
background-color:#fcf9ea;
margin:0px 10px 20px 10px;
border-top:1px solid #c3ba87;
border-bottom:1px solid #c3ba87;
padding:10px 10px 10px 10px;
}

div.writerInformation dl.profile{
width:260px;
float:left;
margin:0px 15px 10px 0px;
}

div.writerInformation dl.profile dt{
color:#4e4000;
line-height:100%;
font-weight:bold;
border-bottom:1px dashed #7e6800;
margin-bottom:5px;
padding:4px 0px 4px 0px;
}

div.writerInformation dl.end{
margin-right:0px;
}

div.writerInformation dl.sampleImage{
clear:both;
margin:0px 0px 15px 0px;
}

div.writerInformation dl.sampleImage dt{
color:#4e4000;
line-height:100%;
font-weight:bold;
border-bottom:1px dashed #7e6800;
margin-bottom:10px;
padding:5px 0px 5px 0px;
}

div.writerInformation dl.sampleImage dd ul{
text-align:left;
margin:0px;
}

div.writerInformation dl.sampleImage dd ul li{
display:inline;
}

div.writerInformation dl.sampleImage dd ul li a{
border:1px solid #ccc;
display:inline-block;
margin-right:30px;
}

div.writerInformation dl.sampleImage dd ul li a:hover{
border-color:#ffa0a0;
}

div.writerInformation dl.comment{
clear:both;
margin:0px 0px 0px 0px;
}

div.writerInformation dl.comment dt{
color:#4e4000;
line-height:100%;
font-weight:bold;
border-bottom:1px dashed #7e6800;
margin-bottom:10px;
padding:5px 0px 5px 0px;
}


/*==============================
8.リストの作成についてで使用
==============================*/

div#attention ol.attentionList{
background-color:#fcf9ea;
margin:0px 10px 20px 10px;
padding:20px 10px 1px 10px;
border-left:3px solid #ebd876;
}

div#attention ol.attentionList li{
margin-bottom:20px;
margin-left:20px;
}



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

/*-------------------
table.companyTable
--------------------*/

table.companyTable{
margin:0px 0px 15px 0px;
border-left:1px solid #e4deba;
border-top:1px solid #e4deba;
}

table.companyTable th{
color:#2e2700;
line-height:1.3;
padding:5px 10px;
font-weight:normal;
background-color:#f3f0df;
border-bottom:1px solid #e4deba;
border-right:1px solid #e4deba;
text-align:right;
}

table.companyTable td{
line-height:1.3;
background-color:#fff;
padding:5px 10px;
border-bottom:1px solid #e4deba;
border-right:1px solid #e4deba;
text-align:left;
}




/*==============================
10.相互リンクで使用[/links]
==============================*/

/*-------------------
dl.links
--------------------*/

dl.links{
margin:0px 9px 20px 9px;
}

dl.links dt{
background-color:#fcf9ea;
margin:0px 0px 0px 0px;
padding:3px 6px 3px 6px;
border:1px solid #ece3b6;
}

dl.links dt a{
font-weight:bold;
color:#7e6800;
text-decoration:none;
}

dl.links dt a:visited{
color:#936;
text-decoration:none;
}

dl.links dt a:hover{
color:#c00;
}

dl.links dd{
border:1px solid #ece3b6;
border-top:none;
padding:5px 6px 5px 6px;
margin:0px 0px 10px 0px;
}



/*==============================
11.フォームで使用[/form]
==============================*/

/*-------------------
dl.specific
--------------------*/

dl.specific{
border-top:2px solid #ece3b6;
border-bottom:2px solid #ece3b6;
background-color:#fcf9ea;
padding:10px 10px 1px 10px;
margin:0px 9px 20px 9px;
}

dl.specific dt{
margin:0px 0px 10px 0px;
}

dl.specific p{
margin-bottom:1em;
}


/*-------------------
div#form
--------------------*/

div#form h4{
margin-bottom:15px;
}

p.submit{
margin:0px 0px 10px 10px;
}

/*===================
dl.form
===================*/

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;
}



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

/* ul#sitemap */

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

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

ul#sitemapList li ul{
margin:10px 0px 10px 10px;
padding:0px;
}

ul#sitemapList li ul li{
margin:0px 0px 5px 10px;
}

ul#sitemapList li ul li ul{
background-color:#fcf9ea;
margin:5px 0px 20px 0px;
padding:2px 10px 2px 5px;
}

ul#sitemapList li ul li ul li{
border:none;
}