@charset "utf-8";
/* ===================================================================
 style info : All page Stlye
 	[Document Model]
	html > body - div.edge > #container > #wrapper - #globalHeader > #side,#main > #cont < #main_list,#map,#calender
 							 #over_view > #over_cont,#close_btn > #tweet_detail,page_info
							 
 	[width]
	body : height=100%,min-width:100%
	overflow-x : hidden
	
	
	[version color] #ffe400
	
	
	[font]
	color : #333333
	family : ヒラギノ、メイリオ、MSゴシック
	
	
	[z-index]
	html > #container > #wrapper > #main >  #cont : default
	html > #container > #wrapper > #side : 100
	html > div.edge : 501-504
	html > #over_view : 1000
	html > #over_view > #over_cont > #tweet_detail: 1010
	html > #over_view > #over_cont > #info: 1020
	html > #container > #wrapper > #globalHeader h1 : 9999
	
	

 Library	
	[lyout Reset (YUI)] use
 	
	[font (YUI)]
				 |px|%|
				 |10|77|
				 |11|85|
				 |12|93|
				 |13|100|
				 |14|108|
				 |15|116|
				 |16|123.1|
				 |17|131|
				 |18|138.5|
				 |19|146.5|
				 |20|153.9|
				 |21|161.6|
				 |22|167|
				 |23|174|
				 |24|182|
				 |25|189|
				 |26|197|
				 
				
 
=================================================================== */

/*----------------------------------------------------
	common
----------------------------------------------------*/
*{zoom:1}

/* for IE8以下 */
article, aside, dialog, figure, footer,header, hgroup, nav, section{display:block;}

html,
body{text-align:left; font-family:"FOT-筑紫A丸ゴシック Std R","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#333333;}
#container{width:100%;}

/*html,
body{text-align:left; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#333333; height:100%; overflow-x:hidden; width:auto !important; width:100%; min-width:700px;overflow-y: hidden;}
#container{height:auto !important; height:100%; min-height:100%; position:relative; margin-top:-20px; background:#eee; width:100%;}*/

/* window付border */
#top-edge, #bottom-edge, #left-edge, #right-edge{background:#51a3d0;}
#left-edge{position:fixed; top:0; bottom:0; left:0; width:5px; height:100%; z-index:501;}
#right-edge{position:fixed; top:0; bottom:0; right:0; width:5px; height:100%; z-index:502;}		
#top-edge{position:fixed; top:0; left:0; right:0; width:100%; height:5px; z-index:503;}
#bottom-edge{position:fixed; bottom:0; left:0; right:0; width:100%; height:5px; z-index:504;}	

/* その他共通要素 */		
img{border-style:none; border-width:0px; margin:0px; padding:0px; vertical-align:bottom;}
ul{list-style:none;}
a {border-bottom:1px dotted #51a3d0; font-weight:normal; color:#000; text-decoration:none; font-family:"FOT-筑紫A丸ゴシック Std D";}
a:hover{color:#51a3d0; text-decoration:none;}



/*--------------------------------------------------------------------------------------------------------------------------------------------------main*/
/*----------------------------------------------------
	#wrapper
----------------------------------------------------*/



/*----------------------------------------------------
	header
----------------------------------------------------*/
header#globalHeader{ width:600px; margin:0 auto; text-align:center; height:101px;}*/

/*----------------------------------------------------
	#main
----------------------------------------------------*/
div#main-wrapper{width:640px; margin:0 auto;}
div#main{width:600px; margin:0 auto;}
div#main h2{ font-size:182%; border-bottom:5px solid #51a3d0; text-align:center;padding:5px; margin-top:30px; letter-spacing:0.1ex;}
div#main h3{ font-size:138.5%; border-left:5px solid #51a3d0; width:auto; padding:5px; margin:50px auto -5px auto;}
div#main h4{font-size:123.1%; width:auto; padding:0px; margin:15px auto -10px auto;}
div#main h5{font-size:123.1%; width:200px; color:#fff; padding:3px; background:#51a3d0; text-align:center; margin-top:15px; margin-bottom:10px;}
div#main .attention{color:#51a3d0; font-weight:bold;}
div#main .select{color:#51a3d0; font-weight:bold; font-size:108%;}
div#main span.notice{color:#999; font-size:85%;}
div#main p.notice{color:#999; font-size:85%; line-height:1.4em; margin-top:-10px;}

div.socialBtn{height:29px;}
div.socialBtn p{float:right;margin-left:10px;margin-top:5px;}

footer{margin:40px auto 40px auto; width:600px; text-align:center;}
footer #footernavi{
	margin-bottom:20px;
	letter-spacing:0.2ex;
	line-height:1.3em;
	font-size:85%;
}
footer #copyright{
	padding-bottom:20px;
	letter-spacing:0.1ex;
	font-size:85%;
}
/*----------------------------------------------------
	Library
----------------------------------------------------*/
/*______________________________________Flexscroll*/
.scrollgeneric {line-height:1px; font-size:1px; position:absolute; top:0; left:0;}
.vscrollerbase {width:10px; background:url("../img/slider_bg.png") repeat-y;}
.vscrollerbar {width:10px; background-color:#ddd;}
.hscrollerbase {height:10px; background:url("../img/slider_hbg.png") repeat-x;}
.hscrollerbar {height:10px; background-color:#ddd;}



/* General
----------------------------------------------------*/
/*----------------------------------------------------------------

	
	clearfix
	
	
----------------------------------------------------------------*/

.clearfix:after {
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;
 /*
 font-size: 0.1em;
 line-height: 0;
 */
}

.clearfix {
	zoom : 1; 
}

.clearfix {
 display: inline-block;
}

/* Hide from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


/* Basic
----------------------------------------------------*/

.thin_image{margin:0px; padding:0px; font-size:1px; line-height:1px;}
.img_with_cap{ margin:0px 0px 3px 0px;}
.td_nowrap{white-space:nowrap;}
.text_nowrap{white-space:nowrap;}
.over_color{
/* For Mozilla/Gecko (Firefox etc) */
-moz-box-shadow:#ffe400 0px 0px 10px 20px inset;
/* For WebKit (Safari, Google Chrome etc) */
-webkit-box-shadow:#ffe400 0px 0px 10px 20px inset;
box-shadow:#ffe400 0px 0px 10px 10px inset;
/* For Internet Explorer */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#ffe400);
}



/*_________________________ font */
.font10{font-size:10px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font_bold{font-weight:bold;}
.font_red{color:#eb0014;}
	
/*_________________________ float*/
.f_left{float:left;}
.f_right{float:right;}

/*_________________________ align*/
.align_c{text-align:center;}
.align_r{text-align:right;}
.align_l{text-align:left;}
.valign_t{vertical-align:top;}
.valign_m{vertical-align:middle;}
.valign_b{vertical-align:bottom;}
	
/*_________________________ margin,padding __*/
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_20{margin-top:20px;}
.mt_25{margin-top:25px;}
.mt_30{margin-top:30px;}
.mt_40{margin-top:40px;}
.mb_5{margin-bottom:5px;}
.mb_8{margin-bottom:8px;}
.mb_10{margin-bottom:10px;}
.mb_20{margin-bottom:20px;}
.mb_30{margin-bottom:30px;}
.mb_40{margin-bottom:40px;}
.ml_20{margin-left:20px;}
.mr_10{margin-right:10px;}
.mr_20{margin-right:20px;}

.pt_10{padding-top:10px;}
.pt_20{padding-top:20px;}
.pt_30{padding-top:30px;}
.pb_10{padding-bottom:10px;}
.pb_20{padding-bottom:20px;}
.pb_30{padding-bottom:30px;}
.pr_10{padding-right:10px;}


/* faq */
.useNav {
	/*text-align: center;*/
	margin-left:20px;
	font-size: 24px;
	line-height: 2.0em;
	letter-spacing: 2px;
}
.useNav a{
	/*background:#f4f4f4;*/
	padding:6px;
	border-bottom-width:3px;
}
.useBox {
	list-style: none;
	margin: 0;
	padding: 0;
}
.useBox li {
	margin-top: 20px;
}

.useBox .text {
	font-size: 18px;
	line-height: 1.6em;
}

div#main h3 {
	font-size: 24px;
	font-weight:normal;
	text-shadow:1px 0 1px #333;
	font-family:"FOT-筑紫A丸ゴシック Std D";
}
div#main .useBox p {
	margin: 0 0 15px 0;
}
div#main .useBox h4 {
	margin: 0 20px 5px 0;
	font-size: 20px;
	color: #51A3D0;
	font-weight: normal;
	text-shadow:1px 0 1px #51A3D0;
	text-align:center;
	font-family:"FOT-筑紫A丸ゴシック Std D";
}
div#main .useBox p.image{
	width:100%;
	text-align:center;
}
div#main .useBox p.image img{
	margin:0 auto;
}
div#main .useBox h5 {
	width: auto;
	background: none;
	color: #56b186;
	text-align: left;
	font-size:20px;
	padding: 0;
	margin-top: 24px;
	margin-bottom: 0;
	font-weight: normal;
	text-shadow:1px 0 1px #56b186;
	font-family:"FOT-筑紫A丸ゴシック Std D";
}

div#main .useBox a {
	border-bottom-width:3px;
}

.c999 {
	color: #999999;
}