@charset "utf-8";
/* -------------------------------------
     Site CSS
 (c) Copyright 2006 Sketches of Design
     version 2006-09-01
   */
/* General Rules
--------------------------------------*/
*{margin: 0;  padding: 0; box-sizing: border-box;}
br.sp{
  display: none;
}

body{
  text-align: center;
  color: #666;
  font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3', 'Noto Sans', 'Hiragino Kaku Gothic Pro', sans-serif;
  line-height: 1.6;
}
*:focus {
  outline: none;
}
.linkblock{
  cursor: pointer;
}


/*----- clearfix -----*/
/* for modern browsers: Firefox, Safari, Opera */
.CFX:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* for win IE7 ,mac IE */
.CFX{
  display: inline-table;
  min-height: 1%;
}
/* for win IE6 */
/* \*/
* html .CFX{height: 1% !important;}
.CFX{display: block;}
/* */

/*----- FIR -----*/
.FIR{
/*
  text-indent: -10000px !important;*/
  /* \*/
/*
  overflow: hidden !important;*/
  /* */
  background-repeat: no-repeat;
  background-position: 0 0;
}
/*
.FIR a{
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  outline: 0;
}*/
ul.FIR, ol.FIR{
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Defalut Link Design */
a,
*::before,
*::after{
  transition: 0.3s;
}
a:link,
a:visited,
a:active{
  color: #1e1f1e;
  text-decoration: none;
}
a:hover{
  color: #1e1f1e;
}
body#company-idx div#content div.inner div#lv02-01 table a,
#content .inner p a:link,
#content .inner p a:visited,
#content .inner p a:active{
  text-decoration: underline;
}
body#company-idx div#content div.inner div#lv02-01 table a:hover,
#content .inner p a:hover{
  text-decoration: none;
}


/*  Font
--------------------------------------*/
html { font-size: 62.5%; } /* 10px */
body { font-size: 1.4rem; } /* 14px */


div#footer p.copy{
  font-size: 1.0rem;
}

body#illustration-idx div#main table.grid ul.banners li a,
div#main ol.bc,
div#user div.inner ul.flat li.continue,
div#footer ul.flat{
  font-size: 1.2rem;
}{
  font-size: 1.4rem;
}
input[type="submit"],
div#content .nav a,
body.regist div#content div.inner div.rule h2,
body#tayori-idx div#content div.inner div p.nav,
body#illustration-idx div#main ul.pageindex li,
body#tayori-title div#content div.inner ul.index li,
body#youroku-idx div#content div.inner ul.index li,
body#illustration-idx div#main div#lv02-02 ul.menu li,
body#illustration-idx div#main ul.tab li,
div#header div.inner ul.menu{
  font-size: 1.6rem;
}
#content h2{
  font-size: 2.6rem;
}
#content h3{
  font-size: 1.8rem;
}
#content h1{
  font-size: 3.6rem;
}

/**/{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;/* light */
}
input[type="submit"],
body#tayori-title div#content div.inner ul.index li,
body#illustration-idx div#main table.grid ul.banners li a,
div#content div.inner div p.nav,
div#main ul.menu li,
div#main ul.tab li,
ul.pageindex li,
div#content .nav a,
h2,h3,h4,h5,
div#user div.inner ul.flat,
div#header div.inner ul.menu{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;/* regular */
}
{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;/* medium */
}
#content h1{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;/* bold */
}
{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;/* black */
}



div#content .lead{
/*
  text-indent: 1em;*/
  margin-bottom: 2em;
}
div#content .lead-add{
  margin-bottom: 1em;
}
div#content .nav{
  text-align: center;
}
div#content .nav a{
  position: relative;
  display: inline-block;
  margin: 1em auto 2em auto;
  border: 2px solid #0084ff;
  border-radius: 30px;
  background: none;
  padding: 0.75em 2.5em 0.75em 2em;
  text-decoration: none !important;
}
div#content .nav a:hover{
  background-color: #0084ff;
  color: #fff;
}
div#content .nav a::after{
    position: absolute;
    content: "";
    right: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    border-top: 1px solid #0084ff;
    border-right: 1px solid #0084ff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
div#content .nav a:hover::after{
    right: 4px;
    border-color: #fff;
}
p.btt{
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 44px;
  height: 44px;
  z-index: 20;
  text-indent: -10000px !important;
}
p.btt a{
  display: block;
  width: 100%;
  height: 100%;
	background-image: url("../img/nav-btt.png");
	background-image: -webkit-linear-gradient(transparent, transparent), url("../img/nav-btt.svg");
	background-image:         linear-gradient(transparent, transparent), url("../img/nav-btt.svg");
	background-size: 44px 44px !important;
	-webkit-background-size: 44px 44px !important;
	-moz-background-size: 44px 44px !important;
	-ms-background-size: 44px 44px !important;
	-o-background-size: 44px 44px !important;
}
table{
  margin: 1em 0;
}
table caption{
display: none;
  font-size: 85%;
  color: #666766;
}
tr.odd{
  background: transparent;
}
tr.even{
  background: #ebf7ff;
}
th, td{
  border-color: #d2d2d2;
  padding: 0.4em 0.5em;
}
th{
  background: #0084ff;
  font-weight: normal;
  color: #fff;
}
thead th{
  background: #0084ff;
}
th a{
  color: #fff !important;
}
table td dl dt{
  margin: 0.25em 0 0.25em 0;
  color: #e12b21;
}
table td dl dd{
  padding-left: 1em;
}
table td dl dd.nav{
  margin-bottom: 0.5em;
  text-align: left !important;
  font-size: 85%;
}
dl dt{
  font-weight: normal;
}
dl dd{
  padding: 0;
}
ol{
  padding-left: 2.5em;
}
ul{
  list-style: circle;
}
#content ul{
  padding-left: 1.5em;
}
#content ul.bullet li{
  position: relative;
  list-style: none;
}
#content ul.bullet li::before{
  position: absolute;
  content: "";
  top: 0.6em;
  left: -10px;
  margin: auto;
  background-color: #0084ff;
  width: 5px;
  height: 5px;
}
table ul{
  list-style: none;
}

h1, h2, h3, h4, h5, h6{
  font-size: 100%;
  font-weight: normal;
}
#content h3,
#content h2,
#content h1{
  color: #1e1f1e;
}
#content h2{
  position: relative;
  margin: 40px 0 32px 0;
  padding-left: 20px;
}
#content h2::before{
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 3px;
  background-color: #0084ff;
  width: 6px;
  height: 70%;
}
#content h3{
  margin: 20px 0 16px 0;
}
h1{
}
p.fLeft{
  float: left;
  display: inline;
  margin: 0 1.5em 0.5em 0;
}
p.fLeft img,
p.fRight img{
  border: 3px double #efeeef;
  padding: 1px;
}
p.fRight{
  float: right;
  display: inline;
  margin: 0 0 0.5em 1.5em;
}
.posted{
  margin: 1em 0;
  text-align: right;
}
.weak{
  font-size: 85%;
}
strong, em, .warn{
  color: #e12b21;
  font-weight: normal;
  font-style: normal;
}
.box{
  border: 3px double #d2d2d2;
  background: #efeeef;
  padding: 0.5em 1em;
}
ol.box{
  margin: 0.75em 0;
  padding: 0.5em 1em 0.5em 2.5em;
}
a.external{
  background: url("../img/nav_external.gif") right top no-repeat;
  padding-right: 10px;
}
.banner:hover img,
.banner a:hover img{
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}
.banner img{
  transition: 0.3s;
}
.dcap{
  display: block;
  font-size: 85%;
  text-align: right;
  color: #e12b21;
}
.loupe,
.pdf{
  display: block;
  /*background: url("../img/nav_loupe.png") right center no-repeat;
  padding: 3px 18px 3px 0;*/
/*   width: 200px; */
  font-size: 85%;
  text-align: left;
  text-decoration: none !important;
  color: #e12b21;
}
.pdf{
  text-indent: 0 !important;
}
.loupe span,
.pdf a{
  display: block;
  border: none;
  background: transparent url("../img/nav_loupe.png") left top no-repeat;
  padding-left: 17px;
  text-decoration: none !important;
  color: #666766;
}
.pdf a{
  padding-left: 19px;
  background: transparent url("../img/pdficon_small.gif") left center no-repeat;
  line-height: 18px;
}
input.disabled{
  background-color: #ccc;
}
div#control{
  text-align: center;
}
div#control input[type="submit"]{
  padding: 0.1em 1em;
}
/* livevalidation.js */
span.LV_invalid{
  color: #e12b21;
  font-weight: normal;
}
/* jquery-lightbox */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* Layout
--------------------------------------*/

/* wrapper */
div#wrapper{
  margin: 0 auto;
  width: ;
  text-align: left;
}
/* ==== user (wrapper - header) ==== */
div#user{
}
#footer div#user{
  display: none;
}

div#user div.inner{
  margin: 0 auto;
  padding: 20px 0 0 0;
  color: #fff;
  line-height: 2;
  width: 960px;
}
div#user div.inner p.greeting{
  position: relative;
  margin: 0 0 32px 60px;
  border-radius: 20px;
  background-color: #c7eefc;
  padding: 8px 10px;
  color: #1e1f1e;
}
div#user div.inner p.greeting::before{
  content:"";
  position: absolute;
  bottom: 0;
  left: -60px;
  background: url("../img/p-header-greeting.svg");
  width: 50px;
  height: 50px;
}
div#user div.inner p.greeting span::before{
  content:"";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -14px;
  margin: auto;

    box-sizing: border-box;
    width: 15px;
    height: 10px;
    border: 5px solid transparent;
    border-right: 9px solid #c7eefc;
}
div#user div.inner p.greeting a{
  color: #1e1f1e !important;
  text-decoration: underline;
}
div#user div.inner ul.menu{
  position: fixed;
  right: 0;
  width: 80px;
  z-index: 10;
}
div#user div.inner ul.flat li{
  background-color: #ff4242;
  text-align: center;
  list-style: none;
}
div#user div.inner ul.flat li.first{
  position: relative;
  border: 0;
  border-radius: 10px 0 0 0;
  padding: 0;
}
div#user div.inner ul.flat li.first::after{
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: #ff8e8e;
  width: 60px;
  height: 1px;
}
div#user div.inner ul.flat li.continue{
  line-height: 1.2;
}
div#user div.inner ul.flat li.login{
  border-radius: 0 0 0 10px;
  background-color: #0084ff;
}
div#user div.inner ul.flat li a{
  display: block;
  background-repeat: no-repeat;
  background-position: center 10px;
	background-size: 17px 17px !important;
	-webkit-background-size: 17px 17px !important;
	-moz-background-size: 17px 17px !important;
	-ms-background-size: 17px 17px !important;
	-o-background-size: 17px 17px !important;
	padding: 26px 0 8px 0;
  color: #fff;
}
div#user div.inner ul.flat li.continue a{
	padding: 1em 0;
}
div#user div.inner ul.flat li.first a{
	background-image: url("../img/nav-regist.png");
	background-image: -webkit-linear-gradient(transparent, transparent), url("../img/nav-regist.svg");
	background-image:         linear-gradient(transparent, transparent), url("../img/nav-regist.svg");
}
div#user div.inner ul.flat li.login a{
	background-image: url("../img/nav-login.png");
	background-image: -webkit-linear-gradient(transparent, transparent), url("../img/nav-login.svg");
	background-image:         linear-gradient(transparent, transparent), url("../img/nav-login.svg");
}


/* ==== header (wrapper - header) ==== */
div#header{
  margin: 0;
  padding: 0 0 32px 0;
}
div#header div.inner{
  margin: 0 auto;
  width: 950px;
}
div#header div.inner a{
}
div#header div.inner p#bSiteid{
  float: left;
  display: inline;
  margin: 0;
}
div#header div.inner ul.menu{
  float: right;
  margin-right: -20px;
  text-align: center;
}
div#header div.inner ul.menu li{
  display: inline-block;
  position: relative;
}
div#header div.inner ul.menu li::after{
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #ccc;
  width: 1px;
  height: 14px;
}
div#header div.inner ul.menu li:last-child::after{
  content: none;
}
div#header div.inner ul.menu li a{
  display: inline-block;
  margin: 0 0 0 16px;
  background-position: 4px center;
  background-repeat: no-repeat;
  padding: 4px 20px 4px 30px;
}
div#header div.inner ul.menu li.c02 a{
	background-image: url("../img/nav-c02.png");
	background-image: -webkit-linear-gradient(transparent, transparent), url("../img/nav-c02.svg");
	background-image:         linear-gradient(transparent, transparent), url("../img/nav-c02.svg");
	background-size: 22px 21px !important;
	-webkit-background-size: 22px 21px !important;
	-moz-background-size: 22px 21px !important;
	-ms-background-size: 22px 21px !important;
	-o-background-size: 22px 21px !important;
}
div#header div.inner ul.menu li.c03 a{
	background-image: url("../img/nav-c03.png");
	background-image: -webkit-linear-gradient(transparent, transparent), url("../img/nav-c03.svg");
	background-image:         linear-gradient(transparent, transparent), url("../img/nav-c03.svg");
	background-size: 21px 29px !important;
	-webkit-background-size: 21px 29px !important;
	-moz-background-size: 21px 29px !important;
	-ms-background-size: 21px 29px !important;
	-o-background-size: 21px 29px !important;
}

div#header div.inner ul.menu li.c10 a{
	background-image: url("../img/nav-c10.png");
	background-image: -webkit-linear-gradient(transparent, transparent), url("../img/nav-c10.svg");
	background-image:         linear-gradient(transparent, transparent), url("../img/nav-c10.svg");
	background-size: 21px 29px !important;
	-webkit-background-size: 21px 29px !important;
	-moz-background-size: 21px 29px !important;
	-ms-background-size: 21px 29px !important;
	-o-background-size: 21px 29px !important;
}

div#header div.inner ul.menu li.c13 a{
	background-image: url("../img/nav-c13.png");
	background-image: -webkit-linear-gradient(transparent, transparent), url("../img/nav-c13.svg");
	background-image:         linear-gradient(transparent, transparent), url("../img/nav-c13.svg");
	background-size: 23px 22px !important;
	-webkit-background-size: 23px 22px !important;
	-moz-background-size: 23px 22px !important;
	-ms-background-size: 23px 22px !important;
	-o-background-size: 23px 22px !important;
}
div#header div.inner ul.menu li a:hover,
body.tayori div#header div.inner ul.menu li.c02 a,
body.report div#header div.inner ul.menu li.c03 a,
body.youroku div#header div.inner ul.menu li.c10 a,
body.illustration div#header div.inner ul.menu li.c13 a{
  color: #fff;
}
div#header div.inner ul.menu li a::before{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 20px;
  background-color: #fff;
  width: 90%;
  height: 100%;
  z-index: -1;

}
div#header div.inner ul.menu li a:hover::before,
body.tayori div#header div.inner ul.menu li.c02 a::before,
body.report div#header div.inner ul.menu li.c03 a::before,
body.youroku div#header div.inner ul.menu li.c10 a::before,
body.illustration div#header div.inner ul.menu li.c13 a::before{
  background-color: #0084ff;
}





/* ==== main (wrapper - main) ==== */
div#main{
  clear: both;
  margin: 0 auto;
  overflow: hidden;
}
div#main ol.bc{
  margin: 1em auto;
  border: none;
  padding: 0.25em 0 0 0;
  text-align: left;
  width: 960px;
}
div#main ol.bc li{
  display: inline;
}
div#main ol.bc li span.arrow{
  margin-left: 0.25em;
}
div#main ol.bc li a{
  text-decoration: underline;
}
div#main ol.bc li strong{
  color: #666;
}


/* ==== content (wrapper - main - content) ==== */
#content{
  padding: 0;
}
#content .inner:not(.content-inner){
  position: relative;
  margin: 0 auto;
  padding: 30px 0 60px 0;
  width: 960px;
}
.ban a:hover,
.ban a:hover *{
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}
div#content div#kv{
  background: url("../img/bg-h1.png") repeat;
}
div#content div#kv h1{
  position: relative;
  margin: 0 auto;
  padding: 72px 0;
  max-width: 960px;
}
div#content div#kv h1::after{
  position: absolute;
  content: "";
  right: 0;
  bottom: -20px;
	background-size: 150px 180px !important;
	-webkit-background-size: 150px 180px !important;
	-moz-background-size: 150px 180px !important;
	-ms-background-size: 150px 180px !important;
	-o-background-size: 150px 180px !important;
  width: 150px;
  height: 180px;
}
/*
div#content div.inner div p{
  text-indent: 1em;
}*/
div#content div.inner div p.image{
  text-indent: 0;
}
div#content div.inner .banner{
  margin: 0.5em 0;
}
div#content div.inner p.report-sheet{
display: none;
}
div#content div.inner p.regist{

display: none;

  margin: 0;
  width: 735px;
  height: 73px;
}
div#content div.inner p.regist a{
/*  background: url("../img/ban_regist_open.png") 0 0 no-repeat;*/
  background: url("../img/ban_regist_normal.png") 0 0 no-repeat;
}
div#content div.inner p.regist a:hover{
  background-position: 0 -73px;
}
div#content div.inner div.search{
  position: relative;
  margin: 0 0 15px 0;
}
div#content div.inner div.search p.notes{
  margin: -0.75em 0 0;
  padding: 0;
  text-indent: 1em !important;
}
div#content div.inner div.search div.conditions{
  margin: 5px 0 24px 0;
  background-color: #f2f2f2;
  padding: 10px 0;
  width: 960px;
  overflow: hidden;
  text-align: center;
}
div#content div.inner div.search div.conditions select{
  margin-left: 0.5em;
}
div#content div.inner div.search div.conditions select#s-month{
  margin-right: 2em;
}
div#content div.inner div.search ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
div#content div.inner div.search ul li{
  float: left;
  display: inline;
  text-align: center;
  line-height: 20px;
  min-height: 35px;
}
div#content div.inner div.search ul li a{
  display: block;
  overflow: hidden;
  background-position: left top;
  background-repeat: no-repeat;
  text-decoration: none;
  margin: 0 1px 1px 0;
  padding: 16px 0;
  border-radius: 8px 8px 0 0;
  height: 100%;
  color: #303130;
}
div#content div.inner div.search ul li a:hover{
  text-decoration: underline;
  color: #303130;
}
div#content div.inner div.search ul.lv01 li{
  width: 11.111%;
}
div#content div.inner div.search ul.lv01 li a:hover{
  /*\*/
  position: relative;
  bottom: 3px;
  /**/
}
div#content div.inner div.search ul.lv01 li.lv01-01{
  margin-left: 0;
}
div#content div.inner div.search ul.lv01 li.active a,
div#content div.inner div.search ul.lv01 li.active a:hover{
  position: static;
}
div#content div.inner div.search ul.lv01 li.lv01-01 a{
  background-color: #fff0ec;
}
div#content div.inner div.search ul.lv01 li.lv01-01.active a,
div#content div.inner div.search ul.lv01 li.lv01-01 a:hover{
  background-color: #ff6a3d;
}
div#content div.inner div.search ul.lv01 li.lv01-02 a{
  background-color: #fff6e1;
}
div#content div.inner div.search ul.lv01 li.lv01-02.active a,
div#content div.inner div.search ul.lv01 li.lv01-02 a:hover{
  background-color: #ffd068;
}
div#content div.inner div.search ul.lv01 li.lv01-03 a{
  background-color: #ecf9e4;
}
div#content div.inner div.search ul.lv01 li.lv01-03.active a,
div#content div.inner div.search ul.lv01 li.lv01-03 a:hover{
  background-color: #a2e177;
}
div#content div.inner div.search ul.lv01 li.lv01-04 a{
  background-color: #eaf8ed;
}
div#content div.inner div.search ul.lv01 li.lv01-04.active a,
div#content div.inner div.search ul.lv01 li.lv01-04 a:hover{
  background-color: #86d393;
}
div#content div.inner div.search ul.lv01 li.lv01-05 a{
  background-color: #e9f9f8;
}
div#content div.inner div.search ul.lv01 li.lv01-05.active a,
div#content div.inner div.search ul.lv01 li.lv01-05 a:hover{
  background-color: #90e1dd;
}
div#content div.inner div.search ul.lv01 li.lv01-06 a{
  background-color: #edf6fc;
}
div#content div.inner div.search ul.lv01 li.lv01-06.active a,
div#content div.inner div.search ul.lv01 li.lv01-06 a:hover{
  background-color: #96cbf0;
}
div#content div.inner div.search ul.lv01 li.lv01-07 a{
  background-color: #faf2fa;
}
div#content div.inner div.search ul.lv01 li.lv01-07.active a,
div#content div.inner div.search ul.lv01 li.lv01-07 a:hover{
  background-color: #e0b4df;
}
div#content div.inner div.search ul.lv01 li.lv01-08 a{
  background-color: #fff2f2;
}
div#content div.inner div.search ul.lv01 li.lv01-08.active a,
div#content div.inner div.search ul.lv01 li.lv01-08 a:hover{
  background-color: #ffc0be;
}
div#content div.inner div.search ul.lv01 li.lv01-09 a{
  background-color: #fcefee;
}
div#content div.inner div.search ul.lv01 li.lv01-09.active a,
div#content div.inner div.search ul.lv01 li.lv01-09 a:hover{
  background-color: #ec938e;
}
div#content div.inner div.search p#prompt01,
div#content div.inner div.search p#prompt02{
  background-color: #f2f2f2;
  text-align: center;
}
div#content div.inner div.search p#prompt01 img,
div#content div.inner div.search p#prompt02 img{
  position: relative;
  margin: 30px auto;
  
  padding: 0;
}
div#content div.inner div.search p#prompt-example{
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -90px;
  text-align: center;
}
div#content div.inner div.search p#prompt-example{
}
div#content div.inner div.search ul.lv02{
  background: #ffb360;
  margin: 0 auto !important;
/*
  width: 727px;
  height: 33px;*/
  padding: 8px;
}
div#content div.inner div.search ul.notfound-msg{
  height: 71px;
}
div#content div.inner div.search ul.notfound-msg li img{
  width: 723px;
}
div#content div.inner div.search dl dt,
div#content div.inner div.search div.examples{
  position: relative;
}
div#content div.inner div.search a.selection,
div#content div.inner div.search span.selection{
  display: block;
  position: absolute !important;
  top: -10px;
  right: 30px;
  margin-right: 0;
  background-color: #00c;
  border: 1px solid;
  padding: 3px;
  color: #fff;
  font-size: 10px;
  cursor: pointer;
  text-decoration: none;
}
div#content div.inner div.search a.selection:hover,
div#content div.inner div.search span.selection:hover{
  background-color: #fff;
  color: #00c;
}
div#content div.inner div.search dl dt a.selection,
div#content div.inner div.search dl dt span.selection{
  top: -5px;
  right: 1em;
}
div#content div.inner div.cat02 ul.lv02{
  background: #ffd068 !important;
}
div#content div.inner div.cat01 ul.lv02{
  background: #ffb360 !important;
}
div#content div.inner div.cat02 ul.lv02{
  background: #ffd068 !important;
}
div#content div.inner div.cat03 ul.lv02{
  background: #a2e177 !important;
}
div#content div.inner div.cat04 ul.lv02{
  background: #86d393 !important;
}
div#content div.inner div.cat05 ul.lv02{
  background: #96cbf0 !important;
}
div#content div.inner div.cat06 ul.lv02{
  background: #dcbdd7 !important;
}
div#content div.inner div.cat07 ul.lv02{
  background: #ffc0be !important;
}
div#content div.inner div.cat08 ul.lv02{
  background: #ec938e !important;
}

div#content div.inner div.cat05 div.column-9 ul.lv02{
  background: #90e1dd !important;
}
div#content div.inner div.cat06 div.column-9 ul.lv02{
  background: #96caef !important;
}
div#content div.inner div.cat07 div.column-9 ul.lv02{
  background: #dbbcd6 !important;
}
div#content div.inner div.cat08 div.column-9 ul.lv02{
  background: #ffbfbd !important;
}
div#content div.inner div.cat09 div.column-9 ul.lv02{
  background: #eb928d !important;
}

div#content div.inner div.cat05 div.column-10 ul.lv02{
  background: #90e1dd !important;
}
div#content div.inner div.cat06 div.column-10 ul.lv02{
  background: #96caef !important;
}
div#content div.inner div.cat07 div.column-10 ul.lv02{
  background: #c1b8df !important;
}
div#content div.inner div.cat08 div.column-10 ul.lv02{
  background: #dfb7de !important;
}
div#content div.inner div.cat09 div.column-10 ul.lv02{
  background: #ffbfbd !important;
}
div#content div.inner div.cat10 div.column-10 ul.lv02{
  background: #eb928d !important;
}

div#content div.inner div.search{
  padding-bottom: 3px;
}
div#content div.inner div.search ul.lv02 li{
  margin-left: 2px;
  width: 143px;
}
div#content div.inner div.search ul.lv02 li a{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
/*
  background: url("../img/bg_search_lv02.png") 0 0 no-repeat;*/
  border-radius: 4px;
  background: #fff;
  font-size: 90%;
}
div#content div.inner div.search ul.lv02 li a::after{
    position: absolute;
    content: "";
    right: 0;
    left: 0;
    bottom: 8px;
    margin: auto;
    width: 4px;
    height: 4px;
    border-top: 1px solid #0084ff;
    border-right: 1px solid #0084ff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
div#content div.inner div.search ul.lv02 ul.title-list li a::after{
  content: none;
}
div#content div.inner div.cat06 ul.lv02 li{
  width: 70px
}
div#content div.inner div.cat06 ul.lv02 li a{
  background-image: url("../img/bg_search_lv02-02.png");
}
div#content div.inner div.search ul.lv02 li a:hover{
  /*\*/
  position: relative;
  bottom: 2px;
  /**/
}
div#content div.inner div.search ul.lv02 li.lv02-01{
  margin-left: 2px;
}
/*
div#content div.inner div.search ul.lv02 li.active a,
div#content div.inner div.search ul.lv02 li.active a:hover{
  position: static;
  background-position: -143px 0 !important;
}
div#content div.inner div.search ul.lv02 li.active a,
div#content div.inner div.search ul.lv02 li.active a:hover{
  position: static;
  background-position: -143px 0 !important;
}
*/
div#content div.inner div.search ul.lv02 li#cat77,
div#content div.inner div.search ul.lv02 li#cat78{
  text-indent: 0.5em;
  text-align: left;
}
div#content div.inner div.search ul.lv02 li#cat77 a,
div#content div.inner div.search ul.lv02 li#cat78 a{
  font-size: 75%;
  font-size /*\**/: 55%\9;
}
div#content div.inner div.cat06 ul.lv02 li.active a,
div#content div.inner div.cat06 ul.lv02 li.active a:hover{
  background-position: -70px 0 !important;
}

div#content div.inner div.search div.examples{
  margin: 0 3px 0 3px !important;
  border: 2px solid #ffa645;
/*  padding: 10px 5px;*/
  padding: 10px 5px 90px 5px;
  text-align: center;
}
div#content div.inner div.cat01 div.examples{
  border-top: 0;
}
div#content div.inner div.cat02 div.examples{
  border-top: 0;
}
div#content div.inner div.cat03 div.examples{
  border-color: #a2e177;
}
div#content div.inner div.cat04 div.examples{
  border-color: #86d393;
}
div#content div.inner div.cat05 div.examples{
  border-color: #96cbf0;
}
div#content div.inner div.cat06 div.examples{
  border-color: #dcbdd7;
}
div#content div.inner div.cat07 div.examples{
  border-color: #ffc0be;
}
div#content div.inner div.cat08 div.examples{
  border-color: #ec938e;
}

div#content div.inner div.cat05 div.column-9 div.examples{
  border-color: #90e1dd;
}
div#content div.inner div.cat06 div.column-9 div.examples{
  border-color: #96cbf0;
}
div#content div.inner div.cat07 div.column-9 div.examples{
  border-color: #dcbdd7;
}
div#content div.inner div.cat08 div.column-9 div.examples{
  border-color: #ffc0be;
}
div#content div.inner div.cat09 div.column-9 div.examples{
  border-color: #ec938e;
}

div#content div.inner div.cat05 div.column-10 div.examples{
  border-color: #90e1dd;
}
div#content div.inner div.cat06 div.column-10 div.examples{
  border-color: #96cbf0;
}
div#content div.inner div.cat07 div.column-10 div.examples{
  border-color: #c1b8df;
}
div#content div.inner div.cat08 div.column-10 div.examples{
  border-color: #dfb7de;
}
div#content div.inner div.cat09 div.column-10 div.examples{
  border-color: #ffc0be;
}
div#content div.inner div.cat10 div.column-10 div.examples{
  border-color: #ec938e;
}

div#content div.inner div.search div.examples div{
  position: relative;
  margin: 0;
}
div#content div.inner div.cat01 div.examples div{
  margin: 0 0 10px 0;
}
div#content div.inner div.search div.examples div p.prev,
/*
div#content div.inner div.search div.examples div div.inner,*/
div#content div.inner div.search div.examples div p.next{
  float: left;
  display: inline;
}

div#content div.inner div.search div.examples div p.prev{
  left: 0;
}
div#content div.inner div.search div.examples div p.next{
  right: 0;
}
div#content div.inner div.search div.examples div div.inner{
  margin: 0;
  border: 5px solid #c6c9c6;
  padding: 0;
  width: 100%;
}
div#content div.inner div.search div.examples div div.inner div.inner{
  border: 1px solid #666766;
  background: #fff;
  padding: 1px;
/*  max-height: 10em;*/
  overflow: auto;
}
div#content div.inner div.search div.examples div div.inner dl{
  margin: 0;
  border: 1px solid #c6c9c6;
  padding: 0.5em 0.5em;
  min-height: 64px;
  _height: 64px;
}
div#content div.inner div.search div.examples div div.inner dl dt{
  color: #ffa645;
}
div#content div.inner div.search div.examples div div.inner ul{
  margin: 0.5em 5px 0.5em 14px;
}
div#content div.inner div.search div.examples div div.inner ul.title-list li{
  display: block;
  float: left;
  background: url("../img/nav_news.png") no-repeat left center;
  text-align: left;
  line-height: 1.4;
  list-style: outside;
  padding-left: 8px;
  width: 95%;
  min-height: 100%;
}
div#content div.inner div.search div.examples div div.inner ul.title-list li a{
  padding: 0;
}
div#content div.inner div.search div.examples div div.inner ul.content-list li{
  display: none;
  text-align: left;
}
div#content div.inner div.search div.examples div div.inner ul.content-list li.active{
  display: block;
}
div#content div.inner div.search div.examples div p.prev,
div#content div.inner div.search div.examples div p.next{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 19px;
  height: 60px;
  text-indent: -10000px !important;
  z-index: 1;
}
div#content div.inner div.search div.examples div p.next{
  right: 0;
}
div#content div.inner div.search div.examples div p.prev a,
div#content div.inner div.search div.examples div p.next a{
  display: block;
  width: 100%;
  height: 100%;
}
div#content div.inner div.search div.examples div p.prev a{
  background: url("../img/nav_search_prev.png");
}
div#content div.inner div.search div.examples div p.next a{
  background: url("../img/nav_search_next.gif");
}
div#content div.inner div.search div.examples div p.prev a:hover,
div#content div.inner div.search div.examples div p.next a:hover{
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}
div#content div.inner div.search div.examples div p.hidden{
  visibility: hidden;
}
div#content div.inner div.search div.examples div div.inner dl dd{
  display: none;
}
div#content div.inner div.search div.examples div div.inner dl dd.active{
  display: block;
}
div#content div.inner div.search div.notfound{
  padding-bottom: 0;
}
div#content div.inner div.search div.notfound p{
  margin-bottom: 0;
  text-indent: 0;
}
div#content div.inner div.search div.examples p#nav-show-list{
  left: 0;
  right: 0;
  margin: auto;
  text-align: right;
}
div#content div.inner div.profile{
  margin: 1.5em 0 0.5em 0;
  background: #efeeef;
  padding: 1em;
}
div#content div.inner div.profile dl dt{
  margin: 0.25em 0 1em 3.5em;
}
div#content div.inner div.profile dl dd{
}
div#content div.inner div.profile dl dd p{
  margin-bottom: 0;
}
div#content div.inner div.profile h3{
  position: absolute;
  margin-top: 0;
  font-weight: normal;
  color: #0084ff;
}
div#content div.inner ul.pager{
  margin-bottom: 0.75em;
  border-top: 1px solid #c6c9c6;
  border-bottom: 1px solid #c6c9c6;
  padding: 0.5em 0;
  color: #666766;
}
div#content div.inner ul.pager li{
  display: inline;
  width: 47%;
  line-height: 1.25;
}
div#content div.inner ul.pager li.prev{
  float: left;
  margin-right: 2%;
  text-align: right;
}
div#content div.inner ul.pager li a{
  display: block;
  width: 100%;
  height: 100%;
}
div#content div.inner ul.pager li a span{
  display: block;
  font-size: 85%;
}
div#content div.inner ul.pager li.prev a{
  background: url("../img/nav_arrow_rev.png") right center no-repeat;
  padding-right: 10px;
}
div#content div.inner ul.pager li.next{
  float: right;
  margin-left: 4%;
}
div#content div.inner ul.pager li.next a{
  background: url("../img/nav_arrow.png") left center no-repeat;
  padding-left: 10px;
}
/* ==== util (wrapper - main - util) ==== */
div#util{
  float: right;
  display: inline;
  margin: -5px 0 0 0;
  padding: 0;
  width: 200px;

  display: none;


}
div#util div h2{
  margin-bottom: 0 !important;
}
/* sub */
div#util div#sub{
  margin-top: 10px;
}
div#util div#sub ul li{
  background: url("../img/bg_shadow_s.png") 0 bottom repeat-x;
  padding-bottom: 6px !important;
}
div#util div#sub ul li a{
  height: 35px;
}
div#util div#sub p.sheet a:hover,
div#util div#sub ul li a:hover{
  background-position: -200px 0 !important;
}
div#util div#sub ul li.guide a{
  background-image: url("../img/menu_about.png");
}
div#util div#sub ul li.renew a{
  background-image: url("../img/menu_renew.png");
}
div#util div#sub ul li.books a{
  background-image: url("../img/menu_books.png");
}
div#util div#sub p.sheet a{
  background-image: url("../img/ban_sheet_s.png");
  height: 100px;
}




/* regist */
div#util div.regist ul li{
/*   height: 60px; */
  padding-bottom: 0 !important;
}
div#util div.regist ul li a{
}
div#util div.regist ul li.s01 a{
  height: 60px;
  background-image: url("../img/menu_regist.png");
}
div#util div.regist ul li.s02 a{
  height: 76px;
  background-image: url("../img/menu_login.png");
}
div#util div.regist ul li a:hover{
  background-position: -200px 0 !important;
}
/* supervisor */
div#util div.sv{
  margin: 10px 0 5px 0;
}
div#util div.sv h2{
  background: url("../img/h2_sv.png") 0 0 no-repeat;
  height: 31px;
}
div#util div.sv ul li{
  margin-bottom: 4px;
  height: 96px;
}
div#util div.sv ul li.sv01 a{
  background-image: url("../img/menu_sv01.png");
}
div#util div.sv ul li.sv02 a{
  background-image: url("../img/menu_sv02.png");
}
div#util div.sv ul li a:hover,
body#sv-mo01 div#util div.sv ul li.sv01 a,
body#sv-hs01 div#util div.sv ul li.sv02 a{
  background-position: -200px 0 !important;
}
div#util div.course{
  margin: 10px 0 5px 0;
}
div#util div.course h2{
  background: url("../img/h2_course.png") 0 0 no-repeat;
  height: 31px;
}
div#util div.course ul li{
  margin-bottom: 4px;
  height: 78px;
}
div#util div.course ul li.course01 a{
  background-image: url("../img/menu_course01.png");
}
div#util div.course ul li.course02 a{
  background-image: url("../img/menu_course02.png");
}
div#util div.course ul li a:hover,
body#sv-mo01 div#util div.sv ul li.ho01 a{
  background-position: -200px 0 !important;
}
/* cases */
div#util div.cases{
  margin: 10px 0 10px 0;
}
div#util div.cases h2{
  background: url("../img/h2_cases.png") 0 0 no-repeat;
  height: 31px;
}
div#util div.cases ul li{
  height: 96px;
}
div#util div.cases ul li.case01 a{
  background: url("../img/menu_case01.png") 0 0 no-repeat;
}
div#util div.cases ul li.case02 a{
  background: url("../img/menu_case02.png") 0 0 no-repeat;
}
div#util div.cases ul li a:hover{
  background-position: -200px 0;
}
/* watashi */
div#util div.watashi{
  display: none;

  margin: 10px 0 10px 0;
}
div#util div.watashi ul li{
  height: 96px;
}
div#util div.watashi ul li.watashi01 a{
  background: url("../img/menu_watashi.png") 0 0 no-repeat;
}
div#util div.watashi ul li a:hover{
  background-position: -200px 0;
}
/* kyousai */
div#util div.kyousai ul li{
  height: 96px;
}
div#util div.kyousai ul li.kyousai01 a{
  background: url("../img/ban_kyousai.gif") 0 0 no-repeat;
}
div#util div.kyousai ul li a:hover{
  background-position: -200px 0;
}
/* banners */
div#util ul.banners,
div#util div.banners ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
div#util div.banners ul li{
  margin-bottom: 4px;
  background: url("../img/bg_shadow_s.png") 0 bottom repeat-x;
  padding-bottom: 6px !important;
}
div#util div.banners ul li a:hover img{
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}
/* ad */
div#util div.ad{
  margin-top: 15px;
  /*border: 1px solid #efeeef;
  padding: 9px;*/
}
/* ==== footer (footer) ==== */
div#footer{
  margin-top: 60px;
  border-top: 1px solid #e0e0e0;
	background-image: url("../img/bg-footer.png");
	background-image: -webkit-linear-gradient(transparent, transparent), url("../img/bg-footer.svg");
	background-image:         linear-gradient(transparent, transparent), url("../img/bg-footer.svg");
	background-repeat: repeat;
	overflow: hidden;
}
div#footer div.inner{
  margin: 0 auto;
  padding: 16px 0;
  width: 960px;
}
div#footer ul.flat{
  float: left;
  text-align: left;
}
div#footer ul.flat li{
  display: inline-block;
}
div#footer ul li a{
  position: relative;
  padding: 0 12px;
  color: #666766;
}
div#footer ul li a::after{
  position: absolute;
  content: "";
  top: 2px;
  right: 0;
  background: #ccc;
  width: 1px;
  height: 12px;
}
div#footer p.copy{
  float: right;
}
/* ==== login ==== */
body#root-login h1{
}
body#root-login div#lv02-01 h2{
}
body#root-login div#lv02-01 div.inner{
/*   margin: 0 200px; 
  margin: 0 180px;*/
  padding: 2em 0;
  max-width: 480px;
}
body#root-login div#lv02-01 div.inner p.warn{
  text-indent: 0;
}
/*body#root-login div#lv02-01 div.inner dl dt{
  width: 8em;
}
body#root-login div#lv02-01 div.inner dl dd{
  margin: -1.5em 0 0 0;
  padding: 0 0 0 8em;
}
body#root-login div#lv02-01 div.inner dl dd input{
  width: 100%;
}*/
body#root-login div#lv02-01 div.inner div#keep-login{
  margin: 0.5em 0;
}
body#root-login div#lv02-01 div.inner #loginform span.weak{
  display: none;
  color: #e12b21;
}
form input[type="submit"]{
  position: relative;
  cursor: pointer;
  margin: 1em auto;
  border: none;
  border-radius: 30px;
  background: url("../img/nav-arrow.png") center right no-repeat #0084ff;
  padding: 0.75em 2em 0.75em 1em;
  color: #fff;
}



/* ==== logout ==== */
body#root-logout h1{
}
body#root-logout div#lv02-01 h2{
}
body#root-logout div#lv02-01 p{
  margin: 2em 0;
}
/* ==== reset_password ==== */
body.reset-pwd form table th{
  width: 35%;
}
body.reset-pwd form table td input[type="text"]{
  width: 15em;
}
body.reset-pwd h1{
}
body#reset-pwd-apply h2{
}
body#reset-pwd-apply-thanks h2{
}
body#reset-pwd h2{
}
body#reset-pwd-thanks h2{
}
/* ==== home ==== */
body#root-idx h1{
  display: none;
}
body#root-idx  #content .inner:not(.content-inner){
  padding: 60px 0;
}
body#root-idx div#content div.inner div{
  margin-right: 0;
  margin-left: 0;
}
body#root-idx div#content div.inner div p{
  text-indent: 0;
}
body#root-idx div#kv{
  background: url("../img/bg-home-kv.gif") repeat;
  text-align: center;
}
body#root-idx div#pickup{
  background: url("../img/bg-home-pickup.gif") repeat;
}

body#root-idx div#pickup ul{
  display: flex;
  justify-content: space-between;
}
body#root-idx div#pickup ul li{
  list-style: none;
}
body#root-idx #content div#guide,
body#root-idx #content div#sv{
  float: left;
  display: inline;
  text-align: center;
}
body#root-idx #content div#sv{
  float: right;
}
body#root-idx #content div#guide h2,
body#root-idx #content div#sv h2{
  margin: 0;
  border-bottom: 1px solid #1e1f1e;
  padding: 0 0 0.5em 0;
}
body#root-idx #content div#guide h2::before,
body#root-idx #content div#sv h2::before,
body#root-idx div#information h2::before{
  content: none;
}
body#root-idx #content div#guide div,
body#root-idx #content div#sv div{
  float: left;
  display: inline;
  width: 210px;
}
body#root-idx #content div#guide div:last-child,
body#root-idx #content div#sv div:last-child{
  float: right;
}
body#root-idx #content div#guide h3,
body#root-idx #content div#sv h3{
  position: relative;
  display: inline-block;
  padding-left: 20px;
  height: 2em;
}
body#root-idx #content div#sv h3 small{
  line-height: 1.4;
}
body#root-idx #content div#guide h3::before,
body#root-idx #content div#sv h3::before{
    position: absolute;
    top: 7px;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #2dde98;
}
body#root-idx #content div#sv h3::before{
    top: 4px;
}
body#root-idx #content div#sv h3::before{
    background: #0084ff;
}
body#root-idx #content div#guide h3::after,
body#root-idx #content div#sv h3::after{
    position: absolute;
    top: 11px;
    margin: auto;
    content: "";
    vertical-align: middle;
    left: 3.5px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
body#root-idx #content div#sv h3::after{
    top: 8px;
}
body#root-idx #content div#guide div:hover h3::before,
body#root-idx #content div#sv div:hover h3::before{
    left: 4px;
}
body#root-idx #content div#guide div:hover h3::after,
body#root-idx #content div#sv div:hover h3::after{
    left: 7.5px;
}
body#root-idx #content div#guide p.image,
body#root-idx #content div#sv p.image{
  margin-bottom: 1em;
}

body#root-idx div#information{
  border-top: 1px solid #e0e0e0;
}
body#root-idx div#information h2{
  float: left;
  margin: 0 30px 0 0;
  border-right: 1px solid #1e1f1e;
  padding-right: 30px;
}
body#root-idx div#information dl{
  float: left;
  padding-top: 10px;
}
body#root-idx div#information dl dt{
  position: absolute;
}
body#root-idx div#information dl dt{
  color: #666;
}
body#root-idx div#information dl dd{
  margin: 0 0 0 6em;
}
body#root-idx div#footer{
  margin-top: 0;
}


/* sv */
/* sv-mo01 */
body#sv-mo01 h1{
}
/* sv-hs01 */
body#sv-hs01 h1{
}
/* course */
body.course div#content div.inner h1{
  position: relative;
  top: 2px;
  height: 114px;
}
/* course-hs01 */
body#course-ho01 h1{
  background-image: url("../img/h1_course_ho01.jpg");
}
body#course-ho01 div#lv02-01 h2{
  background-image: url("../img/h2_course_ho01-01.png");
}
body#course-ho01 div#lv02-02 h2{
  background-image: url("../img/h2_course_ho01-02.png");
}
body#course-ho01 div#lv02-03 h2{
  background-image: url("../img/h2_course_ho01-03.png");
}
body#course-ho01 div#lv02-04 h2{
  background-image: url("../img/h2_course_ho01-04.png");
}
/* course-tn01 */
body#course-tn01 h1{
  background-image: url("../img/h1_course_tn01.jpg");
}
body#course-tn01 div#lv02-01 h2{
  background-image: url("../img/h2_course_tn01-01.png");
}
body#course-tn01 div#lv02-02 h2{
  background-image: url("../img/h2_course_tn01-02.png");
}
body#course-tn01 div#lv02-03 h2{
  background-image: url("../img/h2_course_tn01-03.png");
}
body#course-tn01 div#lv02-04 h2{
  background-image: url("../img/h2_course_tn01-04.png");
}
/* tayori */
body#tayori-idx div.inner div{
  margin-right: 0;
  margin-left: 0;
}
body#tayori-idx div.inner div#quicksearch p{
  text-indent: 0;
}
body#tayori-idx div#content h1::after{
	background-image: url("../img/h1-tayori.png");
	background-image: -webkit-linear-gradient(transparent, transparent), url("../img/h1-tayori.svg");
	background-image:         linear-gradient(transparent, transparent), url("../img/h1-tayori.svg");
}
body#tayori-idx div#lv02-01,
body#tayori-idx div.widearea{
/*  position: relative;*/
  color: #666766;
}
body#tayori-idx div#lv02-01 .inner div.CFX div{
  float: left;
  display: inline;
  margin: 0;
  width: 25%;
}
body#tayori-idx div#lv02-01 div.CFX div p{
  margin: 0 1em;
}
body#tayori-idx div#lv02-01 div.CFX div.first{
  margin-left: 0;
}
body#tayori-idx div#lv02-01 div.CFX div h3{
  padding-bottom: 0.25em;
  font-weight: normal;
  text-align: center;
  color: #0084ff;
}
body#tayori-idx div.widearea div div{
  float: left;
  display: inline;
  margin: 0;
  width: 460px;
}
body#tayori-idx div.widearea div#lv02-03{
  margin-left: 15px;
}
body#tayori-idx div#content div.inner div p.nav{
  margin: 1em auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  text-align: center;
}
body#tayori-idx div#content div.inner #quicksearch p.nav{
  position: absolute;
}
body#tayori-idx div#content div.inner div p.nav a{
  position: relative;
  display: inline-block;
  border: 2px solid #0084ff;
  border-radius: 30px;
  padding: 1em 1.5em 1em 1em;
  text-decoration: none;
}
body#tayori-idx div#content div.inner div p.nav a::after{
    position: absolute;
    content: "";
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 4px;
    height: 4px;
    border-top: 1px solid #0084ff;
    border-right: 1px solid #0084ff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
body#tayori-idx div#content div#lv02-02 p.nav a{
}
body#tayori-idx div#content div#lv02-03 p.nav a{
}
body.tayori div#util div#sub ul li.s01 a{
  background-image: url("../img/menu_tayori_s01.png");
}
body.tayori div#util div#sub ul li.s02 a{
  background-image: url("../img/menu_tayori_s02.png");
}
body.tayori div#util div#sub ul li.s03 a{
  background-image: url("../img/menu_tayori_s03.png");
}
body#tayori-idx div#util div#sub ul li.s01 a,
body#tayori-title div#util div#sub ul li.s02 a,
body#tayori-qa div#util div#sub ul li.s03 a{
  background-position: -200px 0 !important;
}
/* title */
body#tayori-title div#content div.inner ul.index{
  position: relative;
  clear: both;
  margin: 0;
  padding: 0;
  z-index: 0;
}
body#tayori-title div#content div.inner ul.index li{
  float: left;
  display: inline;
  text-align: center;
  width: 8%;
}
body#tayori-title div#content div.inner ul.index li.menu-o{
  width: 20%;
}
body#tayori-title div#content div.inner ul.index li a{
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 100%;
  height: 100%;
  display: block;
  transition: 0s;
}
body#tayori-title div#content div.inner div.CFX div.inner{
  margin-top: 0;
  margin-bottom: 0.5em;
  border: 1px solid #0084ff;
  border-top: none;
  background: #fff;
}
body#tayori-title div#content div.inner div div dl{
  padding: 10px 15px !important;
}
body#tayori-title div#content div.inner div div dt{
  display: inline;
  font-size: 122%;
}
body#tayori-title div#content div.inner div div dd{
  margin-bottom: 0.75em;
  text-indent: 1em;
  color: #405fb0;
}
body#tayori-title div#content div.inner div div dd.ruby{
  display: inline;
  margin-bottom: 0;
  margin-left: 0.5em;
  background: url("../img/bg_cases_question.png") left center no-repeat;
  padding-left: 42px;
  text-indent: 0;
  font-size: 85%;
  color: #ff6347;
}
/* QA */
body#tayori-qa div#content div.inner div#lv02-00 .inner{
  padding-top: 0;
}
body#tayori-qa div#content div.inner div#lv02-00 h2{
  margin-top: 0;
}
body#tayori-qa div#content div.inner div#lv02-00 ul{
  border: 3px double #efeeef;
  padding: 0.75em 1em 0.75em 2.5em;
}
body#tayori-qa div#content div.inner div#lv02-00 ul li{
  position: relative;
  list-style: none;
}
body#tayori-qa div#content div.inner div#lv02-00 ul li::before{
    position: absolute;
    top: 11px;
    left: -20px;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #0084ff;
}
body#tayori-qa div#content div.inner div#lv02-00 ul li::after{
    position: absolute;
    top: 14px;
    left: -15px;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);

}
body#tayori-qa div#content div.inner div#lv02-00 ul li a{
  display: block;
  padding: 0.5em 0;
}

body#tayori-qa div#content div.inner div strong,
body#tayori-qa div#content div.inner div span.emphasis{
  font-weight: bold;
  color: #303130;
}
body#tayori-qa div#content div.inner div#lv02-03 dl{
  margin: 0.75em 0;
  border-top: 1px solid #c6c9c6;
  border-bottom: 1px solid #c6c9c6;
  padding: 0.75em 0.5em 0.5em 0.5em;
}
body#tayori-qa div#content div.inner div#lv02-03 dl dt{
  color: #0084ff;
  font-weight: bold;
}
body#tayori-qa div#content div.inner div#lv02-03 dl dd{
  margin: -1.5em 0 0.25em 8em;
}

/* report */
body#report-idx div#content h1::after{
	background-image: url("../img/h1-report.png");
	background-image: -webkit-linear-gradient(transparent, transparent), url("../img/h1-report.svg");
	background-image:         linear-gradient(transparent, transparent), url("../img/h1-report.svg");
}
body#report-idx div#lv02-01 p.announce{
  margin: 0 auto;
  background: url("../img/p_report_announce.png") 0 0 no-repeat;
  width: 432px;
  height: 340px;
}
body#report-idx div#lv02-01 p.nav a{
  font-size: 85%;
  color: #303130;
}
body#report-idx div#lv02-01 table#report-search-cond th{
  width: 8em;
}
body#report-idx div#lv02-01 table#report-search-cond ul li{
  float: left;
}
body#report-idx div#lv02-01 table#report-search-cond ul#list-grade li{
  width: 4em;
}
body#report-idx div#lv02-01 table#report-search-cond ul#list-grade li.long{
  clear: both;
  width: 100%;
}
body#report-idx div#lv02-01 table#report-search-cond ul#list-subject li{
  width: 10em;
}
body#report-idx div#lv02-01 table#report-search-cond ul#list-subject li.long{
  clear: both;
  width: 100%;
}
body#report-idx div#lv02-01 table#report-search-cond ul#list-char-pos li,
body#report-idx div#lv02-01 table#report-search-cond ul#list-char-neg li{
  width: 100%;
}
body#report-idx div#lv02-01 div#btn-search{
  margin: 2px 0 1em 0 !important;
}
body#report-idx div#lv02-01 div#btn-search a{
  display: block; /*IEで背景が消えてしまう*/
  border: none;
  overflow: hidden;
  cursor: pointer; /* カーソルを指マークに Operaはなぜか効かない*/
}
body#report-idx div#lv02-01 div#btn-search a#btn-search-or{
  float: right;
}
body#report-idx div#lv02-01 div#btn-search a#btn-search-and{
  float: left;
}
body#report-idx div#lv02-01 div#btn-search a.restricted{
  cursor: default;
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}
body#report-idx div#lv02-01 div#nav-report{
  margin: 0 0 1em !important;
  padding: 0 !important;
}
body#report-idx div#lv02-01 div#pageinfo{
  display: none;
  float: left;
  margin: 0 !important;
}
body#report-idx div#lv02-01 div#pageinfo span{
  color: #0084ff;
}
body#report-idx div#lv02-01 div#pageinfo p{
  margin-bottom: 0.1em;
  text-indent: 0;
}
body#report-idx div#lv02-01 div#report-list{
  margin-bottom: 0 !important;
}
body#report-idx div#lv02-01 div#report-list h3{
  display: none;
}
body#report-idx div#lv02-01 div#report-list table{
  display: none;
  clear: both;
}
body#report-idx div#lv02-01 div#report-list table tr th.seq,
body#report-idx div#lv02-01 div#report-list table tr td.score{
  text-align: right;
}
body#report-idx div#lv02-01 div#report-list table tr th.seq{
  width: 2em;
}
body#youroku-idx div#lv02-01 div#pagination,
body#report-idx div#lv02-01 div#pagination{
  display: none;
  margin: 0 auto !important;
  width: 100%;
}
body#youroku-idx div#lv02-01 div#pagination ul,
body#report-idx div#lv02-01 div#pagination ul{
  position: relative;
  left: 50%;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
}
body#youroku-idx div#lv02-01 div#pagination ul li,
body#report-idx div#lv02-01 div#pagination ul li{
  position: relative;
  right: 50%;
  float: left;
  margin-right: 2px;
  width: auto;
  height: auto;
  text-align: center;
  list-style-type: none;
}
body#report-idx div#lv02-01 div#pagination ul li.currentpage{
}
body#youroku-idx div#lv02-01 div#pagination ul li a,
body#report-idx div#lv02-01 div#pagination ul li a{
  border: 1px solid #a5a5a5;
  padding: 0.1em 0.5em;
  text-decoration: none;
  color: #0084ff;
}
body#youroku-idx div#lv02-01 div#pagination ul li a:hover,
body#report-idx div#lv02-01 div#pagination ul li a:hover{
  background-color: #0084ff;
  color: #fff;
}
body#youroku-idx div#lv02-01 div#pagination ul li.currentpage a,
body#youroku-idx div#lv02-01 div#pagination ul li.currentpage a:hover,
body#report-idx div#lv02-01 div#pagination ul li.currentpage a,
body#report-idx div#lv02-01 div#pagination ul li.currentpage a:hover{
  background-color: #0084ff;
  color: #fff;
}
body#report-idx div#lv02-01 div#limit{
  display: none;
  float: right;
  margin: 0 0 0.1em;
  padding: 0 !important;
  width: 15em;
  text-align: right;
}

/* report-sheet */

body#report-sheet #content table td{
  text-align: center;
}
body#report-sheet #content table a{
  padding: 0 18px 0 0;
  background: url("../img/nav_excel.png") right center no-repeat;
}
body#report-sheet #content ul{
  margin: 0 0 0 20px;
  padding: 0;
  list-style-type: none;
}
body#report-sheet #content ul li{
  margin: 0;
  padding: 0 0 0 10px;
  background: url("../img/nav_arrow.png") left 0.5em no-repeat;
}
body#report-sheet #content .box p{
  margin: 15px 0 0 0;
  padding: 0;
}

div#content p.report-sheet a{
  background-image: url("../img/ban_report_sheet.png");
  width: 735px;
  height: 91px;
}
div#content p.report-sheet a:hover{
  background-position: 0 -91px !important;
}



/* movie */
body div.qtip div.qtip-content{
/*   height: 1.25em; */
/*   min-height: 1.25em; */
}
body#movie-idx div#content h1,
body.movie div#content h1{
  background-image: url("../img/h1_movie_idx.png");
}
body#movie-idx #movie-title-list{
  margin-left:15px;
  width:705px;
}
body#movie-idx #movie-title-list td{
  width:290px;
}
body.movie div#lv02-digest h2{	/* digest */
  background-image: url("../img/h2_movie_digest.png");
}
body#movie-mo01-01 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo01-01.png");
}
body#movie-mo01-02 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo01-02.png");
}
body#movie-mo01-03 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo01-03.png");
}
body#movie-mo01-04 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo01-04.png");
}
body#movie-mo01-05 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo01-05.png");
}
body#movie-mo01-06 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo01-06.png");
}
body#movie-mo01-07 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo01-07.png");
}
body#movie-mo01-08 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo01-08.png");
}
body#movie-mo01-09 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo01-09.png");
}
body#movie-mo01-10 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo01-10.png");
}
body#movie-mo01-11 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo01-11.png");
}
body#movie-mo02-01 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo02-01.png");
}
body#movie-mo02-02 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo02-02.png");
}
body#movie-mo02-03 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo02-03.png");
}
body#movie-mo02-04 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo02-04.png");
}
body#movie-mo02-05 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo02-05.png");
}
body#movie-mo02-06 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo02-06.png");
}
body#movie-mo02-07 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo02-07.png");
}
body#movie-mo02-08 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo02-08.png");
}
body#movie-mo02-09 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo02-09.png");
}
body#movie-mo02-10 div#lv02-01 h2{
  background-image: url("../img/h2_movie_mo02-10.png");
}
body#movie-01 div#lv02-02 h2{
  background-image: url("../img/h2_movie_01-01.png");
}
body#movie-02 div#lv02-02 h2{
  background-image: url("../img/h2_movie_02-01.png");
  height: 50px;
}
body#movie-idx div#lv02-02 h2{
/*   position: relative; */
/*   right: 15px; */
/*   width: 735px; */
  background-image: url("../img/h2_movie_02-01.png");
  height: 50px;
}
body#movie-idx div#lv02-03 h2{
  background-image: url("../img/h2_movie_01-01.png");
}
body.movie div#content div.inner div.movie{
  text-align: center;
}
body.movie div#lv02-02 div.CFX{
  position: relative;
  right: 15px;
  width: 735px;
}
body.movie div#lv02-02 div.CFX dl{
  float: left;
  display: inline;
  margin-left: 5px;
  width: 180px;
  line-height: 1.25;
}
body.movie div#lv02-02 div.CFX dl.first{
  margin-left: 0;
}
body.movie div#lv02-02 div.CFX dl dt{
  margin-bottom: 0.25em;
}
body.movie div#lv02-02 div.CFX dl dd span{
  display: block;
  font-size: 85%;
}
body.movie div#lv02-02 div.CFX dl dd span.number{
  color: #e12b21;
}
body.movie div#lv02-02 div.CFX dl dd span.time{
  border-top: 1px dotted #c6c9c6;
  margin-top: 0.25em;
  padding-top: 0.25em;
  text-align: right;
}
body.movie div#lv02-02 div.CFX dl dt a:hover img{
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}
/* game */
body#game-idx div#content h1{
  background-image: url("../img/h1_game_idx.png");
}
body#game-idx div#lv02-01 h2{
  background-image: url("../img/h2_game_idx-01.png");
}
body#game-idx div#content div.inner div h2{
  position: relative;
  margin: 0 0 5px -15px;
  width: 735px;
}
body#game-idx div#content div.inner div.game{
  position: relative;
  margin: 0 1px 0 -15px;
  border: 3px solid #c6c9c6;
  padding: 4px;
  width: 720px;
  background-color: #fff;
}
body#game-idx div#content div.inner div div h3{
  text-indent: 0;
  padding-bottom: 0;
  font-weight: normal;
  font-family: "MS UI Gothic", sans-serif;
  text-align: center;
  border: none;
}
body#game-idx div#content div.inner div div h3 span{
  color:#e12b21;
}
body#game-idx div#content div.inner ul.title-list{
  margin: 0.5em 0 1em;
}
body#game-idx div#content div.inner ul.title-list li{
  display: block;
  float: left;
  margin-top: 0.8em;
  background: url("../img/nav_arrow.png") left center no-repeat;
  padding-left: 10px;
  width: 95%;
  min-height: 100%;
  text-align: left;
  line-height: 1.4;
  list-style: outside;
}
body#game-idx div#content div.inner ul.title-list li a{
}
body#game-idx div#content div.inner ul.title-list li a span{
  color: #e12b21;
}
/* cases */
body.cases div#content h1{
  height: 92px;
}
body.cases div.interview h2{
  background-image: url("../img/h2_case-01_interview.png");
}
body.cases div#content div.inner dl{
  clear: both;
}
body.cases div#content div.inner dl dt{
  color: #ff6347;
  background: url("../img/bg_cases_question.png") left center no-repeat;
  padding-left: 40px;
}
body.cases div#content div.inner dl dt p{
  text-indent: 0 !important;
}
body#case-01 h1{
  background-image: url("../img/h1_case-01.png");
}
body#case-02 h1{
  background-image: url("../img/h1_case-02.png");
}
body#case-02 div.interview h2{
  background-image: url("../img/h2_case-02_interview.png");
}
/* mm */
body#mm-idx div#content div.inner p.regist{
  background: url("../img/ban_regist_close.png") 0 0 no-repeat;
}
body#mm-idx div#content h1{
  background-image: url("../img/h1_mm_idx.png");
}
body#mm-idx div#content div.inner div#lv02-01 h2{
  background-image: url("../img/h2_mm_idx-01.png");
}
body.mm div#content h1{
  background-image: url("../img/h1_mm_idx.png");
}
body.mm div#content div.inner div#lv02-01 h2{
  background-image: url("../img/h2_mm_idx-01.png");
}
body.mm div#content div.inner div#lv02-01 h2{
  background-image: url("../img/h2_mm_idx-01.png");
}
body.mm div#content div.inner div#lv02-01 div dl,
body.mm div#content div.inner div#lv02-01 div dd{
  margin-left: 1em;
}
body.mm div#content div.inner div#lv02-01 div dd p{
  text-indent: 0;
}
/*
body.mm div#content div.inner div#lv02-01 div dl dt a{
  background: url("../img/nav_arrow.png") left center no-repeat;
  padding-left: 10px;
}
body.mm div#content div.inner div#lv02-01 div dl dt.open a{
  background-image: url("../img/nav_arrow_down.png");
  padding-left: 15px;
  font-weight: bold;
}
*/
body.mm div#content div.inner div#lv02-01 div dl dt{
  background: url("../img/nav_arrow.png") left center no-repeat;
  padding-left: 10px;
}
body.mm div#content div.inner div#lv02-01 div dl dt a{
  overflow:hidden;
  outline:none;
}
body.mm div#content div.inner div#lv02-01 div dl dt.open{
  background-image: url("../img/nav_arrow_down.png");
  padding-left: 15px;
  font-weight: bold;
}
body.mm div#content div.inner div#lv02-01 div dl dt.open a{
  background: url("../img/nav_close.png") right center no-repeat;
  padding-right: 60px;
}
/* guide */
body.guide div#util div#sub ul li.s01 a{
  background-image: url("../img/menu_guide_s01.png");
}
body.guide div#util div#sub ul li.s02 a{
  background-image: url("../img/menu_guide_s02.png");
}
body.guide div#util div#sub ul li.s03 a{
  background-image: url("../img/menu_guide_s03.png");
}
body#guide-idx div#util div#sub ul li.s01 a,
body#guide-usage div#util div#sub ul li.s02 a,
body#guide-rule div#util div#sub ul li.s03 a,
body#guide-renew div#util div#sub ul li.renew a{
  background-position: -200px 0 !important;
}
/* idx */
body#guide-idx div#content p.nav{
  text-align: right;
  margin: 0 0 0 auto;
}
/* usage */
body#guide-usage div#content div.inner div ul.annotation{
  margin: 1em 0;
  border-top: 1px solid #c6c9c6;
  border-bottom: 1px solid #c6c9c6;
  padding: 0.5em 1em;
  color: #666766;
}
body#guide-usage div#content div.inner div#lv02-06 div.lv03-01 p{
  border: 1px dotted #c6c9c6;
  padding: 0.5em 0.5em;
}
body#guide-usage div#content div.inner p.nav{
  margin: 0.5em 0 0.5em auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  text-align: right;
}
body#guide-usage div#content div.inner p.nav a:hover{
  background-position: -245px 0 !important;
}
/* rule */
/* unsubscribe */
body#guide-unsubscribe div#content h1{
}
/* renew */
body#guide-renew div#content ul{
  list-style: disc outside none;
}
/* company */
/* idx */

body#company-idx div#content div.inner div#lv02-01 table th{
  width: 8em;
}
body#company-idx div#content div.inner div#lv02-01 table td ul{
  padding-left: 1.25em;
  list-style: circle;
}

body.company div#util div#sub ul li.s01 a{
  background-image: url("../img/menu_company_s01.png");
}
body.company div#util div#sub ul li.s02 a{
  background-image: url("../img/menu_company_s02.png");
}
body.company div#util div#sub ul li.s03 a{
  background-image: url("../img/menu_company_s03.png");
}
body#company-idx div#util div#sub ul li.s01 a,
body#company-regal div#util div#sub ul li.s02 a{
  background-position: -200px 0 !important;
}
/* idx */

body#company-regal div#content div.inner div#lv02-01 table th{
  width: 12em;
}
/* regist */
body.regist form table th{
  width: 35%;
}
body.regist form table td input.fieldLong{
  width: 20em;
}
body.regist form table td input.fieldShort{
  width: 4em;
}
body.regist form table td input.zenkaku{
  ime-mode: active;
}
body.regist form table td input.hankaku{
  ime-mode: disabled;
}
body.regist form table td input, body.regist form table td select{
  margin-top: 0.4em;
}
body.regist div#content p.sp,
body#settle div#content p.sp{
  display: none;
}
body.regist div#content dl#benefit,
body#settle div#content dl#benefit{
  margin: 0 auto;
  background: url("../img/p_regist_benefit.png") 0 0 no-repeat;
  width: 696px;
  height: 150px;
  text-indent: -10000px !important;
}
body.regist div#content dl#benefit02,
body#settle div#content dl#benefit02{
  margin: 0 auto;
  background: url("../img/p_regist_benefit02.png") 0 0 no-repeat;
  width: auto;
  height: 150px;
  text-indent: -10000px !important;
}
body.regist div#content dl#fee,
body#settle div#content dl#fee{
  margin: 10px auto 1.5em auto;
  background: url("../img/p_regist_fee_normal.png") 0 0 no-repeat;
  width: 562px;
  height: 125px;
  text-indent: -10000px !important;
}
body.regist div#content div.inner div.rule,
body#settle div#content div.inner div.rule{
  border: 1px solid #c6c9c6;
  height: 10em;
  padding: 0.5em 2em 0 2.5em;
  overflow: auto;
}
body.regist div#content div.inner div.rule div,
body#settle div#content div.inner div.rule div{
  margin: 0 0 1em 0;
}
body.regist div#content div.inner div.rule h2,
body#settle div#content div.inner div.rule h2{
  margin: 1em 0 0.5em 0;
  background: none;
  padding: 0;
}
body.regist div#content div.inner div.rule h2::before,
body#settle div#content div.inner div.rule h2::before{
  content: none;
}
body.regist div#content div.inner div.rule p.btt,
body#settle div#content div.inner div.rule p.btt{
  display: none;
}

body.regist div#content div.inner .step{
  float: left;
  display: inline;
  margin: 0 0 1em 0;
  padding: 10px;
  width: 320px;
  height: 350px;
}
body.regist div#content div.inner .step01-01{
  background-color: #e5f8fc;
}
body.regist div#content div.inner .step01-02{
  margin-left: 25px;
  background-color: #e5eaf4;
}
body.regist div#content div.inner .step h4{
  text-align: center;
}
body.regist div#content div.inner .step01-01 h4{
  color: #00bbdf;
}
body.regist div#content div.inner .step01-02 h4{
  color: #002a96;
}
body.regist div#content div.inner ul.paypal{
  margin: 1em 0;
  background-color: #fff;
  padding: 10px 0 0 0;
}
body.regist div#content div.inner ul.paypal li{
  float: left;
  display: inline;
  list-style: none;
  width: 50%;
  text-align: center;
}
body.regist div#content div.inner .step table.half{
  margin-left: 0;
  width: 100%;
}
body.regist div#content div.inner .step table td{
  background-color: #fff;
}
body.regist div#content div.inner table.half{
  margin-left: 1.5em;
  width: 50%;
}
/* profile */
body.profile form table th{
  width: 35%;
}
body.profile form table td input[type="text"]{
  width: 15em;
}
body.profile div#content div.inner #profile p{
  margin-left: 1em;
  text-indent: 0;
}
/* contact */
body#contact-idx div#content div.inner #email{
  text-indent: 0;
}
body#contact-idx div#content div.inner #email strong{
  font-weight: bold;
  color: #303130;
}
body#contact-idx div#content div.inner p.nav{
  text-align: right;
}

/* books */
body.books div#content div.cover{
  float:left;
  margin: 0;
  padding: 0;
/*  width: 275px;*/
  width: 223px;
}
body.books dl.info{
  float:right;
  margin: 0;
  padding: 0;
/*  width: 420px;*/
  width: 472px;
}
body.books div#content div.cover p.img-cover{
  text-indent: 0;
}
body.books div#content div.cover p.img-cover a{
  display: block;
  margin: 0 auto;
  width: 180px;
  height: auto;
}
body.books p.nav-bookstore a{
  display: block;
  margin: 0 auto;
  background: url("../img/nav_bookstore.gif") 0 0 no-repeat;
  width: 133px;
  height: 28px;
}
body.books dl.info dt{
  width:5.5em;
  overflow:hidden;
}
body.books dl.info dd{
  margin:-1.5em 0 0.5em;
  padding:0 0 0.25em 6em;
}
body.books div#content div.item div.summary,
body.books div#content div.item div.comment{
  float: right;
  margin-top: 0;
  margin-bottom: 0.5em;
  width: 472px;
}
/** tooltip for icons' description */
body.books div#info-icons{
  font-size: 80%;
}
body.books div#info-icons div{
  margin-bottom: 2em;
}
body.books dl.list-icons dt{
  float: left;
  background-position: 0 0;
  background-repeat: no-repeat;
  padding-left: 0.5em;
  width: 32px;
  height: 32px;
  list-style: none;
  text-indent: -10000px !important;
}
body.books dl.list-icons dd{
  float: left;
  margin-right: 1em;
}
div#info-icons h3{
  padding-bottom: 0.25em;
  font-size: 110%;
  font-weight: normal;
  font-family: "MS UI Gothic", sans-serif;
  text-align: left;
  color: #ff6347;
}
/*body.books ul.list-icons{*/
body.books div.list-icons ul{
  padding-left: 10px;
  width: 100%;
  text-indent: -10000px !important;
}
/*body.books ul.list-icons li{*/
body.books div.list-icons ul li{
  float: left;
  margin-right: 2px;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  list-style: none;
}
/*body.books ul.list-icons*/body.books div.list-icons ul li.reader-ele,
body.books dl.list-icons dt.reader-ele{
  background-image: url("../img/icon_reader_ele.png");
}
/*body.books ul.list-icons*/body.books div.list-icons ul li.reader-ele,
body.books dl.list-icons dt.reader-ele{
  background-image: url("../img/icon_reader_ele.png");
}
/*body.books ul.list-icons*/body.books div.list-icons ul li.reader-jun,
body.books dl.list-icons dt.reader-jun{
  background-image: url("../img/icon_reader_jun.png");
}
/*body.books ul.list-icons*/body.books div.list-icons ul li.reader-high,
body.books dl.list-icons dt.reader-high{
  background-image: url("../img/icon_reader_high.png");
}
/*body.books ul.list-icons*/body.books div.list-icons ul li.reader-fresh,
body.books dl.list-icons dt.reader-fresh{
  background-image: url("../img/icon_reader_fresh.png");
}
/*body.books ul.list-icons*/body.books div.list-icons ul li.reader-manager,
body.books dl.list-icons dt.reader-manager{
  background-image: url("../img/icon_reader_manager.png");
}
/*body.books ul.list-icons*/body.books div.list-icons ul li.reader-others,
body.books dl.list-icons dt.reader-others{
  background-image: url("../img/icon_reader_others.png");
}
/*body.books ul.list-icons*/body.books div.list-icons ul li.subject-parent,
body.books dl.list-icons dt.subject-parent{
  background-image: url("../img/icon_subject_parent.png");
}
/*body.books ul.list-icons*/body.books div.list-icons ul li.subject-tayori,
body.books dl.list-icons dt.subject-tayori{
  background-image: url("../img/icon_subject_tayori.png");
}
/*body.books ul.list-icons*/body.books div.list-icons ul li.subject-class,
body.books dl.list-icons dt.subject-class{
  background-image: url("../img/icon_subject_class.png");
}
/*body.books ul.list-icons*/body.books div.list-icons ul li.subject-school,
body.books dl.list-icons dt.subject-school{
  background-image: url("../img/icon_subject_school.png");
}
/*body.books ul.list-icons*/body.books div.list-icons ul li.subject-instruct,
body.books dl.list-icons dt.subject-instruct{
  background-image: url("../img/icon_subject_instruct.png");
}
/*body.books ul.list-icons*/body.books div.list-icons ul li.subject-others,
body.books dl.list-icons dt.subject-others{
  background-image: url("../img/icon_subject_others.png");
}
/* news */
body.news div#content h1{
  background-image: url("../img/h1_news.png");
}
body.news div#content div.inner h2{
  background: url("../img/bg_h2.png") 0 bottom no-repeat;
  line-height: 2em;
  height: auto;
  padding:  0 0 7px 0.75em;
}
body.news div#content div.inner div dl dt{
  width: 5.5em;
  overflow: hidden;
  color: #e12b21;
}
body.news div#content div.inner div dl dd{
  border-bottom: 1px dotted #303130;
  margin: -1.5em 0 0.5em 0;
  padding: 0 0 0.25em 6em;
}
body.news div#util div#sub{
  margin: 10px 0 5px 0;
}
body.news div#util div#sub h2{
  margin-top: 10px;
  background: url("../img/h2_news_arch.png") 0 0 no-repeat;
  height: 31px;
}
body.news div#util div#sub ul{
  padding: 0;
  list-style-type: none;
}
body.news div#util div#sub ul li{
  padding-bottom: 0 !important;
}
body.news div#util div#sub ul.list-year{
  margin-left: 18px;
}
body.news div#util div#sub ul.list-year li{
  background: url("../img/nav_arrow.png") left 0.5em no-repeat;
  /*padding:0.25em 0 0.2em 12px;*/
  text-indent: 12px;
}
body.news div#util div#sub ul.list-year li ul.list-cat {
  margin-left: 12px;
}
body.news div#util div#sub ul.list-year li ul.list-cat li{
  background: url("../img/nav_arrow.png") left center no-repeat;
  /*padding:0.25em 0 0.2em 12px;*/
}
/* tsubo */
body#tsubo-idx div#content h1{
  background-image: url("../img/h1_tsubo.png");
}
body.tsubo div#content div.inner ul{
  margin: 0 auto;
  padding: 0 0 0 20px;
  width: 660px;
  list-style-type: none;
  overflow: hidden;
  _zoom: 1;
}
body.tsubo div#content div.inner ul li{
  float: left;
  display: inline;
  margin-top: 0.5em;
  margin-right: 20px;
  width: 200px;
}
body.tsubo div#content div.inner ul li div{
  margin: 0;
}
body.tsubo div#content div.inner ul li div h2{
  background-repeat: no-repeat;
}
body.tsubo div#content div.inner ul li.course div h2{
  background-image: url("../img/h2_course.png");
}
body.tsubo div#content div.inner ul li.cases div h2{
  background-image: url("../img/h2_cases.png");
}
body.tsubo div#content div.inner ul li.watashi div h2{
  background-image: url("../img/h2_watashi.png");
}
body.tsubo div#content div.inner ul li div a{
  color: #09215A !important;
}
body.tsubo div#content div.inner ul li div a:visited{
  color: #09215A !important;
}
body.tsubo div#content div.inner ul li div p{
}
body.tsubo div#content div.inner ul li div p.nav{
  text-indent: 0;
  text-align: left;
}
body.tsubo div#content div.inner ul li div ul.nav{
  padding-left: 0;
  width: auto;
  text-align: left;
}
body.tsubo div#content div.inner ul li div ul.nav li{
  margin-right: 0;
  width: auto;
}
/* body.tsubo div#content div.inner ul li div ul.nav li a{ */
/*   text-decoration: underline; */
/* } */
/* body.tsubo div#content div.inner ul li div ul.nav li a:hover{ */
/*   text-decoration: none; */
/* } */
/* watashi */
body#watashi-idx div#content h1{
  background-image: url("../img/h1_watashi_idx.png");
}
body#watashi-idx div#content div.item{
  margin-bottom: 2em;
  border-top: 1px dotted #303130;
}
body#watashi-idx div#content div.item div.sample{
  float: left;
  margin: 1.5em 10px 0 0;
}
body#watashi-idx div#content div.item div.sample.last{
  margin-right: 0;
}
body#watashi-idx div#content div.item div.sample p.image img{
  margin: 0 3px 0 0;
  border:3px double #EFEEEF;
  padding:1px;
}
body#watashi-idx div#content div.item div.author{
  display: inline;
  float: right;
  width: 400px;
}
body#watashi-idx div#content div.item div.author h2{
  height: auto;
  font-weight: bold;
  font-size: 125%;
}
body#watashi-idx div#content div.item div.author h2 span{
  display: block;
  font-size: 80%;
}
body#watashi-idx div#content div.item div.author p.image{
  margin: 0 0 1em 1em;
}
body#watashi-idx div#content div.item div.author p.image img{
  border:3px double #EFEEEF;
  padding:1px;
}
body#watashi-idx div#content div.item dl dt{
  font-weight: bold;
}
body#watashi-idx div#content div.item dl dd{
  margin-bottom: 1em;
}
/* modal window */
.jqmOverlay { background-color: #000; }
body#watashi-idx div#content .jqmWindow {
  display: none;
  position: fixed;
  top: 17%;
  left: 50%;
  margin-left: -300px;
  width: 600px;
  height: 60%;
  background-color: #fff;
  color: #333;
  border: 3px solid #e2e2e2;
  padding: 0;
}
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position: absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html body#watashi-idx div#content .jqmWindow {
  position: absolute;
  top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
  height: expression(Math.round(60 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
body#watashi-idx div#content .jqmWindow div.header{
  margin: 0;
  background-color: #efeeef;
  height: auto;
}
body#watashi-idx div#content .jqmWindow div.content{
  margin: 5px;
  padding: 0 1em;
  height: 90%;
  overflow: auto;
}
body#watashi-idx div#content .jqmWindow div.content div{
  margin-top: 0;
}
body#watashi-idx div#content .jqmWindow div.header p.close{
  margin: 0;
}
body#watashi-idx div#content .jqmWindow div.header p.close a{
  display: block;
  background: url("../img/nav_close.png") right center no-repeat;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  height: 16px;
}
/* youroku */
body#youroku-idx div#content span.emphasis{
  font-weight: bold;
}
body#youroku-idx div#content h1::after{
	background-image: url("../img/h1-youroku.png");
	background-image: -webkit-linear-gradient(transparent, transparent), url("../img/h1-youroku.svg");
	background-image:         linear-gradient(transparent, transparent), url("../img/h1-youroku.svg");
}
body#youroku-idx div#lv02-01 p.nav a{
  font-size: 85%;
  color: #303130;
}
body#youroku-idx div#lv02-01 div#youroku-search{
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1em;
  padding-bottom: 1em;
}
body#youroku-idx div#lv02-01 div#youroku-search div.search-cond{
  display: none;
  margin: 0 auto;
  max-width: 960px;
}
body#youroku-idx div#lv02-01 div#youroku-search div.search-cond p{
  margin: 0 1em 1em;
}
body#youroku-idx div#lv02-01 div#youroku-search table{
  margin: 0em auto 1em;
  width: 98%;
}
body#youroku-idx div#lv02-01 div#youroku-search table tr th{
  width: 8em;
}
body#youroku-idx div#lv02-01 div#youroku-search table tr td ul li{
  float: left;
}
body#youroku-idx div#content div.inner ul.index{
  position: relative;
  margin: 0;
  border-bottom: 1px solid #0084ff;
  padding: 0;
  text-align: center;
}
body#youroku-idx div#content div.inner ul.index li{
  display: inline-block;
  width: 320px;
}
body#youroku-idx div#content div.inner ul.index li a{
  display: block;
  width: 100%;
}
body#youroku-idx div#lv02-01 div#youroku-search table th{
  width: 8em;
}
body#youroku-idx div#lv02-01 div#youroku-search table ul li{
  float: left;
}
body#youroku-idx div#lv02-01 div#youroku-search table ul li{
  width: 4em;
}
body#youroku-idx div#lv02-01 div#youroku-search table ul li.long{
  clear: both;
  width: 100%;
}
body#youroku-idx div#lv02-01 div#youroku-search table tr#cat_2 ul li{
  width: 10em;
}
body#youroku-idx div#lv02-01 div#youroku-search table tr#cat_2 ul li.long{
  width: 100%;
}
body#youroku-idx div#lv02-01 div#youroku-search table tr#cat_5 ul li{
  width: 15em;
}
body#youroku-idx div#lv02-01 div#youroku-search table tr#cat_5 ul li.long{
  width: 100%;
}
body#youroku-idx div#lv02-01 div#btn-search{
  margin: 2em auto 1em auto;
  max-width: 960px;
}
body#youroku-idx div#lv02-01 div#btn-search a{
  display: block; /*IEで背景が消えてしまう*/
  border: none;
  overflow: hidden;
  cursor: pointer; /* カーソルを指マークに Operaはなぜか効かない*/
}
body#youroku-idx div#lv02-01 div#btn-search a#btn-search-or{
  float: right;
}
body#youroku-idx div#lv02-01 div#btn-search a#btn-search-and{
  float: left;
}
body#youroku-idx div#lv02-01 div#btn-search a.restricted{
  cursor: default;
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}
body#youroku-idx div#lv02-01 div#nav-sentence{
  margin: 0 0 1em !important;
  padding: 0 !important;
  height: 2em;
}
body#youroku-idx div#lv02-01 div#pageinfo{
  display: none;
  float: left;
  margin: 0 !important;
}
body#youroku-idx div#lv02-01 div#pageinfo span{
  color: #0084ff;
}
body#youroku-idx div#lv02-01 div#pageinfo p{
  margin-bottom: 0.1em;
  text-indent: 0;
}
body#youroku-idx div#lv02-01 div#sentence-list{
  margin: 0 auto !important;
  max-width: 960px;
}
body#youroku-idx div#lv02-01 div#sentence-list h3{
  display: none;
}
body#youroku-idx div#lv02-01 div#sentence-list table{
  display: none;
  clear: both;
}
body#youroku-idx div#lv02-01 div#sentence-list table tr th.seq,
body#youroku-idx div#lv02-01 div#sentence-list table tr td.score{
  text-align: right;
}
body#youroku-idx div#lv02-01 div#sentence-list table tr th.seq{
  width: 2em;
}
/*
body#youroku-idx div#lv02-01 div#pagination{
  display: none;
  margin: 0 auto !important;
  width: 100%;
  overflow: hidden;
}
body#youroku-idx div#lv02-01 div#pagination ul{
  position: relative;
  left: 50%;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
}
body#youroku-idx div#lv02-01 div#pagination ul li{
  position: relative;
  right: 50%;
  float: left;
  margin-right: 2px;
  width: auto;
  height: auto;
  text-align: center;
  list-style-type: none;
}
body#youroku-idx div#lv02-01 div#pagination ul li.currentpage{
}
body#youroku-idx div#lv02-01 div#pagination ul li a{
  border: 1px solid #a5a5a5;
  padding: 0.1em 0.25em;
  text-decoration: none;
  color: #ff6347;
}
body#youroku-idx div#lv02-01 div#pagination ul li a:hover{
  background-color: #ff6347;
  color: #fff;
}
body#youroku-idx div#lv02-01 div#pagination ul li.currentpage a,
body#youroku-idx div#lv02-01 div#pagination ul li.currentpage a:hover{
  background-color: #ff6347;
  color: #fff;
}*/
body#youroku-idx div#lv02-01 div#limit{
  display: none;
  float: right;
  margin: 0 0 0.1em;
  padding: 0 !important;
  width: 15em;
  text-align: right;
}
/* cert */
body#cert-idx div#content h1{
  background-image: url("../img/h1_cert_idx.png");
}
body#cert-idx div#content div#lv03-02{
  display: none;
}
body#cert-idx div#content dl#question{
  min-height: 5em;
  height: auto !important;
  height: 5em;
}
body#cert-idx div#content ul#choices{
  list-style: disc;
}
body#cert-idx div#content ul#choices li a{
  /* background: url("../img/nav_arrow.png") 0 0 no-repeat; */
  /* padding-left: 12px; */
 cursor: pointer;
}
body#cert-idx div#content p#next{
  text-align: left;
  text-indent: 0;
}
body#cert-idx div#content p#next a{
  background-image: url("../img/nav_arrow_rev.png");
}
body#cert-idx div#content p#next a.score{
  display: block;
  padding: 0;
  width: 340px;
  height: 30px;
  background: url("../img/btn_cert_score.png") 0 0 no-repeat;
  text-indent: -9999px;
}
body#cert-idx div#content p#next a.score:hover{
  background-position: 0 -30px;
}
body#cert-idx #result p.score,
body#cert-idx #result p.grade,
body#cert-idx #result p.image{
  display: inline;  
  float: left;
  margin: 0;
  width: 200px;
  text-indent: 0;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
}
body#cert-idx #result p.score{
  margin-left: 55px;
}
body#cert-idx #result p.score span,
body#cert-idx #result p.grade span{
  font-size: 200%;
  color: #e12b21;
}
body#cert-idx #result p.comment{
  clear: both;
}
body#cert-idx dl#answers dd{
  margin-bottom: 1.5em;
}
body#cert-idx dl#answers dd p{
  margin-bottom: 0;
}
body#cert-idx dl#answers dt,
body#cert-idx dl#answers dd p.answer{
  font-weight: bold;
}
body#cert-idx dl#answers dt.correct{
  color: blue;
}
body#cert-idx dl#answers dt.wrong{
  color: red;
}
/* parents */
body#parents-idx div#content h1{
  background-image: url("../img/h1_parents_idx.png");
}
body#parents-idx table#samples tr td{
  text-align: center;
  color: #aaa;
}
body#parents-idx table#samples tr td span.pdf{
  font-size: 100%;
  color: #303130;
}
/* quake */
body#quake-idx div#content h1{
  background-image: url("../img/h1_quake_idx.png");
}
body#quake-01 div#content h1{
  background-image: url("../img/h1_quake_care.png");
}
body#quake-02 div#content h1{
  background-image: url("../img/h1_quake_checklist.png");
}
body#quake-03 div#content h1{
  background-image: url("../img/h1_quake_save.png");
}
body#quake-04 div#content h1{
  background-image: url("../img/h1_quake_poster.png");
}
body.quake div#content div.inner h2{
  background: url("../img/bg_h2.png") no-repeat scroll 0 bottom transparent;
  height: auto;
  line-height: 2em;
  padding: 0 0 7px 0.75em;
  font-weight: bold;
}
body.quake div#content div.inner ul.checklist{
  padding-left: 0.5em;
  list-style: none;
}
body.quake div#content div.inner ul.checklist li input{
  margin-left: 0.5em;
  margin-right: 0.5em;
}
body.quake div#content div.inner ul.nav{
  text-align: left;
  list-style: none;
}
body#quake-04 div#content div.thumb{
  float: left;
  margin: 0 0 0 5px;
  width: 350px;
}
body#quake-04 div#content div.first{
  margin: 0;
}
body#quake-04 div#content div.thumb p{
  text-align: center;
}
body#quake-04 div#content div.thumb p span{
  font-weight: bold;
}
/* illustration */
body#illustration-idx div#main h1::after{
	background-image: url("../img/h1-illustration.png");
	background-image: -webkit-linear-gradient(transparent, transparent), url("../img/h1-illustration.svg");
	background-image:         linear-gradient(transparent, transparent), url("../img/h1-illustration.svg");
}

body#illustration-idx div#main ul.pageindex{
  text-align: center;
}
body#illustration-idx div#main ul.pageindex li{
  display: inline;
  padding: 0 1em;
}
body#illustration-idx div#main ul.pageindex li a{
  position: relative;
  display: inline-block;
  border: 2px solid #0084ff;
  border-radius: 30px;
  padding: 1em;
}
body#illustration-idx div#main ul.pageindex li a:hover{
  background-color: #0084ff;
  color: #fff;
}
body#illustration-idx div#main ul.pageindex li a::after{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 8px;
    margin: auto;
    width: 4px;
    height: 4px;
    border-top: 1px solid #0084ff;
    border-right: 1px solid #0084ff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
body#illustration-idx div#main ul.pageindex li:hover a::after{
    bottom: 4px;
    border-color: #fff;
}
body#illustration-idx div#main #content .content-inner .inner .inner{
  padding-top: 0;
}
body#illustration-idx div#main ul.tab{
  position: relative;
  width: 960px;
}
body#illustration-idx div#main ul.tab li{
  float: left;
  _display: inline;
  list-style: none;
  width: 7.5%;
  text-align: center;
}
body#illustration-idx div#main div#lv02-02 ul.menu li a,
body#illustration-idx div#main ul.tab li a{
  display: block;
  width: 100%;
}
body#illustration-idx div#main ul.tab li:first-child{
}
body#illustration-idx div#main ul.tab li.menu-material{
  width: 10%;
}
body#illustration-idx div#main ul.tab li.menu-material{
  margin-left: 0;
}


body#tayori-title div#content div.inner ul.index,
body#youroku-idx div#content div.inner ul.index,
body#illustration-idx div#main div#lv02-02 ul.menu,
body#illustration-idx div#main ul.tab{
  font-size: 0;
}

body#tayori-title div#content div.inner ul.index li,
body#youroku-idx div#content div.inner ul.index li,
body#illustration-idx div#main div#lv02-02 ul.menu li,
body#illustration-idx div#main ul.tab li{
  margin-top: 1.5em;
}
body#tayori-title div#content div.inner ul.index li a:hover,
body#tayori-title div#content div.inner ul.index li.active a,
body#youroku-idx div#content div.inner ul.index li a:hover,
body#youroku-idx div#content div.inner ul.index li.active a,
body#illustration-idx div#main div#lv02-02 ul.menu li.active a,
body#illustration-idx div#main div#lv02-02 ul.menu li a:hover,
body#illustration-idx div#main ul.tab li.active a,
body#illustration-idx div#main ul.tab li a:hover{
  border-bottom: none;
  background-color: #fff;
  color: #0084ff;
}
body#tayori-title div#content div.inner ul.index li:not(.active) a:hover,
body#youroku-idx div#content div.inner ul.index li:not(.active) a:hover,
body#illustration-idx div#main div#lv02-02 ul.menu li:not(.active) a:hover,
body#illustration-idx div#main ul.tab li:not(.active) a:hover{
  border: 1px solid #0084ff;
  border-bottom: none;
}

body#tayori-title div#content div.inner ul.index li.active,
body#youroku-idx div#content div.inner ul.index li.active,
body#illustration-idx div#main ul.tab li.active,
body#illustration-idx div#main div#lv02-02 ul.menu li.active{
  margin-bottom: -1px;
  border: 1px solid #0084ff;
}
body#illustration-idx div#main ul.tab li.active,
body#illustration-idx div#main div#lv02-02 ul.menu li.active{
  border-bottom: none;
}
body#youroku-idx div#content div.inner ul.index li.active{
  border-bottom: 1px solid #fff;
}
body#tayori-title div#content div.inner ul.index li a,
body#youroku-idx div#content div.inner ul.index li a,
body#illustration-idx div#main ul.tab li a,
body#illustration-idx div#main div#lv02-02 ul.menu li a{
  border-left: 1px solid #fff;
  background-color: #0084ff;
  padding: 16px 0;
  color: #fff;
}
body#tayori-title div#content div.inner ul.index li.active a,
body#youroku-idx div#content div.inner ul.index li.active a,
body#illustration-idx div#main ul.tab li.active a,
body#illustration-idx div#main div#lv02-02 ul.menu li.active a{
  background-color: #fff;
}
body#tayori-title div#content div.inner ul.index li:not(.active),
body#youroku-idx div#content div.inner ul.index li:not(.active),
body#illustration-idx div#main ul.tab li:not(.active),
body#illustration-idx div#main div#lv02-02 ul.menu li:not(.active){
}












body#illustration-idx div#main table.grid{
  margin-top: -1px;
  border: 1px solid #0084ff;
  border-top: none;
  width: 960px;
}

body#illustration-idx div#main table.grid tr td{
  border: none;
}
body#illustration-idx div#main table.grid tr td p{
  margin-bottom: 0.5em;
  text-align: center;
  text-indent: 0;
}
body#illustration-idx div#main table.grid tr td p .loupe{
  text-align: center;
}
body#illustration-idx div#main table.grid tr td p span{
  font-weight: bold;
}
body#illustration-idx div#main table.grid tr td p.image{
}
body#illustration-idx div#main table.grid ul.banners{
  margin: 0 auto !important;
  text-align: center;
}
body#illustration-idx div#main table.grid ul.banners li{
  margin-bottom: 0.75em;
}
body#illustration-idx div#main table.grid ul.banners li a{

  position: relative;
  display: inline-block;
  border: 2px solid #0084ff;
  border-radius: 30px;
  background: none;
  padding: 0.5em 1.5em 0.5em 1em;
}
body#illustration-idx div#main table.grid ul.banners li a::after{
    position: absolute;
    content: "";
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 4px;
    height: 4px;
    border-top: 1px solid #0084ff;
    border-right: 1px solid #0084ff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
body#illustration-idx div#main table.grid ul.banners li.color a{
}
body#illustration-idx div#main table.grid ul.banners li.mono a{
}
body#illustration-idx .banners a:hover,
body#illustration-idx .banners a:hover img{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}
body#illustration-idx div#main table.grid tr{
  background-color: #fff !important;
}

body#illustration-idx div#main div#lv02-02{
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}
body#illustration-idx div#main div#lv02-02 ul.menu li{
  float: left;
  display: inline;
  width: 20%;
  text-align: center;
}
body#illustration-idx div#main div#lv02-02 ul.menu li:first-child{
}

body#illustration-idx div#main div#lv02-02 .inner div{
  display: none;
  margin-top: -1px;
  border: 1px solid #0084ff;
  border-top: none;
  padding: 24px 0 12px 0;
}
body#illustration-idx div#main div#lv02-02 .inner div.active,
body#illustration-idx div#main div#lv02-02 .inner div.active div{
  display: block;
}
body#illustration-idx div#main div#lv02-02 .inner div div{
  float: left;
  display: inline;
  margin: 0 1.5% 1em 1.5%;
  border-width: 1px;
  border-color: #ccc;
  padding: 1px;
  width: 30.333%;
}
body#illustration-idx div#main div#lv02-02 div div p{
  margin: 0;
  text-indent: none;
}
body#illustration-idx div#main div#lv02-02 div div p.title{
  position: relative;
  background-color: #ff6347;
  padding: 8px 18px 28px 18px;
  text-indent: 0;
}
body#illustration-idx div#main div#lv02-02 div div p.title,
body#illustration-idx div#main div#lv02-02 div div p.title a{
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
body#illustration-idx div#main div#lv02-02 div div p.title a{
  float: left;
  display: inline;
}
body#illustration-idx div#main div#lv02-02 div div p.title a.dl{
  float: none;
  position: absolute;
  right: 0.5em;
  bottom: 0;
  text-decoration: underline;
}
body#illustration-idx div#main div#lv02-02 div div p.title a.dl::before{
    position: absolute;
    content: "";
    left: -8px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 4px;
    height: 4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
body#illustration-idx div#main div#lv02-02 div div p.title a.dl:hover{
  text-decoration: none;
}
body#illustration-idx div#main div#lv02-02 div div p.image{
  padding: 5px 0;
  text-align: center;
}
body#illustration-idx div#main div#lv02-02 div div p.image img{
  max-width: 100%;
}



/*========== Research ==========*/
body#research201106 div#main h1{
  background-image: url("../img/h1-research201106.png");
}









/*========== trouble ==========*/


body.trouble div#main h1{
  background-image: url("../img/h1-trouble.gif");
}
body.trouble div#main div#trouble-main{
  margin: 0;
}
body.trouble div#main div#trouble-main div{
  margin: 0;
}


body.trouble div#main ul.nav-tab{
  position: relative;
  top: 1px;
  width: 302px;
  height: 38px;
}
body.trouble div#main ul.nav-tab li{
  float: left;
  display: inline;
  margin-left: 1px;
  width: 100px;
  height: 38px;
}


body.trouble div#main ul.nav-tab li.cat01{
  margin-left: 0;
}

body.trouble div#main ul.nav-tab li.cat01 a{
  background: url("../img/nav-trouble-tab-01.gif") 0 0 no-repeat;
}

body.trouble div#main ul.nav-tab li.cat02 a{
  background: url("../img/nav-trouble-tab-02.gif") 0 0 no-repeat;
}

body.trouble div#main ul.nav-tab li.cat03 a{
  background: url("../img/nav-trouble-tab-03.gif") 0 0 no-repeat;
}

body.trouble div#main ul.nav-tab li.active a,
body.trouble div#main ul.nav-tab li a:hover{
  background-position: 0 -38px;
}
body.trouble div#main div#menu-all div.active,
body.trouble div#main div#menu-all div.active div#lv02-01,
body.trouble div#main div#menu-all div.active div#lv02-02,
body.trouble div#main div#menu-all div.active div#lv02-03,
body.trouble div#main div#menu-all div.active div#lv02-04{
  display: block;
}
body#trouble-02 div#main div#menu-all div,
body#trouble-02 div#main div#menu-all div,
body#trouble-02 div#main div#menu-all div{
  display: block;
}
body.trouble div#main div#menu-all div{
  display: none;
}
body.trouble div#main div#menu-all{
  border: 1px solid #c6c9c6;
  margin: 0;
  padding: 15px 15px;
  width: 701px;
}

/*
body.trouble div#main div#lv02-01 h2{
  background-image: url("../img/h2-trouble-01.gif");
}
body.trouble div#main div#lv02-02 h2{
  background-image: url("../img/h2-trouble-02.gif");
}
body.trouble div#main div#lv02-03 h2{
  background-image: url("../img/h2-trouble-03.gif");
}
body.trouble div#main div#lv02-04 h2{
  background-image: url("../img/h2-trouble-04.gif");
}
*/
body.trouble div#main div#trouble-item-list h2.lv02-01,
 body.trouble div#main div#trouble-detail h2.lv02-01{
  background-image: url("../img/h2-troub.gif");
}
body.trouble div#main div#trouble-item-list h2.lv02-02,
 body.trouble div#main div#trouble-detail h2.lv02-02{
  background-image: url("../img/h2-trouc.gif");
}
body.trouble div#main div#trouble-item-list h2.lv02-03,
 body.trouble div#main div#trouble-detail h2.lv02-03{
  background-image: url("../img/h2-troud.gif");
}
body.trouble div#main div#trouble-item-list h2.lv02-04,
 body.trouble div#main div#trouble-detail h2.lv02-04{
  background-image: url("../img/h2-troue.gif");
}
body.trouble div#main div#trouble-item-list h2.lv02-05,
 body.trouble div#main div#trouble-detail h2.lv02-05{
  background-image: url("../img/h2-trouf.gif");
}
body.trouble div#main div#trouble-item-list h2.lv02-06,
 body.trouble div#main div#trouble-detail h2.lv02-06{
  background-image: url("../img/h2-trou06.gif");
}
body.trouble div#main div#trouble-item-list h2.lv02-07,
 body.trouble div#main div#trouble-detail h2.lv02-07{
  background-image: url("../img/h2-trou07.gif");
}
body.trouble div#main div#trouble-item-list h2.lv02-08,
 body.trouble div#main div#trouble-detail h2.lv02-08{
  background-image: url("../img/h2-trou08.gif");
}
body.trouble div#main div#trouble-item-list h2.lv02-09,
 body.trouble div#main div#trouble-detail h2.lv02-09{
  background-image: url("../img/h2-trou09.gif");
}
body.trouble div#main div#trouble-item-list h2.lv02-10,
 body.trouble div#main div#trouble-detail h2.lv02-10{
  background-image: url("../img/h2-trou10.gif");
}
body.trouble div#main div#trouble-item-list h2.lv02-11,
 body.trouble div#main div#trouble-detail h2.lv02-11{
  background-image: url("../img/h2-trou11.gif");
}
body.trouble div#main div#trouble-item-list h2.lv02-12,
 body.trouble div#main div#trouble-detail h2.lv02-12{
  background-image: url("../img/h2-trou12.gif");
}
body.trouble div#main div#trouble-item-list h2.lv02-13,
 body.trouble div#main div#trouble-detail h2.lv02-13{
  background-image: url("../img/h2-trou13.gif");
}
body.trouble div#main div#trouble-item-list h2.lv02-14,
 body.trouble div#main div#trouble-detail h2.lv02-14{
  background-image: url("../img/h2-trou14.gif");
}





ul.pagination{
  display: none;
}




.slides_container {
  width:700px;
  /*height:170px;*/
}
.slides_container div {
  width:641px;
  /*height:170px;*/
  display:block;
}

body.trouble div#main p.prev,
body.trouble div#main p.next,
body.trouble div#main p.prev a,
body.trouble div#main p.next a{
  display: block !important;
  margin-top: 100px;
  width: 19px;
  height: 28px;
}
body.trouble div#main p.back{
  margin: 20px auto;
  width: 111px;
  height: 28px;
  text-align: center;
}
body.trouble div#main p.prev a{
  background-image: url("../img/nav-trouble-arrow-prev.gif");
}
body.trouble div#main p.next a{
  background-image: url("../img/nav-trouble-arrow-next.gif");
}
body.trouble div#main p.back a{
  background-image: url("../img/nav-trouble-back.gif");
}
body.trouble div#main p.prev a:hover,
body.trouble div#main p.next a:hover,
body.trouble div#main p.back a:hover{
  background-position: 0 -28px;
}
body.trouble div#main p.prev,
body.trouble div#main p.next,
body.trouble div#main div.slides_container{
  float: left;
  display: inline;
}
body.trouble div#main div.slides_container{
  width: 640px;
}
body.trouble div#main p.prev,
body.trouble div#main div.slides_container{
  margin-right: 10px !important;
}




body.trouble div#main div#menu-all table{
  table-layout: fixed;
}
body.trouble div#menu-all table{
 border: 3px double #d2d2d2;
  width: 640px;
}
body.trouble div#menu-all table tr{
  width: 640px;
}
body.trouble div#menu-all table th{
  width: 100px;
}
body.trouble div#menu-all table td.mein{
/*  width:  500px;*/
}
body.trouble div#menu-all table th,
body.trouble div#menu-all table td{
  padding: 5px;
}





/**/