#main_bg {
	height:340px;
	background-image:url(../img/index/main_bg.jpg);
	background-position:center;
	background-repeat:repeat-x;
}

#other_bg {
	height:340px;
	background-image:url(../img/common/other_bg.jpg);
	background-position:center;
	background-repeat:repeat-x;
}

#main_kumo {
	height:298px;
	background-image:url(../img/index/kumo.png);
	background-position:center;
	background-repeat:no-repeat;
}

#main_img {
	width:980px;
	height:298px;
	margin-left:auto;
	margin-right:auto;
}

#main_txt {
	width:980px;
	height:31px;
	padding-top:12px;
	margin-left:auto;
	margin-right:auto;
	color:#FFFFFF;
}

#main_txt a { color:#FFFFFF; }

/* form */
.form_bg {
	width:980px;
	height:254px;
	background-image:url(../img/index/formbg.jpg);
	margin-top:20px;
}

#form_inner {
	padding-top:67px;
	padding-left:20px;
	padding-right:15px;
}

#form_inner .input { border: 1px solid #82bbdc; }

#form_inner input {
	margin: 0;
	padding: 0;
}

#form_inner .input_01 {
	float: left;
	width: 370px;
	margin-right: 5px;
}

#form_inner .input_01 input {
	width: 210px;
	margin: 0;
	padding: 0;
}

.textarea_style {
	width: 274px;
	height:59px;
	border: 1px solid #82bbdc;
	margin: 0;
	padding: 3px;
	font-size:12px;
	line-height:1.5em;
}

textarea.no_edit {
	width: 280px;
	height:65px;
	border: 1px solid #82bbdc;
	margin: 0;
	padding: 0;
}

.mail_check{
	font-size:10px;
	background:#FFB6C1;
	color:#C00;
	position:absolute;
	top:-6px;
	right:43px;
	}

#form_inner dl {
	margin: 0;
	padding: 0;
}

#form_inner .input_01 dt {
	clear: left;
	float: left;
	width: 100px;
	height: 20px;
	padding-bottom:0px;
	padding-left: 15px;
	background: url(../img/common/form_input_check_ico_30.png) no-repeat left center;
}

#form_inner .input_01 dd {
	padding:0 0 8px 0;
	margin-left: 100px;
	position:relative;
}

#form_inner .input_01 dd input { height: 20px; }

#form_inner .input_02 {
	float: left;
	width: 292px;
}

#form_inner .input_02 dt {
	padding-left: 15px;
	background: url(../img/common/form_input_check_ico_30.png) no-repeat left center;
}

#form_inner .input_02 dd {
	margin: 0;
	position:relative;
}

#form_inner .input_02 .input {
	width: 290px;
	height: 120px;
}

#form_inner .submit {
	float: right;
	margin-top: 60px;
}

#result_box{
	text-align:center;
	padding:50px 0;
	}
.limit_cnt{
	color:#bbb;
	font-size:10px;
	position:absolute;
	bottom:5px;
	right:30px;
	}

#riyuu_bg {
	width:980px;
	height:326px;
	background-image:url(../img/index/riyuu_bg.jpg);
	margin-top:20px;
}

#riyuu_inner {
	width:630px;
	padding-top:80px;
	padding-left:20px;
}

#point_bg {
	width:980px;
	height:209px;
	background-image:url(../img/index/point_bg.jpg);
	margin-top:30px;
}

#point_inner_link {
	width:970px;
	text-align:right;
	height:25px;
	padding-top:41px;
	padding-right:10px;
}

#point_inner {
	width:770px;
	padding-top:14px;
	padding-left:175px;
}

#titlebar_case_bg {
	width:980px;
	height:100px;
	background-image:url(../img/index/titlebar_case.jpg);
	margin-top:50px;
}

#titlebar_case_txt {
	padding-top:41px;
	padding-left:195px;
}

#titlebar_case_link {
	text-align:right;
	padding-top:15px;
}

/* case */
#case { margin-top: 20px; }

#case .item {
	float: left;
	width: 228px;
	margin-left: 20px;
	border: 1px solid #ccc;
	background-color: #fff;
}

#case .first { margin-left: 0; }

#case .item .title {
	padding: 0 10px;
	border-bottom: 1px solid #ccc;
	background-color: #efefef;
}

#case .item .title .date {
	float:left;
	height: 30px;
	padding-left: 20px;
	background: url(../img/common/case_cal.png) no-repeat left center;
	line-height: 30px;
}

#case .item .title .no {
	float:right;
	height: 30px;
	font-size: 11px;
	line-height: 30px;
}

#case .item .image {
	position: relative;
	height: 235px;
	margin: 10px 0 10px 9px;
}

#case .item .image .before {
	position: absolute;
	left: 0;
	top: 0;
	background:#fff;
}

.item .image .before img:hover,.item .image .after img:hover{
	opacity:0.5;
}


#case .item .image .before .caption {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 66px;
	height: 20px;
	background-color: #666666;
	line-height: 20px;
	color: #fff;
	text-align: center;
	font-size: 9px;
}

#case .item .image .after {
	position: absolute;
	left: 19px;
	top: 90px;
	background:#fff;
}

#case .item .image .after .caption {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 66px;
	height: 20px;
	background-color: #f00;
	line-height: 20px;
	color: #fff;
	text-align: center;
	font-size: 9px;
}

#case .item .image .arrow_case {
	position: absolute;
	left: 63px;
	top: 55px;
}

#case .item .desc {
	margin: 0 9px 10px;
	color: #333;
	line-height: 1.2em font-size: 12px;
}

#case .item .button {
	margin-bottom: 10px;
	text-align: center;
}


#titlebar_maker_bg {
	width:980px;
	height:100px;
	background-image:url(../img/index/titlebar_maker.jpg);
	margin-top:50px;
}

#titlebar_maker_txt {
	padding-top:41px;
	padding-left:195px;
}

#titlebar_maker_link {
	text-align:right;
	padding-top:15px;
}

table.maker_banner {
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

.maker_banner td {
	text-align:center;
	padding:5px;
}