@charset "UTF-8";
/*body*/
body {
/*
	background : #fef1f1;
*/
	padding : 0px;
	margin : 0px;
	color : #333333;
	font-size : 14px;
	font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/*link*/
a{/*リンクされた文字*/
	color : #2a66c2;
	text-decoration:none;
}
a:link {/*未訪問のリンク*/
	color : #2a66c2;
}
a:visited {/*訪問後のリンク*/
	color : #2a66c2;
}
a:hover {/*マウスをのせたとき*/
	color:#a40000;
}
a:active {/*クリック中*/
	color:#a40000;
}


/*Topページ*/
#headerTopLine {
	width : 100%;
	border-top : 3px solid #bdbdbd;
}

#headerTopLineBlueSpace {
	width : 1400px;
	margin : -3px auto 0;
	overflow : hidden;
}

#headerTopLineBlue {
	width : 631px;
	border-top : 3px solid #3a9de9;
	float : right;
}

#headerNavi {
	width : 1400px;
	margin : 0 auto;
}

#headerNavi ul {
	list-style : none;
	float : right;
	width : 630px;
	border-left : 1px dotted #d9d9d9;
	overflow : hidden;
}

#headerNavi ul li {
	list-style : none;
}

.headerNaviLink{
	float : left;
	width : 150px;
}

.headerNaviLink a {
	display : block;
	padding : 10px 0;
	border-right : 1px dotted #d9d9d9;
	text-align : center;
	text-decoration : none;
	color : #666666;
	font-weight : bold;
	width : 149px;
}

.headerNaviLink a:hover {
	background-color : #e9f3f8;
}

.logoutSpace{
	padding-top : 4px;
	text-align : center;
	border-right : 1px dotted #d9d9d9;
}

.btnLogout {
	border:1px solid #BBBBBB;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:120px;
	padding: 5px;
	font-weight:bold;
	text-align: center;
	color: #666666;
	background-color: #DFDFDB;
	cursor : pointer;
}

.btnLogout:hover{
	border:1px solid #afafa5;
	background-color: #c7c7c0;
}

#headerBottomLine {
	width : 100%;
	border-top : 1px solid #d9d9d9;
}

#brand {
	width : 1400px;
	margin : 10px auto 10px;
}

#shopAddress {
	width : 500px;
	height : 85px;
	border : 1px solid #d9d9d9;
	padding : 2px;
	float : right;
}

#shopAddressContent{
	width : 490px;
	height : 75px;
	color : #7d7d7d;
	background-color : #f0f0ec;
	padding : 10px 0 0 10px;
	position: relative;
}

.qrArrow {
	position: relative;
/*
	background: #dfdfdb;
*/
	background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #F1F1ED 100%);
	background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #F1F1ED 100%);
	background-image: -o-linear-gradient(top left, #FFFFFF 0%, #F1F1ED 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #F1F1ED));
	background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #F1F1ED 100%);
	background-image: linear-gradient(to bottom right, #FFFFFF 0%, #F1F1ED 100%);
	border: 1px solid #d3d3d3;
	font-size : 12px;
	padding : 3px 0;
	width : 80px;
	color : #7d7d7d;
	margin-left : 20px;
	float : left;
	display : block;
}

.qrArrow:hover {
	color : #a40000;
}
.qrArrow:after, .qrArrow:before{
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.qrArrow:after {
	border-color: rgba(223, 223, 219, 0);
	border-right-color: #fefefe;
	border-width: 10px;
	top: 50%;
	margin-top: -10px;
}
.qrArrow:before {
	border-color: rgba(211, 211, 211, 0);
	border-right-color: #d3d3d3;
	border-width: 12px;
	top: 50%;
	margin-top: -12px;
}

.qrAppStore {
	position: absolute;
	top: 40px;
	right: 10px;
	background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #F1F1ED 100%);
	background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #F1F1ED 100%);
	background-image: -o-linear-gradient(top left, #FFFFFF 0%, #F1F1ED 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #F1F1ED));
	background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #F1F1ED 100%);
	background-image: linear-gradient(to bottom right, #FFFFFF 0%, #F1F1ED 100%);
	border: 1px solid #d3d3d3;
	font-size : 12px;
	width : 140px;
	color : #7d7d7d;
	display : block;
	text-align: center;
}

.btnCustomerCount {
	background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #F1F1ED 100%);
	background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #F1F1ED 100%);
	background-image: -o-linear-gradient(top left, #FFFFFF 0%, #F1F1ED 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #F1F1ED));
	background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #F1F1ED 100%);
	background-image: linear-gradient(to bottom right, #FFFFFF 0%, #F1F1ED 100%);
	border: 1px solid #d3d3d3;
	font-size : 14px;
	width : 140px;
  margin: 28px auto;
  padding: 6px;
	color : #7d7d7d;
	display : flex;
  justify-content: center;
  align-items: center;
}

.qrAppStore:hover,
.btnCustomerCount:hover {
	color : #a40000;
}





.shopAddressType {
	display : block;
	width : 130px;
	float : left;
	text-align : right;
	padding-right : 3px;
	margin-bottom : 5px;
}

.shopAddressColon {
	display : block;
	width : 3px;
	float : left;
	text-align : right;
	padding-right : 15px;
	margin-bottom : 5px;
}

.shopAddressMail {
	display : block;
/*
	width : 150px;
*/
	float : left;
	margin-bottom : 5px;
}

#brandImg {
	padding : 10px 0 0 50px;
}

#loginUser {
	float : right;
	margin : 20px;
}

#loginUser p {
	color : #777471;
	font-size : 14px;
	margin-bottom : 10px;
	font-weight : bold;
	text-align : right;
}

.crossLine {
	width : 100%;
	height : 9px;
	background-image : url(../../img/common/bg_account.gif);
	background-repeat: repeat-x;
}

#account {
	width : 100%;
	background-color : #777471;
}

#accountArea {
	width : 1400px;
	margin : 0 auto;
}

#accountInfo {
	margin-left : 1100px;
	color : #ffffff;
	padding : 10px 0;
}

.accountName {
	font-size : 16px;
	font-weight : bold;
	margin-bottom : 3px;
}

.accountNo {
}

#accountData {
	float : left;
	border : 1px solid #686868;
	margin-right : 25px;
	margin-top : -20px;
}

.accountDataSpace {
	width : 180px;
	height : 100px;
	padding : 10px;
	float : left;
	border-left : 1px solid #ffffff;
	border-right : 1px solid #c7c7c7;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E1E1DD 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E1E1DD 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #E1E1DD 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E1E1DD));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E1E1DD 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #E1E1DD 100%);	
}

.accountDataPopup {
	border : 1px solid #686868;
	margin : 25px auto;
  width: 400px;
  display: flex;
}

.accountDataSpacePopup {
	width : 180px;
	height : 100px;
	padding : 10px;
	border-left : 1px solid #ffffff;
	border-right : 1px solid #c7c7c7;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E1E1DD 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E1E1DD 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #E1E1DD 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E1E1DD));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E1E1DD 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #E1E1DD 100%);	
}


.accountTitle {
	color : #686868;
	font-weight : bold;
}

.accountCount {
	color : #a40000;
	font-size : 26px;
}

.accountUnit {
	color : #101010;
	font-size : 16px;
	font-weight : bold;
}

.accountError {
	color : #101010;
	text-align : center;
}

.accountCountData {
	margin : 15px auto;
	text-align : right;
}

/*content*/
#container {
	width : 1400px;
	margin : 10px auto 20px;
}

#menuArea {
	width : 1100px;
	float : left;
	border : 1px solid #d9d9d9;
	background-color : #f0f0ec;
	padding : 20px 0;
	margin-right : 30px;
}

.menuSpace {
	width : 1060px;
	margin : 0 auto;
	background-color : #ffffff;
	border : 1px solid #d9d9d9;
	overflow : hidden;
}

.menuContents {
	float : left;
	width : 240px;
	padding : 15px 12px;
	/* 右線を100%引くため */
	padding-bottom: 32767px;
	margin-bottom: -32755px;
}

.menuContentsRightLine {
	border-right : 1px solid #d9d9d9;
}

.menuTitle {
	color : #ffffff;
	font-size : 15px;
	font-weight : bold;
	width : 230px;
	padding : 7px 0 7px 10px;
	border-left : 1px solid #6a6a6a;
	border-right : 1px solid #6a6a6a;
	border-bottom : 1px solid #3b3b3b;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #8E8E8E 0%, #737373 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #8E8E8E 0%, #737373 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #8E8E8E 0%, #737373 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8E8E8E), color-stop(1, #737373));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #8E8E8E 0%, #737373 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #8E8E8E 0%, #737373 100%);
}






.menuList {
	margin : 15px 0 15px 25px;
}

.menuList li{
	margin-bottom : 7px;
	list-style-image : url(../../img/common/ic_list.gif);
}

.separateLine {
	border-left : 1px solid #d9d9d9;
	height : 450px;
	margin-top : 30px;
	float : left;
}

#infoArea {
	float : right;
}

#infoAreaApp {
	margin: 30px 0 0 400px;
}

#infoTitle {
	width : 235px;
	height : 29px;
	color : #666666;
	font-weight : bold;
	font-size : 17px;
	padding : 10px 0 0 15px;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(left, #FFFFFF 0%, #EBEBEB 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, #FFFFFF 0%, #EBEBEB 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(left, #FFFFFF 0%, #EBEBEB 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(1, #EBEBEB));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #EBEBEB 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to right, #FFFFFF 0%, #EBEBEB 100%);
}

#infoTitleApp {
	width : 700px;
	height : 29px;
	color : #666666;
	font-weight : bold;
	font-size : 17px;
	padding : 10px 0 0 15px;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(left, #FFFFFF 0%, #EBEBEB 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, #FFFFFF 0%, #EBEBEB 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(left, #FFFFFF 0%, #EBEBEB 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(1, #EBEBEB));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #EBEBEB 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to right, #FFFFFF 0%, #EBEBEB 100%);
}

#infoScroll {
	position: relative;
	overflow : hidden;
	width : 230px;
	height : 450px;
	margin-top : 15px;
	padding : 0 10px;
}

#infoScrollApp {
	position: relative;
	overflow : hidden;
	width : 700px;
	margin-top : 15px;
	padding : 0 10px;
}

.infoMark {
	font-size : 10px;
	color : #a40000;
	margin-right : 5px;
}

#infoScroll ul li,
#infoScrollApp ul li {
	list-style : none;
	text-indent : -0.7em;
	padding : 0 0 0.5em 1em;
}

#infoScroll ul li p,
#infoScrollApp ul li p {
	line-height : 140%;
	font-size : 13px;
}

.infoTitle {
	border-bottom : 1px solid #a40000;
	font-weight : bold;
}

.infoDesc {
	text-indent : 0.01em
}

.infoDate {
	font-size : 12px;
	margin-top : 5px;
	padding-left : 0.7em;
}

.goto {
	float : right;
	font-weight : bold;
	margin-top : 20px;
}

.infoLine {
	border-top : 1px dotted #d9d9d9;
	margin : 10px 0;
}

#totop {
	width : 1400px;
	margin : 0 auto;
}

#totop p {
	text-align : right;
	margin-bottom : -8px;
}

.btn_totop{
	border:1px solid #777471;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	width:100px;
	padding: 7px 10px;
	text-shadow: 0px 0px 0 rgba(0,0,0,0.3);
	text-align: center;
	color: #FFFFFF;
	background-color: #777471;
	cursor : pointer;
}

.btn_totop:hover{
	border:1px solid #5d5a58;
	background-color: #5d5a58;
}


#footerArea {
	width : 100%;
	background-color : #777471;
	height : 60px;
}

#copyright {
	width : 1400px;
	margin : 0 auto;
	color : #ffffff;
	padding-top : 15px;
}

#popupcopyright {
	margin : 0 auto;
	color : #ffffff;
	padding : 15px 0 0 15px;
}

#popupTitle {
	color : #ffffff;
	font-size : 16px;
	font-weight : bold;
	padding : 20px 0 20px 20px;
	border-bottom : 2px solid #3b3b3b;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #8E8E8E 0%, #737373 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #8E8E8E 0%, #737373 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #8E8E8E 0%, #737373 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8E8E8E), color-stop(1, #737373));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #8E8E8E 0%, #737373 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #8E8E8E 0%, #737373 100%);
}

.popupContents {
	border : 1px solid #c2c2c2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding : 10px;
	margin : 30px 20px;
}

.popupClose {
	text-align : right;
	margin : 10px;
}

/*下層ページコンテンツ*/
.contentLine {
	width : 100%;
	border-top : 1px solid #d9d9d9;
	margin-bottom : 5px;
}

#sideMenu {
	width : 240px;
	background-color : #dfe0db;
	padding-bottom : 5px;
	float : left;
	margin-right : 30px;
}

#sideMenuApp {
	width : 240px;
	padding-bottom : 5px;
	float : left;
	margin-right : 30px;
}

.topPage {
	font-size : 12px;
	color : #2a66c2;
	display : block;
	text-decoration : none;
	width : 234px;
	padding-bottom : 5px;
}

.totopPage {
	padding-top : 7px;
}


#sideMenuLine {
	border-top : 3px solid #3a9de9;
	width : 230px;
	margin : 0 auto;
	clear : both;
}

#sideMenuBack {
	background-color : #ffffff;
	width : 230px;
	margin : 0 auto;
	padding : 2px 0;
}

.sideMenuMenu {
	width : 212px;
	margin : 0 auto;
	border-left : 1px solid #6a6a6a;
	border-right : 1px solid #6a6a6a;
	border-bottom : 1px solid #3b3b3b;
	color : #ffffff;
	font-size : 14px;
	font-weight : bold;
	padding : 5px 0 5px 10px;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #8E8E8E 0%, #737373 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #8E8E8E 0%, #737373 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #8E8E8E 0%, #737373 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8E8E8E), color-stop(1, #737373));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #8E8E8E 0%, #737373 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #8E8E8E 0%, #737373 100%);
}

.sideMenuList {
	margin-bottom : 2px;
}

.sideMenuList li{
	width : 205px;
	margin : 2px auto 0;
	background-color : #f0f1ec;
	padding : 3px 0 3px 17px;
/*	
	list-style-image : url(../../img/common/ic_list.gif);
	list-style-position : inside;
*/
	border-left : 1px solid #e6e7e3;
	border-right : 1px solid #e6e7e3;
	border-bottom : 1px solid #c4c4c1;
}

.sideMenuList li a{
	display : block;
	width : 100%;
}

#contents {
	width : 1130px;
	overflow : hidden;
}

#breadcrumb {
	margin : 10px 0;
}

#pageTitle {
	background: -moz-linear-gradient(top, #ffffff, #ececea);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececea));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ececea');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ececea')";
	border : 1px solid #cfcfcf;
}

#pageTitleLine {
	width : 20px;
	height : 5px;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(left, #3A9DE9 0%, #1076C3 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, #3A9DE9 0%, #1076C3 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(left, #3A9DE9 0%, #1076C3 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #3A9DE9), color-stop(1, #1076C3));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, #3A9DE9 0%, #1076C3 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to right, #3A9DE9 0%, #1076C3 100%);	
	float : left;
	margin-top : 20px;
}

#pageTitle h1 {
	padding: 10px 30px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
}

.explain {
	margin : 30px 0;
	line-height : 150%;
}

.listArea {
	border : 1px solid #d6e2e6;
	background-color : #e9f2f5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding : 20px 20px 0;
	width : 90%;
	margin : 0 auto;
}

.listArea ul {
	list-style : none;
}
.listArea ul li, .listArea ul li a {
	min-height : 30px;
	line-height : 30px;
	position:relative;
	display : block;
}

.listArea ul li {
	border : 1px solid #66909b;
	background-image: -ms-linear-gradient(top left, #90C3D1 0%, #75B0C0 100%);
	background-image: -moz-linear-gradient(top left, #90C3D1 0%, #75B0C0 100%);
	background-image: -o-linear-gradient(top left, #90C3D1 0%, #75B0C0 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #90C3D1), color-stop(1, #75B0C0));
	background-image: -webkit-linear-gradient(top left, #90C3D1 0%, #75B0C0 100%);
	background-image: linear-gradient(to bottom right, #90C3D1 0%, #75B0C0 100%);	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom : 20px;
}

.listArea ul li a {
	display : block;
	padding:0 10px;
	color:#ffffff;
	text-decoration:none;
}

.listArea a:hover {
	opacity : 0.5;
	color : #a40000;
	background-image: -ms-linear-gradient(left, #C6E4ED 0%, #A5D1DD 100%);
	background-image: -moz-linear-gradient(left, #C6E4ED 0%, #A5D1DD 100%);
	background-image: -o-linear-gradient(left, #C6E4ED 0%, #A5D1DD 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #C6E4ED), color-stop(1, #A5D1DD));
	background-image: -webkit-linear-gradient(left, #C6E4ED 0%, #A5D1DD 100%);
	background-image: linear-gradient(to right, #C6E4ED 0%, #A5D1DD 100%);
}

.listMark {
	font-size : 18px;
	display : block;
	float : left;
	margin : -2px 5px 0 5px;
}

.listArea ul .listTitle {
	padding:0 10px;
	color:#ffffff;
}

.listArea ul .listMenu {
	text-indent : 30px;
}

/*編集ページ*/
#editAreaNormal {
	border : 1px solid #0860a2;
	padding : 30px 0 30px 30px;
	overflow : hidden;
}

.editSpace {
	border : 1px solid #c2c2c2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding : 10px;
	width : 650px;
	float : left;
	overflow : hidden;
}

.editSpaceMail {
	border : 1px solid #c2c2c2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding : 10px;
	width : 650px;
	overflow : hidden;
	margin : 0 auto;
}

.editWrapperGlay {
	border : 1px solid #d5d8d8;
}

.editWrapperWhite {
	border : 1px solid #ffffff;
}


.editTable,
.editTableFull,
.editTableFullApp,
.editTableHalf,
.editTableWithPreview,
.editTableHeadTitle {
	border-spacing : 0;
	border-collapse:collapse;
	empty-cells:show;
	border:5px solid #e4e4e4;
	width : 100%;
}

.editTable th {
	background : #e4e4e4;
	color : #7d7d7d;
	font-weight : bold;
	padding : 10px 15px;
	border-bottom : 1px solid #ffffff;
	vertical-align : top;
	width : 130px;
}

.editTable td {
	padding : 10px;
	border : 1px solid #e4e4e4;
	text-align : center;
}

.editTableWithPreview th {
	background : #e4e4e4;
	color : #7d7d7d;
	font-weight : bold;
	padding : 10px 15px;
	border-bottom : 1px solid #ffffff;
	width : 130px;
}

.editTableWithPreview td {
	padding : 10px;
	border : 1px solid #e4e4e4;
}

/*参考*/
.reference {
	width : 45%;
}

.reference table {
	border-spacing : 0;
	border-collapse:collapse;
	empty-cells:show;
	border:5px solid #e4e4e4;
	width : 100%;
}

.reference th {
	background : #e4e4e4;
	color : #7d7d7d;
	font-weight : bold;
	padding : 10px 15px;
	text-align : center;
	border : 1px solid #ffffff;
}

.reference td {
	padding : 10px;
	border : 1px solid #e4e4e4;
	text-align : center;
}

.referanceMark {
	width : 40%;
	font-size : 20px;
}

/*プレビューなし*/
#editAreaNormalFull {
	border : 1px solid #0860a2;
	padding : 30px;
	overflow : hidden;
}

/*罫線なし*/
#editAreaNormalFullFree {
	margin-top : -40px;
	padding : 30px;
	overflow : hidden;
}

.editSpaceFull {
	border : 1px solid #c2c2c2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding : 10px;
	overflow : hidden;
}

.editTableFull th {
	background : #e4e4e4;
	color : #7d7d7d;
	font-weight : bold;
	padding : 10px 15px;
	border-bottom : 1px solid #ffffff;
	vertical-align : middle;
	width : 300px;
}

.editTableFullApp th {
	background : #e4e4e4;
	color : #7d7d7d;
	font-weight : bold;
	padding : 10px 15px;
	border-bottom : 1px solid #ffffff;
	vertical-align : middle;
	width : 180px;
}

.editTableHalf th {
	background : #e4e4e4;
	color : #7d7d7d;
	font-weight : bold;
	padding : 10px 15px;
	border-bottom : 1px solid #ffffff;
	vertical-align : middle;
	width : 150px;
}

.editTableFull td,
.editTableFullApp td,
.editTableHalf td {
	padding : 10px;
	border : 1px solid #e4e4e4;
	color : #000000;
}

.editTableHeadTitle th {
	background : #e4e4e4;
	color : #7d7d7d;
	font-weight : bold;
	padding : 10px 15px;
	border-right : 1px solid #ffffff;
	vertical-align : middle;
	text-align : center;
}

.editTableHeadTitle td {
	padding : 10px;
	border : 1px solid #e4e4e4;
	color : #000000;
}

.editTableInTable {
	border-spacing : 0;
	border-collapse:collapse;
	empty-cells:show;
	border:5px solid #e4e4e4;
	width : 100%;
}

#twitterAccount {
	margin-left : 25px;
}

/*プレビュー画面*/
.previewArea {
	text-align : center;
	margin-top : 10px;
	overflow : hidden;
}

.previewTitle {
	background : #cde3f0;
	color : #6caece;
	font-weight : bold;
	font-size : 16px;
	text-shadow: 0 2px 0 rgba(255,255,255, .9);
	text-align : left;
	padding : 10px 15px;
}

.previewCaution {
	text-align : right;
	color : #7d0000;
	font-size : 12px;
	margin : 10px 0;
}

.previewImage {
	background-image : url(../../img/common/preview.gif);
	width : 360px;
	height : 650px;
	margin : 0 auto;
}

.previewClick {
	font-size : 12px;
	color : #7d7d7d;
	margin-top : 5px;
}

.previewBody {
	width : 311px;
	height : 465px;
	border : none;
	word-break : break-all;
	margin-top : 90px;
	
}

/*メール編集画面*/
.previewMailImage {
	background-image : url(../../img/common/previewmail.gif);
	width : 320px;
	height : 578px;
	margin : 0 auto;
}

.previewMail {
	width : 276px;
	height : 413px;
	border : none;
	word-break : break-all;
	margin : 81px 0 0 22px;
}

/*form*/
input[type=name],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=date],
input[type=month],
input[type=time],
input[type=text],
input[type=color],
textarea[type=text] {
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	background: #ffffff;
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#f8f8f8),
		to(#ffffff)
	);
	/* Firefox */
	background: -moz-linear-gradient(
		top,
		#f8f8f8,
		#ffffff
	);
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
		(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
}

select[type=select] {
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	background: #ffffff;
	zoom: 1;
}

input[type=name]:hover,
input[type=email]:hover,
input[type=password]:hover,
input[type=tel]:hover,
input[type=number]:hover,
input[type=date]:hover,
input[type=month]:hover,
input[type=time]:hover,
input[type=text]:hover,
input[type=color]:hover,
textarea[type=text]:hover,
select[type=select]:hover {
	outline: none;
	border: 1px solid #bbb;
	box-shadow: none;
	background: #ffffff;
}

input[type=name]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=text]:focus,
input[type=color]:focus,
textarea[type=text]:focus,
select[type=select]:focus {
	outline: none;
	border: 1px solid #00bce9;
	box-shadow: 0 0 5px #2da1ec;
	background: #ffffff;
}

input[type="checkbox"] {
	-webkit-appearance: none;
	position: relative;
	border-radius: 3px;
	border: 2px solid #b4b4b4;
	-webkit-box-sizing: border-box;
	width: 20px;
	height: 20px;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#e1e1e1),
		to(#ffffff)
	);
	vertical-align: middle;
	margin : 3px;
}

/* チェック時は背景色を変更 */
/*
input[type="checkbox"]:checked {
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#353535),
		to(#8f8f8f)
	);
}
*/

/* チェックの印を:before疑似要素と:after疑似要素を使って作成 */
input[type="checkbox"]:checked:before {
	position: absolute;
	left: 1px;
	top: 11px;
	display: block;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
	content: "";
	width: 8px;
	height: 4px;
	background: #585858;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
	display: block;
	position: absolute;
	left: 6px;
	top: 11px;
	content: "";
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
	width: 14px;
	height: 4px;
	background: #585858;
	-webkit-transform: rotate(-53deg);
	-webkit-transform-origin: left center;
}

input[type=checkbox]:hover,
input[type=radio]:hover {
	outline: none;
	box-shadow: none;
	background: #ffffff;
}

input[type=checkbox]:focus,
input[type=radio]:focus {
	outline: none;
	border: 2px solid #00bce9;
	box-shadow: 0 0 5px #2da1ec;
	background: #ffffff;
}

input[type="radio"] {
	-webkit-appearance: none;
	position: relative;
	margin-right: 5px;
	border-radius: 14px;
	border: 2px solid #b4b4b4;
	-webkit-box-sizing: border-box;
	width: 16px;
	height: 16px;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#e1e1e1),
		to(#ffffff)
	);
	vertical-align: middle;
	margin : 3px;
}

/* チェック時は背景色を変更 */
/*
input[type="radio"]:checked {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#353535),
        to(#8f8f8f)
    );
}
*/

/* チェックの印を:before疑似要素を使って作成 */
input[type="radio"]:checked:before {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	margin: -4px 0 0 -4px;
	content: "";
	border-radius: 5px;
	width: 8px;
	height: 8px;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#585858),
		to(#585858)
	);
}

.warn {
	border : 2px solid #ff9b19;
	background-color : #fffedb;
	padding : 10px;
	margin : 0 0 20px;
	color : #ff0000;
}

.note{
	color : #da3503;
	font-weight : bold;
}

.caution{
	color : #da3503;
}

/*ボタン*/
.buttonRed{
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 10px 70px;
	cursor: pointer;
	border: 1px solid #650000;
	overflow: visible;
	font-size : 24px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #B00000 0%, #890101 100%);
	background-image: -moz-linear-gradient(top, #B00000 0%, #890101 100%);
	background-image: -o-linear-gradient(top, #B00000 0%, #890101 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B00000), color-stop(1, #890101));
	background-image: -webkit-linear-gradient(top, #B00000 0%, #890101 100%);
	background-image: linear-gradient(to bottom, #B00000 0%, #890101 100%);
	background-clip: padding-box; /* Fix bleeding */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(64,0,0, .9);
}

.buttonRed:hover{
	background-image: -ms-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: -moz-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: -o-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #920000), color-stop(1, #6B0101));
	background-image: -webkit-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: linear-gradient(to bottom, #920000 0%, #6B0101 100%);
	transition: background-color .2s ease-out;
	color: #ffffff;
}

.buttonRed:active{
	background-image: -ms-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: -moz-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: -o-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #920000), color-stop(1, #6B0101));
	background-image: -webkit-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: linear-gradient(to bottom, #920000 0%, #6B0101 100%);
	transition: background-color .2s ease-out;
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}

.buttonRedSmall {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 3px 20px;
	cursor: pointer;
	border: 1px solid #650000;
	overflow: visible;
	font-size : 14px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #B00000 0%, #890101 100%);
	background-image: -moz-linear-gradient(top, #B00000 0%, #890101 100%);
	background-image: -o-linear-gradient(top, #B00000 0%, #890101 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B00000), color-stop(1, #890101));
	background-image: -webkit-linear-gradient(top, #B00000 0%, #890101 100%);
	background-image: linear-gradient(to bottom, #B00000 0%, #890101 100%);
	background-clip: padding-box; /* Fix bleeding */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,60,145, .9);
}

.buttonRedSmall:hover{
	background-image: -ms-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: -moz-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: -o-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #920000), color-stop(1, #6B0101));
	background-image: -webkit-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: linear-gradient(to bottom, #920000 0%, #6B0101 100%);
	transition: background-color .2s ease-out;
	color: #ffffff;
}

.buttonRedSmall:active{
	background-image: -ms-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: -moz-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: -o-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #920000), color-stop(1, #6B0101));
	background-image: -webkit-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: linear-gradient(to bottom, #920000 0%, #6B0101 100%);
	transition: background-color .2s ease-out;
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}

.buttonRedSmall2{
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 3px 3px;
	cursor: pointer;
	border: 1px solid #650000;
	overflow: visible;
	font-size : 12px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #B00000 0%, #890101 100%);
	background-image: -moz-linear-gradient(top, #B00000 0%, #890101 100%);
	background-image: -o-linear-gradient(top, #B00000 0%, #890101 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B00000), color-stop(1, #890101));
	background-image: -webkit-linear-gradient(top, #B00000 0%, #890101 100%);
	background-image: linear-gradient(to bottom, #B00000 0%, #890101 100%);
	background-clip: padding-box; /* Fix bleeding */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(64,0,0, .9);
}

.buttonRedSmall2:hover{
	background-image: -ms-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: -moz-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: -o-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #920000), color-stop(1, #6B0101));
	background-image: -webkit-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: linear-gradient(to bottom, #920000 0%, #6B0101 100%);
	transition: background-color .2s ease-out;
	color: #ffffff;
}

.buttonRedSmall2:active{
	background-image: -ms-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: -moz-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: -o-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #920000), color-stop(1, #6B0101));
	background-image: -webkit-linear-gradient(top, #920000 0%, #6B0101 100%);
	background-image: linear-gradient(to bottom, #920000 0%, #6B0101 100%);
	transition: background-color .2s ease-out;
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}

.buttonArea {
	text-align : center;
	margin : 30px 0;
}

.buttonFixRightBottom {
	position: fixed;
	right: 20px;
	bottom: 20px;
}

.buttonPreview {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 8px 40px;
	cursor: pointer;
	border: 1px solid #003c91;
	overflow: visible;
	font-size : 20px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #49A3F6 0%, #0252AD 100%);
	background-image: -moz-linear-gradient(top, #49A3F6 0%, #0252AD 100%);
	background-image: -o-linear-gradient(top, #49A3F6 0%, #0252AD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #49A3F6), color-stop(1, #0252AD));
	background-image: -webkit-linear-gradient(top, #49A3F6 0%, #0252AD 100%);
	background-image: linear-gradient(to bottom, #49A3F6 0%, #0252AD 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,60,145, .9);
}

.buttonPreview:hover{
	background-image: -ms-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -moz-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -o-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4991F6), color-stop(1, #0249AD));
	background-image: -webkit-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: linear-gradient(to bottom, #4991F6 0%, #0249AD 100%);
	color: #ffffff;
}

.buttonPreview:active{
	background-image: -ms-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -moz-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -o-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4991F6), color-stop(1, #0249AD));
	background-image: -webkit-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: linear-gradient(to bottom, #4991F6 0%, #0249AD 100%);
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}

.buttonAreaPreview {
	text-align : center;
	margin : 10px 0;
}

.buttonMailPreview {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 8px 20px;
	cursor: pointer;
	border: 1px solid #003c91;
	overflow: visible;
	font-size : 14px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #49A3F6 0%, #0252AD 100%);
	background-image: -moz-linear-gradient(top, #49A3F6 0%, #0252AD 100%);
	background-image: -o-linear-gradient(top, #49A3F6 0%, #0252AD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #49A3F6), color-stop(1, #0252AD));
	background-image: -webkit-linear-gradient(top, #49A3F6 0%, #0252AD 100%);
	background-image: linear-gradient(to bottom, #49A3F6 0%, #0252AD 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,60,145, .9);
}

.buttonMailPreview:hover{
	background-image: -ms-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -moz-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -o-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4991F6), color-stop(1, #0249AD));
	background-image: -webkit-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: linear-gradient(to bottom, #4991F6 0%, #0249AD 100%);
	color: #ffffff;
}

.buttonMailPreview:active{
	background-image: -ms-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -moz-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -o-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4991F6), color-stop(1, #0249AD));
	background-image: -webkit-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: linear-gradient(to bottom, #4991F6 0%, #0249AD 100%);
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}


.buttonGreen {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 8px 20px;
	cursor: pointer;
	border: 1px solid #244900;
	overflow: visible;
	font-size : 16px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #05c000 0%, #037000 100%);
	background-image: -moz-linear-gradient(top, #05c000 0%, #037000 100%);
	background-image: -o-linear-gradient(top, #05c000 0%, #037000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #05c000), color-stop(1, #037000));
	background-image: -webkit-linear-gradient(top, #05c000 0%, #037000 100%);
	background-image: linear-gradient(to bottom, #05c000 0%, #037000 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,60,145, .9);
}

.buttonGreen:hover{
	background-image: -ms-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: -moz-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: -o-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #038300), color-stop(1, #025000));
	background-image: -webkit-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: linear-gradient(to bottom, #038300 0%, #025000 100%);
	color: #ffffff;
}

.buttonGreen:active{
	background-image: -ms-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: -moz-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: -o-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #038300), color-stop(1, #025000));
	background-image: -webkit-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: linear-gradient(to bottom, #038300 0%, #025000 100%);
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}

/*新しく作る（緑）*/
.buttonGreenSmall {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 2px 15px;
	cursor: pointer;
	border: 1px solid #244900;
	overflow: visible;
	font-size : 14px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #05c000 0%, #037000 100%);
	background-image: -moz-linear-gradient(top, #05c000 0%, #037000 100%);
	background-image: -o-linear-gradient(top, #05c000 0%, #037000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #05c000), color-stop(1, #037000));
	background-image: -webkit-linear-gradient(top, #05c000 0%, #037000 100%);
	background-image: linear-gradient(to bottom, #05c000 0%, #037000 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,60,145, .9);
}

.buttonGreenSmall:hover{
	background-image: -ms-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: -moz-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: -o-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #038300), color-stop(1, #025000));
	background-image: -webkit-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: linear-gradient(to bottom, #038300 0%, #025000 100%);
	color: #ffffff;
}

.buttonGreenSmall:active{
	background-image: -ms-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: -moz-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: -o-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #038300), color-stop(1, #025000));
	background-image: -webkit-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: linear-gradient(to bottom, #038300 0%, #025000 100%);
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}

.buttonGreenSmall2 {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 3px 3px;
	cursor: pointer;
	border: 1px solid #244900;
	overflow: visible;
	font-size : 12px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #05c000 0%, #037000 100%);
	background-image: -moz-linear-gradient(top, #05c000 0%, #037000 100%);
	background-image: -o-linear-gradient(top, #05c000 0%, #037000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #05c000), color-stop(1, #037000));
	background-image: -webkit-linear-gradient(top, #05c000 0%, #037000 100%);
	background-image: linear-gradient(to bottom, #05c000 0%, #037000 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,60,145, .9);
}

.buttonGreenSmall2:hover{
	background-image: -ms-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: -moz-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: -o-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #038300), color-stop(1, #025000));
	background-image: -webkit-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: linear-gradient(to bottom, #038300 0%, #025000 100%);
	color: #ffffff;
}

.buttonGreenSmall2:active{
	background-image: -ms-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: -moz-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: -o-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #038300), color-stop(1, #025000));
	background-image: -webkit-linear-gradient(top, #038300 0%, #025000 100%);
	background-image: linear-gradient(to bottom, #038300 0%, #025000 100%);
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}

/*アップロードボタン（紫）*/
.buttonUpload {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 3px 20px;
	cursor: pointer;
	border: 1px solid #2f285a;
	overflow: visible;
	font-size : 14px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #8273d8 0%, #5c50a0 100%);
	background-image: -moz-linear-gradient(top, #8273d8 0%, #5c50a0 100%);
	background-image: -o-linear-gradient(top, #8273d8 0%, #5c50a0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8273d8), color-stop(1, #5c50a0));
	background-image: -webkit-linear-gradient(top, #8273d8 0%, #5c50a0 100%);
	background-image: linear-gradient(to bottom, #8273d8 0%, #5c50a0 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,60,145, .9);
}

.buttonUpload:hover{
	background-image: -ms-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: -moz-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: -o-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6656c3), color-stop(1, #483d8b));
	background-image: -webkit-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: linear-gradient(to bottom, #6656c3 0%, #483d8b 100%);
	color: #ffffff;
}

.buttonUpload:active{
	background-image: -ms-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: -moz-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: -o-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6656c3), color-stop(1, #483d8b));
	background-image: -webkit-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: linear-gradient(to bottom, #6656c3 0%, #483d8b 100%);
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}

/*アップロードボタン（紫）小*/
.buttonUploadSmall {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 3px 3px;
	cursor: pointer;
	border: 1px solid #2f285a;
	overflow: visible;
	font-size : 12px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #8273d8 0%, #5c50a0 100%);
	background-image: -moz-linear-gradient(top, #8273d8 0%, #5c50a0 100%);
	background-image: -o-linear-gradient(top, #8273d8 0%, #5c50a0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8273d8), color-stop(1, #5c50a0));
	background-image: -webkit-linear-gradient(top, #8273d8 0%, #5c50a0 100%);
	background-image: linear-gradient(to bottom, #8273d8 0%, #5c50a0 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,60,145, .9);
}

.buttonUploadSmall:hover{
	background-image: -ms-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: -moz-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: -o-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6656c3), color-stop(1, #483d8b));
	background-image: -webkit-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: linear-gradient(to bottom, #6656c3 0%, #483d8b 100%);
	color: #ffffff;
}

.buttonUploadSmall:active{
	background-image: -ms-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: -moz-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: -o-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6656c3), color-stop(1, #483d8b));
	background-image: -webkit-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: linear-gradient(to bottom, #6656c3 0%, #483d8b 100%);
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}

/*検索ボタン（青）*/
.buttonSearch {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 3px 20px;
	cursor: pointer;
	border: 1px solid #003c91;
	overflow: visible;
	font-size : 14px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #49A3F6 0%, #0252AD 100%);
	background-image: -moz-linear-gradient(top, #49A3F6 0%, #0252AD 100%);
	background-image: -o-linear-gradient(top, #49A3F6 0%, #0252AD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #49A3F6), color-stop(1, #0252AD));
	background-image: -webkit-linear-gradient(top, #49A3F6 0%, #0252AD 100%);
	background-image: linear-gradient(to bottom, #49A3F6 0%, #0252AD 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,60,145, .9);
}

.buttonSearch:hover{
	background-image: -ms-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -moz-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -o-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4991F6), color-stop(1, #0249AD));
	background-image: -webkit-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: linear-gradient(to bottom, #4991F6 0%, #0249AD 100%);
	color: #ffffff;
}

.buttonSearch:active{
	background-image: -ms-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -moz-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -o-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4991F6), color-stop(1, #0249AD));
	background-image: -webkit-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: linear-gradient(to bottom, #4991F6 0%, #0249AD 100%);
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}

.buttonBlueSmall2 {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 3px 3px;
	cursor: pointer;
	border: 1px solid #003c91;
	overflow: visible;
	font-size : 12px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #49A3F6 0%, #0252AD 100%);
	background-image: -moz-linear-gradient(top, #49A3F6 0%, #0252AD 100%);
	background-image: -o-linear-gradient(top, #49A3F6 0%, #0252AD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #49A3F6), color-stop(1, #0252AD));
	background-image: -webkit-linear-gradient(top, #49A3F6 0%, #0252AD 100%);
	background-image: linear-gradient(to bottom, #49A3F6 0%, #0252AD 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,60,145, .9);
}

.buttonBlueSmall2:hover{
	background-image: -ms-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -moz-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -o-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4991F6), color-stop(1, #0249AD));
	background-image: -webkit-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: linear-gradient(to bottom, #4991F6 0%, #0249AD 100%);
	color: #ffffff;
}

.buttonBlueSmall2:active{
	background-image: -ms-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -moz-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -o-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4991F6), color-stop(1, #0249AD));
	background-image: -webkit-linear-gradient(top, #4991F6 0%, #0249AD 100%);
	background-image: linear-gradient(to bottom, #4991F6 0%, #0249AD 100%);
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}

/*削除ボタン（紫）*/
.buttonDel {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 3px 20px;
	cursor: pointer;
	border: 1px solid #445567;
	overflow: visible;
	font-size : 14px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #808e9c 0%, #708090 100%);
	background-image: -moz-linear-gradient(top, #808e9c 0%, #708090 100%);
	background-image: -o-linear-gradient(top, #808e9c 0%, #708090 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #808e9c), color-stop(1, #708090));
	background-image: -webkit-linear-gradient(top, #808e9c 0%, #708090 100%);
	background-image: linear-gradient(to bottom, #808e9c 0%, #708090 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,60,145, .9);
}

.buttonDel:hover{
	background-image: -ms-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: -moz-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: -o-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #708090), color-stop(1, #566778));
	background-image: -webkit-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: linear-gradient(to bottom, #708090 0%, #566778 100%);
	color: #ffffff;
}

.buttonDel:active{
	background-image: -ms-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: -moz-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: -o-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #708090), color-stop(1, #566778));
	background-image: -webkit-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: linear-gradient(to bottom, #708090 0%, #566778 100%);
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}

.buttonDelSmall {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 3px 3px;
	cursor: pointer;
	border: 1px solid #445567;
	overflow: visible;
	font-size : 12px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #808e9c 0%, #708090 100%);
	background-image: -moz-linear-gradient(top, #808e9c 0%, #708090 100%);
	background-image: -o-linear-gradient(top, #808e9c 0%, #708090 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #808e9c), color-stop(1, #708090));
	background-image: -webkit-linear-gradient(top, #808e9c 0%, #708090 100%);
	background-image: linear-gradient(to bottom, #808e9c 0%, #708090 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,60,145, .9);
}

.buttonDelSmall:hover{
	background-image: -ms-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: -moz-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: -o-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #708090), color-stop(1, #566778));
	background-image: -webkit-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: linear-gradient(to bottom, #708090 0%, #566778 100%);
	color: #ffffff;
}

.buttonDelSmall:active{
	background-image: -ms-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: -moz-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: -o-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #708090), color-stop(1, #566778));
	background-image: -webkit-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: linear-gradient(to bottom, #708090 0%, #566778 100%);
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}

.buttonGlay{
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 10px 70px;
	cursor: pointer;
	border: 1px solid #445567;
	overflow: visible;
	font-size : 24px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #808e9c 0%, #708090 100%);
	background-image: -moz-linear-gradient(top, #808e9c 0%, #708090 100%);
	background-image: -o-linear-gradient(top, #808e9c 0%, #708090 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #808e9c), color-stop(1, #708090));
	background-image: -webkit-linear-gradient(top, #808e9c 0%, #708090 100%);
	background-image: linear-gradient(to bottom, #808e9c 0%, #708090 100%);
	background-clip: padding-box; /* Fix bleeding */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,60,145, .9);
}

.buttonGlay:hover{
	background-image: -ms-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: -moz-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: -o-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #708090), color-stop(1, #566778));
	background-image: -webkit-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: linear-gradient(to bottom, #708090 0%, #566778 100%);
	transition: background-color .2s ease-out;
	color: #ffffff;
}

.buttonGlay:active{
	background-image: -ms-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: -moz-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: -o-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #708090), color-stop(1, #566778));
	background-image: -webkit-linear-gradient(top, #708090 0%, #566778 100%);
	background-image: linear-gradient(to bottom, #708090 0%, #566778 100%);
	transition: background-color .2s ease-out;
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}


/*メールタイプ*/
.buttonMailEditOn {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width : 150px;
	text-align : center;
	padding: 8px 0;
	border: 1px solid #0860a2;
	overflow: visible;
	font-size : 14px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: -moz-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: -o-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c90dd), color-stop(1, #157ac7));
	background-image: -webkit-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: linear-gradient(to bottom, #2c90dd 0%, #157ac7 100%);
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,60,145, .9);
	position: relative;
}

.buttonMailEditOn:after,
.buttonMailEditOn:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.buttonMailEditOn:after {
	border-color: rgba(21, 122, 199, 0);
	border-top-color: #157ac7;
	border-width: 6px;
	left: 50%;
	margin-left: -6px;
}

.buttonMailEditOn:before {
	border-color: rgba(8, 96, 162, 0);
	border-top-color: #0860a2;
	border-width: 7px;
	left: 50%;
	margin-left: -7px;
}

.buttonMailEditOff {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width : 150px;
	text-align : center;
	padding: 4px 0;
	cursor: pointer;
	border: 1px solid #0860a2;
	overflow: visible;
	font-size : 14px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #83c0ee 0%, #5aaded 100%);
	background-image: -moz-linear-gradient(top, #83c0ee 0%, #5aaded 100%);
	background-image: -o-linear-gradient(top, #83c0ee 0%, #5aaded 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #83c0ee), color-stop(1, #5aaded));
	background-image: -webkit-linear-gradient(top, #83c0ee 0%, #5aaded 100%);
	background-image: linear-gradient(to bottom, #83c0ee 0%, #5aaded 100%);
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,60,145, .9);
}

.buttonMailEditOff:hover{
	padding: 8px 0;
	background-image: -ms-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: -moz-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: -o-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c90dd), color-stop(1, #157ac7));
	background-image: -webkit-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: linear-gradient(to bottom, #2c90dd 0%, #157ac7 100%);
	color: #ffffff;
}

.buttonMailEditOff:active{
	padding: 8px 0;
	background-image: -ms-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: -moz-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: -o-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c90dd), color-stop(1, #157ac7));
	background-image: -webkit-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: linear-gradient(to bottom, #2c90dd 0%, #157ac7 100%);
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}

.editChangeButtonArea {
	margin : 10px 0 2px 0;
}

.buttonDownload {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 8px 20px;
	cursor: pointer;
	border: 1px solid #2f285a;
	overflow: visible;
	font-size : 16px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #8273d8 0%, #5c50a0 100%);
	background-image: -moz-linear-gradient(top, #8273d8 0%, #5c50a0 100%);
	background-image: -o-linear-gradient(top, #8273d8 0%, #5c50a0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8273d8), color-stop(1, #5c50a0));
	background-image: -webkit-linear-gradient(top, #8273d8 0%, #5c50a0 100%);
	background-image: linear-gradient(to bottom, #8273d8 0%, #5c50a0 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,60,145, .9);
}

.buttonDownload:hover{
	background-image: -ms-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: -moz-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: -o-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6656c3), color-stop(1, #483d8b));
	background-image: -webkit-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: linear-gradient(to bottom, #6656c3 0%, #483d8b 100%);
	color: #ffffff;
}

.buttonDownload:active{
	background-image: -ms-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: -moz-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: -o-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6656c3), color-stop(1, #483d8b));
	background-image: -webkit-linear-gradient(top, #6656c3 0%, #483d8b 100%);
	background-image: linear-gradient(to bottom, #6656c3 0%, #483d8b 100%);
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}



.conteiner {
	padding : 20px 20px 0;
	width : 90%;
	margin : 0 auto;
}

/*更新情報*/
.infoData {
	margin-bottom : 50px;
}

.infoTheme {
	padding:5px 0 5px 15px;
	border-left:#a40000 8px solid;
	border-bottom:#a40000 1px solid;
	font-weight: bold;
	color:#545454;
}

.infoDate {
	display: block;
	padding:0 0 5px 0;
	font-weight : normal;
}

.infoDateApp {
	display: block;
	padding:0 0 15px 0;
	font-weight : normal;
	float: right;
}

.infoText {
	margin : 10px;
}

/*ページング*/
.pagination {
	text-align : center;
	padding : 15px;
	margin : 80px 0 20px;
}

.pagination a {
	border : 1px solid #3a9de9;
	padding : 5px;
}

.pagination .pageno {
	padding-left : 7px;
	padding-right : 7px;
}

.pagination .current {
	border : 1px solid #3a9de9;
	padding : 5px 12px;
	background : #26B;
	color : #fff;
}

#editAreaNormal .editSpace .editWrapperGlay .editWrapperWhite .editTable .lotGrade,
#editAreaNormal .editSpace .editWrapperGlay .editWrapperWhite .editTableFull .lotGrade {
	text-align:center;
	background:#228B22;
	color:#ffffff;
}

.tableTitle {
	text-align: center;
	background: #228B22;
	color: #ffffff;
	font-weight: bold;
	padding: 10px;
}

.lotEditSpace {
	overflow : hidden;
	margin-bottom : 30px;
}

.currentEdit {
	background-color : #d0fee0;
}

.imgPosition {
	margin : 10px;
	text-align : center;
}

.commonparam {
	color : #da3503;
	font-weight : bold;
	font-size : 16px;
	margin-bottom : 15px;
}

.txtblue {
	color : #1076C3
}

.infoEnqTitle {
	background : #e4e4e4;
	color : #7d7d7d;
	font-weight : bold;
	padding : 5px;
}

.sumback {
	background-color : #fdf1d0;
}

.combineallow{
	margin: 0 auto 50px;
	padding-top: 15px;
	position: relative;
	margin-top : 10px;
	margin-bottom : 65px;
}

.combineallow:before {
	width: 100px; /* 四角形の幅 */
	height: 50px; /* 四角形の高さ */
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFC300));
	background-image: -webkit-linear-gradient(#FFFFFF, #FFC300);
	background-image: linear-gradient(#FFFFFF, #FFC300);
	content: "";
	position: absolute;
	top: 0;
	left: 50%; /* 中央寄せに使用 */
	margin-left: -50px; /* 中央寄せに使用 */
}

.combineallow:after {
	border-top: 35px solid #FFC300; /* 角度を緩やかなものに指定 */
	border-left: 70px solid transparent; /* 左のボーダーを透過に指定 */
	border-right: 70px solid transparent; /*右のボーダーを透過に指定*/
	content: "";
	position: absolute;
	top: 50px; /* 四角形の高さと同じ物を指定 */
	left: 50%; /* 中央寄せに使用 */
	margin-left: -70px; /* 中央寄せに使用 */
}

.combineallow span {
	position: absolute;
	top : 25px;
	left: 46.5%; /* 中央寄せに使用 */
	z-index: 3;
	font-weight: bold;
	color : #ff0000;
	font-size : 20px;
}

/* 予約 */
.calendar td {
	text-align : right;
	font-size : 16px;
	vertical-align : top;
/*	width : 14%;*/
}

.reserveDate {
	color : #686868;
}

.reserveDataM {
	min-height : 50px;
	font-size : 14px;
	text-align : left;
}

.reserveDataW {
	min-height : 20px;
	font-size : 14px;
	text-align : left;
}

.reserveDataD {
	min-height : 20px;
	font-size : 14px;
	text-align : left;
}

.calendarYm {
	text-align : center;
	font-size : 22px;
	margin-bottom : 10px;
}

.calendarType {
	float : right;
	margin-top : -40px;
}

.calendarType input {
	display : none;
}

.calendarType label {
	display : block;
	float : left;
	cursor : pointer;
	width : 60px;
	margin : 0;
	padding : 10px 5px;
	border-right : 1px solid #ffffff;
	background : #e4e4e4;
	color : #7d7d7d;
	font-size : 14px;
	text-align : center;
	line-height : 1;
	transition : .2s;
	font-weight : bold;
}

.calendarType label:first-of-type {
	border-radius : 3px 0 0 3px;
}

.calendarType label:last-of-type {
	border-right : 0px;
	border-radius : 0 3px 3px 0;
}

.calendarType input[type="radio"]:checked + label {
	background-color : #2c73d8;
	color : #ffffff;
}

.reserveDataM a {
	display : inline !important;
}

.reserveDataM a:hover,
.reserveDataW a:hover,
.reserveDataD a:hover {
	position : relative;
	top : 0;
	left : 0;
}

.reserveDetail {
	position: absolute;
	top:17px;
	left:20px;
	color : #686868;
	display: none; /*何も表示しない*/
	padding: 5px 10px 5px 0; /*内側の余白*/
	width: 200px; /*ブロックの幅*/
	text-decoration: none; /*文字飾り*/
	text-align : left;
	background-color: #ececea; /*背景色*/
	border-top:white solid 5px;
	border-left:#ececea solid 10px;
}

.reserveDataM a:hover .reserveDetail,
.reserveDataW a:hover .reserveDetail,
.reserveDataD a:hover .reserveDetail {
	display: block; /*ブロック要素で表示*/
	overflow : visible;
}

.reserveTitle {
	position: relative;
	padding-left: 28px;
	border-bottom: 3px solid #3a9de9;
	font-size: 18px;
	line-height: 29px;
	margin-bottom : 10px;
}

.reserveTitle:before {
	position: absolute;
	top: 8px;
	left: 0;
	width: 12px;
	height: 12px;
	border: 2px solid #3a9de9;
	content: "";
}

.reserveTitle:after {
	position: absolute;
	top: 3px;
	left: 9px;
	width: 9px;
	height: 9px;
	border: 2px solid #3a9de9;
	content: "";
}

#weekdaybusiness table td {
	border : none;
	padding : 0 15px;
}

.appMenuBtn {
	width : 80px;
}

.appSideBtn {
	width : 50px;
}

.appMenuBtnTable td {
	border : none;
	padding : 5px 30px;
}

.appLogoArea {
	float: left;
}

.appHeadMenu {
	width: 1400px;
	margin: -10px auto 15px;
}

.appHeadTitle {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	background: #3a9de9;
	color: #ffffff;
	padding: 2px 5px 0;
	margin-bottom:5px;
}

ul.appTopMenu {
	display: table;
	table-layout: fixed;
	width: 100%;
}

ul.appTopMenu li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

ul.appTopMenu li p {
	font-size: 12px;
}

.appTopTab {
	display: table;
	table-layout: fixed;
	width: 400px;
	margin: 0 auto;
}

ul.appTopTab li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

ul.appTopTab li p {
	font-size: 18px;
	color: #939393;
}

ul.appTopTab li a:hover p {
	color:#a40000;
}

.menuTree1 {
	margin-top: 10px;
}

.menuTree2 {
	margin-left: 15px;
}

.menuTree3 {
	margin-left: 30px;
}

.menuTreeIcon {
	margin-right: 3px;
	vertical-align: middle;
}

.appSet {
	color: #00e9fe;
}

.mailSet {
	color: #42fe00;
}

.appBtnType {
	border: 1px solid #d5d8d8;
}

.appBtnType p {
	white-space: nowrap;
	background: #d5d8d8;
	color : #7d7d7d;
	padding: 2px 7px;
}

.iconCommon {
	display: inline-block; 
	position: relative;
	background: #fdb812;
	border-radius: 90px;
	width: 35px;
	height: 35px;
	margin: -10px 0 -10px 50px;
}

.iconCommon:before{
	content:''; 
	display:block; 
	position:absolute; 
	height:0; 
	width:3px; 
	top:4px; 
	left:12px;
	border-radius:5px;
	border-top: 20px solid #fff;
	border-right: 4px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 4px solid transparent;
	transform:rotate(10deg);
	-webkit-transform:rotate(10deg);
	-o-transform:rotate(10deg);
}
.iconCommon:after{
	content:''; 
	display:block; 
	position:absolute; 
	top:26px; 
	left:13px;
	height:5px; 
	width:5px; 
	background:#fff;
	border-radius:10px;
	transform:rotate(10deg);
	-webkit-transform:rotate(10deg);
	-o-transform:rotate(10deg);
}

/* 店舗、メニューテンプレート・自由編集切り替え */
.radioBodyEdit {
	display: none;
}

.variableForm {
	display: none;
}

#template_0:checked ~ #template,
#template_1:checked ~ #free {
	display: block;
}

.textBodyEdit {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width : 150px;
	text-align : center;
	padding: 4px 0;
	cursor: pointer;
	border: 1px solid #0860a2;
	overflow: visible;
	font-size : 14px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #83c0ee 0%, #5aaded 100%);
	background-image: -moz-linear-gradient(top, #83c0ee 0%, #5aaded 100%);
	background-image: -o-linear-gradient(top, #83c0ee 0%, #5aaded 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #83c0ee), color-stop(1, #5aaded));
	background-image: -webkit-linear-gradient(top, #83c0ee 0%, #5aaded 100%);
	background-image: linear-gradient(to bottom, #83c0ee 0%, #5aaded 100%);
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,60,145, .9);
}

.textBodyEdit:hover{
	padding: 8px 0;
	background-image: -ms-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: -moz-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: -o-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c90dd), color-stop(1, #157ac7));
	background-image: -webkit-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: linear-gradient(to bottom, #2c90dd 0%, #157ac7 100%);
	color: #ffffff;
}

.textBodyEdit:active{
	padding: 8px 0;
	background-image: -ms-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: -moz-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: -o-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c90dd), color-stop(1, #157ac7));
	background-image: -webkit-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: linear-gradient(to bottom, #2c90dd 0%, #157ac7 100%);
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}

.tabs input:checked + .textBodyEdit {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width : 150px;
	text-align : center;
	padding: 8px 0;
	border: 1px solid #0860a2;
	overflow: visible;
	font-size : 14px;
	font-weight : bold;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background-image: -ms-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: -moz-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: -o-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c90dd), color-stop(1, #157ac7));
	background-image: -webkit-linear-gradient(top, #2c90dd 0%, #157ac7 100%);
	background-image: linear-gradient(to bottom, #2c90dd 0%, #157ac7 100%);
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
		0 2px 2px -1px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,60,145, .9);
	position: relative;
}

.tabs input:checked + .textBodyEdit:after,
.tabs input:checked + .textBodyEdit:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tabs input:checked + .textBodyEdit:after {
	border-color: rgba(21, 122, 199, 0);
	border-top-color: #157ac7;
	border-width: 6px;
	left: 50%;
	margin-left: -6px;
}

.tabs input:checked + .textBodyEdit:before {
	border-color: rgba(8, 96, 162, 0);
	border-top-color: #0860a2;
	border-width: 7px;
	left: 50%;
	margin-left: -7px;
}

.switchRadio input,
.switchRadioVar input {
	display: none;
}

.switchRadio label {
	display: block;
	float: left;
	cursor: pointer;
	width: 60px;
	margin: 0;
	padding: 10px;
	background: #d7d9db;
	color: #869198;
	text-align: center;
	line-height: 1;
	transition: .2s;
}

.switchRadioVar label {
	display: block;
	float: left;
	cursor: pointer;
	margin: 0;
	padding: 10px;
	background: #d7d9db;
	color: #869198;
	text-align: center;
	line-height: 1;
	transition: .2s;
}

.switchRadio label:first-of-type,
.switchRadioVar label:first-of-type {
	border-radius: 3px 0 0 3px;
}

.switchRadio label:last-of-type,
.switchRadioVar label:last-of-type {
	border-radius: 0 3px 3px 0;
}

.switchRadio input[type="radio"]:checked + .switch-1,
.switchRadioVar input[type="radio"]:checked + .switch-1 {
	background-color: #0068B7;
	color: #fff;
}

.switchRadio input[type="radio"]:checked + .switch-2,
.switchRadioVar input[type="radio"]:checked + .switch-2 {
	background-color: #e67168;
	color: #fff;
}