@charset "utf-8";

/* プレ漢字プリント　[ kanjiprint.css ]
1 common
2 main
3 about
4 search
5 download
6 button
7 subcol
8 enquete
9 infomationbar
******************************************/

/************* 1 common ********************/
#kanjiprint hr { border:dotted 2px; margin:10px 0; }

#kanjiprint ul.internal-nav { margin:15px 5px 0; }

#kanjiprint ul.internal-nav li {
	display:inline;
	margin:0 0 0 5px;
	padding:0 0 0 10px;
	background:url(../../img/arrow_orange_s_down.gif) no-repeat 0 50%;
}

#kanjiprint ul.internal-nav li a { font-size:93%; }

#kanjiprint .flash-box { margin:10px 10px 0; }

/**************** 2 main *****************/
#kanjiprint #main-col h2 {
	margin:40px 0 0;
}

#kanjiprint #main-col h3 {
  font-weight:bold;
  border-left:solid 10px #fd9;
  border-bottom:dashed 1px #fd9;
  border-top:none;
  border-right:none;
  padding:5px;
  margin:10px 0;
}

#kanjiprint #main-col div.hidden { visibility:hidden; }

#kanjiprint #main-col button.hidden {
	visibility:hidden;
  height:0;
  margin:0;
  padding:0;
}

#kanjiprint #main-col strong { display:block; margin:0 0 5px; }

#kanjiprint #main-col .margin2 { padding:10px 0 0; }

#kanjiprint #main-col span.cap {
	display:block;
	margin:3px 0 0;
	text-align:center;
}

#kanjiprint #main-col p { margin:10px 10px 0; }

#kanjiprint #main-col p.pagetop { text-align:right; }

/************** 3 about ******************/
#kanjiprint #main-col #about ul{ list-style:none; }
#kanjiprint #main-col #about li.check{
  background:#FFF url(../../img/icon_check.gif) no-repeat left center;
  margin-left:10px;
  padding-left:25px; 
}
#kanjiprint #main-col #about li.circle{
  background:#FFF url(../../img/icon_circle.gif) no-repeat left center;
  margin-left:10px;
  padding-left:25px; 
}

#kanjiprint #main-col #about div.left{
  float:left;
	border:solid 1px #dddddd;
	padding:5px;
  margin:10px 0;
}
#kanjiprint #main-col #about div.right{
  float:right;
	border:solid 1px #dddddd;
	padding:5px;
  margin:10px 5px;
}

#kanjiprint #main-col #about div.center{ padding:0 0 0 10px; }

/************** 4 search *******************/
#kanjiprint #main-col .searchFrame{
  clear:both;
  position:relative;
  display:inline-block;
}
 
#kanjiprint #main-col .inputBox{
  padding-right:20px;
  width:220px;
}
 
#kanjiprint #main-col .searchFrame .clrBtn{
  width:20px;
  height:20px;
  position:absolute;
  right:18px;
  top:4px;
  background:url(/img/clear.png) no-repeat left center;
  cursor:pointer;
  visibility:hidden;
}

#kanjiprint #main-col .searchFrame textarea {
  width:505px;
  height:1.5em;
  margin-bottom:5px;
  border:3px solid #f81;
  background-color:#fea;
}

#kanjiprint #main-col #search p {
	margin:5px 10px 10px;
}

#kanjiprint #main-col #infomation {
  clear:both;
}
#kanjiprint #main-col #infomation p {
  margin:0;
}

/* ajax loader */
#kanjiprint #main-col #loading {
  position:fixed; width:100%; height:100%; top:0; left:0; z-index:1000; padding:2px;
  filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90;
  background-color:#aaa; display:none;
}
#kanjiprint #main-col #loading img {
  filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
  z-index:1001;
  position:fixed;
  top:50%;
  left:40%;
  padding:0;
}
#kanjiprint #main-col #loading p {
  filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
  z-index:1002;
  position:fixed;
  top:45%;
  left:40%;
  font-size:120%;
  padding:0;
}
#kanjiprint #main-col #tebiki a, #kanjiprint #main-col #enquetebtn a {
  display:block; font-family:'ＭＳ Ｐゴシック',Arial,sans-serif; font-weight:bold;
  text-decoration:none; text-align:center; width:330px; margin-left:95px;
}

#kanjiprint #main-col #enquetebtn { margin-top:20px; }

#kanjiprint #main-col #tebiki a.downloadbtn_fixing, #kanjiprint #main-col #enquetebtn a.downloadbtn_fixing {
  color:#fff; text-decoration:none;
}
#kanjiprint #main-col #tebiki a.downloadbtn_fixing:hover, #kanjiprint #main-col #enquetebtn a.downloadbtn_fixing:hover {
  color:#65a9d7;
}

/************** 5 download *****************/
#kanjiprint #main-col #download h2 { margin:0px; text-align:center; font-size:20px; color:#ff3; }

#kanjiprint #main-col #download #start_search { width:0px; height:0px; margin:0; padding:0; }

#kanjiprint #main-col #download #save_desc,
#kanjiprint #main-col #download #dl_desc { display:none; }
#kanjiprint #main-col #download #search div.guide { font-size:90%; margin:5px 0 5px 10px; clear:both; }
#kanjiprint #main-col #download li p {
  width:300px;
  color:#f55;
  padding:0;
  margin:0;
  cursor:url("../../img/helpcursor.cur"),auto;
}
#kanjiprint #main-col #download li p.dummy {
  visibility:hidden;
  height:auto;
  margin:0;
  padding:0;
}
#kanjiprint #main-col #download dt { font-size:90%; margin:1px 0 0 20px; }

#kanjiprint #main-col #kanji p{ font-size:20px; padding:0; vertical-align:middle; text-align:center; margin:0; }

/*** kanji Grid ***/
.g1,
.g2,
.g3,
.g4,
.g5,
.g6,
.g1_2,
.g2_2,
.g3_2,
.g4_2,
.g5_2,
.g6_2 {
  float:left; display:inline; margin-left:5px; padding:2px 2px; font-size:14px;
  color:#ffffff;
  text-decoration:none;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  border:none;
}
.g1, .g2, .g3, .g4, .g5, .g6 {width:26px; text-align:center;}
.g1_2, .g2_2, .g3_2, .g4_2, .g5_2, .g6_2 {width:64px; color:#fff;}

/* Kanji Grid Link */
#kanjiprint #main-col #kanji a { font-size:20px; vertical-align:middle; text-align:center; margin:0; padding:0; }
#kanjiprint #main-col #kanji a:link, #kanjiprint #main-col #kanji a:visited {
  display:inline-block;
  position:relative;
  cursor:pointer;
  vertical-align:middle;
  padding:3px 5px 2px 5px;
  color:#ffffff;
  text-decoration:none;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  /*margin:8px 8px 0 0;*/
}

#kanjiprint #main-col #kanji .g1 a:link, .g1_2 { background:#ffb020; }
#kanjiprint #main-col #kanji .g2 a:link, .g2_2 { background:#45bc21; }
#kanjiprint #main-col #kanji .g3 a:link, .g3_2 { background:#45bcd2; }
#kanjiprint #main-col #kanji .g4 a:link, .g4_2 { background:#c500ff; }
#kanjiprint #main-col #kanji .g5 a:link, .g5_2 { background:#0d6eff; }
#kanjiprint #main-col #kanji .g6 a:link, .g6_2 { background:#0e6e0f; }
#kanjiprint #main-col #kanji .g1 a:visited { background:#ffcd82; color:#ffb020; }
#kanjiprint #main-col #kanji .g2 a:visited { background:#8bff6e; color:#45bc21; }
#kanjiprint #main-col #kanji .g3 a:visited { background:#87ebff; color:#45bcd2; }
#kanjiprint #main-col #kanji .g4 a:visited { background:#e88cff; color:#c500ff; }
#kanjiprint #main-col #kanji .g5 a:visited { background:#63bcff; color:#0d6eff; }
#kanjiprint #main-col #kanji .g6 a:visited { background:#58bf74; color:#0e6e0f; }
#kanjiprint #main-col #kanji a:hover { background:#ff4530 !important; color:#fff !important; }

.inside{margin-left:0;}

.clear {clear:both;}

.clearfix:after, .main:after {
  visibility:hidden;
  display:block;
  font-size:0;
  content:" ";
  clear:both;
  height:0;
}

.clearfix, .main { display:block; }

/************* 6 button ******************/
.downloadbtn_fixing {
   border:1px solid #0a3c59;
   background:#65a9d7;
   background:-webkit-gradient(linear, left top, left bottom, from(#72bef2), to(#65a9d7));
   background:-webkit-linear-gradient(top, #72bef2, #65a9d7);
   background:-moz-linear-gradient(top, #72bef2, #65a9d7);
   background:-ms-linear-gradient(top, #72bef2, #65a9d7);
   background:-o-linear-gradient(top, #72bef2, #65a9d7);
   background-image:-ms-linear-gradient(top, #72bef2 0%, #65a9d7 100%);
   padding:5.5px 11px;
   -webkit-border-radius:8px;
   -moz-border-radius:8px;
   border-radius:8px;
   -webkit-box-shadow:rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow:rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow:rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow:#7ea4bd 0 1px 0;
   color:#fff;
   font-size:18px;
   font-family:helvetica, serif;
   text-decoration:none;
   vertical-align:middle;
}
.downloadbtn {
   border:1px solid #0a3c59;
   background:#3e779d;
   background:-webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background:-webkit-linear-gradient(top, #65a9d7, #3e779d);
   background:-moz-linear-gradient(top, #65a9d7, #3e779d);
   background:-ms-linear-gradient(top, #65a9d7, #3e779d);
   background:-o-linear-gradient(top, #65a9d7, #3e779d);
   background-image:-ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   padding:5.5px 11px;
   -webkit-border-radius:8px;
   -moz-border-radius:8px;
   border-radius:8px;
   -webkit-box-shadow:rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow:rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow:rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow:#7ea4bd 0 1px 0;
   color:#06426c;
   font-size:18px;
   font-family:helvetica, serif;
   text-decoration:none;
   vertical-align:middle;
}

.downloadbtn_fixing:hover {
   text-shadow:#59d 0 1px 0;
   border:1px solid #0a3c59;
   background:#fff;
   background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
   background:-webkit-linear-gradient(top, #fff, #ddd);
   background:-moz-linear-gradient(top, #fff, #ddd);
   background:-ms-linear-gradient(top, #fff, #ddd);
   background:-o-linear-gradient(top, #fff, #ddd);
   background-image:-ms-linear-gradient(top, #fff 0%, #ddd 100%);
   color:#6ad;
}
.downloadbtn:hover {
   text-shadow:#1e4158 0 1px 0;
   border:1px solid #0a3c59;
   background:#3e779d;
   background:-webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background:-webkit-linear-gradient(top, #65a9d7, #3e779d);
   background:-moz-linear-gradient(top, #65a9d7, #3e779d);
   background:-ms-linear-gradient(top, #65a9d7, #3e779d);
   background:-o-linear-gradient(top, #65a9d7, #3e779d);
   background-image:-ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color:#fff;
}
.downloadbtn_fixing:active {
   text-shadow:#59d 0 1px 0;
   border:1px solid #0a3c59;
   background:#efefef;
   background:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
   background:-webkit-linear-gradient(top, #ddd, #fff);
   background:-moz-linear-gradient(top, #ddd, #fff);
   background:-ms-linear-gradient(top, #ddd, #fff);
   background:-o-linear-gradient(top, #ddd, #fff);
   background-image:-ms-linear-gradient(top, #ddd 0%, #fff 100%);
   color:#6ad;
}
.downloadbtn:active {
   text-shadow:#1e4158 0 1px 0;
   border:1px solid #0a3c59;
   background:#65a9d7;
   background:-webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background:-webkit-linear-gradient(top, #3e779d, #65a9d7);
   background:-moz-linear-gradient(top, #3e779d, #65a9d7);
   background:-ms-linear-gradient(top, #3e779d, #65a9d7);
   background:-o-linear-gradient(top, #3e779d, #65a9d7);
   background-image:-ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color:#fff;
}

#kanjiprint #main-col #download #downloadbtn_ie6 {
  cursor:pointer;
}

.downloadbtn p { font-size:12px; text-align:center; color:#fff; }

.downloadbtn p:hover {
   /*color:#fff;*/
   color:#65a9d7;
}

.downloadbtn p:active {
   /*color:#fff;*/
   color:#65a9d7;
}

/************* 7 subcol *****************/
#kanjiprint #sub-col p,
#answer #sub-col p { margin-top:0; }

#kanjiprint #sub-col p.img,
#answer #sub-col p.img { margin:15px 35px 0; }

#kanjiprint #sub-col p.img img,
#answer #sub-col p.img img { border:solid 1px #dddddd; padding:10px; }

#kanjiprint #sub-col p.link,
#answer #sub-col p.link { margin:0 5px; padding:5px 0; }

/************* 8 enquete ****************/
#answer #main-col h1 {
  font-weight:bold;
  color:#666;
	margin:0 0 10px;
	padding:10px 10px;
  border-top:3px solid #ff833b;
  border-bottom:1px dashed #ff833b;
}

#answer #main-col h2 {
  font-weight:bold;
  color:#666;
	margin:20px 0 10px;
	padding:0 9px 3px;
  border-bottom:1px dashed #ff833b;
  font-size:14px;
}

#answer #main-col p.txt { margin:15px 10px 0; }

#answer #main-col p.tx-c {
	margin:15px 10px 0;
  padding-top:20px;
	text-align:center;
  border-top:1px dashed #ff833b;
}

#answer #main-col .red { color:#ff0000; }

#answer #main-col div.box-01 {
	margin:20px 10px 0;
	padding:10px 10px 0;
  border:1px solid #ff833b;
}

#answer #main-col div.box-01 ul { padding:0 10px 10px; }

#answer #main-col div.box-01 ul li ul { padding:0; }

#answer #main-col div.box-01 p { margin:0 0 5px; }

#answer #main-col p.link { margin:30px 10px 0; }

#answer div.red_box {
	border:1px solid #ff88cc;
	background:#FCE5E7;
	padding:0 10px 10px;
	margin:10px 10px 0;
}

#answer .check { background:url(../../img/icon_check.gif) no-repeat 0 1px; padding:3px 0 2px 20px;}
#answer .notes { background:url(../../img/icon_notes.gif) no-repeat 5px 7px; padding:5px 0 2px 20px; font-size:85%;}

#answer #eqform { width:510px; margin:15px 10px 0; }

#answer p.fgq {
	width:96%;
	margin:10px 0 0;
	padding:5px 10px;
	background-color:#ffdab5;
	border-collapse:collapse;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	font-weight:bold;
  font-size:12px;
  color:#444;
}
#answer div.fga {
	width:96%;
	margin:10px 0;
	padding:5px 10px;
	border-collapse:collapse;
}

#answer p.error {
  margin:0;
  color:#f00;
  background-color:#fff;
}

#answer textarea { width:450px; }

#answer .btn-box { margin:10px 10px 0; text-align:center; }

#answer .example { color:#999; }

#answer .w50 { width:50px; }
#answer .w130 { width:130px; }
#answer .w200 { width:200px; }
#answer .w300 { width:300px; }

/******* IE6 HUCK *******/
* html #kanjiprint #main-col #download #infomation {
  visibility:hidden;
  height:0;
  margin:0;
  padding:0;
}
* html #kanjiprint #main-col #download #infomation div,
* html #kanjiprint #main-col #download #infomation p, 
* html #kanjiprint #main-col #download #infomation h2, 
* html #kanjiprint #main-col #download #infomation button {
  font-size:0;
  height:0;
  margin:0;
  padding:0;
  border:0;
}

* html #kanjiprint #main-col button.hidden {
	visibility:visible;
  width:300px;
  height:auto;
  margin:0 110px 10px;
}

/************* 9 infomationbar ****************/
.message {
  background-repeat:repeat;
  -webkit-background-size:40px 40px;
  -moz-background-size:40px 40px;
  background-size:40px 40px;
  background-image:-webkit-gradient(linear, left top, right bottom,
    color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
    color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
    color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
    to(transparent));
  background-image:-webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%,
    rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
  background-image:-moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%,
    rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
  background-image:-ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%,
    rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
  background-image:-o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%,
    rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
  background-image:linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%,
    rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
  -moz-box-shadow:inset 0 -1px 0 rgba(255,255,255,.4);
  -webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,.4);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.4);
  width:510px;
  /*ver.top width:170px; */
  filter:alpha(opacity=90);
  -moz-opacity:0.90;
  opacity:0.90;
  border:1px solid;
  color:#fff;
  padding:10px;
  position:fixed;
  /*_position:absolute;*/
  text-shadow:0 1px 0 rgba(0,0,0,.5);
  -webkit-animation:animate-bg 5s linear infinite;
  -moz-animation:animate-bg 5s linear infinite;
}

.info {
  background-color:#4ea5cd;
  border-color:#3b8eb5;
}

.error {
  background-color:#de4343;
  border-color:#c43d3d;
}

.success {
  background-color:#61b832;
  border-color:#55a12c;
}

.message h3 {
  font-size:18px;
  margin:0;
  text-align:center;
}

.message p {
  text-align:center;
  color:#fff;
}

@-webkit-keyframes animate-bg {
  from { background-position:0 0; }
  to { background-position:-80px 0; }
}

@-moz-keyframes animate-bg {
  from { background-position:0 0; }
  to { background-position:-80px 0; }
}