@charset "utf-8";
/*
CSS Information
 File name:      common.css
 Author:         Administrator
 Style Info:     Modify YUI Reset CSS, YUI Fonts CSS
 *http://developer.yahoo.com/yui/license.html
 *version: 3.3.0 build: 3167
----------------------------------------------------- \*/
/* reset.css
*************************** \*/

html {
	color:#000;
	background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display:block;
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
* html input,* html textarea,* html select {
	font-size:100%;
}
*+html input,*+html textarea,*+html select {
	font-size:100%;
}
legend {
	color:#000;
}

/* fonts.css
*************************** \*/

body {
	font:13px/1.6 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
	/* for IE6/7 */
	*font-size:small;
	/* for IE Quirks Mode */
	*font:x-small;
}
select,input,textarea,button {
	font:99% arial,helvetica,clean,sans-serif;
}
table {
	font-size:inherit;
	font:100%;
}

pre,code,kbd,samp,tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/* base.css
*************************** \*/

/* clearfix \*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	font-size: 0.1em;
}
.clearfix {display:inline-block;}
* html .clearfix {height:1px;}
.clearfix {display:block;}

/* マージン・インデント \*/
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}

.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}

.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}

.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}

.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}

/* テキスト位置 \*/
.alC {text-align: center;}
.alR {text-align: right;}
.alL {text-align: left;}

/* テーブルセル垂直揃え \*/
.vlT {vertical-align: top;}
.vlM {vertical-align: middle;}
.vlB {vertical-align: bottom;}

/* リンク \*/
a:link,a:visited,a:hover,a:active {color: #00f;}
a:link,a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}

/* フォーム \*/
form.inline,
div.inline {
	display: inline;
}

/* 要素設定 \*/
html,body {
	background: #e6e6e6;
	color: #333;
	text-align: center;
}
ul,dl,ol{
	text-indent: 0;
	list-style-position:outside;
}
th,td {
	vertical-align: top;
}
p{
	text-align: justify;
}

img {
	max-width: 100%;
}

.alignC {text-align: center;}
.alignR {text-align: right;}
.alignL {text-align: left;}

/* baseLayout
*************************** \*/
.contentsBlock {
	margin: 0 auto;
	width: 900px;
	text-align: left;
}
#wrapper {
	width: 100%;
}

/* Header \*/
header {
	position: relative;
	padding: 5px 0;
	width: 100%;
	height: 49px;
	background: #fff;
	border-bottom: 1px solid #c9c9c9;
}
header h1 img {
	vertical-align: top;
	height: 49px;
}

/* #subWrap \*/

#subWrap {
	position: relative;
	width: 100%;
	min-height: 600px;
	background: #ffffff; /* Old browsers */ /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	-pie-background: linear-gradient(#ffffff 0%,#f6f6f6 47%,#ededed 100%);
	behavior: url(/js/PIE.htc);
}
#subWrap nav {
	float: left;
	display: block;
	padding: 10px 5px 0;
	width: 180px;
}
#subWrap #content {
	padding: 10px 5px;
	float: right;
	width: 700px;
}

/* nav */

#subWrap nav h1 {
	position: relative;
	background: #000;
/* 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3));
background: -webkit-linear-gradient(top,  #00b7ea 0%,#009ec3 100%);
background: linear-gradient(to bottom,  #00b7ea 0%,#009ec3 100%);
-pie-background: linear-gradient(00b7ea 0%,#009ec3 100%); */
	border: 1px solid #ccc;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	behavior: url(/js/PIE.htc);
}
#subWrap nav h1 span {
	display: block;
	padding: 5px 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#subWrap nav ul li a {
	display: block;
	position: relative;
	padding: 10px;
	background: #ccc;
/* 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(48%,#41d0fc), color-stop(49%,#05abe0), color-stop(100%,#07def2));
background: -webkit-linear-gradient(top,  #87e0fd 0%,#41d0fc 48%,#05abe0 49%,#07def2 100%);
background: linear-gradient(to bottom,  #87e0fd 0%,#41d0fc 48%,#05abe0 49%,#07def2 100%);
-pie-background: linear-gradient(#87e0fd 0%,#41d0fc 48%,#05abe0 49%,#07def2 100%); */
	border: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	color: #000;
	behavior: url(/js/PIE.htc);
}
#subWrap nav ul li a:hover {
	background: #fff;
/* 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0fb4e7), color-stop(100%,#a9e4f7));
background: -webkit-linear-gradient(top,  #0fb4e7 0%,#a9e4f7 100%);
background: linear-gradient(to bottom,  #0fb4e7 0%,#a9e4f7 100%);
-pie-background: linear-gradient(#0fb4e7 0%,#a9e4f7 100%); */
	color: #000;
	text-decoration: none;
	behavior: url(/js/PIE.htc);
}

/* footer \*/
footer {
	position: relative;
	width: 100%;
	height: 100px;
	background: #e6e6e6;
	border-top: 1px solid #c9c9c9;
	color: #666;
}
footer .copy {
	padding-top: 40px;
	text-align: center;
}

/* pageTitle \*/
#pageTitle {
	background: #333;
}
#pageTitle h2 {
	padding: 0 20px;
	color: #fff;
	font-size: 123.1%;
	font-weight: bold;
}

/* Pager
*************************** \*/

#content .pager li {
	display: inline;
	float: left;
}
#content .pager li a {
	display: inline-block;
	margin-right: 5px;
	padding: 2px 5px;
	background: #bdd5eb;
	border: 1px solid #317aff;
	color: #317aff;
}
#content .pager li a:hover {
	background: #216fff;
	border: 1px solid #002be3;
	color: #fff;
	text-decoration: none;
}
#content .pager li span {
	display: inline-block;
	margin-right: 5px;
	padding: 2px 5px;
	background: #dedede;
	border: 1px solid #333;
	color: #333;
	font-weight: bold;
}


/* Err and Info Message
*************************** \*/

.errMsg {
	position: relative;
	padding: 10px 10px 10px 50px;
	background: #ffd4ed url(/images/icon_err_msg.png) left center no-repeat;
	border: 1px solid #eb1744;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #eb1744;
	text-align: left;
	behavior: url("/js/PIE.htc");
}
.compMsg {
	position: relative;
	padding: 10px 10px 10px 50px;
	background: #e9ffe8 url(/images/icon_comp_msg.png) left center no-repeat;
	border: 1px solid #2cb34f;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #2cb34f;
	text-align: left;
	behavior: url("/js/PIE.htc");
}
.infoMsg {
	position: relative;
	padding: 10px 10px 10px 50px;
	background: #e9ffe8 url(/images/icon_info_msg.png) left center no-repeat;
	border: 1px solid #2cb34f;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #2cb34f;
	text-align: left;
	behavior: url("/js/PIE.htc");
}
.cautionMsg {
	display: block;
	padding: 5px;
	border: solid 1px #f00;
	background: #ffe1f3;
	color: #f00;
}

/* Title
*************************** \*/

#content .secTtl1 {
	position: relative;
	background: #ffb76b; /* Old browsers */ /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(80%,#ffa73d), color-stop(80%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 80%,#ff7c00 80%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 80%,#ff7c00 80%,#ff7f04 100%); /* W3C */
	-pie-background: linear-gradient(#ffb76b 0%,#ffa73d 80%,#ff7c00 80%,#ff7f04 100%);
	behavior: url("/js/PIE.htc");
}
#content .secTtl1 span {
	display: block;
	padding: 5px 20px 10px;
}

/* Content
*************************** \*/
#content section {
	background: #fff;
}
.borderBox {
	border: 1px solid #999;
}
.text {
	padding: 10px;
	text-align: justify;
}
.upperText {
	border: solid 1px #ffcC00;
	background: #fdf8C6;
	padding: 10px;
	text-align: left;
}
.caution {
	color: #f00;
}

/* Buttons
*************************** \*/

input.smallBtn,
a.smallBtn,
a.smallBtn:visited,
a.smallBtn:active {
	display: inline-block;
	padding: 5px 10px;
	background: #efefef;
	border: 1px solid #999;
	border-radius: 5px;
	color: #000;
	cursor: pointer;
	vertical-align: top;
}
input.smallBtn:hover,
a.smallBtn:hover {
	background: #666;
	border: 1px solid #333;
	color: #fff;
	text-decoration: none;
}

input.largeBtn,
a.largeBtn,
a.largeBtn:visited,
a.largeBtn:active {
	display: inline-block;
	padding: 10px 20px;
	background: #666;
	color: #fff;
	font-weight: bold;
}
a.largeBtn:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}

.formBtn,
a.formBtn {
	display: inline-block;
	padding: 3px 40px;
	margin: 0;
	background: #ccc;
	border: 3px double #666;
	color: #000;
	cursor: pointer;
}
* html .formBtn {
	width: 150px;
}
.formBtn:hover {
	background: #666;
	border: 3px double #333;
	color: #fff;
	text-decoration: none;
}

/* Table
*************************** \*/
.sort_list {
	cursor: move;
}
table.type1, table.type2 {
	line-height: 2;
}

table th.w10,
table td.w10 {
	width: 10%;
}
table th.w15,
table td.w15 {
	width: 15%;
}
table th.w20,
table td.w20 {
	width: 20%;
}
table th.w25,
table td.w25 {
	width: 25%;
}
table th.w30,
table td.w30 {
	width: 30%;
}
table th.w35,
table td.w35 {
	width: 35%;
}
table th.w40,
table td.w40 {
	width: 40%;
}
table th.w45,
table td.w45 {
	width: 45%;
}
table th.w50,
table td.w50 {
	width: 50%;
}

table tbody td input[type=text],
table tbody td textarea {
	width: 80%;
	margin-right: .5em;
}
table tbody td input[type=text].w10 {
	width: 10%;
}
table tbody td input[type=text].w20 {
	width: 20%;
}
table tbody td input[type=text].w30 {
	width: 30%;
}
table tbody td input[type=text].w40 {
	width: 40%;
}
table tbody td input[type=text].w50 {
	width: 50%;
}
table tbody td input[type=text].w60 {
	width: 60%;
}
table tbody td input[type=text].w70 {
	width: 70%;
}

table input[type="checkbox"] {
	vertical-align: middle;
	margin-right: 5px;
}

table .smallBtn {
	font-size: 85%!important;
	line-height: 1.6;
	white-space: nowrap;
    padding: 5px;
}

table ul.checklist {
	font-size: 0;
}

table ul.checklist li {
	box-sizing: border-box;
	display: inline-block;
	width: 50%;
	padding: 3px;
	margin: 0 0 5px;
	vertical-align: top;
	font-size: 13px;
}

table ul.checklist li:nth-child(4n),
table ul.checklist li:nth-child(4n-3) {
	background: #efefef;
}

table.type1 {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}
table.type1 thead th {
	padding: 5px;
	border: 1px solid #999;
	background: #0e6dcc;
	color: #fff;
	text-align: center;
}
table.type1 tbody th,
table.type1 tbody td {
	padding: 5px;
	border: 1px solid #999;
	background: #fff;
	vertical-align: middle;
	word-wrap: break-word;
}

table.type1 tbody th {
	background: #ccc;
}
table.type1 tfoot th,
table.type1 tfoot td {
	padding: 5px;
	border: 1px solid #999;
	background: #fff;
}
table.type1 tfoot th {
	background: #0e6dcc;
	color: #fff;
}
table.type2 {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}
table.type2 thead th {
	padding: 5px;
	border: 1px solid #999;
	background: #0e6dcc;
	color: #fff;
	text-align: center;
}
table.type2 tbody th,
table.type2 tbody td {
	padding: 5px;
	border: 1px solid #999;
	background: #fff;
}
table.type2 tbody th {
	background: #ccc;
}
table.type2 tfoot td {
	padding: 5px;
	text-align: center;
}
table.type2 tbody td textarea {
	display: block;
	height: 10em;
}
table.type2 tbody th span {
	padding: 2px;
	background: #f00;
	font-size: 85%;
	color: #fff;
}
table tbody tr.close th {
	background: #969696;
}
table tbody tr.close td {
	background: #c7c7c7;
}
table tbody tr.focus th {
	background: #ff88b2;
}
table tbody tr.focus td {
	background: #ffbad2;
}

.subnav li {
	float: left;
	margin: 0 8px 0 0;
	font-size: 0px;
	margin-bottom:10px;
}
.subnav li a {
	display: inline-block;
	position: relative;
	padding: 10px 20px;
	text-decoration: none;
	color: #fff;
	background: #5c5c5c;
	border-radius: 4px;
	font-size: 14px;
}
.arrow_box {
    text-align: center;
}
.arrow_box img {
    width:17px;
    -webkit-transition: -webkit-transform 0.5s linear;
    transition:-webkit-transform 0.5s linear;
    transition:transform 0.5s linear;
    transition: transform 0.5s linear, -webkit-transform 0.5s linear;
}
.arrow_box img:hover {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
label {display: inline-block;
}

label img{
    pointer-events: none;

}
input[type=checkbox] {
    width: 18px;
    height: 18px;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    margin: 5px;
    vertical-align: middle;
}
label.check_css img {
    /* overflow: hidden; */
    height: 100px;
}

.check_css {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 0 0 0 42px;
  vertical-align: middle;
  cursor: pointer;
    padding: 5px;
    height: 100px;

}
.check_css:hover:after {
  border-color: #0171bd;
}
.check_css:after {
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
    position: absolute;
    top: -10px;
    left: 45px;
    display: block;
    margin-top: -10px;
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-radius: 6px;
    content: '';
}
.check_css:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: -10px;
  left: 51px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #0171bd;
  border-bottom: 3px solid #0171bd;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.imagebox input[type=checkbox] {
    display: none;
}
input[type=checkbox]:checked + .check_css:before {
  opacity: 1;
}
.number {
    margin: 0 30px 0 0px;
}

a.common_btn, button.common_btn, input.common_btn {
    position: relative;
    padding: 5px 10px;
    background: #efefef;
    border: 1px solid #afafaf;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    color: #000;
    font-weight: normal;
    cursor: pointer;
}

.yoyaku {
    width: 13px;
    padding: 2px;
    color: #ffffff;
    position: absolute;
    background-color: #A0040F;
}