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

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

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

body{
	font-family:osaka,meiryo,sans-serif;
	margin:0 0 9.5em 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;
}

#main{

}

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

footer{
	width:100%;
	bottom: 0;
	height: 9.5em;
	position:absolute;
	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
============================================================*/

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

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

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

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

.mainbox_in{
	padding:20px;
}

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

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

}

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

.c_infodetail{
	margin-left:150px;
}

.company_info:nth-child(odd){
	padding:20px;
	background:#f9f9f9;
}

.company_info:nth-child(even){
	padding:20px;
	background:#ffffff;
}

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

/*============================================================
	制作事例
============================================================*/

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

.resultsbox img{
}

.results_area {
	/* boxレイアウトの指定 */
	display: box;
	display: -webkit-box;
	display: -moz-box;

	/* 配置したボックスを左右中央寄せにする */
	box-pack: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
}
.results_item {
	width: 200px;
	height: 150px;
	font-size: 12px;
	text-align: center;
	color: #444;
	margin: 10px;
}

.results_item img{
	width: 200px;
}

/*============================================================
	お問い合わせ
============================================================*/
#inquirybox{
	margin-top:10px;
}

.i_infotitle{
	float:left;
	width:200px;
}

.i_infodetail{
	margin-left:230px;
}

.inquiry_info:nth-child(odd){
	padding:20px;
	background:#f9f9f9;
}

.inquiry_info:nth-child(even){
	padding:20px;
	background:#ffffff;
}

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

.inquiry_btn{
	text-align:center;
}

.inquiry_btn p{
	font-weight:bold;
}

#telbox{
	margin-top:10px;
	text-align:center;
}