@charset "Shift_JIS";

/********************************/
/* culture */

/* override
      body要素のid属性により表示をコントロールする物はここへ記述
    /layout.css を上書きする場合もここへ記述
 */
#culture #headerNavi #headerCulture a{
  background-position:0 -24px;
}
#culture #sideNavi #sideCulture a{
  background-position:0 -30px;
}

#culture #container{
  background: url(/images/container_bg.gif) repeat-x 0px 0px;
}
#culture #contents{
}
#culture h2{
  margin-bottom:20px;
}

strong{
  font-weight: bold;
  display: block;
  margin-bottom: 0.4em;
}

.imageR {
  float:right;
  margin-left:10px;
  margin-bottom:10px;
}

/********************************/
/* localNavi */
#localNavi {
  width:140px;
  margin-right:30px;
  float:left;
  font-size:84%;
}
#localNavi .head{
  width:140px;
  background: #F9F9F9;
  margin-bottom: 10px;
}
#localNavi ul{
  margin-bottom:20px;
}
#localNavi li{
  padding-left:22px;
  margin-bottom:10px;
  background: url(/images/bullet_pink.gif) no-repeat 10px 0.4em;
}

#localNavi li.blue{
  background: url(/images/bullet_blue.gif) no-repeat 10px 0.4em;
}
#localNavi li.blue a:hover{
  color:#5698B8;
}

#localNavi li.cinema{
  background: url(/images/bullet_cinema.gif) no-repeat 10px 0.4em;
}
#localNavi li.cinema a:hover{
  color:#84ccc9;
}

#localNavi li.book{
  background: url(/images/bullet_book.gif) no-repeat 10px 0.4em;
}
#localNavi li.book a:hover{
  color:#cfa972;
}

#localNavi li.music{
  background: url(/images/bullet_music.gif) no-repeat 10px 0.4em;
}
#localNavi li.music a:hover{
  color:#8f82bc;
}

/********************************/
/* mainContents */
#mainContents {
  width:380px;
  float:left;
}

#mainContents h3{
  margin-bottom:1.4em;
  font-size:110%;
  font-weight: bold;
}

#contentsListNew h3{
  color:#5698B8;
}
#contentsList h3{
  color:#ff56b5;
}

#contentsListNew h4,
#contentsList h4{
  color:#5698B8;
  padding-left:60px;
  padding-bottom:16px;
  font-size:110%;
  font-weight: bold;
  line-height:120%;
  margin-right: 10px;
}
#contentsListNew .cinema,
#contentsListNew .book,
#contentsListNew .music {
  width:370px;
  background: url(/images/list_bg_blue.gif) no-repeat;
  clear:both;
  padding: 10px 0px 0px 10px;
}
#contentsList .cinema,
#contentsList .book,
#contentsList .music  {
  width:380px;
  background: url(/images/list_bg.gif) no-repeat;
  clear:both;
  padding: 10px 0px 0px 10px;
}
.listLeft{
  display: inline;
  float:left;
  width:254px;
  padding-bottom: 30px;
  font-size:84%;
}
.listLeft p{
  line-height:120%;
}
.listRight{
  vertical-align:bottom;
  float:right;
  width:105px;
  margin-right:1px;
  padding-bottom: 30px;
}
.listLeft p.date{
  margin-top:10px;
}
.listRight p{
  font-size:90%;
  margin-right:9px;
}
.listRight p.date{
  margin-top:10px;
  font-size:84%;
}
.cinema h4{
  background: url(/images/icon_cinema.gif) no-repeat 0px 0.2em;
}
.book h4{
  background: url(/images/icon_book.gif) no-repeat 0px 0.2em;
}
.music h4{
  background: url(/images/icon_music.gif) no-repeat 0px 0.2em;
}
.listLeft img {
  float:right;
  margin-left:10px;
  margin-bottom:10px;
}
#contentsList .starRating{
  margin-top:0px;
}


.listRight p.button{
  margin-top:9px;
  clear:both;
  margin-right: 0px;
}


/********************************/
/* apply */

#apply{
  width:380px;
}
#apply h3.cinema{
  background: url(/images/icon_cinema.gif) no-repeat 0px 0px;
  padding-top:20px;
}
#apply h3.book{
  background: url(/images/icon_book.gif) no-repeat 0px 0px;
  padding-top:20px;
}
#apply h3.music{
  background: url(/images/icon_music.gif) no-repeat 0px 0px;
  padding-top:20px;
}
#apply h3{
  color:#5698B8;
  margin-bottom:1.4em;
  font-size:110%;
  font-weight: bold;
  float:left;
}
#rating{
  float:right;
}
.dataBox{
  clear:both;
}
.dataBox ul{
  margin-top:20px;
  margin-bottom:20px;
}
.dataBox li{
  float:left;
  margin-right:20px;
}
#mainContents .application{
  min-height:20px;
  _height:20px;
  background: url(/images/application_bg_blue.gif) no-repeat 0px 0px;
  margin-top: 30px;
  padding: 20px;
  font-size: 84%;
}
#mainContents .application .button{
  margin-top:9px;
}

/********************************/
/* apply_end */

#mainContents .applicationEnd{
  min-height:20px;
  _height:20px;
  background: url(/images/application_bg_grey.gif) no-repeat 0px 0px;
  margin-top: 30px;
  padding: 20px;
  font-size: 84%;
}
#mainContents .applicationEnd .button{
  margin-top:9px;
}
/********************************/
/* comment */
#comment{
  width:380px;
}
#comment h3.cinema{
  background: url(/images/icon_cinema.gif) no-repeat 0px 0em;
  padding-top:20px;
}
#comment h3.book{
  background: url(/images/icon_book.gif) no-repeat 0px 0.4em;
  padding-top:20px;
}
#comment h3.music{
  background: url(/images/icon_music.gif) no-repeat 0px 0.4em;
  padding-top:20px;
}
#comment h3{
  color:#ff56b5;
  margin-bottom:1.4em;
  font-size:110%;
  font-weight: bold;
  float:left;
}
#commentAreaCulture{
  width:380px;
  background-color:#fafafa;
  border:#e4e4ee solid 1px;
  margin-top:20px;
}
.commentBox{
  width:340px;
  padding:20px;
  border-bottom:#e4e4ee solid 1px;
  color:b4aaaf;
}
.commentBox table.commentTable{
  width:340px;
  height:16px;
  margin-bottom:10px;
}
.commentBox table.commentTable td{
  vertical-align:top;
}
.commentBox td.nameTable{
  padding-right:30px;
  font-size:84%;
  white-space:normal;
}
.commentBox td.nameTable a:link{
  color:#ff56b5;
}
.commentBox td.starTable{
  width:85px;
  white-space:nowrap;
}
.commentBox td.dateTable{
  text-align:right;
  font-size:84%;
  width:120px;
}
.commentBox .title{
  font-size:90%;
  font-weight:bold;
  margin-bottom:5px;
}
.commentBox .text{
  font-size:84%;
}

.commentBox p.textCenter{
  text-align:center;
}

.commentBox p.checkStar{
  margin-top:5px;
}

.inputText{
  width:340px;
  border:#e4e4ee solid 1px;
  font-size:90%;
  color:#666666;
  margin:20px;
  margin-bottom:0;
}
.textArea{
  width:340px;
  height:122px;
  border:#e4e4ee solid 1px;
  font-size:84%;
  color:#666666;
  margin:10px 20px;
}
table.input{
  width:340;
  margin:0 20px;
}
.input td.pulldown{
}
.input td.emojiBtn{
  padding-left:10px;
}
.input td.maxText{
  text-align:right;
  width: 70%;
  padding-right:10px;
  font-size:84%;
}
.input td.charaCheck{
  text-align:right;
}
#commentAreaCulture .submit{
  margin:20px 0;
  margin-left:137px;
}

/* 2009/04/02 sakamoto add */
ul.friendsSerchPage {
  float:right;
  margin-bottom:20px;
}
ul.friendsSerchPage  li{
  float:left;
  margin-right:10px;
}
ul.friendsSerchPage li.arrowRight a {
  padding-right:1em;
  background-image: url(../../images/arrow_pink_right.gif);
  background-repeat: no-repeat;
  background-position: right 4px;
}
ul.friendsSerchPage  li.arrowLeft a {
  padding-left:1em;
  background-image: url(../../images/arrow_pink_left.gif);
  background-repeat: no-repeat;
  background-position: left 4px;
}

/* 2009/10/16 yamada add */

.newsItemBlue {
	background: url(../images/present_blueback.gif) no-repeat;
	color:#4E95C1;
	margin-bottom:20px;
}

.newsItemBlue h3{
margin-left:10px;
padding-top:10px;
margin-bottom:0px;
}

.newsItemBlue dt {
    font-size: 110%;
    padding: 7px 10px;
    font-weight: bold;
    margin-bottom: 7px;
}
.newsItemBlue dd {
    color:#999999;
}
.newsItemBlue dd img {
    float: left;
    margin: 0 12px 10px 10px;
}

.newsItemBlue dd p.oubo_date {
    text-align: right;
    font-size: 82%;
    margin-top: 7px;
}

.newsItemBlue dd p.oubo_link img {
    float: right;
    margin: 7px 0 30px;
}

#mainContentsComp h3{
	color:#5698B8;
	margin-bottom:1.4em;
	font-size:110%;
	font-weight: bold;
}

.sendBtn{
padding-left:223px;
}

.qesText{
margin-left:20px;	
}

.qesRadio{
margin-left:20px;	
}
.qesCheckbox{
margin-left:20px;	
}

.qesSelect{
margin-left:20px;	
}

.qesText input {
	width:440px;
}

.qesTextarea{
	margin-left:20px;
}
.qesTextarea textarea{
	width:440px;
	height:70px;
}

.btm50{
margin-bottom:50px;
}

.note2{
color:#333333;

}
.txtRed{
color:#FF0000;
}

.txtBlack{
color:#333333;
}