html {
height:100%;
margin-bottom:1px;
}

#bodyid{
padding:0;
margin:0px auto;
text-align:center;
background:#fff;
}
#bodyid_topmenu{
padding:0;
margin:0 auto;
text-align:left;
}
#page{
background:#fff;
width:700px;
height:100%;
margin:0px auto;
padding: 0px;
border-width: 1px;
border-color: #878787;
border-top-style: none;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: none;
position: relative;
vertical-align: top;
}
#page h2{
color:#000;
line-height: 15px;
font-weight:normal;
font-size:10px;
text-align:left;
letter-spacing:1px;
padding:0;
margin:0;
}
#title{
width:700px;
height:77px;
margin:0px auto;
padding:0;
background:#ffffff url('img/layout/title_back.png') repeat left top;
text-align:center;
}
#title_top{
width:300px;
font-weight:normal;
font-size:10px;
padding:0px 0px 0px 10px;
margin:0px 0px 18px 0px;
text-align:left;
letter-spacing:1px;
color:#fff;
float:left;
}
#title_logo{
width:452px;
height:30px;
padding:0;
margin:0px auto;
}
#title_right{
width:100px;
margin:0px 8px 0px 0px;
padding:0px;
float:right;
font-weight:normal;
font-size:10px;
text-align:right;
letter-spacing:1px;
}
#title_right a{
color:#ffffff;
text-decoration:none;
}
#title_right a:hover{
color:#FFCC0A;
text-decoration:none;
}
#shohin{
text-align:center;
background:#fff;
width:830px;
height:100%;
margin:0px 0px 0px 0px;
border-width: 1px;
border-color: #878787;
border-top-style: none;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: none;
}
#container {
text-align:center;
width: 830px; /* 任意の数値 */
margin: 0px auto;
height: 100%;
min-height: 100%;
padding-bottom: 38px; /* footerと同じ数値 */
}
body > #container {
height: auto;
}
#shohin_hed{
width:830px;
height:38px;
padding:0;
margin:0;
}
#hed1{
width:382px;
height:38px;
padding:0;
margin:0;
float:left;
background:#ebf3fd url('img/layout/window_hed1.png') repeat left top;
}
#hed2{
width:65px;
height:38px;
padding:0;
margin:0;
float:left;
background:#ebf3fd url('img/layout/window_title.png') no-repeat left top;
}
#hed3{
width:383px;
height:38px;
padding:0;
margin:0;
float:left;
background:#ebf3fd url('img/layout/window_hed1.png') repeat top;
}
#footer {
position: absolute;
clear:left;
bottom: 0px;
height: 38px; /* 任意の数値 */
width: 300px;
background:#789;
}

#top h1{
color:#9ecae6;
font-size: 30px;
font-family:Arial Black;
letter-spacing: 1px;
text-align:left;
padding:2px 15px;
margin:0;
float:left;
}
#top div{
color:#999;
font-size:11px;
letter-spacing:1px;
font-weight:normal;
text-align:right;
float:right;
margin:0;
padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:10px
}
#top div a{
text-decoration:none;
color:#555;
}
#top div a:hover{
color:#aaf;
}
#top div img{
vertical-align:top;
}
#image{
clear:both;
width:700px;
margin:0 auto;
height:79px;
background:#ebf3fd url('img/image.jpg') no-repeat left top;
text-align:center;
}
#top_comp{
text-align:right;
margin:7px;
}
#top_comp a{
color:#000000;
font-size:10px;
}
#menumain{
width:700px;
height:37px;
padding:0;
}
#menu{
width:463px;
height:37px;
margin:0 auto;
color:#666;
float:right;
}
#menu a{
width:100%;
color:#666;
text-decoration:none;
}
#menu td{
border-left:1px solid #ccc;
background:url('img/menubg.png') repeat-x top left;
padding:3px 10px;
text-align:center;
}
#menuleft{
width:234px;
height:37px;
float:left;
}
#menuleft td{
background:url('img/menu_left.png') repeat-x top left;
}
#menulight{
width:700px;
height:8px;
margin:0 auto;
vertical-align:top;
padding:0;
background:#000;
}
#flashmain{
width:700px;
height:200px;
background:#464646;
padding:0px;
margin:0px;
}
#flaleft{
width:490px;
_width:500px;
height:170px;
_height:180px;
background:#464646;
float:left;
padding:10px 0px 0px 10px;
margin:0px;
}
#flaright{
width:164px;
_width:174px;
height:170px;
_height:180px;
background:#464646;
float:right;
padding:10px 20px 0px 0px;
_padding:10px 10px 0px 0px;
margin:0px;
}
#flaright h2{
background:#000000;
width:174px;
height:39px;
padding:0;
margin:0;
}
#flaright h3{
width:174px;
height:8px;
padding:0;
margin:0;
}

/* ロールオーバー画像ここから
-------------------------------- */
div.roll01 a {
display: block;
width: 174px;
height: 39px;
float: left;
border: 0px none;
padding: 0;
margin: 0px auto;
text-indent: -9999em;
background-image: url('img/layout/roll/menu.jpg');
background-repeat: no-repeat;
background-position: 0px 0px
}
div.roll01 a:hover, div.roll01 a:active {
background-image: url('img/layout/roll/menu.jpg');
background-repeat: no-repeat;
background-position: 0px -39px
}

div.roll02 a {
display: block;
width: 174px;
height: 39px;
float: left;
border: 0px none;
padding: 0;
margin: 0px auto;
text-indent: -9999em;
background-image: url('img/layout/roll/menu.jpg');
background-repeat: no-repeat;
background-position: 0px -78px
}
div.roll02 a:hover, div.roll02 a:active {
background-image: url('img/layout/roll/menu.jpg');
background-repeat: no-repeat;
background-position: 0px -117px
}

div.roll03 a {
display: block;
width: 174px;
height: 39px;
float: left;
border: 0px none;
padding: 0;
margin: 0px auto;
text-indent: -9999em;
background-image: url('img/layout/roll/menu.jpg');
background-repeat: no-repeat;
background-position: 0px -156px
}
div.roll03 a:hover, div.roll03 a:active {
background-image: url('img/layout/roll/menu.jpg');
background-repeat: no-repeat;
background-position: 0px -195px
}

div.roll04 a {
display: block;
width: 174px;
height: 39px;
float: left;
border: 0px none;
padding: 0;
margin: 0px auto;
text-indent: -9999em;
background-image: url('img/layout/roll/menu.jpg');
background-repeat: no-repeat;
background-position: 0px -234px
}
div.roll04 a:hover, div.roll04 a:active {
background-image: url('img/layout/roll/menu.jpg');
background-repeat: no-repeat;
background-position: 0px -273px
}
/* ロールオーバー画像ここまで
-------------------------------- */
#newstop{
width:649px;/*IE以外用*/
_width:650px;/*IE専用*/
height:19px;
margin:0 auto;
padding:0;
border-width: 1px;
border-color: #878787;
border-top-style: none;
border-right-style: none;
border-left-style: solid;
border-bottom-style: none;
background:#D8D8D8 url('img/layout/news.png') no-repeat left top;
}
#news{
width:620px;/*IE以外用*/
_width:622px;/*IE専用*/
height:185px;
_height:180px;
margin:0 auto;
padding:15px 0px 0px 28px;
_padding:15px 0px 0px 28px;
border-width: 1px;
border-color: #878787;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: none;
}
#news2{
width:620px;/*IE以外用*/
_width:622px;/*IE専用*/
margin:0px auto;
padding:0px 0px 15px 28px;
border-width: 1px;
border-color: #878787;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: none;
}
#newsleft{
width:91px;
_width:94px;
float:left;
padding:3px;
margin:0px 0px 0px 0px;
display:inline;
}
#newsleft h2{
color:#828282;
font-weight:normal;
font-size:10px;
padding:0;
margin:0;
text-align:left;
letter-spacing:1px;
}
#newsright{
width:500px;
float:left;
padding:3px;
margin:0px auto;
display:inline;
}
#newsright a{
color:#5055b4;
text-decoration:none;
}
#newsright a:hover{
color:#7a7ec6;
text-decoration:underline;
}
#newsright h2{
color:#000;
font-weight:normal;
font-size:10px;
padding:0;
margin:0 auto;
text-align:left;
letter-spacing:1px;
}
#news_bottom{
width:648px;/*IE以外用*/
_width:650px;/*IE専用*/
height:21px;/*IE以外用*/
_height:22px;/*IE専用*/
margin:0 auto;
padding:0;
font-size:10px;
color:#5055b4;
border-width: 1px;
border-color: #878787;
border-top-style: none;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
}
#news_bottom a{
color:#5055b4;
}
#news_bottom a:hover{
color:#7a7ec6;
}
#newslink{
padding:0px 20px 0px 0px;
text-align:right;
}
#game_if{
width:652px;
height:222px;
margin:0 auto;
padding:0;
}
#gametop{
width:648px;/*IE以外用*/
_width:650px;/*IE専用*/
height:6px;
margin:0;
padding:0;
border-width: 1px;
border-color: #D8D8D8;
border-top-style: none;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: none;
background: #D8D8D8;
}
#gamemenu{
width:650px;
height:14px;
margin:0;
padding:0;
border-width: 1px;
border-color: #D8D8D8;
border-top-style: none;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: none;
background: #D8D8D8;
}
#game{
width:648px;/*IE以外用*/
_width:650px;/*IE専用*/
height:199px;/*IE以外用*/
_height:200px;/*IE専用*/
margin:0;
padding:0px auto;
border-width: 1px;
border-color: #000;
border-top-style: none;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
}
#game h2{
color:#000;
font-weight:normal;
font-size:10px;
padding:0;
margin:0;
text-align:left;
letter-spacing:1px;
}
#gameleft{
width:300px;
height:166px;
margin:14px 0px 0px 18px;
_margin:14px 0px 0px 9px;
padding:0;
float:left;
}
#gameright{
width:300px;
height:166px;
margin:14px 14px 0px 0px;
padding:0;
float:right;
}
#game_bottom{
width:200px;
height:18px;
margin:0px 20px 0px 0px;
padding:0;
font-size:10px;
text-align:right;
color:#5055b4;
float:right;
}
#game_bottom a{
color:#5055b4;
text-decoration:underline;
}
#game_bottom a:hover{
color:#7a7ec6;
text-decoration:underline;
}
#left{
width:200px;
float:left;
padding:10px 0;
}
#left a{
color:#5055b4;
}
#left a:hover{
color:#7a7ec6;
}
#left h2{
background:#acd2ea url('img/boxbg.png') no-repeat top right;
color:#fff;
font-size:13px;
padding:0;
margin:0;
text-align:left;
letter-spacing:1px;
}
#left p{
font-weight:normal;
border:1px solid #9ecae6;
padding:7px 10px;
margin:0 0 10px 0;
text-align:left;
color:#666;
font-size:1em;
line-height:120%;
}
#right{
width:410px;
float:right;
padding:10px 0;
}
#right a{
color:#5055b4;
}
#right a:hover{
color:#7a7ec6;
}
#right h2{
background:url('img/maintb.png') repeat-x bottom left;
color:#55d;
padding:4px 5px;
font-size:1em;
margin:0 10px 5px 0;
text-align:left;
}
#right p{
font-weight:normal;
margin:0;
padding:0px 15px 15px 5px;
text-align:left;
color:#666;
font-size:1em;
line-height:120%;
font-weight:normal;
}
#pagetop{
padding:0px 20px 0px 0px;
text-align:right;
}
#gamepage{
width:700px;
margin:0 auto;
padding:0;
}
#gamepage h2{
color:#000;
line-height: 10px;
font-weight:normal;
font-size:10px;
text-align:left;
letter-spacing:1px;
padding:0;
margin:0;
}
#gamepageleft{
width:329px;/*IE以外*/
_width:342px;/*IE専用*/
float:left;
margin:0 auto;
padding:0px 0px 0px 13px;
_padding:0px 0px 0px 10px;
display:inline;
}
#gamepageright{
width:329px;/*IE以外*/
_width:342px;/*IE専用*/
float:right;
_float:left;
margin:0 auto;
padding:0px 13px 0px 0px;
_padding:0px 0px 0px 0px;
display:inline;
}
#gamelay1{
width:328px;
_width:328px;
height:15px; 
_height:25px; 
margin:0px;
padding:0px 0px 0px 17px;
float:left;
display:inline;
}
#gamelay2{
width:14px;
height:60px;
margin:0px 3px 0px 0px;
padding:0;
float:left;
display:inline;
}
#gamelay3{
width:160px;
height:60px;
margin:0px 5px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
vertical-align: bottom;
display:inline;
}
#gamelay4{
width:136px;/*IE以外*/
height:52px;/*IE以外*/
_width:139px;/*IE専用*/
_height:55px;/*IE専用*/
margin:0px 0px 5px 0px;
padding:3px 4px 3px 4px;
_padding:3px 0px 0px 4px;
text-align:left;
float:left;
border-width: 1px;
border-color: #D8D8D8;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
vertical-align: bottom;
background:#EDF2FA;
display:inline;
}
#gamelay4 h2{
color:#000;
line-height: 10px;
font-weight:normal;
font-size:10px;
text-align:left;
letter-spacing:1px;
padding:0;
margin:0;
}
#gamelay5{
width:301px;/*IE以外*/
height:37px;/*IE以外*/
_width:300px;/*IE専用*/
_height:47px;/*IE専用*/
margin:0px 0px 10px 17px;
padding:4px;
float:left;
border-width: 1px;
border-color: #D8D8D8;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
background:#EDF2FA;
display:inline;
}
#gamelay5 h2{
color:#666;
line-height: 12px;
font-weight:normal;
font-size:10px;
text-align:left;
letter-spacing:1px;
padding:0;
margin:0;
}
#gamelay5-2{
width:180px;/*IE以外*/
height:37px;/*IE以外*/
_width:179px;/*IE専用*/
_height:47px;/*IE専用*/
margin:0px 0px 10px 17px;
padding:4px;
float:left;
border-width: 1px;
border-color: #D8D8D8;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
background:#EDF2FA;
display:inline;
}
#gamelay6{
width:113px;/*IE以外*/
height:37px;/*IE以外*/
_width:116px;/*IE専用*/
_height:47px;/*IE専用*/
margin:0px 0px 10px 0px;
padding:4px;
_padding:3px 0px 0px 4px;
text-align:left;
float:right;
vertical-align: bottom;
display:inline;
}
#gamelay5-2 h2{
color:#666;
line-height: 12px;
font-weight:normal;
font-size:10px;
text-align:left;
letter-spacing:1px;
padding:0;
margin:0;
}
#space{
clear:left;
}
#space2{
clear:both;
}
#dl{
width:650px;
height:400px;
margin:0;
padding:0;
}
#dl h1{
color:#0A2184;
font-weight:bold;
font-size:15px;
padding:0;
margin:0;
text-align:left;
letter-spacing:1px;
}
#dl h2{
color:#000;
font-weight:normal;
font-size:10px;
padding:0;
margin:0;
text-align:left;
letter-spacing:1px;
}
#dl h3{
color:#0A2184;
font-weight:bold;
font-size:10px;
padding:0;
margin:0;
text-align:left;
letter-spacing:1px;
}
#dl h4{
color:#C10808;
font-weight:bold;
font-size:10px;
padding:0;
margin:0;
text-align:left;
letter-spacing:1px;
}
#dlleft{
width:240px;
height:240px;
margin:0;
padding:0;
background:#ffffff url('img/game/mobile/lovedoki/1.jpg') no-repeat left top;
float:left;
}
#dlright{
width:400px;
height:100%;
margin:0;
padding:0;
float:right;
}
#dlright2{
width:250px;
height:15px;
margin:0;
padding:0;
float:right;
font-size:15px;
font-weight:bold;
text-align:right;
letter-spacing:1px;
}
#dlright2 a{
color:#DE7800;
text-decoration:none;
}
#dlright2 a:hover{
color:#ECDE00;
text-decoration:none;
}
#company_title{
text-align:left;
border-width: 1px;
border-color: #353281;
border-top-style: solid;
border-right-style: none;
border-left-style: none;
border-bottom-style: solid;
width:700px;
height:21px;
margin:0;
padding:0;
background:#ffffff url('img/layout/company_back.png') repeat left bottom;
}
#company{
width:620px;
margin:0px auto;
padding:0;
text-align:center;
}
#company_logo1{
width:171px;
height:31px;
float:left;
margin:0;
padding:0;
background:#ffffff url('img/layout/rideon_logo.png') no-repeat left bottom;
}
#company_logo2{
width:163px;
height:42px;
float:left;
margin:0;
padding:0;
background:#ffffff url('img/layout/rideonjapan_logo.png') no-repeat left bottom;
}
#company_main{
width:550px;
margin:10px;
padding:10px;
font-size:12px;
font-weight:normal;
text-align:left;
letter-spacing:1px;
line-height: 1.5; 
border-width: 1px;
border-color: #AE875D;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
background:#F0ECDC;
}
#company_mail{
width:620px;
flort:right;
margin:0px 0px 2px 0px;
padding:0px 0px 2px 0px;
font-size:10px;
font-weight:normal;
text-align:right;
letter-spacing:1px;
color:#777;
border-width: 1px;
border-color: #000;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: solid;
}
#company_mail a{
color:#344ED1;
text-decoration:none;
}
#company_mail a:hover{
color:#ECDE00;
text-decoration:none;
}
#company_url{
width:620px;
height:20px;
float:right;
font-size:13px;
font-weight:normal;
text-align:right;
letter-spacing:1px;
}
#company_url a{
color:#344ED1;
text-decoration:none;
}
#company_url a:hover{
color:#ECDE00;
text-decoration:none;
}
#boshu{
margin:0px auto;
width:390px;
height:35px;
padding:10px;
}
#piclink{
width:620px;
height:45px;
margin:0px auto;
padding:0px;
}
#piclink2{
width:620px;
height:45px;
margin:5px auto;
padding:0px;
}
#link{
font-size:10px;
font-weight:normal;
text-align:center;
letter-spacing:1px;
color:#5055b4;
}
#link a{
color:#5055b4;
text-decoration:none;
}
#link a:hover{
color:#7a7ec6;
text-decoration:none;
}
#copy{
clear:both;
color:#666;
font-size:10px;
text-align:center;
}
#privacy{
width:120px;
height:20px;
padding:0px 0px 0px 0px;
margin:5px 0px 0px 0px;
clear:both;
color:#140;
float:left;
text-align:center;
background: #C3C3C3;
}
#copy_bottom{
width:535px;
height:15px;/*IE以外用*/
_height:20px;/*IE専用*/
color:#666;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size:10px;
background: #C3C3C3;
float:right;
}
#copy_bottom h2{
color:#666;
font-weight:normal;
font-size:10px;
padding:0;
margin:0;
text-align:right;
letter-spacing:1px;
}
#copy_bottom2{
width:550px;
height:15px;/*IE以外用*/
_height:20px;/*IE専用*/
color:#666;
padding:5px 0px 0px 0px;
margin:5px 0px 0px 0px;
font-size:10px;
background: #C3C3C3;
float:right;
}
#privacy {
width: 560px;
height: 500px;
margin: 20px 0px 0px 0px;
padding: 0px;
text-align: left;
color:#000;
font-weight:normal;
font-size:12px;
}
#privacy_l {
width: 13px;
height: 60px;
margin: 10px 0px 0px 0px;
padding: 0px;
text-align: left;
float: left;
}

#privacy_r {
width: 547px;
height: 60px;
margin: 10px 0px 0px 0px;
padding: 0px;
text-align: left;
float: right;
}
#omo{
display:none;
}