@charset "utf-8";
html,body{
	min-height: 100%;
}
body{
	background: url(../img/bg_back_img.png) 0 0;
}
body.flg{
	-webkit-filter:brightness(100%);
	-moz-filter:brightness(100%);
	-o-filter:brightness(100%);
	filter:brightness(100%);
}

#gallery > div {
	overflow: hidden;
}

#wrapper_w {
	width:1042px;
	margin:0 auto;
	padding-bottom:20px;
}
#wrapper{
	width: 982px;
	overflow: hidden;
	padding: 0 0 0 0;
	margin: 0 auto;
}
#logo{
	padding: 0 0 11px 0;
	margin: 0 0 0 0;
	text-align: right;
}

.photo_none {
	padding: 0;
	margin: 0 0 40px 0;
}

.clear {
	clear: both;
	overflow: hidden;
}

/* ---------------------------------------------------------
	枠の横幅
	==========================================================
	基本設定
--------------------------------------------------------- */
#gallery{
	margin: 0 -10px 0 0;
	font-size: 0;
	background:url(../img/bg_img01.png) 50% 10px no-repeat, url(../img/bg_img02.png) 50% 270px no-repeat, url(../img/bg_img03.png) 50% 530px no-repeat;
}

#logo {
}

#main_img {
	width: 432px;
	margin: 0 auto 220px auto;
}

nav ul {
	overflow: hidden;
	width: 916px;
	margin: 0 auto 52px auto;
}

nav li {
	width: 256px;
	float: left;
	margin: 0 74px 0 0;
}

nav li:nth-last-of-type(1) {
	margin: 0 0 0 0;
}

.photo {
	float: left;
	margin: 0 10px 10px 0;
}

.text_right {
	text-align: right;
}

.text_center {
	text-align: center;
}

.left_move {
	float: left;
}

.right_move {
	float: right;
}

/* ---------------------------------------------------------
	枠の横幅
	==========================================================
	.w○○
--------------------------------------------------------- */
.w982 {
	width: 982px;
	overflow: hidden;
}

.w610 {
	width: 610px;
	overflow: hidden;
}

.w620 {
	width: 620px;
	overflow: hidden;
}

.w600 {
	width: 600px;
	overflow: hidden;
}

.w321 {
	width: 321px;
}

.w320 {
	width: 320px;
}

/* ---------------------------------------------------------
	文字や模様の画像
	==========================================================
	.mark○○
--------------------------------------------------------- */
.bg01 {
	background: url(../img/thumb/bg_img01.png) right bottom no-repeat;
}

.bg02 {
	background: url(../img/thumb/bg_img02.png) left bottom no-repeat;
}

.bg03 {
	background: url(../img/thumb/bg_img03.png) right bottom no-repeat;
}

.bg04 {
	background: url(../img/thumb/bg_img04.png) left bottom no-repeat;
}

.bg05 {
	background: url(../img/thumb/bg_img05.png) right bottom no-repeat;
}

.logo_rhododendron{
	margin-top: 16px !important;
	margin-bottom: 30px !important;
	text-align:center;
	width: 982px;
	height:20px;
}	

/* control */
#footer{
	margin: 10px auto 0 auto;
	position: relative;
	margin-top: 5px;
	margin-bottom: 20px;
}
#footer .copy{
	margin-top: 7px;
	font-size: 12px;
	line-height: 1.2;
	color: #fff;
}

/* control */
.m0 { margin: 0;}
.mt10 { margin-top: 20px;}
.mt70 { margin-top: 70px;}
.mt80 { margin-top: 85px;}
.mt85 { margin-top: 85px;}
.mt106 { margin-top: 106px;}
.mt124 { margin-top: 124px;}
.mt135 { margin-top: 30px;}
.mt150 { margin-top: 150px;}
.mb100 { margin-bottom: 105px;}
.mb0 { margin-bottom: 0;}

.mr0 { margin-right: 0;}

.mr10 { margin-right: 10px;}

.pt80 { padding-top: 80px;}

.special_margin { margin: 150px 10px 10px 0;}


.company_list {
	float: left;
	overflow: hidden;
}

.company_list li {
	float: left;
	line-height: 1;
}

.company_list li:nth-of-type(1) {
	margin-right: 25px;
}

.company_list li:nth-last-of-type(1) {
	clear: both;
	margin-top: 10px;
	color: #fff;
}


/* ---------------------------------------------------------
	トップへ戻る
	==========================================================
	.flr
--------------------------------------------------------- */
.flr a {
	display: block;
}

.flr img {
	vertical-align: bottom;
}

/* ---------------------------------------------------------
	トップへ戻る：マウスオーバー
	==========================================================
	.flr
--------------------------------------------------------- */
.flr a:hover {
	border-radius: 15px;
	background: #fff;
}

.flr img:hover {
	opacity: 0.7;
}

