/* article配下のデザインを統括するスタイルシート *********************************************************/
/* article配下については、PC・タブレットはともに最大幅は780pxなので、共通とする

/***************************************************************************************************
PC・タブレット、スマホ共通
***************************************************************************************************/
@media screen, print {
	div#article div#news .box {
		border:solid 3px #f39800;
	}
	
	/***********************************************************************************************
	フォントなど
	***********************************************************************************************/
	strong {
		color:#ff0000;
		font-size:120%;
		font-weight:bold;
	}
	
	div#article .u_wave {
		background:url(../images/bg_underline_wave.png);
		background-position:bottom;
		background-repeat:repeat-x;
	}
	
	/***********************************************************************************************
	段落
	***********************************************************************************************/
	div#article p {
		line-height:1.5;
		margin:0 0 20px 0;
	}
	
	div#article p.txt-left {
		text-align:left;
	}
	
	div#article p.txt-center {
		text-align:center;
	}
	
	div#article p.txt-right {
		text-align:right;
	}
	
	/***********************************************************************************************
	リンク
	***********************************************************************************************/
	div#article a.btn-01 {
		background-color:#87cefa;
		background: -moz-linear-gradient(top,#afeeee 0%,#87cefa);
		background: -webkit-gradient(linear, left top, left bottom, from(#afeeee), to(#87cefa));
		border:solid 2px #ededed;
		-moz-box-shadow: 1px 1px 1px rgba(000,000,000,1);
		-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,1);
		border-radius:100px;
		color:#666;
		display:block;
		font-size:110%;
		font-weight:bold;
		line-height:1.5;
		margin:auto;
		padding:10px 0;
		text-align:center;
		text-decoration:none;
	}
	
	/***********************************************************************************************
	テーブル
	***********************************************************************************************/
	table.tbl_box {
		border-top:solid 1px #999;
		border-right:solid 1px #999;
		width:100%;
	}
	
	table.tbl_box th,
	table.tbl_box td {
		border-left:solid 1px #999;
		border-bottom:solid 1px #999;
		line-height:1.5;
		padding:0.2em 0.5em;
	}
	
	table.tbl_box th {
		background-color:#000066;
		color:#fff;
		font-weight:bold;
		text-align:center;
	}

	/***********************************************************************************************
	お申込みリンク
	***********************************************************************************************/
	#btnForm {
		text-align: center;
	}
	#btnForm a {
		display: block;
		width: 18em;
		height: 3em;
		line-height: 3em;
		margin: 0 auto;
		color: #fff;
		font-size: 110%;
		font-weight: bold;
		text-decoration: none;
		background: #3e62ad;
		border-radius: 100px;
	}
	#btnForm a:hover {
		background: #f0908d;
	}
	
	/***********************************************************************************************
	サイト設計
	***********************************************************************************************/
	div#article ul#bnr {
		list-style-type:none;
		overflow:hidden;
		padding:0;
	}
	
	div#article ul#bnr:after {
		content:"";
		display:block;
		clear:both;
		overflow:hidden;
	}
	
	div#article ul#bnr li {
		float:left;
		margin:0;
		padding:0;
	}
	
	div#article ul#bnr li img {
		max-width:220px;
	}
	
	/*** 背景色 ***********************************************************************************/
	div#article .bg-white {background-color:#;fff}
	div#article .bg-black {background-color:#;000}
	div#article .bg-gray {background-color:#;ccc}
	div#article .bg-red {background-color:#ffcccc;}
	div#article .bg-blue {background-color:#ccccff}
	div#article .bg-green {background-color:#d5ffd5;}
	div#article .bg-yellow {background-color:#ffffcc;}
	
	/*** 文字色 ***********************************************************************************/
	div#article .fc-black {color:#000;}
	div#article .fc-white {color:#fff;}
	div#article .fc-gray {color:#666;}
	div#article .fc-red {color:#ff0000;}
	div#article .fc-blue {color:#0000ff;}
	div#article .fc-green {color:#009933;}
	div#article .fc-yellow {color:#ffff00;}
	
	/*** マージン(全体) ***************************************************************************/
	div#article .m00 {margin:0.0em;}
	div#article .m05 {margin:0.5em;}
	div#article .m10 {margin:1.0em;}
	div#article .m15 {margin:1.5em;}
	div#article .m20 {margin:2.0em;}
	div#article .m25 {margin:2.5em;}
	div#article .m30 {margin:3.0em;}
	div#article .m35 {margin:3.5em;}
	div#article .m40 {margin:4.0em;}
	div#article .m45 {margin:4.5em;}
	div#article .m50 {margin:5.0em;}

	/*** マージン(上) *****************************************************************************/
	div#article .mt00 {margin-top:0.0em;}
	div#article .mt05 {margin-top:0.5em;}
	div#article .mt10 {margin-top:1.0em;}
	div#article .mt15 {margin-top:1.5em;}
	div#article .mt20 {margin-top:2.0em;}
	div#article .mt25 {margin-top:2.5em;}
	div#article .mt30 {margin-top:3.0em;}
	div#article .mt35 {margin-top:3.5em;}
	div#article .mt40 {margin-top:4.0em;}
	div#article .mt45 {margin-top:4.5em;}
	div#article .mt50 {margin-top:5.0em;}

	/*** マージン(下) *****************************************************************************/
	div#article .mb00 {margin-bottom:0.0em;}
	div#article .mb05 {margin-bottom:0.5em;}
	div#article .mb10 {margin-bottom:1.0em;}
	div#article .mb15 {margin-bottom:1.5em;}
	div#article .mb20 {margin-bottom:2.0em;}
	div#article .mb25 {margin-bottom:2.5em;}
	div#article .mb30 {margin-bottom:3.0em;}
	div#article .mb35 {margin-bottom:3.5em;}
	div#article .mb40 {margin-bottom:4.0em;}
	div#article .mb45 {margin-bottom:4.5em;}
	div#article .mb50 {margin-bottom:5.0em;}

	/*** マージン(左) *****************************************************************************/
	div#article .ml00 {margin-left:0.0em;}
	div#article .ml05 {margin-left:0.5em;}
	div#article .ml10 {margin-left:1.0em;}
	div#article .ml15 {margin-left:1.5em;}
	div#article .ml20 {margin-left:2.0em;}
	div#article .ml25 {margin-left:2.5em;}
	div#article .ml30 {margin-left:3.0em;}
	div#article .ml35 {margin-left:3.5em;}
	div#article .ml40 {margin-left:4.0em;}
	div#article .ml45 {margin-left:4.5em;}
	div#article .ml50 {margin-left:5.0em;}

	/*** マージン(右) *****************************************************************************/
	div#article .mr00 {margin-right:0.0em;}
	div#article .mr05 {margin-right:0.5em;}
	div#article .mr10 {margin-right:1.0em;}
	div#article .mr15 {margin-right:1.5em;}
	div#article .mr20 {margin-right:2.0em;}
	div#article .mr25 {margin-right:2.5em;}
	div#article .mr30 {margin-right:3.0em;}
	div#article .mr35 {margin-right:3.5em;}
	div#article .mr40 {margin-right:4.0em;}
	div#article .mr45 {margin-right:4.5em;}
	div#article .mr50 {margin-right:5.0em;}

	/*** パディング(全体) *************************************************************************/
	div#article .p00 {padding:0.0em;}
	div#article .p05 {padding:0.5em;}
	div#article .p10 {padding:1.0em;}
	div#article .p15 {padding:1.5em;}
	div#article .p20 {padding:2.0em;}
	div#article .p25 {padding:2.5em;}
	div#article .p30 {padding:3.0em;}
	div#article .p35 {padding:3.5em;}
	div#article .p40 {padding:4.0em;}
	div#article .p45 {padding:4.5em;}
	div#article .p50 {padding:5.0em;}

	/*** パディング(上) ***************************************************************************/
	div#article .pt00 {padding-top:0.0em;}
	div#article .pt05 {padding-top:0.5em;}
	div#article .pt10 {padding-top:1.0em;}
	div#article .pt15 {padding-top:1.5em;}
	div#article .pt20 {padding-top:2.0em;}
	div#article .pt25 {padding-top:2.5em;}
	div#article .pt30 {padding-top:3.0em;}
	div#article .pt35 {padding-top:3.5em;}
	div#article .pt40 {padding-top:4.0em;}
	div#article .pt45 {padding-top:4.5em;}
	div#article .pt50 {padding-top:5.0em;}

	/*** パディング(下) ***************************************************************************/
	div#article .pb00 {padding-bottom:0.0em;}
	div#article .pb05 {padding-bottom:0.5em;}
	div#article .pb10 {padding-bottom:1.0em;}
	div#article .pb15 {padding-bottom:1.5em;}
	div#article .pb20 {padding-bottom:2.0em;}
	div#article .pb25 {padding-bottom:2.5em;}
	div#article .pb30 {padding-bottom:3.0em;}
	div#article .pb35 {padding-bottom:3.5em;}
	div#article .pb40 {padding-bottom:4.0em;}
	div#article .pb45 {padding-bottom:4.5em;}
	div#article .pb50 {padding-bottom:5.0em;}

	/*** パディング(左) ***************************************************************************/
	div#article .pl00 {padding-left:0.0em;}
	div#article .pl05 {padding-left:0.5em;}
	div#article .pl10 {padding-left:1.0em;}
	div#article .pl15 {padding-left:1.5em;}
	div#article .pl20 {padding-left:2.0em;}
	div#article .pl25 {padding-left:2.5em;}
	div#article .pl30 {padding-left:3.0em;}
	div#article .pl35 {padding-left:3.5em;}
	div#article .pl40 {padding-left:4.0em;}
	div#article .pl45 {padding-left:4.5em;}
	div#article .pl50 {padding-left:5.0em;}

	/*** パディング(右) ***************************************************************************/
	div#article .pr00 {padding-right:0.0em;}
	div#article .pr05 {padding-right:0.5em;}
	div#article .pr10 {padding-right:1.0em;}
	div#article .pr15 {padding-right:1.5em;}
	div#article .pr20 {padding-right:2.0em;}
	div#article .pr25 {padding-right:2.5em;}
	div#article .pr30 {padding-right:3.0em;}
	div#article .pr35 {padding-right:3.5em;}
	div#article .pr40 {padding-right:4.0em;}
	div#article .pr45 {padding-right:4.5em;}
	div#article .pr50 {padding-right:5.0em;}
	
	div#article .ind10 {
		padding-left:1.0em;
		text-indent:-1.0em;
	}
	
	div#article .ind15 {
		padding-left:1.5em;
		text-indent:-1.5em;
	}
	
	div#article .ind20 {
		padding-left:2.0em;
		text-indent:-2.0em;
	}
	
	div#article .ind13 { /* ※ を使用時に最適 */
		padding-left:1.3em;
		text-indent:-1.3em;
	}
	
	/*** 枠囲み ***********************************************************************************/
	div#article .box01 {
		border:solid 3px #666;
		margin:0.5em;
		padding:0.5em;
	}
	
}

/***************************************************************************************************
PC・タブレット 461px以上のディスプレイで表示(780pxで最適に見える)
***************************************************************************************************/
@media screen and (min-width:461px) {
	div#article ul {
		line-height:1.5;
	}
	
	div#article ul li {
		margin-bottom:7px;
	}
	
	div#article div.box {
		padding:10px;
	}
	
	div#article .container {
		overflow:hidden;
		margin-bottom:25px;
	}
	
	div#article .container:after {
		content:"";
		display:block;
		clear:both;
		overflow:hidden;
	}
	
	div#article .f-right {
		float:right;

	}
	
	div#article .f-left {
		float:left;
	}
	
	div#article div#bnr {
		overflow:hidden;
	}
	
	div#article div#bnr:after {
		content:"";
		display:block;
		clear:both;
		overflow:hidden;
	}
	
	div#article div#bnr a {
		background-color:#cee4ae;
		border:solid 2px #839b5c;
		border-radius:5px 5px 5px 0;
		display:block;
		float:left;
		margin:0 1.9608% 0 0;
		min-height:50px;
		padding:7px 0;
		text-align:center;
		width:29.4118%;
	}
	
	/***********************************************************************************************
	画像
	***********************************************************************************************/
	img {
		max-width:780px;
	}
	
	/***********************************************************************************************
	リンク
	***********************************************************************************************/
	div#article a.btn-01 {
		max-width:360px;
	}
	
	/***********************************************************************************************
	サイト設計
	***********************************************************************************************/
	div#article ul#bnr {
		margin:0 7.0512%;		/* 55px ÷ 780px */
	}
	
	div#article ul#bnr li {
		padding:0 0.6410% 5px 0;
	}
	
	div#article ul#bnr li.last {
		padding-right:0;
	}
}

/***************************************************************************************************
スマホ 460px以下のディスプレイで表示(460pxで最適に見える)
***************************************************************************************************/
@media screen and (max-width:460px) {
	/***********************************************************************************************
	画像
	***********************************************************************************************/
	img {
		max-width:360px !important;
	}
	
	/***********************************************************************************************
	リンク
	***********************************************************************************************/
	div#article a.btn-01 {
		max-width:440px;
		width:90%;
	}
	
	/***********************************************************************************************
	サイト設計
	***********************************************************************************************/
	div#article ul#bnr {
		margin:0 1.9230%;		/* 15px ÷ 780px */
	}
	
	div#article ul#bnr li img {
		max-width:220px;
	}
}