@charset "utf-8";

/* 全体背景画像指定
---------------------------------------------*/

body {
	background:#fff;
}


/* 全体外枠指定
---------------------------------------------*/

#wrapper {
	width: 630px;
	padding: 0px;
}


/* コンテンツ全体枠指定 
---------------------------------------------*/

#container {
	width: 630px;
	padding: 0px;
}



/* ヘッダー枠指定 
---------------------------------------------*/

#header {
	padding: 10px 0 0;
	background-color: #fff;
}


#header_logo {
	width: 630px;
	padding: 2px 0 ;
	height: 45px;
	background: URL(/images/top_logo.gif) no-repeat 0 0;
}



/* トピックパス枠指定 
---------------------------------------------*/


#topicPath {
	padding: 7px 0;
	font-size: 11px;
	width: 630px;
}



/* ヘッダーナビゲーション領域枠指定 
--------------------------------------------------- */

#header_navi {
	display: none;
}


/* グローバルナビゲーション領域枠指定 
--------------------------------------------------- */

#g_navi {
	display: none;
}


/* コンテンツ領域枠指定 
---------------------------------------------*/

#contents {
	width: 630px;
	clear: both;
	padding: 0px;
	word-break: break-all;
	background: #fff;
}




/* コンテンツ-メイン領域枠指定 (下層ページ)
---------------------------------------------*/

#contents_main {
	clear: both;
	width: 630px;
	margin: auto ;
	padding: 0px 0px 20px;
	float: right;
	background-color: #fff;
}




/* ローカルナビ領域枠指定 (下層ページ)
---------------------------------------------*/

#l_navi {
	display: none;
}



/* フッター領域枠指定 
---------------------------------------------*/

#footer {
	clear: both;
	margin: 0px auto;
	padding: 0px;
	width: 630px;
	background: #fff;
}

#f_navi-l {
	display: none;
}



/* 共通class指定
--------------------------------------------------- */

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/


#main h2 {
	margin: 0;
}

span.hdn {
	display: none;
}

.clear {
	clear: both;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}


/* コンテンツ領域（階層TOPページ） merit_index
--------------------------------------------------- */

#main_img {
	width: 630px;
	height: 305px;
	background:url(/images/merit-index_05.jpg) no-repeat right 0 #fff;
}

#main_img h2{
	padding-top: 65px;
	padding-left: 20px;
}

#main_img p{
	width: 350px;
	padding-top: 60px;
	padding-left: 20px;
	line-height: 160%;
	font-size: 13px;
}

#merit_index01 .box{
	float:left; 
	width: 285px;
	margin: 15px 15px 0 20px;
	padding: 0;
	background:url(/images/merit_menu_bg.gif) no-repeat 0 bottom;
	line-height: 120%;
}

#merit_index01 h3{
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 8px;
	padding-left: 16px;
	background:url(/images/common_arrow02.gif) no-repeat 0 1px;
}

#merit_index01 h3 span{
	font-size: 13px;
	font-weight: normal;
}

#merit_index01 .leftbox{
	margin-right: 0;
	margin-left: 0;
}

#merit_index01 .box_top{
	background:url(/images/merit_menu_bg.gif) no-repeat 0 0;
}

#merit_index01 .box h3{
	margin: 0 15px 0 15px;
}

#merit_index01 .box div.inner{
	padding: 0 15px 0 10px;
	width: 160px;
	float: right;
}

#merit_index01 .box div.inner p{
	padding-bottom: 15px;
	font-size: 12px;
	line-height: 125%;
}

#merit_index01 .box div.inner2{
	float: right;
	padding-bottom: 15px;
}