@charset "shift_jis";

/* ====================================================== */
/* [標準スタイル定義]                                     */
/* ====================================================== */
* {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}

/* ====================================================== */
/* [汎用クラスの定義]                                     */
/* ====================================================== */
/* 汎用特殊マージン (上下) */
/* ------------------------------------------------------ */
*.sp-v0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
*.sp-v5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
*.sp-v10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
*.sp-v15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
*.sp-v20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
*.sp-v25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}
*.sp-v30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

/* 汎用特殊マージン (上) */
/* ------------------------------------------------------ */
*.sp-t0 {
	margin-top: 0px !important;
}
*.sp-t5 {
	margin-top: 5px !important;
}
*.sp-t10 {
	margin-top: 10px !important;
}
*.sp-t15 {
	margin-top: 15px !important;
}
*.sp-t20 {
	margin-top: 20px !important;
}
*.sp-t25 {
	margin-top: 25px !important;
}
*.sp-t30 {
	margin-top: 30px !important;
}
*.sp-t35 {
	margin-top: 35px !important;
}

/* 汎用特殊マージン (下) */
/* ------------------------------------------------------ */
*.sp-b0 {
	margin-bottom: 0px !important;
}
*.sp-b5 {
	margin-bottom: 5px !important;
}
*.sp-b10 {
	margin-bottom: 10px !important;
}
*.sp-b15 {
	margin-bottom: 15px !important;
}
*.sp-b20 {
	margin-bottom: 20px !important;
}
*.sp-b25 {
	margin-bottom: 25px !important;
}
*.sp-b30 {
	margin-bottom: 30px !important;
}
*.sp-b35 {
	margin-bottom: 35px !important;
}
*.sp-b40 {
	margin-bottom: 40px !important;
}
*.sp-b45 {
	margin-bottom: 45px !important;
}
*.sp-b50 {
	margin-bottom: 50px !important;
}
*.sp-b55 {
	margin-bottom: 55px !important;
}
*.sp-b60 {
	margin-bottom: 60px !important;
}
*.sp-b65 {
	margin-bottom: 65px !important;
}

/* 汎用特殊マージン (左右) */
/* ------------------------------------------------------ */
*.sp-h0 {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
*.sp-h5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}
*.sp-h10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}
*.sp-h15 {
	margin-left: 15px !important;
	margin-right: 15px !important;
}
*.sp-h20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
*.sp-h25 {
	margin-left: 25px !important;
	margin-right: 25px !important;
}
*.sp-h30 {
	margin-left: 30px !important;
	margin-right: 30px !important;
}

/* 汎用特殊マージン (左) */
/* ------------------------------------------------------ */
*.sp-l0 {
	margin-left: 0px !important;
}
*.sp-l5 {
	margin-left: 5px !important;
}
*.sp-l8 {
	margin-left: 8px !important;
}
*.sp-l10 {
	margin-left: 10px !important;
}
*.sp-l13 {
	margin-left: 13px !important;
}
*.sp-l15 {
	margin-left: 15px !important;
}
*.sp-l20 {
	margin-left: 20px !important;
}
*.sp-l23 {
	margin-left: 23px !important;
}
*.sp-l25 {
	margin-left: 25px !important;
}
*.sp-l30 {
	margin-left: 30px !important;
}

/* 汎用特殊マージン (右) */
/* ------------------------------------------------------ */
*.sp-r0 {
	margin-right: 0px !important;
}
*.sp-r5 {
	margin-right: 5px !important;
}
*.sp-r8 {
	margin-right: 8px !important;
}
*.sp-r10 {
	margin-right: 10px !important;
}
*.sp-r15 {
	margin-right: 15px !important;
}
*.sp-r20 {
	margin-right: 20px !important;
}
*.sp-r25 {
	margin-right: 25px !important;
}
*.sp-r30 {
	margin-right: 30px !important;
}
*.sp-r45 {
	margin-right: 45px !important;
}

/* 汎用特殊パディング (上下) */
/* ------------------------------------------------------ */
*.m-v0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
*.m-v1 {
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}
*.m-v5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
*.m-v10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
*.m-v15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
*.m-v20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
*.m-v25 {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}
*.m-v30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

/* 汎用特殊パディング (上) */
/* ------------------------------------------------------ */
*.m-t0 {
	padding-top: 0px !important;
}
*.m-t5 {
	padding-top: 5px !important;
}
*.m-t10 {
	padding-top: 10px !important;
}
*.m-t15 {
	padding-top: 15px !important;
}
*.m-t20 {
	padding-top: 20px !important;
}
*.m-t25 {
	padding-top: 25px !important;
}
*.m-t30 {
	padding-top: 30px !important;
}
*.m-t35 {
	padding-top: 35px !important;
}

/* 汎用特殊パディング (下) */
/* ------------------------------------------------------ */
*.m-b0 {
	padding-bottom: 0px !important;
}
*.m-b5 {
	padding-bottom: 5px !important;
}
*.m-b10 {
	padding-bottom: 10px !important;
}
*.m-b15 {
	padding-bottom: 15px !important;
}
*.m-b20 {
	padding-bottom: 20px !important;
}
*.m-b25 {
	padding-bottom: 25px !important;
}
*.m-b30 {
	padding-bottom: 30px !important;
}
*.m-b35 {
	padding-bottom: 35px !important;
}
*.m-b40 {
	padding-bottom: 40px !important;
}
*.m-b45 {
	padding-bottom: 45px !important;
}
*.m-b50 {
	padding-bottom: 50px !important;
}

/* 汎用特殊パディング (左右) */
/* ------------------------------------------------------ */
*.m-h0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
*.m-h5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
*.m-h10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
*.m-h15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
*.m-h20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
*.m-h25 {
	padding-left: 25px !important;
	padding-right: 25px !important;
}
*.m-h30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

/* 汎用特殊パディング (左) */
/* ------------------------------------------------------ */
*.m-l0 {
	padding-left: 0px !important;
}
*.m-l5 {
	padding-left: 5px !important;
}
*.m-l10 {
	padding-left: 10px !important;
}
*.m-l15 {
	padding-left: 15px !important;
}
*.m-l20 {
	padding-left: 20px !important;
}
*.m-l25 {
	padding-left: 25px !important;
}
*.m-l30 {
	padding-left: 30px !important;
}
*.m-l50 {
	padding-left: 50px !important;
}

/* 汎用特殊パディング (右) */
/* ------------------------------------------------------ */
*.m-r0 {
	padding-right: 0px !important;
}
*.m-r5 {
	padding-right: 5px !important;
}
*.m-r10 {
	padding-right: 10px !important;
}
*.m-r15 {
	padding-right: 15px !important;
}
*.m-r20 {
	padding-right: 20px !important;
}
*.m-r25 {
	padding-right: 25px !important;
}
*.m-r30 {
	padding-right: 30px !important;
}
*.m-r35 {
	padding-right: 35px !important;
}


/* float 制御 */
/* ------------------------------------------------------ */
*.f-l{
	float: left;
}
*.f-r{
	float: right;
}

.clr:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.clr { display: inline-block; }
/* no ie mac \*/
* html .clr{ height: 1%; }
.clr{ display: block; }
/* */

*.clear {
	clear: both;
}
br.clear{
	clear: both;
	display: inline;
}
div.clear {
	font: 1px/1px sans-serif;
	line-height: 1px;
	height: 1px;
}

/* 横方向の整列 */
/* ------------------------------------------------------ */
*.arrange-c {
	text-align: center;
}
*.arrange-l {
	text-align: left;
}
*.arrange-r {
	text-align: right;
}

/* 行中挿入 */
/* ------------------------------------------------------ */
*.inline {
	vertical-align: middle;
}
p.inline {
	display: inline;
}
/* css Huck Target IE */
/* ------------------------------------------------------ */
* html body img.inline {
	margin-bottom: 1px;
}
*:first-child+html body img.inline {
	margin-bottom: 1px;
}


*.block {
	display: block;
}


/* ====================================================== */
/* [各タグスタイル定義]                                   */
/* ====================================================== */
/* リンク色 */
/* ------------------------------------------------------ */
a:link {
	color: #0C398B;
	text-decoration: underline;
}
a.white:link {
	color: #ffffff;
	text-decoration: underline;
}
a.name:link {
	color: #555555;
	text-decoration: none;
}
a:visited {
	text-decoration: underline;
}
a.white:visited {
	color: #ffffff;
	text-decoration: underline;
}
a.name:visited {
	color: #555555;
	text-decoration: none;
}
a:hover {
	color: #00B7EF;
	text-decoration: underline;
}
a.white:hover {
	color: #AAEEFF;
	text-decoration: underline;
}
a.name:hover {
	color: #555555;
	text-decoration: none;
}
a:active {
}
a:focus {
}
*.nounderline {
	text-decoration: none !important;
}
*.onunderline {
	text-decoration: underline !important;
}



/* テキスト装飾 */
/* ------------------------------------------------------ */
b,strong,em {
	font-weight: bold;
	font-style: normal;
}
em {
	color: #000000;
}
strong {
	color: #E5004F;
}
strong *,
*.strong,
*.strong *,
h1,h2,h3,h4,h5,h6,
h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{
	font-weight: bold;
}
*.nbold {
	font-weight: normal !important;
}
*.nowrap {
	word-break: keep-all;
}

*.red {
/*	color: #FF3C00;	*/
	color: #E5004F;
}
*.pink {
	color: #E5004F;
}
*.black {
	color: #000000;
}
*.blue {
	color: #0050A3;
}
*.white {
	color: #ffffff;
}
*.gray {
	color: #555555;
}

/* body */
/* ------------------------------------------------------ */
body {
	background: #ffffff;
	margin: 0;
	padding: 0;
	color: #555555;
	text-align: center;
	font-size: 100%;
}

/* フォントサイズ＆行間 */
/* ------------------------------------------------------ */
/* 汎用フォントサイズ */
/* ------------------------------------------------------ */
*.xs {
	font-size: 65% !important;
}
*.s {
	font-size: 74.5% !important;
}
*.m {
	font-size: 85% !important;
}
*.l {
	font-size: 95% !important;
}
*.xl{
	font-size: 110% !important;
}
*.xxl{
	font-size: 125% !important;
}

*.n{
	font-size: 100% !important;
}
*.nm{
	font-size: medium !important;
}

/* 標準フォントサイズ＆標準行間 */
/* ------------------------------------------------------ */
p,li,dt,dd {
	font-size: 74.5%;
	line-height: 140%;
}
*.lhn {
	line-height: normal !important;
}

/* フォントサイズの部分的縮小 */
/* ------------------------------------------------------ */
small { font-size: 85.75%; }


/* tableフォントサイズ */
/* ------------------------------------------------------ */
table.s th,
table.s td{
	font-size: 74.5%;
}
table.m th,
table.m td{
	font-size: 85%;
}
table.l th,
table.l td{
	font-size: 100%;
}

/* table制御 */
/* ------------------------------------------------------ */
table {
/* FireFoxにて描画バグが発生する為廃止
	border-collapse:collapse;
	border-spacing:0px;
*/
	border:none;
}
table th,
table td{
	padding: 0;
	text-align: left;
}
table.layout,
table.layout th,
table.layout td{
	padding: 0;
	border   : none !important;
}



/* 各タグ制御 */
/* ------------------------------------------------------ */
p {
	margin: 10px 0;
}
*.mc{
	margin: 0 auto;
}
*.ml{
	margin: auto 0 0 0;
}
*.mr{
	margin: 0 0 0 auto;
}
input.ontxt,
textarea.ontxt,
select.ontxt {
	border-top   : solid 1px #8E8E8E;
	border-bottom: solid 1px #E4E4E4;
	border-left  : solid 1px #CECECE;
	border-right : solid 1px #CECECE;
}
input.ontxt,
textarea.ontxt {
	padding-top: 2px;
	padding-bottom: 2px;
}

textarea.txtwin {
	border-top   : solid 1px #8E8E8E;
	border-bottom: solid 1px #E4E4E4;
	border-left  : solid 1px #CECECE;
	border-right : solid 1px #CECECE;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 500px;
}

input.onerr,
textarea.onerr,
select.onerr {
	border-top   : solid 1px #FF5726;
	border-bottom: solid 1px #FF5726;
	border-left  : solid 1px #FF5726;
	border-right : solid 1px #FF5726;
	background-color: #FFD5C1;
}
input.onerr,
textarea.onerr {
	padding-top: 2px;
	padding-bottom: 2px;
}

input,
textarea,
select {
	font-size: 100%;
}

select,
optgroup {
	font-style: normal;
}

/* リストタグ */
/* ------------------------------------------------------ */
ul {
	font-size: 100%;
	list-style: none;
}
ul.basic-l li {
	background: url("/common/img/mkr/mkr_basic_l.gif") no-repeat 5px 0.50em;
	margin-top: 0.1em;
	padding-left: 18px;
	font-size: 95%;
}
ul.basic-m li {
	background: url("/common/img/mkr/mkr_basic_m.gif") no-repeat 5px 0.50em;
	margin-top: 0.1em;
	padding-left: 15px;
	font-size: 85%;
}
ul.basic-s li {
	background: url("/common/img/mkr/mkr_basic_s.gif") no-repeat 5px 0.50em;
	margin-top: 0.1em;
	padding-left: 14px;
	font-size: 74.5%;
}
ul.basic-s-bl li {
	background: url("/common/img/mkr/mkr_basic_s_bl.gif") no-repeat 5px 0.50em;
	margin-top: 0.1em;
	padding-left: 14px;
	font-size: 74.5%;
	color: #0C398B;
}
ul.basic-sb li {
	background: url("/common/img/mkr/mkr_basic_sb.gif") no-repeat 5px 0.50em;
	margin-top: 0.1em;
	padding-left: 14px;
	font-size: 74.5%;
	font-weight: bold;
	color: #000000;
}
ul.notes-l li {
	background: url("/common/img/mkr/mkr_notes_l.gif") no-repeat 0px 0.20em;
	margin-top: 0.1em;
	padding-left: 14px;
	font-size: 95%;
}
ul.notes-m li {
	background: url("/common/img/mkr/mkr_notes_m.gif") no-repeat 0px 0.34em;
	margin-top: 0.1em;
	padding-left: 14px;
	font-size: 85%;
}
ul.notes-s li {
	background: url("/common/img/mkr/mkr_notes_s.gif") no-repeat 0px 0.34em;
	margin-top: 0.1em;
	padding-left: 14px;
	font-size: 74.5%;
}
ul.notes-s-gr li {
	background: url("/common/img/mkr/mkr_notes_s_gr.gif") no-repeat 0px 0.34em;
	margin-top: 0.1em;
	padding-left: 14px;
	font-size: 74.5%;
	color: #30B539;
}
ul.notes-s-bl li {
	background: url("/common/img/mkr/mkr_notes_s_bl.gif") no-repeat 0px 0.34em;
	margin-top: 0.1em;
	padding-left: 14px;
	font-size: 74.5%;
	color: #0C398B;
}
ul.notes-s-att li {
	background: url("/common/img/mkr/mkr_notes_s_att.gif") no-repeat 0px 0.34em;
	margin-top: 0.1em;
	padding-left: 14px;
	font-size: 74.5%;
	color: #FF3C00;
}
ul.notes-xs li {
	background: url("/common/img/mkr/mkr_notes_s.gif") no-repeat 0px 0.34em;
	margin-top: 0.1em;
	padding-left: 14px;
	font-size: 65%;
}

ul.mkr-arrow-bl li {
	background: url("/common/img/mkr/mkr_arrow_bl.gif") no-repeat 0px 0.425em;
	margin-top: 0.3em;
	padding-left: 10px;
	font-size: 74.5%;
}
ul.mkr-arrow-gr li {
	background: url("/common/img/mkr/mkr_arrow_gr.gif") no-repeat 0px 0.425em;
	margin-top: 0.3em;
	padding-left: 10px;
	font-size: 74.5%;
}
ul.basic-h2 li {
	background: url("/common/img/mkr/mkr_basic_h2.gif") no-repeat 5px 0.50em;
	margin-top: 0.4em;
	padding-left: 16px;
	font-size: 95%;
	font-weight: bold;
	color: #0C398B;
}
ul.mkr-q-s li {
	background: url("/common/img/mkr/mkr_q_s.gif") no-repeat 0px 0.35em;
	margin-top: 0.3em;
	padding-left: 19px;
	font-size: 74.5%;
}
ul.basic-h2 li span.red {
	color: #F50256;
}

ul.sitemap li {
	background: url("/common/img/mkr/mkr_sitemap_m.gif") no-repeat 0px 0.25em;
	margin-top: 0.3em;
	padding-left: 13px;
	font-size: 74.5%;
}
ul.sitemap li.first {
	background: url("/common/img/mkr/mkr_arrow_bl.gif") no-repeat 0px 0.425em;
	margin-top: 0;
	font-weight: bold;
}
ul.sitemap li.last {
	background: url("/common/img/mkr/mkr_sitemap_l.gif") no-repeat 0px 0.25em;
}



ol{
	font-size: 100%;
}
ol.basic-l {
	padding-left: 32px;
}
ol.basic-l li {
	margin-top: 0.4em;
	font-size: 95%;
	list-style-type: decimal;
}
ol.basic-m {
	padding-left: 32px;
}
ol.basic-m li {
	margin-top: 0.5em;
	font-size: 85%;
	list-style-type: decimal;
}
ol.basic-s {
	padding-left: 32px;
}
ol.basic-s li {
	margin-top: 0.6em;
	font-size: 74.5%;
	list-style-type: decimal;
}


/* マーカー */
/* ------------------------------------------------------ */
span.mkr-arrow-bl {
	background: url("/common/img/mkr/mkr_arrow_bl.gif") no-repeat 1px 0.225em;
	padding-left: 10px;
}
span.mkr-arrow-bl-d {
	background: url("/common/img/mkr/mkr_arrow_bl_d.gif") no-repeat 0 0.225em;
	padding-left: 10px;
}
span.mkr-arrow-wh {
	background: url("/common/img/mkr/mkr_arrow_wh.gif") no-repeat 1px 0.375em;
	padding-left: 10px;
}
span.mkr-arrow-back {
	background: url("/common/img/mkr/mkr_arrow_back.gif") no-repeat 1px 0.225em;
	padding-left: 10px;
}
span.mkr-pagetop {
	background: url("/common/img/mkr/mkr_pagetop.gif") no-repeat 0px 0.25em;
	padding-left: 13px;
}
p.mkr-print {
	margin: 0;
	padding-right: 15px;
	text-align: right;
	font-size: medium !important;
	display: block;
}
p.mkr-print img.inline {
	margin-right: 8px;
}
p.mkr-print span.mkr-arrow-bl {
	font-size: 74.5% !important;
}
p.mkr-print span.mkr-arrow-bl a {
	font-weight: normal;
}


/* 入れ子対策 */
/* ------------------------------------------------------ */
table th p,
table td p,
table th textarea,
table td textarea{
	font-size: 100%;
}

table p{
	margin: 0;
}


ul li p,
ol li p{
	margin: 0;
	font-size: 100%;
}
ul li p.s,
ol li p.s{
	font-size: 85.75%;
}


/* ======================================================
   [テンプレートエリア定義] */
/* ====================================================== */
textarea.sourcecode{
	margin-top: 10px;
	width: 750px;
	height: 150px;
	font-size: 74.5%;
}


/* ======================================================
   [表示エリア定義] */
/* ====================================================== */
#wrap-outer {}
#wrap-inner {
	margin: 0 auto;
	width: 770px;
	text-align: left;
}

#wrap-window {
	margin: 20px auto;
	width: 600px;
	text-align: center;
}
#wrap-window-inner {
	margin: 0 auto;
	width: 500px;
	text-align: left;
}

#mainarea {
	margin-top   : 10px;
	margin-bottom: 45px;
}

#mainarea #mainarea-l {
	width: 510px;
	float: left;
}
#mainarea #mainarea-r {
	width: 250px;
	float: right;
}

*.w27 {
	width: 27px;
}
*.w120 {
	width: 120px;
}
*.w130 {
	width: 130px;
}
*.w160 {
	width: 160px;
}
*.w220 {
	width: 220px;
}
*.w250 {
	width: 250px;
}
*.w236 {
	width: 236px;
}
*.w273 {
	width: 273px;
}
*.w300 {
	width: 300px;
}
*.w302 {
	width: 300px;
}
*.w330 {
	width: 330px;
}
*.w385 {
	width: 385px;
}
*.w390 {
	width: 390px;
}
*.w600 {
	width: 600px;
}

/* ======================================================
   [headerエリア定義] */
/* ====================================================== */
#header div.logo {
	margin-top   : 20px;
	margin-bottom: 5px;
	width: 255px;
	float: left;
}
#header div.logo div.inner {
	padding-left: 9px;
}

#header div.txt {
	margin-top   : 23px;
	width: 334px;
	float: left;
}
#header div.txt h1 {
	font-size: 10px;
	font-weight: normal;
	width: auto;
}
#header div.txt p {
	font-size: 10px;
	font-weight: normal;
	padding:0;
	margin:0;
}

#header div.link {
	margin-top: 10px;
	width: 180px;
	text-align: right;
	float: right;
}
#header ul.link {
	height: 17px;
	display: block;
}
#header ul.link li {
	height: 17px;
	display: block;
	float: left;
}
#header ul.link li a {
	display: block;
}
#header ul.link02 {
	height: 8px;
	display: block;
}
#header ul.link02 li {
	height: 8px;
	display: block;
	float: right;
}
#header ul.link02 li.link02-l {
	margin-right: 16px;
}
#header ul.link02 li a {
	display: block;
}
#header ul.navi {
	height: 20px;
	display: block;
}
#header ul.navi li {
	height: 20px;
	display: block;
	float: left;
}
#header ul.navi li a,
#header ul.navi li em {
	height: 20px;
	display: block;
}
#header ul.navi li span.txt {
	display: none;
}

#header ul.navi li.navi01 a {
	background: url("/common/img/header/navi01.gif") no-repeat 0 0;
	width: 108px;
}
#header ul.navi li.navi02 a {
	background: url("/common/img/header/navi02.gif") no-repeat 0 0;
	width: 110px;
}
#header ul.navi li.navi03 a {
	background: url("/common/img/header/navi03.gif") no-repeat 0 0;
	width: 110px;
}
#header ul.navi li.navi04 a {
	background: url("/common/img/header/navi04.gif") no-repeat 0 0;
	width: 110px;
}
#header ul.navi li.navi05 a {
	background: url("/common/img/header/navi05.gif") no-repeat 0 0;
	width: 110px;
}
#header ul.navi li.navi06 a {
	background: url("/common/img/header/navi06.gif") no-repeat 0 0;
	width: 110px;
}
#header ul.navi li.navi07 a {
	background: url("/common/img/header/navi07.gif") no-repeat 0 0;
	width: 112px;
}
#header ul.navi li.navi01 a:hover,
#header ul.navi li.navi01 em {
	background: url("/common/img/header/navi01_on.gif") no-repeat 0 0;
	width: 108px;
}
#header ul.navi li.navi02 a.on,
#header ul.navi li.navi02 a:hover,
#header ul.navi li.navi02 em {
	background: url("/common/img/header/navi02_on.gif") no-repeat 0 0;
	width: 110px;
}
#header ul.navi li.navi03 a.on,
#header ul.navi li.navi03 a:hover,
#header ul.navi li.navi03 em {
	background: url("/common/img/header/navi03_on.gif") no-repeat 0 0;
	width: 110px;
}
#header ul.navi li.navi04 a.on,
#header ul.navi li.navi04 a:hover,
#header ul.navi li.navi04 em {
	background: url("/common/img/header/navi04_on.gif") no-repeat 0 0;
	width: 110px;
}
#header ul.navi li.navi05 a.on,
#header ul.navi li.navi05 a:hover,
#header ul.navi li.navi05 em {
	background: url("/common/img/header/navi05_on.gif") no-repeat 0 0;
	width: 110px;
}
#header ul.navi li.navi06 a.on,
#header ul.navi li.navi06 a:hover,
#header ul.navi li.navi06 em {
	background: url("/common/img/header/navi06_on.gif") no-repeat 0 0;
	width: 110px;
}
#header ul.navi li.navi07 a.on,
#header ul.navi li.navi07 a:hover,
#header ul.navi li.navi07 em {
	background: url("/common/img/header/navi07_on.gif") no-repeat 0 0;
	width: 112px;
}


/* ======================================================
   [footerエリア定義] */
/* ====================================================== */
#footer {
	background: url("/common/img/footer/bg_line.gif") repeat-x 0 0;
	padding: 10px 0;
}
#footer ul.link {
	display: block;
}
#footer ul.link li {
	margin: 0;
	padding: 0 5px;
	font-size: 65%;
	display: block;
	float: left;
}
#footer ul.link li.line {
	padding: 0 0;
	color: #0C398B;
}
#footer div.logo {
	width: 247px;
	float: left;
}
#footer div.txt {
	width: 400px;
	float: left;
}
#footer div.txt p {
	margin: 0;
}

#footer-seo {
	border: solid 1px #DCDCDC;
	margin-top: 10px;
	padding: 8px 11px 10px;
	text-align: left;
}
#footer-seo table.footer-seo,
#footer-seo table.footer-seo th,
#footer-seo table.footer-seo td {
	background-image: none;
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-align: left;
}
#footer-seo table.footer-seo div.inner {
	margin-top: 2px;
}
#footer-seo table.footer-seo th {
	word-break: keep-all;
}
#footer-seo table.footer-seo p {
	margin: 0;
	padding: 0;
	font-size: 65%;
}
#footer-seo table.footer-seo ul.footer-seo {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
}
#footer-seo table.footer-seo ul.footer-seo li {
	margin: 0;
	padding: 0;
	float: left;
	word-break: keep-all;
	font-size: 65%;
}
#footer-seo table.footer-seo ul.footer-seo li.partition {
}


/* ======================================================
   [グロナビ エリア定義] */
/* ====================================================== */
#gnav {
	zoom:1;
	overflow:hidden;
	padding:0;
	margin:0;
}
#gnav li {
	display:inline;
	padding:0;
	margin:0;
}


/* ======================================================
   [パンクズ エリア定義] */
/* ====================================================== */
#pankuzu {
	background-color: #EBECEE;
	margin-top: 15px;
	padding: 6px 18px 4px;
}
#pankuzu ul.pankuzu ,
ol.pankuzu {
	display: block;
}
#pankuzu ul.pankuzu li ,
ol.pankuzu li {
	font-size: 74.5%;
	display: block;
	float: left;
}
#pankuzu ul.pankuzu li.arrow ,
ol.pankuzu .arrow {
	padding: 0 0.5em;
	color: #0050A3;
}


/* ======================================================
   [Page Last Navigation エリア定義] */
/* ====================================================== */
#pnavi-last {
	margin-bottom: 10px;
}
#pnavi-last ul.pnavi-last {
	display: block;
}
#pnavi-last ul.pnavi-last li {
	margin: 0;
	padding: 0 12px;
	font-size: 74.5%;
	display: block;
	float: left;
}
#pnavi-last ul.pnavi-last li.line {
	padding: 0 0;
	color: #0C398B;
}

/* ======================================================
   [Hタグ エリア定義] */
/* ====================================================== */
h1.tit-h2 {
	border-left: solid 5px #0050A3;
	font-size: 125%;
	font-weight: bold;
	color:  #0C398B;
	display: block;
}
h1.tit-h2 span.inner {
	padding: 5px 12px;
	display: block;
}
h1.tit-h2 span.inner02 {
	height: 3em;
}

h2.tit {
	border-left: solid 5px #0050A3;
	font-size: 125%;
	font-weight: bold;
	color:  #0C398B;
	display: block;
}
h2.tit-gray {
	border-left: solid 5px #C6D1D5;
}
h2.tit-green {
	border-left: solid 5px #95DF1D;
}
h2.tit-liteblue {
	border-left: solid 5px #5EB8E1;
}
h2#setTLRH1 {
	padding-top   : 1px;
	padding-bottom: 1px;
}
h2.tit span.inner {
	padding: 5px 12px;
	display: block;
}
h2.tit span.inner02 {
	height: 3em;
}
h2.tit span.print {
	margin: 15px 0 0;
	padding-bottom: 5px;
	padding-right: 15px;
	text-align: right;
	font-size: medium !important;
	display: block;
}
h2.tit span.print-c {
	padding-right: 0;
	text-align: center;
}
h2.tit span.print img.inline {
	margin-right: 8px;
}
h2.tit span.print span.mkr-arrow-bl {
	font-size: 74.5% !important;
}
h2.tit span.print span.mkr-arrow-bl a {
	font-weight: normal;
}
h2.tit span.btn {
	margin: 15px 0 0;
	padding: 0 12px 5px;
	display: block;
}

h3.tit {
	background: url("/common/img/bg_h3.gif") no-repeat 0 100%;
	padding-left  : 8px;
	padding-bottom: 3px;
	font-size: 102%;
	font-weight: bold;
}
h3.tit span.inner {
	border-left : solid 1px #D0D0D0;
	border-right: solid 1px #D0D0D0;
	background: url("/common/img/bg_h3_inner.gif") no-repeat 0 0;
	padding : 8px 8px 6px;
	display: block;
}

#mainarea h3.tit02 {
	border-left  : solid 5px #00A7DD;
	margin-bottom: 5px;
	font-size: 95%;
}
#mainarea h3.tit02 span.inner {
	padding: 5px;
	dispaly: block;
}

h4.tit {
	border-top   : solid 1px #C2E0EA;
	border-bottom: solid 1px #C2E0EA;
	background-color: #F3FCFD;
	margin-left: 9px;
	font-size: 85%;
	font-weight: bold;
	color: #017BBA;
}
h4.tit span.inner {
	padding : 5px 8px 3px;
	display: block;
}

h5.tit,
h3.tit-h5,
h4.tit-h5 {
	border-left: solid 4px #00A7DD;
	font-size: 74.5%;
	font-weight: bold;
	color: #00A7DD;
}
h5.tit span.inner,
h3.tit-h5 span.inner,
h4.tit-h5 span.inner {
	padding : 1px 5px 0;
	display: block;
}


/* ======================================================
   [汎用ボックス エリア定義] */
/* ====================================================== */
div.box-t-lbld {
	border-top: dotted 1px #00A7DD;
}
div.box-bl {
	border: solid 1px #8AA9C9;
}
div.box-bl5 {
	border: solid 5px #97D1EC;
}
div.box-gr {
	border: solid 1px #DCDCDC;
}
div.box-grb {
	background-color: #EAEAEA;
}

div.box-pearts01 {
	border: solid 1px #DCDCDC;
	padding: 8px 11px 15px;
}
div.box-pearts01 h2,
div.box-pearts01 p.title {
	border-left: solid 4px #C6D1D5;
	margin-bottom: 10px;
	padding-top : 5px;
	padding-left: 5px;
	font-size: 74.5%;
}
div.box-pearts01 p {
	margin: 0;
}

div.section {
	margin-left: 17px;
}
div.section p {
	margin: 0;
}
div.section img.p-l {
	margin-left  : 0px;
	margin-right : 25px;
	margin-bottom: 10px;
	float: left;
}
div.section img.p-r {
	margin-left  : 25px;
	margin-right : 10px;
	margin-bottom: 10px;
	float: right;
}


/* ======================================================
   [table タグ定義] */
/* ====================================================== */
table.basic-db {
	border-top : solid 1px #8AA9C9;
	border-left: solid 1px #8AA9C9;
}
table.basic-db th,
table.basic-db td {
	border-bottom : solid 1px #8AA9C9;
	border-right  : solid 1px #8AA9C9;
}
table.basic-db th {
	background-color: #FCFCFC;
	font-weight: bold;
}
table.basic-db th.ht1 {
	background-color: #D3ECF5;
	font-weight: bold;
}
table.basic-db th.ht2 {
	background-color: #EBF8FC;
	font-weight: bold;
}
table.basic-db th div.inner {
	padding: 10px 10px 8px;
}
table.basic-db td div.inner {
	padding: 9px 7px 8px;
}

table.basic-db02 {
	border-top : none;
	border-left: none;
}
table.basic-db02 th,
table.basic-db02 td {
	border-bottom : none;
	border-right  : none;
}
table.basic-db02 th {
	background-color: #ffffff;
	font-weight: bold;
}
table.basic-db02 th div.inner {
	padding: 0 10px;
}
table.basic-db02 td div.inner {
	padding: 0 7px;
}


/* ======================================================
   [左エリア定義] */
/* ------------------------------------------------------
   [会社説明会に来て見ませんか エリア定義] */
/* ====================================================== */
#mainarea #mainarea-l div.company-introduction {
	border: solid 5px #97D1EC;
}
#mainarea #mainarea-l div.company-introduction-inner {
	width: 500px;
}
#mainarea #mainarea-l div.company-introduction div.tit {
	padding: 14px 15px 10px;
}

#mainarea #mainarea-l div.company-introduction div.txt {
	padding: 10px 0;
	width: 280px;
	float: left;
}
#mainarea #mainarea-l div.company-introduction div.txt div.subtit {
	padding-left: 15px;
}
#mainarea #mainarea-l div.company-introduction div.pic {
	padding-bottom: 10px;
	width: 210px;
	float: right;
}
 
#mainarea #mainlft div.company-introduction {
	border: solid 5px #97D1EC;
}
#mainarea #mainlft div.company-introduction-inner {
	width: 500px;
}
#mainarea #mainlft div.company-introduction div.tit {
	padding: 14px 15px 10px;
}

#mainarea #mainlft div.company-introduction div.txt {
	padding: 10px 0;
	width: 280px;
	float: left;
}
#mainarea #mainlft div.company-introduction div.txt div.subtit {
	padding-left: 15px;
}
#mainarea #mainlft div.company-introduction div.pic {
	padding-bottom: 10px;
	width: 210px;
	float: right;
}
/* ======================================================
   [右エリア定義] */
/* ------------------------------------------------------
   [面接予約 エリア定義] */
/* ====================================================== */
#mainarea #mainarea-r div.interview-reservation {
	border-left: solid 5px #91CF43;
	margin-bottom: 5px;
	text-align: right;
}
#mainarea #mainarea-r div.interview-reservation div#setTLRH2 {
	padding-top   : 1px;
	padding-bottom: 1px;
}
#mainarea #mainarea-r div.interview-reservation div.inner {
	padding-bottom: 5px;
}
#mainarea #mainarea-r div.interview-reservation p {
	margin: 0 0 0 auto;
	width: 239px;
	display: block;
	text-align: center;
}
.pop li {
	font-size: 11px;
	margin-left: 18px;
	margin-right: 12px;
	line-height: 1.4em;
	margin-bottom: 4px;
}


/* ------------------------------------------------------
   [募集要項 エリア定義] */
/* ====================================================== */
#mainarea #mainarea-r div.guidelines-applicants {
	border-left: solid 5px #C6D1D5;
	margin-bottom: 5px;
	cursor: pointer;
}
#mainarea #mainarea-r div.guidelines-applicants div.line {
	background: url("/common/img/mainarea_r/bg_appli.jpg") no-repeat 100% 100%;
	border-color : #ffffff;
	border-style : solid solid solid none;
	border-width : 1px;
}
#mainarea #mainarea-r div.guidelines-applicants div.line02 {
	background: url("/common/img/mainarea_r/bg_appli.jpg") no-repeat 100% 100%;
	border-color : #C6D1D5;
	border-style : solid solid solid none;
	border-width : 1px;
}
#mainarea #mainarea-r div.guidelines-applicants div.inner {
	height: 80px;
}
#mainarea #mainarea-r div.guidelines-applicants h3 {
	padding: 7px 11px 12px;
}
#mainarea #mainarea-r div.guidelines-applicants p {
	margin-left: 5px;
}


/* ------------------------------------------------------
   [汎用要素 定義] */
/* ====================================================== */
#mainarea #mainarea-r div.box-element {
	border-bottom: solid 1px #D0D0D0;
	border-left  : solid 1px #D0D0D0;
	border-right : solid 1px #D0D0D0;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
#mainarea #mainarea-r div.box-element h3.tit-e {
	background: url("/common/img/mainarea_r/bg_h3.gif") no-repeat 0 0;
	font-size: 102%;
}
#mainarea #mainarea-r div.box-element h3.tit-e span.inner {
	background: url("/common/img/mainarea_r/bg_h3_btm.gif") no-repeat 0 100%;
	padding: 5px 13px 4px;
	display: block;
}

#mainarea #mainarea-r div.box-element div.inner {
	padding: 0 17px;
}
#mainarea #mainarea-r div.box-element div.inner p {
	margin: 0;
}
#mainarea #mainarea-r div.box-element div.inner strong {
	font-weight: normal;
	color: #E5004F;
}

#mainarea #mainarea-r div.box-element div.footlink {
	padding-left: 17px;
	padding-right: 12px;
	text-align: right;
}
#mainarea #mainarea-r div.box-element div.footlink p {
	margin: 0;
}

#mainarea #mainarea-r div.box-element div.box-realintention {
	margin: 0 auto;
	width: 220px;
}
#mainarea #mainarea-r div.box-element div.box-realintention-inner {
	border: solid 1px #DEE3E9;
	padding: 5px;
	text-align: left;
}
#mainarea #mainarea-r div.box-element div.box-realintention p {
	margin: 0;
}
#mainarea #mainarea-r div.box-element div.box-realintention div.pic {
	width: 60px;
	float: left;
}
#mainarea #mainarea-r div.box-element div.box-realintention div.txt {
	width: 134px;
	float: right;
}
#mainarea #mainarea-r .tsubo {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D0D0D0;
	padding-top: 10px;
}
#mainarea #mainarea-r .tsubo h3 {
	padding-left: 8px;
	background-image: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
}
#mainarea #mainarea-r .tsubo li {
	font-size: 11px;
	padding-left: 8px;
	padding-bottom: 4px;
}
#mainarea #mainarea-r .list {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D0D0D0;
}
#mainarea #mainarea-r .list h3 {
	font-size: 16px;
	color: #0C398B;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #C6D1D5;
	line-height: 30px;
	margin-top: 01px;
	margin-bottom: 6px;
	margin-left: 3px;
	padding-left: 10px;
}
#mainarea #mainarea-r .list li {
	font-size: 12px;
	background-image: url(../img/arrow09.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 4px;
	padding-left: 12px;
	margin-left: 8px;
}



/* ------------------------------------------------------
   [お申込み完了 step 定義] */
/* ====================================================== */
#mainarea div.step {
	border-top   : dotted 1px #00A7DD;
	border-bottom: dotted 1px #00A7DD;
	background: url("/common/img/step_bg.gif") no-repeat 196px 0;
	margin: 0 auto;
	width: 708px;
	text-align: left;
}
#mainarea div.step div.step-inner {
	background: url("/common/img/step_bg_btm.gif") no-repeat 196px 100%;
	width: 708px;
}
#mainarea div.step02 {
	background: url("/common/img/step02_bg.gif") no-repeat 448px 0;
	width: 708px;
}
#mainarea div.step div.step02-inner {
	background: url("/common/img/step_bg_btm.gif") no-repeat 448px 100%;
	width: 708px;
}
#mainarea div.step div.step-tit {
	width: 196px;
	float: left;
}
#mainarea div.step div.step-tit div.pic {
	width: 147px;
	float: left;
}
#mainarea div.step div.step-tit div.tit {
	padding: 10px 0;
	width: 45px;
	float: left;
}
#mainarea div.step div.step-txt {
	padding: 10px 0;
	width: 492px;
	float: right;
}
#mainarea div.step div.step-txt-inner {
	padding-right: 16px;
}
#mainarea div.step div.step-txt div.step-txt-l {
	width: 223px;
	float: left;
}
#mainarea div.step div.step-txt div.step-txt-r {
	width: 224px;
	float: right;
}
#mainarea div.step div.step-txt p.tit {
	margin: 0 0 5px;
	font-weight: bold;
	color: #00A6DD;
}
#mainarea div.step-arrow {
	margin: 0 auto;
	padding: 8px 0;
	width: 708px;
	text-align: left;
}
#mainarea div.step-arrow img.arrow01 {
	margin-left: 209px;
}
#mainarea div.step-arrow img.arrow02 {
	margin-left: 189px;
}


/* ------------------------------------------------------
   [会社説明会に来てみませんか。 定義] */
/* ====================================================== */
#mainarea div.company-introduction-basic {
	border: solid 5px #97D1EC;
	padding: 14px 12px 15px 14px;
}
#mainarea div.company-introduction-basic div.introduction-l {
	width: 555px;
	float: left;
}
#mainarea div.company-introduction-basic div.introduction-r {
	padding-top: 10px;
	width: 170px;
	float: right;
}
#mainarea div.company-introduction-basic div.introduction-l table.introduction p,
#mainarea div.company-introduction-basic div.introduction-l table.introduction ul li {
	margin-top: 0.3em;
	padding-right: 5px;
}
#mainarea div.company-introduction-basic div.introduction-l table.introduction td.txt {
	width: 250px;
}


/* ------------------------------------------------------
   [具体的な社名をお知らせします。 定義] */
/* ====================================================== */
#mainarea div.companyname {
	background: url("/common/img/mainarea_l/companyname_pic.jpg") no-repeat 100% 100%;
	border: solid 5px #97D1EC;
	padding: 14px 12px 15px 14px;
}
#mainarea div.companyname div.introduction-l {
	width: 555px;
	float: left;
}
#mainarea div.companyname div.introduction-l p {
	margin: 0;
}
#mainarea div.companyname div.introduction-r {
	width: 170px;
	height: 123px;
	float: right;
}

/* ------------------------------------------------------
   [具体的な社名をお知らせします。 左 定義] */
/* ====================================================== */
#mainarea #mainarea-l div.companyname-l {
	background: url("/common/img/mainarea_l/companynamel_pic.jpg") no-repeat 100% 100%;
	border: solid 5px #97D1EC;
	padding: 14px 0 18px;
}
#mainarea #mainarea-l div.companyname-l div.inner {
	margin-bottom: 20px;
	padding: 0 15px;
}
#mainarea #mainarea-l div.companyname-l div.inner h2 {
	margin: 0 0 20px;
}
#mainarea #mainarea-l div.companyname-l div.inner div.txt {
	width: 320px;
}
#mainarea #mainarea-l div.companyname-l div.inner div.txt p {
	margin: 0;
}


/* ------------------------------------------------------
   [サイトに公開していない配属先があります 定義] */
/* ====================================================== */
#mainarea div.closedassignment {
	background: url("/common/img/mainarea_l/closedassignment_pic.jpg") no-repeat 100% 100%;
	border: solid 5px #97D1EC;
	padding: 14px 12px 15px 14px;
}
#mainarea div.closedassignment div.introduction-l {
	width: 555px;
	float: left;
}
#mainarea div.closedassignment div.introduction-l p {
	margin: 0;
}
#mainarea div.closedassignment div.introduction-r {
	width: 170px;
	height: 123px;
	float: right;
}


/* ------------------------------------------------------
   [無料セミナーつき会社説明会に来てみませんか 定義] */
/* ====================================================== */
#mainarea div.freeseminar {
	border: solid 5px #97D1EC;
	padding: 14px 12px 15px 14px;
}
#mainarea div.freeseminar div.introduction-l {
	width: 555px;
	float: left;
}
#mainarea div.freeseminar div.introduction-l p {
	margin: 0;
}
#mainarea div.freeseminar div.introduction-r {
	width: 170px;
	float: right;
}
#mainarea .topics dl {
	background-image: url(../../img/dotbar.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#mainarea .topics dt {
	font-size: 80%;
	float: left;
	width: 96px;
	line-height: 1.3em;
	color: #e5004f;
}
#mainarea .topics dd {
	float: left;
	width: 640px;
	font-size: 80%;
	line-height: 1.3em;
}