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

-moz-outline-style: none;

/*-------------------------------------
　ROOGA（ルーガ）
--------------------------------------*/

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

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

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

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

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

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


#sub_content a img{ border: none;}
#sub_content h1.rooga{
	background: url(../images/rooga/sttl_rooga.jpg) no-repeat left top;
	height: 58px;
}
#roogaMenuArea{
	margin-bottom: 30px;
}
div.roogaBox{
	width: 770px;
	margin-bottom: 20px;
}
div.roogaBox h3{
	margin: 0 0 15px 0;
}
div.roogaBox p{
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 18px;
}

div.roogaBox2{
	width: 500px;
	margin-bottom: 20px;
	float: left;
}
div.roogaBox2 h3{
	margin: 0 0 15px 0;
}
div.roogaBox2 p{
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 18px;
}
span.kankyoImg{
	width: 235px;
	float: left;
	display: block;
}
.imgr{
	float:right;
	margin:0 0 20px 20px;}

.m_t_20{
	margin-top: 20px;
}

.m_l_25{
	margin-left: 25px;
}
div.colorbestBox{
	width: 770px;
	margin-bottom: 15px;
}
#cb_main_pic {
    margin-bottom: 15px;
}
div#in_menu {
    width: 770px;
    margin: 0 auto;
    border: 1px solid #c1c1c1;
    background-color: #fafaf6;
    margin-bottom: 35px;
    padding-top: 15px;
    padding-bottom: 15px;
}
#menu_navi ul {
    list-style: none;
    width: 699px;
    margin: 0 auto;
    padding: 0px;
 }
 #menu_navi ul li {
    float: left;
    font-size: 1px;
    display: inline;
}
#menu_navi ul li a {
    height: 63px;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
}
#in_navi_1 a {
    width: 233px;
    height: 63px;
    display: block;
    background: url(../images/rooga/btn_in_1.jpg) top left no-repeat;
}
#in_navi_2 a {
    width: 233px;
    height: 63px;
    display: block;
    background: url(../images/rooga/btn_in_2.jpg) top left no-repeat;
}
#in_navi_3 a {
    width: 233px;
    height: 63px;
    display: block;
    background: url(../images/rooga/btn_in_3.jpg) top left no-repeat;
}
#in_navi_5 a {
    width: 233px;
    height: 63px;
    display: block;
    background: url(../images/rooga/btn_in_5.jpg) top left no-repeat;
}
#in_navi_6 a {
    width: 233px;
    height: 63px;
    display: block;
    background: url(../images/rooga/btn_in_6.jpg) top left no-repeat;
}

#menu_navi li a:hover{
	background-repeat:no-repeat;
	background-position:0 -63px;
}

#menu_navi ul li#in_navi_7 a {
    height: 83px;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
}
#in_navi_7 a {
    width: 699px;
    height: 83px;
    display: block;
    background: url(../images/rooga/btn_in_7.jpg) top left no-repeat;
}
#menu_navi li#in_navi_7 a:hover{
	background-repeat:no-repeat;
	background-position:0 -83px;
}

div#in_menu .navi_ttl {
    color: #f47b20;
    font-weight: bold;
    margin-left: 40px;
    font-size: 140%;
    margin-bottom: 6px;
    display: block;
}
div#in_menu .navi_ttl02 {
    color: #f47b20;
    font-weight: bold;
    margin-left: 40px;
    font-size: 140%;
    margin-bottom: 6px;
    display: block;
    margin-top: 122px;
}


.rg_box{
	float: right;
}

ul.btn{
	float: right;
}


ul.btn li a {
    display: block;
    width: 70px;
    height: 28px;
    text-decoration: none;
    text-indent: -9999px;
}
ul.btn li.detail {
    display: block;
    float: left !important;
    height: 28px;
    width: 70px;
    margin-bottom: 5px;
    margin-right: 10px;
}
ul.btn li.detail a {
    background: url(../images/rooga/btn_gdetail.jpg) no-repeat top left;
}


ul.btn li.case {
    display: block;
    float: left !important;
    height: 28px;
    width: 70px;
}
ul.btn li.case a {
    background: url(../images/rooga/btn_gcase.jpg) no-repeat top left;
}

ul.btn li a:hover{
 background-repeat:no-repeat;
 background-position:0 -28px;
}



/*--ムービー--*/

.movie_btn{
    margin-bottom:30px;
    position: relative;
    clear: both;
}

.movie_btn a{
    display:block;
    cursor:pointer;
}
.movie_btn a:hover{
    text-decoration:none;
    filter: alpha(opacity=80);
    -moz-opacity:0.9;
    opacity:0.9;
}
.movie_btn .gallery_btn{
    position: absolute;
    left:387px;
    top:97px;
}