@charaset"shift_JIS";
/* CSS Document */

/* --------全体構造-------------- */

body {
	margin:0px;
	padding:0px;
	color:#333;
	background: #D4D4D4;
	  }

#wrapper {
	margin:0px;
	padding:0px;
	width:765px;
	text-align:left;
	background: #FFFFFF;
}
		  
/* --------ヘッダー-------------- */

#header-group {
	background: url(../img/header.jpg) no-repeat;
	margin:0px;
	padding:0px;
	height: 81px;
}

#header-group img{vertical-align: middle;}

#site-id {
	width:300px;
	float: left;
	margin: 0px;
	padding:0px;
}

#site-id img {
	position: absolute;
	left: 10px;
	top: 10px;
}

#site-id h1 {
	margin: 0px 0px 0px 15px;
	text-indent: -9999px;
}

#site-id h2 {
	font: 1em;
	text-indent: -9999px;}
		

#sub {
	float: right;
	padding-top: 10px;
	padding-right: 5px;
}


/* --------グローバルナビ-------- */

#header-group ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #d4d4d4;
}

#navi li{
  position: absolute;
  top: 80px;
  display: block;
  margin: 0;
  padding: 0;
  width: 85px;
  height: 28px;
  text-indent: -9999px;
}

#navi li a { text-decoration: none;
  display: block;
  width: 85px;
  height: 28px;}


#navi li#home {left: 0px;
               background: url(../img/menu.gif) no-repeat 0 -28px;}

#navi li#home2 {left: 0px;
                background: url(../img/menu.gif) no-repeat 0 0px;}

#navi li#chinese {
  left: 85px;
  background: url(../img/menu.gif) -85px 0px no-repeat;
}

#navi li#chinese2 {
  left: 85px;
  background: url(../img/menu.gif) -85px -28px no-repeat;
}

#navi li#korean {
  left: 170px;
  background: url(../img/menu.gif) -170px 0px no-repeat;
}

#navi li#korean2 {
  left: 170px;
  background: url(../img/menu.gif) -170px -28px no-repeat;
}

#navi li#thai {
  left: 255px;
  background: url(../img/menu.gif) -255px 0px no-repeat;
}

#navi li#thai2 {
  left: 255px;
  background: url(../img/menu.gif) -255px -28px no-repeat;
}

#navi li#vietnamese {
  left: 340px;
  background: url(../img/menu.gif) -340px 0px no-repeat;
}

#navi li#vietnamese2 {
  left: 340px;
  background: url(../img/menu.gif) -340px -28px no-repeat;
}

#navi li#indonesian {
  left: 425px;
  background: url(../img/menu.gif) -425px 0px no-repeat;
}

#navi li#indonesian2 {
  left: 425px;
  background: url(../img/menu.gif) -425px -28px no-repeat;
}

#navi li#filipino {
  left: 510px;
  background: url(../img/menu.gif) -510px 0px no-repeat;
}

#navi li#filipino2 {
  left: 510px;
  background: url(../img/menu.gif) -510px -28px no-repeat;
}

#navi li#cantonese {
  left: 595px;
  background: url(../img/menu.gif) -595px 0px no-repeat;
}

#navi li#cantonese2 {
  left: 595px;
  background: url(../img/menu.gif) -595px -28px no-repeat;
}

#navi li#other {
  left: 680px;
  background: url(../img/menu.gif) -680px 0px no-repeat;
}

#navi li#other2 {
  left: 680px;
  background: url(../img/menu.gif) -680px -28px no-repeat;
}

/* --------コンテンツ-------- */

#content {
	clear: both;
	padding: 0px;
	margin: 35px 0px 0px;
    border-bottom: 1px solid #ffffff;
	}

#main-image {
	margin-bottom: 10px;
}

/* --------レフト-------- */

#left {
	width:210px;
	float:left;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}

/* --------レフト　サブメニュー-------- */

#sub-menu{
	margin:0px 0px 0px 5px;
	padding: 0px;}

#sub-menu li {
    list-style:none;
    font-size: 0.8em;
	margin: 0px;
	padding:5px;
	border-top: 1px solid #9E9E9E;
	color: #333333;}

#sub-menu li a {
    color:#333333;
	display:block;
	padding: 5px 0px 2px 3px;
	width:190px;
	text-decoration:none;
}

#sub-menu li a:hover {border-left: 5px solid #CC9900;}

#sub-menu img {
	margin-bottom: 5px;
}

#on {
	background: url(../img/on.jpg) repeat;
}

/* --------レフト　フォーム-------- */

#form{
	margin:3px 0px 0px 5px;
	padding: 0px;}


/* --------レフト　インフォ-------- */

#info {margin: 30px 0px 0px 5px;
       padding: 0px;}

#info li {
    list-style:none;
    font-size: 0.8em;
	margin: 0px;
	padding:5px;
	border-top: 1px solid #9E9E9E;
	color: #333333;}

#info li a {
    color:#333333;
	display:block;
	padding: 5px 0px 2px 3px;
	width:190px;
	text-decoration:none;
}

#info li a:hover {border-left: 5px solid #CC9900;}

#info img {
	margin-bottom: 5px;
}

/* --------レフト　キャンペーン-------- */

#news {
	margin: 10px 0px 0px 5px;
	padding: 0px;
}

#campaign {margin: 5px 0px 15px 0px;}

/* --------メインコンテンツ-------- */

#main {
	width: 530px;
	margin: 0px 5px 0px 0px;
	background: #FFFFFF;
	padding: 0px 5px 0px 0px;
	float: right;
}

#main p {
	font-size: 0.9em;
	line-height:150%;
	margin-top: 8px;
	margin-bottom: 8px;
}

#main li {font-size: 0.9em;
          line-height:150%;}

#main h2 {
	font-size:1em;
	background: url(../img/header-bg.gif) repeat-x;
	line-height: 1.5em;
	padding: 2px;
}

#main h3 {
	font-size:0.9em;
	background: #385550 url(../img/h3-bg.jpg) repeat;
	padding: 7px 5px 5px;
	color: #FFFFFF;
	margin: 0px;
}

#main h4 {
	font-size:0.9em;
	background: #BC6C0E url(../img/h4-bg.jpg) repeat-x;
	padding: 7px 5px 5px;
	color: #FFFFFF;
}

#main h5 {
	font-size:0.9em;
	color: #BC6C0E;
}

.image {
	float: right;
	margin-left: 5px;
}

.image2 {
	float: left;
	margin-right: 10px;
}

.image3 {margin-bottom:20px;}

.middle {
	vertical-align: middle;
}

.list li{
	margin-bottom: 3px;
}

.top {margin: 0px;
	padding: 0px;
	clear: both;
}

.top ul{list-style:none;
        font-size:12px;
	    text-align:right;
        background: url(../img/top.gif) no-repeat right;}
	
.top li{display:inline;
        padding-left:5px;}

.top li a{padding-right:15px;
          vertical-align:middle;
		  text-decoration:none;
		  color:#333333;}

.right {text-align:right;}

.box1 {
	border: 1px solid #CCCCCC;
	width: 300px;

}
.red {
	color: #D02622;
}

/* --------フッター-------- */

#footer {
	background: #d4d4d4 url(../img/footer-bg.gif) no-repeat;
	position:relative;
	margin: 0px;
	padding: 5px;
	height: 60px;
	text-align: right;
	clear: both;
}

#footer address {
	font-size: 11px;
	font-style: normal;
	margin-left: 5px;
}

#footer ul {
	margin: 0px;
	padding: 5px 0px 0px;
	list-style:none;
	font-size:11px;
	text-align:right;
}

#footer li{display:inline;
           padding-left:5px;}

#footer li a{
	padding:10px 0px;
	vertical-align:middle;
	text-decoration:none;
	color: #000000;
}

#footer li#sitemap a{
	padding-right:15px;
	text-decoration:none;
	color:#333333;
	background: url(../img/sitemap.gif) no-repeat right;
}

#footer li#privacy a{
          padding-right:15px;
		  text-decoration:none;
		  color:#333333;
		  background: url(../img/privacy.gif) no-repeat right;}


/* --------ドロップシャドウ-------- */

.shadowbox {margin:10px; auto;
            width:480px;
         	background:url(../img/middle.gif) repeat-y;}

.header {width:480px;
         height:30px;
		 background:url(../img/header.gif) no-repeat;}

.content {color:#333333;
          padding:0 5px 5px 0px;
		  margin:0 15px;}

.list {
	margin: 15px 0px 0px 20px;
	padding: 0px;
    font-size: 0.8em;
}

.list li {
	padding: 0px 0px 3px;
}

.footer {width:480px;
         height:17px;
		 background:url(../img/footer.gif) no-repeat;}

/* --------テーブルレイアウト-------- */

#main table {
	border: 1px solid #663300;
	border-collapse:separate;
	background: #FFFFFF;
	width: 520px;
	font-size: 0.8em;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 140%;
}

#main caption {
    margin-top:10px;
	text-align: left;
	font-size:1em;
	font-weight: bold;
}

#main .td01 {
	background: url(../img/td-bg1.jpg) repeat;
	padding: 5px;
	border-right: 1px solid #663300;
	border-bottom: 1px solid #663300;
	font-weight: bold;
	color: #000000;
	tex-align:center;
}

#main .td02 {
	padding: 7px;
	border-right: 1px solid #663300;
	border-bottom: 1px solid #663300;
	color: #000000;
}

#main .td03 {
	padding: 7px;
	border-right: 1px solid #663300;
	border-bottom: 1px solid #663300;
	color: #000000;
	background: #DDD19B;
}

#main .td04 {
	padding: 7px;
	border-right: 1px solid #663300;
	border-bottom: 1px solid #663300;
	color: #000000;
	background: #EDE0A6;
}

#main .td05 {
	background: url(../img/td-bg1.jpg) repeat;
	padding: 5px;
	border-right: 1px solid #663300;
	border-bottom: 1px solid #663300;
	font-weight: bold;
	color: #000000;
	tex-align:center;
	width:200px;
}