body{ 
   margin: 0px auto;
   background-color:#fffaf0;
}


img {
   max-width: 100%;
   height: auto;
}

* {
   box-sizing: border-box;
}

.content{
   
   max-width:951px;
   margin: 0px auto;
   background-color:#fffaf0;
}

.content, .Features, .use, .social, .headerback, .header, .footer, .footer_area ul, .top {
   margin:0px auto; 
}	

.developerTeam, .rules{ 
   margin-top:0px;
   margin-right:auto;
   margin-bottom:0px;
   margin-left:40px;
}

		
.clear{ 
   clear:both; 
}  

.line{ 
   margin-bottom:120px;
 }

.line_1{ 
   margin-bottom:195px; 
}

.line_2{ 
   margin-bottom:10px; 
 }
 
*{
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ ボールド", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

a{ 
   text-decoration:none; 
   color:#000000;
}

a img{
   border-style:none;
}

img{
   border:0;
   vertical-align:bottom;
} 	

ul{ 
   list-style-type:none; 
}

.headerback, .Features_back, .rightarea, .use_back, .social_back, .developper_back, .rules_back, .social_back{ 
   background-repeat: no-repeat;
}

.headerback, .use_area_screen{
   list-style-position:inside;
}

.headerback{ 
   background-image:url(image/onsaysiteWEB_02.png);
 
   max-width:951px;
   position:fixed;
   z-index:100;
}

.header{
   
   max-width:951px;
}
	
li.style_10{
   
   max-width:158px;
   margin-top:-18px;
   margin-left:-38px;
}

li.style_11, li.style_12, li.style_13, li.style_14, li.style_15{
 
   max-width:158px;
   margin-top:-18px;
   margin-left:0px;
}


.Features_button, .use_button, .social_button, .developer_button, .rules_button, .english_button{
   text-align:center;
   margin-top:17px;
   font-size:12px;
}

h1, .appstore_butoon, .coda-slider, .use_area_text, .top, .footer_area, .footer_text, .rules_back{
   position:relative;
}

.rightarea, .panel-container, .social_back{
   position:absolute;
}

.Features{

   max-width:860px;
}
	
.leftarea{
  
   max-width:575px;
}
	
h1{ 
   
   max-width:586px;
   margin-left:0px;
   z-index:99;
}


h2{
   
   max-width:157px;
   margin-top:80px;
   margin-left:0px;
   margin-bottom:-55px;
}
    
.appstore_butoon{
   margin-left:300px;
   margin-bottom:-50px;
   position:relative;
}

.Features_back{
 
   max-width:516px;
   margin-left:0px;
   margin-top:70px;
}

.Features_area1{
   
   max-width:498px;
   margin-top:10px;
   margin-right:auto;
   margin-bottom:auto;
   margin-left:5px;
   padding-top:1px;	
   font-size:30px;
}

.Features_area2{
 
   max-width:450px;
   margin-top:70px;
   margin-right:auto;
   margin-bottom:auto;
   margin-left:10px;
   font-size:16px;
}
	
.Features_area3{
 
   max-width:498px;
   margin-top:40px;
   margin-right:auto;
   margin-bottom:auto;
   margin-left:40px;
   font-size:10px;
}

.rightarea{
   background-image:url(image/onsaysiteWEB_72.png);
   
   max-width:279px;
   margin-top:-500px;
   margin-left:550px;
   z-index:98
}

.coda-slider, .coda-slider .panel {
    
    max-width:235px;
}
.coda-slider {
    margin-left:22px;
	overflow:hidden;
}

.coda-slider .panel {
    display:block;
}

.use{
   
   max-width:883px;
}

.use_back{ 
   background-image:url(image/onsaysiteWEB_25.png);
   
   max-width:834px;
}

.use_area_screen{
  
   max-width:834px;
   margin-top:35px;
   margin-right:0px;
   margin-bottom:0px;
   margin-left:0px;
   padding-right:0px;
   position:relative;top:65px;
}

li.style_1{ 
   margin-left:0px; 
 }

li.style_2{ 
   margin-left:20px; 
}

.use_area_text{
   
   max-width:834px;
   margin-top:70px;
   margin-right:0px;
   margin-bottom:0px;
   margin-left:auto;
}

li.style_3{
   margin-left:0px;
}

li.style_4{ 
   margin-left:5px; 
}

li.style_16{ 
 
   max-width:158px;
   margin-left:25px;
   position:relative;bottom:175px;
}

li.style_17{ 
 
   max-width:177px;
   margin-left:12px;
   position:relative;bottom:216px;
}

li.style_18{ 
   height:106px;
   max-width:183px;
   margin-left:14px;
   position:relative;bottom:147px;
}

li.style_19{ 
 
   max-width:169px;
   margin-left:15px;
   position:relative;bottom:165px;
}

.use_area_text1, .use_area_text2, .use_area_text3, .use_area_text4{
   font-size:14px;
   text-align:center;
}

.use_area_text1, .use_area_text2{
   margin-top:50px;
}

.use_area_text3{
   margin-top:35px;
}

.use_area_text4{
   margin-top:60px;
}


.social{
  
   max-width:887px;   
}
  
.social_back{ 
   background-image:url(image/onsaysiteWEB_33.png);
   
   max-width:840px; 
   z-index:1; 
}
			  
			  
.social_tl{
   margin-top:800;
   margin-right:auto;
   margin-bottom:20px;
   margin-left:auto; 
   padding-top:50px;
   padding-left:130px;
}

.twtr-widget {
  float: left;
}

.fb-like-box {
  float: left;
}

.developerTeam{
   
   max-width:799px;
}

.developper_back{
   background-image:url(image/onsaysiteWEB_40.png);
 
   max-width:799px;
}

.developer_banner{
   margin-top:800;
   margin-right:auto;
   margin-bottom:15px;
   margin-left:auto;
   padding-top:170px;
   padding-left:20px;
   border:0;
}

li.style_5{
   margin-left:-10px;
}


li.style_6{ 
   margin-left:15px; 
}

.footer{
   height:70px;
   margin:0px auto;
   bottom:0px;
   background-color:#fffaf0;
}

.top{
   
   max-width:179px;
   padding-left:600px;
   border:0;
}


.footer_area {
   
   margin-bottom:0px;
   font-size:12px;
   background-color:#333333;
}
	
.footer_text {
   max-width:750px;
   margin: 0 auto;
   margin-bottom:0px;
   padding-top:20px;
   padding-right:300px;
}
	
.footer_area ul{ 
   float:left;
}	

li.style_7 a, li.style_9 a{
   color:#ffffff;
}	

li.style_7, li.style_8, li.style_9{
   
   padding-left:10px;
   display:inline;
   border-left: 1px dashed #999;
   color:#fff;
}
	
li.style_8, li.style_9{
   margin-left:10px;
}

.panel-container{
    
   max-width:257px;
   margin-top:44px;
 }

.rules{
   
   max-width:802px;
}

.rules_back{ 
   background-image:url(image/onsaysiteWEB_48.png);
  
   max-width:802px;
}

.rules_text{
   
   max-width:740px;
   margin-top:0px;
   margin-right:auto;
   margin-bottom:15px;
   margin-left:auto;
   position:relative;top:20px;
}

#rules_text{
   overflow:auto;
 
   margin-top:0px;
   margin-right:auto;
   margin-bottom:15px;
   margin-left:auto;
   position:relative;top:20px;
}
	

#social_bar { 
   background:url(image/onsaysiteWEB_88.png);
   max-width:142px; 
   
   position:fixed;
   right:0px; 
   top:200px; 
}  

.social_twitter {
   max-width:125px; 
 　 
   margin-top:30px;
   margin-left:10px;
}

.social_facebook{
   max-width:125px; 
 
   margin-top:7px;
   margin-left:22px;
}

a img {
  border-style:none;
}


.coda-slider .panel { 
  display: block; float: left 
}

.download {
   margin-top: 50px;
   margin-bottom: 50px;
   text-align: center;
}