/* ======================================================================
 * リセット系 / 全体レイアウト common.css
 * (c) 2015 ecvo All Rights Reserved
 * ======================================================================*/
@charset "utf-8";

html,body{height:100%}
body{
font-family: メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3″,"Hiragino Kaku Gothic Pro W3″,"ＭＳ Ｐゴシック",sans-serif;
font-size:12px;
margin:0 auto;
padding:0;
background-image:url(../img/bg-body.jpg);
background-repeat:repeat;
color:#6f6f6f;
height:100%;
}
*{
margin:0;
padding:0;
}
*:focus{
outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
                 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr{
border:0;
color:#dedede;
background-color: #dedede;
height: 1px;
margin:10px 0px 6px 0px;
padding:0px;
}


/* Default Element Styles
------------------------------------------------------*/
/* heading */

/* links */
a{color:#ff4e00; text-decoration:none;}
a:visited{color:#ff4e00; text-decoration:none;}
a:hover{color:#ff9566;}
a img{border:none}
.imgleft{float:left; padding:5px 12px 0px 0px;}
.imgright{float:right; padding-left:12px;}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote{
font-size:12px;
line-height:18px;
margin-bottom:14px;
color:#6f6f6f;
}
ul, ol{
margin:10px 0 35px 40px;
}
li ol, li ul{
font-size:1.0em;
list-style:square;
margin-bottom:0;
margin-top:0;
}
li ol{list-style:decimal;}
blockquote{
font-style:italic;
margin:0px;
color:#6f6f6f;
padding:2px 4px 2px 38px;
background-image:url(../img/quote.gif);
background-position:0px 5px;
background-repeat:no-repeat;
}

/* code */
code{
font-family:Tahoma, Arial, Verdana;
letter-spacing:1px;
margin:25px 0 25px 0px;
display:block;
font-size:0.9em;
border-left:4px solid #dddddd;
padding:15px 10px;
}


/* Container
------------------------------------------------------*/
#page-container{width:988px; margin:0 auto;}
.page-container-inner{width:988px; background-image:url(../img/bg-container.png); float:left;}
.frame{width:920px; margin:0 auto;}


/* Header
------------------------------------------------------*/
#header{height:139px; width:920px; background-image:url(../img/top-shadow.jpg); background-position:center 46px;  background-repeat:no-repeat;}
#top-header{height:108px; background-image:url(../img/strip-line.gif); background-position:top; background-repeat:repeat-x;}
#bottom-header{width:920px; border-bottom:1px solid #969696; float:left;}
.logo{width:600px; padding:33px 0px 0px 20px; float:left;}
.phone{font-size:18px; padding:50px 20px 0px 0px; float:right;}
.phone-get{font-size:14px; color:#ff4e00;}

/* Top Navigation bar menu styling */
#nav-menu {width:680px; float:right; margin:5px 0px 5px 0px; list-style-type:none;}
#nav {margin:0px; padding:0px 0px 0px 0px; float:left;}
#nav ul{
padding:0;
margin:0;
width:auto;
list-style: none;
height:30px;
position: relative;
}
#nav li{
list-style:none;
float:left;
text-align:center;
padding:0;
font:normal 11px Tahoma, Arial, Verdana;
line-height:26px;
}
#nav li a {
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
padding: 0 20px;
color:#ffdbcd;
text-decoration:none;
}
#nav li a:hover {
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
padding: 0 20px;
color: #535353;
}


/*  Homepage Slider
------------------------------------------------------*/
#slideshow{
background-color:#202020;
width:920px;
height:283px;
margin:15px 0px 0px 0px;
float:left;
}
#slideshow-threed{
width:920px;
height:283px;
margin:15px 0px 0px 0px;
float:left;
}
#box-nav-slider{
background-image:url(../img/strip-line.gif);
background-position:bottom;
background-repeat:repeat-x;
width:920px;
height:17px;
float:left;
}
#slideshow-navigation a{
background: url(../img/slide.png) no-repeat scroll 50% 50%;
display:block;
float:left;
font-size:0px;
width:9px;
height:9px;
margin:2px;
outline-style:none;
outline-width:medium;
padding:2px;
}
#slideshow-navigation{float:right; padding-right:10px}
#slideshow-navigation .activeSlide {background: url(../img/slide.png) no-repeat scroll 0% 50%;}
.img-slide{width:460px; height:283px; float:left;}
.text-slide{width:420px; padding-left:20px; padding-right:20px; height:283px; float:left;}
.slidehalf { margin-top:0px; margin-right:0px; float:left;} /* Editable Slider Image Position */
.slide-text h1{color:#FFF; padding:50px 20px 0px 0px}
.slide-text h2{color:#FFF; padding:50px 20px 0px 0px}
.slide-text p{font-size:12px; color:#b5b5b5; line-height:22px;}
.slide-text a.read_more{color:#ff4e00; font-size:12px;}
.flash-img {text-align:center; display:block; margin:100px auto 0 auto;}


/* Content
------------------------------------------------------*/
#content{width:920px; padding:20px 0px 20px 0px; float:left;}
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
.imgleft-box{float:left; border:solid 1px #cfd4c3; padding:6px; margin-right:15px; background-color:#f9fbf4;}
.imgright-box{float:right; border:solid 1px #cfd4c3; padding:6px; margin-left:15px; background-color:#f9fbf4;}
#content1{float:left; /*width:284px;*/ width:602px;}
#content2{float:left; width:284px; margin-left:34px;}
#content3{float:left; width:284px; margin-left:34px;}
.orange{color:#ff4e00;}

ul.content-list {margin:0px; padding:0px; list-style-type:none;}
ul.content-list li {background-image:url(../img/arrow.gif); background-position:0px 6px; background-repeat:no-repeat; padding:0px 0px 12px 17px; line-height:18px;}
ul.content-list li a {text-decoration:none;}
ul.content-list li a:hover {text-decoration:underline;}

/* Featured Project */
#featured{margin-top:3px; height:260px;}
.bg-featured{background-image:url(../img/strip-line.gif); background-repeat:repeat; width:275px; height:157px; padding:5px 5px;}
.featured-text{padding-top:5px;}


/* Footer
------------------------------------------------------*/
#footer{width:920px; padding-bottom:10px; font-size:11px; margin:0px auto; color:#686868; background-color:#202020; line-height:18px; float:left;}
#footer a, #footer a:visited{color:#686868; text-decoration:none;}
#footer p{font-size:11px; color:#686868;}
.footer1{width:420px; float:left; margin-left:20px; padding-top:15px;}
.footer2{width:430px; float:left; margin-left:30px; padding-top:21px;}
.footer2 ul{margin:0px; padding:0px; font-size:11px; list-style-type:none;}
.footer2 ul li{list-style:none;    /*border-bottom:solid 1px #686868;*/ line-height:24px; text-align:right;}