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

*                  {margin:0; padding:0; line-height:1.8;}
a,img           {border:0;}
.imgover      {}
a                  {text-decoration:none;}
a:link           {color:#FFF;}
a:visited      {color:#FFF;}
a:hover       {color:#000; text-decoration: none;}

body             {background-color:#cd5b46; margin:0 auto;}
body             {font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}


#contents{
	width:100%;
	margin:0 auto;
	}

#rogo{
	width:50%;
	margin:0 auto;
	text-align:center;
	padding:25% 0 0 0;
	}

#rogo2{
	width:50%;
	margin:0 auto;
	text-align:center;
	padding:10% 0 0 0;
	margin-bottom:50px;
	}


.btnarea{
	width:50%;
	margin:60px auto;
	text-align:center;
	}

.btnarea2{
	width:50%;
	margin:0 auto;
	text-align:center;
	padding-top:50px;
	}


.btn {
	font-size:12px;
	background: #cd5b46;
	border: 1px solid #cd5b46;
	color: #111;
	width: 100px;
	padding: 10px 50px;
}

.about{
	width:50%;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	background-color:#FFF;
	padding:5%;
	overflow:hidden;
	}

.abouttext{
	margin-bottom:30px;
	}

.abouttext span{
	font-size:14px;
	font-weight:bold;
	}


.abouttext2 a:link           {color:#cd5b46;}
.abouttext2 a:visited      {color:#cd5b46;}
.abouttext2 a:hover       {color:#cd5b46; text-decoration: none;}


/*---------------------------*/

@media screen and (max-width: 480px) {
	
img {
max-width : 100% ;
height : auto ;
}
		
#rogo,#rogo2{
	width:85%;
	}	

.btnarea{
	width:80%;
	margin:60px auto;
	text-align:center;
	}
		
.about{
	width:80%;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	background-color:#FFF;
	padding:10% 5%;
	overflow:hidden;
	margin-bottom:50px;
	}
	
	
	
	}