@charset "utf-8";

*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl {line-height:1.0em;}
li {list-style:none;}
img {display:block; border:0px;}
a, a:link {text-decoration:none;}
a:hover {text-decoration:underline; color:#FF0099;}
form{margin:0px; padding:0px;}


/* body --------------------- */
body{
font:100% Lucida Grande, Lucida Sans Unicode, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, MS Pゴシック,  Helvetica, Arial, Verdana, sans-serif;
color:#333333;
background:url(../../../common/images/bg/bg.gif) repeat-x;
}


/* wrapper --------------------- */
#wrapper{
width:960px;
margin:0px auto;
}


/* header --------------------- */
#header{
height:60px;
}
#header-left{
float:left;
width:240px;
}
#header-left img{
margin-top:10px;
margin-left:15px;
}
#header-right{
float:right;
width:720px;
}


/* ------------------------------------------------ NAV ------------------------------------------------ */
#nav{
clear:both;
height:85px;
background:url(../../../common/images/navigation/navigation_hom.jpg) no-repeat;
}

/* NAV - global */
#nav #global{
height:48px;
}
#nav #global ul{
margin-left:160px;
}
.sitemap #nav #global ul{
margin-left:30px;
}
#nav #global li{
float:left;
width:130px;
height:45px;
text-align:center;
font-size:95%;
font-weight:bold;
}
#nav #global li a{
height:30px;
padding-top:15px;
display:block;
color:#FFFFFF;
}
#nav #global li a:hover{
color:#EAD475;
text-decoration:none;
}
.sitemap #nav #global li.current_link a{
height:33px;
padding-top:15px;
color:#EAD475;
}
#nav #global li.search{
width:178px;
height:22px;
margin:10px 0px 0px 20px;
padding:2px 0px 0px 0px;
background-color:#000000;
border-bottom:1px solid #666666;
}
#nav #global li.search .search_box{
width:118px;
height:12px;
}
#nav #global li.search .search_button{
width:46px;
font-family:Lucida Grande, Lucida Sans Unicode, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, MS Pゴシック,  Helvetica, Arial, Verdana, sans-serif;
font-size:70%;
}

/* NAV - Sub */
#nav #sub{
height:37px;
}
#nav #sub p{
padding-top:3px;
padding-left:150px;
color:#FFFFFF;
font-weight:bold;
letter-spacing:0.08em;
font-size:85%;
}

/* sitemap - NAV - Sub */
.sitemap #nav #sub ul{
margin-left:18px;
list-style:none;
}
.sitemap #nav #sub li{
float:left;
margin-left:40px;
padding-top:3px;
font-weight:bold;
}
.sitemap #nav #sub li a {
display:block;
color:#FFFFFF;
}
.sitemap #nav #sub li.current{
color:#EAD475;
}





/* CONTENTS ----------------------------------------- */
#contents{
	clear:both;
	height:850px;
	background:url(../../../common/images/bg/bg_sitemap.jpg) no-repeat;
}

/* CONTENTS - main ----------------------------------------- */
#contents #main{
	width:902px;
	margin:3px auto;
	padding:12px 17px 0px 17px;
}



/* main - summary ----------------------------------------- */
#main #summary{
	width:902px;
	height:115px;
}
.sitemap #main #summary{
	width:902px;
	height:70px;
}

/* summary - text */
#summary #text{
	float:left;
	width:682px;
	height:115px;
}
.sitemap #summary #text{
	float:left;
	width:652px;
	height:70px;
}



#summary #text h1{
	margin:15px 60px 8px 8px;
	padding:0px 0px 8px 48px;
	color:#F0F0F0;
	font-size:140%;
	background:url(../../../common/images/index/index_h1_homepage.gif) no-repeat 3px 0px;
	letter-spacing:0.15em;
	border-bottom:1px solid #FF3300;
}

/* sitemap - h1 */
.sitemap #summary #text h1{
margin:25px 60px 10px 8px;
padding:2px 0px 8px 48px;
color:#F0F0F0;
font-size:150%;
background:url(../../../common/images/index/index_h1_homepage.gif) no-repeat 3px 0px;
letter-spacing:0.05em;
border-bottom:1px solid #FF3300;
}

#summary #text p{
margin-left:8px;
padding:0px 0px 0px 4px;
font-size:85%;
color:#FFFFFF;
line-height:1.4em;
letter-spacing:0.1em;
}
#summary #text a{
color:#FF88DD;
}

/* summary - animation */
#summary #animation{
	float:right;
	width:220px;
	height:115px;
}
.sitemap #summary #animation{
	float:right;
	width:250px;
	height:70px;
}
#summary #animation img{
	margin-top:30px;
	margin-left:30px;
}
.sitemap #summary #animation img{
	margin-top:20px;
	margin-left:70px;
}

/* sitemap - main - home ----------------------------------------- */
#home{
	height:80px;
	padding-top:35px;
}
#home ul{
	margin:5px 0px 0px 25px;
}
#home li{
	padding-left:15px;
	line-height:2.0em;
	float:left;
	margin-right:50px;
	background:url(../../../common/images/index/index_dot_hom.gif) no-repeat left;
}

/* main - block ----------------------------------------- */
#block_1, #block_2{
	clear:both;
	height:295px;
font-size:90%;
}
#characters, #resources, #conversation, #vocabulary{
	width:440px;
	height:265px;
	padding-top:20px;
}
#characters{
	float:left;
	margin-top:2px;
}
#resources{
	float:right;
	margin-top:2px;
	margin-right:10px;
}
#conversation{
	float:left;
	margin-top:2px;
	margin-left:10px;
}
#vocabulary{
	float:right;
	margin-top:2px;
}



#main h2{
	margin:0px 0px 0px 20px;
	padding-top:4px;
	padding-bottom:7px;
	padding-left:40px;
	font-size:140%;
	color:#333333;
	background:url(../../../common/images/index/index_cloud_h2.gif) no-repeat 0px 4px;
	letter-spacing:0.03em;
}
#main h2 a, #main h2 a:link{
	color:#333333;
}
#main h2 a:hover{
	color:#FF0099;
	text-decoration:none;
}



#characters ul, #resources ul, #conversation ul, #vocabulary ul{
	margin:0px 0px 0px 25px;
}
#characters li, #resources li, #conversation li, #vocabulary li{
	padding-left:15px;
	line-height:1.5em;
}
#characters li{background:url(../../../common/images/index/index_dot_cha.gif) no-repeat left;}
#resources li{background:url(../../../common/images/index/index_dot_res.gif) no-repeat left;}
#conversation li{background:url(../../../common/images/index/index_dot_con.gif) no-repeat left;}
#vocabulary li{background:url(../../../common/images/index/index_dot_voc.gif) no-repeat left;}
#characters .indent_nav1, #resources .indent_nav1, #conversation .indent_nav1, #vocabulary .indent_nav1{
	background:none;
	margin-left:15px;
	padding-left:0px;
	line-height:1.4em;
}



/* main - update ----------------------------------------- 
.homepage #update{
	height:1px;
	margin:0px 0px 0px 20px;
	padding:0px;
}
#update h4{
	margin:0px;
	padding:5px 0px 5px 0px;
	text-decoration:underline;
	font-size:110%;
	color:#FFFFFF;
	letter-spacing:0.1em;
}
#update ul{
	font-size:100%;
}
#update li{
	margin:0px 15px;
	padding:3px 0px 3px 0px;
	list-style:disc;
}
*/



/* ------------------------------------------------ FOOTER ------------------------------------------------ */
#footer{
	clear:both;
	width:960px;
	height:100px;
	margin:0px auto 10px auto;
	color:#777777;
}

/* FOOTER - footer_left */
#footer #footer_left{
	float:left;
	width:560px;
	height:100px;
}
#footer_left #footer_nav{
	margin-top:35px;
	margin-left:2px;
	color:#FF3300;
}
#footer_left #footer_nav a{
	padding:0px 10px;
	color:#777777;
font-size:85%;
	font-weight:bold;
	letter-spacing:0.03em;
}
#footer_left #copyright{
	margin-top:20px;
	margin-left:12px;
font-size:75%;
	line-height:1.5em;
	letter-spacing:0.1em;
} 

/* FOOTER - footer_right */
#footer #footer_right{
	float:right;
	width:400px;
	height:100px;
}
#footer_right.square_kana, #footer_right.round_kana{
	background:url(../../../common/images/seal/signature_kanji.gif) no-repeat 40px 50px;
}
#footer_right.square_kanji, #footer_right.round_kanji{
	background:url(../../../common/images/seal/signature_kana.gif) no-repeat 40px 50px;
}
#footer_right.square_kana img, #footer_right.square_kanji img{
	margin-top:6px;
	margin-left:294px;
}
#footer_right.round_kana img, #footer_right.round_kanji img{
	margin-top:22px;
	margin-left:310px;
}


/* /////////////////////////////////////////////////////////////////////// FORM - header-right /// */
#header-right #form1{
float:right;
width:144px;
height:25px;
margin-top:15px;
margin-right:12px;
}
#header-right #form1.lang_en{
background:#222222 url(../../../common/images/language/lang_en.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_es{
background:#222222 url(../../../common/images/language/lang_es.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_fr{
background:#222222 url(../../../common/images/language/lang_fr.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_hi{
background:#222222 url(../../../common/images/language/lang_hi.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_id{
background:#222222 url(../../../common/images/language/lang_id.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_ja{
background:#222222 url(../../../common/images/language/lang_ja.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_ko{
background:#222222 url(../../../common/images/language/lang_ko.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_ru{
background:#222222 url(../../../common/images/language/lang_ru.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_th{
background:#222222 url(../../../common/images/language/lang_th.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_tr{
background:#222222 url(../../../common/images/language/lang_tr.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_zh{
background:#222222 url(../../../common/images/language/lang_zh.gif) no-repeat 7px 6px;
}
#header-right select{
width:105px;
height:19px;
margin-top:3px;
margin-left:32px;
padding-top:0px;
padding-left:6px;
font:80% Lucida Grande, Lucida Sans Unicode, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, MS Pゴシック,  Helvetica, Arial, Verdana, sans-serif;
}
#header-right select option{
padding:2px 0px 2px 8px;
}
#header-right select option.bottom{
padding:2px 0px 6px 8px;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */