@charset "UTF-8";
/* CSS Document */

h1 {
	background: url(../images/sttl_rooga.jpg) no-repeat 0 0;
	width: 770px;
	height: 46px;
	text-indent: -9999px;
}

h2{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 20px !important;
}

a.btn{
	display: block;
	float: left;
	margin: 0 14px;
	width: 168px;
	height: 31px;
	text-indent: -9999px;
	background-image: url(../images/btn_010.png);
}

a.btn:hover{
	background-position: left bottom;
}

.mt40{
	margin-top: 40px;
}

.mt50{
	margin-top: 50px;
}

.grey_box{
	position: relative;
	display: block;
	float: left;
	margin-top: 30px;
	background: #f2f2f2;
	width: 710px;
	padding: 20px 30px;
}

.grey_box h2,
.grey_box p{
	width: 480px;
}

.grey_box .btn_holder{
	position: absolute;
	right: 30px;
	top: 50%;

}

.grey_box .btn_holder .btn{
	margin: 0;
	height:31px;
}

.sub_btn {margin:20px 0 0 0;}

.sub_btn li{width: 250px !important;float:left;margin:0 10px 0 0;}
.sub_btn a.btn1,
.sub_btn a.btn2{
	display: block;
	width: 250px !important;
	height: 36px;
	text-indent: -9999px;
}

.sub_btn a.btn1{background-image: url(../images/btn_020.png); ba}
.sub_btn a.btn2{background-image: url(../images/btn_030.png);}

.sub_btn a.btn1:hover,
.sub_btn a.btn2:hover{
	background-position: left bottom;
}
.kouhou{margin:40px 0 0 0;}
.kouhou p{float:left;}

.kouhou #slide {
	width:388px;
	height:291px;
	margin:0 auto;
	position:relative;
	float:right;
}
.kouhou #slide img {
	position:absolute;
	left:0;
	top:0;
}

/* menu */
div#sub_content ul.navi_r{
	width: 770px;
	padding-right:-230px;
	float:left;
/*	margin-bottom:15px;*/
}

div#sub_content ul.navi_r li{
	float:left;
}


div#sub_content ul.navi_r li a{
	display:block;
	width: 128px;
	height: 34px;
	text-indent:-9999px;
	overflow:hidden;
}

div#sub_content ul.navi2{
	width: 770px;
	padding-right:-230px;
	float:left;
	margin-bottom:15px;
}

div#sub_content ul.navi2 li{
	float:left;
}

div#sub_content ul.navi2 li a{
	display:block;
	width: 128px;
	height: 34px;
	text-indent:-9999px;
	overflow:hidden;
}

div#sub_content ul.navi2 li.navi12{
	display:block;
	width: 129px;
	height: 34px;
	text-indent:-9999px;
	overflow:hidden;
}

div#sub_content ul.navi_r li a.navi_r_1{background: url(../images/navi_1.jpg) no-repeat;width: 129px;}
div#sub_content ul.navi_r li a.navi_r_2{background: url(../images/navi_2.jpg) no-repeat;}
div#sub_content ul.navi_r li a.navi_r_3{background: url(../images/navi_3.jpg) no-repeat;}
div#sub_content ul.navi_r li a.navi_r_4{background: url(../images/navi_4.jpg) no-repeat;}
div#sub_content ul.navi_r li a.navi_r_5{background: url(../images/navi_5.jpg) no-repeat;}
div#sub_content ul.navi_r li a.navi_r_6{background: url(../images/navi_6.jpg) no-repeat;width: 129px;}

div#sub_content ul.navi_r li a.navi_r_1:hover{background: url(../images/navi_1_f2.jpg) no-repeat;width: 129px;}
div#sub_content ul.navi_r li a.navi_r_2:hover{background: url(../images/navi_2_f2.jpg) no-repeat;}
div#sub_content ul.navi_r li a.navi_r_3:hover{background: url(../images/navi_3_f2.jpg) no-repeat;}
div#sub_content ul.navi_r li a.navi_r_4:hover{background: url(../images/navi_4_f2.jpg) no-repeat;}
div#sub_content ul.navi_r li a.navi_r_5:hover{background: url(../images/navi_5_f2.jpg) no-repeat;}
div#sub_content ul.navi_r li a.navi_r_6:hover{background: url(../images/navi_6_f2.jpg) no-repeat;width: 129px;}

div#sub_content ul.navi_r li a.navi_r_1_st{background: url(../images/navi_1_f2.jpg) no-repeat;width: 129px;}
div#sub_content ul.navi_r li a.navi_r_2_st{background: url(../images/navi_2_f2.jpg) no-repeat;}
div#sub_content ul.navi_r li a.navi_r_3_st{background: url(../images/navi_3_f2.jpg) no-repeat;}
div#sub_content ul.navi_r li a.navi_r_4_st{background: url(../images/navi_4_f2.jpg) no-repeat;}
div#sub_content ul.navi_r li a.navi_r_5_st{background: url(../images/navi_5_f2.jpg) no-repeat;}
div#sub_content ul.navi_r li a.navi_r_6_st{background: url(../images/navi_6_f2.jpg) no-repeat;width: 129px}

/*navi2*/
div#sub_content ul.navi2 li a.navi_r_7{background: url(../images/navi_7.jpg) no-repeat;width: 129px;}
div#sub_content ul.navi2 li a.navi_r_8{background: url(../images/navi_8.jpg) no-repeat;}
div#sub_content ul.navi2 li a.navi_r_9{background: url(../images/navi_9.jpg) no-repeat;}
div#sub_content ul.navi2 li a.navi_r_10{background: url(../images/navi_10.jpg) no-repeat;}
div#sub_content ul.navi2 li a.navi_r_11{background: url(../images/navi_11.jpg) no-repeat;}
div#sub_content ul.navi2 li a.navi_r_12{background: url(../images/navi_12.jpg) no-repeat;width: 129px;}

div#sub_content ul.navi2 li a.navi_r_7:hover{background: url(../images/navi_7_f2.jpg) no-repeat;width: 129px;}
div#sub_content ul.navi2 li a.navi_r_8:hover{background: url(../images/navi_8_f2.jpg) no-repeat;}
div#sub_content ul.navi2 li a.navi_r_9:hover{background: url(../images/navi_9_f2.jpg) no-repeat;}
div#sub_content ul.navi2 li a.navi_r_10:hover{background: url(../images/navi_10_f2.jpg) no-repeat;}
div#sub_content ul.navi2 li a.navi_r_11:hover{background: url(../images/navi_11_f2.jpg) no-repeat;}
div#sub_content ul.navi2 li a.navi_r_12:hover{background: url(../images/navi_12_f2.jpg) no-repeat;width: 129px;}

div#sub_content ul.navi2 li a.navi_r_7_st{background: url(../images/navi_7_f2.jpg) no-repeat;width: 129px;}
div#sub_content ul.navi2 li a.navi_r_8_st{background: url(../images/navi_8_f2.jpg) no-repeat;}
div#sub_content ul.navi2 li a.navi_r_9_st{background: url(../images/navi_9_f2.jpg) no-repeat;}
div#sub_content ul.navi2 li a.navi_r_10_st{background: url(../images/navi_10_f2.jpg) no-repeat;}
div#sub_content ul.navi2 li a.navi_r_11_st{background: url(../images/navi_11_f2.jpg) no-repeat;}
div#sub_content ul.navi2 li a.navi_r_12_st{background: url(../images/navi_12_f2.jpg) no-repeat;width: 129px}