@charset "utf-8";

/*------------------------------------
　　　			base
------------------------------------*/

html {
	background: #fff;
}



body {
	font-size: 16px;
	line-height: 1.5;
	width: 100%;
}

a {
	color : #dc5e11;
	text-decoration: underline;
}


/*------------------------------------
　　　			header
------------------------------------*/
#header {
	overflow: hidden;
	background: #f8f8f8;
	border-top: 5px solid #004da0;
	padding: 5px 35px 5px 28px;
}

/*#header h1 {
	width: 182px;
	float: left;
	margin-right: 20px;
}*/

#header .left {
	width: 430px;
	float: left;
	padding-bottom: 2px;
}

#header .left h1 {
	line-height: 32px;
	font-weight: bold;
	position: relative;
	top : 20px;
}

.left p a {
	color: #004da0;
	font-size: 29px;
	font-weight: bold;
	position: relative;
	top: 7px;
}

#header .right {
	width: 330px;
	float: right;
	text-align: right;
	position: relative;
	top : 20px;
}

#header .right.none {
	display: none;
}

#header .right p {
	width: 11em;
	float: right;
	font-size: 85%;
	font-weight: bold;
	line-height: 1;
	padding: 11px 0 0;
	height : 62px;
}

#header .right .btn {
	width: 145px;
	margin-left: 30px;
	padding: 0;
}

#header .right .btn a {
	display: block;
	background: #2e72a6;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-align: center;
	padding: 9px 0;
}

#header .right .btn a:hover {
	opacity: 0.8;
}


/*------------------------------------
　　　			container
------------------------------------*/

#container {
	clear: both;
	overflow: hidden;
	width: 100%;
	height: 100%;
	min-height: 1600px;
	position: relative;
}

#container .inner {
	padding: 35px 35px;
}

h2.title {
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 1px 1px 0 #fff;
	margin-bottom: 30px;
	color : #3b3b3b;
}

h3.subtitle {
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 1px 1px 0 #fff;
	margin: 30px 0 20px;
	color : #2e4573;
	padding : 10px;
	background-color: #f4f6f8;
	border-bottom: #e5e8eb solid 1px;
	border-left: #004da0 solid 3px;
}

.btn {
	font-weight: bold;
}

.btn:hover {
	cursor: pointer;
}

.btn a {
	text-decoration: none;
}



.btn.already:hover {
	cursor: default;
}

#main.now_home {
	width : 100% !important;
}

#main .inner_table td.center {
	text-align: center;
}

/*------------------------------------
　　　			main
------------------------------------*/

#container #main {
	width: 80%;
	float: right;
}

#container .single#main {
	width: 100%;
	float: none;
}

#main .btn:hover {
	opacity: 0.8;
}

#main #crumb {
	text-align: right;
	overflow: hidden;
	background: #004da0;
	padding: 0 0 0 20px;
	color : #fff;
}

#main #crumb li {
	float: left;
	font-size: 90%;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
}

#main #crumb li a {
	text-decoration: underline;
	color : #fff;
}

#main .btn.register {
	width: 15%;
	background: #2268bf;
	background: -moz-linear-gradient(top,#3978c6, #2268bf);
	background : -ms-linear-gradient(top, #3978c6, #2268bf);
	background: -webkit-linear-gradient(top,#3978c6, #2268bf);
	border: 1px solid #2268bf;
	border-radius: 5px;
	margin: 40px 0 15px;
}

#main .btn.register.center {
	margin: 40px auto 15px;
}

#main .btn.register.center.btn_long {
	width: 30%;
}

#main .btn.register.center.btn_long2 {
	width: 60%;
}

#main .btn.register a {
	display: block;
	border-top: 1px solid #528cd5;
	border-left: 1px solid #528cd5;
	border-radius: 4px;
	color: #fff;
	line-height: 1;
	text-align: center;
	text-shadow: 1px 1px 2px #03479c;
	padding: 13px 10px 14px;
}

#main .btn.disable {
	border: 1px solid #ccc;
	background: #E8E8E8;
	background: -moz-linear-gradient(top,#f4f4f4, #ddd);
	background : -ms-linear-gradient(top,#f4f4f4, #ddd);
	background: -webkit-linear-gradient(top,#f4f4f4, #ddd);
}

#main .btn.disable a {
	background: #E2E3E4;
	background: -moz-linear-gradient(top,#f4f4f4, #ddd);
	background : -ms-linear-gradient(top,#f4f4f4, #ddd);
	background: -webkit-linear-gradient(top,#f4f4f4, #ddd);
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #000;
	text-shadow: 1px 1px 2px #fff;
}

#main .inner_table {
	width: 100%;
	margin : 0 0 20px;
}

#main .inner_table th {
	border-bottom: 1px solid #2C7E93;
    border-left: 1px solid #63A5B5;
    border-top: 1px solid #63A5B5;
    padding: 12px;
    background: none repeat scroll 0 0 #166E81;
    color: #FFFFFF;
}

#main .inner_table td {
	border: 1px solid #94B9C2;
    padding: 8px 14px;
    text-align: left;
    background: #F3F4F6;
}

#main .#cassette_conf  {
	overflow: hidden;
}

#main #cassette_conf li {
	width: 30%;
	float: left;
	margin-right: 3%;
	padding : 0 0 20px;
}

#main #cassette_conf li.clear {
	clear: both;
}

#main #cassette_conf li dt {
	background: #166E81;
	color : #fff;
	padding: 6px 12px;
	font-weight: bold;
	margin : 0 0 20px;
	clear: both;
}

#main #cassette_conf li dd {
	padding : 0 0 20px;
}

#main #cassette_conf li dd input {
	float: left;
}

#main #cassette_conf li dd img {
	float: left;
	width: 100%;
	height: auto; 
}

#main #cassette_conf li dd p {
	clear: both;
}


/*---tableBox---*/

#main .tableBox .btn.already:hover {
	opacity: 1;
}

#main .tableBox {
	clear : both;

	padding-bottom: 30px;
}

#main .tableBox table {
	width: 100%;
	margin : 0 0 20px;
	background: #f3f4f6;
	padding : 0 0 10px;
}

#main .tableBox table table {
	padding: 0;
	margin : 0;
}

#main .tableBox table th {
	font-weight: bold;
}

#main .tableBox table.text_left td {
	text-align: left;
}

#main .tableBox table th,
#main .tableBox table td {
	text-align: center;
	vertical-align: middle;
}

#main .tableBox table th {
	border-top: 2px dotted #0c5d6f;
}

#main .tableBox table td {
	border-bottom: 2px dotted #777;
	word-break : break-all; 
}

#main .tableBox table .last th,
#main .tableBox table .last td,
#main .tableBox table tr:first-child th,
#main .tableBox table tr:last-child td {
	border: none;
}

#main .tableBox table table th,
#main .tableBox table table td {
	border: none;
	padding : 10px 12px;
}

#main .tableBox table th {
	background: #166e81;
	color: #fff;
	padding: 20px 12px ;
}

#main .tableBox table th a {
	color : #fff;
	text-decoration : underline;
}

#main .tableBox table th a.asc:after {content:"▼";}
#main .tableBox table th a.desc:after {content:"▲";}

#main .tableBox table td {
	padding: 20px 12px ;
}

#main .tableBox .btnbox {
	padding: 20px 12px ;
}

#main .tableBox .btn,
#main .btn.green {
	display: block;
	border: 1px solid #7f8f17;
	border-radius: 5px;
	margin : 5px 0 0;
	text-decoration: none;
}

#main .tableBox .btn.already {
	border: 1px solid #e4e5e8;
	border-radius: 0;
}

#main .tableBox .btn span,
#main .tableBox .btn a,
#main .btn.green span {
	display: block;
	-webkit-appearance: none;
	background: #819117;
	background: -moz-linear-gradient(top,#96a917, #7f8f17);
	background : -ms-linear-gradient(top,#96a917, #7f8f17);
	background: -webkit-linear-gradient(top,#96a917, #7f8f17);
	border: 0;
	border-top: 1px solid #c1d542;
	border-left: 1px solid #a4b62e;
	border-radius: 4px;
	color: #fff;
	text-shadow: 1px 1px 2px #6a7614;
	line-height: 1;
	padding: 10px;
	text-decoration: none;
}

#main .inner .wrap .btn {
	border-radius : 4px;
	padding : 5px ;
	display : inline-block;
	padding : 5px 0;
	color : #fff;
	text-align : center;
	font-weight : normal;
}

#main .inner .wrap .btn.green {
	background-color : #346104;
	background : -moz-linear-gradient(top, #527829, #346104);
	background : -ms-linear-gradient(top, #527829, #346104);
	background : -webkit-gradient(linear, left top, left bottom, from(#527829), to(#346104));
}

#main .inner .wrap .btn.red {
	background-color : #782936;
	background : -moz-linear-gradient(top, #b41c24, #782936);
	background : -ms-linear-gradient(top, #b41c24, #782936);
	background : -webkit-gradient(linear, left top, left bottom, from(#b41c24), to(#782936));
	border-color : #b41c24;
}

#main .inner .wrap .btn.gray {
	background-color : #dedede;
	background : -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede));
	background : -ms-linear-gradient(top, #fff, #dedede);
	background : -moz-linear-gradient(top, #fff, #dedede);
	padding : 10px;
	color : #000;
	border : solid 1px #aaa;
	width : 100px;
}

#main .inner .wrap .btn.green_a {
	background-color : #346104;
	background : -moz-linear-gradient(top, #527829, #346104);
	background : -ms-linear-gradient(top, #527829, #346104);
	background : -webkit-gradient(linear, left top, left bottom, from(#527829), to(#346104));
	padding : 10px;
}

#main .inner .wrap .btn.blue {
	background-color : #2268bf;
	background : -moz-linear-gradient(top, #5b9ae8, #2268bf);
	background : -ms-linear-gradient(top, #5b9ae8, #2268bf);
	background : -webkit-gradient(linear, left top, left bottom, from(#5b9ae8), to(#2268bf));
	border: 1px solid #2268bf !important;
	text-shadow: 1px 1px 2px #03479c;
	padding : 17px 0 !important;
	font-weight : bold;
}

#main .tableBox .btn.already span {
	background: #e4e5e8;
	border-top: 1px solid #e4e5e8;
	border-left: 1px solid #e4e5e8;
	border-radius: 0;
	color: #dc3c16;
	text-shadow: none;
}

#visual_add {
	overflow: hidden;
}

#visual_add li {
	margin : 0 0 20px;
	clear: both;
	overflow: hidden;
	padding: 0 0 20px;
}

#visual_add li span.title {
	font-weight: bold;
}

#visual_add li dt {
	background: #166E81;
	color : #fff;
	padding: 6px 12px;
	font-weight: bold;
	margin : 0 0 10px;
}

.radio {
	width: 20%;
	float: left;
}

.text {
	width: 100%;
	/*float: left;*/
}

.text input {
	width: 97%;
}

.file {
	width: 50%;
	float: left;
}

.box_left {
	width: 18%;
	float: left;
	margin-right: 2%;
}

.box_right {
	width: 80%;
	float: left;
}

.scroll_wrap {
	width: 100%;
	height: 512px;
	overflow-y:scroll; 
}

.scroll_wrap li {
	padding: 20px 5px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	background: #eee;
	color : #000;
	cursor : pointer;
}

.scroll_wrap li:hover {
	background: #f4f4f4;
}

.choose_box {
	overflow: hidden;
	padding : 20px 0;
}

.choose_box li {
	float: left;
	width: 43%;
	text-align: center;
}

.choose_box li.center {
	width: 10%;
}

.choose_box li select {
	width: 90%;
	height: 100px;
	font-size : 100%;
}

.choose_box li input {
	font-size: 100%;
	margin : 15px 0 0;
	cursor: pointer;
}

p.cassette {
	text-align: center;
	margin : 20px 0;
}

/*キャンペーン登録*/

#main #jctBtn {
	overflow: hidden;
	width: 60%;
	margin: 100px auto;
}

#main #jctBtn p {
	width: 45%;
	float: left;
}

#main #jctBtn #btn_divert {
	float: right;
}

#main #jctBtn #btn_new {
	background: #2268bf;
	background: -moz-linear-gradient(top,#3978c6, #2268bf);
	background : -ms-linear-gradient(top, #3978c6, #2268bf);
	background: -webkit-linear-gradient(top,#3978c6, #2268bf);
	border: 1px solid #2268bf;
	border-radius: 6px;
}

#main #jctBtn #btn_divert {
	background: #868686;
	background: -moz-linear-gradient(top,#9c9c9c, #868686);
	background : -ms-linear-gradient(top,#9c9c9c, #868686);
	background: -webkit-linear-gradient(top,#9c9c9c, #868686);
	border: 1px solid #868686;
	border-radius: 6px;
}

#main #jctBtn p a {
	display: block;
	text-align: center;
	border-radius: 5px;
	font-size: 130%;
	color: #fff;
	padding: 80px 60px;
}

#main #jctBtn #btn_new a {
	border-top: 1px solid #528cd5;
	border-left: 1px solid #528cd5;
	text-shadow: 1px 1px 2px #03479c;
}

#main #jctBtn #btn_divert a {
	border-top: 1px solid #afafaf;
	border-left: 1px solid #afafaf;
	text-shadow: 1px 1px 2px #6e6e6e;
}


/*デザイン一覧*/

#main #designList {
	overflow: hidden;
}

#main #designList li {
	overflow: hidden;
	width: 354px;
	height: 500px;
	width: 29%;
	height: auto;
	float: left;
	padding : 0 20px;
}

#main #designList li.end {
	border-right: 2px dotted #777;
}

#main #designList li:last-child {
	margin-right: 0;
}

#main #designList li dt {
	font-weight: bold;
	margin-bottom: 5px;
}

#main #designList li img {
	width:100%;
	height: auto;
}

#main #designList li .btn {
	text-align: center;
	margin: 15px 30px;
}

#main #designList.left {
	width : 60%;
	float : left;
	margin-right : 3%;
}

#main #designList.left li {
	width : 45%;
	float : left;
	padding : 0 0 0 5%;
}

#main #cassetteBox2.right {
	width : 37%;
	float : right;
	padding : 30px 0;
	margin : 30px 0;
}

#main #cassetteBox2.right dl {
	padding : 10px 0;
}

#main #btnList {
	clear: both;
	margin-top: 60px;
}

#main #btnList .btn.add,
#main #btnList .btn.narrow {
	width: 35%;
	float: left;
	background: #868686;
	background: -moz-linear-gradient(top,#9c9c9c, #868686);
	background : -ms-linear-gradient(top,#9c9c9c, #868686);
	background: -webkit-linear-gradient(top,#9c9c9c, #868686);
	border: 1px solid #868686;
	margin-right: 5%;
}

#main #btnList .btn.add a,
#main #btnList .btn.narrow a {
	border-top: 1px solid #afafaf;
	border-left: 1px solid #afafaf;
	text-shadow: 1px 1px 2px #6e6e6e;
}

#main #btnList .btn.next {
	width: 18%;
	float: left;
	margin-right: 0;
}

/*カセット一覧*/

#main #cassetteBox p.accordion {
	padding: 0;	
}

#main #cassetteBox {

	background: #f3f4f6;
	box-shadow: 0 1px 1px #c9cdd1;
	text-align: center;
	padding: 30px;
	margin: 40px 0;

}

#main .accordion#cassetteBox ul.hidden {
	display: none;
}

#main .accordion#cassetteBox li {
	float: left;
	width: 25%;
	margin : 0 0 20px;
}

#main .accordion#cassetteBox li.clear {
	clear : both;
}

#main #cassetteBox2 {
	overflow: hidden;
	background: #f3f4f6;
	box-shadow: 0 1px 1px #c9cdd1;
	text-align: center;
	padding: 10px;
	margin: 40px 0;
}

#main #cassetteBox2 dt {
	font-weight: bold;
	display: inline;
}

#main #cassetteBox2 dd {
	display: inline;
}

#main #cassetteBox p {
	font-weight: bold;
	padding-bottom: 20px;
}

#main #cassetteBox ul {
	width: 90%;
	overflow: hidden;
	margin: auto;
}




h3.title {
	background: #166e81;
	padding: 10px 15px;
	font-size : 130%;
	font-weight: bold;
	color : #fff;
	margin : 20px 0;
}

.box {
	background: #fff;
	padding: 20px 30px;
	margin : 0 0 40px;
}

.box .list li {
	margin : 0 0 10px; 
}

.box .list span {
	padding: 0 8px;
}

.box .menu {
	overflow: hidden;
	padding: 10px 0 0;
	position: relative;
	left: 2%;
}

.box .menu li {
	width: 50%;
	float: left;
	text-align: center:
}

.box .menu li dt a {
	border-left: 1px solid #528CD5;
    border-radius: 4px;
    border-top: 1px solid #528CD5;
    color: #FFFFFF;
    display: block;
    line-height: 1;
    padding: 20px 10px ;
    text-align: center;
    text-shadow: 1px 1px 2px #03479C;
    width: 85%;
    background: #2268BF;
    background: -moz-linear-gradient(center top , #3978C6, #2268BF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background : -ms-linear-gradient(top,#3978C6, #2268BF);
    border: 1px solid #2268BF;
    border-radius: 5px;
    margin: 0 0 15px;
    font-weight: bold;
    text-decoration: none;
}

.box .menu li dt a:hover {
	opacity: 0.8;
}

.box .menu li dd {
	margin : 0 0 20px;
	width: 90%;
}

/* search box */

.search_box {
	background: none;
	margin : 0 0 20px;
}

#main .search_box .btn.register {
	margin : 0;
	float: left;
}

.search_box .search {
	width: 40%;
	padding: 6px 10px;
	border: none;
	font-size: 100%;
}

.search_box .search_submit {
	padding: 5px 20px;
	border: none;
	cursor: pointer;
	background: #e09529;
	color : #fff;
	font-size: 100%;
}

.search_box .search_submit:hover {
	opacity: 0.8;
}



/* common parts */
a.pdf {
	background: transparent url("/common/img/icon_pdf.png") no-repeat left top;
	background-size: 22px 24px;
	padding: 5px 0 5px 30px;
	min-height: 24px;
}

.btn_wrapper {
	text-align: center;
	width: 100%;
	clear: both;
}

#main .btn_wrapper.mb0 {
	text-align: left;
}

.btn_wrapper .btn {
	display: inline-block;
	margin : 40px 10px 15px !important;
}

#main .btn_wrapper.mb0 .btn.register {
	margin : 0 0 20px;
	padding: 0;
}

#main .btn.group {

	margin-right : 20px;
}

p.announce {
	background: #f1e0a6;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	padding : 10px 0;
}

p.extension {
	text-align: right;
	margin : 10px 0;
}

/* dragdrop parts */
.dr {
	overflow: hidden;
}

.dr .drop_area {
	width: 354px;
	background: #f4f4f4;
	height: 500px;
	border: 4px dotted #ccc;

}

.dr .drag_area {
	width: 361px;
	float: left;
	position: relative;
	left : 40px;
	background-size: 70%;
}

.dr .drag_wrapper {
	background: #fff;
	padding: 20px 10px;
	height: 540px;
	overflow: scroll;

}

.dr .drag_box  {
	width: 40%;

	position: relative;
	top : -500px;
	height: 500px;
	left : 0;
	z-index: 50;
	overflow:scroll;
	padding: 0 0 0 380px;
	
}

.dr .drag_box li {
	margin : 0 0 20px;
	overflow: hidden;
	clear: both;
	z-index: 50;
	width: 200px;
}

.dr .drag_box li input {
	float : left;
}

.dr .drag_box li img {
	width : 50%;
	height : auto;
	float : left;
}

.dr .drag_box li img {
	width: 85%;
}

.dr .drag_box li.long img {
	width : 90%;
}

.dr .message {
	margin : 0 0 10px;
	font-weight: bold;
	font-size: 110%;
}

select.select_box {
	min-width: 200px;
	font-size : 110%;
}

.download {
	background: #ccc;
	width: 200px;
	margin : 0 0 0 100px;
	padding: 7px 30px;
	text-align: center;
	float: right;
}

.download a {
	text-decoration: none;
	font-weight: bold;
	color : #000;
	width: 100%;
}

.form_box {
	overflow: hidden;
}

.form_box form  {
	margin : 0 0 0 40px;
	width: 70%;
	float : right;
	text-align: right;
}

.form_box form .search {
	width : 60%;
}

.tableBox.left {
	width : 35%;
	float: left;
}

.dr.right {
	width : 63%;
	float: right;
}

.dr.right .drop_area {
	width : 354px;
	height: 500px;
	margin-right: 3%;
	background: transparent url("/img/cassette/try_image-1.jpg");
}

.dr .drop_area.float {
	float: left;
}

.dr .drop_area.overflow {
	height : 500px;
	width: 370px;
	overflow-y: scroll;
}

.dr .drop_area.overflow img {
	margin : 0 0 20px;
}

.dr.right .drag_area {
	width : 100%;
	position : relative;
	left : 0;
}

.dr.right .drag_area .drag_wrapper {
	width : 100%;
	height: 500px;
	position: relative;
}



#main .tableBox.style2 {
	padding-bottom: 0;
	margin-bottom: 30px;
}

#main .tableBox.style2 table {
	border: 1px solid #63a5b5;
	border-collapse: collapse;
}

#main .tableBox.style2 th {
	border-top: 1px solid #2c7e93 !important;
	border-left: 1px solid #63a5b5 !important;
	border-bottom: 1px solid #2c7e93 !important;
	padding: 12px;
}

#main .tableBox.style2 td {
	border: 1px solid #94b9c2 !important;
	text-align: left;
	padding: 8px 14px;
}

#main .tableBox.style2 td input,
#main .inner_table.style2 td input,
#main .tableBox .text_left td input {
	width: 100%;
	border: none;
	/* -webkit-appearance: none; */
	background: #fff;
	box-shadow: 0 0 3px #abbec3 inset;
	font-size: 16px;
	padding: 10px 0;
	text-indent: 1em;
}

#main .tableBox td.calendar input {
	width: 88%;
}

#main .tableBox td.calendar img {
	width: 8%;
	max-width: 28px;
	height: auto;
	max-height: 28px;
	margin-left: 2%;
	position: relative;
	top: -16px;
	right: -2px;
}

#main .tableBox.style2 td.calendar img:hover {
	cursor: pointer;
}

#main .cassette_box ul {
	width: 250px;
	float: left;
}

#main .cassette_box ul li {
	margin : 0 0 50px;
}

#main .cassette_info {
	width: 70%;
	float: left;
}

#main .cassette_info table {
	margin : 0 0 20px;
}

/*------------------------------------
　　　			side
------------------------------------*/

#container .toggleBtn#show {
	width: 20%;
	height: 100%;
	background: #f8f8f8;
	position: absolute;
	top: 0;
	left: 0;
}

#container .toggleBtn span {
	display: block;
	width: 16px;
	background: #e7ebee;
	border-radius: 10px;
	font-size: 10px;
	font-weight: bold;
	color: #2c2c2c;
	line-height: 1;
	position: relative;
	top: 6px;
	left: 8px;
}

#container .toggleBtn span:hover {
	cursor: pointer;
}

#container .toggleBtn#show span {
	box-shadow: 0 0 3px #6f97a1;
}

#container .toggleBtn#hide span {
	border-bottom: 1px solid #161616;
	position: absolute;
	top: 6px;
	left: auto;
	right: 15px;
}

#container aside#side {
	display: block;
	overflow: hidden;
	width: 19.9%;
	height: 100%;
	background: #004da0;
	overflow: hidden;
	position: relative;
}

#container aside#side nav {
	border-top: 1px solid #3d3d3d;
	margin-top: 28px;
}

#container aside#side nav li.btn {
	background-image: url(../../common/img/icon_arrow_right.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-color : #f6faff;
	/*border-bottom: 1px solid #161616;*/
}

#container aside#side nav li.btn a,
#container aside#side nav li.btn span {
	display: block;
	width: 1000px;
	border-bottom: 1px dotted #004da0;
	/*font-size: 18px;*/
	font-weight: bold;
	color: #fff;
	line-height: 120%;
	padding: 18px 0 18px 28px;
	font-size : 15px;
	color : #000;
}

#container aside#side nav li.btn:hover {
	background-color: #a6c8ed;
}

#container aside#side nav li.target {
	display: none;
	border-bottom: 1px solid #161616;
}

#container aside#side nav li.target a {
	display: inline-block;
	width: 1000px;
	border-bottom: 1px solid #3d3d3d;
	font-size: 90%;
	font-weight: bold;
	color: #fff;
	line-height: 120%;
	padding: 12px 0 12px 28px;
}

#container aside#side nav li.btn:first-child {
	border-top: 1px solid #1d6ec5;
}

#container aside#side nav li.current a,
#container aside#side nav li.target a:hover {
	background-color: #2e72a6;
}

#container aside#side nav li.current {
	background-color: #2e72a6;
}

#container aside#side nav li.bottom_menu {
	padding: 5px 0 5px 15px;
	color : #fff;
	cursor : pointer;
}

#container aside#side nav li.bottom_menu:after {
	content:"▼";
	font-size: 12px;
	padding: 0 0 0 5px;
}

#container aside#side nav li.bottom_menu.up_arrow:after {
	content:"▲";
	font-size: 12px;
	padding: 0 0 0 5px;
}

@media screen and (max-width: 950px) {
	#container aside#side nav li.btn a,
	#container aside#side nav li.btn span {
	/*width: 6em;*/
	padding: 18px 0 18px 20px;
	}
}
@media screen and (max-width: 650px) {
	#container aside#side nav li.btn a,
	#container aside#side nav li.btn span {
	width: 6em;
	font-size: 14px;
	padding: 18px 0 18px 15px;
	}
}

/*ページング*/

.inner .wrap ul.paging {
	overflow : hidden;
	text-align : center;
	position : relative;
	z-index : 99;
}

.inner .wrap ul.paging li {
	display : inline-block;
	margin : 0 5px 0 0;
}

.inner .wrap ul.paging li.focus{
	padding : 5px 8px;
}

.inner .wrap ul.paging li a {
	padding : 5px 8px;
	display : block;
	border : solid 2px #b4c3ce;
	background-color : #fff;
	color : #000;
}

.inner .wrap ul.paging li.focus,
.inner .wrap ul.paging li a:hover {
	border : solid 2px #2e72a6;
	background-color : #2e72a6;
	color : #fff;
}

.inner .wrap ul.paging li.dot {
	border : none;
	padding : 0 8px;
	position : relative;
	top : 7px;
	background-color : #d6dbdf;
}

.inner .wrap table {
	margin : 10px 0;
}

/*--------------------------------------
						admin
--------------------------------------*/

.error-message,
.error-message li {
	margin : 10px 0 0;
	color : #ff0000;
}

#main .tableBox.style2 td {
	overflow : hidden;
}

#main .tableBox.style2 td .checkbox {
	margin : 0 5% 10px 0;
	float : left;
}

#main .tableBox.style2 td .checkbox input {
	width : auto;
	margin :  0 10px 0 0;
	vertical-align : 3px;
}

#container .pagetop {
	z-index : 100;
	bottom : 13px;
	right : 10px;
	background-color : #568eb9;
	position : fixed;
}

#container .pagetop a {
	display : block;
	padding : 8px 15px;
	color : #fff;
	font-size : 14px;
}

/*--------------------------------------
					error
--------------------------------------*/

#error {
	position : relative;
	top : 200px;
}

#error h2 {
	font-weight : bold;
	font-size : 30px;
	text-align : center;
}

#error ul {
	width : 37%;
	margin : 20px auto 50px;
}

#error ul li {
	margin : 0 0 10px;
}

#error p {
	text-align : center;
	margin : 20px auto 0;
	width : 20%;
}

#error p a {
	display : block;
	padding : 10px;
	color : #fff;
	background-color : #2e72a6;
	font-weight : bold;
	font-size : 20px;
}

#error p a:hover {
	opacity : 0.8;
}

/*------------------- flash_message -------------------*/
.message {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	width: 100%;
	text-align: center;
	cursor: pointer;
	opacity: 0.9;
	position: fixed;
	top: 0;
	left: 0;
	padding: 10px;
	margin: 0 auto 30px;
	z-index: 100;
}

.message.success {
	background: #c0e1c6;
	color: #3b3b3b;
}

.message.error {
	background: #ffcaca;
	color: #3b3b3b;
	z-index: 120;
}

.message:before {
	display: inline-block;
	height: 20px;
	width: 20px;
	content: "×";
	background-color: #fff;
	box-shadow: 0px 0px 1px 1px #e3e3e3 inset;
	border-radius: 25px;
	color: #777;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	position: relative;
	top: -1px;
	margin-right: 13px;
}

/*.message.hidden {
	display :  none;
}*/

/*--------------------------------------
--------------------------------------*/

.narrow_cell{ width: 30% !important; }

.ta_r { text-align: right !important; }
.ta_c { text-align: center !important; }

.normal { font-weight : normal !important; }
.bold { font-weight : bold !important; }

.bc_d4{ border-color : #4d4d4d !important; }

.dis_n { display : none !important; }
.dis_n_ { display : none; }

.fl_n {float : none !important; clear  : both !important;}

.center,.slash,.selsect_box {text-align : center !important;}
.right { text-align : right !important; }
.center { text-align : center !important; }

.m_0 { margin : 0 !important; }

.mt_5 {margin-top : 5px !important; }
.mt_10 {margin-top : 10px !important; }
.mt_15 {margin-top : 15px !important; }
.mt_30 {margin-top : 30px !important; }
.mt_150 {margin-top : 150px !important; }
.mt_200 { margin-top: 200px !important; }

.mb_10 {margin-bottom : 10px !important; }
.mb_15 {margin-bottom : 15px !important; }
.mb_30 {margin-bottom : 30px !important; }
.mb_50 { margin-bottom: 50px !important; }

.mr_10p {margin-right : 10% !important; }

.h_45 {height : 45px !important; }

.w_43 {width : 43px !important; }
.w_85 {width : 85px !important; }
.w_165 { width: 165px !important; }

.w_3p {width : 3% !important; }
.w_20p {width : 20% !important; }
.w_45p {width : 45% !important; }
.w_100p {width : 100% !important; }

.right_block {
	display: inline-block;
	text-align: right;
	float: right;
}
.left_block {
	text-align: left;
}

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/ 
}

div#flashMessage {
	border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px 15px 15px 40px;
    font-weight: bold;
}

div#flashMessage.ok {
	background-color : #c8e5bc;
	background : -ms-linear-gradient(top, #dff0d8, #c8e5bc);
	background : -ms-linear-gradient(top,#dff0d8, #c8e5bc);
	background-image: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
    color: #3c763d;
}
div#flashMessage.ng {
	background-color : #e7c3c3;
	background : -ms-linear-gradient(top, #f2dede, #e7c3c3);
	background : -ms-linear-gradient(top,#f2dede, #e7c3c3);
	background-image: linear-gradient(to bottom, #f2dede 0px, #e7c3c3 100%);
    background-repeat: repeat-x;
    border-color: #dca7a7;
    color: #a94442;
}
span.strong-red {
	color: #ff0000;
	font-size: 130%;
	margin-left: 4px;
}


td.tooltip:hover {
     background: #ffffff;     /* IE6以下で必要 */
     text-decoration: none;
}
td.tooltip span {
     display: none;
     padding: 8px;
     font-size: 12px;
     margin-left: 8px;
     line-height: 1.6;
}
td.tooltip:hover span{
     display: inline;
     position: absolute;
     border-radius: 4px;
     background-color: #ffffff;
     border: 2px solid #2a466b;
     color: #000000;
     width: 100px;     /* a.tooltip spanに指定すると、IE6以下でspanの領域でマウスが反応してしまう */
}
/* IE6以下にのみ適用 */
td.tooltip:hover span{
     width: 116px;
}
p.date {
	font-size: 16px;
	border: 1px #2A466B solid;
	background-color: #2A466B;
	color: #fff;
	font-weight: bold;
	padding: 8px 20px;
	margin-top: 20px;
}
p.date span {
	margin-left: 45px;
}
p.date span a {
	color: #fff;
	border: 1px #fff solid;
	padding: 3px 15px;
}
p.date span a:hover {
	color: #2A466B;
	background-color: #fff;
}

a.link_green_btn {
	padding: 15px 25px !important;
	font-weight: bold !important;
}

td p.pre_value {
	color:#d4d4d4;
	font-size: 115%;
	margin: 6px 0px;;
}