@charset "utf-8";
/******************************************

袋 de オリコミ
[style]top

******************************************/
/* common */
.box_top{
	margin-bottom:30px;
}
/* main */
#box_main_top{
	width:960px;
	height:633px;
	margin:0 auto 0px auto;
	padding-top:20px;
	background:url(../images/topmain.png) no-repeat center;
}

#box_main_top2{
	width:960px;
	height:520px;
	margin:0 auto 0px auto;
	padding-top:20px;
	background:url(../images/topmain2.png) no-repeat center;
}

#box_main_top h1{
	width: 507px;
	height: 172px;
	position:relative;
	top:250px; left:390px;
}

#box_main_top h1 a {
	width: 507px;
	height: 172px;
	display:block;
	margin-top: 0px;
	padding-top: 40px;
	background:url(../images/top_title.png) no-repeat;
	text-indent:-9999px;
}

#box_main_top2 h1{
	width: 383px;
	height: 131px;
	position:relative;
	top:250px; left:40px;
}

#box_main_top2 h1 a {
	width: 383px;
	height: 131px;
	display:block;
	margin-top: 0px;
	padding-top: 40px;
	background:url(../images/top_title.png) no-repeat;
	text-indent:-9999px;
}

.go_contact{
	width: 208px;
	height: 71px;
	position:relative;
	top:370px; left:693px;
}

.go_contact a{
	width: 220px;
	height: 74px;
	display:block;
	background:url(../images/go_contact.png) no-repeat;
	text-indent:-9999px;
}

.go_contact a:hover{
	width: 220px;
	height: 74px;
	display:block;
	background:url(../images/go_contact_on.png) no-repeat;
	text-indent:-9999px;
}

#box_main_bg{
	height:650px;
	background:url(../images/topmain_bg.png) repeat-x center;
}
#box_in_bg{
	height:150px;
	background:url(../images/in_bg.jpg) repeat-x center;
}
#wrapper_topmain{
	padding:0px;
}
.tm_left{
	width:680px;
	float:left;
}
.tm_right{
	width:270px;
	float:right;
	margin-right:-3px;
}

/* top menu */

#top_content_01{
	width:862px;
	height:219px;
	margin:0 auto;
}

#top_content_01 ul{
	margin:0;
	list-style:none;
}

#top_content_01 li{
	float:left;
}
#top_content_02{
	width:862px;
	height:219px;
	margin:0 auto;
}

#top_content_02 ul{
	margin:0;
	list-style:none;
}

#top_content_02 li{
	float:left;
}

#top_content_03{
	width:862px;
	height:219px;
	margin:0 auto;
}

#top_content_03 ul{
	margin:0;
	list-style:none;
}

#top_content_03 li{
	float:left;
}

.top_about{
	width:324px;
	height:219px;
}

.top_about a{
	width:324px;
	height:219px;
	display:block;
	background:url(../images/top_about_bg.jpg) no-repeat;
	text-indent:-9999px;
}

.top_about a:hover{
	width:324px;
	height:219px;
	display:block;
	background:url(../images/top_about_bg_on.jpg) no-repeat;
	text-indent:-9999px;
}

.top_contact{
	width:319px;
	height:219px;
}

.top_contact a{
	width:319px;
	height:219px;
	background:url(../images/top_contact.jpg) no-repeat;
	display:block;
	text-indent:-9999px;
	}
	
.top_contact a:hover{
	width:319px;
	height:219px;
	background:url(../images/top_contact_on.jpg) no-repeat;
	display:block;
	text-indent:-9999px;
	}

.news_nx{
	width:101px;
	height:14px;
	float:right;
	margin-right:20px;
}
.news_nx a{
	width:101px;
	height:14px;
	display:block;
	background:url(../images/news_nx.jpg) no-repeat;
	text-indent:-9999px;
	}
	
.news_nx a:hover{
	width:101px;
	height:14px;
	display:block;
	background:url(../images/news_nx_on.jpg) no-repeat;
	text-indent:-9999px;
	}

ul .news{
	width:260px;
	height:180px;
	padding:40px 25px 0 25px;
	}

ul .news li{
	border-bottom:1px dotted #999999;
	font-size:12px;
	color:#333333;
	padding-top:5px;
	line-height:160%;
	margin-top:8px;
	}

.top_keyword{
	width:400px;
	height:219px;
	background:url(../images/top_keyword_bg.jpg) no-repeat;
}

.keyword_table{
	margin:60px auto auto auto;
	text-align:center;
	}
	
.merit_table{
	margin:20px auto auto auto;
	text-align:center;
	}	

.top_step{
	width:283px;
	height:272px;
}

.top_step a{
	width:283px;
	height:272px;
	display:block;
	background:url(../images/top_step_bg.jpg) no-repeat;
	text-indent:-9999px;
}

.top_step a:hover{
	width:283px;
	height:272px;
	display:block;
	background:url(../images/top_step_bg_on.jpg) no-repeat;
	text-indent:-9999px;
}

.top_menu{
	width:432px;
	height:257px;
	background:url(../images/top_menu_bg.jpg) no-repeat;
}

.menu_table{
	margin:80px auto auto auto;
	text-align:center;
	}
/*.top_hikaku{
	width:217px;
	height:219px;
}

.top_hikaku a{
	width:217px;
	height:219px;
	display:block;
	background:url(../images/top_hikaku.jpg) no-repeat;
	text-indent:-9999px;
}

.top_hikaku a:hover{
	width:217px;
	height:219px;
	display:block;
	background:url(../images/top_hikaku_on.jpg) no-repeat;
	text-indent:-9999px;
}
*/

.top_result{
width:461px;/*もと244*/
	height:219px;
}

.top_result a{
	width:461px;
	height:219px;
	display:block;
	background:url(../images/top_result_bg.jpg) no-repeat;
	text-indent:-9999px;
}

.top_result a:hover{
	width:461px;	
	height:219px;
	display:block;
	background:url(../images/top_result_bg_on.jpg) no-repeat;
	text-indent:-9999px;
}

.top_center{
	width:225px;
	height:219px;
}

.top_center a{
	width:225px;
	height:219px;
	display:block;
	background:url(../images/top_center_bg.jpg) no-repeat;
	text-indent:-9999px;
}

.top_center a:hover{
	width:225px;
	height:219px;
	display:block;
	background:url(../images/top_center_bg_on.jpg) no-repeat;
	text-indent:-9999px;
}

.top_sitemap{
	width:122px;
	height:219px;
}

.top_sitemap a{
	width:122px;
	height:219px;
	display:block;
	background:url(../images/top_sitemap_bg.jpg) no-repeat;
	text-indent:-9999px;
}

.top_sitemap a:hover{
	width:122px;
	height:219px;
	display:block;
	background:url(../images/top_sitemap_bg_on.jpg) no-repeat;
	text-indent:-9999px;
}

.top_privacy{
	width:178px;
	height:219px;
}

.top_privacy a{
	width:178px;
	height:219px;
	display:block;
	background:url(../images/top_privacy_bg.jpg) no-repeat;
	text-indent:-9999px;
}

.top_privacy a:hover{
	width:178px;
	height:219px;
	display:block;
	background:url(../images/top_privacy_bg_on.jpg) no-repeat;
	text-indent:-9999px;
}

/* pagetop */
#pagetop{
	width:900px;
	height:30px;
	margin: 20px 0 20px auto;
}

.pagetop a{
	width:134px;
	height:23px;
	display:block;
	background:url(../images/pagetop.jpg) no-repeat;
	float:right;
	margin-right:20px;
}
.pagetop a:hover{
	width:134px;
	height:23px;
	display:block;
	background:url(../images/pagetop_on.jpg) no-repeat;
	float:right;
	margin-right:20px;
}

#pagetop_in{
	width:590px;
	height:50px;
	padding-top:20px;
}

.pagetop_in a{
	width:134px;
	height:23px;
	display:block;
	background:url(../images/pagetop.jpg) no-repeat;
	float:right;
}

.pagetop_in a:hover{
	width:134px;
	height:23px;
	display:block;
	background:url(../images/pagetop_on.jpg) no-repeat;
	float:right;
}

/* bt menu */
#bt_menu{
	width:900px;
	height:60px;
	margin:5px auto 0px auto;

}

.bt_bunner{
	width:400px;
	height:60px;
	float:right;
	margin-top: 10px;
}

.bt_bunner ul{
	list-style:none;}
	
.bt_bunner li{
	float:left;
	margin-left:4px;}
	
.ninja_onebutton{
	width:305px;
	height:60px;
	float:left;
	margin-left:12px;
}