@charset "UTF-8";

/*
======== table of content. =================================

summary:index CSS定義


- TOP SWF
- HTML
- BODY
- WRAPPER
- HEADER
- MAIN
- FOOTER
- HEADER
- PAGETOP

============================================================
*/


/*----------------------------------------------------------
 TOP SWF
----------------------------------------------------------*/

#promotion {
	width: 930px; /* 956px; */
	height: 334px; /* 358px */
	padding: 15px 12px 15px 12px;
	background: transparent url( ../images/bg_top_swf.png ) no-repeat left top;
}

#top_swf {
	width: 930px;
	height: 330px;
}


/*----------------------------------------------------------
 HTML
----------------------------------------------------------*/



/*----------------------------------------------------------
 BODY
----------------------------------------------------------*/

/*----------------------------------------------------------
 WRAPPER
----------------------------------------------------------*/

/*----------------------------------------------------------
 HEADER
----------------------------------------------------------*/

/*----------------------------------------------------------
 MAIN
----------------------------------------------------------*/
#index_contents {
	padding-top: 30px
}
#index_contents .h2_box {
	margin-bottom: 18px;
	border-bottom: 3px solid #2F2E2D;
}
#index_contents .h2_box h2 {
	float: left;
}
#index_contents .h2_box ul {
	padding-top: 2px;
}
#index_contents .h2_box ul li {
	width: 15px;
	height: 15px;
	padding-left: 9px;
	position: relative;
	float: left;
}

#index_contents .h2_box ul li a {
	width: 15px;
	height: 15px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	background: url(../images/sp.png) no-repeat;
	top: 0px;
	left: 9px;
	display: block;
	z-index: 10;
}
#index_contents .h2_box ul li.list a:hover {
	padding: 25px 37px 0px 34px;
	/* margin: -25px 0px 0px -34px; */
	background: url(../images/bg_icon_list.png) no-repeat;
	top: -25px;
	left: -25px;
	z-index: 5;
}
#index_contents .h2_box ul li.rss a:hover {
	padding: 25px 10px 0px 9px;
	/* margin: -25px 0px 0px -9px; */
	background: url(../images/bg_icon_rss.png) no-repeat;
	top: -25px;
	left: 0px;
	z-index: 5;
}
#index_contents .h2_box .test {
	width: 150px;
	height: 25px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#index_contents .h2_box .test a {
	width: 100%;
	height: 100%;
	display: block;
}
#index_contents .h2_box .test a:hover {
	background: url(../images/bg_icon_rss.png) no-repeat;
}


#index_contents .projects {
	width: 437px;
	padding: 0px 0px 0px 2px;
	float: left;
}
#index_contents .projects ul.project_list li {
	width: 139px;
	padding-bottom: 12px;
	float: left;
}
#index_contents .projects ul.project_list li.left-pg {
	padding-left: 10px;
}
#index_contents .projects ul.project_list li project_img {
	width: 131px;
	height: 76px;
}
#index_contents .projects ul.project_list li a.project_img {
	background-color: #9A9892;
	padding: 4px;
	margin-bottom: 8px;
	display: block;
}
#index_contents .projects ul.project_list li a.project_img img {
}
/*
#index_contents .projects ul.project_list li a.project_img:hover {
	border: 4px solid #000;
}
*/
#index_contents .projects ul.project_list li span {
	display: block;
	font-size: 10px;
	color: #504F4B;
}
#index_contents .projects ul.project_list li a.project_name {

	color: #000;
}


#index_contents .news {
	width: 280px;
	padding: 0px 0px 0px 15px;
	float: left;
}
#index_contents .news ul.news_list li {
	margin-bottom: 23px;
}
#index_contents .news ul.news_list li a {
	color: #000;
}
#index_contents .news ul.news_list li span.news_date {
	font-family:"Georgia","ヒラギノ明朝 Pro W6","平成明朝","平成明朝体","細明朝体","ＭＳ Ｐ明朝","ＭＳ 明朝";
}


#index_contents .right {
	width: 203px;
	padding: 0px 0px 0px 15px;
	float: left;
}

/**
 * concept box
 * common/css/second.css
 */
#index_contents .right .concept_box {
	width: 202px;
	padding: 6px 0px;
	margin-bottom: 13px;
	position: relative;
}
#index_contents .right .concept_box .concept_body {
	width: 191px;
	padding: 7px 0px 5px 11px;
	background: url(../../common/images/bg_concept_box_middle.png) repeat-y left top;
}
#index_contents .right .concept_box h3 {
	width: 165px;
	height: 38px;
	margin-left: 8px;
	margin-bottom: 5px;
}
#index_contents .right .concept_box .txt {
	margin: 0px 19px 7px 8px;
	font-size: 10px;
	color: #504F4B;
}
#index_contents .right .concept_box .link {
	width: 181px;
	height: 30px;
}
#index_contents .right .concept_box .link a {
	width: 181px;
	height: 30px;
	display: block;
}
#index_contents .right .concept_box_top {
	width: 202px;
	height: 6px;
	background: url(../../common/images/bg_concept_box_top.png) no-repeat left top;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 1px;
}
#index_contents .right .concept_box_bottom {
	width: 202px;
	height: 6px;
	background: url(../../common/images/bg_concept_box_bottom.png) no-repeat left bottom;
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-size: 1px;
}


#index_contents .right .service_bana_box {
	width: 206px;
	margin-left: -2px;
	padding: 9px 0px 8px 0px;
	position: relative;
}
#index_contents .right .service_bana_box_body {
	padding: 6px 0px 2px 9px;
	background: url(../images/bg_service_bana_box_middle.png) repeat-y;
}
#index_contents .right .service_bana_box h3 {
	padding-left: 3px;
	margin-bottom: 10px;
}
#index_contents .right .service_bana_box ul li {
	width: 186px;
	margin-bottom: 7px;
	border: 1px solid #c1c1c1;
}
#index_contents .right .service_bana_box ul li a {
	width: 186px;
	height: 45px;
	display: block;
}

#index_contents .right .service_bana_box_top {
	width: 206px;
	height: 9px;
	background: url(../images/bg_service_bana_box_top.png) no-repeat left top;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 1px;
}
#index_contents .right .service_bana_box_bottom {
	width: 206px;
	height: 8px;
	background: url(../images/bg_service_bana_box_bottom.png) no-repeat left bottom;
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-size: 1px;
}

/*----------------------------------------------------------
 FOOTER
----------------------------------------------------------*/

#footer {
	background: url(../images/bg_footer.jpg) repeat-x bottom left;
}

#footer #footer_box .back_to_top p {
	background: transparent url( ../images/bg_back_to_top.png ) no-repeat left bottom;
}