@charset "UTF-8";

/* modeTop */

body.modetop div#content {
	padding-bottom: 0;
}

body.modetop div#topNaviBox {
	background-repeat: no-repeat;
	background-position: 470px 0px;
}

body.modetop div#topNaviBox h1 {
	display: none;
}

body.modetop div#topNaviBox h2 {
	position: relative;
	margin-top: 10px;
	width: 433px;
	height: 51px;	
	background-repeat: no-repeat;
}

body.modetop div#topNaviBox h2 a {
	display: block;
	position: absolute;
	top: 9px;
	right: 15px;
	width: 54px;
	height: 26px;
	z-index: 10;
}

body.modetop div#topNaviBox p#todayExample {
	padding: 0 20px 20px;
	width: 393px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

body.modetop div#topNaviBox p#todayExample a,
body.modetop div#topNaviBox p#todayExample a:link {
	color: #419F13;
}

body.modetop div#topNaviBox p#todayExample a:hover {
	color: #666;
}

body.modetop ul#topNavi {
	margin-top: 20px;
}

body.modetop ul#topNavi li {
	width: 433px;
	height: 45px;
}

body.modetop ul#topNavi li a {
	display: block;
	width: 433px;
	height: 45px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

body.modetop ul#topNavi li#naviSearch {
}

body.modetop ul#topNavi li#naviTag {
}

body.modetop ul#topNavi li#naviExample {
}

body.modetop div#topNaviBox ul#topSub {
	margin-top: 30px;
	margin-left: 70px;
}

body.modetop div#topNaviBox ul#topSub li {
	display: inline;
	margin-right: 10px;
}


/* searchTop */

body.searchtop div#content form fieldset {
	margin-left: 30px;
	margin-right: 30px;
	padding: 20px 0 10px;
	border: none;
	background-color: #F6F6F6;
}

body.searchtop div#content form fieldset legend {
	text-indent: -9999px;
	font-size: 1px;
}

body.searchtop div#content form dl dt {
	margin-right: 5px;
}

body.searchtop div#content form dl dt,
body.searchtop div#content form dl dd {
	float: left;
}

body.searchtop div#content form dl dd a {
	margin-left: 10px;
	display: none;
}

body.searchtop div#content form p {
	clear: both;
	margin-left: 50px;
	padding-top: 5px;
}

body.searchtop div#content div.op {
	margin-left: 50px;
}

body.searchtop div#content h2 {
	margin-top: 30px;
	margin-bottom: 10px;
}

body.searchtop div#content div.op form fieldset {
	margin-left: 0;
	padding: 0;
	background-color: #FFF;
}

body.searchtop div#content form dl dt span {
	color: #FF8E19;
	font-weight: bold;
}


/* searchList */

body.searchlist div#content form {
}

body.searchlist div#content form fieldset {
	padding: 0;
	border: none;
}

body.searchlist div#content form fieldset legend {
	text-indent: -9999px;
	font-size: 1px;
}

body.searchlist div#content form dl dt {
	margin-right: 10px;
}

body.searchlist div#content form dl dt,
body.searchlist div#content form dl dd {
	float: left;
}

body.searchlist div#content form dl dd a {
	display: none;
	margin-left: 10px;
}

body.searchlist div#content p.sum {
	margin-bottom: 30px;
}

body.searchlist div#content p.sum span {
	padding: 0 0.2em 0 0;
	color: #FF8E19;
}

body.searchlist div#content form.bottom {
	margin-top: 40px;
	margin-bottom: 0;
}

body.searchlist div#content ul#entrylist {
	margin-left: 50px;
	padding: 0;
}

body.searchlist div#content ul#entrylist li {
	position: relative;
	margin-bottom: 2em;
	line-height: 1.4;
}

body.searchlist div#content ul#entrylist li p {
	margin: 0;
	padding: 0;
}

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

body.searchlist div#content ul#entrylist li span.highlight {
	color: #FF8E19;
}

body.searchlist div#content ul#entrylist li ul#recommend {
	margin-top: 2em;
	margin-bottom: 2em;
}

body.searchlist div#content ul#entrylist li ul#recommend li {
	margin-left: 2em;
	margin-bottom: 0;
	padding-bottom: 0;
	list-style-type: disc;
}


/* TagnaviTop */

body.tagnavitop div#content p#start {
	margin-top: 20px;
	margin-bottom: 40px;
}

body.tagnavitop div#content p#start a {
	display: block;
	width: 160px;
	height: 50px;
	text-indent: -9999px;
	background-image: url("../jpn/images/tagnavi-start_jpn.png");
	background-repeat: no-repeat;
}

body.tagnavitop div#content p#start a:hover {
	background-position: 0 -50px;
}

body.tagnavitop div#content p#start a:active {
	background-position: 0 -100px;
}

/*

body.tagnavitop div#content div#second h2 {
	margin-top: 50px;
	margin-left: 0;
	margin-bottom: 10px;
}

body.tagnavitop div#content div#second p#reTagnavi {
	margin-top: 30px;
}

body.tagnavitop div#content div#second p#reTagnavi a {
	display: block;
	width: 160px;
	height: 50px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

body.tagnavitop div#content div#second p#reTagnavi a:hover {
	background-position: 0 -50px;
}

body.tagnavitop div#content div#second p#reTagnavi a:active {
	background-position: 0 -100px;
}

body.tagnavitop div#content div#second ul#presetTag li {
	margin-bottom: 15px;
	padding: 0 5px;
	border-left: 6px solid #BFE032;
}

body.tagnavitop div#content p#flow {
	clear: both;
}
*/

/*  tagnavi-list */

body.tagnavilist div#content p#tagged span {
	font-weight: bold;
	color: #419F13;
}

body.tagnavilist div#content p.sum {
	margin-top: 10px;
	margin-bottom: 30px;
}

body.tagnavilist div#content p.sum span {
	padding: 0 0.2em 0 0;
	color: #FF8E19;
}

body.tagnavilist div#content form.bottom {
	margin-top: 40px;
	margin-bottom: 0;
}

body.tagnavilist div#content ul#entrylist {
	margin-left: 40px;
	padding: 0;
}

body.tagnavilist div#content ul#entrylist li {
	position: relative;
	margin-bottom: 2em;
	line-height: 1.4;
}

body.tagnavilist div#content ul#entrylist li p {
	margin: 0;
	padding: 0;
}

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

body.tagnavilist div#content div#second h2 {
	margin-top: 30px;
	margin-left: 0;
	margin-bottom: 10px;
	font-weight: bold;
}

body.tagnavilist div#content div#second ul#presetTag {
	margin-bottom: 30px;
}

body.tagnavilist div#content div#second ul#presetTag li {
	margin-left: 10px;
	line-height: 2;
}

body.tagnavilist div#content div#second p a {
	display: block;
	text-indent: -9999px;
}

body.tagnavilist div#content div#second p#reTagnavi,
body.tagnavilist div#content div#second p#reTagnavi a {
	width: 160px;
	height: 50px;
	background-repeat: no-repeat;
}

body.tagnavilist div#content div#second p#allTag,
body.tagnavilist div#content div#second p#allTag a {
	width: 160px;
	height: 50px;
	background-repeat: no-repeat;
}

body.tagnavilist div#content div#second p#startQuiz {
	margin-top: 30px;
}

body.tagnavilist div#content div#second p#reTagnavi,
body.tagnavilist div#content div#second p#allTag {
}

body.tagnavilist div#content div#second p#startQuiz,
body.tagnavilist div#content div#second p#startQuiz a {
	width: 160px;
	height: 60px;
	background-repeat: no-repeat;
}

body.tagnavilist div#content div#second p#reTagnavi a:hover,
body.tagnavilist div#content div#second p#allTag a:hover {
	background-position: 0 -50px;
}

body.tagnavilist div#content div#second p#reTagnavi a:active,
body.tagnavilist div#content div#second p#allTag a:active {
	background-position: 0 -100px;
}

body.tagnavilist div#content div#second p#startQuiz a:hover {
	background-position: 0 -60px;
}

body.tagnavilist div#content div#second p#startQuiz a:active {
	background-position: 0 -120px;
}


/* ExampleTop */

body.example div#content p#intro {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

body.example div#content form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

body.example div#content form fieldset legend {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: 1px;
}

body.example div#content div h2 {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #CCC;
	font-size: 131%;
}

body.example div#content div.bamen,
body.example div#content div.dareni {
	float: left;
}

body.example div#content div.bamen {
	width: 530px;
}

body.example div#content div.dareni {
	width: 200px;
}

body.example div#content div h2,
body.example div#content div.bamen ul,
body.example div#content div.dareni ul {
	margin-left: 0;
}

body.example div#content div.bamen h2 {
	margin-left:  40px;
}

body.example div#content div.bamen ul {
	margin-left:  40px;
}

body.example div#content div.bamen ul li,
body.example div#content div.dareni ul li {
	margin-right: 20px;
}

body.example div#content div.bamen ul li {
	display: inline;
	zoom:1;
	white-space: nowrap;
	padding-top: 3px;
	padding-bottom: 3px;
}

body.example div#content div.dareni ul li {
	line-height: 1.7;
}

body.example div#content div.bamen ul li input,
body.example div#content div.dareni ul li input {
	margin-right: 3px;
}

body.example div#content p.searchbtn {
	clear: both;
	padding-top: 20px;
	text-align: center;
}

/* 2010.07.26 */

body.example p#example_btn {
	position: absolute;
	top: 60px;
	right: 0;
	width: 350px;
}

body.example p#intro {
	width: 340px;
	padding-bottom: 20px !important;
}

/* ExampleList */

body.elist div#content p#intro span {
	padding: 0 0.2em 0 0;
	color: #FF8E19;
}

body.elist div#content ul#exampleList {
	padding-top: 30px;
}

body.elist div#content ul#exampleList li {
	position: relative;
	margin-bottom: 3.5em;
}

body.elist div#content ul#exampleList li p.washa {
	margin-left: 0px;
	padding-bottom: 5px;
}

body.elist div#content ul#exampleList li p.kana,
body.elist div#content ul#exampleList li p.kanji,
body.elist div#content ul#exampleList li p.eng {
	margin-left: 5px;
}

body.elist div#content ul#exampleList li p span.voice {
	padding-left: 10px;
}

body.elist div#content ul#exampleList li p.entry {
	text-align: right;
	margin-right: 20px;
}




/* entry */

body.entry div#content div#basicInfo {
	margin: 15px 20px 0 30px;
	padding: 10px 0 20px;
	border: 1px solid #DDD;
}

body.entry div#content div#first p#hindo {
	margin-left: 0;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 10px;
}

body.entry div#content div#first h1 {
	margin-top: 0;
	margin-bottom: 7px;
	margin-left: 20px;
	text-indent: 0;
	background-image: none;
}

body.entry div#content div#first h2.kanji,
body.entry div#content div#first h2.kana,
body.entry div#content div#first h2.eng {
	margin-left: 20px;
}

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

body.entry div#content div#first div#note h3 {
	margin-top: 20px;
	margin-bottom: 0.3em;
	margin-left: 30px;
	font-style: italic;
	color: #666;
	border-bottom: 1px solid #CCC;
}

body.entry div#content div#first div#note p.kanji,
body.entry div#content div#first div#note p.eng {
	margin-left: 30px;
	color: #666666;
}

body.entry div#content div#first div#note p.kanji {
	margin-bottom: 0.5em;
}

body.entry div#content div#first div#example h3 {
	margin-top: 30px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

body.entry div#content div#first div#example p#washa {
	margin-top: -45px;
	margin-bottom: 10px;
	text-align: right;
}

body.entry div#content div#first span.voice {
	margin-left: 10px;
}

body.entry div#content div#first div#related h3 {
	margin-top: 25px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

body.entry div#content div#first div#related ul li {
	margin-left: 10px;
	border-left: 8px solid #DDDDDD;
}

body.entry div#content div#first div#tagged {
	margin-top: 30px;
}

body.entry div#content div#first div#tagged h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

body.entry div#content div#first div#tagged ul {
	margin-left: 40px;
}

body.entry div#content div#first div#tagged ul li {
	display: inline;
}


body.entry div#content div#first div#saito,
body.entry div#content div#first div#column {
	margin-top: 40px;
	margin-bottom: 20px;
}

body.entry div#content div#first div#saito h3 {
	margin-bottom: 10px;
}

body.entry div#content div#first div#column h3 {
	margin-bottom: 10px;
}

body.entry div#content div#first div#saito h4,
body.entry div#content div#first div#column h4 {
	margin-left: 40px;
}

body.entry div#content div#first div#saito p,
body.entry div#content div#first div#column p {
	margin-left: 40px;
}

body.entry div#content div#second div#illust {
	padding-top: 10px;
}

body.entry div#content div#second div#more h3 {
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: 0px;
}

body.entry div#content div#second div#more ul {
	margin-left: 20px;
	padding-bottom: 30px;
}

body.entry div#content div#second div#more ul li {
	margin-bottom: 0.8em;
	list-style-type: disc;
	color: #419F13;
	list-style-position: outside;
}



/* Option */

body.entry div#content div#second div#note h3 {
	margin-top: 20px;
	font-family: Verdana, sans-serif;
	font-size: 123.1%;
	font-style: italic;
}

body.entry div#content div#second div#note p.kanji,
body.entry div#content div#second div#note p.eng {
}

body.entry div#content div#second div#note p.kanji {
	margin-bottom: 10px;
	font-size: 116%;
}

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


/* Kanji top */

body.kanji.top div#content h1 {
	background-image: url("../images/cara1.png");
}

body.kanji.top div#content p,
body.kanji.top div#content ul.gyo {
	line-height: 1.7;
}

body.kanji.top div#content ul.gyo {
	margin-top: 1em;
	text-align: center;
}

body.kanji.top div#content ul.gyo li {
	padding-right: 1em;
	display: inline;
}


/* Kanji List */

body.kanji.list div#content h1 {
	background-image: url("../images/cara1.png");
}

body.kanji.list div#content p {
	margin-left: 3em;
	margin-bottom: 1em;
}

body.kanji.list div#content ul {
	padding-left: 1em;
	margin-bottom: 2em;
}

body.kanji.list div#content ul li {
	padding-right: 1em;
	display: inline;
	white-space: nowrap;
	line-height: 2;
	zoom: 1;
}

body.kanji.list div#content ul li a {
	font-size: 182%;
	text-decoration: none;
}

body.kanji.list div#content ul li span {
	color: #999;
	font-size: 116%;
}



/* Counters */

body.counters div#content h1 {
	text-indent: 35px;
	background-image: url("../images/cara2.png");
}

body.counters div#content p,
body.counters div#content ul {
	line-height: 1.7;
}

body.counters div#content ul {
	margin-top: 1em;
	padding-left: 1em;
}

body.counters div#content ul li {
	line-height: 1.7;
}


/* Column */

body.column p.flag {
	margin-top: 1em;
	margin-bottom: 0;
	padding-left: 30px;
}

body.column p.flag img {
	border: 1px solid #DDD;
	padding: 2px;
}

body.column div#content h1 {
	text-indent: 40px;
	background-image: url("../images/cara5.png");
	line-height: 2;
}

body.column div#content ul {
	padding-left: 30px;
}

body.column div#content ul li {
	line-height: 2;
}



/* Howto */

body.howto div#content h1 {
	text-indent: 45px;
	background-image: url("../images/cara3.png");
}

body.howto div#content h2 {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

body.howto div#content h3 {
	margin-bottom: 0.5em;
	font-weight: bold;
}

body.howto div#content p,
body.howto div#content ul,
body.howto div#content ol,
body.howto div#content dl {
	margin-bottom: 1em;
}

body.howto div#content ul,
body.howto div#content ol,
body.howto div#content dl {
	margin-left: 40px;
}

body.howto div#content p.ss {
	margin-left: 50px;
	margin-bottom: 2em;
}

body.howto div#content p img {
	border: 1px solid #CCC;
	padding: 3px;
}


/* About */

body.about div#content h1 {
	text-indent: 50px;
	background-image: url("../images/cara4.png");
}

body.about div#content h2 {
	margin-top: 2em;
	margin-bottom: 1em;
	border-bottom: 1px solid #DDD;
	border-left: 7px solid #BBB;
	padding-left: 7px;
}

body.about div#content h3 {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	margin-left: 40px;
}

body.about div#content h2,
body.about div#content p,
body.about div#content ul,
body.about div#content ol,
body.about div#content dl {
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 1em;
	line-height: 1.7;
}

body.about div#content dl ul,
body.about div#content dl ol {
	margin-left: 0;
	margin-right: 0;
}

body.about div#content ul li {
	margin-left: 2em;
	list-style-type: disc;
	line-height: 1.7;
	list-style-position: outside;
}

body.about div#content ol li {
	margin-left: 2em;
	list-style-type: decimal;
	list-style-position: outside;
	line-height: 1.7;
}

body.about div#content dl dt {
	line-height: 1.7;
	font-weight: bold;
}

body.about div#content dl dd {
	margin-left: 1em;
	line-height: 1.7;
}

body.about div#content table td ul,
body.about div#content table td ul li {
	margin: 0;
	padding: 0;
}

body.about div#content p.goback {
	margin-top: 2em;
	text-align: right;
}

body.about-top div#content ul {
	margin-top: 1em;
	line-height: 1.7;
}

body.about-top div#content ul li {
	display: block;
	text-align: left;
	line-height: 2;
	list-style-type: none;
	margin-left: 0;
}

body.about.outline2 div#content table td {
	border-bottom: 1px solid #CCC;
	padding: 0 1em;
	height: 50px;
}

body.about.hyoki div#content table {
	margin: 10px 40px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

body.about.hyoki div#content table th {
	background-color: #EEE;
}

body.about.hyoki div#content table th,
body.about.hyoki div#content table td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 0.5em 1em;
	text-align: left;
}

body.about.hyoki div#content table ul li {
	list-style-type: none;
}

body.about.hyoki div#content p#tabletext {
	text-align: center;
}

body.about.hyoki div#content h3 {
	font-weight: bold;
	background-color: #EEE;
}

body.about.hyoki div#content dl dt {
	font-weight: normal;
}

body.about div#content ul.banner li {
	padding-bottom: 10px;
	list-style-type: none;
}

body.about div#content ul.banner li img {
	padding-right: 10px;
}

body.about.staff div#content dl dt {
	margin-top: 1.5em;
}

body.about.staff div#content dl dd span {
	white-space: nowrap;
}


/* Contact */

body.contact div#content p {
	margin-bottom: 1em;
}

body.contact form#mailform {
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
}

body.contact form#mailform table td {
	padding: 0.3em;
}