/* 初期化 ---------------------- */

div, p, h1, h2, h3, h4, h5, h6, article, aside, details, footer, header, main, menu, nav, section, summary, ul, ol, li, dl, dt, dd{
	box-sizing: border-box;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #site-title a {
	color: #000;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, #site-title a:hover {
	text-decoration: underline;
	color: #00f;
}

/* 構造 ---------------------- */
body{
	text-align: center;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	color:#555;
	font-size: 0.9rem;
}
p{
	line-height:1.8em;
}
#wrapper{
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
	padding:0 10px;
	width: 100%;
	clear:both;
}


/* ヘッダー ---------------------- */
#header {
}
#header #branding{
	max-width: 960px;
	margin:0 auto;
	padding: 15px 0 0;
	overflow:hidden;
}
#site-title h1{
	font-size: 100%;
	margin: 0;
}

#site-title a{

}





/* パンくず ---------------------- */
p.crumb{
	font-size:80%;
	margin:20px 0;
	padding:3px 0;
}
p.crumb a{
	text-decoration:none;
	color:#2782aa;
}


/* コンテナ ---------------------- */
.main_container{
	text-align: left;
	display: block;
	/*white-space: nowrap;*/
}
.ie8 .main_container{
	margin-right: 250px;
}
@media screen and (max-width: 736px) {
	.main_container{
		white-space: normal;
		padding:0 5px;
	}
}
/* #content サイドバー有り ---------------------- */

#content, #sidebar{
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	word-spacing: normal;
}
#content{ 

	width: calc( 100% - 330px );
	/*width: -webkit-calc( 100% - 330px ) ;	 2013年10月以前のSafariをサポートする場合 */
	/*border-right:1px solid #000;*/
	margin: 10px 0 20px 0;
	padding: 15px 15px 0 0;
}
/*chrome対応*/

/*safari5以下対応*/
@media screen and (-webkit-min-device-pixel-ratio:0) {::i-block-chrome, #content {width:66%;}}
.ie8 #content{
	max-width: 100%;
	display: inline-block;
	white-space: normal;
}

/* ※トップページの#contentは、parts.cssに記述 */
/*見出し　H2*/
.content-header{
	/*background-color: #000;*/
	padding: 7px 0;
	color: #2782aa;
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: bold;
}
/*見出し　H2　画像*/
p.content-sub_img{width:100%;}
p.content-sub_img img{width:100%;}
p.content-sub_img_sp{display:none;}

@media screen and (max-width: 736px) {
	p.content-sub_img{ display:none;}
	p.content-sub_img_sp{display:block; width:100%;}
	p.content-sub_img_sp img{width:100%;}
}

/*見出し　H3*/
.content-header_h3{
	color: #3fa2cd;
	font-size: 1.2em;
	font-weight: bold;
}


.content-sub{
	margin-bottom:10px;
}

/*----------------------------------サイドバー--------------------------------------------*/
#sidebar{
	width: 330px;
	padding: 10px;
/*	border-left: 1px solid #000;
	margin-left: -1px;*/
	margin: 10px 0 0 0;
	padding: 15px 0 0 15px;
}
/*chrome対応*/

/*safari下位対応*/
@media screen and (-webkit-min-device-pixel-ratio:0) {::i-block-chrome, #sidebar {width:34%;}}
.ie8 #sidebar{
	display: inline-block;
	white-space: normal;
}

@media screen and (max-width: 736px) {
	#sidebar, 	#content{
		width: 100%;
		padding: 0;
	}
	/*chrome対応*/_::content, _:future, #sidebar:not(*:root) { width:100%;}
}

.sidebar-header{
	/*background-color: #000;
	padding: 7px !important;*/
	margin: 0 0 10px 0 !important;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.5;
	font-weight:600;
	text-align: center;
}
.ie8 .sidebar-header{
	font-size: 16px;
}

.sidebar-block{
	padding:5px;
	margin-bottom:10px;
	/*background-color:#feed9f;*/
}

#sidebar dl.leng3_01{
	display: block;
	border: 1px solid #c9c9c9;
	background-color:#fff;
	margin-bottom:10px;
}

#sidebar dl.leng3_01 dt{
	font-size: 1.25rem;
	text-align: center;
	color:#5294b6;
	font-weight:bold;
	margin: 10px 5px;
	padding: 3px;
}
.ie8 #sidebar dl.leng3_01 dt{
	font-size: 19px;
}

#sidebar dl.leng3_01 dd{
	z-index:-1;
	margin: 0 5px 5px;
}

#sidebar dl.leng3_01 dd a{
	display: block;
	font-size: 90%;
	padding: 15px 15px 15px 5px;
	/*background-color: #ccc;*/
	color: #555;
	text-decoration: none;
}

.ie8 #sidebar dl.leng3_01 dd{
	font-size: 14px;
}

#sidebar dl.leng3_01 dd a:after{
	/*content: "〉";
	position: absolute;
	right: 0;
	top: calc(50% - 0.75em);*/
}
@media screen and (max-width: 736px) {
#sidebar dl.leng3_01 dd{
	margin: 15px 5px;
}
}

/*コンテンツブロック（下位ページ）　バナー　----------------------*/
.block_b1_03{
	background-color:#fff;
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	-webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
}

.block_b1_03 a{
	display:block;
}

.block_b1_03 a img.pc{
	width: 100%;
	margin:0;
	padding:0;
	vertical-align:bottom;
	display:block;
}
.block_b1_03 a img.sp{ display:none;}
.block_b1_03 a img{vertical-align:bottom;}

@media screen and (max-width: 736px) {
	.block_b1_03 a img.pc{
		width: 100%;
		margin:0;
		padding:0;
		vertical-align:bottom;
		display:none;
	}
	.block_b1_03 a img.sp{
		width: 100%;
		margin:0;
		padding:0;
		vertical-align:bottom;
		display:block;
	}
}


/*------------------------------フッター------------------------------*/
#footer{

}

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



}

#copy{padding:5px 5px 30px 5px; background-color:#ccc; font-size:80%;}

/* 汎用 */

.pconly{ display:inline; }
.sponly{ display:none; }
@media screen and (max-width: 736px) {
.sponly{ display:inline; }
.pconly{ display:none; }
}

/* ページトップ */
#pagetop{
	width:46px;
    position:fixed;
    right:5px;
    bottom:5px;
    cursor:pointer;
}
#pagetop img{ width:100%;}

/* マージン */
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}

.mr_5{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr_20{margin-right:20px;}
.mr_30{margin-right:30px;}

.mb_5{margin-bottom:5px;}
.mb_10{margin-bottom:10px;}
.mb_20{margin-bottom:20px;}
.mb_30{margin-bottom:30px;}

/*テキスト位置*/
.t_left{text-align:left;}
.t_center{text-align:center;}
.t_right{text-align:right;}

/*-------------------カスタマイズ-------------------*/
/*見出し　H2*/
.content-header{
}



html, html body{ width:100%; overflow-x:hidden; }