@charset "UTF-8";
/* -- ///////////////////////////////////////////
copyright 2012 FIELD co,ltd.
All Rights Reserved.
 
created: 2010.08.20 FIELD
////////////////////////////////////////// -- */



/* main_visual
----------------------------------------------------- */

div#main_visual{
	text-align: center;
	height: 360px;
	width: 100%;
	margin: 0px 0px 23px;
}

div#main_visual #main_visual_inner{
	height: 360px;
	width: 950px;
	margin: 0px auto;
}

/* rite
----------------------------------------------------- */


div#content #content_inner .section_rite{
	width: 950px;
	overflow: hidden;
	margin: 0px 0px 40px;
	position: relative;
}

div#content #content_inner .section_rite #rite_ajax_load{
	height: 170px;
	width: 950px;
	background: #000;
	position: absolute;
	left: 0px;
	top: 25px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	display: none;
}

div#content #content_inner .section_rite #rite_ajax_load img{
	position: relative;
	top: 44%;
}

div#content #content_inner .section_rite .section_h2{
	margin: 0px 0px 3px;
	height: 22px;
	width: 950px;
	position: relative;
}

div#content #content_inner .section_rite .section_h2 h2{
	height: 22px;
	width: 950px;
	position: absolute;
	left: 0px;
	top: 0px;
}

div#content #content_inner .section_rite .section_h2 .month_num{
	height: 21px;
	width: 587px;
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: hidden;
}

div#content #content_inner .section_rite .section_h2 .month_num ul{ width: 612px; }

div#content #content_inner .section_rite .section_h2 .month_num ul li{
	margin: 0px;
	float: left;
}

div#content #content_inner .section_rite .section_h2 .month_num ul li a{ display: block; }

div#content #content_inner .section_rite .section_h2 .month_pos{
	height: 4px;
	width: 17px;
	position: absolute;
	left: 193px;
	top: 18px;
}

div#content #content_inner .section_rite ul#rite_entry{ width: 955px; }

div#content #content_inner .section_rite ul#rite_entry li{
	margin: 0px 5px 0px 0px;
	float: left;
	width: 186px;
	font-size: 93%;
}

div#content #content_inner .section_rite ul#rite_entry li a{ text-decoration: none; }

div#content #content_inner .section_rite ul#rite_entry li a span.img{
	display: block;
	margin: 0px 0px 2px;
}

div#content #content_inner .section_rite ul#rite_entry li a span.date{
	display: block;
	color: #FFF;
}

div#content #content_inner .section_rite ul#rite_entry li a span.title{ color: #ec5b00; }

div#content #content_inner .section_rite ul#rite_entry li a:hover span.date{ text-decoration: underline; }

div#content #content_inner .section_rite ul#rite_entry li a:hover span.title{ text-decoration: underline; }


/* news & bnr
----------------------------------------------------- */

div.news{
	float: left;
	width: 557px;
}

div.news .section_h2{
	height: 22px;
	width: 557px;
	position: relative;
	margin: 0px 0px 15px;
}

div.news .section_h2 h2{
	height: 22px;
	width: 557px;
	position: absolute;
	left: 0px;
	top: 0px;
}

div.news .section_h2 a.archive{
	color: #ec5b00;
	position: absolute;
	left: 425px;
	top: 2px;
	display: block;
	width: 130px;
	text-decoration: none;
	font-size: 13px;
}

div.news .section_h2 a.archive:hover{ text-decoration: underline; }

div.news dl{ }

div.news dl dt{
	color: #FFF;
	clear: both;
	float: left;
	width: 195px;
	font-size: 12px;
}

div.news dl dt span.date{
	float: left;
	margin: 0 10px 0 0;
	width: 105px;
}

div.news dl dt span.cat{
	font-size: 11px;
	float: left;
	padding: 3px 0px 0px;
	display: block;
	height: 15px;
	width: 69px;
	background: center center;
	text-align: center;
	vertical-align: middle;
	margin: -2px 0px 0px;
}

div.news dl dt span.topics{ background: url(../../images/common/bg_news_cat01.gif) no-repeat center center; }

div.news dl dt span.rite{ background: url(../../images/common/bg_news_cat02.gif) no-repeat center center; }

div.news dl dt span.publication{ background: url(../../images/common/bg_news_cat03.gif) no-repeat center center; }

div.news dl dt span.update{ background: url(../../images/common/bg_news_cat04.gif) no-repeat center center; }

div.news dl dd{
	margin: 0px 0px 10px 200px;
	line-height: 1.3;
	font-size: 93%;
}

div.news dl dd a{
	color: #FFF;
	text-decoration: none;
}

div.news dl dd a:hover{
	color: #FFF;
	text-decoration: underline;
}


div.bnr{
	float: right;
	width: 377px;
	overflow: hidden;
}

div.bnr ul{ width: 386px; }

div.bnr ul li{
	margin: 0px 9px 9px 0px;
	float: left;
	height: 71px;
	width: 184px;
}