/*############################################

0.共通設定

############################################*/

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.6;
	background:#fefef9 url(../images/bg-top.gif) no-repeat center top;}

#left_wrapper{ background:url(../images/bg-left.gif) repeat-y; min-width:960px; word-wrap: break-word;}
#right_wrapper{ background:url(../images/bg-right.gif) repeat-y right; min-width:960px;}
#foot{ height:10px; background:url(../images/bg-top.gif) no-repeat center; min-width:960px;}

#wrapper{
	width:990px;
	margin:0 auto;
	padding:0 15px;
}

hr{ width:960px; border:none; background:url(../images/line.jpg) repeat-x; height:2px; margin:30px auto;}

/* ------- ClearFix ------- */
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
/* For IE 6/7 */
.cf {zoom:1;}

/* ------- font ------- */
.green{color:#73be10;}
.red{ color:#ef4850}
.blue{ color:#0dc1d3;}
.orange{ color:#fa751c;}
.new{ color:#f77171; padding-left:10px; font-weight: bolder; font-size:12px;}

.wp_social_bookmarking_light{ margin:-20px 0 0 0; padding:0; position:relative; height:30px; background:#e6f3a8;}
.wsbl_twitter{
	position:absolute;
	right:-20px;
	width:70px; overflow:hidden;
	}
.wsbl_facebook_like{
	position:absolute;
	right:70px;
	}
.wp-pagenavi{text-align:center;}


/* -------------- 0-1.header -------------- */

header{ width:960px; height:100px; padding-top:20px; text-align:left; position:relative; margin:0 auto;}
div#search{ position:absolute; top:20px; right:0;}
.text_box{ height:25px; border:1px solid #ccc; background:none;}

/* -------------- 0-2.nav -------------- */

nav{ width:960px; margin:0 auto 5px auto; padding:0;}
nav>ul>li{ float:left; width:236px; position:relative;}
nav>ul>li#gnavi01{ margin-right:5px;}
nav>ul>li#gnavi02{ margin-right:6px;}
nav>ul>li#gnavi03{ margin-right:5px;}
nav>ul>li>a{ width:236px; height:54px; display:block; text-indent:-9999px; background: url(../images/gnavi_new.png) no-repeat center top;}
nav ul li#gnavi01>a{ background-position:0 0;}
nav ul li#gnavi02>a{ background-position:-241px 0;}
nav ul li#gnavi03>a{ background-position:-483px 0;}
nav ul li#gnavi04>a{ background-position:-724px 0;}
nav ul li#gnavi01>a:hover{ background-position:0 -54px;}
nav ul li#gnavi02>a:hover{ background-position:-241px -54px;}
nav ul li#gnavi03>a:hover{ background-position:-483px -54px;}
nav ul li#gnavi04>a:hover{ background-position:-724px -54px;}

nav>ul>li ul{ width:234px; border:1px solid #a8e612; border-top:none; position:absolute; top:54px; z-index:100; display:none;}
nav>ul>li ul li a{ background:#fff; display:block; padding:5px 10px; border-bottom:1px dashed #a8e612; color:#333; text-decoration:none;}
nav>ul>li ul li a:hover{ background:#3C6; color:#fff;}
nav>ul>li ul li:last-child a{ border:none}

/* -------------- 0-3.mainimg -------------- */

#mainimg{ width:960px; margin:0 auto;}
#bread{ width:960px; margin:5px auto; text-align:left; font-size:10px;}
#bread a{ color:#333; text-decoration:none;}
#bread a:hover{ color:#66ac0f;}

/* -------------- 0-4.footer -------------- */

footer{ width:960px; margin:20px auto 0 auto; padding-top:40px; background:url(../images/line.jpg) repeat-x center top;}
#foot_banner li{ width:25%; float:left; text-align:center;}
#foot_navi{ text-align:center; padding-top:40px;}
#foot_navi a{ color:#333; text-decoration:none;}
#foot_navi a:hover{ color:#66ac0f;}
address{ font-style:normal; font-size:10px; text-align:center; padding:20px 0;}

/* -------------- 0-5.box -------------- */

div.stripe_box{ padding:3px; background:url(../images/stripe_bg.png) repeat;}
div.stripe_box div{ background-color:#fefef9; padding:20px;}
.float_box{ width:445px;}

/* -------------- 0-6.list -------------- */

ul.list_circle{ width:auto; margin:0 auto;}
ul.list_circle li{ background:url(../images/list_icon_circle.png) no-repeat 5px 0; padding:2px 0 5px 40px; margin-bottom:5px;}

/* -------------- 0-7.btn -------------- */

a.btn_detail{ width:63px; height:16px; display:block; text-indent:-9999px; background:url(../images/btn_detail.png) no-repeat;}
a.btn_detail:hover{ background-position:bottom;}

/* -------------- 0-8.float -------------- */

.ph_left{ float:left; margin:0 15px 15px 0;}

/*############################################

1.index


############################################*/

#index{ width:960px; margin:30px auto 0 auto;}

/* -------------- 1-1.index:slide -------------- */

#index_mainimg{
   width:960px;
   height:250px;
   overflow:hidden;
   position:relative;
   list-style:none;
   margin:0 auto;
}

#mainimg{
   width:960px;
   overflow:hidden;
   position:relative;
   list-style:none;
}

#index_mainimg ul {
   list-style:none;
   margin:0;
   padding:0;
}

#index_mainimg li {
   position:absolute;
   background:#fff;
   margin:0;
   padding:0;
}


/* -------------- 1-2.index:index_lead -------------- */

p#index_lead{ width:921px; margin:15px auto; padding:10px 0; background:url(../../images/lead_bg.png) no-repeat center top; text-align:center;}

/* -------------- 1-3.index:index_news -------------- */

#left{
	width:680px;
	float:left;
}
#index_news{ width:680px;}
#index_news h2{ position:relative; height:32px; margin-bottom:20px;}
#index_news dl{ padding-left:27px; padding-top:20px; padding-bottom:20px}
#index_news dl dt{ width:70px; float:left; font-size:10px; color:#66aa05; clear:left; padding:3px 0 3px 60px;}
#index_news dl dt.index_news_news{ background:url(../../images/icon_news.png) no-repeat left top;}
#index_news dl dt.index_news_event{ background:url(../../images/icon_event.png) no-repeat left top;}
#index_news dl dt.index_news_recruit{ background:url(../../images/icon_recruit.png) no-repeat left top;}
#index_news dl dt.index_news_interview{ background:url(../../images/icon_interview.png) no-repeat left top;}
#index_news dl dt.index_news_mailmagazine{ background:url(../../images/icon_mailmagazine.png) no-repeat left top;}
#index_news dl dt.index_news_report{ background:url(../../images/icon_report.png) no-repeat left top;}
#index_news dl dt.index_news_others{ background:url(../../images/icon_others.png) no-repeat left top;}
#index_news dl dt.index_news_column{ background:url(../../images/icon_column.png) no-repeat left top;}
#index_news dl dt.index_news_column_k{ background:url(../../images/icon_column_k.png) no-repeat left top;}
#index_news dl dt.index_news_column_r{ background:url(../../images/icon_column_r.png) no-repeat left top;}
#index_news dl dd{ width:523px; float:left; overflow:hidden; margin-bottom:10px;}
#index_news dl a{ color:#333; text-decoration:none;}
#index_news dl a:hover{ color:#5c9d06;}

#index_news ul{
	border-bottom:1px solid #d0d332;
}

#index_news ul li{
	float:left;
	margin-bottom:-3px;
	margin-right:5px;
}

#index_news ul li a{
	height:35px;
	display:block;
	text-indent:-9999px;
}

#index_news ul li#tab_01{
	margin-left:25px;
}

#index_news ul li#tab_01 a{
	width:140px;
	background:url(../images/tab_01.png) no-repeat;
}
#index_news ul li#tab_02 a{
	width:242px;
	background:url(../images/tab_02.png) no-repeat;
}
#index_news ul li#tab_03 a{
	width:242px;
	background:url(../images/tab_03.png) no-repeat;
}
#index_news ul li#tab_03_new a{
	width:120px;
	background:url(../images/tab_03_new.png) no-repeat;
}
#index_news ul li#tab_04 a{
	width:120px;
	background:url(../images/tab_04.png) no-repeat;
}
#index_news_view{
	padding:10px 0;
	border-bottom:1px solid #d0d332;
	border-top:1px solid #d0d332;
	position:relative;
	height:32px;
}

#index_news_view a{ width:62px; height:16px; display:block; text-indent:-9999px; background:url(../images/btn_all.png) no-repeat; position:absolute; right:0; top:16px;}
#index_news_view a:hover{ background-position:bottom;}

/* -------------- 1-4.index:index_logo -------------- */

#right{ width:206px; float:right;}
#index_logo{ width:204px; border:1px solid #d0da34; text-align:center; padding:10px 0; margin-bottom:15px;}
#index_logo h3{ margin-bottom:10px;}
#index_logo p{ width:180px; margin:0 auto; font-size:12px; text-align:left;}

/* -------------- 1-5.index:index_foot_contents -------------- */

#index_foot_contents{ padding-top:20px;}
#index_foot_contents ul{}
#index_foot_contents .stripe_box{ width:475px; margin:0; text-align:center; float:left;}
#index_foot_contents .stripe_box>div{ width:466px; padding:3px; background:url(../images/stripe_bg.png) repeat; text-align:left;}
#index_foot_contents .stripe_box div div{ padding:5px 5px 0 5px; background:#FFF;}
#index_foot_contents .stripe_box div h3 a{ color:#74a52d; text-decoration:none;}
#index_foot_contents .stripe_box div h3 a:hover{ color:#0C0}
#index_foot_contents .stripe_box div p{ font-size:12px;}

/*############################################

2.about

############################################*/

#about{ width:960px; margin:10px auto;}
#about .stripe_box h2{ font-size:16px; color:#66aa05; font-weight:normal; margin-bottom:20px;}
#about .stripe_box p{ margin-bottom:20px;}

/*############################################

12.aboutsdgs

############################################*/

#aboutsdgs{ width:960px; margin:10px auto;}
#aboutsdgs .stripe_box h2{ font-size:16px; color:#66aa05; font-weight:normal; margin-bottom:20px;}
#aboutsdgs .stripe_box p{ margin-bottom:20px;}

/*############################################

13.link

############################################*/

#link{ width:960px; margin:0 auto; padding:0 0 20px 0;}
#link h3{ padding:5px 10px; background:#73be10; color:#FFF; font-weight:normal; margin-bottom:20px; border-left:5px solid #64a70c; font-size:16px;}
#link h4{ border-left:5px solid #73be10; padding:5px 10px; margin-bottom:20px;}
#link p{ padding:0 0 20px 15px;}
#link ol{ list-style-position: outside;padding:0 0 20px 15px; margin-left:15px;}
#link ol li{}

/*############################################

14.keyword

############################################*/

#keyword{ width:960px; margin:0 auto; padding:0 0 20px 0;}
#keyword h3{ padding:5px 10px; background:#73be10; color:#FFF; font-weight:normal; margin-bottom:20px; border-left:5px solid #64a70c; font-size:16px;}
#keyword h4{ border-left:5px solid #73be10; padding:5px 10px; margin-bottom:20px;}
#keyword p{ padding:0 0 20px 15px;}
#keyword ol{ list-style-position: outside;padding:0 0 20px 15px; margin-left:15px;}
#keyword ol li{}

/*############################################

3.news

############################################*/

#news{ width:960px; margin:0 auto;}
#news ul.list_circle{ width:540px;}
#news .float_box h3{ background:url(../../news/images/h3_bg.png) no-repeat; padding:0 0 0 25px; margin-bottom:20px; position:relative;}
#news .float_box h3 a{ position:absolute; right:0; top:3px;}
#news .float_box p{ margin-bottom:20px;}

/*############################################

4.sdgs

############################################*/

#sdgs{ width:960px; margin:0 auto; padding:0 0 20px 0;}
#sdgs .float_box{ width:304px; padding:3px; background:url(../images/stripe_bg.png) repeat; margin:10px 5px; height:80px; float:left !important;}
#sdgs .float_box div{ padding:5px; background:#fefef9; height:69px; position: relative;}
#sdgs .float_box h3{ background:url(../../news/images/h3_bg.png) no-repeat; padding:0 0 0 25px; margin-bottom:20px;}
#sdgs .float_box h3 a{ color:#333; text-decoration:none}
#sdgs .float_box h3 a:hover{ color:#73be10; text-decoration:none}
#sdgs .float_box ul a{ position:absolute; right:5px; bottom:8px;}
#sdgs .float_box li{ font-size:10px; color:#999;}
#sdgs .float_box li.news{ background:url(../../images/icon_news.png) no-repeat left top; padding-left:60px;position:absolute; left:5px; bottom:8px;}
#sdgs .float_box li.event{ background:url(../../images/icon_event.png) no-repeat left top; padding-left:60px;position:absolute; left:5px; bottom:8px;}
#sdgs .float_box li.recruit{ background:url(../../images/icon_recruit.png) no-repeat left top; padding-left:60px;position:absolute; left:5px; bottom:8px;}
#sdgs .float_box li.report{ background:url(../../images/icon_report.png) no-repeat left top; padding-left:60px;position:absolute; left:5px; bottom:8px;}
#sdgs .float_box li.others{ background:url(../../images/icon_others.png) no-repeat left top; padding-left:60px;position:absolute; left:5px; bottom:8px;}
#sdgs .float_box li.interview{ background:url(../../images/icon_interview.png) no-repeat left top; padding-left:60px;position:absolute; left:5px; bottom:8px;}
#sdgs .float_box li.mailmagazine{ background:url(../../images/icon_mailmagazine.png) no-repeat left top; padding-left:60px;position:absolute; left:5px; bottom:8px;}
#sdgs .float_box li.column_k{ background:url(../../images/icon_column_k.png) no-repeat left top; padding-left:60px;position:absolute; left:5px; bottom:8px;}
#sdgs .float_box li.column_r{ background:url(../../images/icon_column_r.png) no-repeat left top; padding-left:60px;position:absolute; left:5px; bottom:8px;}

#sdgs article{ width:700px; float:left; position:relative;}
#sdgs_navi_wrapper{ width:236px; float:right;}
#sdgs_navi_wrapper li{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #73be10}
#sdgs_navi_wrapper li a{ width:216px; display:block; background:url(../../news/images/arrow.png) no-repeat right 50%; color:#333; font-size:12px; text-decoration:none; padding-right:20px;}
#sdgs_navi_wrapper li a:hover{ color:#73be10;}
#sdgs_navi_wrapper li#sdgs_navi{ width:236px; height:40px; display:block; background:url(../images/side_01.png) no-repeat; text-indent:-9999px; position:relative !important;}
#sdgs_navi_wrapper li#summit_navi{ width:236px; height:40px; display:block; background:url(../images/side_02.png) no-repeat; text-indent:-9999px; position:relative !important;}
#sdgs article p{ padding-bottom:20px;}
#sdgs article a{ color:#5c9d06; }
#sdgs article a:hover{ color:#73be10; }
#sdgs article h2{ padding:10px; background:url(../../news/images/h2_bg.jpg) repeat; color:#FFF; border:1px dotted #98b60a; font-size:16px; font-weight:normal; text-shadow:1px 1px 3px #999; line-height:1.4; }
#sdgs article .h2_date{ color:#fff; font-size:10px; font-weight:normal;}
#sdgs article h3{ padding:5px 10px; background:#73be10; color:#FFF; font-weight:normal; margin-bottom:20px; border-left:5px solid #64a70c; font-size:16px;}
#sdgs article h4{ border-left:5px solid #73be10; padding:5px 10px; margin-bottom:20px;}
h3.h3_column{ padding:5px 10px; background:#73be10; color:#FFF; font-weight:normal; margin:20px 0 10px 0; border-left:5px solid #64a70c; font-size:16px;}

/*############################################

5.about_site

############################################*/

#about_site{ width:960px; margin:0 auto; padding:0 0 20px 0;}
#about_site h3{ padding:5px 10px; background:#73be10; color:#FFF; font-weight:normal; margin-bottom:20px; border-left:5px solid #64a70c; font-size:16px;}
#about_site h4{ border-left:5px solid #73be10; padding:5px 10px; margin-bottom:20px;}
#about_site p{ padding:0 0 20px 15px;}
#about_site ol{ list-style-position: outside;padding:0 0 20px 15px; margin-left:15px;}
#about_site ol li{}

/*############################################

6.privacypolicy

############################################*/

#privacypolicy{ width:960px; margin:0 auto; padding:0 0 20px 0;}
#privacypolicy h3{ padding:5px 10px; background:#73be10; color:#FFF; font-weight:normal; margin-bottom:20px; border-left:5px solid #64a70c; font-size:16px;}
#privacypolicy h4{ border-left:5px solid #73be10; padding:5px 10px; margin-bottom:20px;}
#privacypolicy p{ padding:0 0 20px 15px;}
#privacypolicy ol{ list-style-position: outside;padding:0 0 20px 15px; margin-left:15px;}
#privacypolicy ol li{}

/*############################################

7.sitemap

############################################*/

#sitemap{ width:960px; margin:0 auto; padding:0 0 20px 0;}
#sitemap h3{ padding:5px 10px; background:#73be10; color:#FFF; font-weight:normal; margin-bottom:20px; border-left:5px solid #64a70c; font-size:16px;}
#sitemap h4{ border-left:5px solid #73be10; padding:5px 10px; margin-bottom:20px;}
#sitemap p{ padding:0 0 20px 15px;}
#sitemap ul{ padding:20px; float:left; margin-right:20px;}
#sitemap ul li.contents_main{ background:url(../../sitemap/images/icon_01.png) no-repeat left; padding:20px 0 20px 40px;}
#sitemap ul li.contents_sub{ background:url(../../sitemap/images/icon_02.png) no-repeat 20px; padding:20px 0 20px 40px;}
#sitemap ul li a{ color:#333; text-decoration:none;}
#sitemap ul li a:hover{ color:#396}


/*############################################

8.contact

############################################*/

#contact{ width:960px; margin:0 auto; padding:0 0 20px 0;}
#contact h3{ padding:5px 10px; background:#73be10; color:#FFF; font-weight:normal; margin-bottom:20px; border-left:5px solid #64a70c; font-size:16px;}
#contact h4{ border-left:5px solid #73be10; padding:5px 10px; margin-bottom:20px;}
#contact table{ width:800px; margin:0 auto; border:5px solid #d8efb8; border-collapse:collapse;}
#contact table th{ padding:10px; background:#b4db7d; border:1px solid #fff; vertical-align:middle; text-align:left; width:150px;}
#contact table td{ padding:10px; background:#fefef9; border:1px solid #fff;}
#btn_submit{ margin:15px auto; text-align:center;}
#contact table td input{ width:500px; border:1px solid #999; background:none; height:30px;}
#contact table td textarea{ width:500px; border:1px solid #999; background:none;}

/*############################################

9.topics

############################################*/

#topics{ width:960px; margin:0 auto; padding:0 0 20px 0;}

#topics dl{ padding-left:27px;}
#topics dl dt{ width:70px; float:left; font-size:10px; color:#66aa05; clear:left; padding:3px 0 3px 60px;}
#topics dl dt.index_news_news{ background:url(../../images/icon_news.png) no-repeat left top;}
#topics dl dt.index_news_event{ background:url(../../images/icon_event.png) no-repeat left top;}
#topics dl dt.index_news_recruit{ background:url(../../images/icon_recruit.png) no-repeat left top;}
#topics dl dt.index_news_interview{ background:url(../../images/icon_interview.png) no-repeat left top;}
#topics dl dt.index_news_mailmagazine{ background:url(../../images/icon_mailmagazine.png) no-repeat left top;}
#topics dl dt.index_news_report{ background:url(../../images/icon_report.png) no-repeat left top;}
#topics dl dt.index_news_others{ background:url(../../images/icon_others.png) no-repeat left top;}
#topics dl dt.index_news_column_k{ background:url(../../images/icon_column_k.png) no-repeat left top;}
#topics dl dt.index_news_column_r{ background:url(../../images/icon_column_r.png) no-repeat left top;}
#topics dl dd{ width:523px; float:left; overflow:hidden; margin-bottom:10px;}
#topics dl a{ color:#333; text-decoration:none;}
#topics dl a:hover{ color:#5c9d06;}

/*############################################

10.register

############################################*/

#register{ width:960px; margin:0 auto; padding:0 0 20px 0; text-align:center; font-size:16px;}

/*############################################

11.個別記事装飾用CSS

############################################*/

.ph_left{ float:left; margin:0 15px 15px 0; font-size:12px; color:#666; text-align:center}
.ph_right{ float:right; margin:0 0 15px 15px; font-size:12px; color:#666; text-align:center}
.text_overflow{ overflow:hidden;}

div.ph_right img{ margin-top:-15px;}
div.ph_left img{ margin-top:-15px;}

.pagetop {
 display: none;
 position: fixed;
 bottom: 30px;
 right: 55px;
}
.pagetop a {
 display: block;
 width: 40px;
 height: 40px;
 background-color: #333;
 text-align: center;
 color: #fff;
 font-size: 12px;
 text-decoration: none;
 line-height: 40px;
 border-radius:3px;
 border-radius:3px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
}

/*############################################

12.メルマガ

############################################*/

#mailmagazine_wrapper>form>table{
	width:600px;
	margin:10px auto;
	border:1px solid #ccc;
	border-collapse:collapse;
}

#mailmagazine_wrapper>form>table#kaijo{
	text-align:center;
}

#mailmagazine_wrapper>form>table th{
	padding:10px 0;
	background:#abc133;
	font-weight:normal;
	color:#FFF;
}

#mailmagazine_wrapper>form>table td{
	padding:8px;
}

#mailmagazine_wrapper>form input{
	width:400px;
	height:30px;
	background:none;
	border:none;
	border:1px solid #ccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#FFF;
}

#mailmagazine_wrapper>form input.btn_submit{
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	cursor:pointer;
	font-size:14px;
	margin-top:20px;
}
#mailmagazine_wrapper>form input.btn_submit:before,#mailmagazine_wrapper>form input.btn_submit:after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#mailmagazine_wrapper>form input.btn_submit,#mailmagazine_wrapper>form input.btn_submit:before,#mailmagazine_wrapper>form input.btn_submit:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#mailmagazine_wrapper>form input.btn_submit{
	background:none;
	border:none;
	position: relative;
	background-color: #98cd18;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #77a013;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}