@charset "UTF-8";

@import url("common.css");

#flash-bg {
	clear:both;
	width:100%;
	margin-bottom:10px;
	background:url(../img/title_bg.gif) center repeat-x;
}

#flash {
	width:900px;
	height:320px;
	margin:0 auto;
}

#info {
	width:900px;
	margin:10px auto 0 auto;
	text-align:right;
}

/*-----------------------------------------
	main
-----------------------------------------*/
#main {
	width:900px;
	margin:10px auto 0 auto;
}

#main-left {
	float:left;
	width:600px;
}

#main-right {
	float:right;
	width:260px;
}

/*-----------------------------------------
	↓↓ main-left ↓↓
-----------------------------------------*/

/*-----------------------------------------
	h2
-----------------------------------------*/

h2 {
	width:218px;
	height:16px;
	margin-bottom:13px;
	background:url(../img/top_h2.gif) left no-repeat;
	text-indent:-9999px;
}


/*-----------------------------------------
	MIとは
-----------------------------------------*/

#about-mi {
	padding:4px 0px 6px 15px;
	border-left:3px solid #86B700;
}

/*-----------------------------------------
	h3
-----------------------------------------*/

h3 {
	float:left;
	width:167px;
	height:35px;
	margin-bottom:3px;
	background:url(../img/top_h3.gif) left no-repeat;
	text-indent:-9999px;
}

/*-----------------------------------------
	NEWS
-----------------------------------------*/

#news {
	width:600px;
	margin-top:23px;
}

#news-title {
	width:600px;
	margin-bottom:5px;
	_padding-bottom:3px;
	border-bottom:3px solid #EAEAEA;
}

#news-more {
	float:right;
	margin-top:17px;
}

.news-contents {
	clear:both;
	width:600px;
	padding-top:10px;
	padding-bottom:10px;
	background:url(../img/dot_line.gif) bottom repeat-x;
}

.news-contents-title {
	float:left;
	width:102px;
	margin-left:7px;
	padding-left:12px;
	color:#222222;
	font-weight:bold;
	text-align:left;
	background:url(../img/maru_icon_s.gif) left no-repeat;
}


.news-contents-txt {
	float:right;
	width:462px;
	text-align:left;
	margin-right:7px;
}

/*-----------------------------------------
	下部リンク
-----------------------------------------*/

#b-menu {
	clear:both;
	width:600px;
	margin-top:15px;
}

.b-menu-btn {
	float:left;
	width:200px;
	height:130px;
}

/*-----------------------------------------
	↓↓ main-right ↓↓
-----------------------------------------*/

.r-contents,
.r-contents-last {
	width:254px;
	margin-bottom:15px;
	border:3px solid #EAEAEA;
	background-color:#F9F9F9;
}

.r-contents-last {
	margin-bottom:0px;
}

.r-contents-in {
	width:230px;
	margin:11px 15px 9px 15px;
}

.r-contents-title {
	width:230px;
	margin-bottom:3px;
	padding-bottom:9px;
	border-bottom:3px solid #EAEAEA;
}

.r-contents-more {
	float:right;
	width:40px;
	margin-top:1px;
}

.r-contents-in ul {
	clear:both;
	width:230px;
}

.r-contents-in li {
	width:213px;
	margin-top:9px;
	padding-left:17px;
	list-style-type:none;
	background:url(../img/top_r_contents_icon.gif) left 5px no-repeat;
}


.r-contents-in li a {
	width:230px;
	font-size:0.9em;
}


.r-contents-li-line {
	padding-bottom:10px;
	background:url(../img/top_r_contents_line.gif) bottom left repeat-x;
}


/*-----------------------------------------
	h4
-----------------------------------------*/

h4 {
	float:left;
	width:141px;
	height:13px;
	text-indent:-9999px;
}

.h4-01 {
	background:url(../img/top_h4_01.gif) left no-repeat;
}

.h4-02 {
	background:url(../img/top_h4_02.gif) left no-repeat;
}

.h4-03 {
	background:url(../img/top_h4_03.gif) left no-repeat;
}


/*-----------------------------------------
	clearfix
-----------------------------------------*/

#main:after,
#news-title:after,
.r-contents-title:after,
.news-contents:after {
	content: ",";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}