@charset "utf-8";

/* お知らせ：デザインスタイル
 * **************************************************
 * Element [ お知らせ：一覧 ]
 * **************************************************
 */

 /* お知らせ */
#subPage.news #content .main {
	position:relative;
	padding: 0 0 20px 0;
	width: 100%;
}

 /* リスト */
 #subPage.news #content .main ul {
	margin: 0;
	padding: 2% 0;
	background-color: #FFFFFF;
}
#subPage.news #content .main li {
	margin: 0;
	padding: 8px 5%;
	font-size: 1.0em;
	border-top: 1px dotted #dddddd;
}
/* 第1要素：ボーダー：非表示 */
 #subPage.news #content .main li:first-child{
	border-top: none;
}
/* お知らせアイコン */
 #subPage.news #content .main li img{
	padding: 0 15px 0 0;
}
 #subPage.news #content .main li a{
	display:block;
}
 /* Media Queries 切替 */
@media all and (min-width: 481px) {
	#subPage.news #content .main ul {
		margin: 5px 0 0 0;
		padding: 0;
	}
	#subPage.news #content .main li {
		margin: 0;
		padding: 8px 0;
		font-size: 100%;
		border-top: none;
		border-bottom: 1px dotted #dddddd;
		list-style-type: none;
	}
	#subPage.news #content .main li img{
		padding: 0 15px 0 0;
		vertical-align: middle;
	}
	#subPage.news #content .main li a{
		margin: 0 0 0 15px;
		display:inline;
	}
}

/* ページャー（一覧ページ）
------------------------------------------------------------------- */
#subPage.news #content .main div.pager {
	width:100%;
	overflow:hidden;
	margin:20px 2% 10px 2%;
	padding:0;
}
#subPage.news #content .main div.pager ul {
	margin:0;
	padding:0;
}
#subPage.news #content .main div.pager li {
	float:left;
	margin:0 2px;
	padding:0;
	border:1px dotted #cccccc;
	background-color: #FFFFFF;
	text-align:center;
	font-size: 100%;
	line-height:20px;  
}
#subPage.news #content .main div.pager li em {
	display: block;
	margin:0;
	padding:2px 8px;
	font-size: 1.0em;
	font-weight: bold;
	font-style: normal;
	color: #d68199;
}
#subPage.news #content .main div.pager li a {
	display: block;
	margin:0;
	padding:2px 8px;
	font-weight: bold;
	text-align:center;
	color: #d68199;
}
#subPage.news #content .main div.pager li a:hover{
	color: #FFFFFF;
	background-color: #d68199;
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	#subPage.news #content .main div.pager {
		width:100%;
		overflow:hidden;
		margin:20px 0 10px 0;
		padding:0;
	}
	#subPage.news #content .main div.pager ul {
		margin:0;
		padding:0;
	}
	#subPage.news #content .main div.pager li {
		float:left;
		margin:0 2px;
		padding:0;
		border:1px dotted #cccccc;
		background-color: #FFFFFF;
		text-align:center;
		font-size: 108%;
		line-height:20px;  
	}
	#subPage.news #content .main div.pager li em {
		display: block;
		margin:0;
		padding:2px 8px;
		font-size: 108%;
		font-weight: bold;
		font-style: normal;
		color: #d68199;
	}
	#subPage.news #content .main div.pager li a {
		display: block;
		margin:0;
		padding:2px 8px;
		font-weight: bold;
		text-align:center;
		color: #d68199;
	}
	#subPage.news #content .main div.pager li a:hover{
		color: #FFFFFF;
		background-color: #d68199;
	}
}

/* ======================================
　Element [ お知らせ：見出し ]
====================================== */
 /* 見出し背景 */
#subPage.news #content .main h1 {
 	background: url(../images/headline/bg_sp_index_h1.jpg) repeat-x left top;
	border-bottom:1px solid #c1c1c1;
	font-size: 123.1%;
	color: #FFFFFF;
}
#subPage.news #content .main h1 span.news {
	padding: 5px 0 5px 40px;
 	background: url(../images/headline/h1_index.png) no-repeat 3px center;
 	line-height: 125%;
 }
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	/* お知らせ */
	#subPage.news #content .main h1 {
		background: url(../../images/headline/bg_dt_h1.jpg) repeat-x left top;
		border-bottom:3px solid #e86496;
		font-size: 189%;
		color: #000000;
	}
	#subPage.news #content .main h1 span.news {
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_index_pc.png) no-repeat 10px center;
	}
}

/* ======================================
　Element [ お知らせ：詳細 ]
====================================== */
/* 上部（ヘッダ）
------------------------------------------------------------------- */
#subPage.news #content .main .neswDate {
	float:right;
	position:relative; top:6px; left:0px;
	margin:0 2% 0 0;
	padding:0;
	font-size: 0.7em;
	color: #ffffff;
}
#subPage.news #content .main .newsTitle {
	display: block;
	margin:-10px 0;
	padding:0;
	font-size: 0.8em;
	line-height: 120%;
}
#subPage.news #content .main .newsTitle img {
	margin:0;
	padding:0;
}
@media all and (min-width: 481px) {
	#subPage.news #content .main .neswDate {
		z-index:1;
		float:right;
		position:relative; top:-14px; left:-10px;
		margin:0;
		padding:0;
		font-size: 0.9em;
		color: #000000;
	}
	#subPage.news #content .main .newsTitle {
		display: block;
		margin:0;
		padding-top:6px!important;
		padding-bottom:0!important;
		font-size: 0.8em;
		line-height: 130%!important;
		width: 846px;
		height: 70px!important;
	}
	#subPage.news #content .main .newsTitle img {
		margin:0 0 -2px 0;
		padding:0;
	}
}

/* ページャー
------------------------------------------------------------------- */
#subPage.news #content .main ul.pager{
	width:100%;
	background-color: #e7e7e7;
	overflow:hidden;
	margin:20px 0 0 0;
	padding:0;
}
#subPage.news #content .main ul.pager li{
	display:inline;
	font-size: 0.9em;
}
#subPage.news #content .main ul.pager li.left{
	float:left;
	padding:2% 2%;
}
#subPage.news #content .main ul.pager li.right{
	float:right;
	padding:2% 2%;
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	#subPage.news #content .main ul.pager{
		width:100%;
		background-color: #e7e7e7;
		overflow:hidden;
		margin:30px 0 0 0;
		padding:0;
	}
	#subPage.news #content .main ul.pager li{
		display:inline;
		font-size: 85%;
	}
	#subPage.news #content .main ul.pager li.left{
		float:left;
		padding:5px 0 5px 0;
	}
	#subPage.news #content .main ul.pager li.right{
		float:right;
		padding:5px 15px 5px 0;
	}
}

/* 詳細（リセット）
------------------------------------------------------------------- */
#subPage.news #content .main div.entry {
	margin:0 auto;
	padding: 20px 2% 10px 2%;
	font-size: 100%;
	line-height:160%;
	word-wrap: break-word;
}
#subPage.news #content .main div.entry h1 {
	margin:0 0 5px 0;
}
#subPage.news #content .main div.entry h2 {
	margin:0 0 5px 0;
}
#subPage.news #content .main div.entry h3 {
	margin:0 0 5px 0;
}
#subPage.news #content .main div.entry h4 {
	margin:0 0 5px 0;
}
#subPage.news #content .main div.entry h5 {
	margin:0 0 5px 0;
}
#subPage.news #content .main div.entry h6 {
	margin:0 0 5px 0;
}
#subPage.news #content .main div.entry p {
	margin:0 0 5px 0;
}

#subPage.news #content .main div.entry ul {
	line-height:130%;
}
#subPage.news #content .main div.entry ul li {
	margin:0 0 0.5em 0;
	padding:0;
	list-style-type: disc;
	border:none;
}
#subPage.news #content .main div.entry ol {
	line-height:130%;
}
#subPage.news #content .main div.entry ol li {
	list-style-type: decimal;
}

#subPage.news #content .main div.entry ul, ol {
	margin:auto -3em 1em 0;
	padding:0;
	position:relative;
	left:-3em;
	overflow:hidden;
}
#subPage.news #content .main div.entry li {
	margin-top:0.25em;
	margin-bottom:0.25em;
}
#subPage.news #content .main div.entry ul ul, ul ol,
#subPage.news #content .main div.entry ol ol, ol ul {
	margin-left:1em;
	padding-left:0;
}
#subPage.news #content .main div.entry ul li, ol li {
	margin-left:5em;
}
#subPage.news #content .main div.entry li li {
	margin-left:1em;
}

#subPage.news #content .main div.entry table {
}
#subPage.news #content .main div.entry table th {
}
#subPage.news #content .main div.entry table td {
}

/* 添付ファイル
------------------------------------------------------------------- */
#subPage.news #content .main ul.fileList{
	margin:0 2%;
	padding:5px 0;
}
#subPage.news #content .main ul.fileList li{
	margin:0;
	padding:5px 0;
	font-size: 0.9em;
	border:none;
}
#subPage.news #content .main ul.fileList li img{
	margin:0;
	border:0;
	padding:0 3px 0 0;
	vertical-align: middle;
}
#subPage.news #content .main ul.fileList li a{
	margin:0;
	padding:0;
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	#subPage.news #content .main ul.fileList{
		margin:0;
		padding:5px 0;
		width: 100%;
	}
	#subPage.news #content .main ul.fileList li{
		margin:0;
		padding:5px 0;
		width: 100%;
		font-size: 100%;
		border:none;
	}
	#subPage.news #content .main ul.fileList li img{
		margin:0;
		border:0;
		padding:0 3px 0 0;
		vertical-align: middle;
	}
	#subPage.news #content .main ul.fileList li a{
		margin:0;
		padding:0;
	}
}