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


/* ----------------------------------------------------
   common setting
------------------------------------------------------- */


/* basic setting:
--------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

*::selection {background: #3c5fba; color: #fff;}
*::-moz-selection {background: #3c5fba; color: #fff;}

body {
	font-family:  "Segoe UI","Helvetica Neue",Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック";
	font-size: 80%;
	line-height: 1.5em;
	word-break: break-all;
	color: #444;
	border-top: 4px solid #3c5fba;
}

em,address {font-style: normal;}
img {border: none;vertical-align: middle;}
ul,ol {list-style: none;}
.clear {clear: both;}
.left,
.float_l {float: left;}
.float_r {float: right;}
.bold {font-weight: bold;}
.normal{font-weight:normal;}
.valign_m{ vertical-align:middle!important;}
a:hover {text-decoration: none;}
*+html .clear_fix {display: inline-block;}
* html .clear_fix {display: inline-block;}
.clear_fix:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

hr {
	border: 0;
	height: 1px;
    background: #ccc;
	margin: 20px 10px;
}


/* link color setting :
--------------------------------------------*/


a {color:#0c3092;text-decoration:none;}
#wrapper a {text-decoration:underline;}
#wrapper a:hover {text-decoration:none;}



/* outline setting :
--------------------------------------------*/

.outline {
	max-width: 980px;
	margin: 0 auto;
}


.outline:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


#wrapper {clear: both;}

/*---- header setting ----*/


#header:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/*-- header navi --*/

#header {padding-bottom: 5px;}

#header #logo {
	float: left;
	width: 80%;
	margin: 20px 0 0;
}

#header #logo img {
	margin-left: 10px;
	max-width: 100%;
	height: auto;
}


#header .nav {
	background: #fef8e2;
	padding: 5px 10px;
	font-size: 95%;
}

#header .float_r {
	margin: 20px 0 10px;
	text-align: right;
	width: 20%;
	float: right;
}

#header .nav a {color: #444;margin: 0 12px;}
#header .nav a:hover {text-decoration: underline;}

#header .float_r ul,
#header .float_r li,
#header .float_r {display: inline;}



/*-- logo --*/

#logo {float: left;}

#header .left img {
	margin: 20px 0px 10px 0;
	max-width: 100%;
	height: auto;
}



/* layout setting:
--------------------------------------------*/


#maincontent .left {
	float: left;
	width: 73.5%;
}

#maincontent .right {
	float: right;
	width: 23.5%;
}


.pc {display: block !important;}
.sp {display: none !important;}




/*---- footer setting ----*/


#footer {
	clear: both;
	border-top : 2px solid #3c5fba;
	position: relative;
	padding: 20px 0;
	margin-top: 60px;
	overflow: hidden;
}

/*-- copy --*/

#footer #copy {
	float: right;
}

/*---- component setting ----*/

/*-- lnk --*/

a.lnk1 {
	display: block;
	color: #333;
	background: #f4d000 url(../img/common/arrow01.gif) no-repeat 0.7em 50%;
	text-decoration: none!important;
	padding: 0.4em 0.8em 0.2em 1.5em;
	margin: 1% 0;
}


/* ----------------------------------------------------
   common setting
------------------------------------------------------- */


#pankuzu {
	background: #eaf7fe url(../img/common/panav.jpg) repeat-x;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-size: 90%;
}

#pankuzu p {
	max-width: 960px;
	padding: 0 5px;
	margin: 0 auto;
}

#pankuzu img {margin: 0 10px;}

#wrapper {
	max-width: 980px;
	margin: 0 auto;
}


*+html #wrapper {display: inline-block;}
* html #wrapper {display: inline-block;}
#wrapper:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}




/*-- H1 --*/

#wrapper h1 {
	font-size: 140%;
	background: #3c5fba url(../img/common/h1.gif) repeat-y;
	padding: 7px 5px 5px 15px;
	border: 8px solid #3c5fba;
	color: #fff;
	margin: 15px 5px;
	text-align: left;
	line-height: 1.5em;
}


/*-- H2 --*/

#wrapper h2 {
	font-size: 125%;
	padding: 14px 12px;
	margin: 15px 10px;
	background: #eaf7fe;
	border-left: 3px solid #3c5fba;
}

/*-- H3 --*/

#wrapper h3 {
	border-left: 3px solid #3c5fba;
	border-bottom: 1px solid #3c5fba;
	padding: 5px 3px 5px 12px;
	font-size: 110%;
	margin: 0 12px 15px;
}

/*-- H4 --*/

#wrapper h4 {
	text-align: left;
	border-left: 3px solid #3c5fba;
	padding: 3px 3px 3px 10px;
	font-size: 105%;
	margin: 15px;
}

/*-- H5 --*/

#wrapper h5 {
	font-size: 105%;
	background: url(../img/common/h5.gif) no-repeat 0 50%;
	padding: 0px 5px 0px 17px;
	margin: 0 15px 15px;
}

/*-- list setting --*/

#wrapper p,
#wrapper ol,
#wrapper ul,
#wrapper dl,
#wrapper ul {
	margin: 20px;
}

#wrapper ol li,
#wrapperRe ol li {
	list-style-type: decimal;
	margin-bottom: 10px;
}

#wrapper ul li {
	margin-bottom: 10px;
	background: url(../img/common/arrow02.gif) no-repeat 0 0.1em;
	padding-left: 20px;
}



/*-- Definition List --*/

#wrapper dt {
	font-size: 100%;
	font-weight: bold;
	padding: 0px 0px 0px 20px;
	background: url(../img/common/h5.gif) no-repeat 0 0.2em;
}

#wrapper dd {
	margin: 0 0 15px 15px;
}


/*-- table --*/


#wrapper table {
	border-left: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	width:96%;
	margin: 15px 2% 20px;
	border-collapse: collapse;
}

#wrapper table td,
#wrapper table th {	
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	padding: 7px 10px 6px;
	vertical-align: top;
}

#wrapper table th {background: #fef8e2;}


/*-- flexible image --*/

img.flex_img {
	width: auto;
	max-width: 100%;
	height: auto;
}


/*---- nowrap ----*/

.nowrap {white-space: nowrap;}