@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; margin:0;}
#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{ width:100%; margin:0 auto; text-align:center; height:80px;background:#51a3d0;}
header #globalHeader{ width:900px; margin:0 auto; text-align:center; height:80px; position:relative;}
header #globalHeader h1{ margin:0; position:absolute; top:22px;}
header #globalHeader ul{ float:right;}
header #globalHeader ul li{ float:left; font-size:13px; margin-left:20px; margin-top:14px; padding:4px; letter-spacing:0.2ex;font-family: "FOT-筑紫A丸ゴシック Std D"; height:48px;}
header #globalHeader ul li a{ color:#fff; font-weight:normal; border-bottom:none; padding-bottom:3px;}
header #globalHeader ul li a:hover{border-bottom:1px dotted #fff;}
header #globalHeader ul li.naviCurrent{
	background-image:url("/info/img/logos_w.png");
	background-repeat:no-repeat;
	background-position:center 28px;
}

header #globalHeader ul li.naviExternal{
	background:#ffffff;
	font-size:12px;
	height:auto;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	margin-top:14px;
}
header #globalHeader ul li.naviExternal a{ color:#56b186;font-weight: normal;}
header #globalHeader ul li.naviExternal a:hover{border-bottom:1px dotted #56b186;}
/*----------------------------------------------------
	#main
----------------------------------------------------*/
div#main-wrapper{width:100%; margin:60px auto 0 auto;}
div#main{width:900px; margin:0 auto;}
div#main p{ font-size:108%; line-height:1.8em;}
div#main h2{ font-size:197%; border-bottom:5px solid #51a3d0; text-align:center;padding:5px; margin-top:30px; letter-spacing:0.1ex;font-family: "FOT-筑紫A丸ゴシック Std D";font-weight: normal;}
div#main h3{ font-size:153.9%; border-left:5px solid #51a3d0; width:auto; padding:5px; margin:50px auto -5px auto;font-family: "FOT-筑紫A丸ゴシック Std D";font-weight: normal;}
div#main h4{font-size:138.5%; width:auto; padding:0px; color:#51a3d0; margin:15px auto -10px auto;font-family: "FOT-筑紫A丸ゴシック Std D";font-weight: normal;}
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:900px; text-align:center;border-top:5px solid #51a3d0;}
footer #footernavi{
	margin-top:30px;
	margin-bottom:20px;
	letter-spacing:0.2ex;
	font-size:93%;
	font-family: "FOT-筑紫A丸ゴシック Std D";
}
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 */
#faqList li {
	margin-bottom: 5px;
}
#faq div {
	padding-left: 1em;	
}
#faq dl dt {
	padding-bottom: 8px;
}
#faq dl dd {
	display:block;
	padding-bottom: 10px;
	line-height: 1.4em;
}

.useNav {
	text-align: center;
	font-size: 108%;
	letter-spacing: 2px;
	font-family: "FOT-筑紫A丸ゴシック Std M";
}
.useBox li {
	margin-top: 20px;
}
.useBox .image {
	float: left;
}

.useBox .text {
	width: 430px;
	float: right;
}
div#main .useBox p {
	margin: 0 0 15px 0;
}
div#main .useBox h4 {
	margin: 0 0 10px 0;
	color: #51A3D0;
}
div#main .useBox h5 {
	width: auto;
	background: none;
	color: #56b186;
	text-align: left;
	font-size:108%;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

/* company */
dl#company {
	margin:50px auto;
	width:280px;
}
dl#company dt {
	clear: left;
	float: left;
	width: 8em;
	margin-bottom:20px;
	font-weight:bold;
}

dl#company dd {
	display:block;
	margin-bottom:20px;
	margin-left:8em;
	line-height: 1.4em;
}

.c999 {
	color: #999999;
}


div#main p.terms {
	font-size:100%;
}


/* top メイン画像 */

div#main p#topImageArea{
	position:relative;
	width:900px;
	height:378px;
	overflow: hidden;
}

div#main p#topImageArea img.topImage{
	position:absolute;
	top:0;
	left:0;
	display:none;
}

/* top アルバムサンプル */
div#main ul#albumList{
	margin-top:33px;
	margin-left:-40px;
	width:933px;
}

div#main ul#albumList li{
	float:left;
	width:200px;
	height:292px;
	background:url(/info/img/info_site_back.jpg) no-repeat;
	margin-right:33px;
	margin-left:0px;
	margin-bottom:21px;
}

div#main ul#albumList li img{
	margin:10px 10px 5px 10px;
}

div#main ul#albumList li a.albumListImg  {border-bottom:none;}
div#main ul#albumList li a:hover.albumListImg{opacity:0.7;}
div#main ul#albumList li p.albumListTitle{
	margin:0 10px 5px 10px;
	text-align:center;
	font-family: "FOT-筑紫A丸ゴシック Std M";
	line-height:1.3em;
}
div#main ul#albumList li p.albumListCopy{
	margin:0 10px 5px 10px;
	font-size:93%;
	line-height:1.4em;
}

div#main h4#user{font-size:108%;}

.borderBox {
	text-align:center;
	border: 5px solid #51a3d0;
	padding: 40px 20px;
}

/* detail */
#project-detail div#main h5 {
	width: auto;
	background: none;
	color: #51a3d0;
	text-align: left;
	font-size:123.1%;
	padding: 0;
	margin-top: 0;
	margin-bottom: -10px;
	font-family: "FOT-筑紫A丸ゴシック Std D";
}
/*{font-size:123.1%; width:200px; color:#fff; padding:3px; background:#51a3d0; text-align:center; margin-top:15px; margin-bottom:10px;}*/

/* contact */
#contact table {
	width: 690px;
	margin: 0 auto;
}
#contact table th {
	font-family: "FOT-筑紫A丸ゴシック Std D";
	width: 200px;
	padding: 12px 5px 10px 5px;
	text-align: left;
	vertical-align: top;
	line-height:1.6em;
}
#contact table td {
	padding: 5px;
}
#contact table td.center {
	text-align: center;
}
#contact input,#contact textarea, #contact select {
	border: 1px solid #999;
	padding: 5px 8px;
	color: #444;
}
#contact input[type="submit"] {
	background: #fff;
	border: 3px solid #52A3D2;
	color: #52A3D2;
	padding: 3px 30px;
	width:200px;
	text-align:center;
	cursor: pointer;
	font-weight:bold;
	font-size: 123.1%;
}
#contact input[type="submit"]:hover {
	background: #52A3D2;
	color: #fff;
}
#contact input.txt1 {
	width: 470px;
}
#contact textarea {
	width: 470px;
	height: 15em;
	line-height: 1.5em;
	color: #444;
}
#contact .errMsg {
	color: #F30;
	padding: 0;
	margin: 0;
}




/*shareボタン*/
#shareButton{
	float:right;
	margin-top:-84px;
}
.sharrre{
	margin:0 0 0 10px;
	float:left;
}
.sharrre .box a:hover{
	text-decoration:none;
}
.sharrre .count {
	color:#525b67;
	display:block;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	height:20px;
	position:relative;
	text-align:center;
	width:50px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #b2c6cc;
	background: #fbfbfb; /* Old browsers */
	background: -moz-linear-gradient(top, #fbfbfb 0%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.sharrre .count:before, .sharrre .count:after {
	content:'';
	display:block;
	position:absolute;
	left:49%;
	width:0;
	height:0;
}
.sharrre .count:before {
	border:solid 7px transparent;
	border-top-color:#b2c6cc;
	margin-left:-7px;
	bottom: -14px;
}
.sharrre .count:after {
	border:solid 6px transparent;
	margin-left:-6px;
	bottom:-12px;
	border-top-color:#fbfbfb;
}
.sharrre .share {
	color:#FFFFFF;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	margin-top:8px;
	padding:0;
	text-align:center;
	text-decoration:none;
	width:50px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px; 
}
#twitter .share {
	background: #26c3eb;
}
#facebook .share {
	background: #5582c9; /* Old browsers */
}

/*topBackボタン*/
#topBack{
	position:fixed;
	right:-35px;
	bottom:40px;
	width:60px;
	height:60px;
	line-height:60px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	background:#51a3d0;
	font-size: 12px;
	color:#fff;
	font-family: "FOT-筑紫A丸ゴシック Std M";
	padding-left:5px;
}
a:hover #topBack{
	background:#93c8e6;
}