@charset "UTF-8";

@import url(format.css);
@import url(base.css);
@import url(option.css);


/*	レイアウト
------------------------------------------------------------*/
/*body{
#suntory_contents{
	color:#333;
	padding:5px 0 0 0;
	line-height: 1.8em;
	
}*/
#header{
	width:1041px;
	margin:0 auto;
	margin-bottom:30px;
}
#header #mainimg{
	background:url(/company/csr/fukushima-susumu/images/common/mainimg2.jpg) repeat-y 21px top;
	height:199px;
	position:relative;
}
#header #mainimg h2.top{
	clear:both;
	background:url(/company/csr/fukushima-susumu/images/common/mainimg-ttl-bg.png) no-repeat left top;
	padding:0 0 0 15px;
	font-weight:bold;
	font-size:200%;
	color:#3d434c;
	position:relative;
	top:45px;
	left:50px;
	width:920px;
	line-height:130%;
}

/*	下層ページ共通
------------------------------------------------------------*/
#cnts .section{
	margin-bottom:30px;
}
#cnts .section:after{content:"."; display:block; height:0px;
clear:both; visibility:hidden;}
#cnts .section{display:inline-block;}
* html #cnts .section{height:1px;}
#cnts .section{display:block;}

#cnts .section p{
	margin-bottom:10px;
	line-height:1.8em;
	font-size: 120%;
}
#cnts .cnts_bg{
	background:#f7f7f7;
	padding: 25px 25px 60px 25px;
/*	padding:25px 25px 60px 100px;*/
	position:relative;
	margin:0 0 30px 0;
}
#cnts .cnts_bg p.category{
	position:absolute;
	top:-8px;
	left:8px;
	background:url(/company/csr/fukushima-susumu/images/common/cal-bg.png) no-repeat left top;
	width:68px;
	height:58px;
	text-align:center;
	padding:30px 0 0 0;
	float:left;
}
#cnts .cnts_bg h3{
	background:url(/company/csr/fukushima-susumu/images/common/h3-bg2.png) no-repeat 6px 5px #fbfbfb;
	padding:9px 15px 7px 35px;
	font-weight:bold;
	margin-bottom:20px;
	border-top:1px solid #abd7ed;
	border-bottom:1px solid #abd7ed;
	line-height:1.4;
	color:#545960;
}
#cnts .cnts_bg h4{
	background:url(/company/csr/fukushima-susumu/images/common/h4-bg.png) no-repeat 7px 0;
	padding:0 0 5px 35px;
	font-weight:bold;
	margin-bottom:20px;
	font-size:110%;
	border-bottom:1px solid #abd7ed;
	color:#545960;
}

#cnts .cnts_bg h5{
	padding:0;
	font-weight:bold;
	margin-bottom:0px;
	font-size:110%;
	color:#545960;
}
#cnts .cnts_bg h3.no_bg,
#cnts .cnts_bg h4.no_bg,
#cnts .cnts_bg h5.no_bg{
	background:none;
	padding:0;
	height:auto;
}
#cnts .cnts_bg p a,
#cnts .cnts_bg li a,
#cnts .cnts_bg dd a,
#cnts .cnts_bg h3 a,
#cnts .cnts_bg h4 a,
#cnts .cnts_bg h5 a{
	color:#0090d9;
}
.photo_r p img{
	float:right;
	max-width:290px;
	margin:0 0 15px 15px;
}
.photo_r p img.clrR{
	clear:right;
}
.photo_r p a img:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
#cnts .cnts_bg p.lead{
	margin-bottom:20px;
	line-height:1.8em;
	font-size: 120%;
}

/* リスト
****************************/
#cnts .cnts_bg ul{
	padding:0 30px;
}
#cnts .cnts_bg ul li{
	background:url(/company/csr/fukushima-susumu/images/common/icon-maru-02.png) no-repeat left 8px;
	padding:0 0 5px 13px;
	border-bottom:1px solid #d6d9dc
	margin:10px 0 10px 0;
}
#cnts .cnts_bg dl{
	border-bottom:1px solid #d6d9dc;
	margin:0 30px 10px;
	padding:0 0 5px 0;
}
#cnts .cnts_bg dl:after{content:"."; display:block;
height:0px; clear:both; visibility:hidden;}
#cnts .cnts_bg dl{display:inline-block;}
* html #cnts .cnts_bg dl{height:1px;}
#cnts .cnts_bg dl{display:block;}

#cnts .cnts_bg dl dt{
	background:url(/company/csr/fukushima-susumu/images/common/icon-maru-03.png) no-repeat left 5px;
	padding:0 0 0 20px;
	float:left;
	margin:0 0 0 0;s
	font-weight:bold;
	color:#545960;
}
#cnts .cnts_bg dl dd{
	float:left;
	padding:0 0 0 20px;
}
#cnts .cnts_bg dl.list_style01{
	margin-bottom:30px;
	border-bottom:none;
	padding:0 0 0 0;
}
#cnts .cnts_bg dl.list_style01 dt{
	background:url(/company/csr/fukushima-susumu/images/common/icon-maru-03.png) no-repeat left 5px;
	padding:0 0 5px 20px;
	float:none;
	margin:0 0 8px 0;
	border-bottom:1px solid #d6d9dc;
	line-height:1.4;
	font-size: 110%;
	font-weight: bold;
	color:#545960;
}

/* テーブル
****************************/
#cnts .cnts_bg table{
	width:665px;
	border-collapse:collapse;
	margin-bottom:30px;
}
#cnts .cnts_bg table th{
	width:30%;
	background:#f3fbff;
	border:1px solid #d8dbdd;
	padding:15px;
	text-align:left;
	color:#4c545c;
}
#cnts .cnts_bg table td{
	background:#fff;
	border:1px solid #d8dbdd;
	padding:15px;
}


/* ボタン
****************************/
#cnts .cnts_bg .area_btn p{
	float:left;
	margin:0 20px 0 0;
}
#cnts .cnts_bg .area_btn p a{
	padding:13px 30px 13px 35px;
	display:block;
	background:#9abcdd;
	color:#fff;
	font-weight:bold;
	font-size:120%;
}
#cnts .cnts_bg .area_btn p a:hover{
	text-decoration:none;
	background:#0090d9;
}
box_npo_josei h3{
	margin-top: 20px;
}

/* コンテンツごとのページトップへ
****************************/
#cnts .cnts_bg p.pagetop{
	position:absolute;
	bottom:0;
	left:659px;
	padding-bottom:20px;
}




/*	フクシマ子ども支援NPO助成
------------------------------------------------------------*/
/* 事業紹介
****************************/
#cnts .box_npo_josei .cnts_bg ul.step{
	padding:0 0 0 30px;
}
#cnts .box_npo_josei .cnts_bg ul.step li{
	background:none;
	padding:0;
	border-bottom:none;
	margin:10px;
	text-indent: -1.8em;
	
}
#cnts .box_npo_josei .cnts_bg ul.step li span{
	color:#5aafdb;
	font-size:110%;
	font-weight:bold;
	padding:0 5px 0 0;
}
#cnts #jyoseinaiyou dl dt{
	background:url(/company/csr/fukushima-susumu/images/common/icon-maru-03.png) no-repeat left 5px;
	padding:0 0 0 20px;
	float:left;
	margin:0 0 0 0;s
	font-weight:bold;
	color:#545960;
	line-height: 1.4;
	width: 120px;
}

/* 助成団体一覧
****************************/
#cnts .box_npo_josei .cnts_bg .area_line3{
	padding:0 30px;
}
#cnts .box_npo_josei .cnts_bg ul.line3{
	padding-top:10px;
	padding-right: 0;
	padding-left: 20px;
	width:571px;
	float:left;
}
#cnts .box_npo_josei .cnts_bg ul.last{
	margin-right:0;
	border-right:none;
}
#cnts .box_npo_josei .cnts_bg ul.line3 li{
	background:url(/company/csr/fukushima-susumu/images/common/icon-maru-01.png) no-repeat left 8px;
	border-bottom:none;
	margin: 30px 20px 0 0;
	display: block;
	font-size: 110%;
	border-bottom: 1px solid #D6D9DC;
	padding: 0 0 30px 13px;
}
#cnts .box_npo_josei .area_btn p{
	float:none;
	margin:0 auto;
	width:500px;
	text-align:center;
}
#cnts .box_npo_josei .area_btn p a{
	padding:13px 30px 13px 35px;
	display:block;
	background:#9abcdd;
	color:#fff;
	font-weight:bold;
	font-size:120%;
}
#cnts .box_npo_josei .area_btn p a:hover{
	text-decoration:none;
	background:#0090d9;
}



/*	子どもの場所づくり
------------------------------------------------------------*/
#cnts .box_npo_shien .photo_r p span.catchy{
	background:url(/company/csr/fukushima-susumu/images/npo-shien/catchy-bg.png) left top;
	padding:10px 15px;
	display:block;
	text-align:center;
	width:300px;
	margin-bottom:10px;
	line-height: 1.4em;
}




/*	活動報告・実地報告
------------------------------------------------------------*/

#cnts .box_houkoku dl{
	margin: 0 0 10px 0 !important;
	}



/* 短いテーブル
****************************/
#cnts .cnts_bg table{
	width:430px;
	border-collapse:collapse;
	margin-bottom:30px;
}
#cnts .cnts_bg table th{
	width:30%;
	background:#f3fbff;
	border:1px solid #d8dbdd;
	padding:15px;
	text-align:left;
	color:#4c545c;
}
#cnts .cnts_bg table td{
	background:#fff;
	border:1px solid #d8dbdd;
	padding:15px;
}
#cnts .flt_l{
	width: 430px;
}
#cnts .flt_r{
	width: 212px;
}

/* 131121追記
****************************/

#cnts .section .unei_daihyou{
	float: right;
	font-size: 12px;
	font-weight:normal;
}

#cnts .photo_r li{
	line-height: 1.8em;
	font-size: 120%;
}



/* 131125追記
****************************/
.top_cnts_bg{
	padding-bottom: 10px !important;
	margin-top: 20px !important;
}
.top_section{
	margin-bottom: 5px !important;
}
#footer dl{
	min-height: 110px;
	line-height: 1.4em;
}
#cnts p{
	margin-left: 20px;
	margin-top: 20px;
	font-size: 120%;
	line-height: 1.8em;
}
#cnts .cnts_bg p{
	margin-left: 0;
	margin-top: 0;
}
.home{
	font-size: 14px;
	margin-left: 15px;
	color: #0090D9;
}
#main a{
		color: #0090D9;
	}
#cnts h2{
	margin-top: 10px;
}
#ftr_inner li{
	list-style:none;
	width: 130px;
	float: left;
	line-height: 1.4em;
	min-height: 50px;
	margin-right: 15px;
	margin-bottom: 10px;
}
#ftr_inner li a{
		color: #0090D9;
	}
.footer_site_map{
	margin:5px 0 5px 0;
	}



/*131203追記*/

#cnts .top_news .block{
	background:#f7f7f7;
	padding:15px;
	margin:0 0 15px 0;
	position:relative;
}
#cnts .top_news .block:after{content:"."; display:block; height:0px;
clear:both; visibility:hidden;}
#cnts .top_news .block{display:inline-block;}
* html #cnts .top_news .block{height:1px;}
#cnts .top_news .block{display:block;}
#cnts .top_news .block dl{
	float:left;
	width:550px;
}
#cnts .top_news .block dl dt{
	margin-bottom:5px;
	line-height:1.4;
}
#cnts .top_news .block dl dt a{
	color:#34495e;
	font-weight:bold;
	font-size:110%;
}
#cnts .top_news .block dl dt a:hover{
	color:#0090d9;
	text-decoration:none;
}
#cnts .top_news .block p.more{
	background:url(/company/csr/fukushima-susumu/images/common/icon-check.png) no-repeat right 3px;
	position:absolute;
	bottom:0;
	right:0;
	margin:0 15px 15px 0;
	padding:0 18px 0 0;
	text-align:right;
	font-size:95%;
}

#cnts .partner_name{
	margin:0 0 10px !important;
	font-size: 120%;
	font-weight: bold;
}
#cnts .partner_name dd{
	color: #545960;
	font-weight: normal;
}

.box_npo_josei h3{
	margin-top: 20px;
}


/*20131204追記*/


#cnts .cnts_bg h3 span{
	color: #666;
}


/*	お知らせ
------------------------------------------------------------*/
#cnts .top_news .block{
	background:#f7f7f7;
	padding:15px;
	margin:0 0 15px 0;
	position:relative;
}
#cnts .top_news .block:after{content:"."; display:block; height:0px;
clear:both; visibility:hidden;}
#cnts .top_news .block{display:inline-block;}
* html #cnts .top_news .block{height:1px;}
#cnts .top_news .block{display:block;}

#cnts .top_news .block p.category{
	position:relative;
	top:-18px;
	left:-5px;
	/*background:url(/company/csr/fukushima-susumu/images/common/cal-bg.png) no-repeat left top;*/
	width:68px;
	height:58px;
	text-align:center;
	padding:30px 0 0 0;
	margin:0 20px 0 0;
	float:left;
}
#cnts .top_news .block dl{
	float:left;
	width:550px;
}
#cnts .top_news .block dl dt{
	margin-bottom:5px;
	line-height:1.4;
}
#cnts .top_news .block dl dt a{
	color:#34495e;
	font-weight:bold;
	font-size:110%;
}
#cnts .top_news .block dl dt a:hover{
	color:#0090d9;
	text-decoration:none;
}
#cnts .top_news .block p.more{
	background:url(/company/csr/fukushima-susumu/images/common/icon-check.png) no-repeat right 3px;
	position:absolute;
	bottom:0;
	right:0;
	margin:0 15px 15px 0;
	padding:0 18px 0 0;
	text-align:right;
	font-size:95%;
}

/*	紹介
------------------------------------------------------------*/
#cnts .top_intro{
	background:#f7f7f7;
	padding:5px;
}
#cnts .top_intro .inner{
	border:1px solid #8acaea;
	background:#fff;
	padding:15px 15px 15px 15px;
	line-height:1.4;
}
#cnts .top_intro .inner:after{content:"."; display:block; height:0px;
clear:both; visibility:hidden;}
#cnts .top_intro .inner{display:inline-block;}
* html #cnts .top_intro .inner{height:1px;}
#cnts .top_intro .inner{display:block;}

#cnts .top_intro .inner .flt_l{
	width:515px;
}
#cnts .top_intro .inner .flt_r{
	width:215px;
}
#cnts .top_intro .inner h3{
	font-size:140%;
	font-weight:bold;
	background:url(/company/csr/fukushima-susumu/images/common/h3-bg.png) no-repeat left bottom;
	padding:0 15px 2px 0;
	margin:0 0 10px 0;
	color:#6c7178;
}


/*概要*/
#cnts .box_gaiyou .map{
	background:url(/company/csr/fukushima-susumu/images/about/logo.png) no-repeat left center;
}
#cnts .box_gaiyou dl.step{
	background:#fff;
	border-bottom:none;
	margin:0 0 20px 0;
	padding:15px;
	width:345px;
	float:right;
}
#cnts .box_gaiyou dl.step dt{
	background:none;
	padding:0;
	float:none;
	font-weight:bold;
	font-size:120%;
	margin:0 0 5px 0;
}
#cnts .box_gaiyou dl.step dt span{
	color:#5aafdb;
	font-size:110%;
	font-weight:bold;
	padding:0 5px 0 0;
}
#cnts .cnts_bg dl.step dd{
	float:none;
	padding:0 0 0 30px;
}




#cnts ul.step li h3{
	background:url(/company/csr/fukushima-susumu/images/common/h3-bg2.png) no-repeat 6px 5px #fbfbfb;
	padding:9px 15px 7px 70px;
	font-weight:bold;
	margin-bottom:20px;
	border-top:1px solid #abd7ed;
	border-bottom:1px solid #abd7ed;
	line-height:1.4;
	color:#545960;
}



/*---------katudouhoukoku---------*/


#cnts .thumbnail{
	float: right;
	width: 300px;
	margin-left: 20px;
}

#cnts .thumbnail img{
	margin-bottom: 5px;
}
#cnts .thumbnail dl{
	margin: 0 0 15px 0;
	border: none;
}
#cnts .thumbnail dl dt{
	background: none;
	padding: 0;
}
#cnts .thumbnail dl dd{
	padding: 0;
	font-size: 12px;
	line-height: 1.2;
	color: #666;
}

#breadcrumb_sp {
	display: none;
}

@media screen and (min-width:768px){
/*=============================================================
	[PC] width 961px - 
============================================================ */
	#suntory_contents{
		color:#333;
		background:url(/company/csr/fukushima-susumu/images/common/body-bg2.png) repeat-x left top;
		padding:5px 0 0 0;
		line-height: 1.8em;
		min-width: 1041px;
	}
	#cnts .top_intro .inner .flt_r{
		max-width: 400px;
	}
	
}
@media screen and (min-width:1164px){
/*=============================================================
	[PC] width 1164px - 
============================================================ */
}
@media screen and (max-width:767px){
/*=============================================================
	[SP] 
============================================================ */

	/*パンくず*/
	#main #breadcrumb{
		display: none;
	}
	#breadcrumb_sp {
		display: block;
		margin-bottom: 20px;
		font-size: 10px;
		line-height: 2em;
		color: #555;
		padding: 0 15px;
	}
	#breadcrumb_sp a{
		font-size: 10px;
	}
	#breadcrumb_sp .home{
		margin-left: 0px;
		color: #0090D9;
	}

	/* テキスト */
	#cnts p {
		margin-left:10px;
		margin-right:10px;
		margin-top: 20px;
		font-size: 120%;
		line-height: 1.8em;
	}

	#cnts .section p {
		margin-bottom: 10px;
		line-height: 1.8em;
		font-size: 14px;
	}

	#cnts p img{
		max-width: 100%;
		height: auto;
		margin: 20px auto;
		display: block;
	}

	/*概要*/
	#cnts .box_gaiyou .map{
		background:url(/company/csr/fukushima-susumu/images/about/sp_logo.png) no-repeat top center;
		padding-top: 126px;
		/*background:none;
		background:url(/company/csr/fukushima-susumu/images/about/logo.png) no-repeat left center;*/

	}
	#cnts .box_gaiyou dl.step{
		background:#fff;
		border-bottom:none;
		margin:0 0 20px 0;
		padding:15px;
		width:auto;
		float:none;
		/* width:345px; */
		/* float:right; */
	}
	#cnts .cnts_bg{
		background:#f7f7f7;
		padding: 10px 10px 60px 10px;
		/*	padding:25px 25px 60px 100px;*/
		position:relative;
		margin:0 0 30px 0;
	}
	#cnts .cnts_bg dl.step dd{
		float:none;
		padding:0;
	}

	#cnts .cnts_bg h3{
		background:url(/company/csr/fukushima-susumu/images/common/h3-bg2.png) no-repeat 6px 5px #fbfbfb;
		padding:9px 15px 7px 35px;
		font-weight:bold;
		margin-bottom:20px;
		border-top:1px solid #abd7ed;
		border-bottom:1px solid #abd7ed;
		line-height:1.4;
		color:#545960;
		font-size:14px
	}


	#cnts .cnts_bg dl.list_style01{
		margin:0 0 30px 0;
		border-bottom:none;
		padding:0 0 0 0;
	}

	#cnts .box_npo_josei .cnts_bg .area_line3{
		padding:10px;
	}


	/* テーブル
	****************************/
	#cnts .cnts_bg table{
		width:100%;
		border-collapse:collapse;
		margin-bottom:30px;
	}
	#cnts .cnts_bg table th{
		width:30%;
		background:#f3fbff;
		border:1px solid #d8dbdd;
		padding:15px;
		text-align:left;
		color:#4c545c;
	}
	#cnts .cnts_bg table td{
		background:#fff;
		border:1px solid #d8dbdd;
		padding:15px;
	}

	/* 短いテーブル
	****************************/
	#cnts .cnts_bg table{
		width: 100%;
		border-collapse:collapse;
		margin-bottom:30px;
	}
	#cnts .cnts_bg table th{
		width:30%;
		background:#f3fbff;
		border:1px solid #d8dbdd;
		padding:15px;
		text-align:left;
		color:#4c545c;
	}
	#cnts .cnts_bg table td{
		background:#fff;
		border:1px solid #d8dbdd;
		padding:15px;
	}
	#cnts .flt_l{
		width: 430px;
	}
	#cnts .flt_r{
		width: 100%;
		text-align: center;
		display: block;
	}
	#cnts .flt_r img{
		width:100%
	}
	#cnts .section .unei_daihyou{
		float: none;
		display:block;
		text-align:center;
		font-size: 12px;
		font-weight:normal;
	}
	.photo_r p img {
		float:none;
		margin:20px auto;
		display:block;
		max-height: 200px;
	}

	/* テーブル　レスポンシブ対応 */
	#cnts .ex_table tr td{
		display:block;
	}


	/* コンテンツごとのページトップへ
	****************************/
	#cnts .cnts_bg p.pagetop{
		right: 0;
		left: unset;
	}

	/*	お知らせ
	------------------------------------------------------------*/
	#cnts .top_news .block{
		background:#f7f7f7;
		padding:15px;
		margin:0 0 15px 0;
		position:relative;
	}
	#cnts .top_news .block:after{content:"."; display:block; height:0px;
	clear:both; visibility:hidden;}
	#cnts .top_news .block{display:inline-block;}
	* html #cnts .top_news .block{height:1px;}
	#cnts .top_news .block{display:block;}
/*
	#cnts .top_news .block p.category{
		position:relative;
		top:-18px;
		left:-5px;
		background:url(/company/csr/fukushima-susumu/images/common/cal-bg.png) no-repeat left top;
		width:50px;
		height:58px;
		text-align:center;
		padding:30px 0 0 0;
		margin:0 5px 0 0;
		float:left;
	}
*/
	#cnts .top_news .block p.category{
		position:relative;
		top: 0px;
		left:-5px;
		/* background:url(/company/csr/fukushima-susumu/images/common/cal-bg.png) no-repeat left top; */
		width: auto;
		height: auto;
		text-align:center;
		padding: 0;
		margin: 0;
		float:left;
		background: #0090d9;
		border-radius: 20px;
	}
	#cnts .top_news .block p.category:after{
		content:"";
		background: #0090d9;
		width: 0px;
		height: 0px;
		border-top: 3px solid #0090d9;
		border-bottom: 3px solid #FFF;
		border-right: 3px solid #FFF;
		border-left: 3px solid #0090d9;
		display:inline-block;
		position:absolute;
		top: 7px;
		left: 6px;
		transform: rotate(-45deg);
	}
	#cnts .top_news .block p.category img{
		visibility:hidden;
		margin: 0;
	}
	#cnts .top_news .block dl{
		float:left;
		/*width:623px;*/
		width: 90%;
		margin-bottom: 20px;
	}
	#cnts .top_news .block dl dt{
		margin-bottom:5px;
		line-height:1.4;
	}
	#cnts .top_news .block dl dt a{
		color:#34495e;
		font-weight:bold;
		font-size:110%;
	}
	#cnts .top_news .block dl dt a:hover{
		color:#0090d9;
		text-decoration:none;
	}
	#cnts .top_news .block p.more{
		background:url(/company/csr/fukushima-susumu/images/common/icon-check.png) no-repeat right 3px;
		position:absolute;
		bottom:0;
		right:0;
		margin:0 15px 15px 0;
		padding:0 18px 0 0;
		text-align:right;
		font-size:95%;
	}
}