@charset "UTF-8";

h1, h2, h3, h4, h5, p, ul, ol, dl, li, dt, dd, blockquote, table, th, td {
	line-height: 1.5;
}

body {
	font-family: Verdana, sans-serif;
}


/* header */

div#header p#logo {
	background-image: url("../eng/images/logo_eng.png");
}

div#header p#modeChange,
div#header p#modeChange a {
	background-image: url("../eng/images/mode_to_jpn_eng.png");
}

div#header ul#tab {
	width: 469px; 	/* tab+20px */
	padding-left: 296px;	/* 765-width */
}


/* header-normal */

div#header ul#tab li#tabTop {
	background-image: url("../eng/images/tab_top_n_eng.png");
	width: 81px;
}

div#header ul#tab li#tabSearch {
	background-image: url("../eng/images/tab_search_n_eng.png");
	width: 95px;
}

div#header ul#tab li#tabTagnavi {
	background-image: url("../eng/images/tab_tagnavi_n_eng.png");
	width: 86px;
}

div#header ul#tab li#tabExample {
	background-image: url("../eng/images/tab_example_n_eng.png");
	width: 187px;
}


/* header-current */

body.modetop div#header ul#tab li#tabTop {
	background-image: url("../eng/images/tab_top_c_eng.png");
}

body.searchtop div#header ul#tab li#tabSearch,
body.searchlist div#header ul#tab li#tabSearch {
	background-image: url("../eng/images/tab_search_c_eng.png");
}

body.tagnavitop div#header ul#tab li#tabTagnavi,
body.tagnavilist div#header ul#tab li#tabTagnavi {
	background-image: url("../eng/images/tab_tagnavi_c_eng.png");
}

body.example div#header ul#tab li#tabExample {
	background-image: url("../eng/images/tab_example_c_eng.png");
}


/* content */

div#content h1 {
	font-size: 182%;
}


/* pager */

div#content div#pager ul li a {
	font-size: 108%;
	font-family: Verdana, sans-serif;
}

div#content div#pager p.sum {
	font-size: 108%;
}



/* sidenavi */

div#sidenavi ul#subcontent li.basickanji,
div#sidenavi ul#subcontent li.basickanji a {
	background-image: url("../eng/images/sidenavi_kanji_eng.png");
}

div#sidenavi ul#subcontent li.counters,
div#sidenavi ul#subcontent li.counters a {
	background-image: url("../eng/images/sidenavi_counters_eng.png");
}

div#sidenavi ul#subcontent li.column,
div#sidenavi ul#subcontent li.column a {
	background-image: url("../eng/images/sidenavi_column_eng.png");
}

div#sidenavi ul#subcontent li.howto,
div#sidenavi ul#subcontent li.howto a {
	background-image: url("../eng/images/sidenavi_howto_eng.png");
}

div#sidenavi ul#labcontent li.catnavi,
div#sidenavi ul#labcontent li.catnavi a {
	background-image: url("../eng/images/sidenavi_catnavi_eng.png");
}

div#sidenavi ul#labcontent li.example,
div#sidenavi ul#labcontent li.example a {
	background-image: url("../eng/images/sidenavi_example_eng.png");
}

div#sidenavi ul#subcontent li a:hover {
	background-position: -120px 0; 
}

div#sidenavi ul#subcontent li a:active {
	background-position: -240px 0; 
}

div#sidenavi ul#labcontent li a:hover {
	background-position: -120px 0; 
}

div#sidenavi ul#labcontent li a:active {
	background-position: -240px 0; 
}

div#sidenavi ul#information li {
	font-size: 100%;
}


/* modeTop */

body.modetop div#topNaviBox {
	background-image: url("../eng/images/top_back_eng.png");
}

body.modetop div#topNaviBox p#todayExample {
	background-image: url("../eng/images/todayexampleback.gif");
	font-size: 123.1%;
}

body.modetop ul#topNavi li a {
	font-size: 100%;
}

body.modetop ul#topNavi li#naviSearch {
	background-image: url("../eng/images/topnavi_search_eng.png");
}

body.modetop ul#topNavi li#naviTag {
	background-image: url("../eng/images/topnavi_tag_eng.png");
}

body.modetop ul#topNavi li#naviExample {
	background-image: url("../eng/images/topnavi_example_eng.png");
}


/* SearchTop */

body.searchtop div#content form dl dt input {
	font-size: 123.1%;
}

body.searchtop div#content form dl dd input {
	font-size: 123.1%;
}

body.searchtop div#content form dl dd a#hint {
	font-size: 100%;
}

body.searchtop div#content form p {
	font-size: 116%;
}

body.searchtop div#content h2 {
	font-size: 123.1%;
}

body.searchtop div#content form dl dt {
	font-size: 116%;
}


/* SearchList */

body.searchlist div#content form dl dt,
body.searchlist div#content form dl dt input {
	font-size: 123.1%;
}

body.searchlist div#content form dl dd a {
	font-size: 108%;
}

body.searchlist div#content p.sum {
	font-size: 123.1%;
}

body.searchlist div#content p.sum span {
	font-size: 180%;
}

body.searchlist div#content ul#entrylist li p.roman {
	font-size: 146.5%;
}

body.searchlist div#content ul#entrylist li p.roman span.voice {
	padding-left: 20px;
}

body.searchlist div#content ul#entrylist li p.kana,
body.searchlist div#content ul#entrylist li p.eng {
	margin-left: 5px;
	color: #333333;
}

body.searchlist div#content ul#entrylist li p.kana {
	font-size: 123.1%;
}

body.searchlist div#content ul#entrylist li p.eng {
	font-size: 108%;
	line-height: 1.3;
	font-family: Verdana, sans-serif;
}

body.searchlist div#content ul#entrylist li ul#recommend {
	font-size: 123.1%;
}


/* tagnaviTop */

body.tagnavitop div#content p#intro {
	font-size: 123.1%;
}

body.tagnavitop div#content p#start a {
	background-image: url("../eng/images/tagnavi-start_eng.png");
}

body.tagnavitop div#content div#second h2 {
	font-size: 123.1%;
}

body.tagnavitop div#content div#second p#reTagnavi a {
	background-image: url("../eng/images/retagnavi_eng.png");
}


/* tagnaviList */

body.tagnavilist div#content p#tagged {
	font-size: 123.1%;
}

body.tagnavilist div#content form dl input {
	font-size: 146.5%;
}

body.tagnavilist div#content form dl dd a {
	font-size: 108%;
}

body.tagnavilist div#content p.sum {
	font-size: 123.1%;
}

body.tagnavilist div#content p.sum span {
	font-size: 180%;
}

body.tagnavilist div#content ul#entrylist li p.kana,
body.tagnavilist div#content ul#entrylist li p.eng {
	margin-left: 5px;
	color: #333333;
}

body.tagnavilist div#content ul#entrylist li p.roman {
	font-size: 146.5%;
}

body.tagnavilist div#content ul#entrylist li p.kana {
	font-size: 123.1%;
}

body.tagnavilist div#content ul#entrylist li p.eng {
	font-size: 108%;
	line-height: 1.3;
	font-family: Verdana, sans-serif;
}

body.tagnavilist div#content div#second h2 {
	font-size: 123.1%;
}

body.tagnavilist div#content div#second ul#presetTag li {
	font-size: 123.1%;
}

body.tagnavilist div#content div#second p#reTagnavi,
body.tagnavilist div#content div#second p#reTagnavi a {
	background-image: url(../eng/images/tagnavi_retag_eng.png);
}

body.tagnavilist div#content div#second p#allTag,
body.tagnavilist div#content div#second p#allTag a {
	background-image: url(../eng/images/tagnavi_alltag_eng.png);
}

body.tagnavilist div#content div#second p#startQuiz,
body.tagnavilist div#content div#second p#startQuiz a {
	background-image: url(../eng/images/tagnavi_startquiz_eng.png);
}


/* ExampleTop */

body.example div#content p#intro {
	font-size: 116%;
}

body.example div#content div h2 {
	font-size: 131%;
}

body.example div#content div.bamen ul li,
body.example div#content div.dareni ul li {
	font-size: 108%;
}

body.example div#content p.searchbtn input {
	font-size: 153.9%;
}


/* ExampleList */

body.elist div#content p#intro span {
	font-size: 180%;
}

body.elist div#content ul#exampleList li p.kana {
	font-size: 146.5%;
}

body.elist div#content ul#exampleList li p.kanji {
	font-size: 123.1%;
}

body.elist div#content ul#exampleList li p.eng {
	font-size: 108%;
	line-height: 1.3;
	font-family: Verdana, sans-serif;
}

body.elist div#content ul#exampleList li p.entry {
	font-size: 116%;
}



/* entry */

body.entry div#content div#first h1 {
	font-size: 182%;
}

body.entry div#content div#first h2.kana {
	font-size: 123.1%;
}

body.entry div#content div#first h2.eng {
	font-size: 123.1%;
	line-height: 1.3;
}

body.entry div#content div#first div#note h3 {
	font-family: Georgia, serif;
	font-size: 123.1%;
}

body.entry div#content div#first div#note p.eng {
	font-size: 108%;
	line-height: 1.3;
}

body.entry div#content div#first div#example h3 {
	font-family: Georgia, serif;
	font-size: 138.5%;
}

body.entry div#content div#first div#example p.kana,
body.entry div#content div#first div#example p.eng {
	margin-left: 40px;
}

body.entry div#content div#first div#example p.kana {
	margin-bottom: 5px;
	font-size: 123.1%;
}

body.entry div#content div#first div#example p.eng {
	font-size: 108%;
	font-family: Verdana, sans-serif;
	line-height: 1.3;
}

body.entry div#content div#first div#related h3 {
	font-family: Georgia, serif;
	font-size: 138.5%;
}

body.entry div#content div#first div#related ul li p.roman {
	margin-left: 10px;
	margin-bottom: 3px;
	font-size: 123.1%;
}

body.entry div#content div#first div#related ul li p.kana {
	margin-left: 10px;
	font-size: 116%;
}

body.entry div#content div#first div#related ul li  p.eng {
	margin-left: 10px;
	margin-bottom: 20px;
	font-size: 108%;
	line-height: 1.3;
}

body.entry div#content div#first div#tagged {
}

body.entry div#content div#first div#tagged h3 {
	font-family: Georgia, serif;
	font-size: 138.5%;
}

body.entry div#content div#first div#tagged ul {
}

body.entry div#content div#first div#tagged ul li {
	margin-right: 1em;
	font-size: 116%;
}

body.entry div#content div#first div#saito h4,
body.entry div#content div#first div#column h4 {
	font-size: 116%;
	font-weight: bold;
}

body.entry div#content div#first div#saito p,
body.entry div#content div#first div#column p {
	font-size: 108%;
}

body.entry div#content div#second div#more ul {
	font-size: 116%;
}


/* Kanji top */

body.kanji.top div#content p,
body.kanji.top div#content ul {
	font-size: 123.1%;
}




/* Kanji List */

body.kanji.list div#content p {
	font-size: 116%;
}



/* Counters */

body.counters div#content p,
body.counters div#content ul {
	font-size: 123.1%;
}


/* Column */

body.column div#content p,
body.column div#content ul {
	font-size: 123.1%;
}


/* Howto */

body.howto div#content h2{
	font-size: 138.5%;
}

body.howto div#content h3 {
	font-size: 131%;
}

body.howto div#content p,
body.howto div#content ul,
body.howto div#content ol,
body.howto div#content dl {
	font-size: 123.1%;
}


/* About */

body.about div#content h2 {
	font-size: 138.5%;
}

body.about div#content h3 {
	font-size: 131%;
}

body.about div#content p,
body.about div#content ul,
body.about div#content ol,
body.about div#content dl,
body.about div#content table {
	font-size: 123.1%;
}

body.about div#content ul li *,
body.about div#content ol li *,
body.about div#content dl dt *,
body.about div#content dl dd *,
body.about div#content table th *,
body.about div#content table td * {
	font-size: 100%;
}


/* Contact */

body.contact p {
	font-size: 123.1%;
}

body.contact form#mailform {
	font-size: 116%;
}