@charset "utf-8";


/*==========================
　フォント
==========================*/

.font_1 {
	padding:10px 0 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#333333;
	text-align:left;
}

/*==========================
　コンテンツ
==========================*/

/***　トップページ　***/

#news_box {
	margin:0 0 10px;
	padding:10px 0 0;
	width:588px;
	height:485px;
	text-align:center;
	border:solid #333333 1px;
	border-top:none;
	overflow-y:auto;
}

#defence_box {
	margin:0 auto;
	width:552px;
	overflow:hidden;
}

#defence_box div {
	margin:0 auto 20px;
}

#defence_box table {
	margin:0 auto 20px;
}

#defence_box table td {
	text-align:left;
	vertical-align:top;
}

#news_box dl {
	margin:0 auto 20px;
	padding:0 0 20px;
	width:552px;
	border-bottom:dotted 1px;
	overflow:hidden;
}

#news_box dt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	line-height:32px;
	color:#009900;
	margin:0;
	padding:0 0 5px;
	width:552px;
	text-align:left;
	overflow:hidden;
	word-break: break-all;
}

#news_box dt span {
	margin:0 0 0 20px;
	color:#FF6600;
}

#news_box dd.n_img {
	float:left;
	margin:0;
	padding:0;
	width:240px;
	height:320px;
	overflow:hidden;
}

#news_box dd.n_days {
	margin:0 0 0 250px;
	padding:0 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;
	text-align:left;
}

#news_box dd.n_txt {
	margin:0 0 0 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;
	text-align:left;
	word-break: break-all;
}


/***　在籍・出勤一覧　***/

dl.g_list {
	float:left;
	margin:0 0 20px;
	padding:0;
	width:160px;
	height:262px;
	overflow:hidden;
}

li.g_list {
	float:left;
	margin:0 0 20px;
	padding:0;
	width:160px;
	height:262px;
}

dt.g_list_img {
	margin:0 auto;
	padding:0;
	width:150px;
	height:200px;
	border:solid #339900 1px;
	overflow:hidden;
}

dd.g_list_type {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#FF6600;
	margin:0;
	padding:0;
	text-align:center;
}

dd.g_list_name {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#339900;
	margin:0;
	padding:0;
	text-align:center;
}

dd.g_list_time {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#333333;
	margin:0;
	padding:0;
	text-align:center;
}

.title_bar3 {
	background-color:#6D8A48;
	margin:0 0 10px;
	width:800px;
	height:26px;
	text-align:center;
}

.sh_tab {
	margin:0 auto;
	width:800px;
	height:37px;
}

.sh_tab ul {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}

.sh_tab li {
	float:left;
	margin:0;
	padding:0;
	width:100px;
	height:37px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:26px;
	color:#FFFFFF;
	background-color:#336600;
	background:url(../2_file/img/squer1.gif) no-repeat;
	text-align:center;
}

.sh_tab li a {
	width:100px;
	height:37px;
	color:#FFFFFF;
	background:url(../2_file/img/squer2.gif) no-repeat;
	display:block;
}

.sh_tab li a:hover {
	color:#FFFFFF;
	background:url(../2_file/img/squer1.gif) no-repeat;
	text-decoration:none;
}

.sh_tab2 {
	margin:0 auto;
	width:420px;
	height:37px;
}

.sh_tab2 ul {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}

.sh_tab2 li {
	float:left;
	margin:0;
	padding:0;
	width:140px;
	height:37px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:26px;
	color:#FFFFFF;
	background-color:#336600;
	background:url(../2_file/img/squer1.gif) no-repeat;
	text-align:center;
}

.sh_tab2 li a {
	width:140px;
	height:37px;
	color:#FFFFFF;
	background:url(../2_file/img/squer2.gif) no-repeat;
	display:block;
}

.sh_tab2 li a:hover {
	color:#FFFFFF;
	background:url(../2_file/img/squer1.gif) no-repeat;
	text-decoration:none;
}
	
#blank {
	width:140px;
	height:37px;
	color:#FFFFFF;
	background:url(../2_file/img/squer2.gif) no-repeat;
	display:block;
}

/***　ご利用方法ページ　***/

#step_box {
	margin:20px auto 0;
	width:500px;
}

#step_box p {
	padding:0 5px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#333333;
	text-align:left;
}

.step_bar {
	margin:0 0 10px;
	width:500px;
	height:20px;
}


/***　ホテル一覧ページ　***/

.area_bar {
	margin:20px auto 10px;
	padding:0 0 0 10px;
	width:550px;
	background-color:#90EE90;
	border-left:solid #FDC502 10px;
}

.area_bar p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:26px;
	color:#333333;
	text-align:left;
}



/***　システム・料金ページ　***/

.system_bar {
	margin:20px auto 10px;
	padding:0 0 0 10px;
	width:550px;
	background-color:#90EE90;
	border-left:solid #FDC502 10px;
}

.system_bar p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:26px;
	color:#333333;
	text-align:left;
}


/***　オプションページ　***/

#option_box {
	float:left;
	margin:0;
	padding:0 0 0 10px;
	width:370px;
	text-align:left;
}

#option_img {
	float:left;
	margin:0;
	padding:0;
	width:200px;
}

.option_bar {
	margin:0 0 10px;
	padding:0 0 0 10px;
	width:340px;
	background-color:#90EE90;
	border-left:solid #FDC502 10px;
}

.option_bar p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:26px;
	color:#333333;
	text-align:left;
}

#option_box ul {
	margin:0 0 20px;
	padding:0;
	width:360px;
	overflow:hidden;
}

#option_box li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:22px;
	list-style:none;
	border:solid #339900 1px;
}

#option_box li.op_1 {
	float:left;
	margin:0 3px 3px 0;
	padding:0;
	width:46px;
	background-color:#9ACD32;
	color:#336600;
	text-align:center;
}

#option_box li.op_2 {
	float:left;
	margin:0 0 3px;
	padding:0 0 0 10px;
	width:297px;
	color:#333333;
	text-align:left;
}


/***　待ち合わせ場所ページ　***/
	
dl.place_area {
	margin:20px auto 0;
	padding:0 0 10px;
	width:568px;
	border:solid #339900 1px;
	text-align:left;
	overflow:hidden;
}

dt.place_t {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:16px;
	font-weight:bold;
	line-height:21px;
	color:#333333;
	margin:0 0 10px;
	padding:0;
	width:568px;
	height:21px;
	background-color:#90EE90;
	text-align:center;
	border-bottom:solid #339900 1px;
}

dd.place_img {
	float:right;
	margin:0 10px 0 0;
	padding:0;
	width:200px;
	height:200px;
	display:inline;
}

dd.place_txt {
	margin:0 auto 0 0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:16px;
	color:#333333;
	padding:0 0 0 10px;
	width:340px;
	text-align:left;
}

dd.place_map {
	margin:16px auto 0 0;
	padding:0 0 0 10px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:16px;
	line-height:20px;
	width:340px;
	text-align:left;
}

/***　メルマガ登録ページ　***/

#mail_base {
	padding:20px 10px 10px;
	width:568px;
	background-color:#EDFDBE;
	border:solid #003300 1px;
}

p.ml1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:130%;
	text-align:left;
	text-indent:10px;
	border-bottom:solid #003300 1px;
	margin:0 auto 3px;
}

p.ml2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
	text-align:left;
	padding:0 0 20px 14px;
}

p.ml3 {
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
	text-align:center;
}

#mail_base dl {
	padding-left:120px;
	font-size:13px;
	line-height:21px;
	text-align:left;
	overflow:hidden;
}

#mail_base dt {
	float:left;
	padding-left:12px;
	width:108px;
	color:#FFF;
	background-color:#6D8A48;
	clear:left;
}

#mail_base dd {
	margin:0 0 15px 120px;
}

/***　奥様秘密画像ページ　***/

#gra_base {
	padding:20px;
	width:548x;
	background-color:#EDFDBE;
	border:solid #003300 1px;
}

.gra_box {
	margin:0 auto 20px;
	padding:10px;
	width:300px;
	background-color:#6D8A48;
	border:solid #000 1px;
}

.gra_img {
	margin-bottom:10px;
	width:300px;
	height:300px;
}

#gra_img_out {
	width:100%;
	height:100%;
	display:table;
}

* html #gra_img_out {
	position:relative;
}

*:first-child+html #gra_img_out {
	position:relative;
}

#gra_img_area {
	display:table-cell;
	vertical-align:middle;
}

* html #gra_img_area {
	position:absolute;
	top:50%;
	left:50%;
}

*:first-child+html #gra_img_area {
	position:absolute;
	top:50%;
	left:50%;
}

* html #gra_img_area p {
	position:relative;
	top:-50%;
	left:-50%;
}

*:first-child+html #gra_img_area p {
	position:relative;
	top:-50%;
	left:-50%;
}

#gra_img_area p img {
	vertical-align:bottom;
}

.gra_name {
	height:20px;
	font-size:13px;
	line-height:20px;
	color:#FFF;
	background-color:#663300;
}

#pager_box {
	padding:20px 0;
	font-size:16px;
	color:#FF6600;
	font-weight:normal;
	text-align:center;
}

#pager_box span {
	margin:0 2px;
	padding:2px 6px;
	color:#FFF;
	font-weight:bold;
	background-color:#FF6600;
	border:solid #FF6600 1px;
}

#pager_box a {
	margin:0 4px;
	padding:2px 6px;
	color:#FFF;
	background-color:#6D8A48;
	border:solid #003300 1px;
	text-decoration:none;
	outline:none;
}

#pager_box a:hover {
	color:#FFF;
	background-color:#FF6600;
	border:solid #003300 1px;
}
	
	

/*==========================
　リンク
==========================*/