@charset 'utf-8';

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

Production Date:2007/8/4
Modified:2009/06/11

Copyright(C)Y.M All Rights Reserved.
============================================================*/

/* ====================
ホーム限定要素
==================== */


body#home div#menuFrame{
margin-bottom:10px;
}

h3{
margin-bottom:10px;
}


/* ----------
コンテンツ枠 */

div#contentsLeft{
width:376px;
float:left;
}

div#contentsRight{
width:340px;
float:right;
}


/* --------------------
リード部分 */

p.lead{
margin-bottom:10px;
}


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


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


/* --------------------
材質・保証ボタン部分 */

ul.homeBt{
text-align:center;
margin-bottom:5px;
list-style:none;
}

ul.homeBt li{
list-style:none;
display:inline;
}

ul.homeBt li img{
margin:0px 10px 0px 0px;
}

ul.homeBt li.no-margin img{
margin-right:0px;
}



/* -------------------
頼れる4つのポイント */

ul.point{
text-align:left;
margin-bottom:5px;
list-style:none;
}

ul.point li{
list-style:none;
display:inline;
}

ul.point li img{
margin:0px 0px 4px 0px;
}

ul.point li.no-margin img{
margin-right:0px;
}


/* --------------
最近の製作実績 */

div#aboutJisseki{
width:100%;
border:1px solid #336699;
margin-bottom:20px;
zoom:100%;
}

div#aboutJisseki h3{
color:#fff;
font-weight:bold;
background-color:#336699;
padding:7px 0px 7px 10px;
display:block;
}

div#aboutJisseki h3 a{
color:#fff;
}

div#aboutJisseki p{
margin:0px 10px 10px 10px;
}


dl.jisseki:after{
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
}

dl.jisseki{
width:100%;
border:1px solid #336699;
margin-bottom:40px;
zoom:100%;
}

dl.jisseki dt{
background-color:#336699;
padding:7px 0px 7px 10px;
}

dl.jisseki dd{
padding:10px 0px 0px 10px;
}


/* 横断幕リスト */

dl.jisseki dd ul.oudan:after {
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
zoom:100%;
}

dl.jisseki dd ul.oudan{
margin:0px;
padding:0px;
text-align:left;
}

dl.jisseki dd ul.oudan li{
width:230px;
display:block;
float:left;
margin-right:20px;
padding-bottom:10px;
}

dl.jisseki dd ul.oudan li.no-margin{
margin-right:0px;
}

/* 懸垂幕リスト */

dl.jisseki dd ul.kensui{
width:440px;
float:left;
text-align:left;
}

dl.jisseki dd ul.kensui li{
display:inline;
padding-right:5px;
}

dl.jisseki dd ul.kensui li.no-margin{
padding-right:0px;
}

dl.jisseki dd div.kensui{
width:290px;
float:right;
padding:0px 10px 0px 0px;
}

dl.jisseki dd div.kensui p{
line-height:140%;
margin-bottom:10px;
}




/* ------------
メールアドレス */

dl.mail{
width:350px;
border:1px solid #336699;
margin:0px auto 15px auto;
}

dl.mail dt{
background-color:#336699;
padding:5px 0px 5px 10px;
}

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


/* ------------
製作Diaryボタン */

p.btDiary{
text-align:center;
margin:0px 0px 13px 0px;
}







/* ------------
提携サイト様 */

dl.teikeiSite{
margin:0px auto 10px auto;
padding:0px;
border:1px solid #cccccc;
}

dl.teikeiSite dt{
font-size:90%;
padding:1px 0px 1px 5px;
font-weight:bold;
background-color:#cccccc;
}

dl.teikeiSite dd{
padding:5px 0px 0px 0px;
}

dl.teikeiSite dd ul{
font-size:90%;
padding:0px;
margin:0px 5px 5px 5px;
list-style-type:circle;
list-style-position:inside;
}

dl.teikeiSite dd ul li{
margin-bottom:2px;
}



/* --------------------
横断幕懸垂幕の価格表 */

p.priceImg{
text-align:center;
margin-bottom:10px;
}

table.priceHome{
font-size:110%;
width:731px;
margin:0px auto 15px;
border-collapse:collapse;
border-spacing:0px;
border:none;
border-left:1px solid #a3cce4;
border-top:1px solid #a3cce4;
}

table.priceHome th{
color:#0a3372;
background-color:#deeef6;
padding:6px 5px;
border-right:1px solid #a3cce4;
border-bottom:1px solid #a3cce4;
}

table.priceHome td{
font-size:130%;
color:#000000;
text-align:center;
background-color:#ffffff;
padding:6px 4px;
border-right:1px solid #a3cce4;
border-bottom:1px solid #a3cce4;
}

p.priceHomeText{
font-size:160%;
font-weight:bold;
margin-bottom:30px;
text-align:center;
}




/* ----------
お客様の声 */

div#customerVoice h3{
background-color:#transparent;
padding:0px;
}

div.koeList{
width:355px;
background-color:#ebf8fc;
background-image:url(../../images/bg_home_koelist_middle.gif);
background-position:left top;
background-repeat:repeat-y;
margin:0px 20px 20px 0px;
float:left;
}

div.koeList:after {
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
}

div.koeList div.koeImage{
padding:40px 19px 0px 19px;
margin:0px 0px 10px 0px;
text-align:center;
background-image:url(../../images/bg_home_koelist_top.gif);
background-position:left top;
background-repeat:no-repeat;
}

div.koeList dl{
margin:0px;
padding:0px 19px 20px 19px;
background-image:url(../../images/bg_home_koelist_bottom.gif);
background-position:left bottom;
background-repeat:no-repeat;
}

div.koeList dl dt{
color:#0294cd;
font-weight:bold;
border-bottom:1px dashed #0294cd;
}

div.koeList dl dd{
padding:3px 0px 0px 0px;
margin:0px;
}


/* ----------
miniBanner */

ul.miniBanner{
margin:0px 0px 15px 0px;
padding:0px;
text-align:center;
}

ul.miniBanner li{
display:inline;
margin:0px;
padding:0px;
}

ul.miniBanner li img{
margin-right:10px;
}



/* ----------
注文はこんなに簡単部分 */

div#contents div#simpleOrder{
border:2px solid #ec6300;
text-align:center;
margin-bottom:20px;
}

div#contents div#simpleOrder h3{
background-color:#ec6300;
text-align:center;
padding:8px 0px 8px 0px;
line-height:100%;
}

div#contents div#simpleOrder p.description{
font-size:200%;
font-weight:bold;
}

div#contents div#simpleOrder ul{
margin:0px 0px 25px 0px;
}

div#contents div#simpleOrder ul li{
display:inline;
}

div#contents div#simpleOrder ul li img{
margin-right:20px;
}

div#contents div#simpleOrder ul li.end img{
margin-right:0px;
}


/* ----------
オレンジ枠部分 */

div#contents div.news{
border:2px solid #ec6300;
text-align:center;
margin-bottom:20px;
}

div#contents div.news h3{
background-color:#ec6300;
text-align:center;
padding:8px 0px 8px 0px;
line-height:100%;
}

div#contents div.news p.description{
font-size:200%;
font-weight:bold;
}

div#contents div.news ul{
margin:0px 0px 25px 0px;
}

div#contents div.news ul li{
display:inline;
}

div#contents div.news ul li img{
margin-right:20px;
}

div#contents div.news ul li.end img{
margin-right:0px;
}


/*  お手軽 20101224  */
div#contents div#otegaru{
border:5px solid #004098;
margin-bottom:20px;
padding:15px 15px 5px 15px;
}

div#contents div#otegaru p.discription{
margin:0px 0px 10px 0px;
}

div#contents div#otegaru h3{
background-color:#fff;
margin:0px 0px 20px 0px;
text-align:center;
padding:0px;
}


div#contents div#otegaru dl{
margin:0px 0px 15px 0px;
border-top:1px solid #004098;
border-bottom:1px solid #004098;
}

div#contents div#otegaru dl dt{
font-weight:bold;
font-size:200%;
margin:8px 0px 8px 0px;
}

div#contents div#otegaru dl dd{
font-size:150%;
}

div#contents div#otegaru dl dd ul{
list-style-type:disc;
list-style-position:inside;
margin:0px 0px 0px 10px;
}

div#contents div#otegaru dl dd ul li{
margin-bottom:5px;
}