@charset 'UTF-8';

/*-----------------------------------------------
		Ranger (PC)
------------------------------------------------*/
/*Navigation*/
.list_nav{width: 100%; background: #ffffc8; padding: 7px 0; margin: 20px 0 30px 0;}
.list_nav ul{display: table; width: 1200px; margin: 4px auto; font-size: 111.111%; line-height: 100%;}
.list_nav ul li{display: table-cell; text-align: center; border-left: 1px solid #39ad4a; line-height: 130%;}
.list_nav ul li:last-child{border-right: 1px solid #39ad4a;}
.list_nav ul span:hover{display: block; width: 157px; height: auto; padding: 24px 0; color: #fff; font-weight: bold; text-decoration: none; background: #39ad4a; margin: 0 4px 0 7px;}
.areanav_on{display: block; text-align: center; width: 157px; height: auto; padding: 24px 0; color: #fff; font-weight: bold; text-decoration: none; background: #39ad4a; margin: 0 4px 0 7px;}
.areanav_off{display: block; text-align: center; width: 157px; height: auto; padding: 24px 0; color: #39ad4a; font-weight: bold; text-decoration: none; background: #ffffc8; margin: 0 4px 0 7px;}
.list_nav ul li a{text-decoration: none; display: block;}
/* // Navigation*/

/*Navigation Control*/
.list_nav .sp_rg_v1,
.list_nav .sp_rg_v2,
.list_nav .sp_rg_v3,
.list_nav .sp_rg_v4,
.list_nav .sp_rg_v5,
.list_nav .sp_rg_v6,
.list_nav .sp_rg_v7{display: none;}
/* // Navigation Control*/

#rg_contents{width: 1200px; margin: 0 auto;}
.rg_lead_main{width: 1130px; margin: 30px auto 50px auto; font-size: 111.111%; font-weight: bold;}
.rg_box{width: 1200px;}
.rg_box:last-child{padding: 0 0 50px 0;}
.rg_box_inner{width: 1200px; padding: 0 0 0 0; margin: 0 0;}
.rg_box_l{float: left; width: 670px; padding: 25px 30px 30px 50px;}


/*.rg_box_r{width: 450px;}*/

/* =================== index.html =================== */
.rg_main_pic{width: 1200px; text-align: center;}
.rg_lead_base{width: 1000px; margin: 0 auto; padding: 15px 0;}
.rg_lead_main_hm{font-size: 111.111%; font-weight: bold; text-align: center; color: #dc403a;}
.rg_lead{text-align: center; padding: 10px 0;}
.rg_list{width: 885px; margin: 0 auto;}
.rg_list li{float: left; width: 267px; margin: 0 14px 35px 14px;}
.rg_list li a{display: block; width: 267px;}
.rg_list li a:hover{filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7;}
.rg_list li a img{width: 100%;}
.rg_note{text-align: center; padding: 10px 0;}
/* =================== // index.html =================== */


/*Picture Control*/
.rg_box_pos_crl1{margin: -287px 0 0 0;}
.rg_box_pos_crl2{margin: -240px 0 0 0;}
.rg_box_pos_crl3{margin: -245px 0 0 0;}
.rg_box_pos_crl4{margin: -245px 0 0 0;}
.rg_box_pos_crl5{margin: -210px 0 0 0;}
.rg_box_pos_crl6{margin: -270px 0 0 0;}
.rg_box_pos_crl7{margin: -265px 0 0 0;}
.rg_box_pos_crl8{margin: -245px 0 0 0;}
.rg_box_pos_crl9{margin: -305px 0 0 0;}
.rg_box_pos_crl10{margin: -315px 0 0 0;}
.rg_box_pos_crl11{margin: -250px 0 0 0;}

.rg1_pic1{width: 228px; height: 317px; margin: -32px 0 0 900px;}
.rg1_pic1 img{width: 100%;}
.rg2_pic1{width: 438px; height: 252px; margin: -24px 0 10px 740px;}
.rg2_pic1 img{width: 100%;}
.rg2_pic2{width: 264px; height: 203px; margin: 15px 0 30px 850px;}
.rg2_pic2 img{width: 100%;}
.rg3_pic1{width: 237px; height: 275px; margin: -32px 0 0 920px;}
.rg3_pic1 img{width: 100%;}
.rg3_pic2{width: 186px; height: 167px; margin: 15px 0 30px 970px;}
.rg3_pic2 img{width: 100%;}
.rg4_pic1{width: 392px; height: 295px; margin: -25px 0 0 780px;}
.rg4_pic1 img{width: 100%;}
.rg5_pic1{width: 279px; height: 278px; margin: -28px 0 15px 850px;}
.rg5_pic1 img{width: 100%;}
.rg5_pic2{width: 277px; height: 178px; margin: 40px 0 30px 860px;}
.rg5_pic2 img{width: 100%;}
.rg6_pic1{width: 221px; height: 342px; margin: -45px 0 5px 920px;}
.rg6_pic1 img{width: 100%;}
.rg7_pic1{width: 353px; height: 276px; margin: 20px 0 20px 810px;}
.rg7_pic1 img{width: 100%;}
.rg7_pic2{width: 215px; height: 193px; margin: 40px 0 20px 900px;}
.rg7_pic2 img{width: 100%;}

/*Picture Control
.rg1_pic1{position: relative; width: 228px; height: 288px; margin: 0 0 0 100px;}
.rg1_pic1 img{position: absolute; top: -30px; left: 0; width: 100%;}
.rg2_pic1{position: relative; width: 438px; height: 252px; margin: 0 auto 0 auto;}
.rg2_pic1 img{position: absolute; top: -20px; left: 0; width: 100%;}
.rg2_pic2{position: relative; width: 264px; height: 203px; margin: 0 auto 0 auto;}
.rg2_pic2 img{position: absolute; top: 12px; left: 0; width: 100%;}
.rg3_pic1{position: relative; width: 237px; height: 274px; margin: 0 auto 0 auto;}
.rg3_pic1 img{position: absolute; top: -33px; left: 30px; width: 100%;}
.rg3_pic2{position: relative; width: 186px; height: 167px; margin: 0 auto 0 auto;}
.rg3_pic2 img{position: absolute; top: 10px; left: 45px; width: 100%;}
.rg4_pic1{position: relative; width: 392px; height: 294px; margin: 0 auto 0 auto;}
.rg4_pic1 img{position: absolute; top: -25px; left: 0; width: 100%;}
.rg5_pic1{position: relative; width: 279px; height: 277px; margin: 0 auto 0 auto;}
.rg5_pic1 img{position: absolute; top: -27px; left: 0; width: 100%;}
.rg5_pic2{position: relative; width: 277px; height: 178px; margin: 0 auto 0 auto;}
.rg5_pic2 img{position: absolute; top: 35px; left: 5px; width: 100%;}
.rg6_pic1{position: relative; width: 221px; height: 343px; margin: 0 auto 0 auto;}
.rg6_pic1 img{position: absolute; top: -45px; left: 45px; width: 100%;}
.rg7_pic1{width: 353px; height: 275px; margin: 20px auto 20px auto;}
.rg7_pic1 img{width: 100%;}
.rg7_pic2{position: relative; width: 215px; height: 194px; margin: 0 auto 0 auto;}
.rg7_pic2 img{position: absolute; top: 35px; left: 35px; width: 100%;}
*/
/*padding-bottom Control
.pdg_crl1{padding-bottom: 40px;}*/