@charset "shift_jis";


/* ====================================================================

   Style Info: ブラウザスタイルのリセットと基本設定 
 
==================================================================== */

/* ----- Browser Default Initialization ----- */

* { margin:0; padding:0; }

html,body { height:100%; }

body,div,p,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
pre,form,input,textarea,select,iframe {  
    margin:0; padding:0;  
	}  

img { border:0; }  

li img { vertical-align:top; }

body { text-align:center; }

body,th,td {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:13px;
	line-height:1.4;
	color:#000000;
	}

/* ----- A Style ----- */

a:link { color:#002d93; }
a:visited { color:#3296c8; }
a:hover { color:#d20032; text-decoration:none; }

/* ----- Form ----- */

input.ip_ss { width:100px; }
input.ip_s { width:200px; }
input.ip_m { width:250px; }
input.ip_l { width:300px; }
input.ip_xl { width:350px; }

textarea { width:100%; font-size:13px;  }
input { padding:2px; }

/* ====================================================================

   Style Info: ベース
 
==================================================================== */

/* -------------------------------------------- */
/* wp
/* -------------------------------------------- */

#wp {
	width:800px;
	height:100%;
	min-height:100%;
	margin:0 auto;
	padding-bottom:20px;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	text-align:center;
	}

* html #wp { height:100%; }
body > #wp { height:auto; }

#wp:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

/* -------------------------------------------- */
/* header
/* -------------------------------------------- */

#header_wp {
	width:800px;
	border-bottom:1px solid #c3c3c3;
	padding:15px 0 15px 0;
	}

	#header {
		width:770px;
		margin:0 auto;
		}
		
	#header:after {
		content:"";
		display:block;
		height:0;
		clear:both;
		}

/* ----- title ----- */

#title {
	width:205px;
	float:left;
	text-align:left;
	}

	#title img { margin-top:5px; margin-left:10px; }

/* ----- menu ----- */

#menu {
	width:500px;
	height:66px;
	float:right;
	position:relative;
	}
	
	#menu p { text-align:right; position:absolute; right:0; top:0; padding-right:10px; }
	
	#menu_back { text-align:right; position:absolute; right:0; top:0; }
		#menu_back img { float:left; margin-right:8px; margin-top:1px; }
	
	#menu ul {
		list-style:none; position:absolute; right:0; bottom:0;
		background-color:#ebebeb; border:1px solid #d3d3d3;
		height:35px;
		}
	
		#menu li { float:left; display:inline; margin-left:5px; margin-top:5px; }
		.menu_r { margin-right:5px; }

/* -------------------------------------------- */
/* login
/* -------------------------------------------- */

#t_login {
	width:800px;
	border-bottom:1px solid #c3c3c3;
	padding:5px 0;
	}

	#t_login p {
		width:780px;
		margin:0 auto;
		text-align:left;
		}

/* -------------------------------------------- */
/* contents
/* -------------------------------------------- */

/* ----- midashi ----- */

.m { padding:20px 0; }

.ms { 
	width:750px;
	margin:0 auto;
	background-color:#d20032;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	padding:5px 0;
	margin-bottom:20px;
	}

.ms2 { 
	width:750px;
	margin:0 auto;
	background-color:#d20032;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	padding:5px 0;
	margin:20px auto;
	}

/* ----- form ----- */

.fbox { border-collapse:collapse; width:750px; margin:0 auto; }

	.fbox th {
		background:url(image/h_line_y.gif) repeat-y right top;
		background-color:#fff4d3;
		vertical-align:top;
		font-weight:normal;
		}
		.fbox th span { color:#d20032; }
	
	.fbox th, .fbox td {
		border-top:1px solid #b4b4b4;
		border-bottom:1px solid #b4b4b4;
		padding:10px;
		text-align:left;
		}
		
		/* 料金 */	
		.fbox dl:after {
			content:"";
			display:block;
			height:0;
			clear:both;
			}
			
			.fbox_option {
				background:url(image/h_line_x.gif) repeat-x left bottom;
				padding:5px 0;
				}
			.fbox dt {
				float:left; width:200px; text-align:left; clear:both;
				background:url(image/h_line_x.gif) repeat-x left bottom;
				padding:5px 0;
				}
			.fbox dd {
				text-align:right; margin-left:200px;
				background:url(image/h_line_x.gif) repeat-x left bottom;
				padding:5px 0;
				}

			.fbox_option_lineT {
				background:url(image/h_line_x.gif) repeat-x left top;
				padding:5px 0;
				}

			.fbox .lineT dt {
				float:left; width:200px; text-align:left; clear:both;
				background:url(image/h_line_x.gif) repeat-x left top;
				padding:5px 0;
				}
			.fbox .lineT dd {
				text-align:right; margin-left:200px;
				background:url(image/h_line_x.gif) repeat-x left top;
				padding:5px 0;
				}

			.fbox .lineT2 {
				background:none !important;
				border-top:3px double #999;
				}
				
				.fbox dd span { color:#d20032; }
				
		/* ------------------------------------------------------------ */
		
		.fbox ul { margin-left:16px; margin-top:5px; }
			
/* ------------------------------------------------------------ */

.fbox_sm { width:750px; margin:0 auto; padding-top:20px; text-align:center; }
	.fbox_sm table { margin:0 auto; }

.fbox2 { border-collapse:collapse; width:750px; margin:0 auto; }
	.fbox2 td { padding:5px; border:1px solid #b4b4b4; }

/* ----- form2 ----- */

.fbox2 { border-collapse:collapse; width:750px; margin:0 auto; }

	.fbox2 th {
		/*background:url(image/h_line_y.gif) repeat-y right top;*/
		border:1px solid #b4b4b4;
		background-color:#fff4d3;
		font-weight:normal;
		padding:10px;
		}
	
	.fbox2 td {
		border-top:2px solid #b4b4b4;
		border-bottom:1px solid #b4b4b4;
		border-left:1px solid #b4b4b4;
		border-right:1px solid #b4b4b4;
		padding:10px;
		}

/* ----- form3 ----- */

.fbox3 { border-collapse:collapse; width:750px; margin:0 auto; }
	
	.fbox3 td {
		border-top:1px solid #b4b4b4;
		border-bottom:1px solid #b4b4b4;
		padding:5px 0;
		}

/* ----- textbox ----- */

.tbox1, .tbox_back {
	width:750px;
	margin:0 auto;
	text-align:left;
	}

.tbox_back2 {
	width:750px;
	margin:0 auto;
	text-align:left;
	padding-top:20px;
	}

.tbox_back4 {
	width:750px;
	margin:0 auto;
	text-align:left;
	padding:20px;
	}

.tbox_back3 {
	width:750px;
	margin:0 auto;
	text-align:left;
	padding-top:20px;
	line-height:1.8;
	}
	.tbox_back img, .tbox_back2 img, .tbox_back4 img { float:left; margin-right:8px; margin-top:1px; }
	.tbox_back3 img { float:left; margin-right:8px; margin-top:4px; }

.tbox2 {
	width:750px;
	margin:20px auto;
	text-align:left;
	}

.tbox3 {
	width:750px;
	margin:0 auto 20px auto;
	text-align:left;
	}

.tbox4 {
	width:750px;
	margin:20px auto 0 auto;
	text-align:left;
	}

/* -------------------------------------------- */
/* moon_calendar
/* -------------------------------------------- */

#m_calendar_wp {
	width:750px;
	margin:20px auto;
	}

#m_calendar_wp:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

/* ----- calendar ----- */

#m_calendar {
	width:265px;
	float:left;
	text-align:left;
	}

	#m_calendar_box {
		border-top:3px solid #b4b4b4;
		border-bottom:3px solid #b4b4b4;
		background:url(image/mcale_box_back.gif) repeat-y left top;
		width:240px;
		text-align:center;
		/*padding-bottom:5px;*/
		}
	
		#m_calendar_box table { width:224px; margin:0 auto; }
		#m_calendar_box th, #m_calendar_box td { text-align:center; padding:5px; }
		
		/* 曜日 */
		.mcale_sun { background-color:#e10f41; color:#ffffff; }
		.mcale_hei { background-color:#969696; color:#ffffff; }
		.mcale_sat { background-color:#3399cc; color:#ffffff; }
		
		/* 日にち */
		.mcale_day { border:1px solid #c3c3c3; }
		.mcale_day_y { border:1px solid #ffb4b4; background-color:#ffd7d7; }
		.mcale_day_g { border:1px solid #c3c3c3; background-color:#e1e1e1; }
			.mcale_day a, .mcale_day_y a { font-weight:bold; }
		
		#mcale_day_t { color:#d20032; font-weight:bold; }

/* ----- navi ----- */

#m_calendar_wp dl {
	width:485px;
	float:right;
	text-align:left;
	}

	#m_calendar_wp dt {
		width:485px;
		background-color:#d20032;
		padding:5px 0;
		text-indent:10px;
		font-weight:bold;
		color:#ffffff;
		}
	
	#m_calendar_wp dd { padding-top:10px; }
	
/* -------------------------------------------- */
/* vacancy_calendar
/* -------------------------------------------- */

#v_calendar_wp {
	width:750px;
	margin:20px auto 0 auto;
	padding:10px 0;
	}

	#v_calendar_wp p { width:750px; margin:0 auto; text-align:left; }
	#v_calendar_wp div { width:750px; margin:0 auto; text-align:left; padding:10px 0 15px 0; }
	
	#v_calendar_wp table {
		width:100%;
		margin:0 auto;
		border-collapse:collapse;
		border:1px solid #7d7d7d;
		text-align:center;
		}
		
		#v_calendar_wp th {
			background-color:#ebebeb; padding:3px 0;
			text-align:center;
			border:1px solid #7d7d7d;
			}
		
		#v_calendar_wp td { border-bottom:1px solid #7d7d7d; }
		
		.vcale_hline { background:url(image/h_line_y2.gif) repeat-y left top; }

		.vcale_hline01 {
			background:url(image/h_line_y2.gif) repeat-y left top;
			background-color:#ffd7d7;
			}
		.vcale_hline02 {
			background:url(image/h_line_y2.gif) repeat-y left top;
			background-color:#d7d7d7;
			}		
		.vcale_hline03 {
			background:url(image/h_line_y2.gif) repeat-y left top;
			background-color:#ffdc6e;
			}
		.vcale_line { border-left:1px solid #7d7d7d; }
		

/* ----- vcale_box ----- */

#vcale_box {
	border:1px solid #c3c3c3;
	width:750px;
	margin:20px auto 0 auto;
	text-align:left;
	}

	#vcale_box p { padding:15px; }

/* -------------------------------------------- */
/* vacancy_calendar
/* -------------------------------------------- */
/*
#v_calendar_wp {
	width:750px;
	margin:20px auto 0 auto;
	padding:10px 0;
	}

	#v_calendar_wp p { width:750px; margin:0 auto; text-align:left; font-size:16px; font-weight:bold; }
	#v_calendar_wp div { width:750px; margin:0 auto; text-align:left; padding:10px 0 15px 0; }
	
	#v_calendar_wp table {
		width:100%;
		margin:0 auto;
		border-collapse:collapse;
		border:2px solid #b4b4b4;
		text-align:center;
		}
		
		#v_calendar_wp th {
			background-color:#ebebeb; padding:3px 0; font-size:12px;
			text-align:center;
			border:2px solid #b4b4b4;
			font-size:12px;
			}
		
		#v_calendar_wp td { border-bottom:2px solid #b4b4b4; }
		
		.vcale_hline { background:url(image/h_line_y2.gif) repeat-y left top; }

		.vcale_hline01 {
			background:url(image/h_line_y2.gif) repeat-y left top;
			background-color:#ffd7d7;
			}
		.vcale_hline02 {
			background:url(image/h_line_y2.gif) repeat-y left top;
			background-color:#d7d7d7;
			}		
		.vcale_hline03 {
			background:url(image/h_line_y2.gif) repeat-y left top;
			background-color:#ffdc6e;
			}
		.vcale_line { border-left:2px solid #b4b4b4; }
		
*/
/* ----- vcale_box ----- */
/*
#vcale_box {
	border:1px solid #c3c3c3;
	width:750px;
	margin:20px auto 0 auto;
	text-align:left;
	}

	#vcale_box p { padding:15px; }
*/

.yoyaku_cbox {
	width:750px;
	border:1px solid #ffcc00;
	background-color:#ffffcc;
	margin:0 auto;
	}

	.yoyaku_cbox p { padding:10px 15px; text-align:left; }
	.yoyaku_cbox span { color:#e10037; font-weight:bold; }

/* ====================================================================

   Style Info: login
 
==================================================================== */

#login {
	width:750px;
	margin:0 auto;
	padding-bottom:20px;
	}

#login:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

	.login_m { color:#ffffff; text-align:center; background-color:#d20032; padding:5px 0; }
	
	#login_n1 { border-bottom:1px solid #b4b4b4; }
	.login_n {
		border-left:1px solid #b4b4b4;
		border-right:1px solid #b4b4b4;
		text-align:center;
		padding-bottom:10px;
		}
		.login_n p { text-align:left; padding:10px 10px 0 10px; }
			.login_n p span { font-weight:bold; color:#d20032; }
	
	.login_n2 {
		background:url(image/h_line_x.gif) repeat-x left top;
		background-color:#ebebeb;
		border-left:1px solid #b4b4b4;
		border-right:1px solid #b4b4b4;
		border-bottom:1px solid #b4b4b4;
		padding:8px;
		text-align:right;
		}
		.login_n2 img { margin-right:7px; vertical-align:middle; }
	
	/* ----- user ----- */
	
	#login_user { border-collapse:collapse; width:100%; margin:10px 0; }
		
		#login_user th { border-right:1px solid #b4b4b4; }
		#login_user th, #login_user td { border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; padding:5px; }
		
		#login_user th { background-color:#fff4d3; }
		#login_user td { text-align:left; }

	/* ----- pass ----- */

	#login_pass { border-collapse:collapse; width:750px; margin:10px auto 0 auto; }
		
		#login_pass th { border:1px solid #b4b4b4; text-align:center; }
		#login_pass th, #login_pass td { border:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; padding:5px; }
		
		#login_pass th { background-color:#fff4d3; }
		#login_pass td { text-align:left; }

/* ====================================================================

   Style Info: chg_user
 
==================================================================== */

.chgf_er {
	width:750px;
	margin:0 auto;
	text-align:left;
	color:#d20032;
	padding-bottom:20px;
	line-height:1.6;
	}
	
	.chgf_er img { float:left; margin-right:8px; margin-top:2px; }

.chgf_er2 {
	width:750px;
	margin:0 auto;
	text-align:left;
	color:#d20032;
	line-height:1.6;
	}
	
	.chgf_er2 img { float:left; margin-right:8px; margin-top:2px; }