/* ------------------------------------------
  MAIN ＊INDEX＊
--------------------------------------------- */
#MAIN{
	padding-left:10px;
	padding-right:10px;
	}
@media screen and (min-width: 960px) {/* PC */	
#MAIN{
	padding-left:0;
	padding-right:0;
	}
}		
	#MAIN .index_copy{
		margin-top:30px;
		padding:0 10px;
		text-align:center;
	}
	#MAIN .index_copy br{
		display:none;
	}
	#MAIN .index_br{
		margin-top:10px;
		width:100%;
		text-align:center;
	}
	#MAIN .index_br dd{
		width:100%;
		float:left;
		padding-top:5%;
	}
	#MAIN .index_br dd:nth-child(even){
		padding-left:0;	
	}
	#MAIN .index_br dd:last-child{
		margin-bottom:30px;	
	}
@media only screen and (min-width:630px)
	    and (max-width: 1100px){
#MAIN{
	padding-left:10px;
	padding-right:10px;
	}			
	#MAIN .index_br dd{
		width:32%;
		height:32%;
		float:left;
		padding-top:1%;
}
	#MAIN .index_br dd:nth-child(even){
		padding-left:0;		
}
	#MAIN .index_br dd:nth-child(2), #MAIN .index_br dd:nth-child(3), #MAIN .index_br dd:nth-child(5), #MAIN .index_br dd:nth-child(6){
		padding-left:2%;
}

	}	
@media screen and (min-width: 960px) {/* PC */
#MAIN{
	padding-left:0;
	padding-right:0;
	}
	#MAIN .index_copy br{
		display:block;
	}
	#MAIN .index_br dd{
		width:300px;
		float:left;
		padding-top:30px;
	}
#MAIN .index_br dd:nth-child(even){
		padding-left:0;		
	}
#MAIN .index_br dd:nth-child(2), #MAIN .index_br dd:nth-child(3), #MAIN .index_br dd:nth-child(5), #MAIN .index_br dd:nth-child(6){
		padding-left:30px;
}
}
/* ------------------------------------------
  MAIN ＊INDEX＊
--------------------------------------------- */
.index_br a:hover img{
	filter:alpha(opacity=0.8);
    -moz-opacity: 0.8;
    opacity: 0.8;
	transition-duration:0.8s;
}
/* ------------------------------------------
  MAIN ＊main_bottom BOX＊　BOX＆テキスト
--------------------------------------------- */
.main_bottom{
	padding-left:10px;
	padding-right:10px;
	padding-top:50px;
	overflow:auto;
	}
.main_bottom h2{
	font-size:24px;
	font-weight:normal;
	line-height:1.3em;
	}
	.main_bottom h2 br{/* 改行あり */
		display:block;
	}
.main_bottom h3{
	width:80%;
	margin:0 auto;
	margin-top:5%;
	font-size:16px;
	font-weight:normal;
	line-height:1.8em;
	}
	.main_bottom h3 br{
		display:none;/* 改行なし */
	}
@media only screen and (min-width:480px)
	    and (max-width: 960px){
.main_bottom h2 br{
		display:none;/* 改行なし */
	}
}					
@media screen and (min-width: 960px) {/* PC */	
.main_bottom{
	width:960px;
	margin:0 auto;
	padding-left:0;
	padding-right:0;
	}
.main_bottom h2{
	font-size:24px;
	line-height:auto;
	}
	.main_bottom h2 br{
		display:none;/* 改行なし */
	}
.main_bottom h3{
	width:70%;
	margin-top:30px;
	font-size:16px;
	line-height:1.8em;
	}
	.main_bottom h3 br{
		display:block;/* 改行あり */
	}
}
/* ------------------------------------------
  MAIN ＊main_bottom BOX＊　IMG
--------------------------------------------- */	
	.main_bottom dl{
		margin-top:10px;
		width:100%;
		text-align:center;
	}
	.main_bottom dl dd{
		width:100%;
		float:left;
		padding-top:5%;
	}
	.main_bottom dl dd:nth-child(even){
		padding-left:0;	
	}
	.main_bottom dl dd:last-child{
		margin-bottom:30px;	
	}
@media only screen and (min-width:630px)
	    and (max-width: 1100px){			
	.main_bottom dl dd{
		width:32%;
		height:32%;
		float:left;
		padding-top:1%;
}
	.main_bottom dl dd:nth-child(even){
		padding-left:0;		
}
	.main_bottom dl dd:nth-child(2), .main_bottom dl dd:nth-child(3), .main_bottom dl dd:nth-child(5), .main_bottom dl dd:nth-child(6){
		padding-left:2%;
}

	}	
@media screen and (min-width: 960px) {/* PC */
	.main_bottom dl dd{
		width:300px;
		float:left;
		padding-top:30px;
	}
.main_bottom dl dd:nth-child(even){
		padding-left:0;		
	}
.main_bottom dl dd:nth-child(2), .main_bottom dl dd:nth-child(3), .main_bottom dl dd:nth-child(5), .main_bottom dl dd:nth-child(6){
		padding-left:30px;
}
}
/* ------------------------------------------
  MAIN ＊ボタン＊
--------------------------------------------- */
.main_bottom .online_button{
	clear:both;
	background:#78BABB;
	width:100%;
	height:30px;
	padding-top:10px;
	margin:10px auto 30px;
	text-align:center;
	font-size:16px;
	border-radius: 10px;
}
@media screen and (min-width: 750px) {/* PC */	
.main_bottom .online_button{
	background:#78BABB;
	width:250px;
	height:30px;
	padding-top:10px;
	margin:10px auto 30px;
	text-align:center;
	font-size:16px;
	border-radius: 10px;
}
}
.main_bottom a .online_button span{text-decoration:none;color:#FFF;}
.main_bottom a:link .online_button span{text-decoration: none;}
.main_bottom a:visited .online_button span{text-decoration: none;}
.main_bottom a:hover .online_button span{text-decoration: none;color:#333;}
.main_bottom a:active .online_button span{text-decoration: none;}