@charset "utf-8";


body{ color:#666;}
#contents{ width:960px; margin:0 auto;}
#main{ width:720px; float:left; margin-bottom:40px; position:relative;}

.fontS{ font-size:85%;}
.fontL{ font-size:123.1%;}


/* ------------------------------------------------------ *
	header
 * ------------------------------------------------------ */

#header{ background:url(../img/background_header.jpg) repeat-x; border-bottom:4px #319D77 solid; position:relative;}
#header h1{ width:960px; margin:0 auto; font-size:77%; color:#FFF; line-height:35px; z-index:0;}

#tools{ position:absolute; width:340px; height:35px; top:0; left:50%; z-index:10; margin-left:140px; font-size:93%;}
#tools .font-size{ float:right; line-height:23px; margin-top:5px;}
#tools .font-size img{ vertical-align:middle;}
#tools .font-size h2{ float:left; color:#FFF; line-height:23px; font-weight:normal; font-size:85%; margin-right:0.75em;}
#tools ul{ float:left; list-style-type:none;}
#tools li{	float:left; margin-left:1px; cursor:pointer; -moz-transition:opacity 0.2s linear; -webkit-transition:opacity 0.2s linear; transition:opacity 0.2s linear;}
#tools li:hover,
#tools.fontS li#fontS,
#tools.fontM li#fontM,
#tools.fontL li#fontL{ opacity:0.6; -moz-opacity:0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=60)';}

#google-search-box{ width: 170px; float:left !important; margin-top:2px;}
.gsc-search-button-v2{ padding:5px 12px !important;}
.gsc-input{ padding-right:5px !important;}
.gsc-input-box{ border:0 !important; background-color:#319D77 !important;}
.gsib_a{ background-image:none !important; background-color:#319D77 !important; padding:0 !important;}
.gsib_b{ display:none !important;}

#root-header{	min-width: 960px;	border-top: solid 5px #309D76;	padding: 0 50px;	position: relative; font-size:123.1%;	color: #309D76;	box-sizing: border-box;}
#root-header h1{	position: absolute;	right: 30px;	top: 50%;	font-weight: 500;	line-height: 1.4;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* ---------------------------------- *
	nav
 * ---------------------------------- */

#header nav{ width:960px; height:105px; margin:0 auto; position:relative;}
#ul-main{ width:646px; height:60px; position:absolute; bottom:0; right:0; z-index:1;}
#ul-main li{ float:left; width:108px; height:60px;}
#ul-main li a{ display:block; height:100%; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat;}
#ul-main li a:hover,
#ul-main li a.hover{ background:none !important;}
#ul-main li.n1{		background-image:url(../img/nav01_s2.jpg);}
#ul-main li.n1 a{	background-image:url(../img/nav01.jpg);}
#ul-main li.n2{		background-image:url(../img/nav02_s2.jpg);}
#ul-main li.n2 a{	background-image:url(../img/nav02.jpg);}
#ul-main li.n3{		background-image:url(../img/nav03_s2.jpg);}
#ul-main li.n3 a{	background-image:url(../img/nav03.jpg);}
#ul-main li.n4{		background-image:url(../img/nav04_s2.jpg); width:107px;}
#ul-main li.n4 a{	background-image:url(../img/nav04.jpg);}
#ul-main li.n5{		background-image:url(../img/nav05_s2.jpg); width:107px;}
#ul-main li.n5 a{	background-image:url(../img/nav05.jpg);}
#ul-main li.n6{		background-image:url(../img/nav06_s2.jpg);}
#ul-main li.n6 a{	background-image:url(../img/nav06.jpg);}

body#about #ul-main li.n1 a{	background-image:url(../img/nav01_s2.jpg);}
body#search #ul-main li.n2 a{	background-image:url(../img/nav02_s2.jpg);}
body#match #ul-main li.n3 a{	background-image:url(../img/nav03_s2.jpg);}
body#pickup #ul-main li.n4 a{	background-image:url(../img/nav04_s2.jpg);}
body#founder #ul-main li.n5 a{	background-image:url(../img/nav05_s2.jpg);}
body#support #ul-main li.n6 a{	background-image:url(../img/nav06_s2.jpg);}

#ul-sub{ position:absolute; top:0; right:0; z-index:0; width:645px; font-size:85%; line-height:28px; text-align:center;}
#ul-sub li{
	float:right; height:28px; background-color:#319D77; margin-left:5px; font-weight:bold; text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;
	box-shadow:0 2px 5px rgba(0,0,0,0.2) inset; -moz-box-shadow:0 2px 5px rgba(0,0,0,0.2) inset; -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2) inset;
	-moz-transition:0.15s linear; -webkit-transition:0.15s linear; transition:0.15s linear;
}
#ul-sub li a{ display:block; height:100%; color:#FFF;}
#ul-sub li:hover{ height:33px; line-height:33px;}
#ul-sub li img{ vertical-align:middle; margin-right:3px;}
#ul-sub li.n1{ background-color:#AFAFAF; width:80px;}
#ul-sub li.n2{ background-color:#16B5D6;}
#ul-sub li.n2 a{ width:140px;}
#ul-sub li.n3 a,
#ul-sub li.n4 a{ width:90px;}
#ul-sub li.n5 a{ width:154px;}

#nav-about{ height:53px; list-style-type:none; position:absolute; top:0; left:0; z-index:2;}
#nav-about li{ float:left; width:160px; height:53px;}
#nav-about a{ display:block; height:100%; text-indent:-9999px; overflow:hidden;}
#nav-about a:hover,
#nav-about a.hover{	background:none !important;}
#nav-about li.n1{		background-image:url(../img/nav-about01_s2.jpg);}
#nav-about li.n1 a{	background-image:url(../img/nav-about01.jpg);}
#nav-about li.n2{		background-image:url(../img/nav-about02_s2.jpg);}
#nav-about li.n2 a{	background-image:url(../img/nav-about02.jpg);}
#nav-about li.n3{		background-image:url(../img/nav-about03_s2.jpg);}
#nav-about li.n3 a{	background-image:url(../img/nav-about03.jpg);}
#nav-about li.n4{		background-image:url(../img/nav-about04_s2.jpg);}
#nav-about li.n4 a{	background-image:url(../img/nav-about04.jpg);}
#nav-about li.n5{		background-image:url(../img/nav-about05_s2.jpg);}
#nav-about li.n5 a{	background-image:url(../img/nav-about05.jpg);}
#nav-about li.n6{		background-image:url(../img/nav-about06_s2.jpg);}
#nav-about li.n6 a{	background-image:url(../img/nav-about06.jpg);}
body#about.business #nav-about > ul > li.n2 > a{	background-image:url(../img/nav-about02_s2.jpg);}
body#about.coordinators #nav-about > ul > li.n3 > a{	background-image:url(../img/nav-about03_s2.jpg);}
body#about.about #nav-about > ul > li.n4 > a{	background-image:url(../img/nav-about04_s2.jpg);}
body#about.reviews #nav-about > ul > li.n5 > a{	background-image:url(../img/nav-about05_s2.jpg);}

#ul-about-toggle{ width:870px; height:40px; padding:15px 45px; background:url(../img/background-gray80.png); position:absolute; top:51px; left:0; z-index:50; /* 以下メニュー一時センタリング用 */ padding-left:370px; width:545px;}
#ul-about-toggle li{
	height:40px; margin:0 5px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	box-shadow:0 1px 4px rgba(0,0,0,0.3); -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
}
#ul-about-toggle li.n1{		background-image:url(../img/nav-about-business1_s2.png); width:81px;}
#ul-about-toggle li.n1 a{	background-image:url(../img/nav-about-business1.png);}
#ul-about-toggle li.n2{		background-image:url(../img/nav-about-business2_s2.png); width:121px;}
#ul-about-toggle li.n2 a{	background-image:url(../img/nav-about-business2.png);}
#ul-about-toggle li.n3{		background-image:url(../img/nav-about-business3_s2.png); width:175px;}
#ul-about-toggle li.n3 a{	background-image:url(../img/nav-about-business3.png);}
#ul-about-toggle li.n4{		background-image:url(../img/nav-about-business4_s2.png); width:191px;}
#ul-about-toggle li.n4 a{	background-image:url(../img/nav-about-business4.png);}
#ul-about-toggle li.n5{		background-image:url(../img/nav-about-business5_s2.png); width:123px;}
#ul-about-toggle li.n5 a{	background-image:url(../img/nav-about-business5.png);}
#ul-about-toggle li.n6{		background-image:url(../img/nav-about-business6_s2.png); width:119px;}
#ul-about-toggle li.n6 a{	background-image:url(../img/nav-about-business6.png);}
body#about.business.advice #ul-about-toggle li.n1 a{		background-image:url(../img/nav-about-business1_s2.png);}
body#about.business.use #ul-about-toggle li.n2 a{			background-image:url(../img/nav-about-business2_s2.png);}
body#about.business.education #ul-about-toggle li.n3 a{	background-image:url(../img/nav-about-business3_s2.png);}
body#about.business.support #ul-about-toggle li.n4 a{	background-image:url(../img/nav-about-business4_s2.png);}
body#about.business.info #ul-about-toggle li.n5 a{			background-image:url(../img/nav-about-business5_s2.png);}
body#about.business.facilities #ul-about-toggle li.n6 a{	background-image:url(../img/nav-about-business6_s2.png);}

#nav-business{ position:absolute; top:0; left:0; z-index:100; height:51px;}
#nav-business li{ list-style-type:none; float:left; position:relative; height:51px; overflow:hidden;}
#nav-business li a:hover img,
#nav-business li.active a img{ margin-top:-51px;}



/* ------------------------------------------------------ *
	pickup
 * ------------------------------------------------------ */

#pickup-slider{	width: 100%;	height: 380px;	min-width: 960px;	overflow: hidden;	background: url(../img/background_pickup.png) repeat-x;	position:relative;	margin-bottom:25px;}
#pickup-slider #slideshow{ width:100%; position:absolute; top:25px; left:0; z-index:0;}
#pickup-slider #slideshow ul{ list-style-type:none;}
#pickup-slider #slideshow li{
	display:block; width:950px; height:280px; float:left; padding:5px; margin:0 20px; background-color:#FFF;
	-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
}
#pickup-slider a.prev,
#pickup-slider a.next{ display:block; width:50%; height:320px; text-indent:-9999px; overflow: hidden; position:absolute; top:0; z-index:5;}
#pickup-slider a.prev{ left:-479px; background:url(../img/btn_pickup_left.png) no-repeat right 50%, url(../img/background_pickup.png) repeat-x;}
#pickup-slider a.next{ right:-480px; background:url(../img/btn_pickup_right.png) no-repeat left 50%, url(../img/background_pickup.png) repeat-x;}

#pickup-slider #thumb{
	width:920px; height:85px; background:url(../img/background_pickup_thumb.png) no-repeat; list-style-type:none;
	position:absolute; bottom:0; left:50%; z-index:10; margin-left:-470px; padding:10px 10px 0;
}
#pickup-slider #thumb ul{ list-style-type:none;}
#pickup-slider #thumb li{
	 width:164px; height:60px; float:left; margin:0 5px; padding:5px; background-color:#FFF;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer;
}
#pickup-slider #thumb li.selected{
	background: #5dd3ee;
	background: -moz-linear-gradient(top,  #5dd3ee 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5dd3ee), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #5dd3ee 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #5dd3ee 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #5dd3ee 0%,#ffffff 100%);
	background: linear-gradient(top,  #5dd3ee 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dd3ee', endColorstr='#ffffff',GradientType=0 );
}
#pickup-slider #thumb li img{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

/* ---------- */

#pickup-slider #thumb a{
	display:block; width:164px; height:60px; float:left; margin:0 5px; padding:5px; background-color:#FFF;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer;
}
#pickup-slider #thumb a.selected{
	background: #5dd3ee;
	background: -moz-linear-gradient(top,  #5dd3ee 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5dd3ee), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #5dd3ee 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #5dd3ee 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #5dd3ee 0%,#ffffff 100%);
	background: linear-gradient(top,  #5dd3ee 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dd3ee', endColorstr='#ffffff',GradientType=0 );
}
#pickup-slider #thumb a img{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}



/* ------------------------------------------------------ *
	random banner
 * ------------------------------------------------------ */

#random{ width:100%; height:110px; background:url(../img/background_random.png) no-repeat center top; margin-bottom:30px; padding-top:10px; position:relative;}
#random .inner{ width:870px; height:110px; margin:0 auto; overflow:hidden;}
#random ul{ font-size:77%; line-height:1.25em; list-style-type:none;}
#random li{ display:block; width:120px; height:110px; margin:0 2px; float:left;}
#random li a{
	color:#52E0DB; background:url(../img/background-green-120px.png) no-repeat center top; display:block;
	-moz-transition:opacity 0.2s linear; -webkit-transition:opacity 0.2s linear; transition:opacity 0.2s linear;
}
#random li a:hover{ opacity:0.6; -moz-opacity:0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=60)';}
#random li h1{ color:#666; font-weight:bold;}
#random a.prev,
#random a.next{ width:20px; height:100px; position:absolute; top:10px; z-index:5;}
#random a.prev{ left:50%; margin-left:-470px;} #random a.next{ left:50%; margin-left:450px;}

body#s3m #random{
	background:url(../img/background_blue_stone.jpg); padding-bottom:10px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
body#s3m #random li h1{ color:#FFF;}


/* ------------------------------------------------------ *
	side menu
 * ------------------------------------------------------ */

#side{ width:220px; float:right; margin-bottom:20px;}

#side nav{ margin-bottom:20px; background-color:#EFF7F8;}
#side nav ul{ list-style-type:none;}
#side nav li{ border-bottom:1px #319D77 dotted;}
#side nav li:hover{ background-color:#FFF;}
#side nav li a{ display:block; line-height:3.5em; text-indent:2em; color:#666; background:url(../img/arrow_m.png) no-repeat 1em center;}
#side nav li ul{ margin-bottom:1em;}
#side nav li li{ border:none; font-size:85%;}
#side nav li li a{ line-height:2em; padding-left:1em; background-image:url(../img/arrow_s.png); background-position:2em center;}

#side nav li a:hover,
body#topics.all #side nav li.n1 a, /* ---topics side menu---*/
body#topics.news #side nav li.n2 a,
body#topics.event #side nav li.n3 a,
body#topics.school #side nav li.n4 a,
body#about.index #side nav li.n1 a{ background-color:#FFF; font-weight:bold;}

#side-search{ width:220px; margin-bottom:20px;}
#side-search div{ background-color:#F0F7F3; padding:20px 20px 10px;}

#pickup_monthly{ margin-bottom:20px;}
#pickup_monthly div{ background-color:#EFF7F8; border:1px #78DCF1 solid;}
#pickup_monthly section{ margin:0 9px; padding:10px 0; line-height:1.4em; position:relative;}
#pickup_monthly section:first-child{ border-bottom:1px #D4DEE0 solid;}
#pickup_monthly section:last-child{ border-top:1px #FFF solid;}
#pickup_monthly section h1{ color:#15B4D6; font-weight:bold; font-size:93%; margin-bottom:0.5em;}
#pickup_monthly section p{ font-size:85%;}
#pickup_monthly section img.thumb{ margin-bottom:10px;}
#pickup_monthly section img.badge{ width:25px; height:21px; position:absolute; top:150px; right:0; z-index:0;}
#pickup_monthly section a{ color:#52E0DB; -moz-transition:opacity 0.2s linear; -webkit-transition:opacity 0.2s linear; transition:opacity 0.2s linear;}
#pickup_monthly section a:hover{
	opacity:0.6; -moz-opacity:0.6;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=60)';
}
#pickup_monthly.sub section p{ font-size:77%; line-height:1.5em;}
#pickup_monthly.sub section img.thumb{ float:left; margin-right:1em;}
#pickup_monthly.sub section img.badge{ top:0.6em;}

#pickup_monthly a.view_all{
	display:block; margin:0 8px 8px; border:1px #78DCF1 solid; background-image:url(../img/background-flag-blue.png); text-align:center;
	font-size:85%; line-height:3em; color:#666; font-weight:bold;
}
#pickup_monthly a.view_all:hover{
	opacity:0.6; -moz-opacity:0.6;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=60)';
}



/* ------------------------------------------------------ *
	pager
 * ------------------------------------------------------ */

#search_header{	border-bottom: 2px #319D77 solid;	line-height: 2em;	margin-bottom: 20px;}
#search_footer{ border-top:2px #319D77 solid; line-height:2em; margin-top:20px;}
#search_header p,	#search_footer p{ float:left;}
#search_header p b,	#search_footer p b{ color:#319D77; margin:0 0.25em; font-size:123.1%;}
#search_header ul,	#search_footer ul{ float:right;}
ul.ul-pagenation{ list-style-type:none;}
ul.ul-pagenation li{ display:inline; border-right:1px #319D77 solid; padding-left:0.25em; padding-right:0.75em;}
ul.ul-pagenation li.active{ font-weight:bold; color:#000;}
ul.ul-pagenation li.next{ border-right:none; padding-right:0;}
ul.ul-pagenation a{ color:#319D77;} ul.ul-pagenation a:hover{ color:#333;}

/* ---------------------------------- *
	business matching only
 * ---------------------------------- */
body#match #search_header{ border-bottom:none; background:url(../img/background-h2-match.png) repeat-x left bottom; padding-bottom:35px;}
body#match #search_footer{ border-top:2px #009BCF solid;}
body#match #search_header p b, body#match #search_footer p b{ color:#009BCF;}

/* ---------------------------------- *
	sumida 3M only
 * ---------------------------------- */
body#s3m #search_header{ border-bottom:none;}
body#s3m #search_footer{ border-top:none;}
body#s3m #search_header p b, body#s3m #search_footer p b{ color:#255A77;}
body#s3m .ul-pagenation li{border-right:1px #255A77 solid;}
body#s3m .ul-pagenation li.next{ border-right:none;}
body#s3m .ul-pagenation a{ color:#255A77;}

ul#pager{ text-align:center; list-style-type:none; margin:3em 0;}
ul#pager li{ display:inline;}
ul#pager li a{ text-decoration:none; border:1px #DEDEDE solid; color:#999; padding:0.4em 0.6em;}
ul#pager li a:hover{ text-decoration:underline; color:#CCC;}
ul#pager li.next a,
ul#pager li.previous a{	font-weight:bold;}
ul#pager li.active{ background:#319D77; color:#FFF; font-weight:bold; padding:0.4em 0.6em;}

nav#topic_path{ width:960px; margin:0 auto; font-size:77%; line-height:5em;}
nav#topic_path li{ display:inline; margin-right:0.75em;}
nav#topic_path li a{ background:url(../img/arrow_gray.png) no-repeat right center; padding-right:1.75em; color:#185E39;}
nav#topic_path li a:hover{ color:#666;}

a.prev_index{ text-align:center; margin:25px 60px; padding:1.5em 0;}

a.totop{ display:block; margin-bottom:20px;}



/* ------------------------------------------------------ *
	footer banner
 * ------------------------------------------------------ */

#fbnr{
	clear:both; width:880px; height:95px; border:1px #CECECE solid; margin:0 auto 40px; padding:10px 40px; background-color:#F0F7F3; position:relative;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
#fbnr div.inner{background-color:#FFF; padding:20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#fbnr ul{ list-style-type:none;}
#fbnr li{ display:block; width:160px; height:55px; margin:0 4px; float:left;}
#fbnr li img{ padding:2px; border:1px #CECECE solid;}
#fbnr a.prev,
#fbnr a.next{ position:absolute; width:20px; height:90px; top:10px; z-index:10;}
#fbnr a.prev{ left:10px;} #fbnr a.next{ right:10px;}



/* ------------------------------------------------------ *
	footer
 * ------------------------------------------------------ */

#footer{ clear:both; width:100%; background:#EEE url(../img/border_double_x.png) repeat-x center top;}
#footer article{ width:960px; margin:0 auto; padding:30px 0;}
#footer article section{ float:right; text-align:right;}
#footer article section h1{ margin-bottom:10px;}
#footer article section address,
#footer article section small{ font-weight:bold; line-height:1.5em; font-style:normal; font-size:93%; display:block;}
#footer article section small{ margin-bottom:10px;}

#footer article nav{ float:left; font-size:93%;}
#footer article nav a{ color:#666; text-decoration:underline;}
#footer article nav ul{ background:url(../img/border_double_y.png) repeat-y right center;}
#footer article nav ul ul{ background:none;}
#footer article nav ul ul ul{ margin-top:0.75em; margin-left:0.5em;}
#footer article nav li.tree{ height:130px; float:left; background:url(../img/border_double_y.png) repeat-y left center; padding:5px 25px 5px 20px;}
#footer article nav li.tree li{ margin-bottom:1em;}
#footer article nav li.tree li a{ background:url(../img/arrow_right.png) no-repeat left center; padding-left:1em; font-weight:bold;}
#footer article nav li.tree li li{ margin-bottom:0.5em;}
#footer article nav li.tree li li a{ background:url(../img/arrow_s.png) no-repeat left center; font-size:93%; font-weight:normal;}

#footer footer{ background:#F5F5F5; border-top:1px #D8D8D8 solid; position:relative; height:35px;}
#footer footer ul{ width:720px; position:absolute; left:50%; top:7px; z-index:10; margin-left:-480px;}
#footer footer small{ width:240px; text-align:right; line-height:35px; color:#05A45F; font-size:85%; position:absolute; left:50%; top:0; z-index:0; margin-left:240px;}