@charset "shift_jis";
/* CSS Document */

/* ****************************************

*Site Name : will
*Style Name : index.css
*Description : index page
*Version : 1.00

**************************************** */

/* ----------------------------------------
*	image-area
---------------------------------------- */

div#image-area{
	width:100%;
	background:url(../imgs/index/image-area-bg.png) repeat-x top left;
	height:339px;
	margin:0;
	padding:0;
	overflow:hidden;	
}

div#image-area a{
	text-decoration:none;
	color:#000;
	font-size:12px;
}


div#image-inner{
	width:956px;
	height:339px;
	position:relative;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

div#image-inner div#main-image{
	width:736px;
	height:326px;
	position:relative;
	position:absolute;
	top:7px;
	left:0;
}

div#image-inner div#main-image p{
	width:736px;
	height:326px;
	position:absolute;
	top:0px;
	left:0;
}

div#image-inner div#main-image h1{
	width:736px;
	position:absolute;
	top:112px;
	left:0;
	color:#FFF;
	text-align:center;
}

div#image-inner div#main-image h1 span{
	font-size:17px;
	visibility:visible;
	color:#FFF;
}

div#image-inner div#pickup-banner_01{
	width:216px;
	height:196px;
	position:relative;
	position:absolute;
	top:7px;
	left:740px;
}

div#image-inner div#pickup-banner_01 p.banner-image{
	width:216px;
	height:196px;
	position:absolute;
	top:0;
	left:0;
}

div#image-inner div#pickup-banner_01 p.banner-title{
	width:216px;
	text-align:center;
	position:absolute;
	top:7px;
	left:0;
	font-weight:bold;
}

div#image-inner div#pickup-banner_01 p.banner-explanation{
	width:196px;
	position:absolute;
	top:157px;
	padding:0 10px;
	left:0;
	font-size:12px;
	line-height:1.3em;
}

div#image-inner div#pickup-banner_02{
	width:216px;
	height:126px;
	position:relative;
	position:absolute;
	top:207px;
	left:740px;
}

div#image-inner div#pickup-banner_02 p.banner-image{
	width:216px;
	height:126px;
	position:absolute;
	top:0px;
	left:0;
}

div#image-inner div#pickup-banner_02 p.banner-explanation{
	width:196px;
	position:absolute;
	top:87px;
	padding:0 10px;
	left:0;
	font-size:12px;
	line-height:1.3em;
}


/* ----------------------------------------
*	wrapper
---------------------------------------- */


/*	sub-pickup
---------------------------------------- */

div#sub-pickup{
	width:956px;
	overflow:hidden;
	margin:5px 0;
	
}

div#sub-pickup a{
	text-decoration:none;
	color:#000;
	font-size:12px;
}

dl#sub-pickup_01{
	width:476px;
	height:105px;
	float:left;
	margin-right:4px;
	position:relative;
}

dl#sub-pickup_01 dt{
	width:476px;
	height:105px;
	position:absolute;
	top:0px;
	left:0px;
}

dl#sub-pickup_01 dd{
	position:absolute;
	top:40px;
	left:20px;
	width:200px;
	font-size:12px;
}



dl#sub-pickup_02{
	width:476px;
	height:105px;
	float:left;
	position:relative;
}

dl#sub-pickup_02 dt{
	width:476px;
	height:105px;
	position:absolute;
	top:0px;
	left:0px;
}

dl#sub-pickup_02 dd{
	position:absolute;
	top:40px;
	left:20px;
	width:200px;
	font-size:12px;
}


/*	about-willgroup
---------------------------------------- */

div#about-willgroup{
	width:956px;
	padding-bottom:8px;
	background:url(../imgs/index/about_will-bg_bottom.png) no-repeat bottom left;
	overflow:hidden;
	margin:5px 0;
}

div#about-willgroup h2{
	width:956px;
	height:46px;
}

div#about-willgroup div{
	width:916px;
	padding:10px 20px 5px;
	background:url(../imgs/index/about_will_bg_1px.png) repeat-y top left;
	overflow:hidden;
}

#about-willgroup-pspan-bold{
	visibility:visible;
	font-weight:bold;
}

.about-willgroup-pspan-red{
	visibility:visible;
	color:#F00;
}


/*	feature-of-willgroup
---------------------------------------- */

div#feature-of-willgroup{
	width:956px;
	height:261px;
	background:url(../imgs/index/contents-bg.png) no-repeat top left;
	overflow:hidden;
	margin:5px 0;
}

div#feature-of-willgroup a{
	text-decoration:none;
	color:#000;
	font-size:12px;
}


div#feature-of-willgroup h2{
	width:950px;
	height:43px;
	margin:3px auto 0;
	padding:0;
}

div#feature-of-willgroup div{
	width:942px;
	overflow:hidden;
	margin:0 auto;
}


div#feature-of-willgroup dl{
	width:310px;
	height:100px;
	margin:2px;
	padding:0;
	position:relative;
	float:left;
	display:inline;
}

div#feature-of-willgroup dl dt{
	width:310px;
	height:100px;
	position:absolute;
	top:0;
	left:0;
}

div#feature-of-willgroup dl dd{
	width:310px;
	height:100px;
	position:absolute;
	top:35px;
	left:10px;
	width:150px;
	font-size:12px;
}

/*	related-hp-of-willgroup
---------------------------------------- */

div#related-hp-of-willgroup{
	width:956px;
	height:291px;
	background:url(../imgs/index/contents-bg_02.png) no-repeat top left;
	overflow:hidden;
	margin:5px 0;
}

div#related-hp-of-willgroup a{
	text-decoration:none;
	color:#000;
	font-size:12px;
}


div#related-hp-of-willgroup div{
	width:942px;
	overflow:hidden;
	margin:0 auto;
}


div#related-hp-of-willgroup h2{
	width:950px;
	height:43px;
	margin:3px auto 0;
	padding:0;
}

div#related-hp-of-willgroup dl.main-link{
	width:467px;
	height:130px;
	margin:2px;
	padding:0;
	position:relative;
	float:left;
	display:inline;
}

div#related-hp-of-willgroup dl.main-link dt{
	width:467px;
	height:130px;
	position:absolute;
	top:0;
	left:0;
}


div#related-hp-of-willgroup dl.sub-link{
	width:467px;
	height:100px;
	margin:2px;
	padding:0;
	position:relative;
	float:left;
	display:inline;
}

div#related-hp-of-willgroup dl.sub-link dt{
	width:467px;
	height:100px;
	position:absolute;
	top:0;
	left:0;
}

div#related-hp-of-willgroup dl.main-link dd#position_01{
	position:absolute;
	top:35px;
	left:10px;
	width:150px;
	font-size:12px;
}

div#related-hp-of-willgroup dl.main-link dd#position_02{
	position:absolute;
	top:35px;
	left:10px;
	width:150px;
	font-size:12px;
}

div#related-hp-of-willgroup dl.sub-link dd#position_03{
	position:absolute;
	top:35px;
	left:10px;
	width:250px;
	font-size:12px;
}

div#related-hp-of-willgroup dl.sub-link dd#position_04{
	position:absolute;
	top:35px;
	left:10px;
	width:430px;
	font-size:12px;
}

/*	other-list-page
---------------------------------------- */

#other-list-page{
	width:950px;
	overflow:hidden;
	margin:0;
	padding:0 3px;
}

#other-list-page a{
	text-decoration:none;
	color:#000;
	font-size:12px;
}


#other-list-page dl#other-list_01{
	width:472px;
	height:100px;
	float:left;
	position:relative;
	margin-right:6px;
}

#other-list-page dl#other-list_02{
	width:472px;
	height:100px;
	float:left;
	position:relative;
}


#other-list-page dl#other-list_01 dt,
#other-list-page dl#other-list_02 dt{
	width:472px;
	height:100px;
	position:absolute;
	top:0;
	left:0;
}

#other-list-page dl#other-list_01 dd,
#other-list-page dl#other-list_02 dd{
	position:absolute;
	top:45px;
	left:15px;
	width:260px;
	font-size:12px;
}

/*	other-area
---------------------------------------- */

#other-area{
	clear:both;
	width:950px;
	overflow:hidden;
	margin:10px 0 0;
	padding:0 3px 0;
}

div#other-area #column-left{
	width:472px;
	overflow:hidden;
	margin-right:6px;
	float:left;
	position:relative;
}

div#other-area #column-left div{
	width:470px;
	overflow:hidden;
}

div#other-area #column-left h2{
	width:472px;
	height:30px;
}

#column-left_p_back{
	width:472px;
	height:201px;
}

#column-left_p_back a{
	display:block;
	text-align:center;
	width:472px;
	height:191px;
	padding:10px 0 0 0;
	background:url(../imgs/index/cooperation-enterprise-banner.gif) no-repeat top left;
	color:#000;
}

#column-left_p_forward{
	width:137px;
	height:72px;
	position:absolute;
	top:147px;
	left:308px;
}

div#other-area #column-right{
	width:472px;
	overflow:hidden;
	float:right;
}

div#other-area #column-right h2{
	width:472px;
	height:30px;
}

#column-right div{
	width:400px;
	height:200px;
	padding:0 35px;
	background:#FFF;
	border-left:#b2dd40 1px solid;
	border-right:#b2dd40 1px solid;
	border-bottom:#b2dd40 1px solid;
	overflow:hidden;
}

#column-right div dl{
	width:160px;
	margin:10px auto 10px;
	padding:0 20px;
	float:left;
}

#column-right div p{
	clear:both;
	text-align:center;
	width:400px;
	margin:0 auto;
	padding:10px 0 0;
	border-top:#73b4c8 1px dashed;
}

#column-right div p a{
	text-decoration:underline;
}

#column-right div dl dt{
	width:160px;
	height:120px;
}

#column-right div dl dd{
	text-align:center;
	font-size:12px;
}

#column-right div dl dd a{
	text-decoration:underline;
	font-size:12px;
}