@charset "Shift_JIS";

@import url("../../css/style.css");

@media screen and (min-width: 760px) {

	#link {
		margin: 20px 0;
	}

	#link p {
		line-height: 1.6;
		margin: 25px 0;
		color: #646464;
	}

	#link p.kome {
		font-size: 93%;
		line-height: 1.6;
		margin: 25px 10px;
	}

	#link ul {
		margin: 30px 0 20px 10px;
		padding: 0;
	}

	#link li {
		font-size: 108%;
		list-style: none;
		line-height: 1.2;
		letter-spacing: 0;
		color: #787878;
		padding: 0 0 0 16px;
		margin-bottom: 10px;
		zoom: 1;
		background: url(../img/li.gif) left 3px no-repeat transparent;
	}

	#link li.new a {
		padding-right: 52px;
		background: url(../img/new.gif) right 2px no-repeat;
	}

	h3 {
		font-size: 18px !important;
		letter-spacing: 2px !important;
		margin: 30px 0 7px 0 !important;
		padding: 0 0 0 10px !important;
		zoom: 1 !important;
		border-left: solid 5px #dd2200;
	}

	span.n_ast {
		font-size: 70%;
		position: relative;
		top: -4px;
		color: #777;
	}

	span.note {
		color: #777;
		font-size: 80%;
		line-height: 1.5;
		margin-bottom: 8px;
	}

}




@media screen and (max-width: 759px) {

	#link {
		margin: 0px;
	}

	#link h3 {
		font-size: 18px;
		line-height: 1;
		margin: 20px 0 20px 10px;
		padding: 0 0 0 10px;
		border-left: solid 5px #dd2200;
	}

	#link p {
		line-height: 1.4;
		margin: 0px 10px 0px 10px;
	}

	#link p.kome {
		font-size: 13px;
		margin: 15px 10px 0px 10px;
	}

	#link ul {
		margin: 20px 0 0px 0;
		padding: 5px 0 0 0;
		border-top: solid 1px #cdcdcd;
	}

	#link li {
		line-height: 1.2;
		padding: 15px 0 15px 14px;
		background: url(../../img_sp/navi_arrow2.png) 10px 16px no-repeat transparent;
		background-size: 6px 10px;
		border-bottom: solid 1px #cdcdcd;
	}

	#link li a {
		padding: 0 0 0 12px;
	}

	#link li.new a {
		padding-right: 52px;
		background: url(../img/new.gif) right 2px no-repeat;
	}

}