@charset "UTF-8";

body {
width: 100% ;
background : #F8F8EF ;
margin : 0 ; padding: 0 ; font-size : 14px ;
font-family : "ＭＳ Ｐゴシック", arial narrow, sans-serif ;
color : #403E31 ; line-height : 1.6 ;
}

a:link { color : #403E31 ; text-decoration : underline ; }
a:visited { color : #403E31 ; text-decoration : underline ; }
a:hover { color : #7B785E ; text-decoration : none ; }
a:focus{ outline: none ; }

h1,h2,h3,h5,h6 {
margin : 0px ; padding : 0px ;
font-size : 100% ; color : #403E31 ;
}
h4 {
margin : 0px ; padding : 0px ;
font-size : 100% ; color : #24231C ;
}

img {
margin: 0 ; padding: 0 ;
border : none ; vertical-align: bottom ;
}

p {
margin : 0 ; padding : 0 0 1em 0 ;
text-align: justify ; text-justify: inter-ideograph ;
}

sub, sup { vertical-align: baseline ; }
sup { position: relative ; top: -2px ; }
sub { position: relative ; top: 2px ; }

ol,ul { margin : 0 ; padding : 0 0 1em 0 ; }
ol li { margin : 1px 0 1px 2em ; padding : 0 ; }
ul li { margin : 1px 0 1px 1.4em ; padding : 0 ; }
li { text-align: justify ; text-justify: inter-ideograph ; }
li ol { margin : 0 ; padding : 0 ; }
li ul { margin : 0 ; padding : 0 ; }
td ol { margin : 0 ; padding : 0 ; }
td ul { margin : 0 ; padding : 0 ; }

td {
line-height : 1.6 ; text-align: justify ; text-justify: inter-ideograph ;
font-size : 14px ;
}
td p { margin : 0.5em 0 ; padding : 0 ; }
th {
line-height : 1.6 ; text-align: left ;
font-size : 14px ; font-weight: normal ; font-family: monospace ;
white-space: nowrap ;
}
em { font-weight : bold ; font-style : normal ; }
strong { font-size : 16px ; font-weight : bold ; }
big { font-size:20px ; font-weight : bold ; }
small { font-size:12px ; font-weight : normal ; line-height : 1.3 ; }

ruby { line-height : 1 ; }

dl { margin : 0 ; padding : 0 0 0.5em 0 ; }
dt {
font-size : 14px ; font-weight : bold ;
margin : 0 ; padding : 0 ;
color : #403E31 ;
}
dd { margin : 0 ; padding : 0 0 0.5em 0 ; }
dd ol { padding : 0 ; }
dd ul { padding : 0 ; }

form { margin : 0 ; padding: 0 ; }
select,input,textarea,option { font-size : 14px ; }
form .txt_c input { vertical-align: top ; }

hr {
clear: both ; background: #EEEEDF ; color: #EEEEDF ;
border-top: 0px none #EEEEDF ;
border-right: 0px none #EEEEDF ;
border-left: 0px none #EEEEDF ;
border-bottom: 1px solid #B7B78E ;
}

address {
font-style: normal ;
}




/*メイン*/

#mainbox {
width: 900px ;
margin : 0 auto ; padding: 0 0 60px 0 ;
}
#main_left {
float: left ;
width: 200px ;
margin : 0 ; padding: 15px 0 0 0 ;
}
#main_right {
float: right ;
width: 680px ;
margin : 0 ; padding: 15px 0 0 0 ;
}


/*インデックス*/

#index_main {
width: 900px ;
margin : 0 auto 20px auto ; padding: 10px 0 0 0 ; ;
}
#index_main #index_fair {
background: #000000 ;
width: 900px ; height: 40px ;
margin : 0 ; padding: 10px 0 ;
}
#index_main #index_fair h2 {
float: left ; height: 40px ;
margin : 0 ; padding: 0 0 0 10px ;
}
#index_main #index_fair ul {
float: left ; height: 40px ;
margin : 0 ; padding: 0 ;
}
#index_main #index_fair ul li {
float: left ; height: 40px ;
margin : 0 ; padding: 0 10px 0 0 ;
list-style: none ;
}

#index_news {
float: left ;
width: 600px ;
margin : 0 ; padding: 0 ;
}
#index_news .news_list {
width: 570px ;
margin : 10px 0 0 0 ; padding: 0 ;
}
#index_news .news_list th {
text-align: left ;
vertical-align: top;
margin : 0 ; padding: 0 0 10px 0 ;
}
#index_news .news_list td {
vertical-align: top;
margin : 0 ; padding: 0 0 10px 0 ;
}
#index_news .news_list .inb1 {
background : url(/img/in_bg1.gif) left bottom no-repeat ;
padding: 0 0 20px 0 ;
}
#index_news .news_list .inb2 {
background : url(/img/in_bg2.gif) left bottom repeat-x ;
padding: 0 0 20px 0 ;
}
#index_news .news_list .inb3 {
background : url(/img/in_bg3.gif) left bottom repeat-x ;
padding: 0 0 20px 0 ;
}


#index_contents {
float: right ;
width: 280px ;
margin : 0 ; padding: 0 ;
}
#index_contents .conbox {
width: 250px ;
margin : 0 ; padding: 8px 0 0 0 ;
font-size: 12px ;
}
#index_contents .conbox ul {
float: right ;
width: 140px ;
margin : 0 ; padding: 0 ;
}
#index_contents .conbox li {
margin : 0 0 5px 0 ; padding: 0 ;
list-style: none ; line-height: 1.1 ;
}
#index_contents .conbox .ph { float: left ; width: 100px ; }
#index_contents a { text-decoration : none ; }

.index_readbox1 {
background: #EEEEDF ;
width: 570px ;
margin : 0 ; padding: 15px 15px 5px 15px ;
}
.index_readbox2 {
background: #EEEEDF ;
width: 250px ;
margin : 0 0 10px 0 ; padding: 15px ;
}
/*ポップアップ*/

#popup {
width: 100% ;
margin : 0 ; padding: 0 ;
}
#popup #popup_head {}
#popup #popup_readbox {
background: #EEEEDF ;
width: 470px ;
margin : 0 auto 20px auto ; padding: 14px ;
border: 1px solid #B7B78E ;
}
#popup h1 {
margin : 0 0 10px 0 ; padding: 10px 20px ;
color : #403E31 ; line-height: 1.6 ;
font-size: 12px ; font-weight: normal;
}
#popup h2 {}
#popup h3 { margin : 0 0 10px 0 ; padding: 0 ; }
#popup address {
background: #293D0C ;
margin : 0 ; padding: 10px 20px ;
color : #EEEEDF ; font-size: 12px ; line-height: 2 ; text-align: right ;
}
#popup .print {
margin : 0 0 20px 0 ; padding: 0 20px ;
}




/*構成*/

.plink { margin : 0 ; padding: 0 0 10px 0 ; }
.tlink { margin : 0 ; padding: 15px 0 0 0 ; text-align: right ; }
.indent { margin : 0 ; padding: 0 0 0 15px ; }
.indent2 { padding-left: 1em ; text-indent: -1em ; }
.resp { margin : 0 ; padding: 0 ; }
h3 { margin : 0 0 15px 0 ; padding: 0 ; }
.readbox h4 { margin : 0 0 5px 0 ; padding: 0 ; }
.print { margin : 0 0 15px 0 ; padding: 0 ; text-align: right ; }

.linkp { background : url(/img/lp.gif) left center no-repeat ; padding: 0 0 0 10px ; }

.boxborder {
background : url(/img/bb_bg.gif) left bottom repeat-x ;
padding-bottom: 20px ;
}

.readbox {
background: #EEEEDF ;
width: 650px ;
margin : 0 ; padding: 14px ;
border: 1px solid #B7B78E ;
}

.leftbox {
background: #EEEEDF ;
width: 180px ;
margin : 15px 0 0 0 ; padding: 0 9px ;
border: 1px solid #B7B78E ;
}
.leftbox ul { margin : 0 ; padding: 0 0 10px 0 ; }
.leftbox ul li { margin : 0 ; padding: 0 ; list-style: none ; }
.leftbox p { margin : 0 ; padding: 0 0 10px 0 ; }

.newsbox { width: 650px ; margin : 0 ; padding: 0 ; }
.newsbox dl {
float: right ;
width: 535px ;
margin : 0 ; padding: 0 ;
}
.newsbox img {
float: left ;
width: 100px ;
margin : 0 ; padding: 0 ;
}

.databox {
background : url(/img/bb_bg.gif) left bottom repeat-x ;
width: 650px ;
margin : 0 ; padding: 5px 0 20px 0 ;
}
.databox .dataimg {
float: left ;
width: 140px ;
margin : 0 0 5px 0 ; padding: 0 ;
}
.databox .dataimg2 {
float: left ;
width: 100px ;
margin : 0 0 5px 0 ; padding: 0 ;
}
.databox .data {
float: right ;
width: 495px ;
line-height: 1.4 ;
}
.databox .data2 {
float: right ;
width: 535px ;
line-height: 1.4 ;
}
.databox p { margin : 0 ; padding: 0 0 5px 0 ; }
.databox table { margin : 0 0 10px 0 ; padding: 0 ; }
.databox table th { vertical-align: top ; margin : 0 ; padding: 0 ; }
.databox table td { vertical-align: top ; margin : 0 ; padding: 0 ; }

.darkbox {
width: 630px ;
background: #E1DFC6 !important ;
margin : 1em 0 ; padding: 8px 10px !important ;
color: #24231C !important ;
}

.whitebox {
background: #cccccc !important ;
margin : 1em 0 ; padding: 8px 10px !important ;
color: #000000 !important ;
}




/*専用*/

.tabmenu {
width: 680px ; height: 39px ;
margin : 0 ; padding: 0 ;
}
.tabmenu li {
float: left ;
height: 39px ;
margin : 0 ; padding: 0 ;
list-style: none ;
}

#historymenu {
width: 650px ; height: 59px ;
margin : 0 0 20px 0 ; padding: 0 ;
}
#historymenu li {
float: left ;
height: 59px ;
margin : 0 ; padding: 0 ;
list-style: none ;
}

#rec-flow {
width: 650px ; height: 80px ;
background : url(/img/recruit/flow.gif) left bottom no-repeat ;
margin : 10px 0 ; padding: 0 ;
}
#rec-flow .flow01 { width: 100px ; padding: 0 30px 0 10px ; color : #403E31 ; font-size: 12px ; }
#rec-flow .flow02 { width: 100px ; padding: 0 30px 0 10px ; color : #403E31 ; font-size: 12px ; }
#rec-flow .flow03 { width: 210px ; padding: 0 30px 0 10px ; color : #403E31 ; font-size: 12px ; }
#rec-flow .flow04 { width: 100px ; padding: 0 10px ; color : #403E31 ; text-align: center ; }

.photogallery {
background: #E1DFC6 ;
width: 640px ;
margin : 0 0 10px 0 ; padding: 10px 0 5px 10px ;
}
.photogallery h5 { margin : 0 ; padding: 0 10px 5px 0 ; }
.photogallery p { margin : 0 ; padding: 0 10px 5px 0 ; }
.photogallery table { margin : 0 ; padding: 0 ; }
.photogallery td {
width: 160px ; height: 130px ;
margin : 0 ; padding: 0 ;
}




/*他*/

.cb { clear: both ; }
.cl { clear: left ; }
.cr { clear: right ; }

.txt_l { text-align: left !important ; }
.txt_l th { text-align: left !important ; }
.txt_l td { text-align: left !important ; }
.txt_r { text-align: right !important ; }
.txt_r th { text-align: right !important ; }
.txt_r td { text-align: right !important ; }
.txt_c { text-align: center !important ; }
.txt_c th { text-align: center !important ; }
.txt_c td { text-align: center !important ; }

.vt { vertical-align: top ; }
.vb { vertical-align: bottom ; }

.ph_l { float: left ; margin : 0 20px 10px 0 ; padding: 0 ; }
.ph_r { float: right ; margin : 0 0 10px 20px ; padding: 0 ; }

.box_m { width: 650px ; margin : 0 ; padding: 0 ; }
.box_i { width: 635px ; margin : 0 ; padding: 0 0 0 15px ; }
.box_l { float: left ; margin : 0 ; padding: 0 ; }
.box_r { float: right ; margin : 0 ; padding: 0 ; }

.subhead {
clear: both ;
background: #B7B78E ;
margin : 10px 0 !important ; padding: 7px 10px !important ;
line-height: 1.1 ;
}

.subhead2 {
margin : 10px 0 !important ; padding: 1px 0 1px 7px !important ;
line-height: 1.1 ; border-left: 3px solid #B7B78E ;
}
.subhead3 {
clear: both ;
margin : 10px 0 !important ; padding: 7px 9px !important ;
line-height: 1.1 ; border: 1px solid #B7B78E ;
}
.w5 { width: 5% ; }
.w10 { width: 10% ; }
.w15 { width: 15% ; }
.w20 { width: 20% ; }
.w25 { width: 25% ; }
.w30 { width: 30% ; }
.w35 { width: 35% ; }
.w40 { width: 40% ; }
.w45 { width: 45% ; }
.w50 { width: 50% ; }
.w55 { width: 55% ; }
.w60 { width: 60% ; }
.w65 { width: 65% ; }
.w70 { width: 70% ; }
.w75 { width: 75% ; }
.w80 { width: 80% ; }
.w85 { width: 85% ; }
.w90 { width: 90% ; }
.w95 { width: 95% ; }
.w100 { width: 100% ; }
.w33 { width: 33% ; }
.w34 { width: 34% ; }

.wp50 { width: 50px ; }
.wp100 { width: 100px ; }
.wp110 { width: 110px ; }
.wp115 { width: 115px ; }
.wp135 { width: 135px ; }
.wp155 { width: 155px ; }
.wp200 { width: 200px ; }
.wp210 { width: 210px ; }
.wp225 { width: 225px ; }
.wp245 { width: 245px ; }
.wp250 { width: 250px ; }
.wp270 { width: 270px ; }
.wp315 { width: 315px ; }
.wp320 { width: 320px ; }
.wp345 { width: 345px ; }
.wp365 { width: 365px ; }
.wp430 { width: 430px ; }
.wp520 { width: 520px ; }

.tp0 { margin-top: 0px !important ; }
.tp5 { margin-top: 5px !important ; }
.tp10 { margin-top: 10px !important ; }
.tp15 { margin-top: 15px !important ; }
.tp20 { margin-top: 20px !important ; }
.bp0 { margin-bottom: 0px !important ; }
.bp5 { margin-bottom: 5px !important ; }
.bp10 { margin-bottom: 10px !important ; }
.bp15 { margin-bottom: 15px !important ; }
.bp20 { margin-bottom: 20px !important ; }
.lp0 { margin-left: 0px !important ; }
.lp5 { margin-left: 5px !important ; }
.lp10 { margin-left: 10px !important ; }
.lp15 { margin-left: 15px !important ; }
.lp20 { margin-left: 20px !important ; }
.rp0 { margin-right: 0px !important ; }
.rp5 { margin-right: 5px !important ; }
.rp10 { margin-right: 10px !important ; }
.rp15 { margin-right: 15px !important ; }
.rp20 { margin-right: 20px !important ; }

.txt1 { color: #FF7777 ; }
.txt2 { color: #F8B872 ; }
.txt3 { color: #89CA62 ; }
.txt4 { color: #6DC0F1 ; }

.txt5 { color: #9C8FF5 ; }

.txt6 { color: #FC9EDB ; }

.bg0 { background: #F8F8EF !important ; }
.bg1 { background: #111111 !important ; }
.bg2 { background: #222222 !important ; }
.bg3 { background: #E1DFC6 !important ; }
.bg4 { background: #B7B78E !important ; }

.caution {
text-indent: -1em ; padding-left: 1em ;
color: #cc0000 ; line-height: 1.6 ; }

.table1 th { margin : 0 ; padding: 0 10px 0 0 ; }
.table1 td { margin : 0 ; padding: 0 10px 0 0 ; }

.table2 {
border-top: 1px solid #B7B78E ;
border-left: 1px solid #B7B78E ;
}.table2 th {
background: #F8F8EF ;
margin : 0 ; padding: 6px 8px ; 
border-right: 1px solid #B7B78E ;
border-bottom: 1px solid #B7B78E ;
text-align: center ; line-height: 1.4 ;
}
.table2 td {
background: #F8F8EF ;
margin : 0 ; padding: 6px 8px ; 
border-right: 1px solid #B7B78E ;
border-bottom: 1px solid #B7B78E ;
line-height: 1.4 ;
}

.table3 {
border-top: 1px solid #B7B78E ;
border-left: 1px solid #B7B78E ;
}
.table3 th {
background: #E1DFC6 ;
margin : 0 ; padding: 6px 8px ; 
border-right: 1px solid #B7B78E ;
border-bottom: 1px solid #B7B78E ;
color : #403E31 ; line-height: 1.4 ;
}
.table3 td {
background: #F8F8EF ;
margin : 0 ; padding: 6px 8px ; 
border-right: 1px solid #B7B78E ;
border-bottom: 1px solid #B7B78E ;
line-height: 1.4 ;
}
.t_list th { margin : 0 ; padding: 3px ;
font-size: 12px ; text-align: center; }
.t_list td { margin : 0 ; padding: 3px ;
font-size: 12px ; text-align: center; }

/*
.submitbg1 {
width: 60px ; height: 21px ;
background: transparent url(/img/form_bg1.gif) left top no-repeat ;
margin : 0 ; padding: 0px ;
border: none ;
line-height: 1.1 ; font-size: 14px ; text-align: center ; color: #403E31 ;
}
.submitbg1:hover { background: url(/img/form_bg1_over.gif) ; }
.submitbg2 {
width: 120px ; height: 41px ;
background: transparent url(/img/form_bg2.gif) left top no-repeat ;
margin : 0 ; padding: 0px ;
border: none ;
line-height: 1.1 ; font-size: 16px ; text-align: center ; color : #403E31 ;
}
.submitbg2:hover { background: url(/img/form_bg2_over.gif) ; }
*/
.submitbg1 {
width: 60px ; height: 21px ;
background: transparent url(/~fourseasons-tokyo-com/img/form_bg1.gif) left top no-repeat ;
margin : 0 ; padding: 0px ;
border: none ;
line-height: 1.1 ; font-size: 14px ; text-align: center ; color: #403E31 ;
}
.submitbg1:hover { background: url(/~fourseasons-tokyo-com/img/form_bg1_over.gif) ; }
.submitbg2 {
width: 120px ; height: 41px ;
background: transparent url(/~fourseasons-tokyo-com/img/form_bg2.gif) left top no-repeat ;
margin : 0 ; padding: 0px ;
border: none ;
line-height: 1.1 ; font-size: 16px ; text-align: center ; color : #403E31 ;
}
.submitbg2:hover { background: url(/~fourseasons-tokyo-com/img/form_bg2_over.gif) ; }

/*  SEO-Box 100326追加  */

#bottom-box {
	background-color:#E9E9D6;
	margin-top:25px;
}
#bottom-box .seo_text {
	width:473px;
	font-size:12px;
	padding:5px 20px 5px 5px;
	vertical-align:middle;
	line-height:140%;
}
/* 1027 文字サイズ用css */
.rp6 {
	margin-right: 6px;
	float: left;
	width: 64px;
}

.fontsize {
	border:1px #CCCC99 solid;
	width:127px;
	float:left;
	padding:6px 6px;
	height: 18px;
	background-color: #FFFFFF;
	font-size: 0px;
}

.txtarea01 {
	width: 400px;
}
.fs_st {
	background-image: url(../img/fontsize_st.gif);
	height: 14px;
	width: 13px;
	float: left;
	background-repeat: no-repeat;
	background-position: left 55%;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 0px;
}

.fs_l {
	background-image: url(../img/fontsize_l_over.gif);
	height: 15px;
	width: 16px;
	float: left;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: left 55%;
}
.fs_el {
	background-image: url(../img/fontsize_el.gif);
	height: 18px;
	width: 18px;
	float: left;
	background-repeat: no-repeat;
	background-position: left center;
}