@charset "utf-8";

/*共通
------------------------------------------------ */
body { background: #FFFFFF;
/* font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;*/
 font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Hiragino Kaku Gothic Pro W3, "ヒラギノ角ゴ Pro W3", osaka, sans-serif;
 color: #000000;
 font-size: 0.8em; line-height: 150%;	letter-spacing: 0.2pt;
	word-break:break-all;
}
img{vertical-align: top;}

/*リンク
--------------------------------------------------*/
a {	color: #000000; }

/*フロート
--------------------------------------------------*/
.left {	float: left;}
.right {	float: right;}
.center { text-align:center;}
.clear {	clear: both; overflow:hidden;	zoom:1;}
.error { background:#ffeded;}
	
/*マージン パディングセット
--------------------------------------------------*/
.pdt10 {padding-top: 10px;}
.pdb20 {padding-bottom:20px;}
.mgr5 {margin-right: 5px;}
.mgr10 {margin-right: 10px;}
.mgb5 {margin-bottom: 5px;}
.mgb10 {margin-bottom:10px;}
.mgb20 {margin-bottom:20px;}
.mgb30 {margin-bottom:30px;}
.mgb40 {margin-bottom:40px;}
.mgb50 {margin-bottom:50px;}
.mgt10 {margin-top: 10px}
.mgt20 {margin-top: 20px}
.mgt30 {margin-top: 30px}
.mgt40 {margin-top: 40px}
.mgt50 {margin-top: 50px}

/*fontセット
--------------------------------------------------*/
.bold { font-weight:bold; }
.red { color:#FF0000; }
.tr{text-align:right;}
.cap{ font-size: 0.8em;}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
	    padding: 15px;
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-red {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
	padding: 15px;
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
}
/* wrap
------------------------------------------------ */
#wrap{width:900px; margin: 30px auto;}

/* draft
------------------------------------------------ */
#draft_area{
	background: #F9F9F9;
	padding: 12px 0;
}
#draft_warning{
	padding: 15px 0 0;
	color: #f00;
}

#draft{
	display: flex;
	justify-content: space-between;
}

.container{
	width: 1000px;
	margin: 0px auto;
}

#draft .form-control {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 285px;
}

#draft .save_draft{
	color:#fff;
	font-size: 1em;
	line-height: 2.4em;
	background-color: #55AF77;
	border:none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	cursor:pointer;
	width: 150px;
}

#draft .call_draft{
	color:#fff;
	width: 150px;
	font-size: 1em;
	line-height: 2.4em;
	background-color: #F4A219;
	border:none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	cursor:pointer;
}

#draft .save_draft:hover {
	background-color: #41895C;
}
#draft .call_draft:hover {
	background-color: #CB830A;
}




/* ここまで
------------------------------------------------ */