@charset 'UTF-8';

@import url("contents.css");
@import url("add.css");

body {
	color:#444;
	margin:0px;
	text-align:center;
	background:#FF97A2 url(../img/bg_flower.gif) repeat-x; }
	

#container {
	width:880px;
	margin:15px auto 6px;
	padding:0px;
	background:url(../img/bg_white_shadow.gif) repeat-y center top;
	}
#container_foot{
	width:880px;
	padding:0px;
	background:url(../img/bg_white_foot.gif) no-repeat center bottom;
	height:22px;}
#container_whats {
	width:880px;
	padding-bottom:20px;
	background:url(../img/bg_whatsseattle.gif) no-repeat left bottom;
	}
	

/* ____ ヘッダー ____ */
#header_img{ background:url(../img/head_logo.jpg) no-repeat top center; height:108px; position:relative; text-align:left;}
#header_img h1 a{ display:block; height:108px; width:465px;}
#header_img_en{ background:url(../img/head_logo_en.jpg) no-repeat top center; height:108px; position:relative; text-align:left;}
#header_img_en h1 a{ display:block; height:108px; width:465px;}

/* ____ フッター ____ */
#copyright{
	margin:0px auto; padding-bottom:15px;}
.copyright_size{  font-size:110%;}

/*____日本語＆英語切替____*/
#select_lang{ width:152px; position:absolute; top:58px; left:470px; z-index:1;}
#select_lang li{ display:inline;}
#select_lang li a{ display:block; float:left; background:url(../img/select_lang.gif) no-repeat 0px 0px; height:24px;}

#select_lang .jpn a{ width:73px; background-position: 0px 0px;}
#select_lang .en a{ width:79px; background-position: -73px 0px;}
#select_lang .jpn a:hover{ width:73px; background-position: 0px -24px;}
#select_lang .en a:hover{ width:79px; background-position: -73px -24px;}

#select_lang .jpn_on .jpn a{ width:73px; background-position: 0px -24px;}
#select_lang .en_on .en a{ width:79px; background-position: -73px -24px;}


/*____ナビここから____*/

#head_navi{ width:870px; margin:0px auto;}
#head_navi li{ display:inline;}
#head_navi li a{ display:block; float:left; background:url(../img/head_navi.gif) no-repeat left top; height:38px; }

#head_navi .seminar a{ width:186px; background-position: 0px 0px;}
#head_navi .coordinate a{ width:254px; background-position: -186px 0px;}
#head_navi .event a{ width:168px; background-position: -440px 0px;}
#head_navi .company a{ width:129px; background-position: -608px 0px;}
#head_navi .contact a{ width:133px; background-position: -737px 0px;}

#head_navi .seminar a:hover{ width:186px; background-position: 0px -39px;}
#head_navi .coordinate a:hover{ width:254px; background-position: -186px -39px;}
#head_navi .event a:hover{ width:168px; background-position: -440px -39px;}
#head_navi .company a:hover{ width:129px; background-position: -608px -39px;}
#head_navi .contact a:hover{ width:133px; background-position: -737px -39px;}

.seminar_on #head_navi .seminar a, .seminar_on #head_navi .seminar a:hover{ width:186px; background-position: 0px -39px;}
.coordinate_on #head_navi .coordinate a, .coordinate_on #head_navi .coordinate a:hover{ width:254px; background-position: -186px -39px;}
.event_on #head_navi .event a, .event_on #head_navi .event a:hover{ width:168px; background-position: -440px -39px;}
.company_on #head_navi .company a, .company_on #head_navi .company a:hover{ width:129px; background-position: -608px -39px;}
.contact_on #head_navi .contact a, .contact_on #head_navi .contact a:hover{ width:133px; background-position: -737px -39px;}



/*____英語ナビここから____*/

#head_navien{ width:870px; margin:0px auto;}
#head_navien li{ display:inline;}
#head_navien li a{ display:block; float:left; background:url(../img/head_navi_en.gif) no-repeat left top; height:38px; }

#head_navien .seminar a{ width:114px; background-position: 0px 0px;}
#head_navien .coordinate a{ width:374px; background-position: -114px 0px;}
#head_navien .event a{ width:170px; background-position: -488px 0px;}
#head_navien .company a{ width:113px; background-position: -658px 0px;}
#head_navien .contact a{ width:99px; background-position: -771px 0px;}

#head_navien .seminar a:hover{ width:114px; background-position: 0px -39px;}
#head_navien .coordinate a:hover{ width:374px; background-position: -114px -39px;}
#head_navien .event a:hover{ width:170px; background-position: -488px -39px;}
#head_navien .company a:hover{ width:113px; background-position: -658px -39px;}
#head_navien .contact a:hover{ width:99px; background-position: -771px -39px;}

.seminar_on #head_navien .seminar a, .seminar_on #head_navien .seminar a:hover{ width:114px; background-position: 0px -39px;}
.coordinate_on #head_navien .coordinate a, .coordinate_on #head_navien .coordinate a:hover{ width:374px; background-position: -114px -39px;}
.event_on #head_navien .event a, .event_on #head_navien .event a:hover{ width:170px; background-position: -488px -39px;}
.company_on #head_navien .company a, .company_on #head_navien .company a:hover{ width:113px; background-position: -658px -39px;}
.contact_on #head_navien .contact a, .contact_on #head_navien .contact a:hover{ width:99px; background-position: -771px -39px;}





/* ____ TEA TIMEナビ ____ */

#t_navi{ width:200px; margin-top:5px;}
#t_navi li a{ display:block; height:29px; background:url(../img/teatime_navi.gif) no-repeat left top;}
#t_navi .whatsseattle a{ background-position: -202px 0px;}
#t_navi .americanlife a{ background-position: -202px -29px;}
#t_navi .busicompare a{ background-position: -202px -58px;}
#t_navi .faq a{ background-position: -202px -87px;}

#t_navi .whatsseattle a:hover{ background-position: 0px 0px;}
#t_navi .americanlife a:hover{ background-position: 0px -29px;}
#t_navi .busicompare a:hover{ background-position: 0px -58px;}
#t_navi .faq a:hover{ background-position: 0px -87px;}


/* ____ 共通レイアウト ____ */
.contents_frame{ width:832px; margin:0px auto;}
.left_mainframe{ float:left; width:614px; text-align:left;}
.right_bnrframe{ float:left; width:200px; margin-left:18px; margin-top:15px;}
.left_mainframe2{ float:left; width:614px; text-align:left; margin-top:15px; position:relative;}



.expat_base{ width:200px; background:#FEDDDA; }
.t_teatime{ background:url(../img/sub_contents_titles.gif) no-repeat 0px -36px; height:32px; width:200px;}
.t_mailmaga{ background:url(../img/sub_contents_titles.gif) no-repeat 0px -68px; height:32px; width:200px;}
.t_horoscope{ background:url(../img/sub_contents_titles.gif) no-repeat 0px -100px; height:32px; width:200px;}
.t_recipe{ background:url(../img/sub_contents_titles.gif) no-repeat 0px -132px; height:32px; width:200px;}
.t_horoscope_en{ background:url(../img/sub_contents_titles.gif) no-repeat 0px -197px; height:32px; width:200px;}
.t_recipe_en{ background:url(../img/sub_contents_titles.gif) no-repeat 0px -228px; height:32px; width:200px;}

.formarea form input { vertical-align:middle;}
.mailnews{ font-family:sans-serif; height:15px; margin:0px 5px 0px 0px; width:130px; }
* html .mailnews{ height:20px;}

/* ____ 共通パーツ ____ */

.hr_dots{
	background:url(../img/dots.gif) repeat-x 0px 4px; height:20px; font-size: 1px; }
.hr_dots2{
	background:url(../img/dots2.gif) repeat-x 0px 0px; height:10px; font-size:1px; }
.hrgray { border-bottom: 1px solid #DDD; background: transparent; margin:15px auto; padding:0px; height:1px; font-size: 1%; }
img.vc{ vertical-align:middle;}


.pagetop_block { font-size:90%; margin:5px 0px; text-align:right;}
.pagetop_block a{ color:#BD313D;}
.pagetop_block img { margin-left:6px; vertical-align:middle;}


/* ____ 汎用要素のプロパティ ____ */

h1,h2,h3,h4,h5,form,p,ul,ol,li{ margin:0; padding:0; }

ul li{ list-style-type:none; }
.list{
	padding-left:17px; }
	.list ul li{
		list-style-type: disc;
		margin-left:10px; }
	.list ol li{
		margin-left:15px; }

.nowrap{ white-space: nowrap; }
img{ border:0px none;}
table img{ vertical-align:middle; }
dl{ margin:10px 0px; }

/* ____ 汎用クラスのプロパティ ____ */
.floatleft{ float:left;}
.floatright{ float:right;}

.pad05{ padding:5px;}
.pad10{ padding:10px;}
.padT{ padding-top:10px;}
.padT20{ padding-top:20px;}
.padL{ padding-left:10px;}
.padL15{ padding-left:15px;}
.padR{ padding-right:10px;}
.padB{ padding-bottom:10px;}
.padB20{ padding-bottom:20px;}
.pad20{ padding:20px;}
.padB3{ padding-bottom:3px;}
.padTB10{ padding-top:10px; padding-bottom:10px;}
.padTB5{ padding-top:5px; padding-bottom:5px;}

.mrg10{ margin:10px;}
.mrgL{ margin-left:10px;}
.mrgL16{ margin-left:16px;}
.mrgL20{ margin-left:20px;}
.mrgR{ margin-right:10px;}
.mrgT5{ margin-top:5px;}
.mrgT{ margin-top:10px;}
.mrgT20{ margin-top:20px;}
.mrgB{ margin-bottom:10px;}
.mrgB5{ margin-bottom:5px;}
.mrgB20{ margin-bottom:20px;}
.mrgC{ margin: 0px auto;}
.mrgTB20{ margin-bottom:20px; margin-top:20px;}
.mrgTB10{ margin-bottom:10px; margin-top:10px;}

.center{ text-align:center;}
.left{ text-align:left;}
.right{ text-align:right;}
.inline div{ display:inline;}


/* ____ フォントカラー ____ */

.txt_br{ color:#600701;}
.txt_gr{ color:#777;}
.txt_white{ color:#FFFFFF;}
.txt_blue{ color:#0066CC;}
.txt_red{ color:#CC0000;}
.txt_pink{ color: #FF3366; }
.txt_pink2{ color: #FF97A0; }


.err_field { background-color: #DEDEDE; }
.err{ color:#CC0000; font-weight:bold;}
.ok{ color:#0000CC; font-weight:bold;}

.bold{ font-weight:bold;}

/*float-clear */
.cfl{ clear:both; height:0pt; line-height:0pt; font-size:1px; display:block; }
/*clearfix */
.clearfix:after{ clear:both; content:"."; display:block; height:0pt; visibility:hidden;}
/*clearfix IE6用*/
* html .clearfix { height:1%;}
.clearfix { display:block;}


/* ____ フォントサイズ ____ */

#header, #container, #container_foot, #copyright, table{
	font-size:x-small;
	line-height:1.4;
	font-family:"Verdana", "Lucida Grande", sans-serif; }

* html #header, * html #container, * html #container_foot, * html #copyright, * html table{
/* ____ xml宣言ありの場合 winIE用 ____ */
	font-size:xx-small;
	line-height:1.4;
	font-family:"Verdana", "Lucida Grande", sans-serif;}

.lsize{ font-size:140%; line-height:1.8;}
.lsize0{ font-size:140%;}
.msize{ font-size:125%; line-height:1.8;}
.ssize{ font-size:104%; line-height:1.6;}
.ssize2{ font-size:106%; line-height:1.6;}
.xssize{ font-size:85%; line-height:1.4;}
.msize0{ font-size:120%;}


.alt{ display:block; left:-5000px; position:absolute; visibility:hidden;}

/*eof*/