2EA7E02EA7E0@charset "utf-8";

/* Table Of Contents
----------------------------------------

# General Elements
# body
# layout
# pagebody
# header
# gNav
# content
# sidebar
# footNav
# footer
# clearfix

# submenu （旧構造より 将来的に#sidebarへ）

----------------------------------------*/


/* # General Elements
---------------------------------------------------------------------------- */

a    { color:#2b8cdf; }
a:hover   {	text-decoration:none; }

.hoverfix {
	background:white;
}

.hoverfix a:hover img {
	opacity: 0.70;
	filter:alpha(opacity=70);
}

.whitefix{
	background:#333;
}

.grayfix{
	background:#b5b5b5;
}

.redfix{
	background:#512020;
}


/* # body
---------------------------------------------------------------------------- */

body {
	background-color: #fff;
	color: #000;
	font-size:85%;
	/* font-size: 75%; */
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.7em;
}


/* # layout
---------------------------------------------------------------------------- */
layout {
}


/* # pagebody
---------------------------------------------------------------------------- */

div#pageBody {
	background:url(../images/bg_content.jpg) center top;
	min-height:calc(100vh - 194px);
}

div#pageBody div#pageWrap{
	margin:0 auto;
	padding-top:4px;
	width:980px;
}


/* # header
---------------------------------------------------------------------------- */

div#header {
	background:url(../images/bg_header.jpg) top left;
	height:108px;
}

div#header div#headerInner {
	margin:0 auto;
	padding-left:10px;
	height:108px;
	width:990px;
}

div#header div#headerInner div#header_top {
	margin-bottom:18px;
}

div#header div#headerInner div#header_top p.logofix {
	margin-top:22px;
}

div#header div#headerInner div#header_top ul {
	margin-top:21px;
	padding-right:10px;
}

div#header div#headerInner div#header_top ul li {
	display:inline;
	float:left;
	margin-right:6px;
	width:auto;
}

div#header div#headerInner div#header_top ul li.li_access {
	margin-right:21px;
}

div#header div#headerInner div#header_top ul li.li_contact {
	margin-right:0;
}


/* # gNav
---------------------------------------------------------------------------- */

div#gNav {
	width:990px;
	height:46px;
}

div#gNav ul li {
	display:inline;
	float:left;
	width: 196px;
}

div#gNav ul li a {
	display:block;
}

div#gNav ul li#gnav01 { width:197px; }
div#gNav ul li#gnav05 { width:195px; }

div#gNav ul li#gnav01 a { background:url(../images/gnav01_o.jpg) left top no-repeat; }
div#gNav ul li#gnav02 a { background:url(../images/gnav02_o.jpg) left top no-repeat; }
div#gNav ul li#gnav03 a { background:url(../images/gnav03_o.jpg) left top no-repeat; }
div#gNav ul li#gnav04 a { background:url(../images/gnav04_o.jpg) left top no-repeat; }
div#gNav ul li#gnav05 a { background:url(../images/gnav05_o.jpg) left top no-repeat; }

div#gNav ul li a:hover {
	overflow: hidden;
}

div#gNav ul li a:hover img {
	visibility:hidden;
}


/* # content
---------------------------------------------------------------------------- */

div#content {
	float:left;
	/* padding-bottom:14px; */
	padding:10px 10px 14px 10px;
	width:960px;
}

/* # sidebar
---------------------------------------------------------------------------- */
/* 2015年4月現在 トップのみで使用 */
div#sidebar {
	/* float:right;
	padding-bottom:14px;
	width:278px; */
}

div#sidebar ul li {
	margin-bottom:8px;
}

div#sidebar div.subtitle {
	background:url(../../common/images/bg_dotted_long.jpg) bottom left no-repeat;
	height:36px;
	margin-bottom:12px;
}

div#sidebar div.subtitle h1 {
	margin:6px 0 0 5px;
}

div#sidebar div.topicTitle {
	background-color:#f2f2e9;
	border:#dcdcd0 1px solid;
	border-bottom:none;
	color:#0562a3;
	height:23px;
	padding:5px 5px 0 63px;
	position:relative;
}

div#sidebar div.topicTitle p.iconArea {
	background-color:#dcdcd0;
	height:23px;
	left:0;
	top:0;
	padding:5px 0 0 11px;
	position:absolute;
	width:40px;
}

div#sidebar div.topicContent {
	background:white;
	border:#dcdcd0 1px solid;
	border-top:none;
	margin-bottom:10px;
	padding:14px 14px;
}

div#sidebar div.topicContent p.bnr {
	float: right;
	padding-left: 14px;
}

div#sidebar div.topicDiv {
	position:relative;
	height:28px;
}

div#sidebar p.topics_width {
	position:absolute;
	right:0;
	width:145px;
}


/* # footNav
---------------------------------------------------------------------------- */

div#footNav {
	background:url(../images/bg_dotted_long.jpg) top left no-repeat;
	clear:both;
	padding-top:9px;
}

div#footNav a {
	color:#333;
	text-decoration:none;
}

div#footNav a:hover {
	color:#2b8cbf;
}

div#footNav ul li {
	background:url(../images/bg_footnav.jpg) right 2px no-repeat;
	display:inline;
	padding-right:15px;
	margin-right:14px;
	width:auto;
}

div#footNav ul li.lastItem {
	background:none;
	padding-right:0;
	margin-right:0;
}

div#footNav p.toTop {
	background:url(../images/ico_totop.jpg) right 5px no-repeat;
	float:right;
	padding-right:20px;
}


/* # footer
---------------------------------------------------------------------------- */

div#footer {
	background-color:#132646;
	border-top:#b2b2af 6px solid;
	height:33px;
	margin-top:10px;
}

div#footer p.copyright {
	text-align:center;
	padding-top:12px;
}


/* # clearfix
---------------------------------------------------------------------------- */

div#pageBody {
	zoom: 1;
}

div#pageBody:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}






/* ■■■■■　旧スタイルから転記　■■■■■ */

div#submenu {
	margin:0 auto;
	width:980px;
	height:28px;
	/* text-align:left; */
	/* background-image:url(../image/submenu_bg.jpg); */
	background:#f4f5f7;
}

div#submenuSec .auto {
    margin: 0 auto;
    padding: 15px 0 30px 0;
    width: 980px;
}
div#submenuSec {
    background-image: url(../images/bg_content.jpg);
}

div#submenuSec img {
    padding-right: 20px;	
	transition: opacity 0.3s ease-out;
}
div#submenuSec img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);	/* Ie用 */
}

div#form {
    width:740px;
	}

div#form dl {
	margin:0px;
	padding:0px;
}
div#form dt {
	font-size:14px;
	border-bottom-width:1px;
	border-bottom-style:dashed;
	border-bottom-color:#666666;
	padding:3px;
	margin:3px;
}
div#form dd {
	background-color:#E0E8EB;
	float:left;
	font-size:14px;
	list-style-type:none;
	margin:0px;
	padding-top:3px;
	padding-right:3px;
	padding-bottom:0px;
	padding-left:10px;
	width:200px;
	height:auto;
}

div#button {
	width:700px;
	text-align:center;
	margin: 10px 0 10px 0;
	}

.seminarTop {
    margin-top: 30px;
}
div#seminar h2 {
    font-size: 20px;
    line-height: 40px;
    padding-left: 10px;
    border-left: 6px solid #16346C;
    margin-top: 60px;
    background-color: rgba(255,0,0,0);
	border-top: none;
	border-bottom: none;
}
div#seminar p {
    line-height: 30px;
    font-size: 15px;
    margin-top: 20px;
}
div#seminar article {
    display: block;
    clear: both;
    position: relative;
    overflow: hidden;
	margin: 40px 0 0 0;
}
div#seminar article .left {
    width: 200px;
    height: 150px;
    float: left;
}
div#seminar article .left img {
    width: 200px;
    height: 150px;
}
div#seminar article .right {
    width: 730px;
    float: right;
}
div#seminar article .right dl {
    width: 100%;	
}
div#seminar article .right dl dt {
    color: #16346C;
    line-height: 30px;
    font-size: 16px;
    border-bottom: 1px solid #898989;
    width: 100%;
    padding-bottom: 10px;
    min-height: 2em;
}
div#seminar article .right dl dd {
	line-height: 30px;
	width: 100%;	
	padding-top: 10px;
}
div#seminar article a {
    color: #2EA7E0;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.flex {
	display: -webkit-flex;
display: flex;
}