@import "fontsize.css";

/* 
 * body form
 */
body {
	padding:0px;
	margin:0px;
	color:#333333;	/* font color */
	font:12px "ＭＳ Ｐゴシック",Osaka;
	*font-size:small;	/* for IE7 */
	*font:x-small;		/* for IE6 */
	text-align:center;	/* body centering for IE */
}

/*
 * 行間設定
 */
* {
	line-height:1.3
}

#container {
	width:760px;
	margin-left:auto;    /* centering (IE以外) */
	margin-right:auto;   /* centering (IE以外) */
	text-align:left;     /* 中身を左側表示に戻す */
}

.box_center { text-align:center } /* box centering for IE */

/*
 * link color
 */
a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #3333FF;
}

/* table form */
table {
	font-size:inherit;
	font:100%;
}
/* form */
form { margin:0px; }
/* initialize ul,ol */
ul li, ol li, dl dt, dl dd { line-height:1.3 }
ul { margin:0px 0px 0px 1em; padding:0px; }
ol { margin:0px 0px 0px 2em; padding:0px; }
ol.roman_num { list-style-type:lower-roman }

/* initialize dl,dd */
dl { margin-top:0px; margin-bottom:0px; }
dd { margin-left:1em }

/* initialize h1-h5 */
h1 { font-size:16px; font:123.1%; font-weight:bold; margin:0; padding:0;}
h2 { font-size:14px; font:108%; font-weight:bold; margin:0; padding:0; }
h3 { font-size:12px; font:100%; font-weight:normal; margin:0; padding:0;}
h4 { font-size:11px; font:85%; font-weight:normal; margin:0; padding:0;}
h5 { font-size:10px; font:77%; font-weight:normal; margin:0; padding:0;}

h1.normal { font-weight:normal }
h2.normal { font-weight:normal }

div.main_image { margin:-3px 0px 5px }
div.main_image2 { margin:0px 0px 5px }
/*
 * フォーム入力のスタイル
 */
div.formbox {
 	width:710px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:10px;
}
div.formbox p {
	margin-top:10px;
	margin-bottom:10px;
}
div.formbox h2 {
	margin-top:10px;
	margin-bottom:5px;
}
div.formbox dl dd.formlist {
	margin-top:2px;
	margin-bottom:15px;
}

/*
 * ホテル検索・予約
 */
.hotelsearch_box {
	width:760px;
	background-image:url(../phx/images/img-title/hotel-search-m.jpg);
	background-repeat:repeat-y;
}
.hotelsearch_box .hotelsearch_form_box {
	background-color:#FFFFCC;
	border:solid 2px #FF9900;
}
.hotelsearch_box_b { margin-bottom:5px }
.phx_annnai_box {
	width:475px;
}
.phx_tokusen_box {
	width:275px;
}

/*
 * link color for Phoenix Tour
 */
.phx_mainlink a:link {
	color: #3333FF;
}
.phx_mainlink a:visited {
	color: #3333FF;
}
.phx_mainlink a:hover {
	color: #0099FF;
}
.phx_subtitle_box { margin-top:10px }
.phx_link_box {
	margin-top:10px;
	border:1px solid #999999;
}

/*
 * お知らせのスタイル
 */
.osirase_box, .osirase_box_m {
	width:375px;
	background-image:url(../images/img-title/title-osirase_m.gif);
	background-repeat:repeat-y;
}
.osirase_box_m { margin-bottom:5px }
.osirase_item {
	padding:5px 5px 0px;
}
.osirase_item ul { margin-left:0px; list-style-type:none; }
.osirase_item ul li {
	background-image:url(../images/img-icon/migiya-6.jpg);
	background-repeat:no-repeat;
	padding-left:14px;
}
/*.osirase_item ul li a { text-decoration:none }*/
.osirase_item ul li.line {
	background-image:url(../images/dot-line.jpg);
	background-repeat:repeat-x;
	margin-top:2px;
	font-size:3px;
}

/*
 * 標識のスタイル（Phoenix Tour）
 */
div.hyoushiki_box {
	width:710px;
	margin:0px auto;
	text-align:left;
	padding:5px;
	border:1px solid #999999;
}
div.hyoushiki_1, div.hyoushiki_2, div.hyoushiki_3 { margin:3px 0px }
div.hyoushiki_2 dl dt, div.hyoushiki_3 dl dt {
	width:35px;
	float:left;
	text-align:right;
	clear:both;
}
div.hyoushiki_2 dl dd {
	width:660;
	margin-left:35px;
	padding-left:5px;
}
div.hyoushiki_3 dl dt { width:70px }
div.hyoushiki_3 dl dd {
	width:625px;
	margin-left:70px;
	padding-left:5px;
}

/*
 * 特選ツアー
 */
.tokusen_tour_box {
	position:relative;
	width:564px;
	height:70px;
	background-image:url(../phx/images/img-tokusen/tokusen-tour-box.jpg);
	background-repeat:no-repeat;
	margin-top:10px;
	margin-bottom:5px;
}
.tokusen_tour_box .tour_link {
	position:absolute;
	width:150px;
	top:5px;
	left:400px;
	text-align:right;
}
.tokusen_tour_box .tour_kikan {
	position:absolute;
	width:564px;
	top:55px;
	left:0px;
	text-align:right;
}
.tokusen_tour_box h1 { font-size:20px; font:153.9%; font-weight:bold; margin-left:18px; padding-top:15px; }
.tokusen_comment {
	width:695px;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:10px;
	padding:3px;
	border-bottom:1px solid #0033FF;
}
div.tour_list { width:700px }
div.tour_list ul { margin-left:10px; list-style-type:none; }
div.tour_list ul li {
	background-image:url(../phx/images/img-tokusen/tokusen-tour-mk1.jpg);
	background-repeat:repeat-y;
	padding-left:14px;
	padding-top:2px;
}
div.tour_list ul li.line, div.tour_list ul li.line_m {
	background-image:url(../phx/images/img-tokusen/dot-line.jpg);
	background-repeat:repeat-x;
	margin-top:2px;
	font-size:3px;
}
div.tour_list ul li.line_m { margin-bottom:15px }
/* table form */
div.tour_list table {
	*font-size:small;	/* for IE7 */
	*font:x-small;		/* for IE6 */
}

/*
 * 部門のスタイル（top page）
 */
div.bumon {
	background-image:url(../images/bumon-title_bg.jpg);
	background-repeat:repeat-x;
	padding:5px;
}
div.bumon h2 { padding-bottom:15px; color:#3333FF; }
div.bumon h2 a:link    { color:#3333FF }
div.bumon h2 a:visited { color:#3333FF }
div.bumon h2 a:hover   { color:#333333 }
div.bumon ul { margin-left:0px; list-style-type:none; }
div.bumon ul li {
	background-image:url(../images/img-icon/migiya-6.jpg);
	background-repeat:no-repeat;
	padding-left:14px;
}
/*div.bumon ul li a { text-decoration:none }*/
div.bumon ul li.line {
	background-image:url(../images/dot-line.jpg);
	background-repeat:repeat-x;
	margin-top:2px;
	font-size:3px;
}

/*
 * 大型映像装置
 */
.eizou_subt {
	text-align:center;
	color:#FFFFFF;
	background-color:#020167;
}

/*
 * トータリゼータシステム
 */
.tzsment {
	width:635px;
	margin-left:15px;
}
.tzsment h2.sinrai { margin-bottom:5px }
/*
 * 便利情報
 */
div.benri_box {
	width:660px;
	margin-left:20px;
	margin-top:10px;
}
div.benri_box div.title {
	width:600px;
	border-bottom:2px solid #CCCCCC;
	margin-bottom:10px;
	padding:10px 0px 2px 10px;
}
div.benri_box div.sub_title {
	width:600px;
	height:30px;
	background-image:url(../phx/images/img-benri/benri-title-box.jpg);
	background-repeat:no-repeat;
	margin-bottom:5px;
}
div.benri_box div.sub_title h2 {
	padding-left:18px;
	padding-top:8px;
}
div.benri_box ul {
	list-style-type:none;
	margin-left:5px;
	margin-bottom:10px;
}
div.benri_box ul li {
	background-image:url(../images/img-icon/migiya-7.jpg);
	background-repeat:no-repeat;
	padding-left:14px;
	margin-bottom:2px;
}
div.benri_box p {
	color:#009900;
	font-weight:bold;
	border-left:5px solid #CCCCCC;
	margin-left:5px;
	padding-left:5px;
}

/*
 * 人材派遣・仮登録の流れ
 */
.haken_fsty1 { color:#3399FF }
.haken_fsty2 { font-weight:bold; color:#3399FF; }
.haken_bg {
	width:650;
	padding:3px;
	margin:0px auto;
	border-left:3px solid;
	border-color:#3399FF;
	text-align:left;
}
.haken_flow { margin:5px 0px 15px }

/*
 * 見出しのスタイル
 */
.midashi_1, .midashi_1exp, .midashi_1w300, .midashi_1w400 {
	padding:2px 2px 2px 7px;
	border-left:11px solid #3399FF;
	border-bottom:1px solid #3399FF;
}
.midashi_1exp { letter-spacing:0.5em }
.midashi_1w300 { width:300px }
.midashi_1w400 { width:400px }
.midashi_2, .midashi_2exp {
	padding:2px;
	border:1px solid #999999;
	border-left:15px solid #999999;
	border-right:15px solid #999999;
}
.midashi_2exp { text-align:center; letter-spacing:0.5em; }
.tbox01_w400 {
	width:400px;
	background-image:url(../images/img-title/title-bg-w400m.jpg);
	background-repeat:repeat-y;
	margin-top:3px;
}
.tbox01_w400 h2 { margin-left:18px; padding-top:5px; }
.tbox01_w400t {
	width:400px;
	background-image:url(../images/img-title/title-bg-w400t.jpg);
	background-repeat:no-repeat;
}
.tbox01_w540t { width:540px }
.tbox01_w400b { margin-bottom:5px }
.txtul { text-decoration:underline }	/* text under line */

/*
 * table border style
 */
.boxsty01 {
	border:1px solid #0000FF;
}
.boxsty02 {
	border:1px solid #999999;
	/* background-color:#F5F5F5; */
}
.boxsty031 {
	border-left:1px solid;
	border-top:1px solid;
	border-color:#999999;
}
.boxsty032 {
	border-right:1px solid;
	border-bottom:1px solid;
	border-color:#999999;
}
.boxsty0321 {
	border-right:1px solid;
	border-bottom:1px solid;
	border-color:#999999;
	background-color:#CCCCCC;
}
.boxsty0322 {
	border-right:1px solid;
	border-bottom:1px solid;
	border-color:#999999;
	background-color:#CAD7FF;
}
.boxsty033 {
	border-bottom:1px solid;
	border-color:#999999;
}

/*
 * style of the Phoenix Tour page
 */
.p-boxsty011 {
	border:2px solid #0066FF;
	background-color:#F6F6F6;
}
.p-boxsty012 {
	margin-top:5px;
	border:2px solid #0066FF;
	background-color:#F6F6F6;
}
.p-boxtop01 { background-color:#0066FF }
.p-boxsty02 {
	border:1px solid #999999;
	background-color:#F6F6F6;
}
.p-boxsty03 {border:1px solid #999999 }
.p-boxsty041 {
	border-left:1px solid;
	border-top:1px solid;
	border-color:#999999;
}
.p-boxsty042 {
	border-right:1px solid;
	border-bottom:1px solid;
	border-color:#999999;
}
.p-boxsty0421 {
	border-right:1px solid;
	border-bottom:1px solid;
	border-color:#999999;
	background-color:#CCCCCC;
}
.p-boxsty0422 {
	border-right:1px solid;
	border-bottom:1px solid;
	border-color:#999999;
	background-color:#FFE7F1;
}
.p-boxsty043 {
	border-bottom:1px solid;
	border-color:#999999;
}
.p-listmk01 { color:#FF6600 }

/*
 * footer style
 */
#footer { width:760px; margin-top:5px; }
#footer ul {
	margin:0px;
	padding:5px;
	text-align:center;
	list-style-type:none;
	font-size:12px; font:93%;
	background-color:#F5F5F5;
}
#footer li {
	display:inline;
	padding:0px 7px;
	border-left:1px solid #333333;
}
#footer li.first_foot {
	padding-left:0px;
	border-left:0px;
}
#footer li.copyright {
	display:list-item;
	margin-top:5px;
	padding-left:0px;
	border-left:0px;
	color:#000000;
	font-size:12px; font:93%;
}

/*
 * global navigation of the TOSHO TECHNO
 */
#gnavi {
	position:relative;
	width:760px;
	height:80px;
	top:0px;
	left:0px;
	margin:0px 0px 3px;
}
#gnavi_1 {
	position:absolute;
	width:760px;
	height:80px;
	top:0px;
	left:0px;
}
#gnavi_1 ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#gnavi_1 li {
	display:inline;
	float:left;
	font-size:11px;
}
#gnavi_1 li a {
	position:absolute;
	display:block;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
}
#gnavi_2 {
	position:absolute;
	top:30px;
	left:510px;
}
#gnavi_2 ul {
	width:245px;
	margin:0px;
	padding:0px;
	text-align:right;
	list-style-type:none;
}
#gnavi_2 li {
	display:inline;
	border-left:1px solid #333333;
	padding:0px 7px;
	font-size:11px; font:85%;
}
#gnavi_2 li.first_item {
	padding-left:0px;
	border-left:0px;
}
#gnavi_1 li.tosho a { background-image:url(../images/img-header/header-logo.jpg);  left:8px;   top:13px; width:96px; height:52px; }
#gnavi_1 li.phx   a { background-image:url(../images/img-header/header-phxhm.jpg); left:706px; top:0px;  width:48px; height:17px; }
#gnavi_1 li.eigyo a { background-image:url(../images/img-header/header-eigyo.jpg); left:363px; top:52px; width:79px; height:24px; }
#gnavi_1 li.haken a { background-image:url(../images/img-header/header-haken.jpg); left:442px; top:52px; width:79px; height:24px; }
#gnavi_1 li.ryoko a { background-image:url(../images/img-header/header-ryoko.jpg); left:521px; top:52px; width:79px; height:24px; }
#gnavi_1 li.tech  a { background-image:url(../images/img-header/header-tech.jpg);  left:600px; top:52px; width:79px; height:24px; }
#gnavi_1 li.toi   a { background-image:url(../images/img-header/header-toi.jpg);   left:679px; top:52px; width:79px; height:24px; }
#gnavi_1 li.tosho a:hover { background-image:url(../images/img-header/header-logo.jpg);     left:8px;   top:13px; width:96px; height:52px; }
#gnavi_1 li.phx   a:hover { background-image:url(../images/img-header/header-phxhm_f2.jpg); left:706px; top:0px;  width:48px; height:17px; }
#gnavi_1 li.eigyo a:hover { background-image:url(../images/img-header/header-eigyo_f2.jpg); left:363px; top:52px; width:79px; height:24px; }
#gnavi_1 li.haken a:hover { background-image:url(../images/img-header/header-haken_f2.jpg); left:442px; top:52px; width:79px; height:24px; }
#gnavi_1 li.ryoko a:hover { background-image:url(../images/img-header/header-ryoko_f2.jpg); left:521px; top:52px; width:79px; height:24px; }
#gnavi_1 li.tech  a:hover { background-image:url(../images/img-header/header-tech_f2.jpg);  left:600px; top:52px; width:79px; height:24px; }
#gnavi_1 li.toi   a:hover { background-image:url(../images/img-header/header-toi_f2.jpg);   left:679px; top:52px; width:79px; height:24px; }

/*
 * gloval navigation of the Phoenix tour 
 */
#gnavi_phx {
	position:relative;
	width:760px;
	height:80px;
	top:0px;
	left:0px;
	margin:0px 0px 3px;
}
#gnavi_phx1 {
	position:absolute;
	width:760px;
	height:80px;
	top:0px;
	left:0px;
}
#gnavi_phx1 ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#gnavi_phx1 li {
	display:inline;
	float:left;
	font-size:11px;
}
#gnavi_phx1 li a {
	position:absolute;
	display:block;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
}
#gnavi_phx2 {
	position:absolute;
	top:30px;
	left:510px;
}
#gnavi_phx2 ul {
	width:245px;
	margin:0px;
	padding:0px;
	text-align:right;
	list-style-type:none;
}
#gnavi_phx2 li {
	display:inline;
	padding:0px 7px;
	border-left:1px solid #333333;
	font-size:11px; font:85%;
}
#gnavi_phx2 li.first_item {
	padding-left:0px;
	border-left:0px;
}
#gnavi_phx1 li.phx   a { background-image:url(../images/img-phxheader/phxheader-logo.jpg);    left:8px;   top:17px; width:96px; height:46px; }
#gnavi_phx1 li.tosho a { background-image:url(../images/img-phxheader/phxheader-toshohm.jpg); left:706px; top:0px;  width:48px; height:17px; }
#gnavi_phx1 li.order a { background-image:url(../images/img-phxheader/phxheader-order.jpg);   left:476px; top:52px; width:94px; height:24px; }
#gnavi_phx1 li.benri a { background-image:url(../images/img-phxheader/phxheader-benri.jpg);   left:570px; top:52px; width:94px; height:24px; }
#gnavi_phx1 li.toi   a { background-image:url(../images/img-phxheader/phxheader-toi.jpg);     left:664px; top:52px; width:94px; height:24px; }
#gnavi_phx1 li.phx   a:hover { background-image:url(../images/img-phxheader/phxheader-logo.jpg);       left:8px;   top:17px; width:96px; height:46px; }
#gnavi_phx1 li.tosho a:hover { background-image:url(../images/img-phxheader/phxheader-toshohm_f2.jpg); left:706px; top:0px;  width:48px; height:17px; }
#gnavi_phx1 li.order a:hover { background-image:url(../images/img-phxheader/phxheader-order_f2.jpg);   left:476px; top:52px; width:94px; height:24px; }
#gnavi_phx1 li.benri a:hover { background-image:url(../images/img-phxheader/phxheader-benri_f2.jpg);   left:570px; top:52px; width:94px; height:24px; }
#gnavi_phx1 li.toi   a:hover { background-image:url(../images/img-phxheader/phxheader-toi_f2.jpg);     left:664px; top:52px; width:94px; height:24px; }

/*
 * current hierarchy
 */
#current_hie {
	width:760px;
	background-color:#F5F5F5;
	margin:-3px 0px 5px;
}
#current_hie ul {
	margin:0px;
	padding:5px;
}
#current_hie li {
	display:inline;
	list-style-type:none;
	font-size:12px; font:100%;
}
#current_hie li.current { color:#0066FF }

/*
 * local navigation
 */
#lnavi, .lnavi_box {
	width:660px;
	margin:0px auto 10px;
	text-align:left;
	background-image:url(../images/img-title/title-bg3_m.jpg);
	background-repeat:repeat-y;
}
#lnavi h2, .lnavi_box h2 {
	padding:5px;
	text-align:center;
	letter-spacing:0.5em;
	color:#0066FF;
}
#lnavi ul {
	text-align:center;
	list-style-type:none;
	margin:0px;
	padding:0px 5px 5px;
}
#lnavi ul.haken {
	text-align:left;
	margin-left:25px;
}
#lnavi ul li {
	display:inline;
	padding:0px 7px;
	border-left:1px solid #333333;
	font-size:12px; font:100%;
}
#lnavi ul li.first_item {
	margin-left:0px;
	border-left:0px;
}
#lnavi ul li.sub_title {
	display:list-item;
	padding:0px;
	margin-top:5px;
	margin-left:-15px;
	border-left:0px;
	font-weight:bold;
	color:#0066FF;
}
