@charset "UTF-8";

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

#header { position:relative; }
    #header div.text { top:5px; left:10px; 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; display:inline;}
    #header .sitemap { font-size:0.6em; font-weight:bold; letter-spacing:1px; top:8px; right:20px; position:absolute; }
        #header .sitemap a { color:#FFFFFF; text-decoration:none; }
        #header .sitemap a:hover { text-decoration:underline; }
    #header div.contactposi{
    width:305px;
    height:80px;
    top:22px;
    right:0px;
    position:absolute;
}

/* ヘッダー */
#contentscontainer {
    float:right; width:750px; font-size:0.9em;
}
#contents { 
    padding: 10px 10px 20px;
    width: 730px;
}
#contents p { margin-bottom:20px; }
#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; }


    /* 上部リンクエリア */
    #linkarea1 {
        width:730px;
        margin:0 10px;
        /zoom:1;
    }

        #linkarea1:after {
            content:'';
            display:block;
            clear:both;
        }

        #linkarea1 .left {
            margin:0 5px 0 0;
            padding:8px;
            width:342px;
            float:left;
            border:1px solid #DCDCDC;
        }

        #linkarea1 .right {
            margin:0 0 0 5px;
            padding:8px;
            width:342px;
            float:left;
            border:1px solid #DCDCDC;
        }

        #linkarea1 p { text-align:right; margin-bottom:10px; }
        #linkarea1 p a { font-size:1em; font-weight:bold; }


    /* 下部リンクエリア */
    #linkarea2 {
        width:730px;
        margin:0 10px;
        /zoom:1;
    }

        #linkarea2:after {
            content:'';
            display:block;
            clear:both;
        }

        #linkarea2 .left {
            margin:0 5px 10px 0;
            padding:8px;
            width:342px;
            float:left;
            border:1px solid #DCDCDC;
        }

        #linkarea2 .right {
            margin:0 0 10px 5px;
            padding:8px;
            width:342px;
            float:left;
            border:1px solid #DCDCDC;
        }

            #linkarea2 img {
                margin:0 0 15px 0;
            }

            #linkarea2 img.photo {
                margin:0 10px 5px 0;
                border:1px solid #C8C8C8;
                float:left;
            }

        #linkarea2 p.linktext { text-align:right; margin-bottom:10px; }
        #linkarea2 p.linktext a { font-size:1em; font-weight:bold; }


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


/* グローバルナビゲーション */
#global_nav { width:100%; border-bottom:1px solid #9FAA62; }
#global_nav ul { height:60px; list-style:none; }
#global_nav li { float:left; width:197px; height:60px; font-weight:bold; line-height:60px; text-align:center; border-right:1px solid #9FAA62; overflow:hidden; }
#global_nav a { background:url(../media/images/common/global_nav/bg.gif) #A5CD1E repeat-x top; color:#285A28; display:block; width:197px; height:60px; font-size:0.9em; text-align:center; line-height:60px; text-decoration:none; }
#global_nav a:hover,
#global_nav li.active a { background:url(../media/images/common/global_nav/bg2.jpg) #738C14 repeat-x top; color:#FFFFFF; }


/* ローカルナビゲーション */
#local_nav { float:left; width:240px; }
#local_nav h2 { height:60px; }
#local_nav ul { list-style:none; width:238px; border:1px dotted #666; }
#local_nav li a { height:100%; background:#F2F2F2; display:block; text-decoration:none; padding:10px 15px; font-size:0.8em; border-bottom:1px dotted #666; line-height:1.2; }
#local_nav li a.end { border-bottom:0; margin:0; }
#local_nav li a:hover,
#local_nav li a:active { color:#00BB00; background-color:#CFE697; }
#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 ul a:link,
#local_nav ul a:visited,
#local_nav ul a:hover,
#local_nav ul a:active { color:#009900; }
#local_nav a img { margin:10px 0; }
#local_nav a #campaign { margin:0;}


/* メインコンテンツ */
#catchcopy { width:730px; padding:10px 0 0 0; margin:0 10px; font-size:1.2em; font-weight: bold; }
#newstitle { width:730px; margin:10px 10px 0 10px; font-size:1px; line-height:0;}
#newsbox { width: 708px; padding:10px; margin:0 10px 10px 10px; border-bottom:1px solid #E2A935; border-left:1px solid #E2A935; border-left:1px solid #E2A935; border-right:1px solid #E2A935; }
#maker_list { width:718px; padding:5px; margin:0 0 10px 10px; border:1px solid #FF0000; }
#blog,
#contact { width:730px; padding:0 0 10px 0; margin:0 10px;}


/* フッター */
#footer ul { padding:10px; background:url(../media/images/common/footer_bg.gif) #FFE5A1 repeat-x top; }
#footer li,
#footer a { font-size:0.9em; }
#footershadow { padding:5px 5px 10px 5px; margin:0 auto; width:990px; text-align:right; background:url(../media/images/common/shadow_bottom.gif) repeat-x top; }
#footershadow #copy{ float:right; font-size:0.7em; }
#footershadow #des{ float:left; }
#footershadow div.footercopy{ text-align:right; font-size:12px; clear:both;}
#footershadow div.footercopy strong{ font-weight:normal;}



/* 仙台店のご案内 */
#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 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; }
.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;}