@charset "UTF-8";

/* y[W^Cg(h1#pagetittle) */

div#title {
width:575px;
height:153px;
margin:0px;
background:url(../img/title_ndex_bac.gif) no-repeat;}

h1#pagetitle {
color:#003399;
text-shadow: #333333 3px 3px 5px;
font-size:16px;
padding-top:50px;
padding-left:25px;
}

p#path {
font-size: x-small;
width:555px;
height:21px;
padding-left:25px;
padding-top:71px;
color:#FFFFFF;
}

p#path a {
text-decoration:underline;
color:#FFFFFF;
}

p#path a:hover {
text-decoration:none;
color:#FFFFFF;
}

div#con{
margin-top:20px;
width:570px;
padding:0px;
}

div#con2{
padding:0px 39px 20px 21px;
}

div#con2 p{
font-size:small;
line-height:1.5em;
}

div#con2 p.waku{
background: #f4f5c3;
padding:3px;
}

.font70{
font-size:70%;}

div#sidea{
float:left;
padding:0px 10px 20px 21px;
}


div#sideb{
float:right;
padding:0px 39px 20px 0px;
}

.index {
margin:auto;
width:421px;
height:auto;
paddin:0px;
}

.index h2{
width:421px;
height:29px;
}

.index div{
border:1px solid #CCCCCC;
width:419px;
margin-bottom:20px;
}

.index p{
padding:4px 8px;
font-size:small;
}

.index2 {
width:250px;
height:auto;
paddin:0px;
}

.index2 h2{
width:250px;
height:29px;
}

.index2 div{
border:1px solid #CCCCCC;
width:248px;
margin-bottom:20px;
}

.index2 p{
padding:4px 8px;
font-size:small;
}


/* MOVIE */

div#con3{ 
padding:0px 40px;
}

div#con3 p{
font-size:small;
line-height:1.5em;
}

div#con3 p.waku{
background: #f4f5c3;
padding:3px;
}

.font70{
font-size:70%;}


div#sidec{
float:left;
margin-top:20px;
width:265px;
}

div#sidec h2{
margin:0px;
}

div#sidec h3{
background:url(../img/arrow_ao.gif) left center no-repeat;
margin:10px 0px 5px 0px;
padding-left:20px;
color:#0068a4;
font-size:medium;
}

div#sidec ul{
margin:0px;
width:265px;
  margin-left:20px;
  font-size:small;
}

div#sidec ul li{
  list-style-type: none;
  display: inline;
}

  
div#sidec ul li a{
  display: block;
  padding:5px 18px;
  background: url(../img/arrow_gray.gif) no-repeat left center;	
  border-bottom: 1px dotted #006699;
  width:225px;

 }
div#sidec ul li img{vertical-align:middle;
}

div#sided{
float:right;
margin-top:20px;
padding:0px 0px 20px 0px;
}

div#sided h2{
margin:0px;
background: url(../../role-playing/index/img/title_h2_role2.gif) no-repeat;
text-indent:-9999px;
}

div#sided h3{
background:url(../img/arrow_kimidori.gif) left center no-repeat;
padding-left:20px;
color:#0068a4;
font-size: x-small ;
}

div#sided p{
width:200px;
font-size: x-small ;
}

div#flash {
clear:both;
margin-top:5px;
padding:0px 5px ;}

div#flash p{
font-size: xx-small;
}

div#flash img{
margin-right:10px;
float:left;}


