@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(../images/bg/bg.gif) repeat-x;
}

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

/* --------------------------------------------------------------------------------------------------- header */
#header{
height:60px;
}
#header-left{
float:left;
width:795px;
}
#header-left img{
float:left;
margin-top:10px;
margin-left:15px;
margin-right:40px;
}
#header-left img.official_twitter,#header-left img.official_channel{
margin-left:0px;
margin-right:0px;
}
#header-right{
float:right;
width:165px;
}
	
	
/* --------------------------------------------------------------------------------------------------- nav */
#nav{
clear:both;
height:85px;
background:url(../images/navigation/navigation.jpg) no-repeat;
}

/* ----------------------------------------- nav - global */
#nav #global{
height:48px;
}
#nav #global ul{
margin-left:30px;
list-style:none;
}
#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;
}
#nav #global li.home a{
height:48px;
padding:0px;
background:url(../images/navigation/home.gif) no-repeat;
}
#nav #global li.home a:hover{
background:url(../images/navigation/home_h.gif) no-repeat;
}
#nav #global li.current, #nav #global li.current_link a{
height:33px;
padding-top:15px;
color:#EAD475;
background:url(../images/navigation/current.gif) no-repeat;
}
#nav #global li.current_link a:hover{
text-decoration:underline;
}
.hom #nav #global li.current_link a{
height:33px;
padding-top:15px;
color:#EAD475;
background-image:none;
}
#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:14px;
}
#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 ul{
margin-left:10px;
list-style:none;
}
#nav #sub li{
float:left;
margin-left:20px;
margin-right:25px;
padding-top:3px;
font-size:85%;
font-weight:bold;
}
#nav #sub li a {
display:block;
color:#FFFFFF;
}
#nav #sub li.current{
color:#EAD475;
}
#nav #sub li.current_link a{
color:#EAD475;
}
#nav #sub p{
padding-top:4px;
padding-left:50px;
color:#FFFFFF;
font-weight:bold;
letter-spacing:0.08em;
}


/* --------------------------------------------------------------------------------------------------- contents */
#contents{clear:both;}


/* --------------------------------------------------------------------------------------------------- main */
#main{
float:left;
width:708px;
margin-left:12px;
padding-bottom:20px;
text-align:justify;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */



/* ///////////////////////////////////////////////////////////  h  ///////////////////////////////// */

/* ------------------------------------------ h1 */
h1{
height:71px;
margin-top:10px;
margin-bottom:10px;
padding-top:47px;
padding-left:35px;
font-size:170%;
letter-spacing:0.05em;
color:#FFFFFF;
}
.hom h1{background:url(../images/h1/h1_hom.png) no-repeat;}
.cha h1{background:url(../images/h1/h1_cha.png) no-repeat;}
.con h1{background:url(../images/h1/h1_cou.png) no-repeat;}
.cou h1{background:url(../images/h1/h1_cou.png) no-repeat;}
.voc h1{background:url(../images/h1/h1_voc.png) no-repeat;}
.res h1{background:url(../images/h1/h1_res.png) no-repeat;}


/* ------------------------------------------ h2 */
h2{
clear:both;
height:50px;
margin-top:100px;
margin-bottom:20px;
padding-left:53px;
background:url(../images/h/h2.gif) no-repeat 0px 7px;
font-size:160%;
color:#333333;
line-height:1.8em;
letter-spacing:0.06em;
}
h2 a, h2 a:link{
color:#333333;
}
h2 a:hover{
color:#FF0099;
text-decoration:none;
}
	
/* ------------------------------------------ h3 */
h3{
clear:both;
height:24px;
margin-top:60px;
margin-bottom:15px;
padding-top:6px;
padding-left:15px;
font-size:120%;
letter-spacing:0.1em;
color:#FFFFFF;
}
.hom h3{background:url(../images/h3/h3_hom.png) no-repeat;}
.cha h3{background:url(../images/h3/h3_cha.png) no-repeat;}
.con h3{background:url(../images/h3/h3_cou.png) no-repeat;}
.cou h3{background:url(../images/h3/h3_cou.png) no-repeat;}
.voc h3{background:url(../images/h3/h3_voc.png) no-repeat;}
.res h3{background:url(../images/h3/h3_res.png) no-repeat;}

/* ------------------------------------------ h4 */
h4{
margin:50px 0px 10px 0px;
padding:4px 0px 4px 0px;
font-size:120%;
color:#FF6633;
letter-spacing:0.06em;
}
	
/* ------------------------------------------ h5 */
h5{
margin:30px 0px 15px 0px;
padding:4px 0px 4px 5px;
font-size:120%;
color:#FF6633;
color:#FFFFFF;
letter-spacing:0.06em;
background-color:#FAFAFA;
background-color:#E44171;
border-top:solid 1px #F7F7F7;
border-top:solid 0px #F7F7F7;
border-bottom:solid 1px #EFEFEF;
border-bottom:solid 1px #EBEBEB;
border-bottom:solid 0px #EBEBEB;
}
/* ------------------------------------------ h6 */
h6{
clear:both;
margin:20px 0px 5px 0px;
font-size:120%;
color: #FF6633;
letter-spacing:0.03em;
}
/* ///////////////////////////////////////////////////////////  h  ///////////////////////////////// */



/* ///////////////////////////////////////////////////////////  p  ///////////////////////////////// */
#main p{
padding:4px 0px 4px 0px;
line-height:1.4em;
}
	
/* ------------------------------------------ index */
#main .index{
padding:6px 0px 6px 17px;
line-height:1.6em;
}
.hom #main .index{background:url(../images/index/index_dot_hom.gif) no-repeat 0px 13px;}
.cha #main .index{background:url(../images/index/index_dot_cha.gif) no-repeat 0px 13px;}
.con #main .index{background:url(../images/index/index_dot_con.gif) no-repeat 0px 13px;}
.cou #main .index{background:url(../images/index/index_dot_con.gif) no-repeat 0px 13px;}
.voc #main .index{background:url(../images/index/index_dot_voc.gif) no-repeat 0px 13px;}
.res #main .index{background:url(../images/index/index_dot_res.gif) no-repeat 0px 13px;}
.tra #main .index{background:url(../images/index/index_dot_hom.gif) no-repeat 0px 13px;}
	
/* ------------------------------------------ index link */
#main .index_link{
padding:4px 0px 4px 18px;
line-height:1.3em;
font-size:95%;
}
.hom #main .index_link{background:url(../images/index/index_link_hom.gif) no-repeat 0px center;}
.cha #main .index_link{background:url(../images/index/index_link_cha.gif) no-repeat 0px center;}
.con #main .index_link{background:url(../images/index/index_link_con.gif) no-repeat 0px center;}
.cou #main .index_link{background:url(../images/index/index_link_con.gif) no-repeat 0px center;}
.voc #main .index_link{background:url(../images/index/index_link_voc.gif) no-repeat 0px center;}
.res #main .index_link{background:url(../images/index/index_link_res.gif) no-repeat 0px center;}

/* ------------------------------------------ index list */
#main .index_list{
margin:0px 0px 0px 17px;
padding:3px 0px 3px 17px;
line-height:1.4em;
}
.hom #main .index_list{background:url(../images/index/index_arrow_hom.gif) no-repeat 0px 8px;}
.cha #main .index_list{background:url(../images/index/index_arrow_cha.gif) no-repeat 0px 8px;}
.con #main .index_list{background:url(../images/index/index_arrow_con.gif) no-repeat 0px 8px;}
.cou #main .index_list{background:url(../images/index/index_arrow_con.gif) no-repeat 0px 8px;}
.voc #main .index_list{background:url(../images/index/index_arrow_voc.gif) no-repeat 0px 8px;}
.res #main .index_list{background:url(../images/index/index_arrow_res.gif) no-repeat 0px 8px;}
	
/* ------------------------------------------ index ! */
#main .index_att{
margin-left:1px;
padding:4px 0px 4px 16px;
background:url(../images/index/index_attention.gif) no-repeat 0px 10px;
line-height:1.4em;
font-size:95%;
}

/* ------------------------------------------ index warning */
#main .index_warning{
padding:6px 0px 6px 20px;
background:url(../images/index/index_attention.gif) no-repeat 10px 9px;
font-size:95%;
line-height:1.4em;
border:solid 1px #FF3399;
}

/* ------------------------------------------ index ? */
#main .index_que{
padding:4px 0px 4px 17px;
background:url(../images/index/index_question.gif) no-repeat 0px 9px;
font-size:95%;
line-height:1.4em;
}

/* ------------------------------------------ index caption */
#main .caption{
padding:0px 0px 20px 0px;
line-height:1.0em;
font-size:85%;
}

/* ------------------------------------------ index small */
#main .index_small{
padding:3px 0px 3px 15px;
line-height:1.2em;
background:url(../images/index/index_dot_small.gif) no-repeat 0px 8px;
font-size:90%;
}

/* ------------------------------------------ index no index */
#main .no_index{
padding:6px 0px 6px 0px;
line-height:1.6em;
}

/* ------------------------------------------ index no index17 */
#main .no_index17{
padding:6px 0px 6px 17px;
line-height:1.6em;
}
/* ///////////////////////////////////////////////////////////  p  ///////////////////////////////// */



/* /////////////////////////////////////////////////////////////////////////  table  /////////////// */
table{
width:100%;
margin-top:15px;
margin-bottom:20px;
border-collapse:collapse;
border:1px solid #BFBFAE;
}
table th{
padding:3px 10px 3px 10px;
border:1px solid #BFBFAE;
background-color:#F5F4F4;
font-size:90%;
text-align:center;
}
table td{
padding:6px 10px 6px 10px;
border:1px solid #BFBFAE;
text-align:left;
}
table td p{
padding:6px 0px 6px 0px;
line-height:1.2em;
}
table th img{
margin:0px auto;
}
table td img{
margin:0px auto;
}
.row_space{
height:2px;
padding:0px;
}
.tb_fix{
table-layout:fixed;
}
/* /////////////////////////////////////////////////////////////////////////  table  /////////////// */



/* //////////////////////////////////////////////////////////////////////////  list  ///////////////// */
ol{
margin:10px 0;
}
ol li{
margin-left:23px;
padding:3px 0px 3px 0px;
list-style:decimal;
list-style-position:outside;
line-height:1.3em;
}

/* ------------------------------------------ list_number */
ol.list_number li{
margin-left:20px;
padding:4px 0px 4px 0px;
list-style:decimal;
list-style-position:outside;
line-height:1.4em;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */



/* /////////////////////////////////////////////////////////////////////////  main  /////////////// */

/* ------------------------------------------------------------------------------- breadcrumb */
#breadcrumb{
height:10px;
margin-top:5px;
margin-bottom:15px;
line-height:1em;
font-size:85%;
}


/* ------------------------------------------------------------------------------- jump_nav */
#jump_nav{
height:20px;
margin-top:10px;
text-align:center;
letter-spacing:0.02em;
font-size:100%;
}
#jump_nav a{
padding:0px 10px;
text-decoration:none;
}
#jump_nav .no_link{
padding:0px 10px;
color:#FF3399;
}


/* summary ----------------------------------------- */
#summary{
width:708px;
height:90px;
margin:15px 0px 5px 0px;
padding:12px 0px 8px 0px;
color:#333333;
background:url(../images/summary/summary.png) no-repeat;
text-align:center;
}
#summary p{
margin:0px 30px 0px 30px;
padding:2px 0px 2px 0px;
line-height:1.4em;
letter-spacing:0.01em;
}
#summary p.line1{
margin-top:22px;
}
#summary p.line2{
margin-top:12px;
}


/* ------------------------------------------------------------------------------- jump_nav_bottom */
#main #jump_nav_bottom{
height:20px;
margin-top:100px;
text-align:center;
letter-spacing:0.02em;
font-size:105%;
}
#jump_nav_bottom a{
padding:0px 10px;
text-decoration:none;
}
#jump_nav_bottom .no_link{
padding:0px 10px;
color:#FF3399;
}
	

/* ------------------------------------------------------------------------------- bottom */
#bottom{
clear:both;
margin-top:30px;
padding:8px 0px 8px 0px;
text-align:center;
color:#333333;
background:url(../images/bg/bg_mid.gif) repeat;
border-top:3px solid #A19D7A;
border-bottom:3px solid #A19D7A;
border-right:8px solid #A19D7A;
border-left:8px solid #A19D7A;
}


/* ------------------------------------------ part nav */
#bottom #part_nav p{
padding:0px 0px;
font-size:80%;
}
#bottom #part_nav .lesson_num{
padding:10px 0px 10px 0px;
font-weight:bold;
}
#bottom #part_nav .lesson_num a, #bottom #part_nav .lesson_num .no_link{
padding:0px 20px;
}


/* ------------------------------------------ breadcrumb_bottom */
#bottom #breadcrumb_bottom{
padding:0px 0px 0px 0px;
font-size:80%;
}
	
	
	
	/* main - picture ----------------------------------------- */
	#main #picture{
		clear:both;
		margin-top:20px;
		margin-bottom:10px;
		padding:4px 4px 8px 4px;
		text-align:center;
		background-color:#000000;
		color:#FFFFFF;
		font-size:95%;
	}
	#main #picture img{
		margin-bottom:8px;
	}
/* /////////////////////////////////////////////////////////////////////////  main  /////////////// */
	


/* //////////////////////////////////////////////////////////////////////////  component   /////// */

/* ------------------------------------------ pagetop */
.pagetop{
clear:both;
height:24px;
margin:0px 0px 50px 0px;
padding-top:10px;
padding-bottom:0px;
}
.pagetop img{
float:right;
}

/* ------------------------------------------ subscribe */
#subscribe{
margin-top:5px;
margin-right:0px;
margin-bottom:25px;
margin-left:15px;
padding:8px 0px 8px 10px;
background-color:#444444;
}




/* ------------------------------------------ adobe */
#adobe{
margin-top:20px;
margin-bottom:50px;
padding:10px 0px 10px 0px;
}
#adobe img{
float:left;
margin-top:5px;
margin-right:20px;
}
#adobe p{
margin-top:0px;
font-size:90%;
line-height:1.2em;
}

/* BUTTON GRAPHIC --------------------- */
.button_play{
	margin-left:3px;
	background:url(../images/button/button_play.gif) no-repeat left;
	padding-left:20px;
}
.button_next{
	background:url(../images/button/button_next.gif) no-repeat left 1px;
	margin:0px 0px 0px 3px;
	padding: 0px 0px 0px 20px;
}


/* SWF --------------------- */
.swf{
	margin:0px 0px 15px 0px;
}
.swf_stroke{
	margin:0px 0px 10px 0px;
}
.swf_word{
	margin:10px 0px 10px 0px;
}





/* KANA CHART --------------------- */
.kana .chart{
	margin-bottom:10px;
	text-align:center;
}
.kana .chart th{
	padding:5px 10px 5px 10px;
}
.kana .chart td{
	padding:4px 5px 4px 5px;
}
.kana .chart td.row_space{
	height:5px;
	padding:0px;
}



/* CONTENT LIST - kana, kanji, basic, writing --------------------- */
.content_list{
	margin:0px 0px 10px 0px;
}
.content_list th{
	text-align:center;
}
.content_list td{
	padding:4px 10px 4px 10px;
}
.content_list td a, .content_list td .no_link{
	font-size:100%;
}



/* Text Input page --------------------- */
#keystroke_left{
	float:left;
	width:260px;
	height:370px;
	border:1px solid #dedecd;
}
#keystroke_right{
	float:right;
	width:426px;
	height:372px;
	padding-left:20px;
}



/* KANA DRILL --------------------- */

/* sample stroke - kana, kanji */
#sample_stroke{
	float:right;
	margin:0px 0px 0px 0px;
	padding:20px 52px 30px 52px;
	background-color:#F5F5ED;
}

#sample_writing{
	margin:10px 0px 20px 0px;
	padding:3px 4px 5px 4px;
	background-color:#F5F5ED;
}


/* TOP */
#top{
	height:222px;
	margin-top:20px;
}
#top_left{
	float:left;
	width:500px;
}
#top_right{
	float:right;
	width:180px;
	height:220px;
	border:1px solid #dedecd;
}





/* stroke - katakana only */
.kana table.stroke{
	text-align:center;
	border:0px;
}
.kana table.stroke td{
	padding:4px;
	background-color:#dedecd;
	border:1px solid #dedecd;
}

/* reading - katakana only */
.kana .reading{
	text-align:center;
}
.kana .reading th{
	text-align:left;
}
.kana .reading td{
	width:70px;
	padding:4px;
}

/* word - kana */
.kana .word{
	text-align:center;
}
.kana .word th{
	padding:3px;
}
.kana .word td{
	padding:3px;
	font-size:95%;
}

/* writing - kana */
.writing{
	margin:0px 0px 10px 0px;
}
.writing th{
	width:60px;
	padding:3px;
}
.writing td{
	padding:3px 15px;
	vertical-align:middle;
}
.writing td p{
	padding:1px 0px;
}

/* typing */
.typing{
	table-layout:fixed;
	text-align:center;
	margin:0px 0px 10px 0px;
}
.typing th{
	text-align:left;
}

/* sample drill - kana, kanji, basic */
#sample_drill{
	height:190px;
	margin:15px 0px 15px 0px;
	padding:10px 43px 14px 43px;
	background-color:#F5F5ED;
}
#sample_drill img{
	float:left;
	border:solid 2px #F5F5ED;
}
#sample_drill img.middle{
	margin:0px 80px;
}
#sample_drill a:hover img{
	border:solid 2px #FF0099;
}





/* kanji --------------------- */

/* instruction */
.kanji .instruction{margin:0 auto 10px auto;}
.kanji .instruction th{width:70px; padding:0px; text-align:center;}
.kanji .instruction .stroke{width:70px; padding:5px 5px 3px 5px; vertical-align:top; background:#dedecd;} /* kanji anime */
.kanji .instruction td{padding:5px 10px 5px 10px; vertical-align:top;}
.kanji .instruction td p{margin:0; padding:3px 0px;}
.kanji .instruction td.h15{background:#fdfcf1;}
.kanji .instruction ul{margin:3px 0px 0px 14px;}
.kanji .instruction li{list-style:disc; margin:0px; padding:1px 0px 1px 0px; line-height:1.3em;}
/* word - kanji */
.kanji .word{margin:5px 0px 10px 0px; border:none;}
.kanji .word th{padding:1px 5px; text-align:center;}
.kanji .word td{padding:4px 10px;}
.kanji .word tr.highlight{background-color:#f4f4ed;}
.kanji #main .word td.row_space{height:8px; padding:0; border-left:#fff; border-right:#fff;}
/* writing - kanji */
.kanji .writing{
	margin:10px 0px 10px 0px;}
.kanji .writing th{
	width:70px;
}
/* joyo */
.kanji .joyo{margin:10px auto;}
.kanji .joyo th{padding:4px; text-align:center;}
.kanji .joyo td{padding:10px 20px; line-height:1.3em; letter-spacing:0.51em;}




/* BASIC JAPANESE --------------------- */
.basic .expression{margin:5px auto; line-height:1.2em;}
.basic .expression th{padding:4px; text-align:center;}
.basic .expression td{padding:4px 10px;}
.basic .expression .en{width:180px; font-size:95%;}
.basic .expression .jp{letter-spacing:0.05em;}
.basic .expression .audio{width:18px; padding:0; background-color:#666; vertical-align:middle;}
.basic .expression td p{margin:0; padding:2px 0; font-size:95%;}

.sample{/* Basic Japanese ドリル画像右寁E�� */
	float:right;
	width:240px;
	margin:20px 5px 15px 15px;
}


/* RESOURCES --------------------- */
.res table tr{margin:0; padding:0;}
.res table tr img{margin:0 auto;}
.res table th{padding:3px 10px; text-align:center;}
.res table td{padding:6px 10px;}
.res table td.f95{font-size:95%;}



/* VOCABULARY --------------------- */
.voc table{}
.voc table tr{margin:0; padding:0;}
.voc table tr img{margin:0 auto;}
.voc table th{padding:3px 10px; text-align:center;}
.voc table td{padding:5px 10px; font-size:100%;}



/* //////////////////////////////////////////////////////////////////////////////////////////////// */


	
/* //////////////////////////////////////////////////////////////////////////  side  /////////////// */
#side{
float:right;
width:240px;
font-size:80%;
}


/* ------------------------------------------ animation */
#side #animation{
height:55px;
margin-top:18px;
background:url(../images/bg/bg_animation.jpg) no-repeat;
padding:22px 37px 23px 53px;
}
	
	
/* ------------------------------------------ recommended */
#side .recommended{
width:200px;
margin:0px 12px 20px 28px;
}
.recommended .main{
width:198px;
padding:0px 0px 20px 0px;
border:1px solid #E0E0E0;
border-top-color:#CCCCCC;
}
/* top_pic */
.recommended .top_pic{
width:198px;
border:1px solid #CCCCCC;
border-top:none;
border-bottom:none;
}
.recommended .top_pic img{
margin:0px auto;
}
/* title */
.recommended .title{
margin:5px 5px 10px 5px;
text-align:center;
}
/* p */
.recommended .title p{
padding:2px 10px 1px 10px;
line-height:1.2em;
}
.recommended p{
padding:4px 10px 4px 10px;
line-height:1.2em;
}
/* pic */
.recommended .pic{
width:174px;
margin:25px auto 5px auto;
}
.recommended .pic img{
border:solid 1px #EFEFEF;
}
/* pic_vid */
.recommended .pic_vid{
margin:14px 12px 0px 12px;
padding:2px 0px 1px 0px;
background-color:#000000;
}
.recommended .pic_vid img{
margin:0px auto;
}
/* youtube */
.recommended .pic_vid img.youtube{
margin:0px 3px 1px auto;
}
.recommended p.youtube{
padding:3px 10px 0px 10px;
text-align:center;
line-height:1.1em;
}
/* index */
.recommended p.index{
margin-left:10px;
padding:8px 10px 0px 12px;
line-height:0.7em;
font-size:100%;
}
.recommended p.index_link{
margin-left:10px;
padding:2px 10px 2px 16px;
line-height:1.1em;
font-size:90%;
}
.hom .recommended p.index{background:url(../images/index/index_dot_hom.gif) no-repeat 0px 6px;}
.cha .recommended p.index{background:url(../images/index/index_dot_cha.gif) no-repeat 0px 6px;}
.con .recommended p.index{background:url(../images/index/index_dot_con.gif) no-repeat 0px 6px;}
.cou .recommended p.index{background:url(../images/index/index_dot_con.gif) no-repeat 0px 6px;}
.voc .recommended p.index{background:url(../images/index/index_dot_voc.gif) no-repeat 0px 6px;}
.res .recommended p.index{background:url(../images/index/index_dot_res.gif) no-repeat 0px 6px;}

/* table */
.recommended table{
width:174px;
margin:5px auto 15px auto;
}
.recommended table th{
width:85px;
padding:5px 0px 5px 0px;
background-color:#FFFFFF;
text-align:center;
font-size:95%;
font-weight:normal;
}
.recommended table th img{
margin-top:3px;
}
	
		
	
/* ------------------------------------------ karaoke_song_album */
#side .karaoke_song_album{
width:198px;
margin:0px 12px 15px 28px;
padding:0px 0px 10px 0px;
border:1px solid #E0E0E0;
}
.karaoke_song_album p{
padding:5px 10px 5px 10px;
line-height:1.2em;
}
.karaoke_song_album p.title{
text-align:center;
padding:0px 10px 0px 10px;
}
.karaoke_song_album p.sub{
text-align:center;
padding:5px 10px 5px 10px;
font-size:90%;
}
.karaoke_song_album p.index{
margin-left:10px;
padding:5px 10px 0px 12px;
font-size:90%;
}
.hom .karaoke_song_album p.index{background:url(../images/index/index_dot_hom.gif) no-repeat 0px 6px;}
.cha .karaoke_song_album p.index{background:url(../images/index/index_dot_cha.gif) no-repeat 0px 6px;}
.con .karaoke_song_album p.index{background:url(../images/index/index_dot_con.gif) no-repeat 0px 6px;}
.cou .karaoke_song_album p.index{background:url(../images/index/index_dot_con.gif) no-repeat 0px 6px;}
.voc .karaoke_song_album p.index{background:url(../images/index/index_dot_voc.gif) no-repeat 0px 6px;}
.res .karaoke_song_album p.index{background:url(../images/index/index_dot_res.gif) no-repeat 0px 6px;}
	
#side .karaoke_banner{
width:200px;
margin:0px 12px 0px 28px;
}
	

/* ------------------------------------------ ad */
#side #ad1, #side #ad2, #side #ad3, #side #ad4, #side #ad5{
width:198px;
height:610px;
margin:0px 0px 20px 28px;
padding-top:10px;
background-color:#FFFFFF;
text-align:center;
border:1px solid #E0E0E0;
}

	
/* ------------------------------------------ tweet */
#tweet{
width:200px;
height:615px;
margin:0px 0px 20px 28px;
background-color:#FFFFFF;
text-align:center;
}

	
/* ------------------------------------------ tweet_1200 */
#tweet_1200{
width:200px;
height:1215px;
margin:0px 0px 20px 28px;
background-color:#FFFFFF;
text-align:center;
}
	
/* ------------------------------------------ tweet_slang */
#tweet_slang{
width:200px;
height:700px;
margin:0px 0px 20px 28px;
background-color:#FFFFFF;
text-align:center;
}
	
/* ------------------------------------------ tweet_abbr */
#tweet_abbr{
width:200px;
height:615px;
margin:0px 0px 20px 28px;
background-color:#FFFFFF;
text-align:center;
}
	
/* ------------------------------------------ tweet_proverb */
#tweet_proverb{
width:200px;
height:615px;
margin:0px 0px 20px 28px;
background-color:#FFFFFF;
text-align:center;
}
	
/* ------------------------------------------ tweet_four */
#tweet_four{
width:200px;
height:615px;
margin:0px 0px 20px 28px;
background-color:#FFFFFF;
text-align:center;
}
	
/* ------------------------------------------ tweet_onomatope */
#tweet_onomatope{
width:200px;
height:615px;
margin:0px 0px 20px 28px;
background-color:#FFFFFF;
text-align:center;
}
	
/* ------------------------------------------ tweet_cv */
#tweet_cv{
width:200px;
height:615px;
margin:0px 0px 20px 28px;
background-color:#FFFFFF;
text-align:center;
}
	
/* ------------------------------------------ tweet_kanji */
#tweet_kanji{
width:200px;
height:615px;
margin:0px 0px 20px 28px;
background-color:#FFFFFF;
text-align:center;
}
	
/* ------------------------------------------ tweet_sightseeing */
#tweet_sightseeing{
width:200px;
height:1215px;
margin:0px 0px 20px 28px;
background-color:#FFFFFF;
text-align:center;
}
	
/* ------------------------------------------ tweet_jp_en */
#tweet_jp_en{
width:200px;
height:615px;
margin:0px 0px 20px 28px;
background-color:#FFFFFF;
text-align:center;
}






/* //////////////////////////////////////////////////////////////////////////  side  /////////////// */



/* //////////////////////////////////////////////////////////////////////////  footer  ///////////// */
#footer{
clear:both;
width:960px;
height:100px;
margin:0px auto 10px auto;
padding-top:20px;
color:#777777;
background:url(../images/footer.gif) no-repeat;
}

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

/* ------------------------------------------ footer_right */
#footer_right{
float:right;
width:400px;
height:100px;
}
#footer_right.square_kana{
background:url(../images/seal/signature_kanji.gif) no-repeat 40px 50px;
}
#footer_right.square_kanji{
background:url(../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;
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////// */
	
	

/* /////////////////////////////////////////////////////////////////////// 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(../images/language/lang_en.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_es{
background:#222222 url(../images/language/lang_es.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_fr{
background:#222222 url(../images/language/lang_fr.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_hi{
background:#222222 url(../images/language/lang_hi.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_id{
background:#222222 url(../images/language/lang_id.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_ja{
background:#222222 url(../images/language/lang_ja.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_ko{
background:#222222 url(../images/language/lang_ko.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_ru{
background:#222222 url(../images/language/lang_ru.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_th{
background:#222222 url(../images/language/lang_th.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_tr{
background:#222222 url(../images/language/lang_tr.gif) no-repeat 7px 6px;
}
#header-right #form1.lang_zh{
background:#222222 url(../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;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */



/* //////////////////////////////////////////////////////////////////////////  font  /////////////// */

/* ------------------------------------------ size */
.f60{font-size:60%; !important}
.f65{font-size:65%; !important}
.f70{font-size:70%; !important}
.f75{font-size:75%; !important}
.f80{font-size:80%; !important}
.f85{font-size:85%; !important}
.f90{font-size:90%; !important}
.f95{font-size:95%; !important}
.f100{font-size:100%; !important}
.f105{font-size:105%; !important}
.f110{font-size:110%; !important}
.f115{font-size:115%; !important}
.f120{font-size:120%; !important}
.f125{font-size:125%; !important}
.f130{font-size:130%; !important}
.f135{font-size:135%; !important}
.f140{font-size:140%; !important}

/* ------------------------------------------ color */
.white{color:#FFFFFF;}
.black{color:#333333;}
.red{color:#FF0000;}/* #941103 */
.orange{color:#FF6633;}
.blue{color:#000099;}
.gray{color:#999999;}
.purple{color:#990033;}
.pink{color:#E44171;}

/* ------------------------------------------ decoration */
.bold{font-weight:bold;}
.bold_red{font-weight:bold; color:#FF0000;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
/* ///////////////////////////////////////////////////////////////////////////////////////////////// */



/* //////////////////////////////////////////////////////////////////////////  layout  ///////////// */

/* ------------------------------------------ float */
.left {float: left; }
.right {float: right;}
.clr {clear:both;}

/* ------------------------------------------ text align */
.t_center {text-align:center !important;}
.t_left {text-align:left !important;}
.t_right {text-align:right !important;}
.t_just {text-align:justify !important;}

/* ------------------------------------------ margin-top */
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;} 
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}

/* ------------------------------------------ margin-bottom */
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}
.mb150{margin-bottom:150px !important;}
.mb200{margin-bottom:200px !important;}
.mb250{margin-bottom:250px !important;}
.mb300{margin-bottom:300px !important;}
.mb350{margin-bottom:350px !important;}
.mb400{margin-bottom:400px !important;}

/* ------------------------------------------ margin right */
.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}	
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

/* ------------------------------------------ margin-left */
.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

/* ------------------------------------------ padding-top */
.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

/* ------------------------------------------ padding-bottom */
.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

/* ------------------------------------------ padding-right */
.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}	
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

/* ------------------------------------------ padding-left */
.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

/* ------------------------------------------ width */
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}

/* ------------------------------------------ letter-spacing */
.space01 {letter-spacing:0.1em;}
.space02 {letter-spacing:0.2em;}
.space03 {letter-spacing:0.3em;}
.space04 {letter-spacing:0.4em;}
.space05 {letter-spacing:0.5em;}

/* ------------------------------------------ height */
.h10{height:1.0em;}
.h11{height:1.1em;}
.h12{height:1.2em;}
.h13{height:1.3em;}
.h14{height:1.4em;}
.h15{height:1.5em;}

/* ------------------------------------------ border */
.bt0 {border-top:0pt !important;}
.bb0 {border-bottom:0pt !important;}

/* ------------------------------------------ vertical align */
.base-mid{
vertical-align:middle;
}

/* ------------------------------------------ caption - image */
.cap-img{
margin-bottom:0;
padding-bottom:0;
}

/* ------------------------------------------ caption - text */
.cap-text{
margin-top:5px;
padding-top:0;
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////// */


	
	/* #f5f5d2; #cceba8  #ebd4db #f2d1cf #c9d4f0 */
	/* gray_yellow:91916e deep_red:941103 dark_red:42241a olive:64643c olive_green:505028 light_olive:5a5a32 dark_olive:5a5a3c */
	/* gold:a58a50 light_gold:d6bf7f  */
	/* 91916e 941103 42241a 64643c 5a5a32 505028  5a5a3c  */
	/* kanji 53% x_320 y_140 */
	/* hiragana 23% eng verdana 60p Bold +50 */