@charset "utf-8";

/* --------------------------------------
    RESET
--------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
.copyTxt{
	color: #ffffff;
	text-shadow: none;
	font-weight: bold;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
	display: block;
}
nav ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
input {
    vertical-align: middle;
}
ul,li { list-style: none;}
img { vertical-align: top;}


/* --------------------------------------
    ALL
--------------------------------------- */
body {
	color: #434343;
    font-family: Helvetica,"Hiragino Kaku Gothic ProN",sans-serif;
	line-height: 1.4;
}

a { color: #434343; text-decoration: none; outline: none;}
a:hover { color: #434343; text-decoration: none;}



/* --------------------------------------
    STRUCTURE
--------------------------------------- */



/* --------------------------------------
    GLOBAL_NAVI
--------------------------------------- */
#gNav {
//	display: none;
}


/* --------------------------------------
    HEADER
--------------------------------------- */
#header {
	background: #003E83;
	padding: 2% 0px;
	/*
	position: fixed;
	top: 0px;
	z-index: 100;
	width: 100%;
	*/
}
	#header .lBtn {
		float: left;
		width: 15%;
		background: #00316D;
		background: -webkit-gradient(linear, left top, left bottom, from(#00316D), to(#001A39));
		background: -moz-linear-gradient(top, #00316D, #001A39);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00316D, endColorstr=#001A39);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #040000;
		border-radius: 3px;
		margin-left: 2%;
		text-align: center;
		font-size: 9px;
	}
	#header .lBtn:active { background: #002044;}
		#header .lBtn a {
			background: url(../img/icon_menu.png) no-repeat center 8px;
			-webkit-background-size: 16px 16px;
			background-size: 16px 16px;
			display: block;
			padding: 25px 0px 3px 0px;
			color: #FFFFFF;
		}
	#header .rBtn {
		float: right;
		width: 15%;
		background: #00316D;
		background: -webkit-gradient(linear, left top, left bottom, from(#00316D), to(#001A39));
		background: -moz-linear-gradient(top, #00316D, #001A39);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00316D, endColorstr=#001A39);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #040000;
		border-radius: 3px;
		margin-right: 2%;
		text-align: center;
		font-size: 9px;
	}
	#header .rBtn:active { background: #002044;}
		#header .rBtn a {
			background: url(../img/icon_help.png) no-repeat center 8px;
			-webkit-background-size: 16px 16px;
			background-size: 16px 16px;
			display: block;
			padding: 25px 0px 3px 0px;
			color: #FFFFFF;
		}
	#header .logo {
		width: 70%;
		margin: 0px auto;
		text-align: center;
		overflow: inherit;
	}
		#header .logo img {
			width: 74%;
		}


/* --------------------------------------
    FOOTER_GUIDE
--------------------------------------- */
#fGuide {
	background: #E4E4E4;
	padding: 2%;
}
	#fGuide ul {
		background: #FFFFFF;
		border-top: 1px solid #E4E4E4;
	}
		#fGuide ul li {
			border-bottom: 1px solid #E4E4E4;
			float: left;
			width: 50%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		#fGuide ul li:nth-child(2n+1) {
			border-right: 1px solid #E4E4E4;
		}
			#fGuide ul li a {
				background: url(../img/arw_gr01.png) no-repeat 10px center;
				-webkit-background-size: 5px 5px;
				background-size: 5px 5px;
				display: block;
				padding: 8px 0px 8px 18px;
			}
.fGuideTitle{
	padding: 12px 20px 5px 15px;
	-webkit-background-size: 15px 8px;
	background-size: 15px 8px;
	display: inline-block;
}

/* --------------------------------------
    FOOTER_NAVI
--------------------------------------- */
#fNav { padding-top: 20px;}
	#fNav .switchArea {
		position: relative;
		height: 39px;
	}
	#fNav .switchArea .btn {
		background: #F2F2F2 url(../img/arw_fswitch.png) no-repeat right center;
		-webkit-background-size: 15px 8px;
		background-size: 15px 8px;
		border-top: 1px solid #C8C8C8;
		border-left: 1px solid #C8C8C8;
		border-right: 1px solid #C8C8C8;
		position: absolute;
		left: 10px;
		top: 1px;
		padding: 8px 17px 8px 8px;
	}
	#fNav .switchArea .btn.active {
		background: #F2F2F2 url(../img/arw_fswitch_on.png) no-repeat right center;
		-webkit-background-size: 15px 8px;
		background-size: 15px 8px;
		border-top: 1px solid #C8C8C8;
		border-left: 1px solid #C8C8C8;
		border-right: 1px solid #C8C8C8;
		position: absolute;
		left: 10px;
		top: 1px;
		padding: 8px 17px 8px 8px;
	}
	#fNav .switchArea .btn:hover { cursor: pointer;}

	#fNav .Inner {
		background-color: #F2F2F2;
		border-top: 1px solid #C8C8C8;
		padding: 0px 2% 2% 2%;
	}
		#fNav .navBox { display: none;}

	#fNav .navList {
		font-size: 14px;
	}
	#fNav .navList li {
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #D3D3D3;
	}
	#fNav .navList li:first-child { border-top: none;}
	#fNav .navList li:last-child { border-bottom: none;}
	#fNav .navList li a {
		background: url(../img/arw_fnav.png) no-repeat right center;
		-webkit-background-size: 20px 12px;
		background-size: 20px 12px;
		display: block;
		padding: 10px 5px;
		color: #434343;
	}


/* --------------------------------------
    FOOTER
--------------------------------------- */
#footer {
	background: #003E83;
	color: #FFFFFF;
	font-size: 12px;
	padding: 2%;
}
	#footer .fBtn01 {
		background: #FBFAFA;
		background: -webkit-gradient(linear, left top, left bottom, from(#FBFAFA), to(#DFDFE0));
		background: -moz-linear-gradient(top, #FBFAFA, #DFDFE0);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FBFAFA, endColorstr=#DFDFE0);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #A1A1A1;
		border-radius: 3px;
		width: 100%;
		margin: 0px auto;
		text-align: center;
	}
		#footer .fBtn01 a {
			padding: 10px 0px;
			display: block;
			color: #434343;
			font-size: 16px;
			line-height: 22px;
		}
	#footer .switch {
		text-align: center;
		padding: 10px 0px;
		font-size: 14px;
	}
	#footer .switch .on { color: #808080;text-shadow: none;font-weight: bold;}
	#footer .switch a { color: #FFFFFF; text-decoration: none; outline: none;}
	#footer .switch a:hover { color: #FFFFFF; text-decoration: none;}
	#footer .copy {
		padding: 10px 0px;
		color: #5CA2F1;
		text-align: center;
		font-size: 11px;
		text-shadow: none;

	}


/* --------------------------------------
    PAGETOP
--------------------------------------- */
#page-top {
	position: fixed;
	bottom: 50px;
	right: 10px;
	z-index: 100;
}

/* --------------------------------------
    MAIN
--------------------------------------- */
#main { padding: 2% 0px 20px 0px;}
#main .wrapper01 { padding: 0px 0%;}


/* --------------------------------------
    TITLE_BAR
--------------------------------------- */
.pgTtl {
	background: #DDDDDD;
    padding: 2%;
	font-size: 18px;
}

.ttlBar {
    padding: 15px 0px;
	position: relative;
}
	/* 白ボタン */
	.ttlBar .btn01 {
		background: #FBFBFA;
		background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFA), to(#E2E2E2));
		background: -moz-linear-gradient(top, #FBFBFA, #E2E2E2);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FBFBFA, endColorstr=#E2E2E2);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #A1A1A1;
		border-radius: 3px;
		position: absolute;
		top: 5px;
		right: 5px;
		font-weight: bold;
		font-size: 14px;
	}
	.ttlBar .btn01 span {
		background: url(../img/arw_more01.png) no-repeat right center;
		-webkit-background-size: 12px 8px;
		background-size: 12px 8px;
		color: #434343;
		padding: 10px 15px 10px 5px;
		display: block;
		cursor: pointer;
	}
	.ttlBar .btn01.active span {
		background: url(../img/arw_more01_on.png) no-repeat right center;
		-webkit-background-size: 12px 8px;
		background-size: 12px 8px;
	}
	/* グレーボタン */
	.ttlBar .btn02 {
		background: #4F5050;
		background: -webkit-gradient(linear, left top, left bottom, from(#4F5050), to(#2E2E2E));
		background: -moz-linear-gradient(top, #4F5050, #2E2E2E);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4F5050, endColorstr=#2E2E2E);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #040000;
		border-radius: 3px;
		position: absolute;
		top: 5px;
		right: 5px;
		font-weight: bold;
		font-size: 14px;
	}
	.ttlBar .btn02 span {
		background: url(../img/arw_more02.png) no-repeat right center;
		-webkit-background-size: 12px 8px;
		background-size: 12px 8px;
		color: #FFFFFF;
		padding: 10px 15px 10px 5px;
		display: block;
		cursor: pointer;
	}
	.ttlBar .btn02.active span {
		background: url(../img/arw_more02_on.png) no-repeat right center;
		-webkit-background-size: 12px 8px;
		background-size: 12px 8px;
	}
	/* テキストリンク */
	.ttlBar .moreTxt {
		position: absolute;
		top: 18px;
		right: 5px;
		font-weight: bold;
		font-size: 14px;
	}
	.ttlBar .moreTxt a {
		color: #003E83;
	}

/* 青＋白丸 */
.sh01 {
	background: #003E83;
    padding: 15px 2%;
	color: #FFFFFF;
}
	.sh01 h3 {
		background: url(../img/ccl_wh01.png) no-repeat left center;
		-webkit-background-size: 13px 13px;
		background-size: 13px 13px;
		padding-left: 16px;
	}

/* グレー＋濃グレー丸 */
.sh02 {
	background: #BFBFBF;
    padding: 15px 2%;
	color: #434343;
}
	.sh02 h3 {
		background: url(../img/ccl_gr01.png) no-repeat left center;
		-webkit-background-size: 13px 13px;
		background-size: 13px 13px;
		padding-left: 16px;
	}

/* 濃グレー＋白丸 */
.sh03 {
	background: #434343;
    padding: 15px 2%;
	color: #FFFFFF;
}
	.sh03 h3 {
		background: url(../img/ccl_wh02.png) no-repeat left center;
		-webkit-background-size: 13px 13px;
		background-size: 13px 13px;
		padding-left: 16px;
	}

/* 白＋青丸 */
.sh04 {
    padding: 15px 2%;
	color: #003E83;
}
	.sh04 h3 {
		background: url(../img/ccl_bl01.png) no-repeat left center;
		-webkit-background-size: 13px 13px;
		background-size: 13px 13px;
		padding-left: 16px;
	}

/* 白 */
.ssh01 {
	border-bottom: 1px solid #003E83;
    padding: 15px 2%;
	color: #003E83;
}
	.ssh01 h3 {
		background: url(../img/ccl_bl01.png) no-repeat left center;
		-webkit-background-size: 13px 13px;
		background-size: 13px 13px;
		padding-left: 16px;
	}
	.ssh01 h3.noCcl {
		background: none;
		padding-left: 0px;
		font-size: 20px;
		line-height: 1.2;
	}

/* グレー＋青矢印 */
.ssh02 {
	background: #E7E7E7;
    padding: 2%;
	color: #003E83;
}
	.ssh02 h3 {
		background: url(../img/arwr_bl01.png) no-repeat left center;
		-webkit-background-size: 13px 13px;
		background-size: 13px 13px;
		padding-left: 16px;
	}


/* --------------------------------------
    PULLDOWN_LIST
--------------------------------------- */
.pulldownList {
	display: none;
	position: absolute;
	top: 48px;
	right: 5px;
	z-index: 10;
}
	.pulldownList ul {
		border: 1px solid #D3D3D3;
		background: #4F5050;
		color: #FFFFFF;
		padding: 0px 5px;
		width: 200px;
	}
		.pulldownList ul li {
/*			border-top: 1px solid #FFFFFF;*/
			border-bottom: 1px solid #D3D3D3;
			padding: 8px 0px;
		}
		.pulldownList ul li:first-child { border-top: none;}
		.pulldownList ul li:last-child { border-bottom: none;}
		.pulldownList ul li a { display: block;color: #ffffff;}
		.pulldownList ul li a .ui-body-c .ui-link {
			color: #ffffff;
		}

/* --------------------------------------
    LIST
--------------------------------------- */
/* 通常リスト */
.listBox01 {
	background: #FFFFFF;
}
.listBox01 li {
	border-bottom: 1px solid #DCDCDC;
	display: table;
	width: 100%;
	height: 60px;
}
	.listBox01 li a {
		display: block;
		padding: 2% 1% 2% 2%;
	}
		.listBox01 li .txt {
			display: table-cell;
			vertical-align: middle;
			width: 82%;
			float: left;
		}
		.listBox01 li .txt_all {
			display: table-cell;
			vertical-align: middle;
			width: 100%;
			float: left;
		}
		.listBox01 li figure {
			display: table-cell;
			vertical-align: middle;
			width: 15%;
			float: right;
		}
		.listBox01 li .cat,.listBox01 li .date { color: #707070; font-size: 12px;}



/* --------------------------------------
    MORE_BUTTON
--------------------------------------- */
/* 白 */
.moreBtn01 {
	background: #FBFAFA;
	background: -webkit-gradient(linear, left top, left bottom, from(#FBFAFA), to(#DFDFE0));
	background: -moz-linear-gradient(top, #FBFAFA, #DFDFE0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FBFAFA, endColorstr=#DFDFE0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #A1A1A1;
	border-radius: 3px;
	width: 96%;
	margin: 10px auto 0px auto;
	text-align: center;
}
	.moreBtn01 a {
		padding: 15px 0px;
		display: block;
		color: #434343;
		/*
		font-size: 14px;
		line-height: 20px;
		*/
	}


/* --------------------------------------
    ICON
--------------------------------------- */
.kIcon { background: url(../img/icon_key.png) no-repeat 98% bottom; -webkit-background-size: 18px 18px; background-size: 18px 18px;}
.kopenIcon { background: url(../img/icon_key.png) no-repeat 98% bottom; -webkit-background-size: 18px 18px; background-size: 18px 18px;}
/*.kopenIcon { background: url(../img/icon_key_open.png) no-repeat 98% bottom; -webkit-background-size: 13px 14px; background-size: 13px 14px;}*/
/*
.photoIcon { background: url(../img/icon_photo.png) no-repeat right center; -webkit-background-size: 20px 20px; background-size: 20px 20px; padding-right: 20px;}
.movieIcon { background: url(../img/icon_movie.png) no-repeat right center; -webkit-background-size: 20px 20px; background-size: 20px 20px; padding-right: 20px;}
.newIcon { background: url(../img/icon_new.png) no-repeat right center; -webkit-background-size: 26px 20px; background-size: 26px 20px; padding-right: 26px;}
.mnIcon { background: url(../img/icon_mn.png) no-repeat right center; -webkit-background-size: 46px 20px; background-size: 46px 20px; padding-right: 46px;}
.pmnIcon { background: url(../img/icon_pmn.png) no-repeat right center; -webkit-background-size: 65px 20px; background-size: 65px 20px; padding-right: 65px;}
*/


/* --------------------------------------
    PAGENATION
--------------------------------------- */
.pagenation { text-align: center; padding: 10px 0px; width:100%;}
.pagenation .pgCount { font-size: 14px; padding-bottom: 5px;}
.pagenation .pgCount span { color: #BABABA;}

.pagenation .page-ul{ margin: 0px 2%; }
.pagenation .page-li{ float: left;padding: 2px; border: 1px solid #E4E4E4; }
.pagenation .dot{ width:4%; background-color: none;}
.pagenation .num{ width:10%; background-color: #ffffff;}
.pagenation .num_act{ width:10%; background-color: #ffff00;}
.pagenation .first{ width:12%; background-color: #ffffff;}
.pagenation .last{ width:12%; background-color: #ffffff;}
.pagenation .page-li a{ display: block; }
.pagenation .page-li a:hover{ background-color: #fff0f0; }


/* --------------------------------------
    COMMON_ELEMENTS
--------------------------------------- */
.mg01 { margin-bottom: 10px;}
.f14 { font-size: 14px;}
.emp01 { color: #003E83;}

.adBnr01 { text-align: center; padding-bottom: 10px;}


/* --------------------------------------
    CLEARFIX
--------------------------------------- */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* for IE6 */
* html .clearfix {
	display: inline-block;
}

/* for IE7 */
*+html .clearfix {
	display: inline-block;
}