@charset "utf-8";

/* リンク集：デザインスタイル
 * **************************************************
 * Element [ リンク集 ]  
 * **************************************************
 */

 /* スペース：リセット */
#subPage #content .main h1 + h2{
  margin-top:0;
}
 
 /* レイアウト */
#subPage.kosmo #content .main {
	position:relative;
	padding: 0 0 20px 0;
	width: 100%;
} 

 /* リンク */
 #subPage.kosmo #content .main .kosmoList {
	margin: 3% 2%;
	padding: 0;
}

	#subPage #content .main h3.notice-t {
		font-weight:bold;
		font-size:130%;
		padding-top:2em;
		color:#009e79;
	}

 /* Media Queries 切替 */
@media all and (min-width: 481px) {
	#subPage.kosmo #content h2 {
		clear: both;
		margin: 35px auto 15px auto;
		width: 890px;
	}
}

/* ======================================
　Element [ リンク集 ]  
====================================== */
 /* 見出し背景 */
#subPage #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.kosmo #content .main h1 span.kosmo {
	padding: 5px 0 5px 40px;
 	background: url(../images/headline/h1_index.png) no-repeat 3px center;
 	line-height: 125%;
 }
#subPage #content .main h2 {
	text-indent:-1.1em;
	padding-left:1.3em;
	background: url(../../images/headline/bg_dt_h2.jpg) repeat-x left bottom;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #c1c1c1;
}
#subPage #content .main h2 span {
	padding: 12px 0 10px 20px;
	background: url(../images/headline/mark_h2_link.png) no-repeat 3px center;
} 
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	#subPage #content .main h1 {
		position:relative; top:-5px; left:0px;
		background: none;
		border-top:1px solid #fff2c9;
		border-right:1px solid #fff2c9;
		border-bottom:1px solid #fff2c9;
		border-left:1px solid #fff2c9;
		font-size: 189%;
		color: #000000;
		height: 48px;
		background-color: #fff9e8;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}	
	 #subPage.kosmo #content .main h1 span.kosmo {
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_index_pc.png) no-repeat 10px center;
	}
	#subPage #content .main h2 {
		text-indent:0;
		padding-left:0;	
		background: url(../../images/headline/bg_dt_h2.jpg) repeat-x left bottom;
		border-top:1px solid #e5e5e5;
		border-bottom:1px solid #c1c1c1;
	}
	#subPage #content .main h2 span {
		padding: 12px 0 10px 20px;
		background: url(../images/headline/mark_h2_link.png) no-repeat 5px center;
	}
}