@charset "Shift_JIS"; 

@import url("/contents/common/css/common.css");
@import url("/contents/common/css/header.css");
@import url("/contents/common/css/sidenavi.css");
@import url("/contents/common/css/footer.css");
@import url("/contents/common/css/class.css");

/* Header Diff */
#header .navigation ul { border-bottom: solid 5px #8CBB00; height: 27px; }
div.dummy{ height:500px; }
#header .hiragana-navigationt,#header .hiragana-navigationt ul { overflow:hidden; }

/*-------------------------
 common
-------------------------*/

/* hiragana */
#hiragana {
	line-height:1.4em;
	font-size: 16px;
}

#hiragana a {
	vertical-align:baseline;
	line-height:1.4em;
}

#hiragana img {
	vertical-align:bottom;
}

p.hiragana-txt { line-height: 1.7em; }
p.hiragana-lead { line-height: 1.7em; }

.hiragana-wrapper,
.hiragana-inner {
	zoom:1;
}
.hiragana-wrapper:after,
.hiragana-inner:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

p#hiragana-topicpath {
	font-size:.8em;
	padding-bottom:15px;
}

#hiragana-mainttl {
	font-size:1em;
	border-bottom:3px solid #8CBB00;
	margin-top:15px;
	margin-bottom:10px;
	padding-bottom:3px;
}

/* supervisor */
#hiragana-supervisor {
	position:relative;
	font-size: 12px;
}

#hiragana-supervisor dl {
	width:190px;
	border:1px solid #CDCDCD;
	position:absolute;
	right:0;
	top:-68px;
}
#hiragana-supervisor dl:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

#hiragana-supervisor dl dt {
	width:48px;
	display:block;
	border-right:1px solid #CDCDCD;
	float:left;
	margin-right:5px;
}

#hiragana-supervisor dl dd {
	padding:7px 5px 0 0;
}
#hiragana-supervisor dl dd a {
	padding-left:12px;
	background:url(/contents/hiragana/img/icon_link.gif) no-repeat left center;
}


/* banner */
p.hiragana-banner-l {
	width:100%;
	margin-bottom:20px;
}

p.hiragana-banner-l2 {
	width:100%;
	margin-bottom:10px;
}

/* pagetop */
p#common-pagetop {
	text-align:right;
	padding:8px 0;
	clear:both;
	border-bottom:2px solid #999;
}

p#common-pagetop a {
	padding-right:15px;
	background:url(/contents/118kids/img-html/pagetop.gif) no-repeat right center;
}

/* tab */
ul#hiragana-tab {
	list-style:none;
	width:100%;
	padding-bottom:5px;
	margin-bottom:10px;
	background:#F5F5EA;
}
ul#hiragana-tab:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

ul#hiragana-tab li {
	display:block;
	float:left;
	width:115px;
	height:36px;
}

ul#hiragana-tab li a {
	display:block;
	width:115px;
	height:36px;
}

ul#hiragana-tab li#hiragana-tab-top a {
	background:url(/contents/hiragana/img/tab_top_f2.gif) no-repeat;
}
ul#hiragana-tab li#hiragana-tab-game a {
	background:url(/contents/hiragana/img/tab_game_f2.gif) no-repeat;
}
ul#hiragana-tab li#hiragana-tab-training a {
	background:url(/contents/hiragana/img/tab_training_f2.gif) no-repeat;
}
ul#hiragana-tab li#hiragana-tab-read a {
	background:url(/contents/hiragana/img/tab_read_f2.gif) no-repeat;
}
ul#hiragana-tab li#hiragana-tab-write a {
	background:url(/contents/hiragana/img/tab_write_f2.gif) no-repeat;
}
ul#hiragana-tab li#hiragana-tab-huntou a {
	background:url(/contents/hiragana/img/tab_huntou_f2.gif) no-repeat;
}

ul#hiragana-tab li#hiragana-tab-top a:hover,
ul#hiragana-tab li#hiragana-tab-game a:hover,
ul#hiragana-tab li#hiragana-tab-training a:hover,
ul#hiragana-tab li#hiragana-tab-read a:hover,
ul#hiragana-tab li#hiragana-tab-write a:hover,
ul#hiragana-tab li#hiragana-tab-huntou a:hover {
	text-indent:-9999px;
}

/*-------------------------
 top
-------------------------*/

/* top-lead */
#hiragana-top-lead {
	margin-bottom:15px;
	width:100%;
}
#hiragana-top-lead:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

#hiragana-top-lead p.hiragana-top-banner {
	width:315px;
	float:right;
	padding-left: 10px;
}

#hiragana-top-lead p.hiragana-txt a {
	display:block;
	padding:5px 0 5px 12px;
	background:url(/contents/eninfo/img/icon_link.gif) no-repeat left center;
}

/* h3 */
h3.hiragana-ttl {
	font-size:1em;
	padding-bottom:3px;
	border-bottom:3px solid #8CBB00;
}

.hiragana-top-column .hiragana-inner {
	padding:10px;
	border:1px solid #CCC;
	border-top:none;
	zoom:1;
	margin-bottom:15px;
}

/* hamigaki-top-game */

#hiragana-top-game .hiragana-inner {
	padding:0;
}

#hiragana-top-game .hiragana-left,
#hiragana-top-game .hiragana-right {
	padding:10px;
	width:324px;
	float:left;
}

#hiragana-top-game .hiragana-left {
	background:#F5FAFF; 
}

#hiragana-top-game .hiragana-right {
	background:#FFF4FB url(/contents/hiragana/img/dot.gif) repeat-y;
}

#hiragana-top-game p.hiragana-img {
	width:144px;
	margin-right:10px;
	float:left;
}

#hiragana-top-game .hiragana-txt {
	width:170px;
	float:right;
}

#hiragana-top-game p.hiragana-icon {
	margin-bottom:5px;
}

#hiragana-top-game h4.game{
	height:50px;
}

#hiragana-top-game h4.anime{
	height:45px;
}

#hiragana-top-game p.hiragana-btn {
	margin-top:3px;
	text-align:right;
}

/* hiragana-top-training */

#hiragana-top-training .hiragana-inner {
	padding:0;
}

#hiragana-top-training .hiragana-left,
#hiragana-top-training .hiragana-right {
	padding:10px;
	width:324px;
	float:left;
}

#hiragana-top-training .hiragana-left {
	/* background:#F5FAFF;  */
}

#hiragana-top-training .hiragana-right {
	background:url(/contents/hiragana/img/dot.gif) repeat-y;
}

#hiragana-top-training .training-ttl{
	margin-top:5px;
	margin-bottom:5px;
}

#hiragana-top-training .hiragana-detail {
	width:324px;
	float:right;
	text-align:right;
}

#hiragana-top-training .hiragana-detail a {
	padding-left:12px;
	background:url(/contents/hiragana/img/icon_link.gif) no-repeat left center;
}

/* hamigaki-top-huntou */

#hiragana-top-huntou .hiragana-inner {
	padding:0;
}

#hiragana-top-huntou .hiragana-left,
#hiragana-top-huntou .hiragana-right {
	padding:5px 9px;
	width:325px;
	float:left;
}
#hiragana-top-huntou .hiragana-right {
	background:url(/contents/hiragana/img/dot.gif) repeat-y;
}

#hiragana-top-huntou p.hiragana-icon {
	margin-bottom:3px;
}

/* hiragana-top-oyakudachi */

#hiragana-top-oyakudachi .hiragana-inner {
	padding:0;
}

#hiragana-top-oyakudachi .hiragana-3line-left {
	padding:5px 9px;
	width:210px;
	float:left;
}

#hiragana-top-oyakudachi .hiragana-3line-middle {
	padding:5px 9px;
	width:210px;
	float:left;
	background:url(/contents/hiragana/img/dot.gif) repeat-y;
}

#hiragana-top-oyakudachi .hiragana-3line-right {
	padding:5px 9px;
	width:210px;
	float:left;
	background:url(/contents/hiragana/img/dot.gif) repeat-y;
}
#hiragana-top-oyakudachi p.hiragana-img{
	width:55px;
	height:80px;
	float:left;
	margin-right:8px;
	}

#hiragana-top-oyakudachi .hiragana-txtb {
	font-weight:bold;
	line-height:1.0em;
	margin-top: 5px;
	margin-bottom: 5px;
	}

#hiragana-top-oyakudachi .hiragana-txt2{
	line-height:1.3em;
	font-size:0.8em;
	}
	

#hiragana-top-oyakudachi p.hiragana-detail a {
	padding-left:12px;
	background:url(/contents/hiragana/img/icon_link.gif) no-repeat left center;
}

/* hiragana-top-read, hiragana-top-write */

#hiragana-top-read, #hiragana-top-write {
	width:340px;
	float:left;
}

#hiragana-top-read {
	margin-right:10px;
}

#hiragana-top-read .hiragana-inner,
#hiragana-top-write .hiragana-inner {
	padding:10px 9px;
}

#hiragana-top-read .hiragana-lead,
#hiragana-top-write .hiragana-lead {
	height:6em;
}

#hiragana-top-read h4,
#hiragana-top-write h4 {
	padding:10px 0;
	clear:both;
}

#hiragana-top-read .hiragana-img,
#hiragana-top-write .hiragana-img {
	width:50px;
	float:left;
	margin-right:8px;
}

#hiragana-top-read .hiragana-txt,
#hiragana-top-write .hiragana-txt {
	width:262px;
	float:right;
}

#hiragana-top-read .hiragana-detail,
#hiragana-top-write .hiragana-detail {
	width:262px;
	float:right;
	text-align:right;
}

#hiragana-top-read .hiragana-detail a,
#hiragana-top-write .hiragana-detail a,
#hiragana-top-read .hiragana-link a,
#hiragana-top-write .hiragana-link a {
	padding-left:12px;
	background:url(/contents/hiragana/img/icon_link.gif) no-repeat left center;;
}


/*-------------------------
 “Ç‚Ý•û
-------------------------*/

/* read-tab */

ul#hiragana-read-tab {
	list-style:none;
	width:670px;
	height:50px;
	overflow:hidden;
	padding:5px 10px 10px;
	margin:-10px 0 10px;
	background:#F5F5EA;
}
ul#hiragana-read-tab:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

ul#hiragana-read-tab li {
	display:block;
	width:168px;
	height:50px;
	float:left;
}

ul#hiragana-read-tab li a {
	display:block;
	width:168px;
	height:50px;
}

ul#hiragana-read-tab li#hiragana-read-tab-01 a {
	background:url(/contents/hiragana/img/tab_read_step1_f2.gif) no-repeat;
}	
ul#hiragana-read-tab li#hiragana-read-tab-02 a {
	background:url(/contents/hiragana/img/tab_read_step2_f2.gif) no-repeat;
}	
ul#hiragana-read-tab li#hiragana-read-tab-03 a {
	background:url(/contents/hiragana/img/tab_read_step3_f2.gif) no-repeat;
}	
ul#hiragana-read-tab li#hiragana-read-tab-04 {
	width:166px;
}	
ul#hiragana-read-tab li#hiragana-read-tab-04 a {
	width:166px;
	background:url(/contents/hiragana/img/tab_read_step4_f2.gif) no-repeat;
}	

ul#hiragana-read-tab li#hiragana-read-tab-01 a:hover, ul#hiragana-read-tab li#hiragana-read-tab-02 a:hover, ul#hiragana-read-tab li#hiragana-read-tab-03 a:hover, ul#hiragana-read-tab li#hiragana-read-tab-04 a:hover {
	text-indent:-9999px;
}

/* hiragana-read-lead */

#hiragana-read-lead .read-step1 {
	width:670px;
	float:left;
}
#hiragana-read-lead .read-step1-img {
	width:230px;
	text-align:center;
	float:right;
}

#hiragana-read-lead .read-step2 {
	width:670px;
	float:left;
}
#hiragana-read-lead .read-step2-img {
	width:230px;
	text-align:center;
	float:right;
}

#hiragana-read-lead .read-step3 {
	width:670px;
	float:left;
}
#hiragana-read-lead .read-step3-img {
	width:230px;
	text-align:center;
	float:right;
}


#hiragana-read-lead .write-step1 {
	width:670px;
	float:left;
}
#hiragana-read-lead .write-step1-img {
	width:230px;
	text-align:center;
	float:right;
}

#hiragana-read-lead .write-step2 {
	width:670px;
	float:left;
}
#hiragana-read-lead .write-step2-img {
	width:230px;
	text-align:center;
	float:right;
}

#hiragana-read-lead .write-step3 {
	width:670px;
	float:left;
}
#hiragana-read-lead .write-step3-img {
	width:230px;
	text-align:center;
	float:right;
}

#hiragana-read-lead .hiragana-img {
	width:190px;
	text-align:center;
	float:right;
}

#hiragana-read-lead h1.hiragana-ttl {
	border:none;
	padding-bottom:10px;
}

/* hiragana-present */

.hiragana-present {
	padding:20px 0;
}

.hiragana-present img {
	margin-right:10px;
}

/* hiragana-present2 huntoki */

.hiragana-present2 {
	padding:5px 0px 5px 20px;
}

.hiragana-present2 img {
	margin-right:10px;
}


/* hiragana-present3 work */

.hiragana-present3 {
	padding:10px 0px 5px 5px;
}

.hiragana-present3 img {
	margin-right:10px;
}


/* hiragana-present4 anime.game */

.hiragana-present4 {
	padding:10px 0px 5px 5px;
}

.hiragana-present4 img {
	margin-right:10px;
	vertical-align:middle
}


/* hiragana-read-onsetsu */

#hiragana-read-onsetsu {
	border:1px solid #CCC;
	background:url(/contents/hiragana/img/dot.gif) repeat-y center top;
}

#hiragana-read-onsetsu2 {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background:url(/contents/hiragana/img/dot.gif) repeat-y center top;
}

#hiragana-read-onsetsu3 {
	border:1px solid #CCC;
}

#hiragana-read-onsetsu3 .hiragana-inner {
	margin:10px;
}

#hiragana-read-onsetsu .hiragana-left,
#hiragana-read-onsetsu .hiragana-right {
	padding:10px;
	width: 455px;
	float:left;
}

#hiragana-read-onsetsu h3.hiragana-ttl {
	border:none;
	padding-bottom:0;
}

#hiragana-read-onsetsu .hiragana-img {
	text-align:center;
	margin-bottom:5px;
}

#hiragana-read-onsetsu2 .hiragana-left,
#hiragana-read-onsetsu2 .hiragana-right {
	padding:10px;
	width:455px;
	float:left;
}

#hiragana-read-onsetsu2 h3.hiragana-ttl {
	border:none;
	padding-bottom:0;
}

#hiragana-read-onsetsu2 .hiragana-img {
	text-align:center;
	margin-bottom:5px;
}

/* hiragana-read-kochare */

#hiragana-kochare {
	margin-bottom:10px;
	border:1px solid #CCCCCC;
	padding: 10px;
}

.kochare_maintxt {
	margin:10px 0px 5px 25px;}
	
.kochare_maintxt2 {
	margin:0px 0px 5px 25px;
	line-height:1.7em;}
	
.kochare_maintxt3 { font-size: 0.9em;
	margin:5px 0px 0px 0px;}
	
.kochare_maintxt4 { font-size: 0.8em;
	margin:0px 0px 0px 110px;}
	
.kochare_maintxt5 { font-size: 0.8em;
	margin:5px 0px 0px 0px;}

#kochare_main_area .left{ width:280px; float:left;}
#kochare_main_area .right{ width:380px; float:right;}

#kochare_main_area .left1{ width:360px; float:left;}
#kochare_main_area .right1{ width:300px; float:right;}

#kochare_main_area .left2{ width:400px; float:left;}
#kochare_main_area .right2{ width:260px; float:right;}

#kochare_main_area .left3{ width:430px; float:left;}
#kochare_main_area .right3{ width:230px; float:right;}

#kochare_main_area .left4{ width:320px; float:left;}
#kochare_main_area .right4{ width:340px; float:right;}

#kochare_main_area .left5{ width:300px; float:left;}
#kochare_main_area .right5{ width:360px; float:right;}

#kochare_main_area .left6{ width:320px; float:left;}
#kochare_main_area .right6{ width:340px; float:right;}

#kochare_main_area .taiken{ margin-top:10px; text-align:right;}

/* hiragana pager */
#hiragana-pager {
	width:100%;
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 1px dotted #99CC00;
	/* width:500px; */
}
#hiragana-pager:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

#hiragana-pager p {
	width:50%;
	float:left;
}



#hiragana-pager p.hiragana-pager-back a {
	padding-left:15px;
	background:url(/contents/hiragana/img/icon_back.gif) no-repeat left center;
}

#hiragana-pager p.hiragana-pager-next {
	text-align:right;
}

#hiragana-pager p.hiragana-pager-next a {
	padding-right:15px;
	background:url(/contents/hiragana/img/icon_link.gif) no-repeat right center;
}



#hiragana-pager-huntoki {
	width:100%;
	margin-bottom: 10px;
	padding-top: 10px;
/*	border-top: 1px dotted #99CC00; */
	/* width:500px; */
}


#hiragana-pager-huntoki:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

#hiragana-pager-huntoki p.hiragana-pager-back {
	/* width:74%; */
	float:left;
	margin-left:10px;
	}
	
#hiragana-pager-huntoki p.hiragana-pager-next {
	/* width:26%; */
	float:right;
}

#hiragana-pager-huntoki p.hiragana-pager-back img {
	margin-right:10px;
}

#hiragana-pager-huntoki p.hiragana-pager-next {
	text-align:right;
}

#hiragana-pager-huntoki p.hiragana-pager-next a {
	padding-right:15px;
	background:url(/contents/hiragana/img/icon_link.gif) no-repeat right center;
}



/* hiragana rensyu */

#hiragana-container {
	width:960px;
	margin:10px 10px;
}
#hiragana-container:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

#hiragana-container h3.hiragana-ttl {
	font-size:1em;
	padding:20px 0px 3px;
	border-bottom:3px solid #8CBB00;
}

.rensyu-wrapper {
	width:680px;
	margin:0 auto 10px;
	display: block;
}


.hiragana-contents {
	width:215px;
	float:left;
	margin-right:8px;
	padding-bottom:15px;
	height: 320px;
}

.hiragana-contents p.hiragana-img {
	padding-bottom:3px;
}

.hiragana-contents h4 {
	font-size:1.1em;
	color:#E04600;
}

.hiragana-contents p.hiragana-txt {
	height:3.6em;
}


.hiragana-contents2 {
	width:320px;
	float:left;
	margin-right:8px;
	padding-bottom:0px;
}

.hiragana-contents2 p.hiragana-img {
	padding-bottom:3px;
	text-align:center;
}

.hiragana-contents2 h4 {
	font-size:1.1em;
	/* color:#E04600; */
	text-align:center;
}

.hiragana-contents2 p.hiragana-txt {
	height:3.6em;
}


.hiragana-contents3 {
	width:215px;
	float:left;
	margin-right:8px;
	padding-bottom:15px;
}

.hiragana-contents3 p.hiragana-img {
	padding-bottom:3px;
}

.hiragana-contents3 h4 {
	font-size:1.1em;
	/* color:#E04600; */
	text-align:center;
}

.hiragana-contents3 p.hiragana-txt {
	height:3.6em;
}


.hiragana-contents4 {
	width:158px;
	float:left;
	margin-right:8px;
	padding-bottom:10px;
}

.hiragana-contents4 p.hiragana-img {
	padding-bottom:3px;
	text-align:center;
}

.hiragana-contents4 h4 {
	font-size:1.1em;
	/* color:#E04600; */
	text-align:center;
}

.hiragana-contents4 p.hiragana-txt {
	height:3.6em;
}



.hiragana-contents-bt {
	width:215px;
	float:left;
	margin-right:8px;
	/* padding-bottom:15px; */
}

.hiragana-contents-bt p.hiragana-img {
	padding-bottom:3px;
}

.hiragana-contents-bt h4 {
	font-size:1.1em;
	color:#E04600;
}

.hiragana-contents-bt p.hiragana-txt {
	height:3.6em;
}

.hiragana-subttl {margin-bottom:5px;}

.hiragana-bottom {
		margin-top:3px;
		text-align:center;}

#hiragana-oshirasebox {
	border:1px solid #CCC;
	margin:10px 0px;
	padding:10px;
}

#hiragana-box {
	margin: 10px 0px 10px 5px;}
	
/* hiragana-rensyu-tab */

ul#hiragana-rensyu-tab {
	list-style:none;
	width:670px;
	height:25px;
	overflow:hidden;
	padding:5px 10px 10px;
	margin:-10px 0 10px;
	background:#F5F5EA;
}
ul#hiragana-rensyu-tab:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

ul#hiragana-rensyu-tab li {
	display:block;
	width:168px;
	height:25px;
	float:left;
}

ul#hiragana-rensyu-tab li a {
	display:block;
	width:168px;
	height:25px;
}

ul#hiragana-rensyu-tab li#hiragana-rensyu-01 a {
	background:url(/contents/hiragana/img/tab_rensyu_step1_f2.gif) no-repeat;
}	
ul#hiragana-rensyu-tab li#hiragana-rensyu-02 a {
	background:url(/contents/hiragana/img/tab_rensyu_step2_f2.gif) no-repeat;
}	
ul#hiragana-rensyu-tab li#hiragana-rensyu-03 {
	width:166px;
}
ul#hiragana-rensyu-tab li#hiragana-rensyu-03 a {
	width:166px;
	background:url(/contents/hiragana/img/tab_rensyu_step3_f2.gif) no-repeat;
}	
ul#hiragana-rensyu-tab li#hiragana-rensyu-04 {
	width:166px;
}	
ul#hiragana-rensyu-tab li#hiragana-rensyu-04 a {
	width:166px;
	background:url(/contents/hiragana/img/tab_rensyu_step4_f2.gif) no-repeat;
}	

ul#hiragana-rensyu-tab li#hiragana-rensyu-01 a:hover,
ul#hiragana-rensyu-tab li#hiragana-rensyu-02 a:hover,
ul#hiragana-rensyu-tab li#hiragana-rensyu-03 a:hover,
ul#hiragana-rensyu-tab li#hiragana-rensyu-04 a:hover
{
	text-indent:-9999px;
}


/* hiragana huntoki */
.hiragana_huntoki { margin: 10px 0px 80px;}

#huntoki_txt {
	border:1px solid #CCC;
	margin:5px auto;
	padding:15px;
	width: 680px;
	box-sizing: border-box;
	}

#huntoki_pic {
	text-align:center;
	margin-top: 10px;
	margin-bottom: 5px;
}

ul#hiragana-huntoki-tab {
	list-style:none;
	width:670px;
	height:50px;
	overflow:hidden;
	padding:5px 10px 10px;
	margin:-10px 0 10px;
	background:#F5F5EA;
}
ul#hiragana-huntoki-tab:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

ul#hiragana-huntoki-tab li {
	display:block;
	width:335px;
	height:50px;
	float:left;
}

ul#hiragana-huntoki-tab li a {
	display:block;
	width:335px;
	height:50px;
}

ul#hiragana-huntoki-tab li#hiragana-huntoki-tab-01 a {
	background:url(/contents/hiragana/img/tab_huntoki_yomu_f2.gif) no-repeat;
}	
ul#hiragana-huntoki-tab li#hiragana-huntoki-tab-02 a {
	background:url(/contents/hiragana/img/tab_huntoki_kaki_f2.gif) no-repeat;
}	

ul#hiragana-huntoki-tab li#hiragana-huntoki-tab-01 a:hover, ul#hiragana-huntoki-tab li#hiragana-huntoki-tab-02 a:hover  {
	text-indent:-9999px;
}

#huntoki_txt .huntoki_book { float:left; margin-right:15px; }

/*---------------------------------
 ‚Ђ炪‚ȃQ[ƒ€EƒAƒjƒ ƒƒjƒ…[
-----------------------------------*/

/* read-tab anime */

ul#hiragana-anime-tab {
	list-style:none;
	width:670px;
	height:50px;
	overflow:hidden;
	padding:5px 10px 10px;
	margin:-10px 0 10px;
	background:#F5F5EA;
}
ul#hiragana-anime-tab:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

ul#hiragana-anime-tab li {
	display:block;
	width:335px;
	height:50px;
	float:left;
}

ul#hiragana-anime-tab li a {
	display:block;
	width:335px;
	height:50px;
}

ul#hiragana-anime-tab li#hiragana-anime-tab-01 a {
	background:url(/contents/hiragana/img/tab_anime_step1_f2.gif) no-repeat;
}	
ul#hiragana-anime-tab li#hiragana-anime-tab-02 a {
	background:url(/contents/hiragana/img/tab_anime_step2_f2.gif) no-repeat;
}	

ul#hiragana-anime-tab li#hiragana-anime-tab-01 a:hover, ul#hiragana-anime-tab li#hiragana-anime-tab-02 a:hover  {
	text-indent:-9999px;
}

/*---------------------------------
 ‚Ђ炪‚ȏ‘‚« ƒƒjƒ…[
-----------------------------------*/

ul#hiragana-kaki-tab {
	list-style:none;
	width:670px;
	height:50px;
	overflow:hidden;
	padding:5px 10px 10px;
	margin:-10px 0 10px;
	background:#F5F5EA;
}
ul#hiragana-kaki-tab:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

ul#hiragana-kaki-tab li {
	display:block;
	width:168px;
	height:50px;
	float:left;
}

ul#hiragana-kaki-tab li a {
	display:block;
	width:168px;
	height:50px;
}

ul#hiragana-kaki-tab li#hiragana-kaki-tab-01 a {
	background:url(/contents/hiragana/img/tab_write_step1_f2.gif) no-repeat;
}	
ul#hiragana-kaki-tab li#hiragana-kaki-tab-02 a {
	background:url(/contents/hiragana/img/tab_write_step2_f2.gif) no-repeat;
}	
ul#hiragana-kaki-tab li#hiragana-kaki-tab-03 a {
	background:url(/contents/hiragana/img/tab_write_step3_f2.gif) no-repeat;
}	
ul#hiragana-kaki-tab li#hiragana-kaki-tab-04 {
	width:166px;
}	
ul#hiragana-kaki-tab li#hiragana-kaki-tab-04 a {
	width:166px;
	background:url(/contents/hiragana/img/tab_write_step4_f2.gif) no-repeat;
}	

ul#hiragana-kaki-tab li#hiragana-kaki-tab-01 a:hover, ul#hiragana-kaki-tab li#hiragana-kaki-tab-02 a:hover, ul#hiragana-kaki-tab li#hiragana-kaki-tab-03 a:hover, ul#hiragana-kaki-tab li#hiragana-kaki-tab-04 a:hover {
	text-indent:-9999px;
}

/*---------------------------------
 ‚Ђ炪‚È“Ç‚Ý ƒƒjƒ…[
-----------------------------------*/

ul#hiragana-yomi-tab {
	list-style:none;
	width:670px;
	height:50px;
	overflow:hidden;
	padding:5px 10px 10px;
	margin:-10px 0 10px;
	background:#F5F5EA;
}
ul#hiragana-yomi-tab:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

ul#hiragana-yomi-tab li {
	display:block;
	width:168px;
	height:50px;
	float:left;
}

ul#hiragana-yomi-tab li a {
	display:block;
	width:168px;
	height:50px;
}

ul#hiragana-yomi-tab li#hiragana-yomi-tab-01 a {
	background:url(/contents/hiragana/img/tab_read_step1_f2.gif) no-repeat;
}	
ul#hiragana-yomi-tab li#hiragana-yomi-tab-02 a {
	background:url(/contents/hiragana/img/tab_read_step2_f2.gif) no-repeat;
}	
ul#hiragana-yomi-tab li#hiragana-yomi-tab-03 a {
	background:url(/contents/hiragana/img/tab_read_step3_f2.gif) no-repeat;
}	
ul#hiragana-yomi-tab li#hiragana-yomi-tab-04 {
	width:166px;
}	
ul#hiragana-yomi-tab li#hiragana-yomi-tab-04 a {
	width:166px;
	background:url(/contents/hiragana/img/tab_read_step4_f2.gif) no-repeat;
}	

ul#hiragana-yomi-tab li#hiragana-yomi-tab-01 a:hover, ul#hiragana-yomi-tab li#hiragana-yomi-tab-02 a:hover, ul#hiragana-yomi-tab li#hiragana-yomi-tab-03 a:hover, ul#hiragana-yomi-tab li#hiragana-yomi-tab-04 a:hover {
	text-indent:-9999px;
}

/* hiragana-flash-contents */
/*#flash_contents { width: 896px; float: left; margin-top: 10px; }*/
#flash_contents { width: 690px; margin-top: 10px; }
#flash_area { width: 690px; margin:auto; }
#flash_area2 { width: 730px; margin:auto; }


/* game-flash */
#game-flash {
	width:620px;
	border:1px solid #8CBB00;
	margin:15px auto 20px;
	text-align:center;
}

.bg-color{
	background: #FFFF99;
}

/* #game-flash h1, */
#game-flash h3 {
	font-size:1.16em;
	padding:5px;
	background:#F5F5EA;
}
#game-flash h1{
	font-size:1.16em;
	margin-bottom:5px;
}

#game-flash .title {
		background:#F5F5EA;
		padding:10px 0px 5px 0px;
	}

#hiragana-gohome {
	margin:20px auto;
}


/* game-flash2 */
#game-flash2 {
	width:690px;
	border:1px solid #8CBB00;
	margin:15px auto 20px;
	text-align:center;
}


#game-flash2 h1,
#game-flash2 h3 {
	font-size:1.16em;
	padding:5px;
	background:#F5F5EA;
}

#game-flash2 p {
	margin:20px auto;
}


/* ‚Ђ炪‚ÈQ&A */
#hiragana_qaline {
	border:1px solid #CCCCCC;
	margin-top:10px;
	margin-bottom:10px;
}

#hiragana_qamain {
	padding: 15px;
}

#hiragana_qamain .left{ float:left; width:700px; }
#hiragana_qamain .right{ float:right; margin-bottom: 15px;}

#hiragana_qamain .left1{ float:left; width:20px; margin-bottom: 20px; }
#hiragana_qamain .right1{ float:right; width: 670px; line-height: 1.7em; margin-bottom: 20px; }


#hiragana_kaki_qa2line {
	border:1px solid #CCCCCC;
	margin-top:10px;
	margin-bottom:10px;
}


.hiragana_kaki_qa2_title {
	background-color: #DCE9B3;
	padding: 5px;
	font-weight:bold;
	color:#688205;
}

#hiragana_kaki_qa2main .left{ float:left; width: 770px; margin:10px 0px 10px 5px;}
#hiragana_kaki_qa2main .right{ float:right; width: 150px; margin:10px 0px 10px 5px;}

/* pagetop */
p#hiragana-pagetop {
	text-align:right;
	padding:8px 0px 0px 0px;
	clear:both;
}

p#hiragana-pagetop a {
	padding-right:15px;
	background:url(/contents/hiragana/img/pagetop.gif) no-repeat right center;
}

p.hiragana-pagetop {
	text-align:right;
	padding:8px 0px 0px 0px;
	clear:both;
}

p.hiragana-pagetop a {
	padding-right:15px;
	background:url(/contents/hiragana/img/pagetop.gif) no-repeat right center;
}

/* gohome */
#hiragana-gohome {
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}

/* hiragana dot line */

#hiragana_dotline {
	text-align:center;
	margin-bottom:10px;
}

/* hiragana kochare */

#hiragana_kochare {
	width: 600px;
	margin:auto;
	text-align:left;
	padding:10px 0px 10px 0px;
	}
	
#hiragana_kochare:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

#hiragana_kochare_l {
	width: 139px;
	float:left;
	}
#hiragana_kochare_r {
	width: 451px;
	float:left;
	}
	
/* hiragana PDF */
#hiragana_pdf_anime {
	width: 600px;
	margin:0px auto;
	padding: 10px;
	/* border:1px solid #CCC; */
	padding:10px;
}

#hiragana_pdf_anime .hiragana_pdf_anime_l {
	float:left;
	width:170px;
	}
#hiragana_pdf_anime .hiragana_pdf_anime_r {
	float:left;
	text-align:left;
	width:430px;
	}

#hiragana_pdf_anime p.small {
	margin:10px 0;
	font-size:85%;
}

/* hiragana Read Write Arrow */
#hiragana-read-onsetsu .hiragana-detail a {
	margin:10px 0px;
	padding-left:12px;
	background:url(/contents/hiragana/img/icon_link.gif) no-repeat left center;;
}
#hiragana-read-onsetsu3 .hiragana-detail a {
	margin:10px 0px;
	padding-left:12px;
	background:url(/contents/hiragana/img/icon_link.gif) no-repeat left center;;
}

#hiragana_kaki_qa2main .hiragana-detail a {
	margin:10px 0px;
	padding-left:12px;
	background:url(/contents/hiragana/img/icon_link.gif) no-repeat left center;;
}
#hiragana-read-lead .hiragana-detail a {
	margin:10px 0px;
	padding-left:12px;
	background:url(/contents/hiragana/img/icon_link.gif) no-repeat left center;;
}

#hiragana_qamain .hiragana-detail a {
	margin:10px 0px;
	padding-left:12px;
	background:url(/contents/hiragana/img/icon_link.gif) no-repeat left center;;
}
#hiragana_qamain .hiragana-detail a {
	margin:10px 0px;
	padding-left:12px;
	background:url(/contents/hiragana/img/icon_link.gif) no-repeat left center;;
}

#flashcontents { }


#hiragana_pdf {
	margin-top:10px;
	border:1px solid #CDCDCD;
	padding:10px 10px 20px 10px;
	}
#hiragana_pdf .img {
	float:left;
	padding-right:15px;
}





/* 2013 RN
-------------------------------------------------------------*/

/*
 * ƒTƒuƒiƒrƒQ[ƒVƒ‡ƒ“
 */
.sub-navigation {
	overflow:hidden;
	zoom:1;
}
.sub-navigation li {
	float:left;
	list-style:none;
}
.sub-navigation li a {
	display: block;
	text-indent: -9999px;
	height: 36px;
	background-repeat: no-repeat;
	background-image: url('/contents/hiragana/img/snav.gif');
}
.sub-navigation li.sub-nav-01,
.sub-navigation li.sub-nav-01 a {
	width: 116px;
}
.sub-navigation li.sub-nav-02,
.sub-navigation li.sub-nav-02 a {
	width: 114px;
}
.sub-navigation li.sub-nav-03,
.sub-navigation li.sub-nav-03 a {
	width: 115px;
}
.sub-navigation li.sub-nav-04,
.sub-navigation li.sub-nav-04 a {
	width: 114px;
}
.sub-navigation li.sub-nav-05,
.sub-navigation li.sub-nav-05 a {
	width: 115px;
}
.sub-navigation li.sub-nav-06,
.sub-navigation li.sub-nav-06 a {
	width: 116px;
}

/* ã‚̃Tƒuƒiƒr */
#sub-navigation-area-top {
	margin-bottom: 20px;
}
.border#sub-navigation-area-top {
	border-bottom: 10px solid #faf5e5;
}
.sub-navigation#sub-navigation-top li.sub-nav-01 a {
	background-position: 0 0;
}
.sub-navigation#sub-navigation-top li.sub-nav-01 a:hover,
.sub-navigation#sub-navigation-top li.sub-nav-01 a.on {
	background-position: 0 -46px;
}
.sub-navigation#sub-navigation-top li.sub-nav-02 a {
	background-position: -116px 0;
}
.sub-navigation#sub-navigation-top li.sub-nav-02 a:hover,
.sub-navigation#sub-navigation-top li.sub-nav-02 a.on {
	background-position: -116px -46px;
}
.sub-navigation#sub-navigation-top li.sub-nav-03 a {
	background-position: -230px 0;
}
.sub-navigation#sub-navigation-top li.sub-nav-03 a:hover,
.sub-navigation#sub-navigation-top li.sub-nav-03 a.on {
	background-position: -230px -46px;
}
.sub-navigation#sub-navigation-top li.sub-nav-04 a {
	background-position: -345px 0;
}
.sub-navigation#sub-navigation-top li.sub-nav-04 a:hover,
.sub-navigation#sub-navigation-top li.sub-nav-04 a.on {
	background-position: -345px -46px;
}
.sub-navigation#sub-navigation-top li.sub-nav-05 a {
	background-position: -459px 0;
}
.sub-navigation#sub-navigation-top li.sub-nav-05 a:hover,
.sub-navigation#sub-navigation-top li.sub-nav-05 a.on {
	background-position: -459px -46px;
}
.sub-navigation#sub-navigation-top li.sub-nav-06 a {
	background-position: -574px 0;
}
.sub-navigation#sub-navigation-top li.sub-nav-06 a:hover,
.sub-navigation#sub-navigation-top li.sub-nav-06 a.on {
	background-position: -574px -46px;
}

/* ‰º‚̃Tƒuƒiƒr */
#sub-navigation-area-bottom {
	margin-top: 30px;
	margin-bottom: 40px;
}
.border#sub-navigation-area-bottom {
	border-top: 10px solid #faf5e5;
}
.sub-navigation#sub-navigation-bottom li.sub-nav-01 a {
	background-position: 0 -92px;
}
.sub-navigation#sub-navigation-bottom li.sub-nav-01 a:hover,
.sub-navigation#sub-navigation-bottom li.sub-nav-01 a.on {
	background-position: 0 -138px;
}
.sub-navigation#sub-navigation-bottom li.sub-nav-02 a {
	background-position: -116px -92px;
}
.sub-navigation#sub-navigation-bottom li.sub-nav-02 a:hover,
.sub-navigation#sub-navigation-bottom li.sub-nav-02 a.on {
	background-position: -116px -138px;
}
.sub-navigation#sub-navigation-bottom li.sub-nav-03 a {
	background-position: -230px -92px;
}
.sub-navigation#sub-navigation-bottom li.sub-nav-03 a:hover,
.sub-navigation#sub-navigation-bottom li.sub-nav-03 a.on {
	background-position: -230px -138px;
}
.sub-navigation#sub-navigation-bottom li.sub-nav-04 a {
	background-position: -345px -92px;
}
.sub-navigation#sub-navigation-bottom li.sub-nav-04 a:hover,
.sub-navigation#sub-navigation-bottom li.sub-nav-04 a.on {
	background-position: -345px -138px;
}
.sub-navigation#sub-navigation-bottom li.sub-nav-05 a {
	background-position: -459px -92px;
}
.sub-navigation#sub-navigation-bottom li.sub-nav-05 a:hover,
.sub-navigation#sub-navigation-bottom li.sub-nav-05 a.on {
	background-position: -459px -138px;
}
.sub-navigation#sub-navigation-bottom li.sub-nav-06 a {
	background-position: -574px -92px;
}
.sub-navigation#sub-navigation-bottom li.sub-nav-06 a:hover,
.sub-navigation#sub-navigation-bottom li.sub-nav-06 a.on {
	background-position: -574px -138px;
}


ul#hiragana-kaki-tab,
ul#hiragana-read-tab,
ul#hiragana-huntoki-tab,
ul#hiragana-anime-tab {
	padding:10px;
	margin:0;
}

/*-----------------------------
  add 20160404 移行時追記
------------------------------*/
#contents{
	font-size: 12px;
	width: auto;
	border:none;
	padding-top: 0;
}

/* pc 20220930 */
#hiragana-read-lead{
	margin-top: 60px;
}
#contents #hiragana_container{
	width: 575px;
}
#hiragana_container .hiragana_onecolumn{
	font-size: 14px;
}

/* nav */

.anchor{
	margin-top: 70px;
}
.nav-inner{
	position: relative;
	max-width: 600px;
	margin: 0 auto;
	height: 190px;
	padding: 23px 34px;
	border: #A3DE43 2px solid;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
}
.nav__info{
	position: absolute;
	display: block;
	top: 0px;
	left: 50%;
	color: #A3DE43;
	font-weight: bold;
	font-size: 18px;
	background-color: #FFFFFF;
	width: 55px;
	text-align: center;
	-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
					transform: translate(-50%,-50%);
}
.nav__list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
			-ms-flex-direction: column;
					flex-direction: column;
	height: 140px;
}
.nav__list-item{
	margin: 12px 0 0 40px;
	position: relative;
	color: #326C13;
}
.nav__list-item::before{
	content: "";
	width: 16px;
	height: 13px;
	position: absolute;
	background-image: url(/contents/hiragana/_assets/img/arrow_anchor.svg);
	background-size: contain;
	top: 10px;
	left: -30px;
	background-repeat: no-repeat;
}

.teacher{
	margin: 40px auto 0;
	position: relative;
	border: #A3DE43 2px solid;
	border-radius: 10px;
	padding: 30px 40px;
	max-width: 640px;
}
.teacher__head{
	position: absolute;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	display: block;
	background-color: #A3DE43;
	border-radius: 30px;
	text-align: center;
	line-height: 32px;
	top: 0px;
	left: 50%;
	width: 89px;
	-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
					transform: translate(-50%,-50%);
}
.teacher__about{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px #A3DE43 solid;
	padding-bottom: 16px;
}
.teacher__about-ttl{
	font-size: 14px;
	font-weight: bold;
}
.teacher__about-txt{
	font-size: 14px;
	padding: 13px 0 0 16px;
}
.teacher__info-txt{
	margin-top: 17px;
	font-size: 14px;
	font-weight: 300;
	color: #3B3B3B;
}
.sub-ttl{
	background-color: #DCE9B3;
  padding: 5px;
  font-weight: bold;
  color: #688205;
}
#hiragana .hiragana-ttl{
	border-bottom: none;
}
#hiragana_qamain .right1 strong{
	position: relative;
}
#hiragana_qamain .right1 strong::after{
	position: absolute;
	content: "";
	background-image: url(/contents/hiragana/img/qa_line.gif);
	width: 670px;
	height: 10px;
	top: 30px;
	left: -20px;
	background-size: contain;
	background-repeat: repeat-x;
}


/*-----------------------------
  add 20230331 メディア統合
------------------------------*/
#contents {
	width: 960px;
	margin: 0 auto;
	float: none;
}
.sidecontents {
	display: none;
}