@charset "euc-jp";
/* local.css */

/* ---------------------------------
------------------------------------
/guide/judge.html
------------------------------------
------------------------------------*/

body.guide-judge .btn-back {
	text-align:center;
}
body.guide-judge .btn-back a {
	font-size: 16px;
}
/* ---------------------------------
------------------------------------
index!!
------------------------------------
------------------------------------*/
.index-img {
}
.top-img {
	clear: both;
	margin: 0 0 20px;
	position:relative;
}
.top-img .list div {
	display:none;
}
.top-img .sub-list {
}
.top-img .btn-prev, .top-img .btn-next {
	width:25px;
	height:25px;
	overflow: hidden;
	text-indent:-9999px;
	position:absolute;
	cursor:pointer;
}
.top-img .btn-prev:hover, .top-img .btn-next:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.top-img .btn-prev {
	top:100px;
	left: -90px;
	background: url(../img/btn_prev.gif) no-repeat left top;
}
.top-img .btn-next {
	top:100px;
	right: -90px;
	background: url(../img/btn_next.gif) no-repeat left top;
}
.top-img .sub-list {
	position:absolute;
	margin:0 0;
	z-index: 1100;
	right:10px;
	top: 270px;
}
.top-img .sub-list div {
	display: block;
	height:5px;
	width:5px;
	overflow: hidden;
	text-indent:-9999px;
	float:left;
	/*background:url(../img/sub_list.gif) no-repeat center center #fff;*/
	background: #FFF;
	border:1px solid #000;
	margin: 0 6px 0 0;
}
.top-img .sub-list div.select {
	/*background:url(../img/sub_list_on.gif) no-repeat center center #000;*/
	background: #000;
}
.index-newsbox {
	scrollbar-face-color: #968A70;
	scrollbar-track-color: #ACA38F;
	scrollbar-arrow-color: #ffffff;
	scrollbar-highlight-color: #ACA38F;
	scrollbar-shadow-color: #6F6852;
	scrollbar-3dlight-color: #6F6852;
	scrollbar-darkshadow-color: #6F6852;
}
.index-newsbox-content {
}
.index-newsbox h2 {
}
.index-newsbox ul.title-btn-box {
	margin:0;
	padding:0;
	position:relative;
}
.index-newsbox ul.title-btn-box li {
	margin:0;
	padding:0;
	position:absolute;
	list-style:none;
	right:0;
	top:-27px;
}
.index-newsbox ul.title-btn-box li a {
}
.newsbox-list {
	border-bottom: 2px dotted #9E926C;
	padding:10px;
	/*	width:530px;*/
	clear: both;
}
.newsbox-list .box-img {
	float: right;
}
.newsbox-list .box-img img {
	width: 100px;
	padding: 0 0 0 10px;
}
.newsbox-list .content-img {
	width:100%;
}
.content-img .margin-img img {
	margin-right:10px;
}
.newsbox-list .box-date {
}
.newsbox-list .box-title {
	font-size:150%;
	font-weight:bold;
	line-height:1.2;
	margin: 5px 0 5px;
}
.newsbox-list .box-title a {
	color: #4E4734;
	text-decoration:none;
}
.newsbox-list .box-title a:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
	text-decoration:underline;
}
.newsbox-list .box-content {
	line-height:1.4;
}
.index-newsbox div.box-content {
}
.index-newsbox .wb-rss {
}
.index-newsbox .wb-rss-categ {
}
.index-newsbox .wb-rss-list {
}
.index-newsbox .wb-rss-link {
	padding:7px 10px;
	border-bottom: 2px dotted #9E926C;
}
.index-newsbox .wb-rss-link a {
}
/* ---------------------------------
------------------------------------
grader
------------------------------------
------------------------------------*/
.grader-sort-box {
	margin:0 0 30px;
	padding:6px 10px 4px;
	border-top:2px dotted #676152;
	border-bottom:2px dotted #676152;
	zoom: 1;
}
.grader-sort-box:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.grader-sort-box ul {
	margin:0 10px 0 0;
	padding: 2px 0 3px 80px;
	line-height: 0.1em;
	font-size: 0.1em;
	float:left;
}
.grader-sort-box li {
	margin:0;
	padding: 0 12px 0 0;
	list-style:none;
	display:inline;
}
.grader-sort-box .elementary {
	background:url(../img/sort_title_elementary.gif) no-repeat left top;
}
.grader-sort-box .junior {
	background:url(../img/sort_title_junior.gif) no-repeat left top;
}
/* Drawing / Writing */
.grader-box,
.Drawing .wb-blog-content-list,
.Writing .wb-blog-content-list {
	background:no-repeat 13px 135px url(../img/grader_black_line.gif);
	margin: 0 10px 40px;
	padding-left:50px;
	position:relative;
	zoom: 1;
	overflow: hidden;/*clearfix鐃緒申鐃緒申鐃緒申*/
	min-height: 155px;
}

.Writing .wb-blog-content-list:last-child .writing-table:nth-of-type(2) .line-name.empty {
	position: relative;
	width: 100%;
}


.Writing .wb-blog-content-list:last-child .writing-table:nth-of-type(2) .line-name.empty:before {
	content: "鐃舜刻申名鐃緒申名鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申箸鐃緒申鐃緒申討鐃緒申鐃緒申鐃緒申鐃緒申泙鐃�";
	position: absolute;
	top: 11px;
}


.grader-box h2,
.Drawing .wb-blog-content-list .wb-blog-categ-title,
.Writing .wb-blog-content-list .wb-blog-categ-title {
	width:30px;
	height:186px;
	overflow:hidden;
	/*background:url(../img/grader_mark01.gif) no-repeat center top;*/
	background-repeat: no-repeat;
	background-position: center top;
	position:absolute;
	text-indent:-9999px;
	left:0;
	top:0;
}
.grader-box .arrow,
.Drawing .wb-blog-content-list .arrow,
.Writing .wb-blog-content-list .arrow {
	display:block;
	width:18px;
	height:8px;
	background:url(../img/grader_arrow.gif) no-repeat center center;
	position:absolute;
	left: 5px;
	bottom: 0;
	_bottom: -10px;
}
.grader-box .grader-pagetop,
.Drawing .wb-blog-content-list .grader-pagetop,
.Writing .wb-blog-content-list .grader-pagetop {
	background:url(../img/grader_dot_line.gif) no-repeat 0 7px;
	text-align:right;
	padding: 0 10px;
	clear:both;
}
#grader01.grader-box h2,
.Drawing #blog_categ17_131 .wb-blog-categ-title,
.Writing #blog_categ18_140 .wb-blog-categ-title {
	background-image:url(../img/grader_mark01_s.gif);
}
#grader02.grader-box h2,
.Drawing #blog_categ17_132 .wb-blog-categ-title,
.Writing #blog_categ18_141 .wb-blog-categ-title {
	background-image:url(../img/grader_mark02_s.gif);
}
#grader03.grader-box h2,
.Drawing #blog_categ17_133 .wb-blog-categ-title,
.Writing #blog_categ18_142 .wb-blog-categ-title {
	background-image:url(../img/grader_mark03_s.gif);
}
#grader04.grader-box h2,
.Drawing #blog_categ17_134 .wb-blog-categ-title,
.Writing #blog_categ18_143 .wb-blog-categ-title {
	background-image:url(../img/grader_mark04_s.gif);
}
/*#grader04.grader-box h2,
.Drawing #blog_categ4_25 .wb-blog-categ-title,
.Writing #blog_categ5_34 .wb-blog-categ-title {
	background-image:url(../img/grader_mark04_s.gif);
}*/
#grader05.grader-box h2,
.Drawing #blog_categ17_135 .wb-blog-categ-title,
.Writing #blog_categ18_144 .wb-blog-categ-title {
	background-image:url(../img/grader_mark05_s.gif);
}
#grader06.grader-box h2,
.Drawing #blog_categ17_136 .wb-blog-categ-title,
.Writing #blog_categ18_145 .wb-blog-categ-title {
	background-image:url(../img/grader_mark06_s.gif);
}
#grader07.grader-box h2,
.Drawing #blog_categ17_137 .wb-blog-categ-title,
.Writing #blog_categ18_146 .wb-blog-categ-title {
	background-image:url(../img/grader_mark07_s.gif);
}
#grader08.grader-box h2,
.Drawing #blog_categ17_138 .wb-blog-categ-title,
.Writing #blog_categ18_147 .wb-blog-categ-title {
	background-image:url(../img/grader_mark08_s.gif);
}
#grader09.grader-box h2,
.Drawing #blog_categ17_139 .wb-blog-categ-title,
.Writing #blog_categ18_148 .wb-blog-categ-title{
	background-image:url(../img/grader_mark09_s.gif);
}
/* ---------------------------------
------------------------------------
writing
------------------------------------
------------------------------------*/
.writing-table {
	width: 830px;
	border-collapse: collapse;
	border-spacing: 0;
	font-size:100%;
	margin: 0 0 20px;
}
.writing-table th {
}
.writing-table td {
	padding: 5px;
	background:url(../img/line01.gif) repeat-x left bottom;
}
.writing-table .no-line td {
	background:none;
	padding-bottom: 0;
}
.writing-table .line-ico {
	padding: 0 5px 2px 10px;
	/*	width:60px;*/
  width: 52px;
}
.writing-table .line-title {
	font-weight:bold;
	width: 320px;
}
.writing-table .line-title .btn-radio {
	padding: 0 0 0 20px;
}
.writing-table .line-title .btn-radio img {
	vertical-align:middle;
}
.writing-table .line-name {
	width:130px;
}
.writing-table .line-school {
	width:150px;
}
.writing-table .line-btn {
	padding: 5px 10px 8px 0;
	width:125px;
}
.writing-table .line-btn a {
	display:block;
	width:131px;
	height:28px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../img/writing_btn_read.gif) no-repeat center center;
}
.writing-table .line-btn a:hover {
	background:url(../img/writing_btn_read_on.gif) no-repeat center center;
}
.writing-table .line-voice {
	width:30px;
}
.writing-table .gold-txt-box {
	padding:10px;
	margin: 0 0 5px 5px;
	background:#DACAA4;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.writing-table .ico img {
	vertical-align:middle;
}
.writing-table h3 {
	padding:0px;
	margin:0 0 5px;
}
.writing-table p {
	padding:0px;
	margin:0;
	line-height:1.4;
	font-size:85%;
}
.point {
	cursor: pointer;
}
.Writing .writing-unit {
	table-layout: fixed;
	margin-bottom: 0;
}
.Writing .writing-unit .line-title {
    width: 290px;
}
.Writing .writing-unit .line-name {
    width: auto;
}
.Writing .wb-blog-content-list .grader-pagetop {
	margin-top: 20px;
}
.Writing .writing-comment{
	text-align:right;
}

.Writing .wb-blog-content-list-wrap:first-of-type .line-title{
	text-indent: -9999px;
}

.Writing .wb-blog-content-list-wrap:first-of-type .line-name {
	text-indent: -9999px;
}

.Writing .wb-blog-content-list-wrap:first-of-type:after {
	content: "鐃緒申鐃緒申鐃緒申鐃緒申鐃淑はわ申鐃緒申泙鐃緒申鐃叔わ申鐃緒申鐃緒申";
	position: relative;
    top: -27px;
}

/* ---------------------------------
------------------------------------
.voice
------------------------------------
------------------------------------*/
.voice-block {
	margin: 0 0 20px;
}
.news .voice-block h3, .index .voice-block h3 {
	background:#4E4734;
	color:#fff;
	font-size:12px;
	padding:4px 5px;
	margin:0 0 5px;
	line-height: 1.0;
}
.voice-block table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size:110%;
	margin: 0 auto;
}
.voice-block table th {
}
.voice-block table td {
	padding: 5px;
	background:url(../img/line01.gif) repeat-x left bottom;
}
.voice-block table .no-line td {
	background:none;
	padding-bottom: 0;
}
.voice-block table .line-ico {
	padding: 0 5px 2px 10px;
	width:60px;
}
.voice-block table .line-title {
	font-weight:bold;
}
.voice-block table .line-title .btn-radio {
	padding: 0 0 0 20px;
}
.voice-block table .line-title .btn-radio img {
	vertical-align:middle;
}
.voice-block table .line-name {
	width:130px;
}
.voice-block table .line-school {
	width:150px;
}
.voice-block table .line-btn {
	padding: 5px 10px 8px 0;
	width:125px;
}
.voice-block table .line-btn a {
	display:block;
	width:131px;
	height:28px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../img/writing_btn_read.gif) no-repeat center center;
}
.voice-block table .line-btn a:hover {
	background:url(../img/writing_btn_read_on.gif) no-repeat center center;
}
.voice-block table .line-voice {
	width:30px;
}
.voice-block table .gold-txt-box {
	padding:10px;
	margin: 0 0 5px 5px;
	background:#DACAA4;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.voice-block table .ico img {
	vertical-align:middle;
}
.voice-btn {
	text-align:center;
}
.news .wb-blog .voice-btn a, .news .wb-blog .voice-btn a:link, .news .wb-blog .news .voice-btn a:visited, .index .wb-blog .voice-btn a, .index .wb-blog .voice-btn a:link, .index .wb-blog .news .voice-btn a:visited {
	text-align:center;
	font-size:13px;
	padding:4px 8px;
}
.news .wb-blog .voice-btn a:hover {
}
/* ---------------------------------
------------------------------------
drawing
------------------------------------
------------------------------------*/




.drawing-box {
	width:270px;
	text-align:center;
	float:left;
	margin: 0 0 20px;
	padding: 0 10px 0 0;
}
.drawing-box.end {
	padding:0;
}
.drawing-box .box-img {
	margin: 0 0 5px;
	font-size:110%;
	padding:10px;
	background: url(../img/drawing_box_bg.jpg) repeat 0 0;
}
.drawing-box.clear {
	clear: both;
}
.drawing-box .box-img img {
	width: 247px;
}
.drawing-box.longitudinal .box-img {
	width:175px;
	margin: 0 auto 5px;
}
.drawing-box.longitudinal .box-img img {
	width: 175px;
}
.drawing-box .box-title {
	font-weight:bold;
	padding:0 0 5px;
}
.drawing-box .box-name {
	font-size:90%;
}
.drawing-box .box-name span.ico {
	padding: 0 5px 0 0;
}
.drawing-box .box-name span.ico img {
	vertical-align:middle;
	padding:0 0 5px;
}
.drawing-box .box-name span.MOD-school{
	padding-left: 14px;
	display:inline-block;
	position:relative;
}
span.kado {
    font-family: 'SimSun','鐃述ラギ鐃塾角ワ申 Pro W3','Hiragino Kaku Gothic Pro','鐃潤イ鐃所オ',Meiryo,'鐃粛ｏ申 鐃出ワ申鐃緒申鐃獣ワ申',sans-serif;
}

.Drawing .wb-blog-content-list #blog_categ9_73 + div .drawing-box:nth-of-type(2) .box-name span.MOD-school:before,
.Drawing .wb-blog-content-list #blog_categ9_74 + div .drawing-box:nth-of-type(2) .box-name span.MOD-school:before,
.Drawing .wb-blog-content-list #blog_categ9_74 + div .drawing-box:nth-of-type(4) .box-name span.MOD-school:before,
.Drawing .wb-blog-content-list #blog_categ9_75 + div .drawing-box:nth-of-type(5) .box-name span.MOD-school:before{
    content: "鐃緒申務鐃緒申鐃緒申惺鐃�";
    position: absolute;
    right: 47px;
    bottom: -18px;
}

.movie-link-btn-wrap {
	    margin-bottom: 20px;
}

.movie-link-btn-wrap .movie-link-btn {
	padding: 10px 20px;
background: #212121;
display: block;
width: 200px;
margin-left: auto;
color: #FFF;
text-decoration: none;
text-align: center;
font-weight: bold;
font-size: 17px;
cursor: pointer;
}

.movie-link-btn-wrap .movie-link-btn:hover {
background: #f28b31;
}




/* ---------------------------------
------------------------------------
judge
------------------------------------
------------------------------------*/
.judge #drawing {
	width:49%;
	float:left;
}
.judge #writing {
	width:49%;
	float:right;
}
.judge h4 {
	margin:0 0 10px;
}
.judge #drawing h4 {
	background:#F17F1B;
}
.judge #writing h4 {
	background:#669900;
}
.judge-table {
	width: 100%;
	color: #5E563E;
	border-top: 2px #C3B691 dotted;
}
.judge-table th {
	padding: 8px 15px;
	width: 140px;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-bottom: 2px #C3B691 dotted;
}
.judge-table td {
	padding: 8px 10px;
	font-size: 14px;
	border-bottom: 2px #C3B691 dotted;
}
/* ---------------------------------
------------------------------------
overview , overrall ,news
------------------------------------
------------------------------------*/
.overview h3, .overrall h3, .news h3, .judge h3 {
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 0.1em;
	font-size: 0.1em;
}
/*---overview------------------------*/
.overview table {
	width: 100%;
	color: #5E563E;
	border-top: 2px #C3B691 dotted;
}
.overview table th {
	padding: 8px 15px;
	width: 140px;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-bottom: 2px #C3B691 dotted;
}
.overview table td {
	padding: 8px 10px;
	font-size: 12px;
	border-bottom: 2px #C3B691 dotted;
}
.overview table td h4 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
}
.overview table td p {
	margin: 0 0 8px 0;
	padding: 0;
}
.overview table td p.last {
	margin: 0;
}
.overview .addition {
	margin: 0px auto 22px 6px;
	font-size: 88%;
}
/*---overrall------------------------*/

.overrall #drawing {
	background:#F17F1B;
}
.overrall #writing {
	background:#669900;
}
.overrall #writing {
}
.overrall .box-content {
	position: relative;
	width: 100%;
}
.overrall .box-content ul {
	position: absolute;
	top: 16px;
	right: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
.overrall .box-content ul li {
	display: inline;
	margin: 0;
	padding: 0 0 0 7px;
}
.overrall h4 {
	margin: 0 0 20px 0;
	line-height: 0.1em;
	font-size: 0.1em;
}
.overrall dl {
	margin: 0 5px;
	padding: 0;
}
.overrall dl dt {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1;
	color: #5E563E;
	font-size: 15px;
	font-weight: bold;
}
.overrall dl dd {
	margin: 0 0 25px 0;
	color: #5E563E;
}
.overrall .name {
	margin: 0 0 35px 0;
	font-size: 12px;
	line-height: 1;
	text-align: right;
}
.overall-img {
	display:block;
	padding-bottom:20px;
	float: right;
}
.overall-img img {
	padding-top:20px;
	padding-left:20px;
	display:block;
}
.overrall .writing-bold{
	font-weight:bold;
}

.Drawing .main-wrap .wb-blog-content-list:nth-of-type(9) .drawing-box:nth-of-type(6) .box-name span:nth-of-type(2) {
    position: relative;
    padding-left: 25px;
}

.Drawing .main-wrap .wb-blog-content-list:nth-of-type(9) .drawing-box:nth-of-type(6) .box-name span:nth-of-type(2):before {
	content: url(../img/name.svg);
	position: absolute;
	top: 1px;
	left: 0;
}