@charset "utf-8";
/* CSS Document */

@font-face{font-family:"IonIcons";src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1");src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal}
@import "./pages.css";

html,body
{
	height:100%;
}

body,p,ul,ol,li,h1,h2,h3,h4,h5,h6,dl,dt,dd
{
	margin:0px;
	padding:0px;
	box-sizing: border-box;
}
img {
	max-width: 100%;
	height: auto;
}
em
{
	visibility:hidden;
}
select {
	outline:none;
	text-indent: 0.01px;
	text-overflow: '';
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}
select option{
  background-color: #fff;
  color: #333;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}

body
{
	position:relative;
	left:0;
	width:100%;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:13px;
	line-height:150%;
	color:#222;
	background: #F0F0F0;
	overflow-x:hidden;
}

.clear
{
	clear:both;
	line-height:0px;
	height:0px;
	padding:0;
	margin:0;
}

a:link,a:visited
{
	color: #214FFF;
	text-decoration:underline;
}

a:active,a:hover
{
	color:#CC3333;
	text-decoration:none;
}


/*====================================================
/*　汎用クラス
/*==================================================*/
.alignL
{
	text-align:left;
}

.alignC
{
	text-align:center;
}

.alignR
{
	text-align:right;
}

.caution
{
	color:#FF0004;
}

.attention
{
	color:#FF0004;
	text-decoration:underline;
}

.big
{
	font-size: 140%;
	line-height: 120%;
}

.public
{
	color:#FFFFFF;
}

.unpublic
{
	color:#E5E5E5;
}
.text-danger
{
	color: #DD2326;
}
.text-info
{
	color: #10A68C;
}
.text-primary
{
	color: #166592;
}

/*====================================================
/*　レイアウト
/*==================================================*/
#header
{
	background: #FFF;
	border-bottom: solid 2px #36496D;
	padding: 0;
}

#header_main
{
	overflow:hidden;
	margin:0 auto;
	padding: 0 20px;
}
#header_main .left_box
{
	float:left;
}

#header_main .right_box
{
	overflow:hidden;
	float: right;
	font-size:90%;
}
#header_main .btn_nav {
	position: fixed;
	top: 8px;
	left: 15px;
	width: 30px;
	height: 24px;
	z-index: 3;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all 400ms;
	transition: all 400ms
}
#header_main .btn_nav span {
	position: absolute;
	width: 30px;
	height: 4px;
	background: #666;
	border-radius: 10px;
	-webkit-transition: all 400ms;
	transition: all 400ms
}
#header_main .btn_nav span:nth-child(1) {top: 0;}
#header_main .btn_nav span:nth-child(2) {top: 10px;}
#header_main .btn_nav span:nth-child(3) {top: 20px;}
#header_main .btn_nav.open span {
		background: #fff
}
#header_main .btn_nav.open span {
		width: 24px;
}
#header_main nav {
	position: fixed;
	top: 0;
	left: -300px;
	width: 300px;
	height: 100%;
	padding-top: 50px;
	background:#36496D;
	font-size: 16px;
	box-sizing: border-box;
	z-index: 2
}
#header_main h1
{
	float:left;
	font-size:18px;
	line-height:120%;
	text-align:left;
	margin: 0 15px 5px 50px;
	padding-top:10px;
}

#header_main h1 a
{
	color:#222;
	text-decoration:none;
}

#header_main .button_open a
{
	display:block;
	height:20px;
	background:#D92C2F;
	margin-top: 5px;
	padding:5px;
	color:#FFFFFF;
	cursor:pointer;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-align:center;
	text-decoration:none;
}
#header_main .button_open a:hover
{
	background:#FF484B;
}
#header_main .button_open i
{
	margin-right:5px;
}

#header_main p
{
	float:left;
	margin-right:20px;
	padding-top: 12px;
}
#header_main .button_logout
{
	overflow:hidden;
	float: right;
	line-height:180%;
}
#header_main .button_logout a
{
	display:block;
	color:#FFF;
	background: #333;
	padding: 10px;
	text-decoration:none;
}
#header_main .button_logout a:hover
{
	background:#999;
}

#header_main .button_logout i
{
	margin-right:5px;
}

@media screen and (max-width: 959px) {
	#header_main {
		padding: 0;
	}
	#header_main h1 {
		font-size: 14px;
		letter-spacing: -0.5px;
		margin-left: 40px;
		padding-top: 12px;
	}
	#header_main p.administrator {
		display: none;
	}
	#header_main .btn_nav {
		left:5px;
	}
}

h2
{
	font-size:22px;
	line-height:140%;
	background: #E0F3FC;
	border-bottom: solid 1px #FFF;
	margin:-15px -15px 15px;
	padding:10px;
}

#wrapper
{
	position:relative;
	left:0;
	overflow-x:hidden !important;
	width:100%;
}

#main
{
	width:65%;
	max-width: 800px;
	margin:15px auto;
}

@media screen and (max-width: 959px) {
	#index_page .btn_nav {
		display: none;
	}
	#index_page #header_main h1 {
		margin-left: 15px;
		padding-bottom: 7px;
	}
	#main {
		width: 100%;
		max-width: unset;
	}
	h2 {
		margin: -15px 0 15px;
	}
	#index_page .box {
		margin: 0 15px 15px;
	}
	#index_page .box dl {
		width: 100%;
	}
	#index_page .box dt {
		float: none;
		margin-bottom: 10px;
	}
	#index_page .box dd {
		margin-left: 0;
	}
	#index_page .box dd input {
		max-width: 100%;
	}
}
/*
#wrapper.open #main
{
//	margin-left:30px !important;
}
*/
.pagetop
{
	font-size:90%;
	margin:0 0 10px;
	text-align:right;
}
footer {
	margin-top: 60px;
}
footer p
{
	font-size:90%;
	color:#FFF;
	background: #36496D;
	clear:both;
	width:100%;
	border-top:solid 1px #CCCCCC;
	padding:30px 0;
	text-align:center;
}

/*====================================================
/*　左サイドバー
/*==================================================*/
#panel
{
//	position:fixed;
	top:70px;
//	left:-240px;
	width:240px;
	height:100%;
	background:#EEEEEE;
	float:left;
}

#panel ul li
{
	font-weight:bold;
	list-style:none;
	color:#FFFFFF;
	background:#9E9E9E;
	border-bottom:solid 1px #CCCCCC;
	margin:0;
	padding:10px;
}

#panel ul li:last-child
{
	border-bottom:none;
}

#panel ul li ol
{
	border-top:solid 1px #CCCCCC;
	margin:10px -10px -10px;
}

#panel ul li ol li
{
	font-weight:lighter;
	padding:0;
}

#panel ul li ol li:last-child
{
	border-bottom:none;
}

#panel ul li ol li a
{
	display:block;
	background:#EEEEEE;
	padding:10px 15px;
}

#panel ul li ol li a:hover
{
	background:#FFF9E0;
}

/*====================================================
/*　汎用
/*==================================================*/
.box
{
	overflow: hidden;
	background: #FFF;
	border:solid 1px #CCCCCC;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin-bottom:20px;
}
.box.sub {
	background: #E8E8E8;
}
.box h3
{
	font-size:18px;
	line-height:150%;
	background:#FFFFFF;
	background:-moz-linear-gradient(top,#FFFFFF 0%,#F2F2F2 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFFFFF),color-stop(100%,#F2F2F2));
	background:-webkit-linear-gradient(top,#FFFFFF 0%,#F2F2F2 100%);
	background:-o-linear-gradient(top,#FFFFFF 0%,#F2F2F2 100%);
	background:-ms-linear-gradient(top,#FFFFFF 0%,#F2F2F2 100%);
	background:linear-gradient(to bottom,#FFFFFF 0%,#F2F2F2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#F2F2F2',GradientType=0);
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	margin-bottom:12px;
	padding:10px;
}
.box.sub h3 {
	border-bottom: solid 1px #CCC;
}
.box #cke_mail_template_content {
	width: auto !important;
}
.box h4
{
	font-size:16px;
}

.box h4.alignC
{
	margin-bottom:12px;
}

.box p
{
	padding:0 15px 15px;
}
.box p.btn_search {
	cursor: pointer;
	display:block;
	width: 36%;
	color: #FFF;
	background: #d92c2f;
	margin: 0 auto 15px;
	padding:10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-decoration:none;
	text-align: center;
}
.box p.btn_search:hover {
	background: #ff484b;
}
.box p strong
{
	font-size:140%;
	line-height:150%;
	color:#E52F32;
}

.box td p
{
	padding:0 0 15px;
}

.box table
{
	width:96.5%;
	font-size: 14px;
	border-collapse:collapse;
	margin:0 15px 15px;
	box-sizing: border-box;
}
.box tr:hover {
	background: #fffded;
}
.box th
{
	font-weight: normal;
	background:#f2f2f2;
	border:solid 1px #CCCCCC;
	padding:8px;
	text-align: left;
}

.box td
{
	border:solid 1px #CCCCCC;
	padding:8px 10px;
}
.box td input[type="text"],
.box td textarea {
	width: 96%;
	border: solid 1px #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px;
	padding: 8px;
}
.box td.bdr_double input[type="text"] {
	border: solid 2px #999;
}
.box td select {
	position: relative;
	max-width: 100%;
	background: #ebebeb;
	border: none !important;
	padding: 10px 30px 10px 10px;
	cursor: pointer;
}
.box td input[type="button"] {
	color: #FFF;
	background: #2B7696;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none !important;
	padding: 8px 10px;
}
.box td input[type="text"],
.box td select,
.box td input[type="button"],
.box td textarea
{
	font-size: 14px;
	line-height: 1.5;
}
.box td input.w80 {
	width: 80px;
}
.box td input.w100 {
	width: 100px;
}
.box td input.w150 {
	width: 150px;
}
.box td input.w300 {
	width: 300px;
}
.box td strong
{
	font-size:140%;
	line-height:150%;
}

.box td ul li
{
	float:left;
	list-style:none;
	margin-right:15px;
}

.box td ol li
{
	list-style:none;
	margin-bottom:3px;
}

.box td ol li:last-child
{
	margin-bottom:0;
}

.box dl
{
	width:80%;
	margin:0 auto 20px;
}

.box dt
{
	float:left;
	clear:left;
	font-size:120%;
	font-weight:bold;
	padding-top:10px;
}

.box dd
{
	margin-left:120px;
	margin-bottom:10px;
}

/* form */
.box form
{
	padding:0 15px 15px;
}

.box form input
{
	font-size:15px;
	line-height:160%;
	display:inline-block;
	max-width:80%;
	border:solid 1px #CCCCCC;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin-right:10px;
	padding:5px 7px;
	box-sizing: border-box;
}

/* Pager */
.number
{
	font-size:15px;
	line-height:150%;
	width:96%;
	text-align:center;
	border-bottom:solid 1px #CCCCCC;
	margin:0 auto 10px;
	padding:6px 0;
}

.number strong
{
	font-size:140%;
	line-height:150%;
	color:#EF383B;
	display:inline-block;
	padding:0 2px;
}

.pager
{
	font-size:14px;
	line-height:140%;
	overflow:hidden;
	text-align:center;
	margin:12px auto;
}

.pager span.pager_current,.pager a
{
	display:inline-block;
	border:solid 1px #CCCCCC;
	margin:2px;
	padding:2px 7px;
	text-decoration:none;
}

.pager span.pager_current
{
	background:#DCDCDC;
}

.pager a:hover
{
	background:#FFFB91;
}

.pager a.pager_prev,.pager a.pager_prev:hover,.pager a.nextprev,.pager a.nextprev:hover
{
	background:none;
	border:none;
	padding:0;
}

/*====================================================
/*　詳細ページ
/*==================================================*/
/* 顧客一覧 */
.mail_ok {
	display: inline-block;
	background: #FFE83F;
	margin-left: 15px;
	padding: 5px 10px;
}
.mail_ng {
	display: inline-block;
	background: #B5C3CE;
	margin-left: 15px;
	padding: 5px 10px;
}


span.must
{
	font-size:80%;
	font-weight:lighter;
	float:right;
	display:inline-block;
	color:#FFFFFF;
	background:#EF383B;
	padding:1px 5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

h4.alignC a
{
	display:block;
	width:97%;
	background:#C9C9C9;
	background:-moz-linear-gradient(top,#C9C9C9 0%,#AAA 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#C9C9C9),color-stop(100%,#AAA));
	background:-webkit-linear-gradient(top,#C9C9C9 0%,#AAA 100%);
	background:-o-linear-gradient(top,#C9C9C9 0%,#AAA 100%);
	background:-ms-linear-gradient(top,#C9C9C9 0%,#AAA 100%);
	background:linear-gradient(to bottom,#C9C9C9 0%,#AAA 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C9C9C9',endColorstr='#AAA',GradientType=0);
	border:solid 1px #C9C9C9;
	margin:0 auto;
	padding:15px 0;
}

.url
{
	margin-bottom: 30px;
}
.url a
{
	font-size:120%;
	line-height:150%;
	font-weight:bold;
	display:block;
	text-align:center;
	background:#FFFDDB;
	border:solid 1px #CCCCCC;
	padding:10px 0;
	text-decoration:none;
}

.url a:hover
{
	background:#FFFB91;
}


/*---------CTI_renew---------*/
#cti_date {
	padding: 10px 0 20px;
}
.box.cti_renew
{
	padding:10px 15px 10px;
	margin-bottom:0;
	border:none;
}
.box.cti_renew table
{
	width:100%;
	margin:0;
}
.box.cti_renew table th,
.box.cti_renew table td
{
	font-size: 0.85rem;
	padding:5px;
	vertical-align:middle;
}
.box.cti_renew table td.bold {
	font-size: 0.98rem;
}
.box.cti_renew table th {
		font-size: 12px;
		letter-spacing: -0.5px;
		white-space: nowrap;
		text-align: left;
}
.cti_hr
{
	color:#CCCCCC;
}
.cti_renew_list a
{
	color:#222;
	text-decoration:none;
	display:block;
	border:2px solid #CCCCCC;
	font-size:120%;
}
.cti_renew_list a:hover
{
	background:#FDFFC0 none repeat scroll 0 0;
}

/*---------横４列並び---------*/
.box_4line {
	width: 25%;
	padding-right: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#cti_main section:nth-child(4n) {
	padding-right: 0;
}
@media screen and (max-width: 959px) {
	.box table {
		margin-left:0;
		margin-right: 0;
	}
	.box td select {
		width: 100%;
	}
	.box.cti_renew th,
	.box.cti_renew td,
	.box.search th,
	.box.search td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.box.cti_renew table th {
		white-space: inherit;
	}
	.box.search table td {
		border-top: none;
	}
	.cti_renew_box {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap    : wrap;
		flex-wrap        : wrap;
	}
	.box_4line {
		-webkit-flex-grow: 1;
		flex-grow: 1;
		width: 50%;
		margin-bottom: 30px;
	}
	#cti_main section:nth-child(2n) {
		padding-right: 0;
	}
	.box.connect_list {
	}
	.box p.btn_search {
		width: 100%;
	}
	.scroll-table {
		overflow: auto;
		white-space: nowrap;
	}
	.scroll-table:before {
		content: "※右にスクロールできます。";
		display: block;
		color: #FF0000;
	}
	.scroll-table .box table {
		margin-left: 15px;
		margin-right: 15px;
	}
}
@media screen and (max-width: 600px) {
	.box_4line {
		width: 100%;
		padding-right: 0;
	}
}


/*----------TOPアイコン付きボタン-------------*/
ul.list_01_menu,
ul.list_02_menu,
ul.list_03_menu,
ul.list_04_menu {
	overflow: hidden;
	max-width: 800px;
	margin: 0 auto 20px;
	padding: 20px 20px 0;
	text-align: center;
}
ul.list_01_menu li {
	list-style: none;
	width: 100%;
	margin: 0 auto;
}
ul.list_02_menu li {
	list-style: none;
	float: left;
	width: 46.6533%;
	margin: 0 3.33333%;
}
ul.list_03_menu li {
	list-style: none;
	float: left;
	width: 28.8333%;
	margin: 0 3.33333%;
}
ul.list_04_menu li {
	list-style: none;
	float: left;
	width: 20%;
	margin: 0 3.33333%;
}
ul.list_01_menu li a,
ul.list_02_menu li a,
ul.list_03_menu li a,
ul.list_04_menu li a {
	display: block;
	color: #222;
	border: solid 2px #CCC;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 0 auto;
	padding: 10px 0;
	text-decoration: none;
}
ul.list_01_menu p,
ul.list_02_menu p,
ul.list_03_menu p,
ul.list_04_menu p {
	min-height: 2em;
	font-size: 16px;
	font-weight: bold;
	line-height: 120%;
	padding: 10px 0;
}
ul.list_01_menu li a:hover,
ul.list_02_menu li a:hover,
ul.list_03_menu li a:hover,
ul.list_04_menu li a:hover {
	border: solid 2px #E02C2C;
}
ul.list_01_menu img,
ul.list_02_menu img,
ul.list_03_menu img,
ul.list_04_menu img {
	display: inline-block;
	max-width: 60%;
	vertical-align: bottom;
}

/* 各リスト最初と最後の余白調整用 */
ul.list_02_menu li:first-child,
ul.list_03_menu li:first-child,
ul.list_04_menu li:first-child {
	margin-left: 0;
}
ul.list_02_menu li:last-child,
ul.list_03_menu li:last-child,
ul.list_04_menu li:last-child {
	margin-right: 0;
}


/* top_news */
.box.news dl
{
	overflow: hidden;
	margin:0 auto;
}

.box.news dt
{
	font-size:100%;
	font-weight: lighter;
	color: #666;
	padding-top: 0;
}

.box.news dd
{
	margin-left:100px;
	margin-bottom:20px;
}

/*====================================================
/*　ボタン関係
/*==================================================*/
/*
.btn_01 a
{
	font-size:16px;
	line-height:150%;
	display:block;
	width:250px;
	margin:0 auto 20px;
	padding:10px 0;
	text-align:center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
*/
ul li a {
	box-sizing: border-box;
}
ul.btn_list_01
{
	overflow:hidden;
	width:90%;
	margin:0 auto 15px;
	text-align:center;
}
ul.btn_list_01 li
{
	display:inline-block;
	list-style:none;
	width:45%;
	text-align:center;
	padding:10px;
}
p.btn_list_01
{
	overflow:hidden;
	width:45%;
	text-align:center;
	margin:0 auto 15px;
	padding:10px;
}
.btn_list_01 a
{
	display:block;
	width: 100%;
	min-width: 200px;
	margin: 0 auto;
	padding:10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-decoration:none;
}

ul.btn_list_02
{
	overflow:hidden;
	width:90%;
	margin:0 auto 15px;
}

ul.btn_list_02 li
{
	float:left;
	list-style:none;
	width:45%;
	text-align:center;
	padding:10px;
}

ul.btn_list_02 li a
{
	display:block;
	width: 50%;
	min-width: 200px;
	margin: 0 auto;
	padding:10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-decoration:none;
}

ul.btn_list_03
{
	overflow:hidden;
	width:90%;
	margin:0 auto 15px;
}

ul.btn_list_03 li
{
	float:left;
	list-style:none;
	width:30%;
	text-align:center;
	padding:10px;
}

ul.btn_list_03 li a
{
	display:block;
	padding:10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-decoration:none;
}

ul.btn_list_04
{
	overflow:hidden;
	width:90%;
	margin:0 auto 15px;
	text-align:center;
}

ul.btn_list_04 li
{
	display:inline-block;
	list-style:none;
	width:20%;
	text-align:center;
	padding:10px;
}

ul.btn_list_04 li a
{
	display:block;
	padding:10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-decoration:none;
}

ul.btn_list_05
{
	overflow:hidden;
	width:90%;
	margin:0 auto 15px;
	text-align:center;
}

ul.btn_list_05 li
{
	display:inline-block;
	list-style:none;
	width:16%;
	text-align:center;
	padding:10px;
}

ul.btn_list_05 li a
{
	display:block;
	padding:10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-decoration:none;
}
.delete {
	float: right;
	padding: 0 15px 15px;
}
.delete a {
	font-size: 85%;
	display: block;
	color: #FFF;
	background: #C51D20;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding: 10px;
	text-decoration: none;
}
.delete a:hover {
	background: #8E2728;
}
@media screen and (max-width: 959px) {
	ul.btn_list_01 {
		width: 100%;
	}
	ul.btn_list_01 li,
	ul.btn_list_02 li,
	ul.btn_list_03 li,
	ul.btn_list_04 li,
	ul.btn_list_05 li {
		width: 100%;
	}
}

/* COLOR */
a.red,
.red a,
input.red,
.red input
{
	font-weight:bold;
	color:#FFFFFF;
	text-shadow:0 2px 2px #8E1212;
	background:#EA4646;
	background:-moz-linear-gradient(top,#EA4646 0%,#CC0A0A 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#EA4646),color-stop(100%,#CC0A0A));
	background:-webkit-linear-gradient(top,#EA4646 0%,#CC0A0A 100%);
	background:-o-linear-gradient(top,#EA4646 0%,#CC0A0A 100%);
	background:-ms-linear-gradient(top,#EA4646 0%,#CC0A0A 100%);
	background:linear-gradient(to bottom,#EA4646 0%,#CC0A0A 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EA4646',endColorstr='#CC0A0A',GradientType=0);
	border:none !important;
	cursor:pointer;
	text-decoration:none;
}
a.red:hover,
.red a:hover,
input.red:hover,
.red input:hover
{
	text-shadow:0 2px 0 #D60003;
	background:#D60003;
	background:-moz-linear-gradient(top,#D60003 0%,#F20408 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#D60003),color-stop(100%,#F20408));
	background:-webkit-linear-gradient(top,#D60003 0%,#F20408 100%);
	background:-o-linear-gradient(top,#D60003 0%,#F20408 100%);
	background:-ms-linear-gradient(top,#D60003 0%,#F20408 100%);
	background:linear-gradient(to bottom,#D60003 0%,#F20408 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D60003',endColorstr='#F20408',GradientType=0);
	border:solid 1px #D60003;
}
a.gray,
.gray a,
input.gray,
.gray input
{
	font-size: 110%;
	font-weight:bold;
	color:#FFF;
	background: #B5B5B5;
	cursor:pointer;
	text-decoration:none;
}
a.gray:hover,
.gray a:hover,
input.gray:hover,
.gray input:hover
{
	background: #666;
}
a.dark,
.dark a,
input.dark,
.dark input
{
	font-size: 110%;
	font-weight:bold;
	color:#FFF;
	background: #19313D;
	cursor:pointer;
	text-decoration:none;
}
a.dark:hover,
.dark a:hover,
input.dark:hover,
.dark input:hover
{
	background: #325C70;
}
input.blue,
.blue input,
.blue a,
a.blue
{
	font-size: 110%;
	font-weight:bold;
	color:#FFFFFF;
	background: #2B7696;
	cursor:pointer;
	text-decoration:none;
}
input.blue:hover,
.blue input:hover,
.blue a:hover,
a.blue:hover
{
	background: #4099BC;
}

.bg_gray
{
	background:#C9C9C9;
}

#main_column_one
{
	margin:15px;
}

#main_column_two
{
	margin:15px 15px 15px 255px;
}

#panel_column_two
{
	width:240px;
	height:100%;
	background:#FFF;
	float:left;
}
#panel_column_two ul li
{
	font-size: 120%;
	line-height: 140%;
	font-weight:bold;
	list-style:none;
	background: #E3E3E3;
	margin:0 0 1px;
	padding:10px;
	cursor: pointer;
}
#panel_column_two ul li span.right i.fa {
	display: block;
	font-size: 120%;
	float: right;
	padding-top: 2px;
}
#panel_column_two ul li:hover {
	background: #EFB6B6;
}
#panel_column_two ul li:hover span.right i.fa {
	position: relative;
	top: 3px;
}
#panel_column_two ul li:last-child
{
	border-bottom:none;
}

#panel_column_two ul li ol
{
	margin:10px -10px -10px;
}

#panel_column_two ul li ol li
{
	font-size: 90%;
	font-weight:lighter;
	border-bottom:solid 1px #CCCCCC;
	margin-bottom: 0;
	padding:0;
}

#panel_column_two ul li ol li:last-child
{
	border-bottom:none;
}

#panel_column_two ul li ol li a
{
	display:block;
	color: #222;
	background:#FFF;
	padding:10px 15px 10px 30px;
}

#panel_column_two ul li ol li a:hover
{
	background:#FFF9E0;
}

.bg_close
{
	background:#DDDDDD;
}

/* headerのとき */
#header_main #panel_column_two {
	float: none;
	width: 100%;
	height: auto;
	background: none;
	font-size: 13px;
	color: #FFF;
	box-sizing: border-box;
	padding: 0 15px;
}
#header_main #panel_column_two ul li {
	background: none;
}
#header_main #panel_column_two ul li:hover {
	background: #61b5c2;
}
#header_main #panel_column_two i {
	color: #FFF;
}
#wrapper #panel_column_two { display: none !important; }
#wrapper #main_column_two { margin: 15px; !important; }

/* ---------------------------------------------------- */
/* エラー用 */
/* ---------------------------------------------------- */
.bg_error
{
	background:#FF8C00;
}
.text_error
{
	color:#FF0000;
}

/* ---------------------------------------------------- */
/* 画像登録 */
/* ---------------------------------------------------- */
.box th span.mini {
	font-size: 85%;
	font-weight: lighter;
}
.box td .upload {
	display: inline-block;
	margin-bottom: 20px;
	text-align: center;
	border: dotted 1px #CCC;
	padding: 0;
}
.switch_button02 {
	overflow: hidden;
	text-align: right;
}
.switch_button02 dt,
.switch_button02 dd {
	display: inline-block;
}
.switch_button02 dd a {
	display: block;
	padding: 10px;
	background: #FFF;
	border: solid 1px #CCC;
	border-bottom: none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-decoration: none;
}
.switch_button02 dd.noactive a {
	color: #666;
	background: #f2f2f2;
}