@charset "utf-8";

@import "base_layout.css";
@import "common_parts.css";

#header{
	height:239px;
}
#toppage #header h1{
	width:1300px;
	height:239px;
	background:url(../../img/top/top_title.jpg) no-repeat;
	text-indent:-9999px;
	display:block;
}

#wrapper_top{
	text-align:left;
	background-color:#2c3e50;
}
#footer .copyright{
	margin:0;
}

/* 本文
************************************************************************************/
#mainbody{
	padding: 21px 0;
	width:1300px;
}
/* ページ分割
----------------------------------------*/
/* 回り込み解除 */
#mainbody:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #mainbody{
    height: 1em;
}
#mainbody{
    display: block;
}
/* ▲ */
/* for IE7 */
*:first-child+html #mainbody{
	zoom:1;
}

/* 左側
************************************************************************************/
#mainbody .areaMain{
	padding-left:14px;
	width: 966px;
	float: left;
}
#mainbody .areaMain .box{
	margin:0 7px 7px 7px;
	padding:13px;
	width:272px;
	background-color:#ecf0f1;
	float:left;
}
#mainbody .areaMain .box .title_1{
	width:272px;
	height:104px;
	background:url(../../img/top/title01.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}
#mainbody .areaMain .box .title_2{
	width:272px;
	height:104px;
	background:url(../../img/top/title02.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}
#mainbody .areaMain .box .title_3{
	width:272px;
	height:104px;
	background:url(../../img/top/title03.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}
#mainbody .areaMain .box .image{
	margin-top:20px;
	width:272px;
	height:204px;
	overflow:hidden;
	text-align:center;
}
#mainbody .areaMain .box .txt{
	margin:0 auto;
	width:259px;
	height:66px;
	text-indent:-9999px;
	display:block;
}
#mainbody .areaMain .box .txt_1{
	background: url(../../img/top/txt01.gif) no-repeat;
}
#mainbody .areaMain .box .txt_2{
	background: url(../../img/top/txt02.gif) no-repeat;
}
#mainbody .areaMain .box .txt_3{
	background: url(../../img/top/txt03.gif) no-repeat;
}
#mainbody .areaMain .box .cmt{
	margin:20px auto;
	width:259px;
}
#mainbody .areaMain .box .btn a{
	width:280px;
	height:53px;
	background:url(../../img/top/btn_detail.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}

/* 右側
************************************************************************************/
#mainbody .areaSide{
	width: 320px;
	line-height:1.4;
	color:#FFF;
	float: right;
}