@charset "utf-8";

/* リセット（ヘッダー） START*/
#header div, #header pre, #header p, #header blockquote,
#header form, #header fieldset, #header input, #header textarea, #header select, #header option,
#header dl, #header dt, #header dd, #header ul, #header ol, #header li, #header h1, #header h2, #header h3, #header h4, #header h5, #header h6,
#header table, #header th, #header td, #header embed, #header object {
	margin:0;
	padding:0;
}

#header img {border:none 0 transparent;}

#header ul {
	list-style: none;
}

#header a:link { color: #00305c; text-decoration: none; }
#header a:visited { color: #00305c; text-decoration: none; }
#header a:active { color: #00305c; text-decoration: none; }
#header a:hover { color: #6095c9; text-decoration: none; }

#header a:hover img, #header input[type="image"]:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}
/* リセット（ヘッダー） END*/


/* リセット（ナビゲーション） START*/
#navi div, #navi pre, #navi p, #navi blockquote,
#navi form, #navi fieldset, #navi input, #navi textarea, #navi select, #navi option,
#navi dl, #navi dt, #navi dd, #navi ul, #navi ol, #navi li, #navi h1, #navi h2, #navi h3, #navi h4, #navi h5, #navi h6,
#navi table, #navi th, #navi td, #navi embed, #navi object {
	margin:0;
	padding:0;
}

#navi img {border:none 0 transparent;}

#navi ul {
	list-style: none;
}

#navi a:link { color: #00305c; text-decoration: none; }
#navi a:visited { color: #00305c; text-decoration: none; }
#navi a:active { color: #00305c; text-decoration: none; }
#navi a:hover { color: #6095c9; text-decoration: none; }

#navi a:hover img, #navi input[type="image"]:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}
/* リセット（ナビゲーション） END*/


/* リセット（フッター） START*/
#footer div, #footer pre, #footer p, #footer blockquote,
#footer form, #footer fieldset, #footer input, #footer textarea, #footer select, #footer option,
#footer dl, #footer dt, #footer dd, #footer ul, #footer ol, #footer li, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6,
#footer table, #footer th, #footer td, #footer embed, #footer object {
	margin:0;
	padding:0;
}

#footer img {border:none 0 transparent;}

#footer ul {
	list-style: none;
}

#footer a:link { color: #00305c; text-decoration: none; }
#footer a:visited { color: #00305c; text-decoration: none; }
#footer a:active { color: #00305c; text-decoration: none; }
#footer a:hover { color: #6095c9; text-decoration: none; }

#footer a:hover img, #footer input[type="image"]:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}
/* リセット（フッター） START*/


body {
	background:#ffffff!important;
}

div.clear {
	clear:both;
}
.clear {
	clear:both;
}

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

*html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}

/* ロゴの透過解除 */
.logo a:hover img {
	opacity:1!important;
	filter:alpha(opacity=100)!important;
}

.placeholder {
	color:#767676;
}


/* リンクアイコン START */
.arrow-r { /* font-size 14px 用 */
	background:url('/btob/common_img/icn_arr_red.png') no-repeat 0 4px;
	padding-left:11px;
}

.arrow-r2 { /* font-size 12px 用 */
	background:url('/btob/common_img/icn_arr_red.png') no-repeat 0 1px;
	padding-left:11px;
}

.arrow-r3 { /* font-size 13px 用 */
	background:url('/btob/common_img/icn_arr_red.png') no-repeat 0 2px;
	padding-left:11px;
}

.arrow-old { /* 三角矢印 ver */
	background:url('/btob/common_img/ico01.gif') no-repeat 0 6px;
	padding-left:9px;
}

.pdf a {
	background:url('/btob/common_img/ico_pdf.gif') no-repeat right 0;
	padding:1px 21px 1px 0;
}

.win-red {
	background:url('/btob/common_img/icn_win_red.png') no-repeat right 56%;
	padding:0 16px 0 0;
}

.win-wht {
	background:url('/btob/common_img/icn_win_wht.png') no-repeat right 56%;
	padding:0 16px 0 0;
}

.win-gre {
	background:url('/btob/common_img/icn_win_gre.png') no-repeat right 56%;
	padding:0 14px 0 0;
}

.new-icn {
	vertical-align:-2px;
}
/* リンクアイコン END */


/* ヘッダー（共通） START */
#header #header-upper {
	background:#019b99;
	height:20px;
}

#header #header-upper p {
	width:980px;
	margin:0 auto;
	text-align:right;
}

#header #header-upper p img {
	margin-top:4px;
}

#header #header-main {
	width:980px;
	margin:0 auto;
	min-height:110px;
	color:#444444;
}

#header #header-main .logo {
	float:left;
	width:245px;
	margin-top:25px;
}
#header .header-right {
	float:right;
	display:table;
	height:110px;
}

#header .header-right .search-btn {
	display:table-cell;
	vertical-align:middle;
	width:170px;
}
/* ヘッダー（共通） END */


/* ヘッダー（ログイン前） START */
#header .header-right .login-area {
	display:table-cell;
	vertical-align:middle;
}

#header .header-right .login-area form {
	display:table;
}

#header .header-right .login-area .name-area {
	display:table-cell;
	vertical-align:middle;
	height:76px;
	padding:0 10px 0 28px;
	border-left:solid 1px #cccccc;
	color:#444;
	font-size:14px;
	line-height:18px;
}

#header .header-right .login-area .input-area {
	display:table-cell;
	vertical-align:middle;
}

#header .header-right .login-area .input-area p {
	display:block;
	width:157px;
	height:32px;
	border:solid 1px #cccccc;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
}

#header .header-right .login-area .input-area p.input-txt {
	margin-bottom:6px;
}

#header .header-right .login-area .input-area p input {
	border:medium none;
	border-radius:0;
	width:147px;
	height:25px;
	margin:0;
	padding:3px 0 0 6px;
	font-size:14px;
}

#header .header-right .login-area .btn-area {
	display:table-cell;
	vertical-align:bottom;
	padding-left:12px;
}

#header .header-right .login-area .btn-area span {
	display:block;
	margin-top:7px;
	font-size:12px;
}
/* ヘッダー（ログイン前） END */


/* ヘッダー（ログイン後） START */
#header .header-right .logout-area {
	display:table-cell;
	vertical-align:middle;
}

#header .header-right .logout-area > div {
	height:66px;
	padding:9px 0 0 29px;
	border-left:solid 1px #cccccc;
}

#header .corp-name {
	margin:0 0 10px 0;
	font-size:14px;
	font-weight:bold;
}

#header .btn-area .info-link {
	float:left;
	margin-top:10px;
	width:173px;
	font-size:13px;
}

#header .btn-area .logout-btn {
	float:right;
}
/* ヘッダー（ログイン後） END */


/* グローバルナビ START */
#navi {
	background:#e8e9e9;
}

#navi .g-navi {
	margin:0 auto;
	width:980px;
	height:46px;}

#navi .g-navi > ul {
	display:table;
	border-left:solid 1px #dedede;
	box-shadow:1px 0 0 #f7f7f7 inset;
	-webkit-box-shadow:1px 0 0 #f7f7f7 inset;
}

#navi .g-navi > ul > li {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:138.7px;
	height:46px;
}

#navi .g-navi > ul > li > a {
	display:block;
	padding:15px 0;
	width:138.7px;
	height:16px;
	border-right:solid 1px #dedede;
	box-shadow:1px 0 0 #f7f7f7;
	-webkit-box-shadow:1px 0 0 #f7f7f7;
	color:#444444;
	font-size:14px;
	font-weight:bold;
}

#navi .g-navi > ul > li > a > span.two-lines{
	line-height: 14px;
    margin-top: -3px;
    display: block;
}

#navi .g-navi > ul > li > a:hover {
	background:#f4f4f4;
	box-shadow:none;
}

#navi .g-navi > ul > li.g-active {
	background:#ffffff;
	border-top:solid 2px #019b99;
	border-left:none;
}

#navi .g-navi > ul > li.g-active > a {
	padding:13px 0 15px 0;
	color:#019b99;
	background:#ffffff;
	box-shadow:none;
}
/* グローバルナビ END */


/* ローカルナビ START */
#navi .l-navi {
	width:100%;
	background:#fff;
	border-bottom:dotted 1px #019b99;
}

#navi .l-navi ul {
	width:980px;
	padding-top:5px;
	margin:0 auto 10px;
	overflow:hidden;
}

#navi .l-navi ul li {
	float:left;
}

#navi .l-navi ul li a {
	display:block;
	background:url('/btob/common_img/icn_arr_gre.png') no-repeat 5px 52%;
	height:17px;
	padding:4px 2px 1px 16px;
	margin:5px 20px 0 0;
	font-size:13px;
	font-weight:bold;
	color:#444444;
}

#navi .l-navi ul li a:hover {
	color:#019b99;
}

#navi .l-navi ul li.l-active a {
	background-color:#e5f5f5;
	color:#019b99;
}

/* ローカルナビ END */


/* メインコンテンツ START */
#main {
	width:980px;
	margin:38px auto 0;
}

/* エラー告知 / エラー訂正告知 */
.emergency-area {
	display:table;
	border:solid 1px #f49a9a;
	width:978px;
	height:22px;
	margin-bottom:38px;
}

.emergency-area p {
	display:table-cell;
	vertical-align:middle;
}

.emergency-area p.emergency-ttl {
	text-align:center;
	background:#f7ddd8;
	width:105px;
	border-right:solid 1px #f49a9a;
}

.emergency-area p.emergency-txt {
	font-size:14px;
	color:#ff0000;
	padding-left:10px;
}

.main-ttl {
	font-size:24px;
	color:#444444;
	padding-bottom:13px;
	margin-bottom:30px;
	border-bottom:solid 2px #019b99;
}

/* IE8,9でのレイアウト崩れ調整 START */
.ttl-line {
	font-size:1px;
}

.space {
	font-size:1px;
}

.arr-posi {
	font-size:10px;
}
/* IE8,9でのレイアウト崩れ調整 END */

/* メインコンテンツ END */


/* フッター START */
#footer {
	margin-top:60px;
	color:#444444;
}

#footer #footer-link {
	background:#555555;
}

#footer #footer-link ul {
	width:980px;
	height:30px;
	margin:0 auto;
}

#footer #footer-link ul li {
	float:left;
	background:url('/btob/common_img/icn_arr_wht.png') no-repeat 0 55%;
	padding-left:14px;
	margin:6px 44px 0 0;
}

#footer #footer-link ul li a {
	color:#ffffff;
	font-size:13px;
	line-height:130%;
}

#footer #footer-link ul li a:hover {
	color:#c6c6c6;
}


#footer #copy-area {
	position:relative;
	width:980px;
	height:70px;
	margin:20px auto 0;
}

#footer #copy-area .txt {
	position:absolute;
	top:0;
	left:0;
	font-size:12px;
	line-height:18px;
}

#footer #copy-area .copy-right {
	position:absolute;
	top:70px;
	right:0;
	font-size:10px;
}
/* フッター END */