@charset "utf-8";

/*【トップを含むサイト全体に共通するスタイル設定となります。】*/

/* ########################################################

■共通基本設定-----------------------------
フォントリセット（YUI使用）
body設定（ベース設定、背景画像、フォント指定他）
リンク、リンクカラー設定
文字設定（見出し、本文他）
clearfix（float解除））
-------------------------------------------

■大枠・レイアウト-------------------------
id=container -----------全体を囲む枠
id=header -----ヘッダー
id=main -------コンテンツ領域_大枠
id=footer_back -----フッターの背景
id=footer -----フッター
--------------------------------------------

■個々のidの内容の設定-------------------------
id=header -----ヘッダー（ロゴ、h1及びコメント、言語ボタン、ユーティリティー）
id=footer -----フッター
--------------------------------------------

カラー--------------------------------------
メインイメージカラー（緑）#669933
テキスト（黒）#000000
ポイントカラー（濃い緑）#336600
ポイントカラー（薄い緑）#94B871
リンクカラー（濃い緑）#336600
ロールオーバー（緑）#669933
フッター背景色（灰色）#D5D5D5
コンテンツ背景#ffffff
--------------------------------------------

######################################################### */




/*========================================================*/
/*共通基本設定*/
/*========================================================*/

/*---------------------------------------------------------
  フォントリセット
--------------------------------------------------------- */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0

-YUI FONT SIZE GUIDE

10px = 77
11px = 85
12px = 93 (was 93)
13px = 100
14px = 108 (was 107)
15px = 116 (was 114)
16px = 123.1 (was 122)
17px = 131 (was 129)
18px = 138.5 (was 136)
19px = 146.5 (was 144)
20px = 153.9 (was 152)
21px = 161.6 (was 159)
22px = 167
23px = 174
24px = 182
25px = 189
26px = 197

*/

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}




/*---------------------------------------------------------
  body設定
--------------------------------------------------------- */
body{
	margin: 0;
	padding: 0;
	border: 0;
	color: #000000;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	line-height: 140%;
	text-align: center;
}




/*---------------------------------------------------------
  文字設定（見出し、本文他）
--------------------------------------------------------- */


p, dt, dd, li, th, td, caption, blockquote {
	font-size:100%;
}

strong, em{
	font-weight: bold;
}




/*---------------------------------------------------------
  リンク
--------------------------------------------------------- */
a{
	color:#336600;
}

a:hover{
	color:#669933;
	text-decoration: underline;
}




/*---------------------------------------------------------
  clearfix
--------------------------------------------------------- */
/*clear*/
.clear:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear{
	display:inline-table;
}

/* Mac IE には適用させない \*/
.clear{
	height: 1%;
	display: block;
}
/* */








/*========================================================*/
/*大枠・レイアウト*/
/*========================================================*/

/*---------------------------------------------------------
  id=container
--------------------------------------------------------- */
#container{
	width: 900px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	background-color: #ffffff;
	text-align: left;
}




/*---------------------------------------------------------
  id=header
--------------------------------------------------------- */
#header {
	width: 900px;
	position: relative;
	height: 77px;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: solid 3px #669933;
	font-size:12px;
}

/*---------------------------------------------------------
  id=English-Head
--------------------------------------------------------- */
#English-Head {
	background:url(../images/english/title2.jpg) 0 0 no-repeat;
	width: 900px;
	height: 97px;
	margin: 0;
	padding: 0;
	border: 0;
}






/*---------------------------------------------------------
  id=main
--------------------------------------------------------- */
#main {
	clear:both;
	margin:0;
	padding:10px 0 0 0;
	border: 0;
	width: 900px;
}





/*---------------------------------------------------------
  id=footer_back
--------------------------------------------------------- */
#footer_back{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border: 0;
	background-color: #ffffff;
	text-align:center;
	background:url(../images/footer_back.gif) left bottom repeat-x;
}




/*---------------------------------------------------------
  id=footer
--------------------------------------------------------- */
#footer {
	width: 900px;
	height:103px;
	background: #669933;
	clear: both;
	margin: 0 auto;
	padding:0;
	border: 0;
	text-align: center;
	font-size:92%;
	color:#FFFFFF;
}


/*---------------------------------------------------------
  id=footer2
--------------------------------------------------------- */
#footer2 {
	background:url(../images/english/copyright.gif) 0 0 no-repeat;
	width: 323px;
	height:17px;
	clear: both;
	margin: 0 auto;
	margin-top:30px;
	padding:0;
	border: 0;
	text-align: center;
	font-size:92%;
	color:#FFFFFF;
}



/*========================================================*/
/*個々のidの内容の設定*/
/*========================================================*/


/*---------------------------------------------------------
  id=header
--------------------------------------------------------- */

/*logo*/
#header #logo {
	clear:both;
	position: absolute;
	top: 0;
	left: 0;
	margin:8px 0 0 0;
	padding: 0;
	border: 0;
}

#header #header_right{
	margin:0;
	padding:0;
	float:right;
	text-align:right;
	font-size:92%;
}

#header #header_right p{
display:inline;
}

/*言語切り替え*/
#header #language {
	width:650px;
	margin: 2px 0 2px 250px;
	padding: 0 0 0 0;
	border: 0;
	text-align: right;
}

#header #language p{
padding-left:2px;
}

#header #language img {
	margin: 0;
	padding:0 0 0 0;
	border: 0;
	vertical-align: bottom;
	width: 60px; 
	height: 20px;
}

#header #language a{ background: no-repeat 0px 0px;}
#header #language a:hover {background: #fff}
/*#header #language a:hover img { visibility:hidden;}*/

/*#header #language p.btn1 a {background: url(../../common/images/language_jp_on.jpg) ;}*/
#header #language p.btn2 a:hover {/*display: inline-block;*/ background: url(../../common/images/language_en_on.jpg) ;}


/*テキスト*/
#header h1{
	width:650px;
	margin: 6px 0 6px 250px;
	display:block;
	text-align:left;
	font-size:92%;
	font-weight:normal;
}


/*ヘッダーリンク*/

#header #header_link p.header_link01{
background:url(../images/header_icon01.gif) left 0.1em no-repeat;
padding:3px 5px 0 18px;
}
#header #header_link p.header_link02{
background:url(../images/header_icon03.gif) left 0.1em no-repeat;
padding:3px 5px 0 18px;
}




/*--------------------------------------------------------
  id=footer
--------------------------------------------------------- */

#footer #footer_navi{
background:#EEEEEE url(../images/footer_navi_back.gif) left top repeat-x;
padding-top:16px;
height:37px;
}

#footer #footer_navi p{
display:inline;
background:url(../images/ico_footer.gif) left top no-repeat;
padding-left:12px;
padding-right:16px;
}

#footer #footer_navi a{
text-decoration:underline;
}