@charset "UTF-8"; 
/* ブラウザ初期CSSのリセット */
@import url(reset.css);

/* 全画面共通設定 */
body{
  background-color:#999999;
  text-align: center;
  padding:10px;
  font-size:10px;
}
img{padding:0px;margin:0px;vertical-align: text-bottom; border:0;}
h1,h2,h3,h4,h5,h6{display:inline;}
a{
  color: #0000CC;
  text-decoration: none;
}
a:hover{
  color: #FF22A3;
  text-decoration: underline;
}

/* 共通class設定 */
.mp0{padding:0px;margin:0px;}
.m5{margin:5px;}
.mt40{margin-top:40px;}
.p5{padding:5px;}
.text9  {font-size: 9px;}
.text10 {font-size:10px;text-decoration: none;}
.text12 {font-size:12px;text-decoration: none;}
.text16 {font-size:16px;}
.text18 {font-size:18px;}
.text24 {font-size:24px;}
.text14br {font-size:14px;font-style: normal;font-weight: bold;color: #FF0000;}
.line{border-top: 1px dashed #333333;margin:5px 0px 5px 0px}
.fl_l{float:left}
.fl_r{float:right}
.fl_c{clear:both}
.txt_l{text-align:left;}
.txt_c{text-align:center;}
.txt_r{text-align:right;}
.subtitle{
  font-size:16px;
  font-weight: bold;
  background-color: #FFeefe;
}
.photoL { font-size: 11px; padding: 3px; float: left; border-color: #c0c0c0 }
.photoR   { color: #696969; font-size: 11px; line-height: 125%; margin-bottom: 10px; padding: 3px; width: 150px; float: right; border-color: #c0c0c0 }
.photoR01 { color: #696969; font-size: 11px; line-height: 125%; margin-bottom: 10px; padding: 3px; float: right; border-color: #c0c0c0 }

/* レイアウト設定 */
#container{
  margin-left: auto;
  margin-right: auto;
  width:870px;
  background-color:#ffffff;
  text-align:left;
}
/* IE7以外 */
html>/**/body #container{
  overflow: auto;
}

#header {
  padding:0px;
  margin:0px;
  text-align:left;
}
#header #logo{
  height:70px;
  vertical-align: top;
}
#header #banner{
  vertical-align: top;
  margin-top:4px;
}
#header #navi{
  padding:0;
  margin:0;
  background-color:#ffff00;
  height:23;
  background-image:url(./image/topback.jpg);
  background-repeat: repeat-x ;
}

#wrap{
  width:678px;
  margin:7px 10px 10px 10px;
  background-color:#ffffff;
  float:left;
}
/* IE6のみ */
* html #wrap{
  width:688px;
  margin:7px 0px 10px 5px;
}
#left{
  width:140px;
  padding:0px;
  margin:0px;
  background-color:#ffffff;
  float:left;
}

#contents{
  width:516px;
  padding:0px 7px 0px 7px;
  margin:0px;
  background-color:#ffffff;
  float:right;
}
/* IE6のみ */
* html #contents{
  padding:0px;
}
#right{
  width:166px;
  padding:0px;
  margin:0px;
  background-color:#ffffff;
  float:right;
}
#footer{
  width:870px;
  padding:0px;
  margin:0px;
  clear: both;
}
.bottom_banner{
  text-align:center;
}

#what{
  width:140px;
  padding:5px;
  margin-top:3px;
  background-color:#cccccc;
}
/* IE6のみ */
* html #what{
  width:150px;
}
#left_banner{
  width:140px;
  padding:5px 0px 5px 0px;
  background-color:#ffffff;
}
#left_banner p{
  margin:10px 0px 10px 0px;
}
#left_link{
  width:140px;
  padding:5px;
  background-color:#CCCCFF;
}
#left_link h4 {
display:block;
margin-bottom:10px;
}
.left_link_lead {
margin:10px 0;
}
.left_link_ttl {
text-align:center;
font-weight:bold;
margin-bottom:5px;
}
.left_link_caption {
margin:5px 0;
}
#topic{
  width:140px;
  padding:5px 0px 5px 0px;
  background-color:#ffffff;
}
#topic img{
  margin:10px 0px 5px 0px;
}
/* IE6のみ */
* html #topic{
  width:150px;
}

#contents #topics{
  width:400px;
  margin:5px 0px 5px 0px;
  background-color:#ffffff;
}
#contents #topics p{
  margin:0px 0px 0px 5px;
  padding:0px 0px 0px 5px;
}

#contents .entry{
  width:510px;
  margin:10px 0px 10px 0px;
  padding:10px 0px 10px 0px;
  background-color:#ffffff;
  border-bottom:1px dashed #333333;
}
#contents .entry .title{
  font-size:14px;
  font-style: normal;
  font-weight:bold;
  color: #000099;
  text-decoration: none;
}
#contents .entry .title a{
  font-size:14px;
  font-style: normal;
  font-weight:bold;
  color: #FF0000;
  text-decoration: none;
}
#contents .entry .title a:hover{
  font-size:14px;
  font-style: normal;
  font-weight: bold;
  color: #FF22A3;
  text-decoration: underline;
}
/* IE7以外 */
html>/**/body #contents .entry{
  overflow: auto;
}
#contents p{
  padding:10px;
}
.entryTb{
  padding:5px;
  border:1px solid #333333;
  background-color:#ffeeee;
}
.entryTbTtl{
  border-bottom:1px dashed #333333;
  background-color:#ffeeee;
}
#contents .reccomend{
  width:400px;
  margin:0px;
  padding:0px;
}
#contents .pankuzu{
  width:400px;
  margin:5px 0px 5px 0px;
  background-color:#ffffff;
}
#contents .cat_list{
  width:125px;
  margin:5px 0px 5px 0px;
  background-color:#ffffff;
  float:left;
}

#right_banner{
  width:156px;
  padding:5px 0px 5px 0px;
  background-color:#ffffff;
}
#right_banner p{
  margin:5px 0px 5px 0px;
}
#right_banner2 {
  width:156px;
  padding:5px 0px 5px 0px;
}
#right_banner2 img {
  margin-bottom:5px;
}
#event_schedule {
line-height:1.4em;
}
#event_schedule td {
vertical-align:top;
}
.event_schedule_ttl {
border-left:5px solid #FF0000;
border-bottom:1px solid #FF0000;
padding:5px 10px;
font-size:1.4em;
font-weight:bold;
margin-bottom:10px;
}
#event_schedule table {
margin-bottom:15px;
margin-left:15px;
}
#event_schedule td {
padding:3px;
font-size:1.2em;
}
#rtsjc-block dl {
padding:10px;
font-size:1.2em;
}
#rtsjc-block dl h4 {
font-weight:bold;
color:#FF0000;
}
#rtsjc-block dl dt {
font-weight:bold;
}
#rtsjc-block dl dd {
margin-bottom:10px;
margin-left:1em;
}
.inner-block {
margin-bottom:20px;
}
.inner-block-caption-right {
width:300px;
float:right;
margin-left:10px;
}
.inner-block-caption-left {
width:300px;
float:left;
margin-right:10px;
}

.inner-block-caption-right2 {
width:250px;
float:right;
}
.inner-block-caption-left2 {
width:250px;
float:left;
margin-top:200px;
margin-right:9px;
}
#interview-present {
padding:10px;
background:#fff9db;
}
#amazon{
  width:156px;
  padding:5px 0px 5px 0px;
  background-color:#ffffff;
  text-align:center;
}
#amazon p{
  margin:5px 0px 5px 0px;
}

#footer #link{
  background-color:#ff0000;
  color:#ffffff;
  font-size:10px;
  text-align:center;
  padding:10px 10px 10px 10px;
  height:40px;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

#footer #link strong{
  color:#ffffff;
  font-size:12px;
  font-weight:bold;
}
#footer #link a{
  color:#ffffff;
}
#footer #link a:hover{
  color:#ccccff;
}
#footer #copy{
  background-color:#333333;
  color:#ffffff;
  font-size:9px;
  text-align:center;
  padding:5px 10px 5px 10px;
  height:10px;
}