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



/* 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;}

/* blog */
.bloglist {margin:10px 0 0 0}
.bloglist li {list-style:none;margin: 0;}
.bloglist-wrap {margin-bottom:5px;padding-bottom:5px;} 
.bloglist-counter{float:left;text-align:right;width:2em;margin-right:2px;}
.bloglist-img {float:left;}
.bloglist-img a {display:inline-block;} 
.bloglist-info {overflow-x: hidden;overflow-y: hidden;padding-left:5px;} 
.bloglist-plane {font-size:12px;line-height:1.1em;}
.bloglist-plane a {color: #999999;text-decoration: none;}
.bloglist-plane a:hover {color:#167ac6;}
.bloglist-plane-block {display:inline-block;width: 100%;}
.bloglist-plane-text {overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space: nowrap;}
.bloglist-title{display: inline-block;width: 100%;}
.bloglist-time{font-size:12px;line-height:1.1em;}
.bloglist-comment{font-size:12px;line-height:1.1em;}

.blogContentWrap { }
.blogPageControl {text-align:left;padding:10px 0;}
.blogPagaControlPage {}
.blogPageControl span {color:#999999;}
.blogPageControlGrayLink > a {color:#999999;}
.blogPageControlGrayLink > a:hover {color:#167ac6;}
.blogPageControl select	{float:left;margin-top:10px;}
.blogPageControl select {display:none;}
.blogPageControlHellip {float:left;font-size:9px;height:18px;line-height:18px;margin-top:20px;}
.blogPageControlDirectLink {padding-bottom:10px;}
.blogPageControlNextTitle {margin-left:4px;margin-top:10px;overflow-x: hidden;overflow-y: hidden;}
.blogPageControlNextTitle-block {display: inline-block;width: 100%;}
.blogPageControlNextTitle-text {overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space: nowrap;}
.blogPageControlNextTitle span {color:#666666;}
.blogPageControlLinks {margin:10px 0 0 4px;}

.blogPageDetail {background-color:#ffffff;border: 1px solid #cccccc;}
.blogPageSpacer {margin-top:1em;}
.blogPageDetailSection {padding-bottom:10px;}
.blogPageDetailTiTle {margin-bottom:10px;}
.blogPageDetailTiTle a { color:#999999;}
.blogPageDetailTiTleHeader { padding:4px; font-size:1.5em; line-height:1.2em; border-bottom: 1px solid #f3f3f3; background-color:#fbfbfb;}
.blogPageDetailTiTleHeader a {color:#000;text-decoration:none;}
.blogPageDetailCategory { color:#999999; font-size:12px;}
.blogPageDetailTime { color:#999999; font-size:12px; }
.blogPageDetailContent { padding:0 10px;word-wrap: break-word;}
.blogPageDetailContent h3,h4 {font-size:140%;line-height:1.3em;font-weight:bold;margin:1.5em 0 0.5em 0;}
.blogPageDetailContent p { margin:0 0 1em 0 ; line-height:1.5em;}
.blogPageDetailContent ol, ul  { margin-bottom:1em;}
.blogPageDetailContent img {max-width:100%;height:auto;}
/* trace navi */
#blogTraceNavi {margin-bottom:4px;font-size:80%;}
#blogTraceNavi span {color:#999999;}
#blogTraceNavi a {color:#999999;}
#blogTraceNavi a:hover {color:#167ac6;}
/* plane list */
ul.plane-list-sec {list-style:none;margin: 0;padding:10px 0 0 0;} 
.plane-list {padding-bottom:10px;margin-bottom:10px;max-width:900px;}
.plane-list-line {border-bottom:1px solid #cccccc;}
.plane-list-title { font-size: 16px; margin:10px 0 0 0;color:#333333;}
.plane-thumb {float:left;}
.plane-inf {overflow-x:hidden;overflow-y: hidden;padding-left:5px;}
.plane-name {display:inline-block;with:100%}
.plane-link {}
.plane-link-gray {color:#999999;}
.plane-link-gray:hover {color:#167ac6;}
.plane-link span {color:#999999;}
.plane-link-logs {}
.plane-description {font-size:80%;}
/* plane thumbnail picture by background */
.plane-thumb-pic {width:120px;height:67px;overflow:hidden;display:inline-block;}
.plane-thumb-pic-def {width:120px;height:210px;display:table;margin-top:-68px;}
.plane-thumb-pic-clip {display:table-cell;vertical-align:middle;}

/* plane detail */
.planeTitle {margin:10px;}
.planeTitle span {color:#999999;}
.planeNameHeader { font-size: 150%; font-weight: bold;display:inline;line-height:1.2em;} 
.palneNameGenre {color:#999999;}

/* data */
.planeData { }
.planeData th { width: 90px; text-align:right; vertical-align: top; color: #999999;white-space:nowrap;}
.planeData td { }
.planeData span { color:#999999;}

/* comment */
#blogComment{margin:0 0 10px 0;word-wrap: break-word;}
#blogComment h2{margin-top:16px;}
#blogComment p {margin:10px 0;}
.blogCommentHead {font-weight:bold;color:#888888;}
#blogComment textarea{margin-bottom:10px;margin-top:10px;width:100%;}
#blogCommentAct {}
#blogCommentAct span{font-size:80%;}
.blogCommentName {font-size:80%;color:#999999;}
.blogCommentName a {color:#999999;}
.blogCommentName span {margin-left:4px;}
.blogCommentList {margin-top:15px;}
.blogCommentTime {font-size:0.8em;color:#999999}
.blogCommentItem {float:left;margin:2px;}

/* common */
.v-bar:after {content:'|'; margin:0 3px;}
.v-hyphen:after {content:'-';margin:0 3px;}
.v-bar:after,.v-hyphen:after {color:#999;}
@media only screen and (max-width:980px){#wrapper-main{max-width:100%;min-width:100%;}.blogPageDetailContent iframe[src*="//www.youtube.com/embed/"] {width:450px;height:300px;}#content-center > .menuCategoryDiv > .menuText iframe[src*="//www.youtube.com/embed/"] {width:450px;height:300px;}.planeNameHeader{font-size:120%;}.blogPlaneNewsPlane {width:240px;}.blogPlaneNewsInfo {width:110px;}}@media only screen and (max-width:750px){#wrapper-main{max-width:100%;min-width:100%;}.blogPageDetailContent iframe[src*="//www.youtube.com/embed/"] {width:320px;height:210px;}#content-center > .menuCategoryDiv > .menuText iframe[src*="//www.youtube.com/embed/"] {width:320px;height:210px;}.planeNameHeader{font-size:100%;}.blogPlaneNewsPlane {width:270px;}.blogPlaneNewsInfo {width:140px;}.blogPageControl {padding:4px;}#blogComment textarea{margin-bottom:10px;margin-top:10px;width:95%;font-size:18px;}#blogCommentAct input{font-size:18px;}}@media only screen and (max-width:480px){#wrapper-main{max-width:100%;min-width:100%;}.menuCategoryDiv{padding:0px;}.menuHedaerCategory{padding-left:4px;}.blogPageDetailContent iframe[src*="//www.youtube.com/embed/"] {width:280px;height:184px;}#content-center > .menuCategoryDiv > .menuText iframe[src*="//www.youtube.com/embed/"] {width:280px;height:184px;}.blogPageControl {padding:4px 0;}#blogComment textarea{margin-bottom:10px;margin-top:10px;width:95%;font-size:18px;}#blogCommentAct input{font-size:18px;}.blogPageDetail {border-left: 0;border-right:0;border-style:solid;border-color:#cccccc;}.bloglist {margin:0px;}.bloglist li {margin-left:-10px;margin-right:-10px;border-top:1px solid #cccccc;padding: 10px 0 0 5px;}.plane-list-title {display:none}#title{width:100%;height:40px;float:left;}#title h1{padding:1px 6px 2px 0px;font-size:90%;color:#FFFFFF;line-height:60%;}#title p{padding:0px 0px 0px 0px;margin:0;line-height:100%;}#title-logo{height:40px;}#title span{font-size:0.3em;}}