@charset "UTF-8";

@font-face {
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium"),
       local("Yu Gothic");
  font-weight: 500;
       /*
         Chrome 58.0.3029.110 (64-bit) では
         "Yu Gothic Medium" を認識しないバグあるため
         "Yu Gothic" と font-weight も併せて指定。
       */
}

a {
    color: #4c4cff;
}

a:hover {
    text-decoration: none;
}


:link,:visited {
    text-decoration: none;
}

div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}

table {
    border-spacing: 0;
}


/* テキスト装飾
----------------------------------------------- */
.red {
  color: #ff3361;
  font-weight: bold;
}
.gray {
  color: #777777;
  font-weight: bold;
}
.blue {
  color: #5C84FF;
  font-weight: bold;
}
.green {
  color: #23e3b3;
  font-weight: bold;
}
.kiiro {
  background-color: #ffff00;
  font-weight: bold;
}
.kasen {
  text-decoration: underline;
  font-weight: bold;
}
.linemarker {
  background: linear-gradient(transparent 40%, rgba(255,120,180,.5) 40%);
  padding-bottom:2px;
  font-weight: bold;
}
.underline {
  text-decoration: underline;
}


/* おおまかなデザイン ----------------------------------------------------------------- */

body {
margin: 0 auto;
padding: 0;
text-align: center;
line-height: 1.9;
color: #333;
font-size: 16px;
}


#container-inner {
width: 100%;
margin: 0 auto;
text-align: left;
background-color: #fff;
}

#content {
background-color: #fff;
margin: 0 auto;
padding: 0 10px;
}

#content-inner {
width: 100%;
margin: 0 auto;
text-align: left;
background-color: #fff;
padding: 0;
}

#right {
display:none;
}


.dateever {
    font-size: 11px;
	margin-top: .25em;
	margin-bottom: .25em;
    padding-top: 2px;
    padding-bottom: .3em;
    font-weight: normal;
	border-bottom: 1px solid #ccc;
}



/* ヘッダー ----------------------------------------------------------------- */

#header {
width: 100%;
margin: 0 auto;
}

#header-inner {
position: static;
padding: 20px;
height: 1%;
overflow: hidden;
}

#title {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

#title img {
    width: 100%;
}


/* メインコンテンツ ----------------------------------------------------------------- */

#topbox {
    width: 100%;
    margin: 0 auto;
}

.alpha {
text-align: left;
margin-bottom: 30px;
}

.alpha table {
margin-bottom: 15px;
width: 100%;
}

.alpha th {
background-color: #008dff;
font-weight: bold;
color: #fff;
border: 1px solid #fff;
padding: 5px;
}

.alpha td {
margin: 15px;
border: 1px solid #ccc;
padding: 5px;
}

.alpha p {
margin-bottom: 20px;
}

p.txt {
    padding-left: 30px;
    padding-right: 30px;
}

h2.asset-name {
    color: #fff;
    padding: 0.5em;
    line-height: 1.3;
    background: #008dff;
    vertical-align: middle;
    border-radius: 25px 0px 0px 25px;
margin-bottom: 20px;
}

h2.asset-name:before {
    content: '●';
    color: #ffec1c;
    margin-right: 8px;
}

.alpha h4 {
font-weight: bold;
padding: 10px 4px 4px 8px;
border-left: 20px solid #ffec1c;
    background-color: #008dff;
    font-size: 20px;
    line-height: 34px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
}

.asset-name {
    margin-bottom: .25em;
	font-size: 22px;
    font-weight: bold;
	color: #000;
}

.asset-name a {
    text-decoration: none;
    margin-bottom: 8px;
	color: #fff;
}

.asset-name a:hover {
    text-decoration: underline;
}

.asset-content {
    position: static;
    clear: both;
	margin-bottom: .75em;
	margin: 5px 0;
}

.asset-footer {
    font-size: 11px;
	clear: both;
    margin-top: 1.5em;
    padding-top: .5em;
	border-top: 1px solid #ccc;
	border-top-color: #ddd;
}

.panlist {
display:none;
}

.next {
display: none;
}

.kansou1 {
    border: 5px solid #8083ff;
    padding: 15px;
    margin-bottom: 30px;
}



h3.kansou-title {
    font-size: 18px;
    padding-left: 30px;
}

p.kansou-name {
    text-align: right;
    font-size: 12px;
    border-bottom: 3px solid #c5c5c5;
}


.shitumon1 {
    background-color: #ffa900;
    background-image: url(./img/q01.png);
    background-repeat: no-repeat;
    background-position: 15px 15px;
    padding: 30px 15px 20px 125px;
    font-size: 24px;
    color: #fff;
}

.shitumon2 {
    background-color: #ffecc3;
    background-image: url(./img/a01.png);
    background-repeat: no-repeat;
    background-position: 15px 15px;
    padding: 80px 15px 20px 80px;
    margin-bottom: 45px;
}

h3.shitumon-title {
    font-size: 20px;
    border-left: 6px solid #47da00;
    padding-left: 30px;
    border-bottom: 3px solid #ccc;
    margin-bottom: 20px;
}

.kakaku {
    border: 5px solid #ffb300;
    padding: 15px;
    margin-bottom: 30px;
}

.konna {
    border: 5px solid #ddb1ff;
    padding: 15px;
    margin-bottom: 30px;
}

.tokuten {
    border: 5px solid #fff375;
    padding: 15px;
    margin-bottom: 30px;
}

.naiyo {
    border: 20px solid #ffdc89;
    padding: 25px;
    margin-bottom: 30px;
}

#ue {
     display: none;
}

/* 目次部分 ----------------------------------------------------------------- */

.mokuzi {
width:100%;
}

.mokuzi h4 {
font-size: 14px;
border-left: 10px solid #ccc;
font-weight: bold;
  margin: 0;
  padding: 10px;
top: 50%;
}

.mokuzi .migi{
padding-left: 0px;
}

.mokuzi .hidari{
padding-left: 0px;
}

.mokuzi ul{
 list-style: none;
margin: 0;
}

.mokuzi li {
list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
                             
.mokuzi li:last-child{
  border-bottom: 0px;
}

.mokuzi li a {
position: relative;
  display: block;
  margin: 0;
  padding: 10px;
  background: #fff;
color: #333;
text-decoration: none;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
                             
.mokuzi li a:hover {
color: #ffbb00;
text-decoration: underline;
border-bottom: 2px solid #ccc;
}

.mokuzi li a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 35px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #ccc;
 }

.mokuzi li a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 40px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #fff;              
  }         

/* コメント部分 ----------------------------------------------------------------- */

.comebox{
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 15px;
}

.comebox input{
width: 100%;
outline: none;
padding: 5px 0;
border: 1px solid #ccc;
}

.comebox textarea{
width: 100%;
height: 150px;
outline: none;
padding: 5px 0;
border: 1px solid #ccc;
overflow: auto;
}

#comments-open-footer {
text-align: center;
}

#comment-preview, #comment-submit {
background: #333;
border: 1px solid #333;
cursor: pointer;
color: #fff;
font-size: 13px;
width: 200px;
height: 37px;
margin: 15px auto 0;
display: block;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}


/* Footer ----------------------------------------------------------------- */

#footer {
    background-color: #008dff;
}

#footer-inner {
position: static;
padding: 20px;
height: 1%;
overflow: hidden;
font-weight: bold;
color: #fff;
}



input#confirmBtn {
    margin: 0 auto;
    display: block;
    background-color: #ff9000;
    color: #fff;
    font-size: 18px;
    border: solid 1px #bbbbbb;
    border-radius: 5px;
    padding: 5px 35px;
}


@media only screen and (min-width: 500px) {

a {
    color: #4c4cff;
}

a:hover {
    text-decoration: none;
}


:link,:visited {
    text-decoration: none;
}

div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}

table {
    border-spacing: 0;
}


/* おおまかなデザイン ----------------------------------------------------------------- */

body {
margin: 0 auto;
padding: 0;
text-align: center;
line-height: 1.9;
color: #333;
font-size: 16px;
}


#container-inner {
width: 1098px;
margin: 0 auto;
text-align: left;
background-color: #fff;
overflow: hidden ;
border-left: 30px solid #94d8ff;
border-right: 30px solid #94d8ff;
}

#content {
background-color: #fff;
margin: 0 auto;
}

#content-inner {
width: 850px;
margin: 0 auto;
text-align: left;
background-color: #fff;
padding: 15px;
}

#right {
float: right;
width: 260px;
margin: 0 0 20px 0;
display: block;
}


.dateever {
    font-size: 11px;
	margin-top: .25em;
	margin-bottom: .25em;
    padding-top: 2px;
    padding-bottom: .3em;
    font-weight: normal;
	border-bottom: 1px solid #ccc;
}

.kansou1 {
    border: 15px solid #8083ff;
    padding: 30px;
    margin-bottom: 30px;
}



h3.kansou-title {
    font-size: 24px;
    padding-left: 30px;
}

p.kansou-name {
    text-align: right;
    font-size: 14px;
    border-bottom: 3px solid #c5c5c5;
}


.shitumon1 {
    background-color: #ffa900;
    background-image: url(./img/q01.png);
    background-repeat: no-repeat;
    background-position: 15px 15px;
    padding: 30px 15px 20px 125px;
    font-size: 24px;
    color: #fff;
}

.shitumon2 {
    background-color: #ffecc3;
    background-image: url(./img/a01.png);
    background-repeat: no-repeat;
    background-position: 15px 15px;
    padding: 80px 15px 20px 80px;
    margin-bottom: 45px;
}

h3.shitumon-title {
    font-size: 20px;
    border-left: 6px solid #47da00;
    padding-left: 30px;
    border-bottom: 3px solid #ccc;
    margin-bottom: 20px;
}

.kakaku {
    border: 20px solid #ffb300;
    padding: 30px;
    margin-bottom: 30px;
}

.konna {
    border: 15px solid #ddb1ff;
    padding: 30px;
    margin-bottom: 30px;
}

.tokuten {
    border: 20px solid #fff375;
    padding: 30px;
    margin-bottom: 30px;
}

.naiyo {
    border: 10px solid #ffdc89;
    padding: 25px;
    margin-bottom: 30px;
}

#ue {
display: block;
    background-color: #ffd586;
}


/* 目次部分 ----------------------------------------------------------------- */

.mokuzi {
width:100%;
}

.mokuzi h4 {
font-size: 14px;
border-left: 10px solid #ccc;
font-weight: bold;
  margin: 0;
  padding: 10px;
top: 50%;
}

.mokuzi .migi{
width:50%;
float: right ;
}

.mokuzi .hidari{
width:50%;
float: left ;
}

.mokuzi ul{
 list-style: none;
margin: 0;
}

.mokuzi li {
list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
                             
.mokuzi li:last-child{
  border-bottom: 0px;
}

.mokuzi li a {
position: relative;
  display: block;
  margin: 0;
  padding: 10px;
  background: #fff;
color: #333;
text-decoration: none;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
                             
.mokuzi li a:hover {
color: #ffbb00;
text-decoration: underline;
border-bottom: 2px solid #ccc;
}

.mokuzi li a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 35px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #ccc;
 }

.mokuzi li a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 40px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #fff;              
  }                           

/* ヘッダー ----------------------------------------------------------------- */

#header {
width: 100%;
max-width: 1500px;
margin: 0 auto;
}

#header-inner {
position: static;
padding: 20px;
height: 1%;
}

#title {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

#title img {
    width: 100%;
}


/* メインコンテンツ ----------------------------------------------------------------- */

#topbox {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.alpha {
text-align: left;
margin-bottom: 30px;
}

.alpha table {
margin-bottom: 15px;
width: 100%;
}

.alpha th {
background-color: #008dff;
font-weight: bold;
color: #fff;
border: 1px solid #fff;
padding: 5px;
}

.alpha td {
margin: 15px;
border: 1px solid #ccc;
padding: 5px;
}

.alpha p {
margin-bottom: 20px;
}

p.txt {
    padding-left: 50px;
    padding-right: 50px;
}

h2.asset-name {
    color: #fff;
    padding: 0.5em;
    line-height: 1.3;
    background: #008dff;
    vertical-align: middle;
    border-radius: 25px 0px 0px 25px;
margin-bottom: 20px;
}

h2.asset-name:before {
    content: '●';
    color: #ffec1c;
    margin-right: 8px;
}

.alpha h4 {
font-weight: bold;
padding: 10px 4px 4px 8px;
border-left: 20px solid #ffec1c;
    background-color: #008dff;
    font-size: 20px;
    line-height: 34px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
}

.asset-name {
    margin-bottom: .25em;
	font-size: 22px;
    font-weight: bold;
	color: #000;
}

.asset-name a {
    text-decoration: none;
    margin-bottom: 8px;
	color: #fff;
}

.asset-name a:hover {
    text-decoration: underline;
}

.asset-content {
    position: static;
    clear: both;
	margin-bottom: .75em;
	margin: 5px 0;
}

.asset-footer {
    font-size: 11px;
	clear: both;
    margin-top: 1.5em;
    padding-top: .5em;
	border-top: 1px solid #ccc;
	border-top-color: #ddd;
}

.comebox{
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 15px;
}

.panlist {
font-size: 14px;
clear: both;
display: block;
text-align: left;
padding-left: 20px;
padding-top: 20px;
}

.next {
margin: 25px 10px;
display: block;
}

.next a {
width: 30%;
border: 1px solid #ccc;
padding: 10px;
margin: 5px;
text-align: center;
}





/* サイドバー ----------------------------------------------------------------- */



#right .sidebar {
width: 250px;
margin: 10px;
font-size: 80%;
display: block;
}

#right .sidebar aside {
background: #fff;
text-align: left;
}

#right .sidemidasi {
width: 90%;
padding: 10px;
font-size: 16px;
color: #333;
font-weight: bold;
line-height: 25px;
}


.sidelink ul  {
margin: 0 0 20px 0;
padding: 0;
}

.sidelink ul li {
margin: 0 0 0 0;
padding: 0;
color: #333;
text-align: left;
list-style-type: none;
}

.sidelink ul li a {
    display: block;
    width: 88%;
    font-size:14px;
    color: #666;
    padding: 6px 3px 3px 22px;
    background-color:#ffffff;
    font-weight: bold;
    margin: 0;
    border-bottom: 2px dotted #dcdcdc;
    text-decoration: none;
}

.sidelink ul li:first-child a {
    display: block;
    width: 88%;
    font-size:14px;
    color: #666;
    padding: 6px 3px 3px 22px;
    background-color:#ffffff;
    font-weight: bold;
    margin: 0;
    border-bottom: 2px dotted #dcdcdc;
    border-top: 2px dotted #dcdcdc;
    text-decoration: none;
}

.sidelink ul li a:hover {
    color: #03A5E3;
    border-bottom: 2px dotted #03A5E3;
}



/* Footer ----------------------------------------------------------------- */

#footer {
    background-color: #008dff;
}

#footer-inner {
position: static;
padding: 20px;
height: 1%;
overflow: hidden;
font-weight: bold;
color: #fff;
}


input#confirmBtn {
    margin: 0 auto;
    display: block;
    background-color: #ff9000;
    color: #fff;
    font-size: 18px;
    border: solid 1px #bbbbbb;
    border-radius: 5px;
    padding: 5px 35px;
}


}