@charset "utf-8";

/*============================================
 style.css
============================================*/


/*------------------------------------------------
大枠のレイアウト
----------------------------------------------- */
#container {
width:100%;
}
#container .bgLine{
background:url(../img/bg_contents.gif) top left repeat-y;
}
#contents {
width:950px;
margin:0 auto;
}
#nav{
width:180px;
padding-right:10px;
float:left;
padding-bottom:50px;
margin-top:10px;
line-height:1;
}
#nav .menu{
background:url(/img/lin_nav_dot.gif) bottom left no-repeat;
padding-bottom:2px;
}
#nav .menuLast{
border-bottom:1px solid #000000;
}
.avatar{
clear:both;
width:178px;
border-left:1px solid #000000;
border-right:1px solid #000000;
background:url(/img/lin_nav_dot.gif) bottom left no-repeat;
padding:11px 0 2px 0;
}
.avatarImage{
width:150px;
margin:0 auto 10px;
}
.avatarMessage{
margin:0 10px 10px 10px;
color:#ff0000;
}
.avatarMessage li{
background:url(/img/icn_avatarMessage.gif) top left no-repeat;
padding:2px 0 2px 18px;
}
.avatarInfo{
width:151px;
margin:0 auto 10px;
font-size:117%;
line-height:1.4;
font-weight:bold;
}
.avatarInfo th{
vertical-align:top;
}
.avatarInfo span{
color:#025a75;
font-size:134%;
}

#mainColumn{
width:760px;
float:right;
}
#column0{
padding-left:10px;
padding-top:10px;
padding-bottom:50px;
width:750px;
background:#ffffff;
/*min-height:415px;
_height:416px;*/
}
#columnL{
float:left;
width:499px;
border-right:2px solid #000000;
}
#columnR{
float:right;
width:259px;
}
#footer{
clear:both;
background:#f4f4f4;
border-top:2px solid #000000;
padding-top:29px;
font-size:84%;
line-height:1.3;
height:122px;
}
#footerContents{
width:931px;
padding-right:19px;
margin:0 auto;
color:#949494;
background:url(../img/bg_foot.gif) bottom right no-repeat;
}


/*------------------------------------------------
header
----------------------------------------------- */
#header{
background:url(../img/bg_head.gif) top left no-repeat;
height:128px;
width:950px;
margin:0 auto;
position:relative;
}
#logoBizravel{
position:absolute;
top:44px;
left:381px;
}
#siteLead{
position:absolute;
top:28px;
left:381px;
}
#logoRecruitAgent{
position:absolute;
top:96px;
left:402px;
}
#btnRecruitAgent{
padding-top:7px;
text-align:right;
}

/*------------------------------------------------
nav
----------------------------------------------- */
#loginArea{
background:url(../img/bg_sanv_01.gif) top left no-repeat;
padding:0 0 10px 0;
}
#loginArea ul{
padding-top:55px;
padding-left:10px;
}
#loginArea ul li{
padding-bottom:4px;
font-size:84%;
}
#loginArea a:link{ color:#ffffff; text-decoration:underline; }
#loginArea a:visited{ color:#ffffff; text-decoration:underline; }
#loginArea a:hover{ color:#ffffff; text-decoration:underline; }
#loginArea a:active{ color:#ffffff; text-decoration:underline; }

#loginArea2{
background:url(../img/bg_sanv_02.gif) top left no-repeat;
float:left;
width:180px;
padding:0 0 10px 0;
}
#loginArea2 p.guestName{
color:#FFFFFF;
font-size:87%;
line-height:1.4;
padding:12px 0 0 10px;
}
#loginArea2 p.guestName strong{
font-size:120%;
}
#loginArea2 ul{
width:169px;
padding:2px 0 0 11px;
}
#loginArea2 ul li{
float:left;
padding-right:10px;
}


/*------------------------------------------------
contents
----------------------------------------------- */
#catTitle{
padding:10px 0 2px 10px;
}
#column0 h2{
margin-bottom:20px;
clear:both;
}
h3.btmLine{
clear:both;
margin-left:10px;
width:720px;
font-weight:bold;
border-bottom:2px solid #000000;
font-size:117%;
padding-bottom:3px;
margin-bottom:10px;
color:#000000;
}
#mainColumn p.txt{
padding-left:10px;
padding-bottom:15px;
padding-right:20px;
}
#mainColumn .red{
color:#ff0000;
}
.btmBtnArea{
width:720px;
text-align:center;
margin-left:10px;
padding-top:30px;
}
.btmBtnArea img{
margin:0 15px;
}
/*------------------------------------------------
footer
----------------------------------------------- */
.pagetop{
width:93px;
float:right;
}
#footLink1{
padding-bottom:30px;
}
#footLink1 ul{
}
#footLink1 li{
display:inline;
padding-right:8px;
}
#copyright{
padding-bottom:33px;
}
#copyright img{
vertical-align:middle;
padding-top:8px;
}

/*------------------------------------------------
トップ
----------------------------------------------- */
.dotLineArea{
margin-left:10px;
background:url(../img/bg_top_01.gif) top left no-repeat;
}
div.dotLineArea dl{
background:url(../img/bg_top_02.gif) bottom left no-repeat;
padding-bottom:10px;
float:left;
}
div.dotLineArea dt{
padding:11px 0 0 11px;
width:121px;
float:left;
display:block;
}
div.dotLineArea dd{
padding:8px 25px 0 10px;
width:312px;
display:block;
float:right;
word-break:break-all;
}
.dotLineArea dd strong{
font-weight:bold;
font-size:117%;
}
.searchSupLinkBox{
padding:0 10px 7px;
background:url(../img/bg_top_02.gif) bottom left no-repeat;
margin-bottom:11px;
}
.searchSupLinkBoxLast{
padding:0 10px 7px;
background:none;
margin-bottom:11px;
overflow:hidden;
}
.searchSupLinkBox h3, .searchSupLinkBoxLast h3{
font-weight:bold;
font-size:117%;
margin-top:7px;
margin-bottom:14px;
}
.searchSupLinkBox ul, .searchSupLinkBoxLast ul{
margin-bottom:7px;
width:469px;
overflow:hidden;
}
.searchSupLinkBox ul li, .searchSupLinkBoxLast ul li{
margin-right:20px;
margin-bottom:2px;
float:left;
word-break: keep-all;
white-space:nowrap;
}
.searchSupLinkBox ul li a, .searchSupLinkBoxLast ul li a{
background:url(../img/icn_arw_01.gif) top left no-repeat;
padding-left:16px;
}


/*------------------------------------------------
登録系
----------------------------------------------- */
#selectOpenId{
padding-left:10px;
width:740px;
float:left;
padding-bottom:30px;
}
#selectOpenId ul{
width:350px;
float:left;
margin-right:20px;
}
#selectOpenId ul.last{
margin-right:0px;
}
#selectOpenId ul li.first{
background:url(../img/lin_cmn_01.gif) bottom left repeat-x;
padding:10px 0 20px 0;
}
#selectOpenId ul li{
background:url(../img/lin_cmn_01.gif) bottom left repeat-x;
padding:20px 0 20px 0;
}
#selectOpenId ul li a{
display:block;
background:url(../img/icn_arw_01.gif) center left no-repeat;
padding-left:16px;
}
#selectOpenId ul li strong{
font-size:145%;
margin-right:10px;
}
#selectOpenId p{
padding-bottom:30px;
}
#kiyakuArea{
margin-left:10px;
}
#kiyakuArea .addKiyaku{
margin-bottom:10px;
}
#kiyakuArea h4{
font-weight:bold;
font-size:117%;
padding-bottom:2px;
}
#kiyakuArea textarea{
width:720px;
background:#f4f4f4;
height:125px;
margin-bottom:10px;
}
.step{
padding-bottom:20px;
float:left;
}
.step ul{
}
.step ul li{
float:left;
padding-right:4px;
}
#errorArea{
margin-left:10px;
width:663px;
border:1px solid #FF0000;
padding:16px 15px 16px 40px;
margin-bottom:10px;
color:#FF0000;
font-weight:bold;
background:url(../img/icn_error.gif) 9px center no-repeat #ffffff;
}
table.inputTable{
border-bottom:1px solid #000000;
border-top:1px solid #000000;
width:720px;
margin-left:10px;
margin-bottom:27px;
}
table.inputTable th{
background:#f4f4f4;
width:176px;
text-align:left;
padding:12px 10px 12px 20px;
font-size:117%;
vertical-align:top;
}
table.inputTable td{
padding:10px 0 10px 20px;
}
table.inputTable th.dotLine{
background:url(../img/lin_cmn_01.gif) bottom left repeat-x #f4f4f4;
}
table.inputTable td.dotLine{
background:url(../img/lin_cmn_01.gif) bottom left repeat-x #ffffff;
}
table.inputTable td span.red{
display:block;
padding-top:5px;
}
table.inputTable td .question{
}
table.inputTable td ul.question li{
margin-bottom:5px;
}
table.inputTable td ul.question li input{
vertical-align:middle;
}
#selectEdit{
}
#selectEdit .box{
padding:0 20px 30px 10px;
width:700px;
}
#selectEdit .box .txtArea{
float:left;
width:410px;
}
#selectEdit .box .linkArea{
float:right;
}

/*------------------------------------------------
プライバシーポリシー、利用規約、BizRavelとは
----------------------------------------------- */
#mainColumn p.txt strong.tit{
display:block;
}
#mainColumn p.txt span.indent{
padding-left:22px;
display:block;
}

body.popup{
background:#f4f4f4;
	}

#popup{
}
#popupHeader{
border-bottom:4px solid #000000;
background:#FFF;
}
#popupHeader .inner{
width:730px;
padding:0 40px;
margin:0 auto;
height:64px;
position:relative;
}
#popupHeader .inner h1{
position:absolute;
top:15px;
left:40px;
}
#popupHeader .inner .logoRecruitAgent{
position:absolute;
top:27px;
left:174px;
}
#popupHeader .inner .btnRecruitAgent{
position:absolute;
top:16px;
left:609px;
}

#popupContents{
background:#FFF;
}
#popupContents .inner{
width:560px;
margin:0 auto;
padding:20px 125px 0;
}
#popupContents .inner h2{
margin-bottom:20px;
}
#popupContents .inner div img{
padding-left:11px;
padding-bottom:20px;
}
#popupContents .inner p{
padding:0px 35px 22px 35px;
}
#popupContents .inner p.closeBtn{
text-align:right;
padding:28px 53px 15px 35px;
}
.closeBtn a{
background:url(../img/icn_close.gif) top left no-repeat;
padding-left:16px;
}
#popupContents .inner2{
width:560px;
margin:0 auto;
padding:20px 125px 0;
}
#popupContents .inner2 h2{
margin-bottom:20px;
}
#popupContents .inner2 h3{
border-bottom:2px solid #000000;
width:530px;
font-weight:bold;
margin:0 0 10px 10px;
}
#popupContents .inner2 p{
padding:0px 10px 22px 10px;
}
#popupContents .inner2 p.closeBtn{
text-align:right;
padding:28px 53px 15px 35px;
}
.pageKink{
border:1px dotted #000000;
width:508px;
margin:0 0 20px 10px;
padding:10px;
}
#popupFooter{
border-top:2px solid #000000;
background:#f4f4f4;
padding-top:17px;
padding-bottom:25px;
color:#949494;
}
#popupFooter .inner{
width:730px;
padding:0 40px;
margin:0 auto;
}
#popupFooter .inner p{
padding-bottom:2px;
}


/*------------------------------------------------
ID_PASS
----------------------------------------------- */
.sex li{
display:inline;
padding-right:20px;
}
.forgetPass{
padding-left:10px;
}

/*------------------------------------------------
other
----------------------------------------------- */
.mt10{
margin-top:10px;
}
.mt30{
margin-top:30px;
}
.mb10{
margin-bottom:10px;
}
.mb20{
margin-bottom:20px;
}
.mb50{
margin-bottom:50px;
}
.w50{
width:50px;
}
.w156{
width:156px;
}
.w300{
width:300px;
}
.w327{
width:327px;
}
.w530{
width:530px;
}
.subinfo{
font-size:87%;
color:#999999;
}
.fontS{
font-size:87%;
}
.fontL{
font-size:117%;
}
.mentxt{
	font-size: 16px;
	font-weight: bold;
	margin:20px 0 200px 20px;
	line-height: 25px;
}
#topbtn{
	width: 136px;
	margin-bottom: 150px;
	position:relative;
	top: 0px;
	left: 407px;
}
.subColumn {
	float: left;
}