/*============================================================
	html要素など
============================================================*/

html {
	min-height:100%;
	position:relative;
}

/*============================================================
	body要素など
============================================================*/

body{
	font-family:osaka,meiryo,sans-serif;
	margin:0;
	padding:0;
	background-image:url("../image/contents_bg.jpg");
}

/*============================================================
	H要素
============================================================*/

h1{
	margin:0;
	padding:0;
}

/*============================================================
	大グループ
============================================================*/

#wrapper{

}

#header{
	background:#0068b7;
}

#container{
	width:1080px;
	margin:20px auto;
}

#top{

}

#main{
	margin-left:320px;
}

#sub{
	float:left;
	width:300px;
}

footer{
	width:100%;
	bottom: 0;
	height: 5em;
	background:#4d4d4d;
}


/*============================================================
	ヘッダー関連
============================================================*/

#headertopbox{
	background:#0e3c6e;
}

#headertop{
	width:1080px;
	margin:0 auto;
	padding:0;
	color:#ffffff;
}

#headerbox{
	width:1080px;
	margin:0 auto;
	padding:20px 0;
	background:#0068b7;
}

#logo{
	float:left;
}

#logo img{
	width:300px;
}

#menu{
	float:right;
	margin-top:10px;
}

#menu img{
}

#pankuzubox{
	color:#ffffff;
	font-size:12px;
	background:#005a9e;
	border-bottom:solid 5px #ccc;
}

#pankuzubox a{
	color:#ffffff;
	font-size:12px;
}

#pankuzu{
	width:1080px;
	margin:0 auto;
	padding:10px 0;
}

.pankuzutitle{
	float:left;
	list-style:none;
}

/*============================================================
	フッター関連
============================================================*/

#footer{
	background:#255b97;
}

#footer_top{
	background:#255b97;
}

#footer_top_in{
	width:1080px;
	margin:0 auto;
	padding:10px 0 5px 0;
}

#footer_bottom{
	background:#4d4d4d;
}

#footer_bottom_in{
	width:1080px;
	margin:0 auto;
}

#footer_incinfobox{

}

#footer_inclogo{
	float:left;
	width:100px;
}

#footer_inclogo img{
	width:100px;
}

#footer_incinfo{
	margin-left:110px;
	color:#ffffff;
}

#footer_incname{
	font-size:20px;
}

#footer_incetc{
	font-size:13px;
}

#copyright{
	color:#ffffff;
	font-size:12px;
	text-align:center;
	padding:5px 0;
}

/*============================================================
	clearfix
============================================================*/

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;    
    clear: both; 
    visibility:hidden;
}
.clearfix{
    display: inline-block;
} 
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}

/*============================================================
	box
============================================================*/

.topbox{
    margin: 0 0 10px;
    border: 0;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.subbox{
    margin: 0 0 10px;
    border: 0;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mainbox{
    margin: 0 0 10px;
    border: 0;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*============================================================
	topカラム
============================================================*/

.topbox ul{
	margin:0;
	padding:0;
}

/*============================================================
	subカラム
============================================================*/

.subbox_in{
	padding:20px;
}

.sub_midasi{
	font-size:32px;
	font-weight:bold;
	color:#444;
}

/*============================================================
	mainカラム
============================================================*/

.mainbox ul{
	margin:0;
	padding:0;
}

.mainbox_in{
	padding:20px;
}

.main_midasi{
	font-size:32px;
	font-weight:bold;
	color:#444;
}

.main_detail p{
	margin:5px 0;
}

/*============================================================
	インデックス
============================================================*/

.customerbox p{
	margin:5px 0;
}

/*============================================================
	会社概要
============================================================*/
.companybox{

}

.c_infotitle{
	float:left;
	width:120px;
}

.c_infodetail{
	margin-left:150px;
}

.company_info{
	padding:20px;
	border-bottom:dashed 1px #dedede;
}

.company_info:last-child{
	border:none;
}

/*============================================================
	施工事例
============================================================*/

.resultsbox{
	width:800px;
	margin:0 auto;
}

.resultsbox img{
}

/*============================================================
	ボタン
============================================================*/

.myButton {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:15px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	text-align:center;
	font-family:meiryo;
	width:210px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.myButton:active {
	position:relative;
	top:1px;
}