@charset "utf-8";

/*------------------------------------------------*/
/*  template ver1.0  */
/*------------------------------------------------*/
/*  templatename [--]  */
/*  update []  */
/*  ID [NT]  */
/*------------------------------------------------*/


/*　All Reset　*/
/* -----------------------------------------------*/
* {
color:#333333;
line-height:1.0;
}
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,strong {
margin:0;
padding:0;
font-weight:200;
}
ul,li {
list-style:none;
}
input[type="text"],input[type="button"],input[type="submit"] {
border-radius:0;
-webkit-appearance:none;
}
@media screen and (max-width:900px) {
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,strong {
font-weight:300;
}
}

/*　Base Set　*/
/* -----------------------------------------------*/
body {
margin: 80px 0 0 0;
padding:0;
min-width:900px;
min-height:600px;
font-family:'Noto Sans Japanese', sans-serif;
font-weight:300;
letter-spacing:1px;
background:#ffffff;
}
body#page {
padding-bottom:70px;
}
@media screen and (max-width:900px) {
body {
min-width:inherit;
-webkit-text-size-adjust:100%;
}
body#page {
padding-bottom:10px;
}
}
img {
border:none;
vertical-align:top;
}
a { color:#333333; }
a:hover { color:#333333; }

/*　Clearfix　*/
/* -----------------------------------------------*/
.clearfix:after {
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
line-height: 0;
}
.clearfix {
display:inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
/* End hide from IE-mac */

.clear_br {
overflow: hidden;
}  
* html .clear_br {  
height: 1%;
}

/*　font_reset　*/
/* -----------------------------------------------*/
.freset { font-size:1px; }

/*　pos_set　*/
/* -----------------------------------------------*/
.pos_set { position:relative; }
.inline { display:inline-block; vertical-align:middle; }

/*　レイアウト要素 共通　*/
/* -----------------------------------------------*/
.fl_L { float:left; }
.fl_R { float:right; }
.sp_only { display:none; }
.imgblock img { width:100%; }
@media screen and (max-width:900px) {
.fl_L { float:none; }
.fl_R { float:none; }
.sp_only { display:block; }
.pc_only { display:none; }
}

/*　Wrapper　*/
/* -----------------------------------------------*/
div#Wrapper {
width:100%;
text-align:center;
}

/*　Header　*/
/* -----------------------------------------------*/
div#Header {
position: fixed;
width:100%;
height:90px;
background-size:100% auto;
top:0px;
z-index: 9999;
background: #ffffff;
border-bottom: #b30023 2px solid;
}
div#Header .inner {
width:100%;
height:80px;
background:#ffffff;
position:relative;
}
div#Header .logo {
font-size:1px;
position:absolute;
top:20px;
right:10px;
}
div#Header .logo img {
height:27px;
margin-right:100px;
}
div#Header .sitetitle {
padding:10px 10px;
display:inline-block;
font-size:30px;
font-weight:600;
line-height:1.5;
text-align:left;
color:#b30023;
/*background:#f1f1f1;*/
position:absolute;
top:15px;
left:0px;
}
div#Header .sitetitle span {
padding-left:2px;
display:block;
color:#b30023;
font-size:9px;
font-weight:400;
line-height:1.5;
letter-spacing:2px;
}
div#Header .pagetitle {
font-size:42px;
font-weight:600;
line-height:80px;
}
@media screen and (max-width:900px) {
div#Header {
width:100%;
height:90px;
background-size:100% auto;
position: absolute;
}
div#Header .inner {
width:100%;
height:80px;
background:#ffffff;
position:relative;
}
div#Header .logo {
padding:3px 0px;
width:100%;
font-size:1px;
position:absolute;
top:0px;
right:0px;
background:#f5f5f5;
}
div#Header .logo img {
height:15px;
}
div#Header .sitetitle {
padding:12px 0px 10px 0px;
width:100%;
display:inline-block;
font-size:16px;
font-weight:400;
line-height:1.5;
text-align:center;
/*background:#f1f1f1;*/
position:absolute;
top:15px;
left:0px;
}
div#Header .sitetitle span {
padding-left:0px;
display:block;
color:#b30023;
font-size:8px;
font-weight:400;
line-height:1.3;
letter-spacing:1px;
}
div#Header .pagetitle {
padding-top:27px;
font-size:20px;
font-weight:600;
line-height:80px;
}
}

/*　TopIndex　*/
/* -----------------------------------------------*/
div.topindex .titleset {
height:250px;
}
div.topindex .sitelogo {
padding:50px 0px 30px 0px;
font-size:1px;
}
div.topindex .sitetitle {
padding-bottom:10px;
font-size:30px;
font-weight:600;
line-height:1.5;
}
div.topindex .entitle {
font-size:13px;
line-height:1.5;
letter-spacing:3px;
}
div.topindex .linkset {
width:100%;
/*background:url(../images/line01.jpg) top center no-repeat;
background-size:auto 10px;*/
}
div.topindex .linkset ul li {
width:25%;
float:left;
text-align:center;
}
div.topindex .linkset ul li {
width:25%;
float:left;
text-align:center;
background-position:50% 10%;
background-repeat:no-repeat;
background-size:80% auto;
}
div.topindex .linkset ul li:nth-child(odd) {
background-color:#b30023;
}
div.topindex .linkset ul li:nth-child(even) {
background-color:#cd1539;
}
div.topindex .linkset ul li:nth-child(1) {
background-image:url(../images/photo01.png);
}
div.topindex .linkset ul li:nth-child(2) {
background-image:url(../images/photo02.png);
}
div.topindex .linkset ul li:nth-child(3) {
background-image:url(../images/photo03.png);
}
div.topindex .linkset ul li:nth-child(4) {
background-image:url(../images/photo04.png);
}
div.topindex .linkset ul li a {
height:200px;
display:block;
color:#ffffff;
font-size:20px;
font-weight:400;
line-height:200px;
text-decoration:none;
background:url(../images/arrow01.png) 50% 80% no-repeat;
background-size:50px auto;
}
@media screen and (max-width:900px) {
}

/*　page　*/
/* -----------------------------------------------*/
div.page_manual {
margin:0px auto;
padding:50px 0px;
width:80%;
font-size:15px;
line-height:1.8;
}
div.page_manual span {
margin:0px 5px 10px 5px;
padding-bottom:2px;
display:inline-block;
font-size:15px;
line-height:1.8;
border-bottom:#333333 solid 1px;
}
div.page_ttl {
margin:0px auto;
padding:10px 0px;
width:80%;
font-size:24px;
font-weight:400;
line-height:1.5;
background:#f5f5f5;
}
div.page_ttlL {
font-size:36px;
font-weight:600;
line-height:80px;
}
@media screen and (max-width:900px) {
div.page_manual {
margin:0px auto;
padding:20px 0px;
width:90%;
font-size:13px;
line-height:1.8;
}
div.page_manual span {
margin:0px 2px 10px 2px;
padding-bottom:2px;
display:inline-block;
font-size:13px;
line-height:1.8;
border-bottom:#333333 solid 1px;
}
div.page_ttl {
margin:0px auto;
margin-top: 20px;
padding:10px 0px;
width:90%;
font-size:16px;
font-weight:400;
line-height:1.5;
background:#f5f5f5;
}
div.page_ttlL {
padding:20px 0px;
font-size:20px;
font-weight:600;
line-height:80px;
}
}

/*　form　*/
/* -----------------------------------------------*/
div.formset {
margin:0px auto;
padding:10px 0px;
width:80%;
font-size:15px;
line-height:1.8;
border-bottom:#f5f5f5 solid 1px;
border-left:#f5f5f5 solid 1px;
border-right:#f5f5f5 solid 1px;
box-sizing:border-box;
}
div.formset.topset {
margin:0px auto 50px auto;
}
div.formset.ope {
margin:0px auto 70px auto;
border:#ffffff solid 5px;
box-sizing:border-box;
background:#f5f5f5;
-webkit-box-shadow:0 0 5px 0 #cecece; /* Safari, Chrome用 */
-moz-box-shadow:0 0 5px 0 #cecece; /* Firefox用 */
box-shadow:0 0 5px 0 #cecece; /* CSS3 */
}
div.formset .inner {
margin:0px auto;
padding:50px 0px;
width:80%;
font-size:15px;
line-height:1.8;
border-bottom:#f5f5f5 solid 1px;
border-left:#f5f5f5 solid 1px;
border-right:#f5f5f5 solid 1px;
box-sizing:border-box;
}
div.formset dl {
display:inline-block;
text-align:left;
}
div.formset dl dt {
padding:17px 0px;
width:220px;
clear:left;
float:left;
font-size:16px;
font-weight:400;
line-height:1.5;
position:relative;
}
div.formset dl dd {
margin-left:230px;
}
div.formset dl dd span {
width:50px;
display:inline-block;
font-size:16px;
font-weight:400;
line-height:1.5;
text-align:center;
}
div.formset dl dd strong {
width:85px;
display:inline-block;
font-size:16px;
font-weight:400;
line-height:1.5;
text-align:center;
}
div.formset dl dt span {
padding:3px 10px;
display:inline-block;
color:#ffffff;
font-size:10px;
font-weight:300;
line-height:1.5;
background:#d70000;
-moz-border-radius:3px;/*for Firefox*/
-webkit-border-radius:3px;/*for Safari and chrome*/
border-radius:3px;
behavior: url(border-radius.htc);/*for IE*/
position:absolute;
top:19px;
right:15px;
}
div.formset input[type=text] {
margin:10px 0px;
padding:12px 12px;
width:155px;
border:#dddddd solid 1px;
background:#ffffff;
-moz-border-radius:3px;/*for Firefox*/
-webkit-border-radius:3px;/*for Safari and chrome*/
border-radius:3px;
behavior: url(border-radius.htc);/*for IE*/
}
div.formset input[type=text]:focus {
background:#fffbea;
}
div.formset input[type=text].wide {
width:440px;
}
div.formset input[type=text].date {
width:120px;
}
div.formset select {
margin-left:-5px;
padding:10px 10px;
border:#dddddd solid 1px;
-moz-border-radius:3px;/*for Firefox*/
-webkit-border-radius:3px;/*for Safari and chrome*/
border-radius:3px;
behavior: url(border-radius.htc);/*for IE*/
}
div.formset .sort {
padding-bottom:20px;
width:100%;
text-align:center;
}
div.formset .sort input[type=radio] {
display:none;
}
div.formset .sort .check {
margin:0px 5px;
width:150px;
display:inline-block;
color:#999999;
font-size:16px;
line-height:40px;
text-align:center;
border:#cccccc solid 1px;
box-sizing:border-box;
background:#f5f5f5;
-webkit-transition:background-color 0.2s linear;
transition:background-color 0.2s linear;
cursor:pointer;
user-select:none; /* CSS3 */
-moz-user-select:none; /* Firefox */
-webkit-user-select:none; /* Safari、Chrome */
-ms-user-select:none; /* IE10 */
}
div.formset .sort .check:hover {
color:#000000;
}
div.formset .sort input[type=radio]:checked + .check {
color:#ffffff;
background:#333333;
opacity:1;
}
@media screen and (max-width:900px) {
div.formset {
margin:0px auto;
padding:20px 0px;
width:90%;
font-size:13px;
line-height:1.8;
border-bottom:#f5f5f5 solid 1px;
border-left:#f5f5f5 solid 1px;
border-right:#f5f5f5 solid 1px;
box-sizing:border-box;
}
div.formset.topset {
margin:0px auto 50px auto;
}
div.formset.ope {
margin:0px auto 70px auto;
border:#ffffff solid 5px;
box-sizing:border-box;
background:#f5f5f5;
-webkit-box-shadow:0 0 5px 0 #cecece; /* Safari, Chrome用 */
-moz-box-shadow:0 0 5px 0 #cecece; /* Firefox用 */
box-shadow:0 0 5px 0 #cecece; /* CSS3 */
}
div.formset .inner {
margin:0px auto;
padding:50px 0px;
width:80%;
font-size:13px;
line-height:1.8;
border-bottom:#f5f5f5 solid 1px;
border-left:#f5f5f5 solid 1px;
border-right:#f5f5f5 solid 1px;
box-sizing:border-box;
}
div.formset dl {
display:block;
text-align:center;
}
div.formset dl dt {
padding:10px 0px;
width:100%;
float:inherit;
font-size:13px;
font-weight:400;
line-height:1.5;
position:relative;
}
div.formset dl dd {
margin-left:0px;
}
div.formset dl dd span {
width:35px;
display:inline-block;
font-size:13px;
font-weight:400;
line-height:1.5;
text-align:center;
}
div.formset dl dd strong {
width:85px;
display:inline-block;
font-size:13px;
font-weight:400;
line-height:1.5;
text-align:center;
}
div.formset dl dt span {
padding:3px 5px;
display:inline-block;
color:#ffffff;
font-size:10px;
font-weight:300;
line-height:1.5;
background:#d70000;
-moz-border-radius:3px;/*for Firefox*/
-webkit-border-radius:3px;/*for Safari and chrome*/
border-radius:3px;
behavior: url(border-radius.htc);/*for IE*/
position:absolute;
top:10px;
right:15px;
}
div.formset input[type=text] {
margin:10px 0px;
padding:12px 12px;
width:20%;
border:#dddddd solid 1px;
background:#ffffff;
-moz-border-radius:3px;/*for Firefox*/
-webkit-border-radius:3px;/*for Safari and chrome*/
border-radius:3px;
behavior: url(border-radius.htc);/*for IE*/
}
div.formset input[type=text]:focus {
background:#fffbea;
}
div.formset input[type=text].wide {
width:75%;
}
div.formset input[type=text].date {
width:100px;
}
div.formset select {
margin-left:-5px;
padding:10px 10px;
border:#dddddd solid 1px;
-moz-border-radius:3px;/*for Firefox*/
-webkit-border-radius:3px;/*for Safari and chrome*/
border-radius:3px;
behavior: url(border-radius.htc);/*for IE*/
}
div.formset .sort {
padding-top:30px;
padding-bottom:20px;
width:100%;
text-align:center;
}
div.formset .sort input[type=radio] {
display:none;
}
div.formset .sort .check {
margin:0px 5px;
width:150px;
display:inline-block;
color:#999999;
font-size:16px;
line-height:40px;
text-align:center;
border:#cccccc solid 1px;
box-sizing:border-box;
background:#f5f5f5;
-webkit-transition:background-color 0.2s linear;
transition:background-color 0.2s linear;
cursor:pointer;
user-select:none; /* CSS3 */
-moz-user-select:none; /* Firefox */
-webkit-user-select:none; /* Safari、Chrome */
-ms-user-select:none; /* IE10 */
}
div.formset .sort .check:hover {
color:#000000;
}
div.formset .sort input[type=radio]:checked + .check {
color:#ffffff;
background:#333333;
opacity:1;
}
}

/*　questions　*/
/* -----------------------------------------------*/
div.questions {
margin:0px auto;
padding:50px 0px;
width:80%;
}
div.questions.src {
padding:0px 0px;
}
div.questions .qset {
width:100%;
border-bottom:#f1f1f1 solid 1px;
position:relative;
}
div.questions .ttl {
height:50px;
position:absolute;
top:25px;
left:50px;
}
div.questions .ttl strong {
display:block;
font-size:20px;
font-weight:400;
line-height:1.2;
}
div.questions .ttl span {
margin-top:5px;
width:40px;
height:40px;
display:inline-block;
color:#ffffff;
font-size:22px;
font-weight:400;
line-height:40px;
text-align:center;
vertical-align:baseline;
background:#b30023;
-moz-border-radius:20px;/*for Firefox*/
-webkit-border-radius:20px;/*for Safari and chrome*/
border-radius:20px;
behavior: url(border-radius.htc);/*for IE*/
}
div.questions .qtxt {
padding:0px 280px 0px 90px;
height:100px;
display:table;
}
div.questions.src .qtxt {
padding:0px 30px 0px 90px;
}
div.questions .qtxt p {
padding:0px 30px;
display:table-cell;
font-size:20px;
font-weight:500;
line-height:1.5;
text-align:left;
vertical-align:middle;
}
div.questions .checkbtn {
width:240px;
position:absolute;
top:30px;
right:50px;
}
div.questions .checkbtn input[type=radio] {
display:none;
}
div.questions .checkbtn .check {
margin:0px 5px;
width:110px;
display:inline-block;
color:#999999;
font-size:16px;
line-height:40px;
text-align:center;
border:#cccccc solid 1px;
box-sizing:border-box;
background:#f5f5f5;
-webkit-transition:background-color 0.2s linear;
transition:background-color 0.2s linear;
cursor:pointer;
user-select:none; /* CSS3 */
-moz-user-select:none; /* Firefox */
-webkit-user-select:none; /* Safari、Chrome */
-ms-user-select:none; /* IE10 */
}
div.questions .checkbtn .check:hover {
color:#b30023;
}
div.questions .checkbtn input[type=radio]:checked + .check {
color:#ffffff;
background:#b30023;
opacity:1;
}
div.questions .fixbtn {
padding:50px 0px;
}
div.questions .fixbtn a {
width:30%;
display:inline-block;
color:#ffffff;
font-size:20px;
font-weight:400;
line-height:60px;
text-decoration:none;
background:#b30023;
-moz-border-radius:5px;/*for Firefox*/
-webkit-border-radius:5px;/*for Safari and chrome*/
border-radius:5px;
behavior: url(border-radius.htc);/*for IE*/
}
div.questions .fixbtn a:hover {
background:#FF3333;
}
div.dubtn {
padding-bottom:20px;
}
div.dubtn.under {
margin:50px 0px;
}
div.dubtn .down {
margin:0px 15px;
padding:0px 20px 0px 50px;
display:inline-block;
color:#ffffff;
font-size:16px;
font-weight:500;
line-height:40px;
text-decoration:none;
background:#b30023 url(../images/118377.png) 15% 50% no-repeat;
background-size:auto 22px;
-moz-border-radius:20px;/*for Firefox*/
-webkit-border-radius:20px;/*for Safari and chrome*/
border-radius:20px;
behavior: url(border-radius.htc);/*for IE*/
}
div.dubtn .down:hover {
background:#a0001f url(../images/118377.png) 15% 50% no-repeat;
background-size:auto 22px;
}
div.dubtn .up {
margin:0px 15px;
padding:0px 20px 0px 50px;
display:inline-block;
color:#ffffff;
font-size:16px;
font-weight:500;
line-height:40px;
text-decoration:none;
background:#b30023 url(../images/118377_up.png) 15% 50% no-repeat;
background-size:auto 22px;
-moz-border-radius:20px;/*for Firefox*/
-webkit-border-radius:20px;/*for Safari and chrome*/
border-radius:20px;
behavior: url(border-radius.htc);/*for IE*/
}
div.dubtn .up:hover {
background:#a0001f url(../images/118377_up.png) 15% 50% no-repeat;
background-size:auto 22px;
}
@media screen and (max-width:900px) {
div.questions {
margin:0px auto;
padding:20px 0px;
width:90%;
}
div.questions.src {
padding:0px 0px;
}
div.questions .qset {
margin-top:5px;
width:100%;
border-bottom:#f1f1f1 solid 1px;
position:relative;
}
div.questions .ttl {
height:20px;
position:absolute;
top:7px;
left:10px;
}
div.questions .ttl strong {
display:block;
font-size:16px;
font-weight:400;
line-height:1.2;
}
div.questions .ttl span {
margin-top:5px;
width:30px;
height:30px;
display:inline-block;
color:#ffffff;
font-size:16px;
font-weight:400;
line-height:30px;
text-align:center;
vertical-align:baseline;
background:#b30023;
-moz-border-radius:20px;/*for Firefox*/
-webkit-border-radius:20px;/*for Safari and chrome*/
border-radius:20px;
behavior: url(border-radius.htc);/*for IE*/
}
div.questions .qtxt {
padding:15px 0px 0px 30px;
height:auto;
display:block;
}
div.questions.src .qtxt {
padding:0px 0px 0px 30px;
}
div.questions .qtxt p {
padding:0px 30px;
display:table-cell;
font-size:13px;
font-weight:500;
line-height:1.5;
text-align:left;
vertical-align:middle;
}
div.questions .checkbtn {
padding:20px 0px;
width:100%;
position:static;
}
div.questions .checkbtn input[type=radio] {
display:none;
}
div.questions .checkbtn .check {
margin:0px 5px;
width:40%;
display:inline-block;
color:#999999;
font-size:14px;
line-height:40px;
text-align:center;
border:#cccccc solid 1px;
box-sizing:border-box;
background:#f5f5f5;
-webkit-transition:background-color 0.2s linear;
transition:background-color 0.2s linear;
cursor:pointer;
user-select:none; /* CSS3 */
-moz-user-select:none; /* Firefox */
-webkit-user-select:none; /* Safari、Chrome */
-ms-user-select:none; /* IE10 */
}
div.questions .checkbtn .check:hover {
color:#b30023;
}
div.questions .checkbtn input[type=radio]:checked + .check {
color:#ffffff;
background:#b30023;
opacity:1;
}
div.questions .fixbtn {
padding:20px 0px 50px 0px;
}
div.questions .fixbtn a {
width:40%;
display:inline-block;
color:#ffffff;
font-size:14px;
font-weight:400;
line-height:50px;
text-decoration:none;
background:#b30023;
-moz-border-radius:5px;/*for Firefox*/
-webkit-border-radius:5px;/*for Safari and chrome*/
border-radius:5px;
behavior: url(border-radius.htc);/*for IE*/
}
div.questions .fixbtn a:hover {
background:#FF3333;
}
div.dubtn {
padding-bottom:20px;
}
div.dubtn.under {
margin:50px 0px;
}
div.dubtn .down {
margin:0px 15px;
padding:0px 20px 0px 50px;
display:inline-block;
color:#ffffff;
font-size:16px;
font-weight:500;
line-height:40px;
text-decoration:none;
background:#b30023 url(../images/118377.png) 15% 50% no-repeat;
background-size:auto 22px;
-moz-border-radius:20px;/*for Firefox*/
-webkit-border-radius:20px;/*for Safari and chrome*/
border-radius:20px;
behavior: url(border-radius.htc);/*for IE*/
}
div.dubtn .down:hover {
background:#a0001f url(../images/118377.png) 15% 50% no-repeat;
background-size:auto 22px;
}
div.dubtn .up {
margin:0px 15px;
padding:0px 20px 0px 50px;
display:inline-block;
color:#ffffff;
font-size:16px;
font-weight:500;
line-height:40px;
text-decoration:none;
background:#b30023 url(../images/118377_up.png) 15% 50% no-repeat;
background-size:auto 22px;
-moz-border-radius:20px;/*for Firefox*/
-webkit-border-radius:20px;/*for Safari and chrome*/
border-radius:20px;
behavior: url(border-radius.htc);/*for IE*/
}
div.dubtn .up:hover {
background:#a0001f url(../images/118377_up.png) 15% 50% no-repeat;
background-size:auto 22px;
}
}

/*　examination　*/
/* -----------------------------------------------*/
div.examination {
margin:10px auto;
width:90%;
}
div.examination table {
width:100%;
border-collapse:separate;
border-spacing:2px;
border-bottom:#f5f5f5 solid 2px;
}
div.examination table th,
div.examination table td {
padding:15px 0px;
}
div.examination table th {
color:#b30023;
font-size:14px;
font-weight:500;
line-height:1.5;
background:#fbf0f2;
}
div.examination table th #all_check {
width:26px;
height:26px;
display:inline-block;
color:#999999;
font-size:16px;
line-height:40px;
text-align:center;
background:url(../images/checkall.png) 50% 50% no-repeat;
background-size:auto 26px;
-webkit-transition:background-color 0.2s linear;
transition:background-color 0.2s linear;
cursor:pointer;
user-select:none; /* CSS3 */
-moz-user-select:none; /* Firefox */
-webkit-user-select:none; /* Safari、Chrome */
-ms-user-select:none; /* IE10 */
}
div.examination table th #all_check.select {
background:url(../images/checkall_on.png) 50% 50% no-repeat;
background-size:auto 26px;
}
div.examination table td {
font-size:13px;
line-height:1.5;
}
div.examination table tr:nth-child(even) {
background:#f5f5f5;
}
div.examination table td p {
padding:0px 15px;
font-size:13px;
line-height:1.5;
text-align:left;
}
div.examination table input[type=checkbox] {
display:none;
}
div.examination table .check {
width:26px;
height:26px;
display:inline-block;
color:#999999;
font-size:16px;
line-height:40px;
text-align:center;
background:url(../images/check.png) 50% 50% no-repeat;
background-size:auto 26px;
-webkit-transition:background-color 0.2s linear;
transition:background-color 0.2s linear;
cursor:pointer;
user-select:none; /* CSS3 */
-moz-user-select:none; /* Firefox */
-webkit-user-select:none; /* Safari、Chrome */
-ms-user-select:none; /* IE10 */
}
div.examination table .check:hover {
color:#000000;
}
div.examination table input[type=checkbox]:checked + .check {
background:url(../images/check_on.png) 50% 50% no-repeat;
background-size:auto 26px;
opacity:1;
}
div.examination table td a {
padding:5px 10px;
display:inline-block;
font-size:12px;
line-height:1.5;
text-decoration:none;
border:#333333 solid 1px;
-moz-border-radius:3px;/*for Firefox*/
-webkit-border-radius:3px;/*for Safari and chrome*/
border-radius:3px;
behavior: url(border-radius.htc);/*for IE*/
}
div.examination .output {
padding:50px 0px;
width:100%;
text-align:center;
}
div.examination .output input[type=radio] {
display:none;
}
div.examination .output .check {
margin:0px 5px;
width:110px;
display:inline-block;
color:#999999;
font-size:16px;
line-height:40px;
text-align:center;
border:#cccccc solid 1px;
box-sizing:border-box;
background:#f5f5f5;
-webkit-transition:background-color 0.2s linear;
transition:background-color 0.2s linear;
cursor:pointer;
user-select:none; /* CSS3 */
-moz-user-select:none; /* Firefox */
-webkit-user-select:none; /* Safari、Chrome */
-ms-user-select:none; /* IE10 */
}
div.examination .output .check:hover {
color:#000000;
}
div.examination .output input[type=radio]:checked + .check {
color:#ffffff;
background:#333333;
opacity:1;
}
div.examination .output .btn {
margin-left:30px;
padding:0px 20px 0px 50px;
display:inline-block;
color:#ffffff;
font-size:16px;
font-weight:500;
line-height:40px;
text-decoration:none;
background:#b30023 url(../images/118377.png) 15% 50% no-repeat;
background-size:auto 22px;
-moz-border-radius:20px;/*for Firefox*/
-webkit-border-radius:20px;/*for Safari and chrome*/
border-radius:20px;
behavior: url(border-radius.htc);/*for IE*/
}
div.examination .output .btn:hover {
background:#FF3333 url(../images/118377.png) 15% 50% no-repeat;
background-size:auto 22px;
}
div.examination .btn_del {
margin-left:30px;
padding:0px 20px 0px 50px;
display:inline-block;
color:#ffffff;
font-size:16px;
font-weight:500;
line-height:40px;
text-decoration:none;
background:#b30023 url(../images/trash.png) 15% 50% no-repeat;
background-size:auto 22px;
-moz-border-radius:20px;/*for Firefox*/
-webkit-border-radius:20px;/*for Safari and chrome*/
border-radius:20px;
behavior: url(border-radius.htc);/*for IE*/
}
div.examination .btn_del:hover {
background:#FF3333 url(../images/trash.png) 15% 50% no-repeat;
background-size:auto 22px;
}
div.examination .output .btn_import {
margin-left:30px;
padding:0px 20px 0px 50px;
display:inline-block;
color:#ffffff;
font-size:16px;
font-weight:500;
line-height:40px;
text-decoration:none;
background:#b30023 url(../images/118377_up.png) 15% 50% no-repeat;
background-size:auto 22px;
-moz-border-radius:20px;/*for Firefox*/
-webkit-border-radius:20px;/*for Safari and chrome*/
border-radius:20px;
behavior: url(border-radius.htc);/*for IE*/
}
div.examination .output .btn_import:hover {
background:#FF3333 url(../images/118377_up.png) 15% 50% no-repeat;
background-size:auto 22px;
}
div.examination .datanum {
padding:20px 0px 0px 0px;
position:relative;
}
div.examination .datanum .data {
font-size:14px;
line-height:1.5;
text-align:left;
}
div.examination .datanum .pagenation {
font-size:14px;
line-height:1.5;
text-align:left;
position:absolute;
top:20px;
right:0px;
}
div.examination .datanum .pagenation span {
margin:0px 5px;
width:30px;
height:30px;
display:inline-block;
font-size:13px;
line-height:30px;
text-align:center;
border:#cccccc solid 1px;
background:#f5f5f5;
-moz-border-radius:5px;/*for Firefox*/
-webkit-border-radius:5px;/*for Safari and chrome*/
border-radius:5px;
behavior: url(border-radius.htc);/*for IE*/
}
div.examination .datanum .pagenation a {
margin:0px 5px;
width:30px;
height:30px;
display:inline-block;
color:#ffffff;
font-size:13px;
line-height:30px;
text-align:center;
text-decoration:none;
vertical-align:top;
border:#000000 solid 1px;
background:#333333;
-moz-border-radius:5px;/*for Firefox*/
-webkit-border-radius:5px;/*for Safari and chrome*/
border-radius:5px;
behavior: url(border-radius.htc);/*for IE*/
}
div.examination .datanum .pagenation a.arrL {
width:20px;
font-size:1px;
border:#ffffff solid 1px;
background:#ffffff url(../images/arrL.png) 50% 50% no-repeat;
background-size:22px auto;
}
div.examination .datanum .pagenation a.arrR {
width:20px;
font-size:1px;
border:#ffffff solid 1px;
background:#ffffff url(../images/arrR.png) 50% 50% no-repeat;
background-size:22px auto;
}
div.examination .datanum .pagenation a:hover {
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
@media screen and (max-width:900px) {
}

/*　login　*/
/* -----------------------------------------------*/
div.loginbox {
margin:20px auto 20px auto;
width:60%;
font-size:15px;
line-height:1.8;
background:#f5f5f5;
-webkit-box-shadow:0 0 5px 0 #cecece; /* Safari, Chrome用 */
-moz-box-shadow:0 0 5px 0 #cecece; /* Firefox用 */
box-shadow:0 0 5px 0 #cecece; /* CSS3 */
position:relative;
}
div.loginbox .inner {
width:100%;
position:absolute;
top:30%;
}
div.loginbox .inner.trip {
top:30%;
}
@media screen and (max-height:820px) {
div.loginbox .inner.trip {
top:25%;
}
}
@media screen and (max-height:760px) {
div.loginbox .inner.trip {
top:15%;
}
}
div.loginbox .inner p {
padding-bottom:30px;
font-size:15px;
font-weight:400;
line-height:1.5;
}
div.loginbox .inner p span {
margin:0px 5px;
padding-bottom:5px;
display:inline-block;
font-size:15px;
font-weight:400;
line-height:1.5;
border-bottom:#333333 solid 1px;
}
div.loginbox dl {
display:inline-block;
text-align:left;
}
div.loginbox dl dt {
padding:17px 0px;
width:180px;
clear:left;
float:left;
font-size:16px;
font-weight:400;
line-height:1.5;
position:relative;
}
div.loginbox dl dt strong {
font-size:14px;
font-weight:400;
line-height:1.5;
}
div.loginbox dl dt span {
padding:3px 10px;
display:inline-block;
color:#ffffff;
font-size:10px;
font-weight:300;
line-height:1.5;
background:#d70000;
-moz-border-radius:3px;/*for Firefox*/
-webkit-border-radius:3px;/*for Safari and chrome*/
border-radius:3px;
behavior: url(border-radius.htc);/*for IE*/
position:absolute;
top:19px;
right:15px;
}
div.loginbox dl dd {
margin-left:180px;
}
div.loginbox input[type=text],
div.loginbox input[type=password] {
margin:10px 0px;
padding:12px 12px;
width:200px;
border:#dddddd solid 1px;
background:#ffffff;
-moz-border-radius:3px;/*for Firefox*/
-webkit-border-radius:3px;/*for Safari and chrome*/
border-radius:3px;
behavior: url(border-radius.htc);/*for IE*/
}
div.loginbox input[type=text]:focus {
background:#fffbea;
}
div.loginbox select {
margin:10px 0px;
padding:10px 10px;
width:200px;
border:#dddddd solid 1px;
background:#ffffff;
-moz-border-radius:3px;/*for Firefox*/
-webkit-border-radius:3px;/*for Safari and chrome*/
border-radius:3px;
behavior: url(border-radius.htc);/*for IE*/
}
div.loginbox select:focus {
background:#fffbea;
}
div.loginbox select[multiple], div.loginbox select[size] {
height:auto;
}
@media screen and (max-width:900px) {
div.loginbox {
margin:30px auto 20px auto;
width:90%;
font-size:13px;
}
div.loginbox .inner {
position:static;
}
div.loginbox .inner p {
padding:20px 10px 10px 10px;
font-size:13px;
}
div.loginbox .inner p span {
margin:0px 2px 10px 2px;
font-size:13px;
}
div.loginbox dl {
margin-bottom:20px;
text-align:center;
}
div.loginbox dl dt {
padding:10px 0px 0px 0px;
width:100%;
float:inherit;
font-size:13px;
font-weight:400;
}
div.loginbox dl dt strong {
font-size:13px;
}
div.loginbox dl dt span {
padding:3px 10px;
display:inline-block;
color:#ffffff;
font-size:10px;
font-weight:300;
line-height:1.5;
background:#d70000;
-moz-border-radius:3px;/*for Firefox*/
-webkit-border-radius:3px;/*for Safari and chrome*/
border-radius:3px;
behavior: url(border-radius.htc);/*for IE*/
position:absolute;
top:19px;
right:15px;
}
div.loginbox dl dd {
margin-left:0px;
}
div.loginbox input[type=text],
div.loginbox input[type=password] {
margin:10px 0px;
padding:12px 12px;
width:200px;
border:#dddddd solid 1px;
background:#ffffff;
-moz-border-radius:3px;/*for Firefox*/
-webkit-border-radius:3px;/*for Safari and chrome*/
border-radius:3px;
behavior: url(border-radius.htc);/*for IE*/
}
div.loginbox input[type=text]:focus {
background:#fffbea;
}
div.loginbox select {
margin:10px 0px;
padding:10px 10px;
width:200px;
border:#dddddd solid 1px;
background:#ffffff;
-moz-border-radius:3px;/*for Firefox*/
-webkit-border-radius:3px;/*for Safari and chrome*/
border-radius:3px;
behavior: url(border-radius.htc);/*for IE*/
}
div.loginbox select:focus {
background:#fffbea;
}
div.loginbox select[multiple], div.loginbox select[size] {
height:auto;
}
}

/*　topbtnset　*/
/* -----------------------------------------------*/
div.topbtnset {
margin:0px auto;
padding:50px 0px;
width:100%;
text-align:center;
}
div.topbtnset a {
margin:0px 20px;
width:40%;
display:inline-block;
text-decoration:none;
border:#ffffff solid 5px;
box-sizing:border-box;
-moz-border-radius:5px;/*for Firefox*/
-webkit-border-radius:5px;/*for Safari and chrome*/
border-radius:5px;
behavior: url(border-radius.htc);/*for IE*/
-webkit-box-shadow:0 0 5px 0 #cecece; /* Safari, Chrome用 */
-moz-box-shadow:0 0 5px 0 #cecece; /* Firefox用 */
box-shadow:0 0 5px 0 #cecece; /* CSS3 */
position:relative;
}
div.topbtnset a:nth-child(1) {
background:#f5f5f5 url(../images/135275.png) 50% 20% no-repeat;
background-size:200px auto;
}
div.topbtnset a:nth-child(2) {
background:#f5f5f5 url(../images/117782.png) 50% 20% no-repeat;
background-size:200px auto;
}
div.topbtnset.src a:nth-child(1) {
background:#f5f5f5 url(../images/128329.png) 50% 20% no-repeat;
background-size:200px auto;
}
div.topbtnset.src a:nth-child(2) {
background:#f5f5f5 url(../images/134960.png) 50% 20% no-repeat;
background-size:200px auto;
}
div.topbtnset.ope a:nth-child(1) {
background:#f5f5f5 url(../images/118282.png) 50% 20% no-repeat;
background-size:200px auto;
}
div.topbtnset.ope a:nth-child(2) {
background:#f5f5f5 url(../images/118282_.png) 50% 20% no-repeat;
background-size:200px auto;
}
div.topbtnset.cpn a:nth-child(1) {
background:#f5f5f5 url(../images/128329.png) 50% 20% no-repeat;
background-size:200px auto;
}
div.topbtnset.cpn a:nth-child(2) {
background:#f5f5f5 url(../images/127542.png) 50% 20% no-repeat;
background-size:200px auto;
}
div.topbtnset a strong {
width:100%;
display:block;
font-size:30px;
font-weight:400;
line-height:1.5;
text-decoration:none;
position:absolute;
top:60%;
}
div.topbtnset a span {
width:100%;
display:block;
color:#b30023;
font-size:11px;
line-height:1.5;
text-decoration:none;
letter-spacing:3px;
position:absolute;
top:72%;
}
@media screen and (max-width:900px) {
div.topbtnset {
padding:30px 0px;
}
div.topbtnset a {
margin:0px 10px;
width:40%;
}
div.topbtnset a:nth-child(1) {
background:#f5f5f5 url(../images/135275.png) 50% 20% no-repeat;
background-size:100px auto;
}
div.topbtnset a:nth-child(2) {
background:#f5f5f5 url(../images/117782.png) 50% 20% no-repeat;
background-size:100px auto;
}
div.topbtnset.src a:nth-child(1) {
background:#f5f5f5 url(../images/128329.png) 50% 20% no-repeat;
background-size:100px auto;
}
div.topbtnset.src a:nth-child(2) {
background:#f5f5f5 url(../images/134960.png) 50% 20% no-repeat;
background-size:100px auto;
}
div.topbtnset.ope a:nth-child(1) {
background:#f5f5f5 url(../images/118282.png) 50% 20% no-repeat;
background-size:100px auto;
}
div.topbtnset.ope a:nth-child(2) {
background:#f5f5f5 url(../images/118282_.png) 50% 20% no-repeat;
background-size:100px auto;
}
div.topbtnset.cpn a:nth-child(1) {
background:#f5f5f5 url(../images/128329.png) 50% 20% no-repeat;
background-size:100px auto;
}
div.topbtnset.cpn a:nth-child(2) {
background:#f5f5f5 url(../images/127542.png) 50% 20% no-repeat;
background-size:100px auto;
}
div.topbtnset a strong {
width:100%;
display:block;
font-size:16px;
font-weight:400;
line-height:1.5;
text-decoration:none;
position:absolute;
top:67%;
}
div.topbtnset a span {
width:100%;
display:block;
color:#b30023;
font-size:9px;
line-height:1.5;
text-decoration:none;
letter-spacing:3px;
position:absolute;
top:80%;
}
}

/*　*/
/* -----------------------------------------------*/
div.fixbtn {
padding:25px 0px;
}
div.fixbtn.clear {
padding:10px 0px 0px 0px;
}
div.fixbtn a {
width:30%;
display:inline-block;
color:#ffffff;
font-size:20px;
font-weight:400;
line-height:60px;
text-decoration:none;
background:#b30023;
-moz-border-radius:5px;/*for Firefox*/
-webkit-border-radius:5px;/*for Safari and chrome*/
border-radius:5px;
behavior: url(border-radius.htc);/*for IE*/
}
div.fixbtn a:hover {
background:#FF3333;
}
div.txtbtn {
padding:0px 0px 30px 0px;
}
div.txtbtn a {
color:#b30023;
font-size:14px;
font-weight:400;
line-height:1.5;
}
div.txtbtn a:hover {
}
@media screen and (max-width:900px) {
div.fixbtn {
padding:20px 0px;
}
div.fixbtn.clear {
padding:10px 0px 0px 0px;
}
div.fixbtn a {
width:40%;
display:inline-block;
color:#ffffff;
font-size:14px;
font-weight:400;
line-height:50px;
text-decoration:none;
background:#b30023;
-moz-border-radius:5px;/*for Firefox*/
-webkit-border-radius:5px;/*for Safari and chrome*/
border-radius:5px;
behavior: url(border-radius.htc);/*for IE*/
}
div.fixbtn a:hover {
background:#FF3333;
}
div.txtbtn {
padding:0px 0px 30px 0px;
}
div.txtbtn a {
color:#b30023;
font-size:13px;
font-weight:400;
line-height:1.5;
}
div.txtbtn a:hover {
}
}

/*　Footer　*/
/* -----------------------------------------------*/
div#Footer {
padding:20px 0px;
width:100%;
font-size:10px;
line-height:1.5;
background:#cd1539;
position:fixed;
bottom:0px;
color:#ffffff;
}
@media screen and (max-width:900px) {
div#Footer {
padding:20px 0px;
width:100%;
font-size:9px;
line-height:1.5;
background:#cd1539;
position: inherit;
bottom:0px;
}
}