@charset "UTF-8";
/*/fcroman/cmn/css/cmn.css*/

html{
	height: 100%;
	}
body{
	min-width: 960px;
	height: 100%;
	line-height: 1.0;
	background-image: url(/fcroman/cmn/img/bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: fixed;
    font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	}
#all{
	position: relative;
	z-index: 100;
	width: 100%;
	height: 100%;
	}
/*bg*/
body#top{background-color: #37bcff;}
body#about{background-color: #a8ff1b;}
body#member{background-color: #4da5f6;}
body#blog{background-color: #fff100;}
body#report{background-color: #ff9900;}
body#court{background-color: #4ec863;}
body#contact{background-color: #f593b3;}
body#links{background-color: #bababa;}
body#calendar{background-color: #ff2053;}
body#sitemap{background-color: #ff8a00;}


/******************************************************************************
wrap
******************************************************************************/
/*------------------------------*/
/*tagline*/
/*------------------------------*/
p#tagline strong{
	font-weight: normal;
	}
/*------------------------------*/
/*topicpath*/
/*------------------------------*/
#topicpath{
	margin-bottom: 30px;
	}
#topicpath li{
	list-style: none;
	display: inline;
	font-size: 1.2em;
	line-height: 1.5;
	}
#topicpath li a{
	padding-right: 10px;
	background: url(../img/arrow_path.gif) no-repeat right center;
	}
#topicpath li a:hover{
	background: #ff2053;
	color: #fff;
	}
/*------------------------------*/
/*pager*/
/*------------------------------*/
.pager{
	padding: 20px 0 10px;
	font-size: 1.2em;
	text-align: left;
	line-height: 2.5;
	}
.pager a{
	text-decoration: none;
	border: solid 1px #000;
	padding: 5px 8px;
	}
.pager strong{
	text-decoration: none;
	border: solid 1px #000;
	padding: 5px 8px;
	background: #000;
	color: #fff;
	}
.pager a:hover{
	background: #000;
	color: #fff;
	}

/******************************************************************************
global
******************************************************************************/
#global{
	z-index: 90;
	position: fixed;
	right: 0;
	top: 50%;
	height: 350px;
	margin-top: -188px;
	width: 124px;
	}
#global .inner{
	width: 102px;
	padding-bottom: 70px;
	background: url(../img/global/logo.png) no-repeat center bottom;
	}
#global h2{
	border-bottom: solid 3px #000;
	padding-bottom: 7px;
	margin-bottom: 10px;
	}
#global ul{
	margin-bottom: 12px;
	border-bottom: solid 3px #000;
	background: url(../img/global/bg_gl.gif) repeat-x 0 25px;
	}
#global ul li{
	padding-bottom: 1px;
	}
#global ul li.links{
	background: none;
	margin-bottom: 10px;
	}
#global ul li img{
	vertical-align: bottom;
	}
/* switch */
body#about li.about img,
body#member li.member img,
body#blog li.blog img,
body#photo li.photo img,
body#report li.report img,
body#court li.court img,
body#tech li.tech img,
body#contact li.contact img,
body#links li.links img{
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	}
body#about #global li.about{
	background: url(../img/global/gl_about_o.png) no-repeat left top;
	}
body#member #global li.member{
	background: url(../img/global/gl_member_o.png) no-repeat left top;
	}
body#blog #global li.blog{
	background: url(../img/global/gl_blog_o.png) no-repeat left top;
	}
body#photo #global li.photo{
	background: url(../img/global/gl_photo_o.png) no-repeat left top;
	}
body#report #global li.report{
	background: url(../img/global/gl_report_o.png) no-repeat left top;
	}
body#court #global li.court{
	background: url(../img/global/gl_court_o.png) no-repeat left top;
	}
body#tech #global li.tech{
	background: url(../img/global/gl_tech_o.png) no-repeat left top;
	}
body#contact #global li.contact{
	background: url(../img/global/gl_contact_o.png) no-repeat left top;
	}
body#links #global li.links{
	background: url(../img/global/gl_links_o.png) no-repeat left top;
	}

/******************************************************************************
bn-pickup
******************************************************************************/
#bn-pickup{
	position: fixed;
	bottom: 46px;
	right: 235px;
	width: 78px;
	height: 52px;
	z-index: 99;
	overflow: hidden;
	padding-bottom: 15px;
	}
#bn-pickup p{
	background: #000;
	}
/*#bn-pickup .sliderContent{
	width: 78px;
	height: 52px;
	overflow: hidden;
	background: #000;
	}
#bn-pickup .sliderBullets {
	position:absolute;
	bottom:0px;
	right:0;
	z-index:50;
	}
#bn-pickup .sliderBullets a {
	display:block;
	float:left;
	text-indent:-9999px;
	margin-left:5px;
	width:10px;
	height:11px;
	background:url(/fcroman/cmn/theme/mobilyslider/img/bullets.png) no-repeat;
	}
#bn-pickup .sliderBullets .active {
	background-position:0 -11px;
	}
#bn-pickup .sliderContent a {
	outline:none;
	}*/

/******************************************************************************
schedule
******************************************************************************/
#schedule{
	position: fixed;
	bottom: 47px;
	right: 15px;
	width: 212px;
	height: 50px;
	background: #ff2053;
	border: solid 1px #000;
	z-index: 100;
	margin-bottom: 14px;
	}
#schedule .day{
	position: absolute;
	top: 10px;
	left: 8px;
	}
#schedule .btn{
	position: absolute;
	top: 9px;
	left: 128px;
	}
#schedule .badge{
	position: absolute;
	top: -29px;
	right: -15px;
	}

/******************************************************************************
footer
******************************************************************************/
#footer{
	background: url(../img/footer/bg_dot.gif) no-repeat 118px 15px #000;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	color: #fff;
	font-size: 1.2em;
	z-index: 100;
	}
#footer h3{
	position: absolute;
	top: 13px;
	left: 15px;
	}
#footer p{
	position: absolute;
	top: 18px;
	left: 96px;
	}
#footer ul{
	z-index:100;
	position: absolute;
	top: 10px;
	right: 15px;
	height: 20px;
	}
#footer ul li{
	display: inline;
	margin-right: 5px;
	}

/*------------------------------*/
/*news*/
/*------------------------------*/
#footer #news{
	position: absolute;
	top: 10px;
	left: 130px;
	}
#footer #news a:link,
#footer #news a:visited{
	color:#fff;
	}
#footer #news dl{
	width: 680px;
	line-height: 1.5;
	}
#footer #news dl dt{
	float: left;
	width: 90px;
	}
#footer #news dl dd{
	float: left;
	width: 590px;
	overflow: hidden;
	}
#footer #news .news-entry{
	width: 680px;
	line-height: 1.5;
	}
#footer #news p{
	position: relative;
	top: auto;
	left: auto;
	}
#footer #news p.news-day{
	float: left;
	width: 90px;
	}
#footer #news p.news-ttl{
	float: left;
	width: 590px;
	overflow: hidden;
	}
/*------------------------------*/
/*fb*/
/*------------------------------*/
#fb{
	position:fixed;
	top: 15px;
	right: 15px;
	z-index: 100;
	}


/******************************************************************************
tooltip
******************************************************************************/
#fukidashi{
	display: none;
	z-index: 100;
	position: fixed;
	bottom: 120px;
	right: 140px;
	padding-bottom: 6px;
	background: url(/fcroman/cmn/img/footer/arrow_tooltip.gif) no-repeat 245px bottom;
	}
#fukidashi .inner{
	width: 382px;
	border: solid 2px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url(/fcroman/cmn/img/footer/bg_tooltip.gif) #fff;
	}
#fukidashi ul{
	padding: 20px 20px 10px 20px;
	}
#fukidashi ul li{
	float: left;
	margin: 0 10px 10px 0;
	}
#fukidashi ul li:nth-child(4n){
	margin: 0 0 10px 0;
	}
#fukidashi ul li a:hover img{
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
	}

/******************************************************************************
off
******************************************************************************/
#off{
	display: none;
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
	width: 100%;
	min-height: 100%;
	background: #000;
	color: #fff;
	z-index: 1;
	}

/******************************************************************************
for smartphone
******************************************************************************/
.iphone,
.android{
	padding-top: 110px;
	}
.iphone #bt-selection,
.iphone #schedule,
.iphone #footer,
.iphone #bn-pickup{
	display: none!important;
	}
/*------------------------------*/
/*smart*/
/*------------------------------*/
#smart{
	position: fixed;
	z-index:200;
	top: 0;
	width: 100%;
	}
#smart a{
	background:#000;
	color:#fff;
	text-align:center;
	font-weight:bold;
	display:block;
	padding:30px 10px;
	font-size: 35px !important;
	}