@charset "utf-8";


/* ------------------------------------------------------ *
	index
 * ------------------------------------------------------ */

#search-point{ height:214px; background-image:url(../img/background-index-search.png); margin-bottom:5px;}
#search-point h1{ text-align:center;} #search-point h1 img{ margin-top:-5px;}
#search-point ul{ margin-left:1%; font-size:12px !important; text-shadow:1px 1px 0 #FFF;}
#search-point li{ list-style-type:none; width:33%; float:left;}
#search-point li p{ line-height:1.5em; margin:0.75em 2em 0;}

#search_keyword{ width:100%; margin-bottom:20px;}
#search_keyword div{ background-color:#C8E1D2; padding:20px;}
#search_keyword input{ padding:12px 15px 10px;}
#search_keyword p{ font-size:85%; line-height:1.7em; margin:0 20px; color:#333; font-weight:bold;}

#search_map{ width:220px; float:left; margin-bottom:30px;}
#search_map ul{ background-color:#F0F7F3; padding:15px; font-size:85%;}
#search_map li{ display:block; float:left; width:94px; line-height:21px; background-color:#FFF; border:1px #AFE7D3 solid; margin-top:-1px; margin-left:-1px;}
#search_map li a{
	display:block; height:100%; padding:0.5em 0; text-indent:0.75em; color:#666; font-weight:bold;
	-moz-transition:background-color 0.15s linear; -webkit-transition:background-color 0.15s linear; transition:background-color 0.15s linear;
}
#search_map li a:hover{ background-color:#9EE0C9;}
#search_map li span{ color:#319D77; font-size:77%;}

#search_purpose{ width:480px; float:right; margin-bottom:30px;}
#search_purpose .panel-container{ background-color:#F0F7F3; padding:15px; font-size:85%;}
#search_purpose .panel-container ul{ list-style-type:none; width:448px; border-top:1px #AFE7D3 solid; border-left:1px #AFE7D3 solid;}
#search_purpose .panel-container li{
	display:block; float:left; width:223px; line-height:1.5em; background-color:#FFF;
	border-bottom:1px #AFE7D3 solid; border-right:1px #AFE7D3 solid;
}
#search_purpose .panel-container a{
	display:block; height:3em; padding:0.5em 0.5em 0.5em 3.5em; color:#319D77; font-weight:bold; background-repeat:no-repeat; background-position:5px center;
	-moz-transition:background-color 0.15s linear; -webkit-transition:background-color 0.15s linear; transition:background-color 0.15s linear;
}
#search_purpose .panel-container a:hover{ background-color:#9EE0C9;}
#search_purpose .panel-container li b{ color:#666;}
.c09 a{ background-image:url(../img/icon-c9.png);}		.c10 a{ background-image:url(../img/icon-c10.png);}	.c11 a{ background-image:url(../img/icon-c11.png);}
.c12 a{ background-image:url(../img/icon-c12.png);}	.c13 a{ background-image:url(../img/icon-c13.png);}	.c14 a{ background-image:url(../img/icon-c14.png);}
.c15 a{ background-image:url(../img/icon-c15.png);}	.c16 a{ background-image:url(../img/icon-c16.png);}	.c17 a{ background-image:url(../img/icon-c17.png);}
.c18 a{ background-image:url(../img/icon-c18.png);}	.c19 a{ background-image:url(../img/icon-c19.png);}	.c20 a{ background-image:url(../img/icon-c20.png);}
.c21 a{ background-image:url(../img/icon-c21.png);}	.c22 a{ background-image:url(../img/icon-c22.png);}	.c23 a{ background-image:url(../img/icon-c23.png);}
.c24 a{ background-image:url(../img/icon-c24.png);}	.c25 a{ background-image:url(../img/icon-c25.png);}	.c26 a{ background-image:url(../img/icon-c26.png);}
.c27 a{ background-image:url(../img/icon-c27.png);}	.c28 a{ background-image:url(../img/icon-c28.png);}	.c29 a{ background-image:url(../img/icon-c29.png);}
.c30 a{ background-image:url(../img/icon-c30.png);}	.c31 a{ background-image:url(../img/icon-c31.png);}	.c32 a{ background-image:url(../img/icon-c32.png);}

#topics_box{ border:1px #EAEAEA solid; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;	margin: 0 auto;}
#topics_box ul.etabs{ list-style-type:none; height:50px;}
#topics_box ul.etabs li{ float:left; height:50px;}
#topics_box ul.etabs li a{ display:block; height:100%; text-indent:-9999px; overflow: hidden;}
#topics_box ul.etabs li a:hover,
#topics_box ul.etabs li a.active{ background:none !important;}
#topics_box ul.etabs li.n1{		background:url(../img/tab_topics01_s2.jpg) no-repeat; width:179px;}
#topics_box ul.etabs li.n1 a{	background:url(../img/tab_topics01.jpg) no-repeat;}
#topics_box ul.etabs li.n2{		background:url(../img/tab_topics02_s2.jpg) no-repeat; width:180px;}
#topics_box ul.etabs li.n2 a{	background:url(../img/tab_topics02.jpg) no-repeat;}
#topics_box ul.etabs li.n3{		background:url(../img/tab_topics03_s2.jpg) no-repeat; width:180px;}
#topics_box ul.etabs li.n3 a{	background:url(../img/tab_topics03.jpg) no-repeat;}
#topics_box ul.etabs li.n4{		background:url(../img/tab_topics04_s2.jpg) no-repeat; width:179px;}
#topics_box ul.etabs li.n4 a{	background:url(../img/tab_topics04.jpg) no-repeat;}
#topics_box aside{ height:40px; padding:0 20px; line-height:40px; background-color:#F5F5F5;}
#topics_box aside a.view_all{ background:url(../img/arrow_right.png) no-repeat left center; padding-left:1em; text-decoration:underline; font-size:85%;}
#topics_box aside a.rss_feed{ display:block; float:right; background:url(../img/badge_rss.png) no-repeat left center; padding-left:23px; font-size:93%;}

#root-main{	width: 100%;	min-width: 960px;}
#root-main #topics_box{	margin:80px auto 40px;	width: 718px;}
#root-slide{	position: relative;	overflow: hidden;}
/*#root-slide .inner{	width: 960px; position: absolute;	left: 50%;	top: 100px;	margin-left: -480px;	z-index: +1;	font-size: 116%;	color: #FFFFFF;	line-height: 1.6;}*/
#root-slide .inner{	width: 960px; position: absolute;	left: 50%;	top: 50%;	z-index: +1;	font-size: 116%;	color: #FFFFFF;	line-height: 1.6;	padding-bottom: 50px;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
}
#root-slide h2{	font-size: 43px;	margin-bottom: .3em;}
#root-support{	color: #00705A;	background: #F5F5F5;	padding: 0 0 100px;}
#root-support h2{	padding-top: 20px;	text-align: center;	height: 72px;	font-size: 28px;	background: rgba(255,255,255,.65);	position: relative;	margin-top: -92px;	overflow: hidden;}
	#root-support h2::before,
	#root-support h2::after{	content: "";	height: 26px;	width: 50%;	background: #F5F5F5;	position: absolute;	bottom: 0;}
	#root-support h2::after{	right: -8px;
		-webkit-transform: skewX(-30deg);
		-moz-transform: skewX(-30deg);
		-ms-transform: skewX(-30deg);
		-ms-transform: skewX(-30deg);
		-o-transform:skewX(-30deg);
		transform: skewX(-30deg);
	}
	#root-support h2::before{	left: -8px;
		-webkit-transform: skewX(30deg);
		-moz-transform: skewX(30deg);
		-ms-transform: skewX(30deg);
		-o-transform: skewX(30deg);
		transform: skewX(30deg);
	}
	#root-support h2+p{	font-size: 161.6%;	text-align: center;	margin: 10px auto 30px;}
	#root-support >a{	display: block;	width: 753px;	padding: .8em 0 .6em;	font-size: 197%;	color: #FFFFFF;	font-weight: bold;	text-align: center;	background: #E26027;	border-radius: 77px;	margin: 80px auto 0;}
	#root-support >a:hover{	opacity: .6;}
		#root-support >a img{	width: .8em;	height: .8em; vertical-align: middle;	margin: -.1em 0 0 1em;}
.support-list{	width: 960px;	margin: 0 auto;	list-style: none;	letter-spacing: -.4em;	line-height: 0;}
	.support-list li{	display: inline-block;	width: 300px;	letter-spacing: normal;	line-height: normal;	margin-left:30px;}
		.support-list li:nth-child(3n + 1){	margin-left: 0;}
		.support-list li:nth-child(3n) ~ li{	margin-top: 20px;}
		.support-list a{	display: block;	border: solid 5px #ACD8C8;	padding:20px 15px;	background: #FFFFFF;	text-align: center;}
		.support-list a:hover{opacity: .6;}
		.support-list img{	width: 82px;	height: 85px;}
		.support-list h3{	display: block;	width: 200px;	margin: 15px auto 0; padding: 15px 0 15px;	font-size: 182%;	color: #309D76;	border-top: solid 2px #309D76;}
		.support-list p{	font-size: 108%;	line-height: 1.5;	color: #000000;	text-align: left;}

#side .support-list{	width: 220px;}
	#side .support-list li{	display: inline-block;	width: 220px; margin-left:0; margin-top:0;margin-bottom:10px;}
	#side .support-list a{	border: solid 3px #ACD8C8;	padding:10px 15px 5px;	background: #FFFFFF;	text-align: center;}
	#side .support-list img{	width: 41px;	height: 43px;}
	#side .support-list h3{	display: block;	width: 180px;	margin: 15px auto 0; padding: 8px 0 8px;	font-size: 124%;	color: #309D76;	border-top: solid 2px #309D76;}


/* ------------------------------------------------------ *
	search
 * ------------------------------------------------------ */

#search_box{ margin-bottom:30px; position:relative;}
#search_box hgroup h2{ position:absolute; color:#FFF; font-size:85%; line-height:40px; top:0; right:1em; z-index:10;}

#search_body .post{
	position:relative; background-color:#F0F7F3; border-top:1px #CCC solid; border-bottom:1px #CCC solid; padding:1.5em; margin-bottom:15px;
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.2); box-shadow:0 0 3px rgba(0,0,0,0.2);
	-moz-transition:background-color 0.35s linear; -webkit-transition:background-color 0.35s linear; transition:background-color 0.35s linear;
}
#search_body .post:hover{ background-color:#E2EFE8;}
#search_body .post a{ color:#319D77; text-decoration:underline;}
#search_body .post a:hover{ color:#333;}
#search_body .post a.mail_to{ position:absolute; top:1em; right:1em; z-index:10; text-decoration:none;}
#search_body .post hgroup{ margin-bottom:1em;}
#search_body .post hgroup input{ margin-right:0.75em; outline:3px #60CBA6 solid; margin-top:-1px;}
#search_body .post hgroup h1{ margin-bottom:0.75em; font-weight:bold; font-size:116%;}
#search_body .post hgroup h2{ color:#666; font-size:85%; font-weight:normal;}
#search_body .post p{ font-size:93%; line-height:1.5em; color:#333; margin-bottom:1em;}
#search_body .post img.thumb{ float:right; margin-left:1.5em;}
#search_body .post article{ margin-top:1.5em;}
#search_body .post article h1{ margin-left:1em;}
#search_body .post article h2{ color:#4DD1EB; margin-bottom:0.75em;}
#search_body .post article div{
	background-color:#F0F7F3; border:1px #4DD1EB solid; padding:1em;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
#search_body .post article div img{ float:left; margin-right:1em;}

.ias_loader{ text-align:center;	margin:3em 0;}


/* ------------------------------------------------------ *
	company infomation
 * ------------------------------------------------------ */

#box-company-info{ margin-top:5px;}
#box-company-info hgroup{
	color:#FFF; background-color:#319D77; padding:2.25em 1.5em 1em; position:relative; margin-bottom:25px;
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4); box-shadow:0 1px 2px rgba(0,0,0,0.4);
}
#box-company-info hgroup h1{ margin-bottom:0.5em; font-weight:bold; font-size:153.9%;}
#box-company-info hgroup h1 input{ margin-right:0.5em; outline:3px #FFF solid; margin-top:-1px;}
#box-company-info hgroup h2{ font-size:77%; font-weight:normal; position:absolute; top:1.25em; left:1.75em; z-index:5;}
#box-company-info hgroup h3{ font-size:85%; font-weight:normal;}
#box-company-info header{ border-bottom:2px #319D77 solid; height:40px; position:relative;}
#box-company-info footer{ border-top:2px #319D77 solid; height:40px; position:relative; margin-top:20px;}
#box-company-info .ul-right-icons{ position:absolute; right:0.1em; z-index:5;}
#box-company-info .ul-right-icons li{ display:inline; list-style-type:none;}
#box-company-info .ul-right-icons a{ padding:0.25em 0.75em; margin:0 0.25em;}
#box-company-info .ul-right-icons img{ margin-right:0.25em; vertical-align:middle;}
#box-company-info header .ul-right-icons{ top:0.5em;} #box-company-info footer .ul-right-icons{ top:1em;}
#box-company-info section{ margin-bottom:30px;}
#box-company-info section p{ line-height:1.7em;}
body#search #box-company-info header{ margin-bottom:20px;}
body#pickup #box-company-info header{ border-bottom:2px #16B5D6 solid ;}
body#pickup #box-company-info footer{ border-top:2px #16B5D6 solid;}

#photo-gallery{ width:100%; height:95px; position:relative;}
#photo-gallery div.inner{ margin:0 35px; height:95px; overflow:hidden;}
#photo-gallery ul{ list-style-type:none;}
#photo-gallery li{
	display:block; width:120px; height:95px; margin:0 5px; text-align:center; float:left; position:relative;
	-moz-transition:opacity 0.2s linear; -webkit-transition:opacity 0.2s linear; transition:opacity 0.2s linear;
}
#photo-gallery li:hover{ opacity:0.6; -moz-opacity:0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=60)';}
#photo-gallery li:after{ display:block; width:12px; height:12px; content:''; background:url(../img/badge-zoom.png) no-repeat; position:absolute; top:65px; right:5px; z-index:10;}
#photo-gallery p{ font-size:77%; color:#666; text-align:left;}
#photo-gallery a{ display:block; background:url(../img/background-green-120px.png) no-repeat center top;}
#photo-gallery a.prev,
#photo-gallery a.next{ position:absolute; width:20px; height:90px; top:0; z-index:10;}
#photo-gallery a.prev{ left:5px;} #photo-gallery a.next{ right:5px;}

#box-pickup-company{ background-image:url(../img/background-flag-sky.jpg); margin-bottom:30px;}
#box-pickup-company .h-pickup-catch{ background-image:url(../img/background-flag-blue.png); text-align:center; padding:20px 0;}
#box-pickup-company img{	max-width: 100%;}
#box-pickup-company div{ padding:30px;}
#box-pickup-company section{ margin-bottom:40px;}
#box-pickup-company section p{ font-size:93%; color:#333; line-height:1.9em;}
#box-pickup-company section ul{ list-style-type:none;}
#box-pickup-company section li{ float:left; width:210px;}
#box-pickup-company section li h1{ background:url(../img/border-blue.png) repeat-x center bottom; color:#333; font-size:108%; text-shadow:1px 1px 0 #FFF; line-height:1.75em; margin:0.75em 0 0.5em;}
#box-pickup-company section li p{ line-height:1.5em;}


/* ------------------------------------------------------ *
	business matching
 * ------------------------------------------------------ */

#header-match{ margin-bottom:30px;}
#header-match ul{ background-color:#00A3D9; padding-left:3px; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;}
#header-match li{
	list-style-type:none; float:left; margin:5px 3px;
	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);
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
#header-match form{ margin-bottom:0 !important;}
#box-about-description{ margin-top:10px; position:relative; height:191px;}
#box-about-description a.to-about{ position:absolute; bottom:15px; left:475px; z-index:10;}
#match-index{ position:relative;}
#match-index a.go-to-index{ position:absolute; top:0; right:0; z-index:10; display:block; padding:0.25em 0.75em; line-height:1.5em;}

#side-login-box{ background-color:#009BCF; text-align:center; padding:10px; margin:10px 0 15px;}
#side-login-box h1{ color:#FFF;}
#side-login-box p{ color:#FFF; line-height:1.7em; text-align:left;}

#box-match-info header{ color:#FFF; background-color:#009BCF; padding:1.5em; position:relative; margin-bottom:25px; border-bottom:2px #4AD2FF solid;}
#box-match-info header h1{ margin-bottom:1em; font-weight:bold; font-size:153.9%; width:75%;}
#box-match-info header time{ font-size:85%; font-weight:normal; position:absolute; top:2em; right:2em; z-index:5;}
#box-match-info header a{ position:absolute; top:3.25em; right:1.5em; z-index:10;}
#box-match-info section{ margin-bottom:30px;}
#box-match-info section p{ line-height:1.7em;}

#match-about h1{ margin-bottom:10px;}
#match-about section{ margin-bottom:30px;}


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

/*
#box-pickup-backnumber{ background-image:url(../img/background-flag-sky.jpg); margin-bottom:50px; padding-bottom:20px;}
#box-pickup-backnumber hgroup{ background-image:url(../img/hgroup-pickup-backnumber.png); height:315px; padding-top:35px; padding-left:50px;}
#box-pickup-backnumber hgroup h1{ margin-bottom:10px;}

#box-pickup-backnumber section{ margin:0 50px 40px; position:relative;}
#box-pickup-backnumber section header{
	position:absolute; top:40px; left:0; z-index:0;
	width:300px; height:300px; text-align:center; color:#333; background-color:#99DFED; background:rgba(69,196,222,0.5); border-radius:150px;
	box-shadow:3px 3px 0 rgba(255,255,255,0.5); -moz-box-shadow:3px 3px 0 rgba(255,255,255,0.5); -webkit-box-shadow:3px 3px 0 rgba(255,255,255,0.5);
}
#box-pickup-backnumber section header h1{ font-size:50px; font-family:"Times New Roman", Times, serif; font-weight:normal; line-height:1em; padding-top:70px;}
#box-pickup-backnumber section header time{ font-size:138.5%;}
#box-pickup-backnumber section header ul{ list-style-type:none; font-size:123.1%; font-weight:bold; margin-top:1.5em;}
#box-pickup-backnumber section header li{ margin-bottom:0.5em;}
#box-pickup-backnumber section header li a{ color:#333; text-decoration:underline;}
#box-pickup-backnumber section header li a:hover{ color:#666;}

.ul-pickup-backnumber{ width:600px; list-style-type:none; position:relative; z-index:1; margin-left:260px;}
.ul-pickup-backnumber li{ width:290px; height:30em; float:left; margin-left:10px; margin-bottom:10px; position:relative;}
.ul-pickup-backnumber a{
	display:block; height:27em; padding:1.5em 20px; color:#666; background-color:#FFF; overflow:hidden;
	box-shadow:0 0  3px rgba(0,0,0,0.15); -moz-box-shadow:0 0  3px rgba(0,0,0,0.15); -webkit-box-shadow:0 0  3px rgba(0,0,0,0.15);
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
}
.ul-pickup-backnumber a:hover{ background-color:#E7F7BD;}
.ul-pickup-backnumber a h1{ color:#333; font-size:123.1%; text-decoration:underline; line-height:2.25em;}
.ul-pickup-backnumber a p{ font-size:93%; line-height:1.5em;}
.ul-pickup-backnumber img.read_more{ position:absolute; bottom:20px; left:20px; z-index:1;}

#select-backnumber{ position:relative; height:160px; line-height:160px; background:url(../img/background-pickup-backnumber.png) no-repeat right center; margin:-20px 0 30px;}
#select-backnumber h1,
#select-backnumber p{ width:430px; text-align:center; position:absolute; top:0; left:0;}
#select-backnumber h1{
	z-index:0; color:#FF3; font-size:160px; font-family:'Nova Round', cursive; letter-spacing:-0.05em;
	opacity:0.3; -moz-opacity:0.3; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=30)';
}
#select-backnumber p{ z-index:1; font-size:153.9%;}
#select-backnumber .form-backnumber{ position:absolute; right:10px; top:0; z-index:2;}
*/

#box-pickup-backnumber{ background-image:url(../img/background-flag-sky.jpg); margin-bottom:50px; padding-bottom:20px;}
#box-pickup-backnumber hgroup{ background-image:url(../img/hgroup-pickup-backnumber.png); height:315px; padding-top:35px; padding-left:50px;}
#box-pickup-backnumber hgroup h1{ margin-bottom:10px;}

#founder #box-pickup-backnumber hgroup{ background-image:url(../img/hgroup-founder-backnumber.png); height:315px; padding-top:35px; padding-left:50px;}

#box-pickup-backnumber section{ margin:0 50px 40px;	min-height:300px; position:relative;}
#box-pickup-backnumber section header{
	position:absolute; top:0; left:0; z-index:0;
	width:300px; height:300px; text-align:center; color:#333; background-color:#99DFED; background:rgba(69,196,222,0.5); border-radius:150px;
	box-shadow:3px 3px 0 rgba(255,255,255,0.5); -moz-box-shadow:3px 3px 0 rgba(255,255,255,0.5); -webkit-box-shadow:3px 3px 0 rgba(255,255,255,0.5);
}
#box-pickup-backnumber section header h1{ font-size:50px; font-family:"Times New Roman", Times, serif; font-weight:normal; line-height:1em; padding-top:70px;}
#box-pickup-backnumber section header time{ font-size:138.5%;}
#box-pickup-backnumber section header ul{ list-style-type:none; font-size:123.1%; font-weight:bold; margin-top:1.5em;}
#box-pickup-backnumber section header li{ margin-bottom:0.5em;}
#box-pickup-backnumber section header li a{ color:#333; text-decoration:underline;}
#box-pickup-backnumber section header li a:hover{ color:#666;}

.ul-pickup-backnumber{ width:590px; list-style-type:none; position:relative; z-index:1;	padding-top:50px; margin-left:270px;}
.ul-pickup-backnumber li{	position:relative;}
.ul-pickup-backnumber li + li{	margin-top:20px;}
.ul-pickup-backnumber a{
	display:block; padding:1.5em 20px; color:#666; background-color:#FFF; overflow:hidden;
	box-shadow:0 0  3px rgba(0,0,0,0.15); -moz-box-shadow:0 0  3px rgba(0,0,0,0.15); -webkit-box-shadow:0 0  3px rgba(0,0,0,0.15);
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
}
.ul-pickup-backnumber a:hover{ background-color:#E7F7BD;}
.ul-pickup-backnumber a h1{	margin-left:270px; color:#333; font-size:138.5%; text-decoration:underline; line-height:2.25em;}
.ul-pickup-backnumber a p{	margin-left:270px; font-size:93%; line-height:1.4em;}
.ul-pickup-backnumber img{	float:left;}
.ul-pickup-backnumber img.read_more{ position:absolute; bottom:20px; right:20px; z-index:1;}

#select-backnumber{ position:relative; height:160px; line-height:160px; background:url(../img/background-pickup-backnumber.png) no-repeat right center; margin:-20px 0 70px;}
#select-backnumber h1,
#select-backnumber p{ width:430px; text-align:center; position:absolute; top:0; left:0;}
#select-backnumber h1{
	z-index:0; color:#FF3; font-size:160px; font-family:'Nova Round', cursive; letter-spacing:-0.05em;
	opacity:0.3; -moz-opacity:0.3; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=30)';
}
#select-backnumber p{ z-index:1; font-size:153.9%;}
#select-backnumber .form-backnumber{ position:absolute; right:10px; top:0; z-index:2;}

/* ------------------------------------------------------ *
	about
 * ------------------------------------------------------ */

#box-about-index{ position:relative; margin-bottom:30px;}
#box-about-index hgroup{ position:relative; z-index:0; padding-top:52px;}
#box-about-index hgroup h1{ position:relative; z-index:10;}
#box-about-index hgroup h2{ position:absolute; top:0; left:0; z-index:0;}
#box-about-index hgroup h3{ position:relative; margin-top:-15px; z-index:20;}
#box-about-index hgroup ul{
	background-color:#2C8B6A; list-style-type:none; padding:5px 3px;
	-moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;
	/* 以下メニュー一時センタリング用 */ padding-left:340px; width:617px;
}
#box-about-index hgroup li{
	float:left; height:40px; margin:0 2px;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3); box-shadow:0 1px 4px rgba(0,0,0,0.3);
}

#box-about-bnr{ border-top:2px #319D77 solid; background-color:#F0F7F3;}
#box-about-bnr:before{ display:block; content:''; border-top:1px #FFF solid;}
#box-about-bnr h1{ text-align:center; margin:20px 0;}
#box-about-bnr ul{ list-style-type:none; margin:0 17px; padding-bottom:10px;}
#box-about-bnr li{
	width:210px; height:210px; float:left; margin:0 5px 10px; padding:3px; border:1px #CCC solid; background-color:#FFF;
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.1); box-shadow:0 0 3px rgba(0,0,0,0.1);
}
#box-about-bnr li.wide{
	width:666px; height:105px;
}
.box-about-business section{ padding-top:40px; position:relative;}
.box-about-business p{ line-height:1.7em; margin-bottom:20px;}

#box-about-business-normal{ height:400px; padding-top:53px; position:relative; margin-bottom:30px;}
#box-about-business-std{ position:relative; margin-bottom:30px;}
#box-about-business-std h1{ z-index:0; padding-top:53px;}
#box-about-business-advice{ height:453px; background:url(../img/background-about-business-advice.jpg) no-repeat left bottom; position:relative; margin-bottom:30px;}
#box-about-business-advice h1{ position:absolute; top:240px; left:0; z-index:0;}
#box-about-business-info{ height:453px; background:url(../img/background-about-info.jpg) no-repeat left bottom; position:relative; margin-bottom:30px;}
#box-about-business-info h1{ position:absolute; bottom:0; left:0; z-index:0;}


#ul-advice-list li{ list-style-type:none; position:absolute; z-index:1; width:155px; height:155px;}
#ul-advice-list li.n1{ top:130px; left:180px;}
#ul-advice-list li.n2{ bottom:80px; left:350px;}
#ul-advice-list li.n3{ top:110px; left:490px;}
#ul-advice-list li.n4{ top:150px; right:140px;}
#ul-advice-list li.n5{ bottom:30px; right:30px;}
#ul-advice-list li.n6{ top:60px; left:330px;}

#ul-about-info-list li{ list-style-type:none; position:absolute; z-index:0; width:240px; height:90px;}
#ul-about-info-list li.n1{ top:105px; right:260px;}
#ul-about-info-list li.n2{ top:210px; right:260px;}
#ul-about-info-list li.n3{ top:320px; right:260px;}
#ul-about-info-list li.n4{ top:105px; right:10px;}
#ul-about-info-list li.n5{ top:210px; right:10px;}
#ul-about-info-list li.n6{ top:320px; right:10px;}

.ul-about-business-use-green{ list-style-type:none; color:#FFF; line-height:1.5em; margin-bottom:10px;}
.ul-about-business-use-green li{ width:350px; height:116px; border-left:5px #545454 solid; background-color:#288263; margin-bottom:10px; position:relative;}
.ul-about-business-use-green h1{ font-size:108%; margin-top:15px; margin-left:12px;}
.ul-about-business-use-green p{ text-align:right; position:absolute; bottom:10px; right:190px; z-index:2; font-size:93%; margin:0;}
.ul-about-business-use-green .thumb{ position:absolute; top:0; right:0; z-index:1;}
.ul-about-business-use-green .thumb:after{ display:block; width:12px; height:12px; content:''; background:url(../img/badge-zoom.png) no-repeat; position:absolute; top:100px; right:5px; z-index:10;}

.ul-about-business-use-movie{ list-style-type:none; font-size:93%; line-height:1.7em;}
.ul-about-business-use-movie li{ float:left; width:200px; padding-right:20px; background:url(../img/arrow-black-delta.png) no-repeat 208px 50px;}
.ul-about-business-use-movie li.last{ background:none; padding-right:0;}


.ul-about-business-use-micron{ list-style-type:none; font-size:77%; line-height:1.7em;}
.ul-about-business-use-micron li{ float:left; width:140px; margin:0 2px 10px; position:relative;}
.ul-about-business-use-micron .thumb:after{ display:block; width:12px; height:12px; content:''; background:url(../img/badge-zoom.png) no-repeat; position:absolute; top:80px; right:5px; z-index:10;}

.pdf-option1{ position:absolute; top:30px; right:0; z-index:1;}
.pdf-option2{ position:absolute; top:55px; right:0; z-index:1;}

#box-about-education-feature{ background:url(../img/background-about-education-cork.jpg) no-repeat; width:710px; height:323px; padding:5px; margin-bottom:25px;}
#box-about-education-feature h1{ text-align:center; margin-top:15px;}
#box-about-education-feature ul{ list-style-type:none; margin-top:40px; margin-left:20px;}
#box-about-education-feature li{ background:url(../img/background-about-education-paper.png) no-repeat; width:220px; height:220px; float:left;}
#box-about-education-feature li h1{ text-align:left; font-size:108%; color:#1F674E; margin:50px 30px 10px 25px; line-height:1.3em;}
#box-about-education-feature li p{ margin:0 30px 0 25px; line-height:1.5em;}

#box-about-education-school{ list-style-type:none; font-size:77%; line-height:1.9em;}
#box-about-education-school li{ float:left; width:175px; margin-right:5px; position:relative;}
#box-about-education-school li.last{ margin-right:0;}
#box-about-education-school li a:after{ display:block; width:12px; height:12px; content:''; background:url(../img/badge-zoom.png) no-repeat; position:absolute; top:97px; right:5px; z-index:10;}

a.thumb230px,
a.thumb440px{ display:block; position:relative;}
a.thumb230px:after,
a.thumb440px:after{ display:block; width:12px; height:12px; content:''; background:url(../img/badge-zoom.png) no-repeat; position:absolute; right:5px; z-index:10;}
a.thumb230px:after{ top:138px;} a.thumb440px:after{ top:278px;}

.box-about-about section{ margin-bottom:30px; position:relative;}
.box-about-about p{ line-height:1.7em;}

.ul-about-facilities{ list-style-type:none;} .ul-about-facilities li{ margin-bottom:20px;}

.box-about-coord{margin-bottom:40px;clear:both;padding:0 20px;}
.box-about-coord h2{font-weight:bold;font-size:125%;margin-bottom:10px;}
.box-about-coord h2 span{font-weight:normal;font-size:85%;}
.box-about-coord h3{color:#999;font-weight:bold;font-size:105%;}
.box-about-coord img{float:right;margin-left:30px;margin-bottom:20px;}
.box-about-coord ul{list-style-position: inside;margin-bottom:10px;}
.btn-about-coord {color:#319d77;display:block;margin:20px auto;width:400px;padding:15px;text-align:center;background-color:#eff7f8;border:1px solid #319d77;}

.box-about-reviews { margin-bottom:30px;}
.box-about-reviews div{ float:left;width:300px;margin-right:20px;}
.box-about-reviews section{ float:left;width:400px;margin-bottom:30px; position:relative;}
.box-about-reviews p{ line-height:1.7em;}
.box-about-reviews .company-info h1{ color:#2FA173;font-size:15px;font-weight:bold;}
.box-about-reviews .company-info p{ font-weight:bold;}

/* 171110 add */
.about-reviews-category{	width: auto!important;		margin: 0 0!important;	border: 0;	float: none!important;}
.about-reviews-category span{	display: inline-block;	list-style: none;	padding: 5px 7px 4px;border-radius: 3px;	font-weight: bold;	font-size: 100%;	margin: 0 3px 8px 0;	color: #333;}
.about-reviews-category .c1{	background: #f05a5a; color: #FFFFFF;}
.about-reviews-category .c2{	background: #3d71c7; color: #FFFFFF;}

.about-contactbox{	padding: 20px;	border: solid 5px #ACD8C8;	width: 910px;	margin: 50px auto 0;	background: #EAF5F1;}
.about-contactbox h3{	text-align: center;	font-size: 27px;	margin-bottom: 1em;}
.about-contactbox .fL{	border-right: dashed 2px #ACD8C8;	padding-right: 20px;}
.about-contactbox .fL > a{	display: block;	padding: 1em 0 .8em;	font-size: 182%;	color: #FFFFFF;	text-align: center;	background: #E26027;	border-radius: 5px; margin-bottom:40px;}
.about-contactbox .fL > a img{	width: 30px;	height: 23px; vertical-align: middle;	margin-top: -3px;}
.about-contactbox h4{	display: block;	width: 435px;	height: 50px;	text-align: center;	font-size: 182%;	color: #FFFFFF;	background: #309D76;	font-weight: normal;	line-height: 55px;	border-radius: 25px;	margin-bottom: 30px;}
.about-contactbox .gmap{	border:solid 1px #309D76;	margin-bottom: 10px;}
.about-contactbox iframe{	vertical-align: bottom;}
.about-contactbox p,
.about-contactbox table{	color: #000;}
.about-contactbox table{	width: 100%;}
.about-contactbox table tr > *{	padding: 10px;	font-size: 153.9%;}
.about-contactbox table th{	text-align: right;	font-weight: normal;	width: 20%;}
.about-contactbox table td.bold{	font-size: 36px;}

/* ------------------------------------------------------ *
	link
 * ------------------------------------------------------ */

#box-link-list section{ margin-bottom:30px;}
#box-link-list section ul{ list-style-type:none; line-height:1.7em; border-top:1px #DDECE4 dotted;}
#box-link-list section li{ border-bottom:1px #DDECE4 dotted; -moz-transition:background-color 0.15s linear; -webkit-transition:background-color 0.15s linear; transition:background-color 0.15s linear;}
#box-link-list section li a{ display:block; height:100%; padding:0.75em 0.75em 0.75em 2em; color:#333; background:url(../img/arrow_m.png) no-repeat 1em center;}
#box-link-list section li a span{ color:#AAA; font-size:85%; margin-left:1em;}
#box-link-list section li a span:before{ content:'|　';}
#box-link-list section li:hover{ background-color:#F0F7F3; cursor:pointer;}

#box-link-caution{ padding:25px; margin:0 30px; background:#EFEFEF; border:1px #CCC solid; line-height:1.7em; font-size:93%;}
#box-link-caution h1{ font-size:123.1%; margin-bottom:0.75em; color:#333;}
#box-link-caution ul{ margin:1em 0 1em 2em;}



/* ------------------------------------------------------ *
	topics
 * ------------------------------------------------------ */

#topics_index{ position:relative;}
#topics_index hgroup{ background:url(../img/background_tab_contents.png) repeat-x center bottom; padding-bottom:40px;}
#topics_index hgroup h2{ width:600px; border-left:5px #319D77 solid; padding-left:0.75em; font-size:138.5%;}
#topics_index hgroup time{ position:absolute; top:6.5em; right:1em; z-index:5; padding-top:15px; font-size:85%;}
body#topics.news #topics_index hgroup time{ background:url(../img/badge_news.png) no-repeat center top;}
body#topics.event #topics_index hgroup time{ background:url(../img/badge_event.png) no-repeat center top;}
body#topics.school #topics_index hgroup time{ background:url(../img/badge_seminar.png) no-repeat center top;}
#topics_index a.rss_feed{ background:url(../img/badge_rss.png) no-repeat left center; padding-left:23px; font-size:85%; line-height:23px; position:absolute; top:0.5em; right:0.5em; z-index:10;}

#topics_index ul.tab{ list-style-type:none; height:53px; padding-left:20px;}
#topics_index ul.tab li{ float:left; margin-right:5px;}
#topics_index ul.tab li a{ display:block; margin-top:10px;}
body#topics.all #topics_index ul.tab{			border-bottom:2px #999 solid;}
body#topics.news #topics_index ul.tab{		border-bottom:2px #267A5E solid;}
body#topics.event #topics_index ul.tab{		border-bottom:2px #5AB915 solid;}
body#topics.school #topics_index ul.tab{	border-bottom:2px #16B5D6 solid;}

.box_ck_output{ margin:1.5em; line-height:1.7em;}
.box_ck_output div,
.box_ck_output figure{ margin-bottom:2em;}
.box_ck_output p{ margin-bottom:0.2em;}
.box_ck_output ul{ margin-left:2em; margin-bottom:0.2em;}
.box_ck_output img{ border:3px #CCC solid;}


/* ------------------------------------------------------ *
	mail magazine
 * ------------------------------------------------------ */

#box-magazine hgroup{ position:relative; margin-bottom:25px;}
#box-magazine hgroup h1{ position:relative; z-index:1;}
#box-magazine hgroup h2{ position:absolute; top:0; left:0; z-index:0;}
#box-magazine p.read{ font-size:123.1%; line-height:2.1em;}

#box-magazine-select{ position:relative; height:400px; margin:25px 0 50px;}
#box-magazine-select li{ list-style-type:none;}
#box-magazine-select .for-pc,
#box-magazine-select .for-mobile{	display:block; position:absolute; top:0; z-index:1;}
#box-magazine-select .for-pc{ left:0;}
#box-magazine-select .for-mobile{ right:0;}
#box-magazine-select #domain{
	position:absolute; bottom:115px; left:85px; z-index:10; background-color:#39C900; padding:10px 20px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
#box-magazine-select img.or{ position:absolute; top:180px; left:50%; margin-left:-40px; z-index:0;}



/* ------------------------------------------------------ *
	sumida 3M
 * ------------------------------------------------------ */

#box-s3m-index{ position:relative; margin-bottom:30px;}
#box-s3m-index nav{ background-color:#255B77; margin-bottom:20px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
#box-s3m-index nav ul{ list-style-type:none;}
#box-s3m-index nav li{
	float:left; width:250px; height:40px; margin:5px 0 5px 5px;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3); box-shadow:0 1px 4px rgba(0,0,0,0.3);
}
#box-s3m-index nav li.n1{ width:186px;}
#box-s3m-index a.jump{
	display:block; position:absolute; top:20px; right:20px; z-index:10;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3); box-shadow:0 1px 4px rgba(0,0,0,0.3);
}

#box-s3m-sns{ background:url(../img/background-s3m-sns.jpg); height:320px; padding:20px; margin-bottom:20px;}
#box-s3m-sns h1{ text-align:center; margin-bottom:20px;}
#box-s3m-sns h1 a{ margin-left:5px;}
#box-s3m-sns div{ *display:none !important;}

#box-s3m-about{ background:url(../img/background_s3m_about.jpg); height:900px; position:relative;}
#box-s3m-about div h1{ position:absolute; width:100%; text-align:center; left:0; bottom:70px; z-index:3;}
#box-s3m-about div p{ width:640px; position:absolute; top:40px; left:40px; z-index:2; line-height:2.3em;}
#box-s3m-about ul{ list-style-type:none; font-size:93%;}
#box-s3m-about li{
	width:260px; height:190px; position:absolute; z-index:5; padding-top:70px; text-align:center; line-height:1.5em;
	border-radius:130px; -moz-border-radius:130px; -webkit-border-radius:130px;
}
#box-s3m-about li.n1{ top:130px; left:230px;}
#box-s3m-about li.n2{ top:425px; left:70px;}
#box-s3m-about li.n3{ top:425px; right:70px;}
#box-s3m-about li h1{ text-align:center; margin-bottom:10px;}


#box-s3m-search{
	background-image:url(../img/background_blue_stone.jpg); position:relative; margin-bottom:40px;
	border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;
}
#box-s3m-search a.jump{
	display:block; position:absolute; top:45px; left:250px; z-index:10;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3); box-shadow:0 1px 4px rgba(0,0,0,0.3);
}
#ul-s3m-search{ border-top:1px #024568 solid; border-bottom:1px #34779A solid;}
#ul-s3m-search li.narrow{
	background:url(../img/background-white-5per.png) repeat-x; border-top:1px #34779A solid; border-bottom:1px #024568 solid; list-style-type:none; padding:20px 30px;
}
#ul-s3m-search label{ cursor:pointer; margin-right:1em;}
#ul-s3m-search label input{ cursor:pointer; margin-right:0.5em;}
#ul-s3m-search-category{ width:750px; float:right; background:url(../img/border-s3m-double.png) repeat-y left top; padding-left:30px;}
#ul-s3m-search-category li{ float:left; list-style-type:none; width:33%; text-align:center; height:90px; background-repeat:no-repeat; background-position:bottom center;}
#ul-s3m-search-category li.n1{ background-image:url(../img/h4-s3m-museum.png);}
#ul-s3m-search-category li.n2{ background-image:url(../img/h4-s3m-manu.png);}
#ul-s3m-search-category li.n3{ background-image:url(../img/h4-s3m-meister.png);}
#ul-s3m-search-category li a{
	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);
}
#dl-s3m-search-business{
	color:#FFF; font-weight:bold; text-shadow:1px 1px 0 rgba(0,0,0,0.2);
	width:740px; float:right; background:url(../img/border-s3m-double.png) repeat-y left top; padding-left:40px;
}
#dl-s3m-search-business dt{ float:left; clear:both; font-size:123.1%; padding-top:15px; line-height:1.5em;}
#dl-s3m-search-business dd{ padding:15px 0 15px 7.5em; border-bottom:1px #34779A dotted; font-size:108%;}
#dl-s3m-search-business dd:last-child{ border-bottom:none;}
#ul-s3m-search-experience{ width:750px; float:right; background:url(../img/border-s3m-double.png) repeat-y left top; padding-left:30px; color:#FFF; font-size:108%; font-weight:bold;}
#ul-s3m-search-experience li{ list-style-type:none;}

#box-s3m-search .search-box{
	background:url(../img/background-black-20per.png); text-align:center; padding:20px 30px;
	-moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;
}
#box-s3m-search .search-box button{ cursor:pointer;}
h2.search-toggle{ background:url(../img/h2-s3m-search-toggle_open.png) no-repeat right top; cursor:pointer;}
h2.search-toggle.on{ background:#245A76 url(../img/h2-s3m-search-toggle_close.png) no-repeat right top;}

#search-s3m-body .post{ position:relative; padding:1.5em; margin-bottom:15px; background-image:url(../img/background-s3m-gray.png); border-bottom:1px #CCC solid;}
#search-s3m-body .post:before{
	display:block; content:''; background:url(../img/border-s3m-blue.png) repeat-x; width:100%; height:2px;
	position:absolute; top:0; left:0; z-index:10; border-bottom:1px #FFF solid;
}
#search-s3m-body .post:hover{ background:#F0F7F3;}
#search-s3m-body .post a{ color:#255977; text-decoration:underline;}
#search-s3m-body .post a:hover{ color:#333;}
#search-s3m-body .post h1{ width:50%; margin-bottom:0.75em; font-weight:bold; font-size:138.5%; padding-left:28px; line-height:23px; float:left;}
#search-s3m-body .post h1.museum{	background:url(../img/icon-museum23px.png) no-repeat left center;}
#search-s3m-body .post h1.manu{			background:url(../img/icon-manu23px.png) no-repeat left center;}
#search-s3m-body .post h1.meister{		background:url(../img/icon-meister23px.png) no-repeat left center;}
#search-s3m-body dl.category{ width:45%; font-size:85%; float:right; text-align:right;}
#search-s3m-body dl.category dt{ display:inline; margin-left:1em;}
#search-s3m-body dl.category dt:after{ content:' : ';}
#search-s3m-body dl.category dd{ display:inline; margin-right:0.25em;}
#search-s3m-body .post img.thumb{ float:left; margin-right:1.5em; width:150px; height:100px;}
#search-s3m-body dl.data{ line-height:1.5em; float:left; width:430px; font-size:93%; color:#333;}
#search-s3m-body dl.data dt{ float:left; clear:both;}
#search-s3m-body dl.data dd{ padding-left:8.5em; margin-bottom:0.25em; text-indent:-1.5em;}
#search-s3m-body dl.data dd:before{ content:':　';}
#search-s3m-body ul{ float:right; width:57px;}
#search-s3m-body ul.option li{ list-style-type:none; margin-bottom:5px;}


/* ------------------------------------------------------ *
	sumida 3M company information
 * ------------------------------------------------------ */

#box-s3m-info{ margin-top:5px;}
#box-s3m-info header{ position:relative; padding:1.5em; margin-bottom:15px; background-image:url(../img/background-s3m-gray.png); border-bottom:1px #CCC solid;}
#box-s3m-info header:before{
	display:block; content:''; background:url(../img/border-s3m-blue.png) repeat-x; width:100%; height:2px;
	position:absolute; top:0; left:0; z-index:10; border-bottom:1px #FFF solid;
}
#box-s3m-info header h1{ color:#255977; width:60%; margin-bottom:0.5em; font-weight:bold; font-size:138.5%; padding-left:28px; line-height:23px;}
#box-s3m-info header h1.museum{	background:url(../img/icon-museum23px.png) no-repeat left center;}
#box-s3m-info header h1.manu{		background:url(../img/icon-manu23px.png) no-repeat left center;}
#box-s3m-info header h1.meister{		background:url(../img/icon-meister23px.png) no-repeat left center;}
#box-s3m-info header h2{ color:#255977; font-size:85%; font-weight:normal; position:absolute; top:2em; right:2em; z-index:5;}
#box-s3m-info dl.category{ font-size:85%; width:60%;}
#box-s3m-info dl.category dt{ display:inline; margin-right:0.25em;}
#box-s3m-info dl.category dt:after{ content:' : ';}
#box-s3m-info dl.category dd{ display:inline; margin-right:1em;}
#box-s3m-info ul.option{ width:57px; position:absolute; top:3.25em; right:2em; z-index:10; text-align:right;}
#box-s3m-info ul.option li{ display:inline; list-style-type:none; margin-left:5px;}
#box-s3m-info section{ margin-bottom:30px;}
#box-s3m-info section p{ line-height:1.7em;}


/* ------------------------------------------------------ *
	other contents
 * ------------------------------------------------------ */

#box-guidance section{ margin-bottom:30px;}
#box-guidance section p{ line-height:1.5em;}