@charset "UTF-8";

/*********************************************************************
 * 共通
*********************************************************************/
* {
	margin:0px;
	padding:0px;
}
html, body {
	width:100%;
	height:100%;
}
div,h1,h2,h3,h4,h5,h6,p,li,th,td,dt,dd,input,address{
	color:#333333;
	font-size:100%;
	font-weight:normal;
	font-family: 'Osaka', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
body {
	background-color:#ffffff;
}
img {
	border:none;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.icon{
	vertical-align:middle;
}
.hide {
	display:none;
}
.pointer {
	cursor:pointer;
}
.fLeft{
	float:left;
}
.fRight{
	float:right;
}
a {
	color:#63A4C2;
	text-decoration:none;
}
a:hover {
	color:#001929;
}
a:hover img {
	filter:Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
a.bk{
	color:#333333;
}
a.bk:hover{
	color:#ff9900;
}
a.rd{
	color:#f00;
}
a.brd{
	color:#E60012;
}
hr.separator {
	margin:10px 0px;
	border-width: 2px 0px 0px 0px;
	border-style: solid;
	border-color: #63A4C2;
	height: 2px;
}
ul.inLine {
	width:100%;
	list-style:none;
}
ul.inLine li {
	display:inline-block;
}
ul.default {
	list-style:none;
}
ul.disc{
	list-style:disc;
	margin-left:20px;
}
ul.decimal{
	list-style:decimal;
	margin-left:20px;
}
/*********************************************************************
 * COLOR
*********************************************************************/
.red  { color:#f00 !important; }
.white{ color:#fff !important; }
.gray { color:#999 !important; }
.blue { color:#63A4C2 !important; }
.bred { color:#E60012 !important; }

/*********************************************************************
 * フォント関係
*********************************************************************/
.px10h14 {
	font-size:10px;
	line-height:14px;
}
.px11h16 {
	font-size:11px;
	line-height:16px;
}
.px12h18 {
	font-size:12px;
	line-height:18px;
}
.px12h22 {
	font-size:12px;
	line-height:22px;
}
.px14h20 {
	font-size:14px;
	line-height:20px;
}
.px18h18 {
	font-size:18px;
	line-height:18px;
}
.b {
	font-weight:bold;
}
.left   { text-align:left; }
.center { text-align:center; }
.right  { text-align:right  !important;}
.vtop   { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }

.obi {
	font-size:12px;
	line-height:18px;
	padding:8px 10px;
}
.obiYellow {
	background-color:#FFF799;
}
.obiBlue {
	background-color:#e0edf3;
}
.obiPink {
	background-color:#F5B1AC;
}
.obiGray {
	background-color:#f1f1f1;
}
.bdt3 {
	border-top:1px solid #eee;
}
.bdb-non {
	border-bottom:none !important;
}
.indent10 {
	text-indent:10px;
}
/*********************************************************************
 * フォーム
*********************************************************************/
.wp50 { width:50%;  }
.wp100{ width:100%;  }
.w10  { width: 10px; }
.w40  { width: 40px; }
.w60  { width: 60px; }
.w80  { width: 80px; }
.w90  { width: 90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w140 { width:140px; }
.w155 { width:155px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w200 { width:200px; }
.w240 { width:240px; }
.w280 { width:280px; }
.w300 { width:300px; }
.w340 { width:340px; }
.w360 { width:360px; }
.w400 { width:400px; }
.w600 { width:600px; }
.h30  { height:30px; }
.h40  { height:40px; }
.h70  { height:70px; }

.text {
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	padding:3px;
}
.fAwesome {
	font-family: FontAwesome !important;
}
.blueBorder {
	border:2px solid #77A1BE;
}
.grayBorder {
	border:2px solid #d2d2d2;
}
select {
	border:2px solid #d2d2d2;
	padding-bottom:3px;
}
/** カレンダー **/
div.ui-datepicker {
	font-size:11px;
}
div.ui-datepicker-title{
	color:#fff;
}

/*********************************************************************
 * リンクボタン
*********************************************************************/
.lkbtn{
	display:inline-block;
}
.btn {
	font-size:12px;
	line-height:18px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	text-align:center;
}
.btn5-10{
	padding:5px 10px;
}
.btn2-10{
	padding:2px 10px;
}
.btnBlueBorderWhiteBg{
	color:#333;
	border:2px solid #63A4C2;
	background-color:#ffffff;
}
.btnRedBorderWhiteBg{
	color:#333;
	border:2px solid #E60012;
	background-color:#ffffff;
}
.btnBlueBorderBlueBg{
	color:#fff;
	border:2px solid #63A4C2;
	background-color:#63A4C2;
}
.btnGrayBorderWhiteBg{
	color:#333;
	border:2px solid #d2d2d2;
	background-color:#fff;
}
.btnRedBorderRedBg{
	color:#fff;
	border:2px solid #E60012;
	background-color:#E60012;
}
.btnRedBorderPinkBg{
	color:#000;
	border:2px solid #E60012;
	background-color:#F5B1AC;
}
.btnGrayBorderGrayBg{
	color:#999;
	border:2px solid #aaa;
	background-color:#ddd;
}

/*********************************************************************
 * マージン
*********************************************************************/
.marginT3  { margin-top:3px }
.marginT5  { margin-top:5px }
.marginT10 { margin-top:10px }
.marginT20 { margin-top:20px }
.marginT30 { margin-top:30px }
.marginL5  { margin-left:5px }
.marginL10 { margin-left:10px }
.marginL20 { margin-left:20px }
.marginL30 { margin-left:30px }
.marginR10 { margin-right:10px }
.marginR20 { margin-right:20px }
.marginR30 { margin-right:30px }
.marginB5  { margin-bottom:5px }
.marginB10 { margin-bottom:10px }
.marginB20 { margin-bottom:20px }
.marginCenter { margin-left:auto; margin-right:auto; }

/*********************************************************************
 * パディング
*********************************************************************/
.padding10  { padding:10px; }
.paddingT3  { padding-top:3px; }
.paddingT10 { padding-top:10px }
.paddingB10 { padding-bottom:10px; }
.paddingB20 { padding-bottom:20px}
.paddingR10 { padding-right:10px }
.paddingL20 { padding-left:20px }



/*********************************************************************
 * 共通ページコンテンツ
*********************************************************************/
div#wrapper {
	width:900px;
	margin:0px auto;
	position:relative;
}
/** 管理者用ヘッダ **/
div.adminHeader {
	padding-top:14px;
	padding-bottom:4px;
	border-bottom:2px solid #d2d2d2;
	height:36px;
}
div.adminHeader h1 {
	margin-left:5px;
	width:148px;
	float:left;
}
div.adminHeader h2 {
	margin-left:60px;
	font-size:11px;
	line-height:18px;
	width:350px;
	float:left;
}
div.adminHeader ul {
	margin-top:5px;
	width:330px;
	float:left;
	list-style:none;
}
div.adminHeader ul li {
	font-size:11px;
	line-height:18px;
	width:108px;
	float:left;
	text-align:center;
	border-right:2px solid #77A1BE;
}
div.adminHeader ul li:last-child {
	border-right:none;
}

div#pagetop {
	position:fixed;
	right:20px;
	bottom:20px;
}
/** メインコンテンツ **/
div#main{
	margin-top:10px;
}
table#ColumnsTow{
	width:100%;
}
table#ColumnsTow td#menu{
	width:165px;
	vertical-align:top;
	padding-right:15px;
}
table#ColumnsTow td#contents{
	width:698px;
	vertical-align:top;
	padding-left:20px;
	border-left:2px solid #63A4C2;
}

/** 左メニュー **/
#menu ul.menuList {
	width:100%;
	list-style:none;
}
#menu ul.menuList li {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	margin-bottom:20px;
}
#menu ul.menuList li.close:before  {
	color:#63A4C2;
	content:'\025b6';	/* ▶ */
}
#menu ul.menuList li.open:before  {
	color:#63A4C2;
	content:'\025bc';	/* ▼ */
}
#menu ul.menuList li p{
	font-size:11px;
	line-height:18px;
	text-indent:16px;
}
#menu ul.menuList li p.midashi{
	margin-left:-11px;
}
#menu ul.menuList2 {
	width:100%;
	list-style:none;
}
#menu ul.menuList2 li {
	font-size:12px;
	line-height:20px;
	text-indent:10px;
	margin-bottom:3px;
}
#menu ul.menuList2 li.current {
	background-color:#63A4C2;
}
#menu ul.menuList2 li.current a {
	color:#fff;
}

/** パンくず **/
ul#breadcrumb {
	list-style:none;
	margin-bottom:16px;
}
ul#breadcrumb li{
	font-size:12px;
	line-height:18px;
	display:inline;
}

/** ページコントロール **/
ul.controlBox{
	width:100%;
	list-style:none;
	margin-top:20px;
}
ul.controlBox li {
	font-size:12px;
	display:inline-block;
}
/** ページコントロールパネル **/
div.controlPanel{
	background-color:#63A4C2;
	padding:5px 10px;
}
div.controlPanel ul{
	width:100%;
}
div.controlPanel ul li{
	color:#fff;
	font-size:11px;
	display:inline-block;
}
h5.resultMidashi{
	padding-bottom:5px;
	border-bottom:2px solid #63A4C2;
}
h5.resultBlueMidashi{
	padding:1px 5px;
	color:#fff;
	background-color:#63A4C2;
	line-height:28px;
}

/** 検索・一括入力ボックス **/
div.searchBox{
	border:2px solid #d2d2d2;
	padding:10px;
	position:relative;
}
div.searchBox p.close{
	font-size:12px;
	top:1px;
	right:4px;
	position:absolute;
}
div.errorBox {
	border:1px solid #C4131F;
	background-color:#F5B1AC;
	padding:10px;
	position:relative;
}
div.errorBox p.close{
	font-size:12px;
	top:1px;
	right:4px;
	position:absolute;
}
div.successBox {
	background-color:#e0edf3;
	padding:10px;
	position:relative;
}
div.successBox p.close{
	font-size:12px;
	top:1px;
	right:4px;
	position:absolute;
}
div.cautionBox {
	border:1px solid #ff0;
	background-color:#fffbd6;
	padding:10px;
	position:relative;
}
div.cautionBox p.close{
	color:#322d03;
	font-size:12px;
	top:1px;
	right:4px;
	position:absolute;
}
div.uploadBox{
	background-color:#f1f1f1;
	padding:10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
table.searchForm {
	width:100%;
}
table.searchForm th,
table.searchForm td {
	font-size:12px;
	padding:5px 2px;
}
table.searchForm th {
	font-weight:bold;
	text-align:right;
}

table.inputForm {
	width:100%;
}
table.inputForm th,
table.inputForm td {
	font-size:12px;
	padding:8px 2px;
	text-align:left;
	border-bottom:1px dotted #ccc;
}
table.lineList{
	width:100%;
}
table.lineList th,
table.lineList td{
	font-size:12px;
	padding:6px 3px;
	border-bottom:1px solid #d2d2d2;
}
table.lineList th{
	color:#63A4C2;
}
table.lineList tr.link:hover{
	background-color: #e0edf3;
	cursor:pointer;
}
table.simpleList{
	width:100%;
}
table.simpleList th,
table.simpleList td{
	padding:6px 3px;
	border-bottom:2px solid #d2d2d2;
}
table.simpleList th{
	color:#63A4C2;
}
table.simpleList tr.link:hover{
	background-color: #e0edf3;
	cursor:pointer;
}
table.groupList {
	width:100%;
	margin-bottom:10px;
	border:2px solid #d2d2d2;
}
table.groupList th,
table.groupList td{
	font-size:11px;
	line-height:14px;
	padding:5px;
}
table.groupList th.bdb,
table.groupList td.bdb{
	border-bottom:2px solid #d2d2d2;
}
table.groupList tr:last-child td.bdb {
	border-bottom:none;
}
table.groupList th.bgb {
	background-color: #e0edf3;
}
table.msgList {
	width:100%;
	margin-bottom:10px;
	border:2px solid #d2d2d2;
}
table.msgList th,
table.msgList td{
	font-size:11px;
	padding:5px;
}
table.msgList th.bdb,
table.msgList td.bdb{
	border-bottom:2px solid #d2d2d2;
}
table.msgList tr:last-child td.bdb {
	border-bottom:none;
}
table.msgList th.bgb {
	background-color: #e0edf3;
}
table.msgList td {
	padding-bottom:30px;
}

table.inputList {
	width:100%;
	border-collapse:collapse;
}
table.inputList tr.bbd {
	border-bottom:2px solid #e0edf3;
}
table.inputList tr.gbd {
	border-bottom:1px solid #d2d2d2;
}
table.inputList th {
	color:#63A4C2;
}

/** ページ Index **/
div.indexBox {
	display:inline-block;
	padding:3px 5px;
	border:2px solid #63A4C2;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	text-align:center;
}
table.pageIndex {
	width:100%;
}
table.pageIndex td{
	font-size:11px;
	padding:2px 3px;
}

div#layer {
	opacity:    0.40;
	position:   absolute;
	width:      100%;
	height:     100%;
	background: #000;
	top:        0;
	left:       0;
	z-Index:9999;
	display:none;
}