@charset "UTF-8";

/* 基本要素　全ページ共通 */
* { padding:0; margin:0; }
body { width:100%; font-family:arial, sans-serif; font-size:100%; line-height:1.6; background:url(../media/images/common/shadow.jpg) #E6DCD0 repeat-y center; }
.clear { clear:both; }
a img { border:0; }
ul li,
ol li { list-style:none; } 
a:link { color:#0042ff; text-decoration:none; }
a:visited { color:#5619FF; }
a:hover,
a:active { color:#008AFF; text-decoration:underline; }
#wrapper { margin:0 auto; width:1000px;}
#wrapper #container { width:1000px; margin:0 auto; }

/* ヘッダー */
#header { position:relative; z-index:1; }
    #header div.text { top:5px; left:120px; position:absolute; font-size:9px; font-weight:bold; color:#FFFFFF; letter-spacing:1px;}
        #header div.text h1{font-size:9px; font-weight:bold; color:#FFFFFF; letter-spacing:1px; display:inline;}
    #header .text { font-size:0.6em; font-weight:bold; color:#FFFFFF; letter-spacing:1px; top:5px; left:120px; position:absolute; }
    #header .sitemap { font-size:0.6em; font-weight:bold; letter-spacing:1px; top:2px; right:20px; position:absolute; }
        #header .sitemap a { color:#FFFFFF; text-decoration:none; }
        #header .sitemap a:hover { text-decoration:underline; }
    #header .contactposi a {
    width:305px;
    height:80px;
    display:block;
    top:20px;
    right:11px;
    position:absolute;
    z-index:999;
}
#contentscontainer {
    float:right; width:750px;
}
#contents { padding:0 10px 0 15px; float:right; width:725px; font-size:0.8em; }
#contents p { margin-bottom:20px; }


/* 上部リンクエリア */
#linkarea1 { margin:0 -15px -15px 0; padding:0 0 20px 0; width:740px; overflow:hidden; }
    #linkarea1 .box { margin:0 15px 15px 0; padding:10px; width:333px; float:left; border:1px solid #F7A7A7; position:relative; background:#FDEDED; }
        #linkarea1 .box h2 { margin:0 0 5px 0; padding:0 0 10px 5px; border-bottom:1px dotted #B4B4B4; }
        #linkarea1 p { text-align:right; margin:0; }


/* 下部リンクエリア */
#linkarea2 { margin:0 -15px -15px 0; padding:0 0 20px 0; width:740px; overflow:hidden; }
    #linkarea2 .box { margin:0 15px 15px 0; padding:10px; width:333px; float:left; border:1px solid #F7A7A7; position:relative; }
        #linkarea2 .box h3 { margin-bottom:10px; padding:0 0 0 5px; border-bottom:1px dotted #B4B4B4; }
        #linkarea2 .box p { margin:0 0 5px 0; }
    #linkarea2 img { margin:0 0 15px 0; }
        #linkarea2 img.photo { margin:0 10px 5px 0; border:5px solid #CFE7BA; float:left; }
    #linkarea2 p.linktext { text-align:right; margin:0; }


/* グローバルナビゲーション */
#global_nav { margin:5px 5px 10px 5px; padding:4px; width:980px; border:1px solid #C8C8C8; background:#F0F0F0; }
#global_nav ul { height:50px; list-style:none; }
#global_nav li { float:left; width:195px; height:50px; font-weight:bold; line-height:50px; text-align:center; border-left:1px dotted #B4B4B4; }
    #global_nav li#top { width:196px; border-left:0; }
    #global_nav li#faq { width:195px; border-right:0; }
#global_nav a { color:#464646; display:block; height:50px; font-size:0.95em; text-align:center; line-height:50px; text-decoration:none; }
    #global_nav a:hover,
    #global_nav li.active a { background:#825014; color:#FFFFFF; }


/* ローカルナビゲーション */
#local_nav { padding:0 0 0 10px; float:left; width:240px; }
#local_nav h2 { padding:10px 0 0 0; border-top:1px dotted #B4B4B4; height:40px; }
#local_nav .container { padding:0 5px 5px 5px; background:#F0F0F0; }
#local_nav ul { list-style:none; width:228px; border:1px solid #C8C8C8; }
#local_nav li a { height:100%; background:#FFFFFF; display:block; padding:10px 15px; font-size:0.8em; border-bottom:1px dotted #C8C8C8; line-height:1.3; color:#464646; text-decoration:underline; }
#local_nav li a.end { border-bottom:0; margin:0; }
#local_nav li a:hover { color:#787878; text-decoration:none; }
#local_nav li.selected a:link,
#local_nav li.selected a:visited,
#local_nav li.selected a:hover { text-decoration:none; color:#F63A0A; font-weight:bold; background-color:#FFFFB7; }
#local_nav a img { margin:10px 0; }
#local_nav a #campaign { margin:0; }
#local_nav a .contact,
#local_nav a .partner { padding:10px 0 0 0; border-top:1px dotted #B4B4B4; }


/* メインコンテンツ */
#catchcopy { font-size:1.2em; font-weight:bold; line-height:1.2; }
/*#news { margin:20px 0 20px 0; border:3px double #C8C8C8; }
    #news h3 { padding:0 0 0 10px; border-bottom:1px solid #C8C8C8; line-height:36px; background:#E6E6E6; }
    #news p { padding:10px; margin:0; }*/
div#news { margin:20px 0 20px 0; border:3px double #C8C8C8; }
div#news h3 { padding:0 0 0 10px; margin:0; border-bottom:1px solid #C8C8C8; line-height:36px; background:#E6E6E6; }
div#news div.img{ padding:10px; float:right;}
div#news div.date{  width:564px; padding:10px 10px 0; margin:0; float:left; }
div#news p { width:564px; padding:10px; margin:0; float:left;}


#maker_list { margin:0 0 20px 0; border:3px double #C8C8C8; }
    #maker_list h3 { padding:0 0 0 10px; border-bottom:1px solid #C8C8C8; line-height:36px; background:#E6E6E6; }
    #maker_list p { padding:10px; margin:0; }
    #maker_list p span { font-size:0.74em; letter-spacing:1px; color:#787878; }
#blog,
.contact { padding:0 0 20px 0; }
.clearfix { zoom:1; }
.clearfix:after{ content:"."; display:block; clear:both; visibility:hidden; }


/* フッター */
#footer { padding:10px 20px 20px 20px; border-top:2px solid #B4B4B4; font-size:0.7em; color:#787878; }
    #footer #address { margin-top:10px; padding-top:10px; border-top:1px solid #C8C8C8; line-height:1.2; color:#464646; position:relative }
        #footer #address #copyright { color:#787878; top:10px; right:0; position:absolute; }
        div.footercopy{text-align:right;}
        div.footercopy strong{ font-weight:normal;}


/*----------------------------*/

/*インナーコンテンツ*/

/*----------------------------*/

/* 共通 */

#contents p .red { color:#FF0000; }
#contents h3 { margin:20px 0 20px 0; /*padding-left:15px; font-size:1.3em; line-height:55px; background:#E1ECDE;*/ }
#contents h4 { margin:30px 0 15px 0; padding-left:11px; border:1px solid #378223; font-size:1.1em; line-height:40px; background:#EBF2E9; }
/*#contents h4 { margin:30px 0 15px 0; padding-left:10px; border-top:2px solid #378223; border-bottom:1px solid #DCDCDC; font-size:1.1em; line-height:40px; }*/
#contents h5 { margin:30px 0 15px 0; padding-left:12px; border-left:4px solid #378223; border-bottom:1px dotted #B4B4B4; font-size:1.1em; line-height:25px; }
#contents h6 { margin:5px 0 10px 0; font-size:1em; }


#contents table { border-collapse:collapse; }
#contents table th { padding:4px; border:1px solid #C8C8C8; text-align:left; font-weight:normal; background:#E6E6E6; }
#contents table td { padding:4px; border:1px solid #C8C8C8; }



/* 仙台店のご案内 */
#contents.about { width:730px; padding:10px 10px 20px 10px; }
.about #staff img { float:left; margin:0 12px 20px 0; border:1px solid #C8C8C8; }


/* 施工可能エリア */
#contents.area { width:730px; padding:10px 10px 20px 10px; }
.area ul{margin-bottom:20px;}
.area ul li { display:inline; padding-right:10px;}
.area ul li p { padding-left:10px; }
.area #map { text-align:center; }


/* 外構プランニングの流れ */
#contents.planning { width:730px; padding:10px 10px 20px 10px; }
.planning img.threedpers { border:1px solid #C8C8C8; }


/* よくある質問 */
#contents.faq { width:730px; padding:10px 10px 20px 10px; }
.faq p .red { font-size:1.2em; font-weight:bold; font-style:italic; }
.faq .plan { float:left; border:1px solid #C8C8C8; }
.faq .estimate { margin-left:20px; float:left; }
.faq .estimate p { font-size:0.7em; padding-left:5px; }


/* 住宅メーカーに頼むとこんなに高い！外構工事 */
#contents.knowledge { width:730px; padding:10px 10px 20px 10px; }
#contents.knowledge table td { padding:0 10px 0 0; border:0; }
.knowledge .maker .photo { float:left; padding:0 20px 20px 0; }
.knowledge .maker .photo img { border:1px solid #C8C8C8; }
.knowledge img.plan,
.knowledge img.photo { margin-right:15px; border:1px solid #C8C8C8; }
.knowledge p.estimate { display:block; text-align:center; }
.knowledge .estimate img { border:1px solid #C8C8C8; }


/* 新築の外構工事で失敗しない為に */
#contents.success { width:730px; padding:10px 10px 20px 10px; }
.success .plan { float:left; border:1px solid #C8C8C8; }
.success .estimate { margin-left:20px; float:left; }
.success .estimate p { font-size:0.7em; padding-left:5px; }
.success img.threedpers { border:1px solid #C8C8C8; }
.success img.photo { margin-right:15px; border:1px solid #C8C8C8; }


/* 激安まじめな外構店の外構工事はなぜ安いのか？ */
#contents.reasonable { width:730px; padding:10px 10px 20px 10px; }


/* サイトマップ */
#contents.sitemap { width:730px; padding:10px 10px 20px 0; }
.sitemap ul { margin:10px 0 0 20px; }
.sitemap ul li { padding:3px; margin:0; }
.sitemap ul li h4 {    font-weight:normal; }
.sitemap ul ul.branch {    margin:5px 0 15px 20px; }
.sitemap ul ul.branch li { padding-left:30px; background:url(../media/images/sitemap/dotted_line.gif) no-repeat center left; }
.sitemap ul ul.branch li.last-child { background:url(../media/images/sitemap/dotted_line_middle.gif) no-repeat center left; }


/*コピー*/
div#sendaicopy{ width:708px; padding:10px; margin:0 0 5px 0; border:1px solid #cccccc;}