@charset "UTF-8";

/*
======== context ======================================

Last Updated:20140505
Summary:インデックス固有レイアウト設定

- 
- 
=======================================================
*/


/*-----------------------------------------------------
h
-------------------------------------------------------*/


.index #mainContents .h2Block{
	background :url(/common/img/bg_h1_green.gif) ;
/*	border-bottom:1px solid #d4d4d4; */
	padding:0 0 2px 0;
	margin:0 0 6px 0;
	line-height:1;
	clear:both;
	position:relative;
	width:100%;
}


.index #mainContents .h2Block .btn{
	position:absolute;
	right:4px;
	top:3px;
}




.index #mainContents .h2Block .rss{
	position:absolute;
	right:4px;
	top:34px;
}



.index #mainContents .halfleft{

	width:49%;
	float:left;
	margin-right:10px;
}


.index #mainContents .halfright{

	width:49%;
	float:left;
}


.index #mainContents .h2Block h2{
/*	padding:3px 0 6px 12px; */
	padding: 0.4em 0 0.4em 0.8em;
	margin:0;
	font-size:large; 
	border-left: 4px solid #77bb00; 
	border-bottom: 1px solid #77bb00;  
	background :url(/common/img/bg_h1_green2.gif);
}

.index #mainContents .h2Blockhalf h2{
	background:none;
	font-size:large; 
	border-left: 4px solid #77bb00; 
	border-bottom: 1px solid #77bb00;  
	background :url(/common/img/bg_h1_green2.gif);
	padding: 0.4em 0 0.4em 0.8em;
	margin:0;
	border-bottom:none;

}

.index #mainContents .h2Block h2.sky{
	font-size:large; 
	border-left: 4px solid #ff6600;  
	border-bottom: 1px solid #ff6600; 
	background: url(/common/img/bg_h2_standard2.gif) bottom right no-repeat;
}

.index #mainContents .itemBox .innerBox h3,
.index #mainContents .itemBox .innerBoxR h3{
	margin:0 0 5px 0;
	border-left:none;
	padding:0;
	font-weight:normal;
	font-size:1.2em;
	background:none;
}

.index #mainContents .itemBox .innerBox h3 a,
.index #mainContents .itemBox .innerBoxR h3 a{
	background-image:url("/common/img/bullet_arrow.gif");
	background-position:left .3em;
	background-repeat:no-repeat;
	padding-left:10px;	
}


/*-----------------------------------------------------
ul
-------------------------------------------------------*/

.indexNewsLink{
	list-style-type:none !important;
	margin-bottom:0px;
	margin-top:0px;
}

.indexNewsLink li{
	margin-left:0 !important;
	margin-bottom:0px;
	line-height: 0.7em;
	background:url(/common/img/lm_arrow.gif) no-repeat 0px 6px;
	padding-left:7px !important;
	position: relative;
	zoom:1;
}

.indexTopicsLink li a{
}




.indexTopicsLink{
	margin-bottom:30px;
	list-style-type:none !important;
}

.indexTopicsLink li{
	margin-left:0 !important;
	margin-bottom:6px;
	background:url(/common/img/lm_arrow.gif) no-repeat 0px 6px;
	padding-left:7px !important;
	position: relative;
	zoom:1;
}

.indexTopicsLink li a{
}

.indexTopicsLink li div{
	width:38px;
	position: absolute;
	top:0;
	left:0;
}

ul#seisakuList{
	margin:12px 0 0 0;
	padding:0;
	zoom:1;
}

ul#seisakuList li{
	list-style:none;
	margin-left:0;
	margin-right:5px;
	margin-bottom:7px;
	width:170px;
	float:left;
}

/*-----------------------------------------------------
2Column
-------------------------------------------------------*/

.index #contentsArea .col2{
	padding:0 15px;
}

.index .col2 #mainContents{
	width:100%;
	margin-right:-183px;
	overflow:hidden;
	z-index:1;
	float:left;
	}

.index .col2 #mainContentsBlock{
	margin:0 20px 20px 0;
	padding:0;
	width: 695px;
	float:left;
}

.index .col2 #subContentsBlock{
	float:left;
	width:183px;
	z-index:2;
}

/*-----------------------------------------------------
Box
-------------------------------------------------------*/

.index #mainContents .itemBox {
	margin-top:-5px;
	margin-bottom:15px;
	padding:15px 15px 0px;
	background-color:#fffbf2;
	zoom:1;
}

.index .itemBox .icon_new{
	vertical-align:top;
	margin-left:3px;
}