@charset "UTF-8";

/*======================================== */
/*【OUTLINE】
/* セゾンカードオフィシャルサイト
/* 第二階層 Mainエリア
/*======================================== */


/*======================================== */
/* ヘッダ背景描画調整
/*======================================== */

#wrapper {
 background:url(../img/hd_bg_01.gif) left -10px repeat-x;
}

/*======================================== */
/* MAIN
/*======================================== */


/* topicPath（パンくずリスト）
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul#topicPath {
 clear:both;
 zoom:1;
 padding-bottom:10px;
 font-size:12px;
}
/*fullScreenヘッダー*/
body.fullScreen ul#topicPath {
 line-height:1rem;
}
/*fullScreenヘッダーEND*/

ul#topicPath li {
 float:left;
 margin-right:10px;
 display:inline-block;
 white-space:nowrap;
 letter-spacing:0;
}

ul#topicPath li a,
ul#topicPath li span {
 padding-right:10px;
}

ul#topicPath li a {
 color:#0050A3 !important;
}

ul#topicPath li a,
ul#topicPath li a:hover {
 color:#274ab2 !important;
}

/*fullScreenヘッダー*/
body.fullScreen ul#topicPath li:first-child {
    position: relative;
    padding-left: 22px;
}
body.fullScreen ul#topicPath li:first-child:before {
    display: inline-block;
    width: 17px;
    height: 17px;
    content: "";
    background: url(/cmn/img/icon_home.gif) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}
/*fullScreenヘッダーEND*/

/* section（セクション要素）
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.section {
 padding-bottom:30px;
/* background:url(../img/main_sect_bg01.gif) left top repeat-x;*/
 font-size:12px;
 line-height:1.5em;
}

#bdRecruit #wrapper .end{
	position:relative;
}


#bdRecruit .section.end:before{
	content:"";
	position:absolute;
	visibility:initial;
	color:#FFF;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.8);
}


#bdRecruit .section.end::after{
	content:"※現在、募集しておりません。";
	position:absolute;
	font-size:24px;
	text-align:center;
	visibility:visible;
	color:#F00;
	top:45%;
	left:0;
	width:100%;
	height:100%;
	line-height:30px;
	line-height:initial;
}


.section .text {
 margin-bottom:1em;
}

.info-dial-red {
    color: #ff0000 !important;
    font-weight: bold !important;
    font-size: 24px !important;
}

.tel .redNum {
    color: #ff0000 !important;
    font-weight: bold !important;
    font-size: 20px !important;
}

.redNum2 {
    color: #ff0000 !important;
    font-weight: bold !important;
    font-size: 16px !important;
}

.redNum3 {
    color: #ff0000 !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

/* table
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.section table.tbl-A {
 width:100%;
 margin-bottom:15px;
}

.section table.tbl-A th {
 background:#e7e9ee;
 font-weight:bold;
 padding:2px;
 border-right:solid 1px #fff;
 border-bottom:solid 1px #fff;
 padding:5px 7px 5px 7px;
 text-align:center;
}

.section table.tbl-A td {
 background:#f6f6f8;
 border-right:solid 1px #fff;
 border-bottom:solid 1px #fff;
 padding:5px 7px 5px 7px;
}

.section table.tbl-A td table {
 margin-bottom:0;
}

.section table.tbl-A tr.tbl-ttlB th {
 background:#e6eeff;
 border-right:solid 1px #f6f6f8;
 border-bottom:solid 1px #f6f6f8;
}

.section table.tbl-A tr.tbl-ttlC td {
 background:#fff;
 border-right:solid 1px #f6f6f8;
 border-bottom:solid 1px #f6f6f8;
}

.section table.tbl-A td.tbl-ttlC {
 background:#fff !important;
 border-right:solid 1px #f6f6f8;
 border-bottom:solid 1px #f6f6f8;
}

.section table.tbl-A td.tbl-ttlD {
 background:#f6f6f8 !important;
 border-right:solid 1px #fff !important;
 border-bottom:solid 1px #fff !important;
}

/* column（カラム設定）
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.column2 {
 width:680px;
 clear:both;
}

.column2 .section {
 width:330px;
 padding-bottom:30px;
}

.column2 .boxB {
 width:306px;
 margin-bottom:30px;
}

.column3 {
 clear:both;
 margin-left:-19px;
 position:relative;
}

.column3 .section {
 width:214px;
 float:left;
 padding-left:19px;
}

/* h1〜h5（タイトル要素）
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h1 {
 clear:both;
 background:url(../img/main_h1_bg01.gif) left top repeat-x;
 color:#fff;
 height:40px;
 font-size:14px;
 line-height:1.4em;
 padding:10px 0 0 10px;
}
h1.line2 {
 background:url(../img/main_h1_bg01-line2.gif) left top repeat-x;
 height:70px;
}

h2 {
 clear:both;
 background:url(../img/main_h2_bg01.gif) left top repeat-x;
 height:35px;
 font-size:12px;
 padding:10px 0 14px 0;
 color:#00175a;
}

h3 {
 border-left: solid 3px #274ab2;
 padding-left:6px;
 font-size:12px;
 margin-bottom:10px;
}

h4 {
 font-weight:bold;
 color:#274ab2;
 margin-bottom:10px;
 font-size:12px;
}

h5 {
 font-weight:bold;
 margin-bottom:6px;
 font-size:12px;
}

/*背景画像の設定
----------------------------- */

h2.line2 {
 background:url(../img/main_h2_bg01-line2.gif) left top repeat-x;
 height:50px;
 padding-right:10px;
}

/* h2-ボックス用
----------------------------- */

.box .boxTtl,
.boxOpen .boxTtl {
 background:url(../img/main_boxtl_bg01_btm.gif) left bottom no-repeat;
 height:auto;
 padding:0;
 margin-bottom:17px;
 color:#323232;
 clear:both;
}

.box .boxTtl span,
.boxOpen .boxTtl span {
 background:url(../img/main_boxtl_bg01_top.gif) left top no-repeat;
 display:block;
 height:auto;
 padding:8px 8px 8px 8px;
}

.box .boxTtl .title_icon img,
.boxOpen .boxTtl .title_icon img {
 float:left;
 margin-left:0px;
 margin-top:-5px;
 margin-right:8px;
 position:relative;
}


.column2 .boxTtl {
 background:url(../img/main_boxtl_bg02_btm.gif) left bottom no-repeat;
}

.column2 .boxTtl span {
 background:url(../img/main_boxtl_bg02_top.gif) left top no-repeat;
}

.column3 .boxTtl {
 background:url(../img/main_boxtl_bg03_btm.gif) left bottom no-repeat;
}

.column3 .boxTtl span {
 background:url(../img/main_boxtl_bg03_top.gif) left top no-repeat;
}
/* ul（リスト要素）
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul.list {
 margin-bottom:1em;
}

ul.list li {
 background:url(../img/listmark01.gif) left 0.6em no-repeat;
 padding-left:8px;
 font-size:12px;
 margin-bottom:0.2em;
}

span.list {
 background:url(../img/listmark01.gif) left 0.3em no-repeat;
 padding-left:8px;
 margin-bottom:0.2em;
}

#main div a:hover,
#main div a:focus,
#main div a:active,
#main div a {
 color:#0050A3 !important;
}

ul.list li ul li {
 padding-left:8px;
 font-size:10px;
}

li.square {
 background:url(../img/listmark04.gif) left 0.7em no-repeat !important;
 padding-left:8px;
 font-size:10px;
}

ol {
 margin-bottom:1em;
}

ol li {
 list-style: decimal inside;
 font-size:10px;
}

/* 開閉式-記事
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#closureList h2 {
 border:solid 1px #acb9dd;
 background:url(../img/main_h2_clo_bg01.gif) left top repeat-x;
 height:31px;
 padding:0;
 cursor:pointer;
 overflow:hidden;
}

#closureList h2 span {
 border-bottom:solid 1px #6072a9;
 background:url(../img/main_h2_clo_bg02.gif) 10px center no-repeat;
 display:block;
 height:20px;
 line-height:1em;
 padding:10px 10px 0 35px
}

#closureList h2.active span {
 background:url(../img/main_h2_clo_bg03.gif) 10px center no-repeat;
}

#closureList dl {
 padding-left:20px;
 padding-bottom:30px;
 clear:both;
 font-size:12px;
}

#closureList dl dt {
 background:url("../../cmn_data/img/listmark01.gif") no-repeat scroll 0 0.5em transparent;
 float:left;
 margin-top:10px;
 padding-left:12px;
 width:128px;
 clear:left;
}

#closureList dl dd {
 float:left;
 margin-top:10px;
 width:500px;
 min-height: 1.3em;
 height: auto !important;
 height: 1.3em;
}

#closureList dl dd strong {
 color:#FF0000;
}
 #closureList:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}

.closureList {
 display: inline-block;
 zoom:1;
}

/* boxA（ボーダー1px、背景水色）
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.boxA {
 border: solid 1px #e4e8f3;
 background:#eaf0fe;
 margin-bottom:4px;
}

.boxA .inner {
 border:solid 2px #fff;
 padding:25px 45px 25px 45px;
}

.loginArea {
 text-align:center;
}

.loginArea dt {
 font-weight:bold;
 color:#323232;
 margin-bottom:5px;
}

.loginArea dd.newBtn {
 padding-top:12px;
}

/* boxB（ボーダー1px、背景白）
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.boxB {
 border: solid 1px #e4e8f3;
 margin-bottom:4px;
 padding:12px;
}

.boxB .read {
 color:#274ab2;
 font-weight:bold;
 margin-bottom:5px;
 font-size:12px;
}

/* boxC（ボーダー1px、背景水色 テキストのみ）
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.boxC {
 border: solid 1px #e4e8f3;
 background:#eef2fb;
 margin-bottom:4px;
}

.boxC .inner {
 border:solid 2px #fff;
 padding:5px;
}

/* boxD（ボーダー1px、背景白 テキストのみ）
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.boxD {
 border: solid 1px #e4e8f3;
 margin-bottom:4px;
 padding:5px;
}

.boxD .read {
 color:#274ab2;
 font-weight:bold;
 margin-bottom:5px;
}

/*======================================== */
/* GENERAL CLASS
/*======================================== */

.note {
 text-indent:-1em;
 padding:0 0 8px 1em;
 clear:both;
}

.noteS {
 font-size:10px !important;
 text-indent:-1em;
 padding:0 0 0.1em 1em;
 clear:both;
 line-height:1.5em;
}

.note_list_01 li {
 text-indent: -1.2em;
 padding-left: 1.2em;
}
.note_list_02 li {
 text-indent: -1.5em;
 padding-left: 2em;
}
.note_list_03 li {
 text-indent: -1em;
 padding-left: 3em;
}
.note_list_04 li {
 text-indent: -1em;
 padding-left: 1em;
}
.note_list_05 li {
 text-indent: 0em;
 padding-left: 1em;
}
.note_list_06 li {
 text-indent: -0.5em;
 padding-left: 0.5em;
}
.note_list_07 li {
 text-indent: -1.7em;
 padding-left: 1.5em;
}
.note_list_08 li {
 text-indent: -2.0em;
 padding-left: 2.0em;
}

/* fontsize（フォントサイズ）
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fsS,
.fsS li {
 font-size:10px !important;
 line-height:1.4em;
}

.fsM,
.fsM li {
 font-size:12px !important;
}

.fsL,
.fsL li {
 font-size:14px !important;
 line-height:1.5em;
}

.fs14 {
 font-size:14px !important;
}

/* float
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.floatL {
 float:left !important;
 display:block;
}

.floatR {
 float: right !important;
 display:block;
}

.clearBoth {
 clear:both;
}

/* ftext-align
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.alignC {
 text-align:center;
}

.alignL {
 text-align:left;
}

.alignR {
 text-align:right;
}

/* blocK-center
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.blockCenter {
 margin:0 auto !important;
}

/* margin
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.marginTo-0 {
 margin-top:0 !important;
}
/*.marginTo-0.5em {
 margin-top:0.5em !important;
}*/
.marginTo-1em {
 margin-top:1em !important;
}
.marginTo-5 {
 margin-top:5px !important;
}
.marginTo-10 {
 margin-top:10px !important;
}
.marginTo-20 {
 margin-top:20px !important;
}
.marginTo-30 {
 margin-top:30px !important;
}
.marginTo-40 {
 margin-top:40px !important;
}
.marginTo-50 {
 margin-top:50px !important;
}

.marginBt-0 {
 margin-bottom:0 !important;
}
/*.marginBt-0.5em {
 margin-bottom:0.5em !important;
}*/
.marginBt-1em {
 margin-bottom:1em !important;
}
.marginBt-5 {
 margin-bottom:5px !important;
}
.marginBt-10 {
 margin-bottom:10px !important;
}
.marginBt-20 {
 margin-bottom:20px !important;
}
.marginBt-30 {
 margin-bottom:30px !important;
}
.marginBt-40 {
 margin-bottom:40px !important;
}
.marginBt-50 {
 margin-bottom:50px !important;
}

.marginLe-0 {
 margin-left:0 !important;
}
/*.marginLe-0.5em {
 margin-left:0.5em !important;
}*/
.marginLe-1em {
 margin-left:1em !important;
}
.marginLe-5 {
 margin-left:5px !important;
}
.marginLe-10 {
 margin-left:10px !important;
}
.marginLe-20 {
 margin-left:20px !important;
}
.marginLe-30 {
 margin-left:30px !important;
}
.marginLe-40 {
 margin-left:40px !important;
}
.marginLe-50 {
 margin-left:50px !important;
}

.marginRi-0 {
 margin-right:0 !important;
}
/*.marginRi-0.5em {
 margin-right:0.5em !important;
}*/
.marginRi-1em {
 margin-right:1em !important;
}
.marginRi-5 {
 margin-right:5px !important;
}
.marginRi-10 {
 margin-right:10px !important;
}
.marginRi-20 {
 margin-right:20px !important;
}
.marginRi-30 {
 margin-right:30px !important;
}
.marginRi-40 {
 margin-right:40px !important;
}
.marginRi-50 {
 margin-right:50px !important;
}

/* padding
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.paddingTo-0 {
 padding-top:0px !important;
}
.paddingTo-5 {
 padding-top:5px !important;
}
.paddingTo-10 {
 padding-top:10px !important;
}
.paddingTo-20 {
 padding-top:20px !important;
}
.paddingTo-30 {
 padding-top:30px !important;
}
.paddingTo-40 {
 padding-top:40px !important;
}
.paddingTo-50 {
 padding-top:50px !important;
}

.paddingBt-0 {
 padding-bottom:0px !important;
}
.paddingBt-5 {
 padding-bottom:5px !important;
}
.paddingBt-10 {
 padding-bottom:10px !important;
}
.paddingBt-20 {
 padding-bottom:20px !important;
}
.paddingBt-30 {
 padding-bottom:30px !important;
}
.paddingBt-40 {
 padding-bottom:40px !important;
}
.paddingBt-50 {
 padding-bottom:50px !important;
}

.paddingLe-0 {
 padding-left:0 !important;
}
.paddingLe-5 {
 padding-left:5px !important;
}
.paddingLe-10 {
 padding-left:10px !important;
}
.paddingLe-20 {
 padding-left:20px !important;
}
.paddingLe-30 {
 padding-left:30px !important;
}
.paddingLe-40 {
 padding-left:40px !important;
}
.paddingLe-50 {
 padding-left:50px !important;
}

.paddingRi-0 {
 padding-right:0 !important;
}
.paddingRi-5 {
 padding-right:5px !important;
}
.paddingRi-10 {
 padding-right:10px !important;
}
.paddingRi-20 {
 padding-right:20px !important;
}
.paddingRi-30 {
 padding-right:30px !important;
}
.paddingRi-40 {
 padding-right:40px !important;
}
.paddingRi-50 {
 padding-right:50px !important;
}

/* em/b
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*.em {
 color:#ff0000;
}

.b {
 font-weight:bold;
}*/

.red {
 color:#ff0000;
}

.red-bold {
 color:#ff0000 !important;
 font-weight:bold !important;
}

/* font
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.fSize10{
 font-size:10px !important;
}

.fSize11{
 font-size:11px !important;
}

.fSize12{
 font-size:12px !important;
}

.fSize13{
 font-size:13px !important;
}

.fSize14{
 font-size:14px !important;
}

.fSize15{
 font-size:15px !important;
}

.fSize16{
 font-size:16px !important;
}

.fSize17{
 font-size:17px !important;
}

.fSize18{
 font-size:18px !important;
}

.fSize19{
 font-size:19px !important;
}

.fSize20{
 font-size:20px !important;
}


/* width
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.w100 {
 width:100px;
}

.w110 {
 width:110px;
}

.w120 {
 width:120px;
}

.w130 {
 width:130px;
}

.w140 {
 width:140px;
}

.w150 {
 width:150px;
}

.w160 {
 width:160px;
}

.w170 {
 width:170px;
}

.w180 {
 width:180px;
}

.w190 {
 width:190px;
}

.w200 {
 width:200px;
}

.w210 {
 width:210px;
}

.w220 {
 width:220px;
}

.w230 {
 width:230px;
}

.w240 {
 width:240px;
}

.w250 {
 width:250px;
}

.w260 {
 width:260px;
}

.w270 {
 width:270px;
}

.w280 {
 width:280px;
}

.w290 {
 width:290px;
}

.w300 {
 width:300px;
}

.w310 {
 width:310px;
}

.w320 {
 width:320px;
}

.w330 {
 width:330px;
}

.w340 {
 width:340px;
}

.w350 {
 width:350px;
}

.w360 {
 width:360px;
}

.w370 {
 width:370px;
}

.w380 {
 width:380px;
}

.w390 {
 width:390px;
}

.w400 {
 width:400px;
}

.w410 {
 width:410px;
}

.w420 {
 width:420px;
}

.w430 {
 width:430px;
}

.w440 {
 width:440px;
}

.w450 {
 width:450px;
}

.w460 {
 width:460px;
}

.w470 {
 width:470px;
}

.w480 {
 width:480px;
}

.w490 {
 width:490px;
}

.w500 {
 width:500px;
}

.w510 {
 width:510px;
}

.w520 {
 width:520px;
}

.w530 {
 width:530px;
}

.w540 {
 width:540px;
}

.w550 {
 width:550px;
}

.w560 {
 width:560px;
}

.w570 {
 width:570px;
}

.w580 {
 width:580px;
}

.w590 {
 width:590px;
}

.w600 {
 width:600px;
}

.w610 {
 width:610px;
}

.w620 {
 width:620px;
}

.w630 {
 width:630px;
}

.w640 {
 width:640px;
}

.w650 {
 width:650px;
}

.w660 {
 width:660px;
}

.w670 {
 width:670px;
}

.w680 {
 width:680px;
}

/* clearfix
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul#topicPath,
.section,
 ul#topicPath li,
.boxA,
.boxA .inner,
.boxB,
.column3 {
 zoom: 100%;
}

ul#topicPath:after,
.section:after,
ul#topicPath li:after,
.boxA:after,
.boxA .inner:after,
.boxB:after,
.column3:after {
 display: block;
 clear: both;
 height: 0;
 line-height: 0;
 overflow: hidden;
 visibility: hidden;
 content: ".";
}

/* スマートフォン用エリア消去
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#spFooter,
#spHeader,
#spnHdbtn {
 display:none !important;
}

/* 電話番号リンク
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a.tel,
a.tel:visited,
a.tel:hover,
a.tel:focus,
a.tel:active {
 color:#000;
 text-decoration:none !important;
 cursor:default;
}

/* テキストリンク（右寄せ、アイコン付）
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.linkarea a.mark {
 background: url(/cmn_data/img/listmark01.gif) left 0.6em no-repeat;
 padding: 0 0 0 8px;
 margin-bottom:0.2em;
}

/* タブ他
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#tabNav{
	display:block;
	height:39px;
	padding:0;
	margin:1em 0 0 0;
	background:url(../img/bg_tab.gif) left bottom repeat-x;
}
#tabNav li{
	float:left;
	display:block;
	width:166px;
	height:39px;
	margin:0 3px 0 0;
	line-height:39px;
	text-align:center;
	list-style:none;
	background:url(../img/bg_tab01_off.gif) left top no-repeat;
}
#tabNav li a{
	display:block;
	width:166px;
	height:39px;
}

#tabNav #active{
	background:url(../img/bg_tab01_on.gif) left top no-repeat;
}
#tabNav #active a{
	color:#222222 !important;
	font-weight:bold;
	text-decoration:none;
}
.img_block {
	display: block;
	margin: 0 auto;
	padding-bottom: 10px;
}
.netanswer_img {
	padding-bottom:37px;
	text-align:center;
}

/* 枠なし2カラム <dl>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.cont_box_01 dt {
	position: absolute;
}
.cont_box_01 dd {
	padding-left: 7em;
}


/*======================================== */
/* Popup
/*======================================== */
body#popup,
body#popupB,
body#popupC,
body#popupD{
 background:url(../img/popup_hd_bg.gif) left -10px repeat-x;
}
/*↓IE7印刷時のポップアップページ崩れ対応↓*/
@media print {
	/*↓IE7印刷時のポップアップページ崩れ対応↓*/
	*:first-child+html body#popup,
	*:first-child+html body#popupB,
	*:first-child+html body#popupC,
	*:first-child+html body#popupD{
	 background-image:none;
	}
	*:first-child+html body#popup #b_header,
	*:first-child+html body#popupB #b_header,
	*:first-child+html body#popupC #b_header,
	*:first-child+html body#popupD #b_header{
	 background-color:#24429a;
	 background-size:100% 60px;
	 width:100%;
	}
	/*↓IE6印刷時のポップアップページ崩れ対応↓*/
	* html body#popup,
	* html body#popupB,
	* html body#popupC,
	* html body#popupD{
	 background-image:none;
	}
	* html body#popup #b_header,
	* html body#popupB #b_header,
	* html body#popupC #b_header,
	* html body#popupD #b_header{
	 background-color:#24429a;
	 background-size:100% 60px;
	 width:100%;
	}
}

#popup p,
#popupB p,
#popupC p,
#popupD p{
	margin:0 0 1em 0;
}

/* header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body#popup,
body#popup #p_header,
body#popup #b_header {
 position:relative;
 height:60px;
 width:640px;
 margin-bottom:1em;
}
body#popupB,
body#popupB #p_header,
body#popupB #b_header {
 position:relative;
 height:60px;
 width:800px;
 margin-bottom:1em;
}
body#popupC,
body#popupC #p_header,
body#popupC #b_header{
 position:relative;
 height:60px;
 width:700px;
 margin-bottom:1em;
}
body#popupD,
body#popupD #p_header,
body#popupD #b_header{
 position:relative;
 height:60px;
 width:514px;
 margin-bottom:1em;
}
body.bodyWidth705,
body.bodyWidth705 #p_header,
body.bodyWidth705 #b_header {
 width:705px !important;
}
body#popup #hdNavArea,
body#popupB #hdNavArea,
body#popupC #hdNavArea,
body#popupD #hdNavArea{
	display:none;
}
body#popup #golobalNav,
body#popupB #golobalNav,
body#popupC #golobalNav,
body#popupD #golobalNav{
	display:none;
}

body#popup .btn_close,
body#popupB .btn_close,
body#popupC .btn_close,
body#popupD .btn_close{
 position:absolute;
 display:block;
 right:0;
 top:0;
 margin:24px 10px 2px 10px;
 z-index:2000;
}


/* contents
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body#popup #contents {
 clear: both;
 width: 640px;
 margin:0;
}

body#popupB #contents {
 clear: both;
 width: 800px;
 margin:0 auto;
}
body#popupC #contents {
 clear: both;
 width: 700px;
 margin:0 auto;
}
body#popupD #contents {
 clear: both;
 width: 514px;
 margin:0 auto;
}

body.bodyWidth705 #contents {
 width: 705px !important;
}

/*背景画像の設定
----------------------------- */

body#popup h1,
body#popupB h1,
body#popupC h1,
body#popupD h1{
background:url(../img/main_h1_bg01.gif) left top repeat-x;
color:#fff;
height:40px;
font-size:14px;
line-height:1.4em;
padding:10px 0 0 10px;
margin:0 auto;
}

body#popup h1.line2,
body#popupB h1.line2,
body#popupC h1.line2,
body#popupD h1.line2{
background:url(../img/main_h1_bg01-line2.gif) left top repeat-x;
height:50px;
padding-right:10px;
}

/* main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body#popup #main,
body#popupB #main,
body#popupC #main,
body#popupD #main{
 float: none;
 overflow:auto;
 width:auto;
 padding: 1em 1em 1.5em 1em;
 font-size:12px;
 line-height:1.5em;
}
/*↓IE7印刷時のポップアップページ崩れ対応↓*/
@media print {
	/*↓IE7印刷時のポップアップページ崩れ対応↓*/
	*:first-child+html body#popup #main,
	*:first-child+html body#popupB #main,
	*:first-child+html body#popupC #main,
	*:first-child+html body#popupD #main{
	 overflow:visible;
	}
}


/* footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body#popup #footer {
width:640px;
margin:0 auto;
 clear: both;
 padding: 0 0 15px 0;
 border-top: solid 2px #274ab2;
 font-size:70%;
}
body#popupB #footer {
width:800px;
margin:0 auto;
 clear: both;
 padding: 0 0 15px 0;
 border-top: solid 2px #274ab2;
 font-size:70%;
}
body#popupC #footer {
width:700px;
margin:0 auto;
 clear: both;
 padding: 0 0 15px 0;
 border-top: solid 2px #274ab2;
 font-size:70%;
}
body#popupD #footer {
width:514px;
margin:0 auto;
 clear: both;
 padding: 0 0 15px 0;
 border-top: solid 2px #274ab2;
 font-size:70%;
}
body.bodyWidth705 #footer {
 width:705px !important;
}

body#popup #ftNavA,
body#popupB #ftNavA,
body#popupC #ftNavA,
body#popupD #ftNavA{
	display:none;
	visibility:hidden;
}

body#popup #ftNavB,
body#popupB #ftNavB,
body#popupC #ftNavB,
body#popupD #ftNavB{
	display:none;
	visibility:hidden;
}
body#popup #ftLogo,
body#popupB #ftLogo,
body#popupC #ftLogo,
body#popupD #ftLogo{
 padding: 10px 8px 0 8px;
}
body#popup #ftLogo span,
body#popupB #ftLogo span,
body#popupC #ftLogo span,
body#popupD #ftLogo span{
	display:none;
	visibility:hidden;
}
body#popup #ftLogo span a,
body#popupB #ftLogo span a,
body#popupC #ftLogo span a,
body#popupD #ftLogo span a{
	display:none;
	visibility:hidden;
}
body#popup #ftLogoCopyright a,
body#popupB #ftLogoCopyright a,
body#popupC #ftLogoCopyright a,
body#popupD #ftLogoCopyright a{
	display:none;
	visibility:hidden;
}
body#popup #footer #ftLogoCopyright,
body#popupB #footer #ftLogoCopyright,
body#popupC #footer #ftLogoCopyright,
body#popupD #footer #ftLogoCopyright{
 float: right;
 width: auto;
}
body#popup #footer #ftLogoCopyright div,
body#popupB #footer #ftLogoCopyright div,
body#popupC #footer #ftLogoCopyright div,
body#popupD #footer #ftLogoCopyright div{
 float: none;
 width: auto;
 padding-top: 12px;
}


/* clearfix
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body#popup .clearfix,
body#popupB .clearfix,
body#popupC .clearfix,
body#popupD .clearfix{
 zoom: 100%;
}

body#popup .clearfix:after,
body#popupB .clearfix:after,
body#popupC .clearfix:after,
body#popupD .clearfix:after{
 display: block;
 clear: both;
 height: 0;
 line-height: 0;
 overflow: hidden;
 visibility: hidden;
 content: ".";
}

body#popup .style_link,
body#popupB .style_link,
body#popupC .style_link,
body#popupD .style_link{
padding-left: 8px;
background-image:url("../img/listmark01.gif");
background-repeat: no-repeat;
background-position-x: left;
background-position-y: 0.4em;
}

a.alpha:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
}

#serviceSP-top-bar{
	display:none
}

#pageMovetop{
	display:none;
	position: fixed;
	z-index: 1000;
	bottom: 20px;
	right: 20px;
}

#pageMovetop.static{
	position: static;
}
