@charset "Shift_JIS";
/* basic of user style */
* {margin:0;padding:0;}
body {
text-align:center;padding:0;margin:0;background-color:#fbfbfb;
font-family: "Hiragino Kaku Gothic Pro","Osaka","Meiryo",sans-serif;
-webkit-text-size-adjust:100%;
}
body div {text-align:left;}
img {border:0px;}
#wrapper {margin:0 auto 0;width:100%;text-align:left;}
#wrapper-main {max-width:1280px;min-width:980px;border-right:1px solid #CCCCCC;}

#title{width:100%;height:100px;float:left;background:url(/cgi-bin/WebObjects/e-rc.woa/wa/picture?pc=7315JL4B3hD7IN&pl=1) center center;background-size:cover;padding:0;margin:0;line-height:100%;}
#title-logo{height:100px;text-align:left;}
#title a:link{color:#ffffff;}
#title a:visited{color:#ffffff;}
#title a:hover{color:#ffffff;}
#title a:active{color:#ffffff;}
#title h1{padding:8px 12px 5px 12px;font-size:180%;color:#ffffff;line-height:120%;}
#title p{padding:6px 0px 0px 14px;margin:0;line-height:100%;}
#title span{color:#ffffff;font-size:80%;margin:0;}
#bread-navi{width:100%;height:22px;}
#bread-navi p{padding:0px 0px 4px 0px;}
#fotter{clear:both;height:20px;border-top:solid 1px #cccccc;background:#f0f0f0;}
#fotter p{padding:2px 0px 0px 4px;margin:0;line-height:100%;}
#fotter span{color:#000000;font-size:80%;margin:0;}


/* system fotter */
#system-fotter {margin:1em 0; text-align:center }
#system-fotter span { font-size:x-small }

/* menu bar my page */
div.menubar {
	float: left;
	width:100%;
	background-color: #eaeaea;
	border-bottom: 1px solid #CCCCCC;
	line-height: 100%;
}
div.menubar-left {
	float: left;
}
div.menubar-right {
	float: right;
}
ul.menubar {
	list-style-type: none;
}
.menubar li {    
	float: left;
	margin: 0 0 0 1em ;
	text-align: center;
}
.menubar a {
	display: block;
	padding: 0.2em;
}
.menubar li a:hover{
	background-color: #cccccc;
	color: #ff0000;
}
/* user top page menu */
.menuCategoryDiv { padding:4px; margin:0px 0 14px 0;}
.menuCategoryDiv ul,ol { margin-left:1.5em; }

.menuHeaderDiv span { color:#cccccc }
.menuHeaderDiv { color:#999999; }
.menuHeaderDiv a { color:#999999; }
.menuHeaderDiv a:hover { color:#167ac6; }
.menuHedaerCategory { font-size: 16px; margin:0;color:#333333;}
.menuEvent span { color:#cccccc; }
.menuText {}
.menuHedaerDetailTitle {display:none;}

/* update info */
#updateInformationId span { font-size:12px; color:#cccccc; }
#updateInformationId li {margin-top:10px;}
.updateInformationContainer {background-color:#ffffff;border:1px solid #cccccc;padding:4px 10px 4px 0;}
.updateInformationContainer img {max-width:100%;height:auto;}

/* event entry status */
.entry-status {
 font: bold 11px Helvetica, Arial, sans-serif;
 padding: 3px 4px 2px 4px;
 color:#ffffff !important;
 white-space: nowrap;
 border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px;
}
.entry-status.accept { background-color:#d64937; /* red */}
.entry-status.report { background-color:#42B449; /* green */}
.entry-status.guide { background-color:#7090C8; /* blue */}
.entry-status.notice { background-color:#F7CB38; /* yellow */ color:#000000 !important; /* text black */}
.entry-status.normal { color:#000000 !important; /* white/black */}

#wrapper-container {
 line-height: 120%;
}

/* user result event list */
#eventList-container{
 width:90%;
 margin: 20px auto;
 text-align:left;
}

/* user event list(OLD) */
.eventList {
	border-collapse:collapse; 
	width: 100%;
}
.eventList td.title {
	background-color:#EEFBFB;
	padding:2px;
	border:1px #CCCCCC solid;
	border-collapse:collapse;
	border-right:2px #CCCCCC solid; 	
	text-align:left;
	white-space: nowrap;
}
.eventList td.content {
	background-color:#ffffff;
	padding:2px;
	border:1px #CCCCCC solid;
	border-collapse:collapse;
	text-align:left;
}

/* user event list (NEW) */
.event-list {background-color:#ffffff;border:1px solid #cccccc;}
.event-list table {border-collapse:collapse;width:100%;}
.event-list th{
 font-weight:normal;
 padding:1px 5px 1px 5px;
 border-bottom:solid 1px #cccccc;
}
.event-list td{padding:10px;}
.event-list-separate {border-bottom:solid 1px #cccccc;}
.event-list.entry th {background-color:#d1e4eb;}
.event-list.result th {background-color:#d0e2b0;}

.event-title {line-height:1.3em; font-size:1.2em;}
.event-place span {color:#666666;}
.event-guidance {font-size:0.8em}
.entry-info{font-size:0.8em}
.event-date {width:200px;}

/* event entry status */
.entry-status {
 font: bold 11px Helvetica, Arial, sans-serif;
 padding: 3px 4px 2px 4px;
 color:#ffffff !important;
 white-space: nowrap;
 border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px;
}
.entry-status.accept { background-color:#d64937; /* red */}
.entry-status.report { background-color:#42B449; /* green */}
.entry-status.guide { background-color:#7090C8; /* blue */}
.entry-status.notice { background-color:#F7CB38; /* yellow */ color:#000000 !important; /* text black */}
.entry-status.normal { color:#000000 !important; /* white/black */}

.entry-status.open {background-color:#7090C8; /* blue */}
.entry-status.close {color:#000000 !important; /* white/black */}

/* blog plane news */
#blogPlaneNews {background-color:#ffffff;border:1px solid #cccccc;padding-top:10px;}
.blogPlaneNewsPlane {float:left;width:270px;padding:0 0 10px 10px;}
.blogPlaneNewsImg {float:left;}
.blogPlaneNewsInfo {float:left;padding-left:4px;width:140px;}
.blogPlaneNewsInfoPlane {color:#999999;font-size:0.8em;max-width: 100%;overflow-x: hidden;overflow-y: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: norm\
al;}
.blogPlaneNewsInfoUser a {color:#999999;font-size:0.7em;line-height:1.2em;}
.blogPlaneNewsInfoTitle {font-size:0.9em;max-width: 100%;overflow-x: hidden;overflow-y: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: norm\
al;}
.blogPlaneNewsDate {color:#999999;font-size:0.7em;line-height:1.2em;}


/* my-plane */
.my-plane-wrap {}
.my-plane {float:left;text-align:left;padding:5px;}
.my-plane-name{font-size:0.8em;max-width: 100%;overflow-x: hidden;overflow-y: hidden;text-overflow: ellipsis;white-space: nowrap;line-height:110%}

/* youtube iframe width:100% in side menu text */
div.iframeWrap {position:relative;width:100%;padding-top:56.25%;}
div.iframeWrap iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}

.clearfix:before,
.clearfix:after {display:table; content:""; line-height:0;}
.clearfix:after {clear:both;}
/*
 * basic(common)for event information
 */
img {
 border:0px; 
}

#eventDetailContents{
 width:90%;
 margin: 10px auto;
 text-align:center;
}

.eventDetailContents-table { width: 100%; margin: 0 auto};

#eventDetailContents p {
 margin:10px 0;
}

#eventDetailContents ul,ol {
 margin-left:50px;
}

#eventDetailContents blockquote {
 margin-left:50px;
}

/* div class for entry event guidance by login, continue entry or openID login */
.eventGudance {
	
}

/* div class for notice column of user entried event  */
#eventDetailNotice {
 width: 90%;
 margin: 10px auto;
 border: 1px #ff9900 solid;
 background:#fff7d7;
 padding: 10px;
}

#eventDetailNotice td.content{
 background-color:#ffffff;
 padding:5px 3px 5px 3px;
 border-width:1px;
 border-style:solid;
 border-color:#CCCCCC;
 border-collapse:collapse;
 text-align:left;
}

.eventStatus {
 width: 300px;
 margin: 10px auto;
}
/* 
 * table class for event information 
 */
.eventDetail {
	border-collapse:collapse; 
	width: 100%;
}
.eventDetail th.title {
	background-color:#EEFBFB;
	padding:2px;
	border:1px #CCCCCC solid;
	border-collapse:collapse;
	border-right:2px #CCCCCC solid; 	
	text-align:left;
	white-space: nowrap;
}
.eventDetail td.content {
	background-color:#ffffff;
	padding:2px;
	border:1px #CCCCCC solid;
	border-collapse:collapse;
	text-align:left;
}

.eventDetail td.inner {
	background-color:#ffffff;
	padding:1px;
	text-align:left;
}

/* table class for entry plane list of event information */
.entryPlaneList {
	border-collapse:collapse; 
}
.entryPlaneList th{
	background-color:#EEFBFB;
	padding:2px;
	border:1px #CCCCCC solid;
	border-collapse:collapse;
	text-align:left;
	white-space: nowrap;
	font-weight: lighter;
}
.entryPlaneList td {
	background-color:#ffffff;
	padding:2px;
	border:1px #CCCCCC solid;
	border-collapse:collapse;
	text-align:left;
}
/*
 *  event album 
 */
.event-album {
 border-collapse:collapse; 
 width: 100%;
}
.event-album-picture {
 float:left; 
 margin:8px;
 width:120px;
}
/* back action */
.actionBackPage {
 margin:10px 0 10px 250px;
}