@charset "UTF-8";
/* CSS Document */

@media screen, print {
	*{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing:border-box;
	}

	/*---- article ----*/
	article {
	/*	印刷対応：FFで印刷時に起こる表示崩れの原因のためコメントアウト
		display:inline-block;
	*/
	}

	/*---- float ----*/
	.right { float: right!important;}
	.left { float: left!important;}

	/*---- text-align ----*/
	.ta_l { text-align: left!important;}
	.ta_c { text-align: center!important;}
	.ta_r { text-align: right!important;}

	/*---- text-align ----*/
	.va_t { vertical-align: top!important;}
	.va_m { vertical-align: middle!important;}
	.va_b { vertical-align: bottom!important;}

	/*---- clearfix ----*/
	.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	* html .clearfix             { zoom: 1; } /* IE6 */
	*:first-child+html .clearfix { zoom: 1; } /* IE7 */

	/*---- font ----*/
	html{
		font-size: 12px;
	}

	body {
		font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
		color: #323232;
		background-color: #f5f5eb;
		-webkit-text-size-adjust: 100%;
	}

	.font-bold { font-weight:bold !important;}

	/*---- input ----*/
	input,pre {
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}

	input[type="text"], input[type="password"], textarea, select {
		outline: none;
	}

	ul{
		list-style-type: none;
	}

	/*---- a ----*/
	a{
		color: #323232;
	}

	a:hover {
		text-decoration: none;
	}

	/*---- img ----*/
	img {
		width: 100%;
		height: auto;
	}

	/*---- border ----*/
	.bbn { border-bottom: none!important;}
	.bln { border-left: none!important;}

	/*---- width ----*/
	.wide100 { width: 100%!important;}
	.wide90 { width: 90%!important;}
	.wide80 { width: 80%!important;}
	.wide70 { width: 70%!important;}
	.wide60 { width: 60%!important;}
	.wide50 { width: 50%!important;}
	.wide40 { width: 40%!important;}
	.wide30 { width: 30%!important;}
	.wide20 { width: 20%!important;}
	.wide10 { width: 10%!important;}
	.wideauto {width: auto!important;}

	/*---- blank-link-icn ----*/
	.blank-link-w { position: relative;}
	.blank-link-w:after {
		content:" ";
		position: absolute;
		display: block;
		width: 11px;
		height: 11px;
		background: url(../images/common/icn_blanklink_w.png) left top no-repeat;
		background-size:contain;
		right: 6%;
		bottom: 6%;
	}

	.ua-ie-8 .blank-link-w:after {
		background: url(../images/common/icn_blanklink_w_ie8.png) left top no-repeat;
	}

	/*---- コンテンツエリア ----*/
	#mainContents {
		max-width: 960px;
		margin: 0 auto;
		overflow: hidden;
	}

	.ua-ie-8 #mainContents {
		width: 960px;	
	}

	#contentsWrap {
		width: 100%;
		margin-top: 30px;
	}

	#mainContents .left_wrap {
		width: 74.3%;
		float: left;
	}

	#mainContents .right_wrap {
		width: 23.4%;
		float: right;
	}


	/*---- ページ共通コンテンツエリア ----*/
	.caption-box {
		width: 100%;
		margin: 0 auto 30px;;
		background-color: #fff;
		padding: 30px 22px;
		line-height: 1.5;
	}

	h1.nontext-caption-image {
		line-height: 1;
	}

	.caption-box .caption-image img {
		width: auto;
		margin-bottom: 20px;
	}

	.nontext-caption-image img {
		width: auto;
	}
	.caption-box_1604 {
		width: 100%;
		margin: 10px auto 30px;
		background: #EAF2D1;
		padding: 20px 0px;
		line-height: 1.5;
	}
	.caption-box_1604 div{
		width:758px;
		margin:0 auto;
	}
	.caption-box_1604 img {
		width: 100%;
	}

	/*サイドナビ*/
	.right_wrap ul li {
		background-position: 14px bottom;
		background-repeat: no-repeat;
		position: relative;
		margin-bottom: 12px;
	}

	.right_wrap ul li a {
		display: block;
		height: 74px;
		background-color: #fff;
		color: #222;
		font-weight: bold;
		padding: 30px 20px;
		text-decoration: none;
	}

	.right_wrap ul li a:hover {
		opacity: 1;
		color: #fff;
	}

	/*---- ページトップ ----*/
	#pageTop {
		position: fixed;
		right: 2px;
		bottom: 10%;
		display: none;
		max-width: 86px;
		cursor: pointer;
	}

	@media (min-width: 1400px) {
		#pageTop {
			position: fixed;
			right: 20px;
			bottom: 10%;
			display: none;
		}
	}

	/*SP/PC*/
	.sp-obj { display: none;}
	.pc-obj { display: block;}

	/*margin/padding*/
	.pl5em { padding-left: 5em;}

	/*パンクズ*/
	.pankuzu {
		border-bottom: 1px solid #e6e6e6;
	}

	.pankuzu .pankuzu_box {
		max-width: 960px;
		width: 100%;
		margin: auto;
		padding: 16px 0;
	}

	.pankuzu .sp_none {
		display: inline-block;
	}

	.pc_none { display: none;}
	.sp_none { display: block;}


	/*---------------------------------------
		リンクエリア
	----------------------------------------*/
	/*link-box*/
	.link-box ul {
		margin: 2em 0 0 -1.772%;
	}
	.link-box li {
		width: 23.225%;
		float: left;	
		margin-left: 1.772%;
	}

	/*news-box*/
	.news-box ul {
	    margin: 2em 0 0 -1.772%;
	}
	.news-box li {
	    background: #fff none repeat scroll 0 0;
	    float: left;
	    margin-bottom: 1.5em;
	    margin-left: 1.66%;
	    width: 23.34%;
	}

	.news-box li img {
	    width: 100%;
	}

	/*icon_blank*/
	.icon_blank {
		position: absolute;
		bottom: 5%;
		right: 2%;
		width: 12px;
	}

	.suusen-banner-box {
		margin-bottom: 20px;
	}

	.suusen-banner-box .suusen-banner {
		display: block;
		margin: 20px auto 0px;
		width: 100%!important;
	}
}

@media print {
	.right_wrap ul li a {
		padding-right: 30%;
	}
}



/*===========================================
	SP用スタイル
============================================*/
@media screen and (max-width: 767px) {

	#contentsWrap {
		margin-top: 0;
	}
	
	/*---- width ----*/
	.sp-wide100 { width: 100%!important;}
	.sp-wide90 { width: 90%!important;}
	.sp-wide80 { width: 80%!important;}
	.sp-wide70 { width: 70%!important;}
	.sp-wide60 { width: 60%!important;}
	.sp-wide50 { width: 50%!important;}
	.sp-wide40 { width: 40%!important;}
	.sp-wide30 { width: 30%!important;}
	.sp-wide20 { width: 20%!important;}
	.sp-wide10 { width: 10%!important;}
	.sp-wideauto {width: auto!important;}
	
	.pc_none { display: block;}
	.sp_none { display: none;}
	
	.sp-obj { display: block;}
	.pc-obj { display: none;}
	
	#pageTop {
		max-width: 50px;
		bottom: 10px;
	}
	
	#pageTop img {
    	width: 50px;
		max-width: none;
	}
	
	/*---- a ----*/
	a {
		color: #1e55a7;
		text-decoration: none;
	}
	
	/*pankuzu*/
	.pankuzu .pankuzu_box {
		line-height: 2;
		padding: 6px 10px;
		width: 100%;
	}
	
	.pankuzu .pankuzu_box a.btn {
		background-color: #ffffff;
		color: #000000;
		position:relative;
		padding: 5px 0 5px 5px;
		margin-right: 15px;
	}
	
	.pankuzu .pankuzu_box a.btn:after {
		border-bottom: 13px solid transparent;
		border-left: 10px solid #ffffff;
		border-top: 13px solid transparent;
		content: "";
		height: 0;
		position: absolute;
		right: -10px;
		top: -1px;
		width: 0;
	}
	
	.pankuzu .pankuzu_box .here a {
		color: #1e55a7;
	}
	
	.pankuzu .sp_none {
		display: none;
	}
	
	/* caption */
	.caption-box {
		width: 100%;
		margin: 10px auto;
		padding: 17px 18px;
		background-color: #fff;
	}
	
	.caption-box .caption-image img {
		width: 82%;
		margin-bottom: 10px;
	}
	
	.caption-box .nontext-caption-image img {
		width: 82%;
	}
	
	/*サイドナビ*/	
	#mainContents .left_wrap, #mainContents .right_wrap {
		width: 100%;
	}
	
	.right_wrap ul li{
		width: 48.5%;
		margin: 0 3% 3% 0;
		float: left;
		height: auto;
	}
	
	.right_wrap ul li:nth-child(2n) {
		margin-right: 0;
	}

	.right_wrap ul li a {
		background-size: 12% auto;
		color: #222;
		display: table;
    	height: 50px;
    	padding: 0 18% 0 5%;
		width: 100%;
	}
	
	.right_wrap ul li a span {
		display: table-cell;
		font-size: 14px;
    	font-weight: bold;
		vertical-align: middle;
	}
	
	#mainContents .right_wrap ul li a:hover {
		opacity: 1;
		background-color: #fff;
		color: #222;
	}
	
	/* リンクエリア */
	.link-box ul {
		margin: 0;
	}
	
	.link-box li {
		width: 48.5%;
		margin-left: 0;
		margin-bottom: 1em;
	}
	
	.link-box li:nth-child(2n) {
    	float: right;
		margin-right: 0;
    }
	
	.news-box ul {
		margin: 1em 0;
    }

	.news-box li {
		margin-left: 0;
		margin-right: 2.4%;
		width: 48.5%;
		margin-bottom: 1em;
	}
	.news-box li:nth-child(2n) {
		margin-right: 0;
	}
		
	.pc_none .sns-list {
		float: left;
		margin-top: 10px;
		overflow: hidden;
		width: 50%;
	}
	
	.pc_none .sns-list li {
		float: left;
		height: 26px;
		margin: 0 0 0 10px;
		width: 26px;
	}
	
	.caption-box_1604 div{
		width:90%;
		margin:0 auto;
	}
	.caption-box_1604 img {
		width: 100%;
	}
	
}