#wrapper{
	position:absolute;
	overflow:hidden;
	width:100%;
	padding-top:50px;
	background:#fff;}
/*--header contents--*/
.ui-page{
	background:#ffffff;
}
.ui-header{
	background:#8cc521;
	border:1px solid #8cc521;
	overflow:hidden;
	position:fixed !important;
	top:0;
	left:0;
	width:100%;
}
.ui-header .ui-title{
	color:#ffffff;
	text-shadow:none;
	text-align:left;
	margin:10px 5px;
}
.ui-content{
	background:#ffffff;
}

/*--メイン部分--*/
.logo{
	padding:5px 0 0 0;
	text-align:center;
}
.logo img{
	width:100%;
}
.main_img img{
	width:100%;
}
.sub_img{
	padding:10px 0px;
	text-align:center;
}
.sub_img img{
	width:90%;
}

/*---画像---*/
.img_w{
	width:100%;
}

/*--pagetop--*/
.pagetop{
	padding:10px 5px;
	text-align:right;
	background:#fff;
}
/*--footer--*/
#footer{
	text-align:center;
	padding:20px 0px;
	font-size:11px;
	background:#8cc521;
	color:#fff;
}



/*-------リスト ボタン関連--------*/
.ui-header .ui-title,
.ui-footer .ui-title,
.ui-btn-inner,
.ui-li-heading,
.ui-li .ui-btn-text a.ui-link-inherit,
.ui-li-desc
{
	overflow: visible;
	white-space: normal;
}
.top{
	position:relative;}

.ui-btn-corner-all{
	border-radius:5px;
}
.ui-btn-inner{
	padding:5px 20px;
}
.ui-header .ui-btn-corner-all{
	border-radius:15px;
	margin-top:3px;
}

#home .top h1{
	font-size:0.9em;
	padding-top:2px;}
#home .box h2{
	margin-top:10px;
	margin-bottom:5px;}
	

#home .top .tel{
	position:absolute;
	right:48px;
	top:-13px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	font-size:0.8em;
	padding:22px 12px 0 12px;
	text-shadow:none;
	background: url(../images/tel-icon.png) no-repeat 13px 2px;}
#home .top .tel a:link		{color:#fff; text-decoration: none;}
#home .top .tel a:visited 	{color:#fff; text-decoration: none;}
#home .top .tel a:hover 	{color:#fff; text-decoration: none;}
#home .top .tel a:active	{color:#fff; text-decoration: none;}
#home .top .ui-btn-right{
	right:11px;}
	

.ui-li .ui-btn-text a.ui-link-inherit{
	font-size:13px;
}
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit{
	min-height: 20px;
	padding-left:60px;
}


.ui-listview .ui-li-thumb {
	max-height: 36px;
	max-width: 36px;
	left: 8px;
	top:  12px; 
}

/*--メニュー関連--*/
li.toplist_menu1{
	background:#dcdcdc;
}
li.toplist_menu2{
	background:#efefef;
}

.toplist_menu1.ui-btn-active{
	border-color:#c0c0c0;
	text-shadow:none;
}
li.toplist_menu1.ui-btn-active:visited,
li.toplist_menu1.ui-btn-active:hover,
li.toplist_menu1.ui-btn-active a.ui-link-inherit{
	color:#5994bf;
}
li.toplist_menu2.ui-btn-active{
	border-color:#c0c0c0;
	text-shadow:none;
}
li.toplist_menu2.ui-btn-active:visited,
li.toplist_menu2.ui-btn-active:hover,
li.toplist_menu2.ui-btn-active a.ui-link-inherit{
	color:#5994bf;
}
#dialog_menu .menuBtn{background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #76ac10), color-stop(0.00, #8cc521));
background: -webkit-linear-gradient(top, #8cc521 0%, #76ac10 95%);
background: -moz-linear-gradient(top, #8cc521 0%, #76ac10 95%);
background: -o-linear-gradient(top, #8cc521 0%, #76ac10 95%);
background: -ms-linear-gradient(top, #8cc521 0%, #76ac10 95%);
background: linear-gradient(top, #8cc521 0%, #76ac10 95%);}

/*--その他　共通--*/
.textArea{
	padding-left:10px;
	padding-right:10px;
	margin-top:0;
	clear:both;}
.red{ color:#d70606; font-weight:bold;}
.orange {
    color: #fc6e2e;
    font-size: 16px;
    font-weight: bold;
}

.bold{ font-weight:bold;}
.otext{
	color:#fc6e2e;
	font-weight:bold;}
.gtext{
	color:#8cc521;
	font-weight:bold;}
	
.textright{ text-align:right; }


/*--TOPコンテンツ--*/
#wrapper .box{
	margin-bottom:15px;
	clear:both;
	overflow:hidden;}
#wrapper .imgArea{
	margin:0 auto;
	clear:both;}
#wrapper .textArea .photoR{
	float:right;
	margin-left:5px;
	width:50%;}
#wrapper .textArea .photoL{
	float:left;
	margin-right:5px;
	width:50%;}
#wrapper .imgArea img{
	width:95%;
	margin:0 auto !important;
	padding-top:0;
	display:block;}
.contacBg{
	width:95%;
	border:2px solid #81b644;
	background:#f5fdea;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	margin:0 auto;}
.contacBg p{
	margin:0;
	padding:0;}
.contacBg img{
	width:90%;
	text-align:center;}
.kodawariBg{
	background:#faecd8;}
.kodawariBg h3{
	margin-bottom:0;
	padding-bottom:0;}
.kodawariBg h3 img{
	width:100%;}
.kodawariBg .textArea{
	padding-top:10px;
	padding-bottom:10px;}
#home #wrapper .lastBg{
	margin-bottom:40px;}
#home #wrapper .mb30{
	margin-bottom:30px;}
#home #wrapper .menuBanner p.linkBanner{
	margin-bottom:5px;}
	
/*--施工事例・お客様の声--*/

.jirei {
    background-image: url("../images/jirei.gif");
    background-repeat: no-repeat;
    color: #ff9600;
    font-size: 145%;
    font-weight: bold;
    margin-top: 35px;
    padding:20px 0 20px 80px;
}
	
.listjirei{ margin-bottom:20px;}
.listjirei dt{ padding:0 0 10px 10px;}
.listjirei dd{ padding:0 0 20px 0;}

.voice_frame { 
	border: 1px solid #cccccc;
    margin: 5px 15px 10px 10px;
	padding:10px;
}


.voice-q {
    color: #666666;
    font-size: 90%;
    font-weight: bold;
    text-decoration: underline;
}


.ecocarat-item {
    background-color: #319f2d;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 30px;
    padding: 10px 10px 10px 15px;
}

/*--プロフィール--*/


.profile_illust {
    background-image: url("../profile/images/img_profile3.jpg");
    background-repeat: no-repeat;
    color: #ff9600;
    font-size: 150%;
    font-weight: bold;
    height: 150px;
    line-height: 180%;
    margin-top: 30px;
    padding-left: 110px;
    padding-top: 10px;
}


/*--　よくある質問　--*/


.faq_q {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-top-color: #319f2d;
    color: #319f2d;
    font-size: 135%;
    font-weight: bold;
    line-height: 180%;
    margin-left: 15px;
    margin-top: 25px;
}

.faq2 {
    color: #319f2d;
    font-weight: bold;
    margin-left: 40px;
}

/*--　メディア　--*/


h3.tv {
    background: url("../media/images/tv-bg.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 14px;
    height: 40px;
    margin: 10px 10px 10px 10px !important;
    padding: 35px 0 0 90px;
    width: 95%!important;
}

.listmedia{ margin-bottom:17px; }
.listmedia dt{ margin:0 0 10px 10px;}
.listmedia dd{ margin:0 0 0 10px 15px;}

/*--　会社概要　--*/

.table-about {
    border: 1px none #ffcc00;
    margin-bottom: 30px;
    margin-left: 5px;
    margin-right: 5px;
    width: 95%;
}

.table-about th {
    background-color: #319f2d;
    color: #ffffff;
    font-weight: bold;
    padding: 15px;
    width: 10%;
}

.table-about td {
    border: 1px solid #ff9900;
    padding: 10px;
	line-height:1.5;
    width: 85%;
	
}

.dlprivacy dt{
    border-bottom: 1px dashed #319f2d;
    color: #319f2d;
    font-size: 15px;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 20px;
	margin-bottom:15px;
}
.dlprivacy dd{
	line-height:1.5;
}