@charset "utf-8";

/*--------------------------------------
  Universal selector
---------------------------------------*/

*{
background: transparent;
font-size: 100%;
margin: 0;
padding: 0;
}


/*--------------------------------------
  Structure Module (75%->12px)
---------------------------------------*/

html, body {
height:100%; 
margin:0; 
padding:0;
scrollbar-face-color: #EEEEEE;
scrollbar-shadow-color: #CCCCCC;
scrollbar-darkshadow-color: #666666; 
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #CCCCCC; 
scrollbar-arrow-color: #333333;}

body{
background:#fff url("../img/bg_body.jpg") no-repeat top left;
text-align:left;
color:#333;
font-size: 85%;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino kaku Gothic Pro",Osaka,"メイリオ",meiryo,"ＭＳ Ｐゴシック",sans-serif;}

div 			{}
div#wrapper		{height:100%;}
div#all			{position:relative; height:100%; width:100%;}
/*IE7を含むモダンブラウザにのみ適用(ver6以下のIEを除外)*/
html>body #all	{height:auto; min-height:100%;}
/*z-index:1,position:relativeはセットで*/
div#content		{z-index:1; position:relative; width:800px; display:table;}
div#header		{}
div#main		{margin-left:200px;}
div#lbottom		{position:absolute; left:0; bottom:0; width:390px; height:390px; background:url("../img/lbottom.png") no-repeat;}
div#rbottom		{position:absolute; right:0; bottom:0; width:270px; height:390px; background:url("../img/rbottom.png") no-repeat;}
div#copyright	{text-align:right; margin:20px 0;}

div#news 		{width:600px; height:60px; background:url("../news/img/title.gif") no-repeat;}
div#cast 		{width:600px; height:60px; background:url("../cast/img/title.gif") no-repeat;}
div#next 		{width:600px; height:60px; background:url("../next/img/title.gif") no-repeat;}
div#story 		{width:600px; height:60px; background:url("../story/img/title.gif") no-repeat;}
div#rider 		{width:600px; height:60px;}
div#ryotaro		{width:600px; height:60px; background:url("../ryotaro/img/title.gif") no-repeat;}
div#ryotaro1	{width:600px; height:60px; background:url("../ryotaro/img/title1.gif") no-repeat;}
div#ryotaro2	{margin-left:200px;width:600px; height:60px; background:url("../ryotaro/img/title1.gif") no-repeat;}
div#yuuto1		{width:600px; height:60px; background:url("../yuuto/img/title1.gif") no-repeat;}
div#download	{width:600px; height:60px; background:url("../download/img/title.gif") no-repeat;}
div#mobilettl	{width:600px; height:60px; background:url("../mobile/img/title.gif") no-repeat;}
div#mobiletext	{
					position:absolute;
					left:228px;
					top:378px;
					width:428px;
					height:92px;
					color:#FFFFFF;
					font-size:95%; margin-bottom:1em; line-height:1.6em;
					}

div#message 	{width:600px; height:60px;}
div#dropdown {height:30px; text-align:right;}


/*--------------------------------------
  Box Module
---------------------------------------*/

br.clear	{clear: both;}

p			{font-size:100%; margin-bottom:1em; line-height:1.5em;}
p.m			{font-size:90%; margin-bottom:1em;}
p.l			{font-size:100%; margin-bottom:2em;}
div.dotline	{height:0.5em; border-top:1px #a6bdda dotted;}



/*--------------------------------------
  Inline Module
---------------------------------------*/
span.red {color:#c00;}
span.blue {color:#001551;}
span.white	{color:#fff;}
span.hide {display:none;}

/*--------------------------------------
  Hypertext Module
---------------------------------------*/
a:link{color:#36c;}
a:visited{color:#96c;}
a:active{color:#f30;}
a:hover{color:#f30;}

a.b:link{font-weight:bold;}
a.b:visited{font-weight:bold;}
a.b:active{font-weight:bold;}
a.b:hover{font-weight:bold;}

a.white:link{color:#fff;}
a.white:visited{color:#fff;}
a.white:active{color:#fff;}
a.white:hover{color:#fff;}

/*--------------------------------------
  Text Module
---------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {font-weight: normal; margin:0; padding:0}

/*--content title--*/
h1 {font-size: 95%; color:#001551; font-weight:bold; padding:20px 0 0 160px;}
/*--title--*/
h2 		{font-size: 90%; font-weight:bold;}
h2.bg	{width:300px; height:36px; background:url("../mobile/img/h2.png") no-repeat; padding:17px 0 0 50px;}
h3		{line-height:1.4em;}
h4		{font-size: 95%; line-height:1.4em;}
h5		{font-size: 75%; line-height:1.6em;}

ul,
ol,
dl {list-style-position: inside;}

/*--------------------------------------
  List Module
---------------------------------------*/
li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {font-size:100%;}

/*--------------------------------------
  Form Module
---------------------------------------*/
form {margin: 0 auto;}
select {padding:1px; background:#FFFFFF; font-size:100%; font-size:90%;}


/*--------------------------------------
  Image Module
---------------------------------------*/
img {vertical-align: bottom; border: 0;}
img.waku {background:#FFFFFF; border:1px solid #d3d3d3; padding:5px;}
img.wakul {background:#FFFFFF; border:1px solid #d3d3d3; padding:5px; float:left; margin-right:1em; margin-bottom:1em;}
img.wakul2 {background:#FFFFFF; border:1px solid #d3d3d3; padding:5px; float:left; margin-right:1em; margin-bottom:0.5em;}
img.wakur {background:#FFFFFF; border:1px solid #d3d3d3; padding:5px; float:right; margin-left:1em; margin-bottom:1em;}
img.wakuno {background:#FFFFFF; border:0px; padding:5px; float:right; margin-left:1em; margin-bottom:1em;}
img.wakuno2 {background:#FFFFFF; border:0px; padding:5px; margin-left:1em; margin-bottom:1em;}



/*--------------------------------------
  Object Module
---------------------------------------*/
object,
embed {margin: 0;}