@charset "utf-8";

/********************
  base 1
********************/

body{
	margin:0;
	padding:0;
	line-height:180%;
	color:#333;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka;
	font-size: 78%;
	text-align:center;
}

div#wrap{
	margin:0 auto;
	padding:0;
	text-align:center;
	width:840px;
}

img{border:none;}
img.mar{vertical-align: bottom;}
td{font-size: 10pt;line-height:150%;}


.clear{clear:both;}
.b{font-weight:bold;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

.blue01{color:#003399;}


div#header{
	margin:0;
	padding:0;
	background:#fff url(../img/header_bar.gif) bottom no-repeat;
	width:840px;
	height:115px;
}

div#navi_top{
	margin:0 0 20px;
	padding:0;
	height:37px;
}


div#contents{
	margin:0 0 5px;
	padding:0;
	overflow: hidden;
	clear:both;
	border-bottom: 1px dotted #ae00af;
}



div#main{
	margin:0;
	padding:0;
	float:right;
	width:615px;
	text-align:left;
}

div#contents_left{
	margin:0;
	padding:0px 24px 0px 0px;
	float:left;
	width:200px;
	text-align:left;
}


div#footer{
	margin:0;
	padding:0px 0 0;
	clear:both;
	border-top: 1px solid #828b90;
	text-align:left;
}


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




/********************
  link
********************/
a:link{text-decoration:underline;color:#0033ff;}
a:visited{text-decoration:underline;color:#0033ff;}
a:hover{text-decoration:none;color:#0033ff;}


a.foot:link{text-decoration:none;color:#0033ff;}
a.foot:visited{text-decoration:none;color:#0033ff;}
a.foot:hover{text-decoration:underline;color:#0033ff;}


/********************
  base 2
********************/

h1{
	margin:0;
	padding:0;
	font-size: 93%;
	font-weight:normal;
	height:34px;
}

h2{
	margin: 20px 0 10px 0;
	padding:0;
	clear: both;
	font-size:110%;
}

h3{
	margin:30px 0 0 0;
	padding:0 0 0 10px;
	font-size:100%;
	color:#fff;
	background: url(../img/title2.gif) top no-repeat;
}

#header span, #header_other span{ display: none;}


/* --- PRINT --- */

@media print {
body { _zoom: 0.8;}
}


/********************
  header
********************/

div#header_l{
	margin:0;
	padding:0;
	float:left;
	width:279px;
	height:100px;
	text-align:left;
}

div#header_r{
	margin:0;
	padding:0;
	float:right;
	width:561px;
	height:100px;
	text-align:left;
}


/*************グローバルナビ***************/
#header_r a{ display: block;}


#navi_top1{
	margin:16px 0 0;
	width: 555px;
	height: 26px;
	background: url(../img/navi.gif);
}

#navi_top1 ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navi_top1 li{ float: left;}

#navi_top1 li, #navi_top1 a{
	margin: 0;
	padding: 0;
	display: block;
	width: 111px;
	height: 26px;
}

div#navi_top1 span{display: none;}


#navi_top1 a:hover{ background-image: url(../img/navi.gif);}

#t1_1 a:hover{ background-position: 0 26px;}
#t1_2 a:hover{ background-position: -111px 26px;}
#t1_3 a:hover{ background-position: -222px 26px;}
#t1_4 a:hover{ background-position: -333px 26px;}
#t1_5 a:hover{ background-position: -444px 26px;}



#navi_top2{
	margin:22px 0 0;
	width: 560px;
	height: 36px;
	background: url(../img/g_navi.gif);
}

#navi_top2 ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navi_top2 li{ float: left;}

#navi_top2 li, #navi_top2 a{
	margin: 0;
	padding: 0;
	display: block;
	width: 112px;
	height: 36px;
}

div#navi_top2 span{display: none;}


#navi_top2 a:hover{ background-image: url(../img/g_navi.gif);}

#t2_1 a:hover{ background-position: 0 36px;}
#t2_2 a:hover{ background-position: -112px 36px;}
#t2_3 a:hover{ background-position: -224px 36px;}
#t2_4 a:hover{ background-position: -336px 36px;}
#t2_5 a:hover{ background-position: -448px 36px;}


#t2_1_self{ background-image: url(../img/g_navi.gif);
background-position: 0 36px;}
#t2_2_self{ background-image: url(../img/g_navi.gif);
background-position: -112px 36px;}
#t2_3_self{ background-image: url(../img/g_navi.gif);
background-position: -224px 36px;}
#t2_4_self{ background-image: url(../img/g_navi.gif);
background-position: -336px 36px;}
#t2_5_self{ background-image: url(../img/g_navi.gif);
background-position: -448px 36px;}






#main_img{
	margin:0;
	padding:15px 0 5px 0;
	vertical-align: bottom;
	line-height:0;
}


/********************
  right
********************/

.pad0{padding:0;margin:0;}
.pad01{padding:5px 0 0;margin:0;}
.pad02{padding:6px 0 0;margin:0;}
.pad03{padding:2px 0 0;margin:0;}
.pad04{padding:1px 0 0;margin:0;}


/********************
  contents top
********************/

#flash{ height: 245px;}
#flash div{
	height: 245px;
	background: url(../img/flash.jpg);
}



.pad{padding:20px 0 0;clear:both;}


.topics{
	margin:0;
	padding:0px 0px 10px;
	}

div.oshigoto{
	padding:0 0 0 80px;
}

div.hurry span,div.last span,div.new span{display:none;}

div.hurry{
	margin:0;
	padding: 10px 0 10px 0;
	width:615px;
	background: url(../img/hurry.gif) top no-repeat;
	border-bottom: 1px dotted #828b90;
	line-height: 20px;
}


div.last{
	margin:0;
	padding: 10px 0 10px 0;
	width:615px;
	background: url(../img/last.gif) top no-repeat;
	border-bottom: 1px dotted #828b90;
	line-height: 20px;
}

div.new{
	margin:0;
	padding: 10px 0 10px 0;
	width:615px;
	background: url(../img/new.gif) top no-repeat;
	border-bottom: 1px dotted #828b90;
	line-height: 20px;
}

div.nomark{
	margin:0;
	padding: 10px 0 10px 0;
	width:615px;
	background: url(../img/ya.gif) 599px 13px no-repeat;
	border-bottom: 1px dotted #828b90;
	line-height: 20px;
}

div.text01_box{
	border-bottom: 1px dotted #828b90;
}
div.day{
	margin:0;
	padding: 0;
	float:left;
	clear:both;
	width:115px;
	line-height: 30px;
}

div.text01{
	margin:0;
	padding: 0;
	float:left;
	width:500px;
	background: url(../img/ya.gif) 485px 12px no-repeat;
	line-height: 30px;
}

div.pagetop{ padding:10px 0 5px; clear:both;text-align: right;}


/********************
  contents others
********************/

.sub_t{
	margin:0;
	padding:5px 0 0;
	font-weight:bold;
}

.text{
	margin:0;
	padding:0 0 20px;
}

/* --- outline --- */

div.table01{
	margin:0px 0 0 0;
	padding:0;
}

div.table01 .r_t1_s{
	margin:0;
	padding:4px;
	border-bottom:#ccccff dotted 2px;
	background:#99ccff;
}	
div.table01 .l_t1_s{
	margin:0;
	padding:4px;
	border-bottom:#ccccff dotted 2px;
	background:#f4fdff;
	
	
}

div.table01 .r_t1_top_s{
	margin:0;
	padding:4px;
	border-top:#e8f8ff dotted 2px;	
	border-bottom:#ccccff dotted 2px;
	background:#cce4ff;
    
}


div.table01 .l_t1_top_s{
	margin:0;
	padding:4px;
	border-top:#e8f8ff dotted 2px;
	border-bottom:#ccccff dotted 2px;
	background:#cce4ff;
	width:150px;	
	
}

div.table01 .bg01_s{
	margin:0;
	padding:6px;
	width:150px;
}






div.table01 .r_t1,
div.table01 .l_t1{
	margin:0;
	padding:4px;
	border-bottom:#ccc dotted 1px;
}

div.table01 .r_t1_top,
div.table01 .l_t1_top{
	margin:4px;
	padding:4px;
	border-top:#ccc dotted 1px;
	border-bottom:#ccc dotted 1px;
}

div.table01 .bg01{
	margin:0;
	padding:6px;
	background:#eee;
}



.map3{
	padding:10px 13px 10px 0;
	float:left;
	width:196px;
}

.map3_r{
	padding:10px 0 10px 0;
	float:left;
	width:196px;
}



.dl01 dl dd{padding:0 0 10px;}


/* --- privacy --- */

.privacy_text{line-height:250%;}

div.sub_t_privacy{
	margin:30px 0 0 0;
	padding:0 0 0 10px;
	width:605px;
	height:34px;
	color:#fff;
	background: url(../img/title2.gif)0 5px no-repeat;
	font-weight:bold;
}

.privacy_text2{
	margin:0 0 0 0;
	padding:40px 0 0 0;
}


/* --- for-staff --- */

.for-staff_date{
	margin:0;
	padding:20px 0 0 5px;
}


div.box01{
	width:615px;
	background: url(../img/box01_bottom.gif) no-repeat bottom;
	padding-bottom:10px;
    margin-bottom:0px;
    margin-top: 10px;
}

div.box01 .inner{
	background: url(../img/box01_top.gif) no-repeat;
	padding-bottom:0px;
	padding-top: 10px;
}

div.box01 .inner .bg {
	background: url(../img/box01_bg.gif) repeat-y;
	padding: 0 20px;
	overflow: hidden;
}

div.box02{
	width:615px;
	background: url(../img/box02_bottom.gif) no-repeat bottom;
	padding-bottom:10px;
    margin-bottom:0px;
    margin-top: 10px;
}

div.box02 .inner{
	background: url(../img/box02_top.gif) no-repeat;
	padding-bottom:0px;
	padding-top: 10px;
}

div.box02 .inner .bg {
	background: url(../img/box02_bg.gif) repeat-y;
	padding: 0 20px;
	overflow: hidden;
}


.for-starr2_l{
	padding:20px 0px 20px 20px;
	float:left;
	width:250px;
}

.for-starr2_r{
	padding:20px 20px 20px 0;
	float:right;
	width:257px;
}

.passbox{width:250px;}


/* form entry job */
.box02 .bg .l,
.box02 .bg .r{
	margin: 0 0 0 20px;
	width: 257px;
	float: left;
}
.box02 .bg .l div.form *{
	margin: 0;
	padding: 0;
	float: none;
}
div.form_entry div.guide{
	font-weight: bold;
}
div.form_entry #jno,
div.form_entry #shokusyu{
	background: #f2f2f2;
	border: 1px #999 solid;
	scrollbar: none;
}
div.form_entry div#state1 span,
div.form_entry div#state2 span,
div.form_entry div#state3 span{
	color: #cc0000;
	font-weight: bold;
}



/* --- for-client --- */

.for-client_l{
	padding:0px 15px 0px 0px;
	float:left;
	width:380px;
}

.for-client_r{
	padding:0px 0px 0px 0;
	float:right;
	width:220px;
}

.for-client_l2{
	padding:0px 19px 20px 0px;
	float:left;
	width:350px;
}

.for-client_r2{
	padding:0px 0px 20px 0;
	float:right;
	width:246px;
}


.for-client_l3{
	padding:0px 0px 0px 0px;
	float:left;
	width:110px;
}

.for-client_r3{
	padding:0px 0px 0px 0;
	float:right;
	width:465px;
}


/* --- staff --- */

.staff_l{
	padding:0px 0px 0px 0px;
	float:left;
	width:294px;
	height:203px;
	background:#efefef;
}

.staff_r{
	padding:0px 0px 0px 0;
	float:right;
	width:321px;
	height:203px;
}

.staff_namebox{
	margin:0;
	padding:20px 0 0 20px;
}

.staff_name{
	margin:0;
	padding:0;
	border-bottom:solid 1px #d9dadb;
	width:250px;
}

.staff_name_font{
	padding:0 5px 0 0;
	font-weight:bold;
	font-size:20px;
}

.staff_name_roma{
	margin:0;
	padding:0;
	border-top:solid 1px #fff;
	width:250px;
	color:#e59de6;
	font-size:18px;
}

.q{padding:10px 0px 0px 0px;}

.answer_l{
	padding:0px 0px 0px 0px;
	float:left;
	width:50px;
}

.answer_r{
	padding:5px 0px 0px 0;
	float:right;
	width:565px;
}

.answer_r01{
	padding:5px 0px 0px 0;
	float:right;
	width:310px;
}




.stafflist{
	padding:30px 0 0px 0;
	margin:0;
	width:200px;
}

.stafflist_l{
	padding:5px 0px 0px 0px;
	float:left;
	width:59px;
}

.stafflist_r{
	padding:5px 0px 0px 0;
	float:right;
	width:140px;
}

.stafflist_mark{
	padding:0 0 0 5px;
	margin:0;
	vertical-align: bottom;
	height:24px;
}

.stafflist_name{
	padding:0 0 0 5px;
	margin:0;
}




.voice_left{
	padding:0 10px 0 0;
	float:left;
}

.voice_right{
	padding:0 10px 0 0;
	float:right;
}

.voice_leftwaku{	
	float:left;
	padding:4px;
	border-width:2px;
	border-style:dotted;
	border-color:#cccccc;
}
.voice_rightwaku{
	float:right;
	padding:4px;
	border-width:2px;
	border-style:dotted;
	border-color:#cccccc;
}



/* --- abipurogirl --- */

.apg_l{
	padding:0px 0px 0px 0px;
	float:left;
	width:352px;
	height:250px;
}

.apg_r{
	padding:0px 0px 0px 23px;
	float:right;
	width:240px;
	height:250px;
}

.fukidashi{
	padding:0;
	margin:0;
	vertical-align: bottom;
	height:130px;
}

.apg_vol{
	padding:0px 0px 0px 0px;
	font-weight:bold;
	font-size:12px;
}

.apg_name{
	padding:0 5px 0 0;
	border-bottom:dotted 1px #b6b6b6;
	width:240px;
}

.apg_name_font{
	font-weight:bold;
	font-size:20px;
}

.apg_syussinchi{
	padding:5px 5px 0 0;
	border-bottom:dotted 1px #b6b6b6;
	width:240px;
	height:25px;
}

.apg_nickname{
	padding:5px 5px 0 0;
	border-bottom:dotted 1px #b6b6b6;
	width:240px;
	height:25px;
}

.apg_syussinchi span,.apg_nickname span{display:none;}

.interview{
	margin:0 0 30px 0;
	padding:20px 0px 0px 0px;
}


.apg_l2_top{
	padding:5px 0px 5px 0px;
	float:left;
	width:180px;
	color:#cc33cc;
	font-weight:bold;
}

.apg_r2_top{
	padding:5px 0px 5px 25px;
	float:right;
	width:410px;
}


.apg_l2{
	padding:5px 0px 5px 0px;
	border-top:dotted 1px #b6b6b6;
	float:left;
	width:180px;
	color:#cc33cc;
	font-weight:bold;
}

.apg_r2{
	padding:5px 0px 5px 25px;
	border-top:dotted 1px #b6b6b6;
	float:right;
	width:410px;
}
.apg_l2_under{
	padding:5px 0px 5px 0px;
	border-top:dotted 1px #b6b6b6;
	float:left;
	width:180px;
	color:#cc33cc;
	font-weight:bold;
}

.apg_r2_under{
	padding:5px 0px 5px 25px;
	border-top:dotted 1px #b6b6b6;
	float:right;
	width:410px;

}

.apg_l3{
	padding:10px 0px 20px 50px;
	float:left;
	width:234px;
}

.apg_r3{
	padding:10px 50px 20px 25px;
	float:right;
	width:234px;
}

img.wakusen{
	padding:4px;
	border-width:2px;
	border-style:dotted;
	border-color:#cccccc;
}

div.imageblock {
     border: 1px solid silver;
     padding: 1px;
     width: 55px;
	 height: 41px;
 }


/* --- abipurogirl list --- */


div.ag_list{
	padding: 10px 3px;
	border-bottom: 1px #ccc dotted;
	clear: both;
}
div.ag_list div{
	margin: 0;
	padding: 0;
}
div.ag_list div.photo,
div.ag_list div.name,
div.ag_list div.syussin,
div.ag_list div.nicname{
	float: left;
}
div.ag_list div.photo{
	width: 80px;
}
div.ag_list div.photo img{
	padding: 2px;
	border: 1px #ccc solid;
}
div.ag_list div.name{
	padding: 2px;
	width: 150px;
}
div.ag_list div.name .vol{
	font-size: 110%;
}
div.ag_list div.name .name2 span{
	font-size: 150%;
}
div.ag_list div.syussin{
	padding: 0 0 0 63px;
	width: 120px;
	background: url(/abiprogirl/img/syussinchi.gif) top left no-repeat;
}
div.ag_list div.nicname{
	padding: 0 0 0 63px;
	width: 120px;
	background: url(/abiprogirl/img/nickname.gif) top left no-repeat;
}

/* --- flow --- */

.step_l{
	padding:0px 0px 0px 0px;
	float:left;
	width:110px;
}

.step_r{
	padding:0px 0px 0px 0;
	float:right;
	width:465px;
}


.step_text{
	margin:0;
	padding:10px 0 10px 0;
	color:#ff6600;
	font-size:26px;
	font-weight:bold;
}



/********************
  footer
********************/

div#footer ul{
	margin: 0;
	padding: 10px 0px 0px 2px;
}


#footer li{
	padding:0 20px 0 14px;
	background-image:url(../img/ya.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	list-style:none;
	float: left;
}



div#copy{
	margin:0;
	padding:20px 0;
	clear:both;
	font-size:90%;
	color:#828b90;
}

/********************
  form
********************/

.contact_l{
	padding:0px 0px 10px 0;
	float:left;
	width:80px;
}

.contact_r{
	padding:0px 0px 10px 0;
	float:right;
	width:525px;
}



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

form{
	margin: 0;
	padding: 0;
}

div.error{
	color: #7e003f;
}
span.hissu,div.hissu{
	color:#990033;;
}

/* set */
#form div.s{
	margin: 0 0 5px 0;
	overflow: hidden;
	clear: both;
}
/* left & right */
#form div.s div.l,#form div.s div.r{
	padding: 5px 0 5px 10px;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	float: left;
}

	/* print */
	@media print {
		#form div.s div.l,#form div.s div.r{
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}

/* left */
#form div.s div.l{
	width: 185px;
	background:#eae5e5;
}
/* right */
#form div.s div.r{
	width: 390px;
}
/* left:error */
#form div.error div.l{
	background:#dde5a4;
}
/* right:error */
#form div.error div.r{
}
/* error message */
#form p.error{
	color: #7e003f;
	font-size: 110%;
}
/* submit */
#form .submit{
	margin: 0 0 0 210px;
}



.pmark {
	font-size: 79%;
	line-height:10px;
	}