

/* index_main */
div#index_main{
	width:952px;
	height:537px;
	margin: 0 auto;
	background: url(../img/index/index_main.jpg) no-repeat;
}
div#index_main h2,div#index_main h3,div#index_main p{
	text-indent: -9999px;
}


/* index_leftside */
div#index_leftside{
	float:left;
	width:558px;
	margin: 0 21px 0 0;
}


h2#index_h2_01{
	width:558px;
	height:48px;
	background: url(../img/index/index_h2_01.jpg) no-repeat;
	text-indent: -9999px;
}
div.index_leftside_box{
	padding:0 0 80px 17px;
	background: url(../img/index/index_leftside_box.gif) bottom no-repeat;
}
div.i_l_left{
	width:250px;
	float:left;
	margin:15px 20px 0 0;
}
div.i_l_right{
	width:250px;
	float:left;
	margin:15px 0 0 0;
}
div.index_leftside_box h3{
	width:250px;
	height:175px;
	text-indent: -9999px;
}
h3.i_l_01{
	background: url(../img/index/i_l_01.jpg) no-repeat;
}
h3.i_l_02{
	background: url(../img/index/i_l_02.jpg) no-repeat;
}
h3.i_l_03{
	background: url(../img/index/i_l_03.jpg) no-repeat;
}
h3.i_l_04{
	background: url(../img/index/i_l_04.jpg) no-repeat;
}
h3.i_l_05{
	background: url(../img/index/i_l_05.jpg) no-repeat;
}
h3.i_l_06{
	background: url(../img/index/i_l_06.jpg) no-repeat;
}
h3.i_l_07{
	background: url(../img/index/i_l_07.jpg) no-repeat;
}
h3.i_l_08{
	background: url(../img/index/i_l_08.jpg) no-repeat;
}
h3.i_l_09{
	background: url(../img/index/i_l_09.jpg) no-repeat;
}
h3.i_l_10{
	background: url(../img/index/i_l_10.jpg) no-repeat;
}


/* index_rightside */
div#index_rightside{
	float:left;
	width:316px;
}

h2#index_h2_02{
	width:316px;
	height:49px;
	background: url(../img/index/index_h2_02.jpg) no-repeat;
	text-indent: -9999px;
}

h2#index_h2_03{
	width:316px;
	height:49px;
	margin: 20px 0 0 0;
	background: url(../img/index/index_h2_03.jpg) no-repeat;
	text-indent: -9999px;
}

div.index_rightside_box{
	background: url(../img/index/index_rightside_box.gif) left bottom;
	padding:20px;
}
div.index_rightside_box p{
	margin:10px 0;
	background: #ffffff;;
}
div.index_rightside_box strong{
	font-weight:normal;
	color:#017641;
}
div.index_rightside_box strong span{
	font-size:110%;
	font-weight:bold;
}

div.i_r_left{
	width:129px;
	float:left;
	margin:10px 17px 0 0;
}
div.i_r_right{
	width:129px;
	float:left;
	margin:10px 0 0 0;
}
div.index_rightside_box h3{
	width:129px;
	text-indent: -9999px;
}
h3.i_r_01{
	height:65px;
	background: url(../img/index/i_r_01.jpg) no-repeat;
}
h3.i_r_02{
	height:65px;
	background: url(../img/index/i_r_02.jpg) no-repeat;
}
h3.i_r_03{
	height:65px;
	background: url(../img/index/i_r_03.jpg) no-repeat;
}
h3.i_r_04{
	height:80px;
	background: url(../img/index/i_r_04.jpg) no-repeat;
}
h3.i_r_05{
	height:65px;
	background: url(../img/index/i_r_05.jpg) no-repeat;
}
h3.i_r_06{
	height:80px;
	background: url(../img/index/i_r_06.jpg) no-repeat;
}
h3.i_r_07{
	height:80px;
	background: url(../img/index/i_r_07.jpg) no-repeat;
}


div.i_r_bnr{
	margin:10px 0 0 35px;
	background:#ffffff;
}


/* 共通 */
.index_title{
	padding:25px 0 5px 0;
}

div.index_commonbox{
	width:895px;
	margin:0;
	padding:0 0 10px 0;
	overflow:hidden;
	text-align:left;
	background: url(../img/index/commonbox.gif) left bottom;
}

/* 私達の役目と、仕事を知って頂く為に */

h2#index_h2_04{
	width:444px;
	height:48px;
	background: url(../img/index/index_h2_04.jpg) no-repeat;
	text-indent: -9999px;
}
h2#index_h2_05{
	width:444px;
	height:48px;
	background: url(../img/index/index_h2_05.jpg) no-repeat;
	text-indent: -9999px;
}
div#index_leftside2{
	float:left;
	width:444px;
	margin: 0 7px 0 0;
}
div#index_rightside2{
	float:left;
	width:444px;
}

div#index_leftside2 h3{
	width:426px;
	height:110px;
	margin:7px 0 0 8px;
	text-indent: -9999px;
}
h3#rinen01{
	background: url(../img/index/h3_rinen01.jpg) no-repeat;
}
h3#rinen02{
	background: url(../img/index/h3_rinen02.jpg) no-repeat;
}

ul#index_news{
	width:400px;
	margin:20px;
}
ul#index_news li{
	list-style:disc inside;
	margin:5px 0 0 0;
}

/* 株式会社トップサービスの専門サイト */

h2#index_h2_06{
	width:444px;
	height:48px;
	background: url(../img/index/index_h2_06.jpg) no-repeat;
	text-indent: -9999px;
}
h2#index_h2_07{
	width:444px;
	height:48px;
	background: url(../img/index/index_h2_07.jpg) no-repeat;
	text-indent: -9999px;
}
div#index_leftside3{
	float:left;
	width:444px;
	margin: 0 7px 0 0;
}
div#index_rightside3{
	float:left;
	width:444px;
}

div#index_leftside3 h3{
	width:345px;
	height:111px;
	margin:15px 0 0 20px;
	text-indent: -9999px;
}
div#index_rightside3 h3{
	width:350px;
	height:111px;
	margin:15px 0 0 20px;
	text-indent: -9999px;
}
h3#topservice_site01{
	background: url(../img/index/h3_topservice_site01.gif) no-repeat;
}
h3#topservice_site02{
	background: url(../img/index/h3_topservice_site02.gif) no-repeat;
}
div#index_leftside3 p{
	margin:10px 0 0 20px;
}
div#index_rightside3 p{
	margin:10px 0 0 20px;
}
h4.tokai_area{
	float:left;
	width:211px;
	height:43px;
	text-indent: -9999px;
	padding:5px 7px 0 7px;
}
h4.tokai_area a{
	display:block;
	width:211px;
	height:43px;
	background: url(../img/index/h4_tokai_area.jpg) no-repeat;
}
h4.tokai_area a:hover{
	background: url(../img/index/h4_tokai_area_hover.jpg) no-repeat;
}
h4.kansai_area{
	float:left;
	width:211px;
	height:43px;
	text-indent: -9999px;
	margin:5px 0 0 0;
}
h4.kansai_area a{
	display:block;
	width:211px;
	height:43px;
	background: url(../img/index/h4_kansai_area.jpg) no-repeat;
}
h4.kansai_area a:hover{
	background: url(../img/index/h4_kansai_area_hover.jpg) no-repeat;
}



/* 社長ブログ「戦う仕事人」現実にあった出来事 */

h2#index_h2_08{
	width:895px;
	height:33px;
	margin:25px 0 5px 0;
	background: url(../img/index/index_h2_08.jpg) no-repeat;
	text-indent: -9999px;
}
div.index_blogbox{
	width:895px;
	height:179px;
	background: url(../img/index/index_blogbox.gif) no-repeat;
}
div#index_leftside4{
	float:left;
	width:444px;
	margin: 0 7px 0 0;
}
div.blogbnr{
	width:436px;
	height:158px;
	text-indent: -9999px;
	margin: 9px 0 9px 9px;
}
div.blogbnr a{
	display:block;
	width:436px;
	height:158px;
	background: url(../img/index/index_blogbox_img.jpg) no-repeat;
}
div.blogbnr a:hover{
	width:436px;
	height:158px;
	background: url(../img/index/index_blogbox_img_hover.jpg) no-repeat;
}
div#index_rightside4{
	float:left;
	width:440px;
	height:135px;
}
ul#index_blogtopics{
	width:400px;
	margin:10px;
}
ul#index_blogtopics li{
	list-style:disc inside;
	margin:5px 0 0 0;
}