@charset "Shift_JIS";

/********************************/
/* event */
/* override
      body要素のid属性により表示をコントロールする物はここへ記述
    /layout.css を上書きする場合もここへ記述
 */

#event #headerNavi #headerEvent a{
  background-position:0 -24px;
}
#event #sideNavi #sideEvent a{
  background-position:0 -30px;
}

#event #container{
  background: url(../images/container_bg.gif) repeat-x 0px 0px;
}
#event #contents{
}
#event 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.info{
  background: url(../images/bullet_blue.gif) no-repeat 10px 0.4em;
}
#localNavi li.info a:hover{
  color:#eb6877;
}
#localNavi li.report{
  background: url(../images/bullet_pink.gif) no-repeat 10px 0.4em;
}
#localNavi li.report a:hover{
  color:#f29a76;
}

/********************************/
/* mainContents */
#mainContents {
  width:380px;
  float:left;
}
#mainContents h3{
  color:#ff56b5;
  margin-bottom:1.4em;
  font-size:110%;
  font-weight: bold;
}
#mainContents h3.blue{
  color:#5698B8;
  margin-bottom:1.4em;
  font-size:110%;
  font-weight: bold;
}
#mainContents .info,
#mainContents .report{
  width:370px;
  padding: 10px 0px 0px 10px;
  position: relative;
  margin-bottom: 20px;
}

#mainContents .info{
  background: url(../images/list_bg_blue.gif) no-repeat;
  padding-bottom:20px;
}
#mainContents .report{
  background: url(../images/list_bg.gif) no-repeat;
  padding-bottom:20px;
}

#mainContents .info h4{
  background: url(../images/icon_info.gif) no-repeat 0px 0px;
  padding-left:58px;
}
#mainContents .report h4{
  background: url(../images/icon_report.gif) no-repeat 0px 0px;
  padding-left:58px;
  padding-right: 5px;
}
.info h4,
.report h4{
  color:#ff56b5;
  margin-bottom:15px;
  font-size:110%;
  font-weight: bold;
  padding-top:0px;
  line-height: 120%;
}
/* 090925 add yamada */
.info h4 { color :#5698B8;}

.report_main,
.info_main {
  width:370px;
  clear:both;
  padding: 10px 0px 0px 10px;
  position: relative;
  margin-bottom: 30px;
}
.report_main h4,
.info_main h4 {
  color:#ff56b5;
  margin-bottom:10px;
  font-size:110%;
  font-weight: bold;
  padding-top:30px;
  line-height: 120%;
}
.listLeft{
  /*090925float:left;*/
  width:360px;
  font-size: 90%;
}
.listLeft .header{
  margin-bottom:10px;
  font-size:110%;
  font-weight:bold;
}
.listLeft .text{
  font-size:100%;
}
.listLeft img {
  display:inline;
  float:left;
  margin-bottom: 10px;
  margin-right: 10px;
}
.listLeft table {
  clear:none;
  font-size:94%;
}
/*.listLeft table td {
  vertical-align:text-top;
}*/
.listLeft .answer{
  width:110px;
  border:#ff56b5 solid 1px;
  padding:3px 5px;
  margin-bottom:10px;
  color:#ff56b5;
}
.listLeft .answer li{
  padding-bottom:3px;
  padding-top: 3px;
  line-height:120%;
}
/*.button{
  position: absolute;
  right: 1px;
  bottom: 0px;
}*/

.button { clear: both;}
.button p{
  margin-top:10px;
  width: 105px;
  margin-right: 4px;
  margin-left: auto;
}
/*090925 add yamada*/
.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%;
}
.application .eventbutton{
  margin-top:9px;
}

.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%;
}
.applicationEnd .eventbutton{
  margin-top:9px;
}



/********************************/
/* j-1 */
#mainContents .info_main h3 {
  background: url(../images/icon_info.gif) no-repeat 0px 0px;
  padding-top:20px;
}
#mainContents .info_main h3{
/*   color:#ff56b5;
  090925 delate and add yamada */
  color: #5698B8;
  margin-bottom:10px;
  font-size:110%;
  font-weight: bold;
}
.info_main .listLeft{
  /*090925float:left;*/
  width:100%;
  font-size: 90%;
  margin-bottom:30px;
}
.info_main .infoimg {
  float:left;
  margin:0 20px 0 0;
  padding:0;
  width:120px;
  }
.info_main .listLeft ul{
  width:auto;
  padding:3px 5px;
  margin-bottom:10px;
  color:#ff56b5;
}
.info_main .listLeft .answer li{
  padding-bottom:3px;
  padding-top: 3px;
  line-height:120%;
}


/********************************/
/* j-2 */

.resultBox {
  clear:both;
}
.resultBox ul{
  width:380px;
}
.resultBox ul li {
  float:left;
  width:180px;
  margin-bottom:10px;
}
.resultBox table {
  width:100%;
  border:collapse;
  border-spacing:0;
  padding:0;
}
.answer1{ 
  color:#ff56b5;
  padding-right:5px;
}
.answer2{ 
  color:#5698b8;
  padding-left:5px;
}
.answer1_graph{
  height:20px;
  background-color:#ff56b5;
}
.answer2_graph{
  height:20px;
  background-color:#5698b8;
}

li.answer2 {
  /*text-align:right;*/
}
td.answer1, td.answer2 {
  width:95px;
  padding-left:5px;
}
.resultBox table td{
  font-size:84%;
}
.answerbox {
  width:380px;
  margin:20px 0;
  background:url(../images/border02.gif) top repeat-y #00FFCC;
}
dl.answer1 {
  float:left;
  width:160px;
  padding:0 5px;
  padding-right:24px;
}
dl.answer2 {
  float:right;
  width:160px;
  padding:0 5px;
}
dt.view {
  display:none;
}
dd.preview {
  float:left;
  background:url(../images/arrow_icon.gif) no-repeat 0 5px;
  padding-left:10px;
  font-size:80%;
  margin-right:20px;
}
dd.next {
  background:url(../images/arrow_icon.gif) no-repeat 65px 5px;
  padding-left:10px;
  font-size:80%;
}
.answerbox dt,.answerbox dd {
  font-size:80%;
}
.answerbox dd {
  margin-bottom:16px;
}

/********************************/
/* K-1*/

#mainContents .report_main h3{
  background: url(../images/icon_report.gif) no-repeat 0px 0px;
  padding-top:20px;
}
.report_main .listLeft{
  float:left;
  width:100%;
  font-size: 90%;
  margin-bottom:20px;
}

.report_main .infoimg {
  float:left;
  margin:0 20px 0 0;
  padding:0;
  width:120px;
  }
.report_main .listLeft img.left{
  display:inline;
  float:left;
  margin-bottom: 10px;
  margin-right: 10px;
}
.report_main .listLeft img.right{
  display:inline;
  float:right;
  margin-bottom: 10px;
  margin-left: 10px;
}
.report_main .infoimg img {
  margin:0;
}
.report_main  ul.questions {
  clear:both;
  padding:3px 5px;
  margin:10px 0;
  color:#666;
}
.report_main .alignCenter img {
  margin:30px auto 0;
}
/********************************/
/* report */
#report{
  width:380px;
}
#report h3.cinema{
  background: url(../images/icon_cinema.gif) no-repeat 0px 0em;
  padding-top:20px;
}
#report h3.book{
  background: url(../images/icon_book.gif) no-repeat 0px 0.4em;
  padding-top:20px;
}
#report h3.music{
  background: url(../images/icon_music.gif) no-repeat 0px 0.4em;
  padding-top:20px;
}
#report h3{
  color:#ff56b5;
  margin-bottom:1.4em;
  font-size:110%;
  font-weight: bold;
  float:left;
}

#commentAreaEvent{
  clear:both;
  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:340px;
  margin-left: 20px;
}
.input td.pulldown{
}
.input td.emojiBtn{
}
.input td.maxText{
  text-align:right;
  width: 70%;
  font-size:84%;
}
.input td.charaCheck{
  text-align:right;
  width:57px;
}
#commentAreaEvent .submit{
  margin:20px 0;
  margin-left:137px;
}

/* sakamoto add*/
#commentAreaEvent .application .base{
  margin-top:9px;
}

ul.eventArrow {
  float:right;
  margin-top:10px;
  margin-left:10px;
  /*width:370px;
  display:inline;*/
}

ul.eventArrow li.left {
  float:right;
}
ul.eventArrow  li{
  float:left;
  margin-right:10px;
}
ul.eventArrow li.arrowRight a {
  padding-right:1em;
  background-image: url(../images/arrow_pink_right.gif);
  background-repeat: no-repeat;
  background-position: right 4px;
}
ul.eventArrow li.arrowLeft a {
  margin-right:5px;
  padding-left:1em;
  background-image: url(../images/arrow_pink_left.gif);
  background-repeat: no-repeat;
  background-position: left 4px;
}

/* credit */

.credit { text-align: right;}


/* Kyoto */

.report_main .listLeft .imageAreaLeft,
.info_main .listLeft .imageAreaLeft{
  width: 180px;
  float:left;
  margin-bottom: 5px;
        text-align: center;
}
.report_main .listLeft .imageAreaRight,
.info_main .listLeft .imageAreaRight{
  width: 180px;
  float:right;
  margin-bottom: 5px;
        text-align: center;
}

.report_main .listLeft .imageAreaLeft img,
.report_main .listLeft .imageAreaRight img, 
.info_main .listLeft .imageAreaLeft img,
.info_main .listLeft .imageAreaRight img{
    float: none; 
    margin-left: auto;
    margin-right: auto;
}

.report_main .listLeft .imageAreaLeft img.right,
.report_main .listLeft .imageAreaRight img.right {
float:right;
margin-right: 0;
}

/* Barcelona */

.report_main .listLeft .imageArea,
.info_main .listLeft .imageArea { 
    width: 180px;
    float: left;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 14px;
}
.report_main .listLeft .imageArea3 { clear: both;}
.report_main .listLeft .imageArea3 .imageArea { width: 123px;}

.report_main .listLeft .imageArea img,
.info_main .listLeft .imageArea img {
    float: none; 
    margin: 0px auto 5px;
}
.listLeft .textmini { font-size: 84%;}

.listLeft table.caption { font-size: 100%;}
.listLeft table.caption td {vertical-align:bottom;}
.listLeft table.caption td img { margin: 0;}
.listLeft table.caption td dt { font-weight: bold; margin-bottom: 10px;}
.listLeft table.caption td dd {
    margin-left: 1em;
    font-size: 84%;
    margin-bottom: 2px;
}
.listLeft .cinemaCopy {
    margin-top: 3px;
    font-size: 70%;
    text-align: right;
}
#bookevent h4 { padding-top: 0;}
.bookevent_titleArea { margin-bottom: 1.5em;}
.bookevent_titleArea img { float: none; margin-bottom: 0;}
.bookevent_titleArea .kind { color: #62B1c4; margin-left: 11px; font-weight: bold;}
.bookevent_titleArea .date { color: #666; margin-left: 11px;}
.bookevent_titleArea .eventTitle { margin-top: 5px;}
.bookevent_titleArea .hosoku { color: #666; font-size: 90%; margin-left: 11px;}
dl.bookevent_shopadd { margin-top: 1em; color: #62b1c4;}
dl.bookevent_shopadd dt { font-weight: bold;}
ul.bookevent_shopadd {margin: 0.5em 0; font-size: 90%;} 
.bookevent_profile { margin-top: 1em; padding: 0.8em; background-color: #62b1c4; color: #FFF;}
.bookevent_profile span { color: #000;}

.bookevent_link {
margin-top: 3em;
}
.bookevent_link p { margin-top: 1em;}
.bookevent_link ul { padding: 1em 0px 1em 5px;}
.bookevent_link li { float: left; width: 115px; margin-right: 5px;text-align: center;}
.bookevent_link img { float: none;}

.report_main .listLeft div.center { text-align: center;}
.report_main .listLeft div.center img { float: none; margin: 10px auto;}

.listLeft .pageLink { margin-top: 2em;}
.info_main .listLeft ul.disc { padding-left: 1.5em; margin-top: 3px; color: #000;}
.info_main .listLeft ul.disc li { list-style-type: disc;}

.listLeft .subheader{
  margin-bottom:4px;
  font-size:110%;
  font-weight:bold;
}


/***おおしば***/
/*h2-2*/
#mainContentsComp {
  width:550px;
  float:left;
}
#mainContentsComp h3{
  color:#5698B8;
  margin-bottom:1.4em;
  font-size:110%;
  font-weight: bold;
}
/*h2-1*/
#mainContentsComp h4{
  color:#666;
  margin-bottom:1.4em;
  font-size:100%;
  font-weight: bold;
}
.btm50{
margin-bottom:50px;
}

.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;
}

.note{
margin-left:30px;
margin-top:-20px;
margin-bottom:20px;
color:#FF0000;
}

.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;
}

.note2{
color:#333333;

}
.txtRed{
color:#FF0000;
}

.txtBlack{
color:#333333;
}
.qesPict{
margin-left:20px;
height:1px;
height:100%;
margin-bottom:45px;
}

.qesPict_up{
width:236px;
/*height:192px;*/

}

.qesPict_note{
width:441px;

/*height:1px;
height:100%;*/
color:#FF0000;
font-size:0.8em;
}

.sendBtn{
padding-left:223px;
}

.listLeft .tokyo_expo { background-color: #94c43a;}
.listLeft .tokyo_expo img { float: none; margin-bottom: 0;}
.listLeft .tokyo_expo_text {
	padding: 15px 7px;
	border: 5px solid #94c43a;
	background-color:#FFF;
}
.listLeft ul.disc {
        padding-left: 10px;
}
.listLeft ul.disc li {
        margin-left: 10px;
        list-style-type: disc;
        margin-bottom: 7px;
}
a.link_b { background: url(http://watashi-frau.com/contents/images/event_icon_link.gif) no-repeat 3px 50%; padding-left: 14px;}



/* ガールズシネマ */
.listLeft .girls_cinema_event_info { font-size: 100%; margin-bottom: 5px;}
.girls_cinema_event_info td{ border-bottom: #C94381 dotted 1px; padding: 3px 5px;}
.girls_cinema_event_talk td { padding-bottom: 10px;}
.cinema_info { background-color:#FFE5E5; padding: 10px 12px;}
.cinema_info img { float: left; }
.cinema_info p { margin-left: 135px;}

.FILA_table { margin-left: 5px;}
.FILA_table img { margin: 0;}
.FILA_table td { padding: 5px;}
.FILA_table td p.title { color: #FF56B5;}

.listLeft .FILA_event { background-color: #83478D; color: #FFF; padding: 15px; margin: 10px;}
.listLeft .FILA_event table { font-size: 100%; margin-bottom: 7px; border-top: #FFF dotted 1px;}
.FILA_event th { text-align: right;}
.FILA_event th,
.FILA_event td{ border-bottom: #FFF dotted 1px; padding: 3px;}

.p_title { color: #FF56B5; font-weight: bold; font-size: 120%; clear: both; margin-bottom: 10px;}
.p_midashi { color: #FF56B5; font-weight: bold;}

.listLeft .power_for_run_talk { font-size: 100%;}
.power_for_run_talk td { padding-bottom: 10px;}
.power_for_run_info { background:url(/contents/images/event_power_for_run_info_body.jpg) repeat-y;}
.power_for_run_info p { margin: 0 25px;}
.power_for_run_audio { margin-left: 20px; margin-bottom: 5px; color: #666;}
.power_for_run_audio li { line-height: 160%; margin-bottom: 3px;}
.listLeft .audio_icon { margin: 0; float: none;}

ol.number { margin-left: 1em;}
ol.number li{ margin-left: 1em; list-style-type:decimal; margin-bottom: 3px;
}
table.event_shosai { font-size: 100%;}
table.event_shosai td { padding: 10px 5px 5px 10px; background-color: #FDD;}

.listLeft .waku_puma {
	padding: 10px;
	border: 3px double #C10077;
	background-color:#FFF;
}
.listLeft strong.puma { color: #C10077;}

.listLeft .clarins_table { font-size: 100%; margin-bottom: 5px; border-top:#999 dotted 1px;}
.listLeft .clarins_table th { width: 5em; text-align: left;}
.listLeft .clarins_table th,
.listLeft .clarins_table td { padding: 2px; border-bottom:#999 dotted 1px;}
.listLeft .clarins_text .header { margin-bottom :3px;}

.listLeft .clarins_text {
	clear:both;
	padding: 12px;
	border: 5px solid #66CCFF;
	background-color:#FFF;
}
.listLeft .clarins_text span { font-size: 90%;}