/*---------- compass base ----------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/*---------- custom import ----------*/
/*---------- baseHTML ----------*/

html , body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

@font-face {
	font-family: CONDENSEicon;
	src: url("../font/CONDENSEicon.eot");
}

@font-face {
	font-family: CONDENSEdesignicon;
	src: url("../font/CONDENSEdesignicon.eot");
}

@font-face {
    font-family: 'CONDENSEicon';
    src:url('../font/CONDENSEicon.woff') format('woff'),
        url('../font/CONDENSEicon.otf') format('opentype');
}
@font-face {
    font-family: 'CONDENSEdesignicon';
    src:url('../font/CONDENSEdesignicon.woff') format('woff'),
        url('../font/CONDENSEdesignicon.otf') format('opentype');
}

.icon {
	font-family: CONDENSEicon;
	font-size: 30px;
	float: left;
	width: 100%;
	margin-bottom: 12px;
	line-height: 1em;
}

body {
  margin: 0 auto;
  padding: 0;
  color: #333;
  font-size: 12px;
  line-height: 1em;
  letter-spacing: 0em;
  background-image: url("../img/contents/bg_texture.png");
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
 }

img {
  vertical-align: bottom;
}
img.left {
  margin: 5px 10px 5px 0;
}
img.right {
  margin: 5px 0 5px 10px;
}

strong {
  font-weight: bold;
}

/*---------- wrapper ----------*/
#wrapper {
	width: 100%;
	height: 100%; /*IE6対策*/
	height:auto !important; /*IE6対策*/
	min-height: 100%;
}

/*---------- main ----------*/
.contents {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

/* layout */
.right {
  float: right;
}

.left {
  float: left;
}

.text_right {
  text-align: right;
}

.text_left {
  text-align: left;
}

.text_center {
  text-align: center;
}

.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

.clear {
	clear:both;
}

/* title */
h1 {
  line-height: 0;
  text-height: 0;
  text-indent: -9999px;
}

/* link */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

.warning {
  margin: 10px auto;
  padding: 8px 16px 8px 36px;
  line-height: 14px;
  border: solid 1px #c7895e;
  color: #ff6d0a;
  font-size: 12px;
  background: #ffe9da url("../img/share/icon_warning.png") no-repeat 8px 4px;
}

.danger {
  margin: 10px auto;
  padding: 8px 16px 8px 36px;
  line-height: 14px;
  border: solid 1px #c86f6a;
  color: #d8271c;
  font-size: 12px;
  background: #f2b8b4 url("../img/share/icon_danger.png") no-repeat 8px 4px;
}

span.error {
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  color: #ff6d0a;
}

#basic_pager span.count {
  font-size: 14px;
  font-weight: bold;
}

.functionList{
  margin-left:30px;
}

/* box */
.box_white {
  border: solid #d1d1d1 1px;
  padding: 10px;
}

/* form */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date"],
input[type="password"],
input[type="select"]{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  border: solid 3px #f39800;
}

input[type="text"].w50px,
input[type="tel"].w50px,
input[type="email"].w50px,
input[type="date"].w50px,
input[type="password"].w50px {
  width: 42px;
  height:24px;
  padding:0px 3px;
}

input[type="text"].w100px,
input[type="tel"].w100px,
input[type="email"].w100px,
input[type="date"].w100px,
input[type="password"].w100px {
  width: 85px;
  height:24px;
  padding:0px 3px;
}

input[type="text"].w100px_s,
input[type="tel"].w100px_s,
input[type="email"].w100px_s,
input[type="date"].w100px_s,
input[type="password"].w100px_s {
  width: 92px;
  height:18px;
  padding:0px 3px;
}

select {
  height: 30px;
  line-height: 30px;
}

textarea {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	padding: 1px;
	border: 1px #d1d1d1 solid;
}

textarea.w300 {
  width: 278px;
}
textarea.w400 {
  width: 378px;
}
textarea.WsizeL {
  padding:5px 3px;
  width:600px;
  height:100px;
}
textarea.AsizeL {
  width:800px;
  height:100px;
}
input.WsizeXL {
  padding:2px 3px;
  width:600px;
}

label {
  display: inline-block;
  line-height: 30px;
}

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

.opacity {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.over-hidden {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.full {
  width: 100%;
}

.two-third {
  width: 66%;
}

.half {
  width: 50%;
}

.third {
  width: 33%;
}

.quarter {
  width: 25%;
}

/* space */
.mgl15 {
  margin-left: 15px;
}

.mgt20 {
  margin-top: 20px;
}

/*---------- button ----------*/
.button {
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
  letter-spacing: 0em;
  margin-bottom: 0;
  font-weight: bold;
 }

.button span {
  display: block;
  cursor: pointer;
}

input[type="button"].button, input[type="submit"].button, input[type="reset"].button, button.button {
	position: relative;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	cursor: pointer;
	overflow: visible;
	outline: none;
	moz-outline: none;
}

/*---------- media query ----------*/
/*---------- ie valid ----------*/
/* only ie8 */
.ie7 .col2 .button {
  margin-left: 5px;
}

/* only ie7 */
/* only ie6 */
.ie_sample {
  background: gray;
  /* standard */
  background: pink\9;
  /* IE 8 and below */
  *background: green;
  /* IE 7 and below */
  _background: blue;
  /* IE 6 */
}

/*---------- common ----------*/
.topic {
  margin-bottom: 10px;
}

/*---------- login ----------*/

/*
#login header {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}
*/

#login_area .box_white {
  margin: 0 auto 20px;
}
#login_area .box_white input[type="text"],
#login_area .box_white input[type="password"] {
  width: 295px;
  margin-bottom: 15px;
}
#login_area .text_area {
  width: 66%;
  margin: 0 auto;
}

/*---------- user ----------*/
/* top */
#user_nav .inner {
  zoom: 1;
  margin-left: 67px;
}
#user_nav .inner:after {
  content: " ";
  display: block;
  clear: both;
}
#user_nav .inner .box_white {
  float: left;
  width: 240px;
  margin-right: 20px;
  margin-bottom: 20px;
}
#user_nav .inner .box_white .img_area {
  text-align: center;
  margin-bottom: 5px;
}
#user_nav .inner .box_white .btn_area {
  margin-top: 10px;
  line-height: 0;
}

/* input common */
#input_area .inner {
  width: 66%;
  margin: 0 auto;
}
#input_area .inner .base {
  width: 100%;
}
#input_area .inner .text_area {
  text-align: center;
  margin-bottom: 30px;
}
#input_area .inner .btn_area {
  text-align: center;
}
#input_area .inner .btn_area.col2 .button {
  width: 200px;
}

/* basic */
/* static */
/*---------- admin ----------*/
#admin #top_news .news_list .day {
  background: url("../img/share/icon_arrow4.gif") no-repeat 0% 50%;
}

/* search */
#search_area #tab_menu {
  position: relative;
  z-index: 10;
}
#search_area #tab_menu ul {
  zoom: 1;
  margin-left: 15px;
}
#search_area #tab_menu ul:after {
  content: " ";
  display: block;
  clear: both;
}
#search_area #tab_menu ul li {
  float: left;
  margin-right: 3px;
  width: 165px;
  height: 40px;
}
#search_area #tab_menu ul li a {
  display: block;
  width: 130px;
  height: 40px;
  line-height: 40px;
  padding-left: 35px;
  background: url("../img/share/tab_off.gif") no-repeat 0% 50%;
  color: black;
  text-decoration: none;
}
#search_area #tab_menu ul li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
#search_area #tab_menu ul li.active a {
  background: url("../img/share/tab_on.gif") no-repeat 0% 50%;
}
#search_area .tab_motion {
  z-index: 1;
  width: 988px;
  position: relative;
  behavior: url(PIE.htc);
  padding:4px;
  background-color:#FFFFFF;
  border:2px solid #225378;
  margin-bottom:20px;
}

#search_area .tab_motion.red {
  border-left:2px solid #cc0000;
  border-right:2px solid #cc0000;
}

#search_area .base.full {
  width: 100%;
}
#search_area .btn_area {
  text-align: center;
}
#search_area .btn_area.col2 .button {
  width: 200px;
}

/* list */
#list_area .grid_area input[type="text"],
#list_area .grid_pager input[type="text"] {
  margin: auto;
  padding: 0;
  height: 25px;
  line-height: auto;
  font-size: 14px;
}
#list_area .grid_area {
  margin-bottom: 20px;
}
#list_area .grid_pager {
  height: 40px;
}
#list_area .btn_area {
  text-align: center;
}

/* dialog */
.editDialog .dialogBox .btn_area {
  text-align: center;
}
.editDialog .dialogBox .btn_area .button {
  width: 400px;
}
.editDialog .dialogBox .dialogBtn {
  margin-top: 10px;
}
.editDialog .dialogBox .dialogBtn a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

/* mail */
.search_side_page {
	width:180px;
	float:right;
	margin-right:5px;
}
.search_side_page .pre_page,.search_side_page .next_page {
	display:inline;
	float:left;
	width:90px;
	white-space:nowrap;
	margin-top:10px;
}
.search_side_page .pre_page { text-align:left;}
.search_side_page .next_page { text-align:right;}
.search_side_page .pre_page a:link,.search_side_page .next_page a:link { text-decoration: underline;}

.imeActive{
	ime-mode:active !important;
}
.imeInactive{
	ime-mode:inactive !important;
}


/*----- サンプル分スタイル  -----*/

.sample_kit {
	width:1000px;
	margin:0 auto;
	border:dashed 1px;
	padding:20px;
	margin-top:30px;
	margin-bottom:30px;
}


/*------------------------------------------------------*/
/*------------- 各ページ別の専用スタイル ---------------*/
/*------------------------------------------------------*/


/*---------- 共通のスタイル ----------*/

body {
	background-image:none;
}

#contents {
	width:1000px;
	margin:0 auto;
}

h2.form_title {
	height:36px;
	line-height:38px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    background-color:#6088ca;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
    border-radius: 8px;
	position: absolute;
	left:0px;
	top:-20px;
	padding:0 18px;
}

	h2.form_title.or {color:#ff9900;}

table.base th, table.base td {
	border: 1px solid #d1d1d1;
	font-size:14px;
	padding: 10px 0;
}

table.base th {
	color:#225378;
	font-weight: bold;
	text-align:center;
	background: #f4f4f4;
	padding-right:6px;
}

input.userreg {/* ←オレンジ色ボーダー付きテキストフォーム */
	width:130px;
	line-height: 24px;
	font-size: 14px;
	border:3px solid #fda535;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;
	padding: 2px 4px;
}

select.userreg {/* ←オレンジ色ボーダー付きセレクトフォーム */
	width:120px;
	line-height: 24px;
	font-size: 14px;
	border:3px solid #fda535;
}

	.userreg.wide {width:305px;}
	.userreg.middle {width:200px;}
	.userreg.mini {width:60px;}

.reg_table {height:43px;}

	.reg_table td input:disabled {
		color: #aaaaaa;
		background-color: #aaaaaa;
	}

.form_border {/* ←フォーム内の点線の仕切り */
	width:auto;
	border-bottom:1px dashed #15344C;
	margin:5px 0;
}

ul.search_barx li input:disabled {
    color: #f2f2f2;
    background-color: #aaaaaa;
}

ul.search_barx.none li input:disabled {
    background-color:#225378;
 	border:none;
	margin:0 3px;
}


/*----- 矢印や三角などの装飾 -----*/

.arrow_up {
	width:25px;
	display:block;
	position:absolute;
	left:-20px;
	background:none;
	z-index:10 !important;
}

	.arrow_up.short {
		height:44px;
		top:-28px;
		background:url("../img/share/arrow_up_short.png") no-repeat left bottom;
	}

	.arrow_up.middle {
		height:58px;
		top:-42px;
		background:url("../img/share/arrow_up_middle.png") no-repeat left bottom;
	}

	.arrow_up.long {
		height:70px;
		top:-54px;
		background:url("../img/share/arrow_up_long.png") no-repeat left bottom;
	}

.sankaku{
    width: 0;
    height: 0;
    border: 80px solid transparent;
    border-top: 26px solid #ff9900;
	position:absolute;
	bottom:-114px;
	left:210px;
	z-index:10;
}

.more_btn_title {
	height: 18px;
	width: auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
    border-radius: 6px;
	background-color: #11293B;
	position: absolute;
	left: 4px;
	top: -18px;
	color:#fff;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	padding: 3px 6px;
}

.notes_andor {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size:12px;
	font-weight:bold;
	color:#333;
	position:absolute;
	top: 51px;
	left: 360px;
	z-index:3;
	cursor: pointer;
}

	.notes_andor span {
		background-position: right top;
		background-repeat: no-repeat;
		background-image: url("../img/share/notes_andor_b.png");
		display: block;
		height: 22px;
		padding-right: 15px;
	}

	.notes_andor span span {
		background-position: left top;
		background-repeat: no-repeat;
		background-image: url("../img/share/notes_andor_a.png");
		height: 22px;
		line-height: 28px;
		padding-left: 30px;
		width:50px;
	}

	.notes_andor span span span {
		display:inline;
		background:none;
		padding:0;
	}

.notes_ouiorg {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size:12px;
	font-weight:bold;
	color:#333;
	position:absolute;
	z-index: 2;
	left: 260px;
	top: 90px;
	cursor: pointer;
}

	.notes_ouiorg span {
		background-position: right top;
		background-repeat: no-repeat;
		display: block;
		padding-right: 10px;
	}

	.notes_ouiorg span span {
		background-position: left top;
		background-repeat: no-repeat;
		background-image: url("../img/share/notes_ouiorg.png");
		height: 37px;
		line-height: 21px;
		padding-left: 24px;
		width:56px;
	}

	.notes_ouiorg span span span {
		display:inline;
		background:none;
		padding:0;
	}

.search_clear {
	position:absolute;
	z-index: 4;
	left: 696px;
	top: 58px;
	cursor: pointer;
}

.doublearrow2 {/* ←Date/Time部分のねじれた矢印 */
	width:33px;
	height:15px;
	background:url("../img/share/doublearrow2.png") no-repeat left top;
	margin:2px auto;
}

div.error_area {
	width:580px;
	margin:0px auto;
}

.error_area.off {display:none}


/*------------------------------------------------------*/
/*------------------ 文字関連のスタイル ----------------*/
/*------------------------------------------------------*/

span.login_name {/* ←ログインユーザー名 */
	color:#ffffff;
	margin-right:10px;
}

.grid_title {/* ←期間検索側（左）のグリッドタイトル */
	color:#fff;
	text-align:center;
	margin-top:8px;
	margin-bottom:4px;
}

ul.search_barx li p {/* ←モード切り替え側（右）のグリッドタイトル */
	font-size:12px;
	margin-bottom:4px;
}

.attention_text {
	color:#eb7f00;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:6px;
}

	.attention_text.f10px {font-size:10px;}
	.attention_text.f14px {font-size:14px;}

.search_undertext {
	font-size:6px;
	font-weight:normal;
	margin-top:4px;
}

.reg_title {
	width:150px;
	color:#fff;
	vertical-align:middle;
	font-size:16px;
	text-align:right;
	margin-right:4px;
	white-space:nowrap;
}

	.reg_title.mini {width:100px;}

.reg_optional {
	color:#fff;
	padding-left:5px;
	width: 70px;
}

.reg_attention {
	color:#fff;
	padding: 0 0 5px 5px;
	line-height: 125%;
}

.registrant {
	color:#fff;
	font-size:16px;
}

#basic_grid tr:not(.rd) span.red{
	color: red;
}

/*------------------------------------------------------*/
/*-------- ボタン関連のスタイル（ボタン本体） ----------*/
/*------------------------------------------------------*/

/*----- タイトルバー横のメニューボタン -----*/

.button.menu_btn {
	height:32px;
	color:#fff;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border: 1px solid #000;
    box-shadow: 0px 9px 6px -6px #222;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	padding:0 10px;
}

	.button.menu_btn.cy {background-color:#47ffd1; color:#000;}
	.button.menu_btn.bk {background-color:#333333; color:#000;}
	.button.menu_btn.gr {background-color:#94cc03; color:#000;}
	.button.menu_btn.gy {background-color:#A9A9A9; color:#000;}
	.button.menu_btn.lb {background-color:#3399cc; color:#000;}
	.button.menu_btn.ly {background-color:#ffff00; color:#000;}
	.button.menu_btn.or {background-color:#ff9900; color:#000;}
	.button.menu_btn.pk {background-color:#ff97cd; color:#000;}
	.button.menu_btn.rd {background-color:#cc0000; color:#fff;}
	.button.menu_btn.ye {background-color:#ffc800; color:#000;}
	.button.menu_btn.wh {background-color:#ffffff; color:#000;}
	.button.menu_btn.off{background-color:#555555; color:#000; border:1px dotted #000; box-shadow:inset 0px 9px 6px -6px #222; cursor: default;}

	.button.menu_btn.gr:hover {background-color:#B2F204;}
	.button.menu_btn.ly:hover {background-color:#FEFF7F;}
	.button.menu_btn.or:hover {background-color:#FFC919;}
	.button.menu_btn.rd:hover {background-color:#F20000;}
	.button.menu_btn.ye:hover {background-color:#FFE821;}

.btn_h80p {/* ←ログイン用の最大サイズのボタン */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 80px;
	width:175px;
}

	.btn_h80p span {
		background-position: right top;
		background-repeat: no-repeat;
		background-image: url("../img/share/button_gradation_big.png");
		display: block;
		font-size:36px;
		line-height:80px;
		letter-spacing:-0.05em
	}

.btn_h50p {/* ←右端の大きなボタン */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 44px;
	width:96px;
}

	.btn_h50p span {
		background-position: right top;
		background-repeat: no-repeat;
		background-image: url("../img/share/button_gradation.png");
		display: block;
		font-size:20px;
		line-height:44px;
		letter-spacing:-0.05em
	}

	.btn_h50p.metal span {background-image: url("../img/share/button_gradation_metal.png");}
	.btn_h50p.emboss span {background-image: url("../img/share/button_gradation_emboss.png");}

.btn_h50p_wide {/* ←右端の大きなボタン（横幅拡張版） */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 44px;
	width:130px;
}

	.btn_h50p_wide span {
		background-position: right top;
		background-repeat: no-repeat;
		background-image: url("../img/share/button_gradation_wide2.png");
		display: block;
		font-size:20px;
		line-height:44px;
		letter-spacing:-0.05em
	}


/* 下段のモード/ステータス/オペレーション用ボタン */

.btn_h36p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 36px;
	width:72px;
}

	.btn_h36p span {
		background-position: left top;
		background-repeat: no-repeat;
		background-image: url("../img/share/button_gradation_mini.png");
		display: block;
		font-size:16px;
		line-height:38px;
		letter-spacing:-0.05em;
		border-radius:6px;
	}
	.btn_h36p.off span {
		background:none;
	}
	.btn_h36p.minitext span {
		font-size:12px;
		line-height:12px;
		letter-spacing:0em;
		height:36px;
		padding-top:6px;
	}


/* 下段のモード/ステータス/オペレーション用ボタン（横幅拡張版） */

.btn_h36p_wide {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 36px;
	width:160px;
}

	.btn_h36p_wide span {
		background-position: left top;
		background-repeat: no-repeat;
		background-image: url("../img/share/button_gradation_wide.png");
		display: block;
		font-size:16px;
		line-height:38px;
		letter-spacing:-0.05em;
	}

	.btn_h36p_wide.minitext span {
		font-size:12px;
		line-height:12px;
		letter-spacing:0em;
		height:36px;
		padding-top:6px;
	}


/* check all/uncheck all用の小さなボタン */

.btn_h16p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 16px;
	width:80px;
}

	.btn_h16p span {
		display: block;
		color:#333333;
		font-size:12px;
		line-height:14px;
		letter-spacing:-0.05em
	}


/*------------------------------------------------------*/
/*-------- ボタン関連のスタイル（ボタン裏側） ----------*/
/*------------------------------------------------------*/

.button_baseX{/* ←下側のボタンたちの裏側 */
    height: 36px;
    width: 72px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
    border-radius: 6px;
}

	.button_baseX.cy {background-color:#47ffd1;}
	.button_baseX.bk {background-color:#333333;}
	.button_baseX.gr {background-color:#94cc03;}
	.button_baseX.gy {background-color:#A9A9A9;}
	.button_baseX.lb {background-color:#3399cc;}
	.button_baseX.ly {background-color:#ffff00;}
	.button_baseX.or {background-color:#ff9900;}
	.button_baseX.pk {background-color:#ff97cd;}
	.button_baseX.rd {background-color:#cc0000;}
	.button_baseX.ye {background-color:#ffc800;}
	.button_baseX.wh {background-color:#ffffff;}

	.button_baseX.cy:hover {background-color:#C6FFF0;}
	.button_baseX.gr:hover {background-color:#B2F204;}
	.button_baseX.gy:hover {background-color:#CECECE;}
	.button_baseX.lb:hover {background-color:#3CB5F2;}
	.button_baseX.ly:hover {background-color:#FEFF7F;}
	.button_baseX.or:hover {background-color:#FFC919;}
	.button_baseX.rd:hover {background-color:#F20000;}
	.button_baseX.ye:hover {background-color:#FFE821;}
	.button_baseX.wh:hover {background-color:#F0F0F0;}

.button_baseX.off {
  background-color: #555555;
  color: #000;
  box-shadow: inset 0px 9px 6px -4px #222;
  cursor: default;
}

	.button_baseX.off span {
	  cursor: default;
	}

.button_baseX_wide{/* ←長い文字数用のボタンたちの裏側（横幅拡張版） */
    height: 36px;
    width: 160px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
    border-radius: 6px;
}

	.button_baseX_wide.cy {background-color:#47ffd1;}
	.button_baseX_wide.bk {background-color:#333333;}
	.button_baseX_wide.gr {background-color:#94cc03;}
	.button_baseX_wide.gy {background-color:#A9A9A9;}
	.button_baseX_wide.lb {background-color:#3399cc;}
	.button_baseX_wide.ly {background-color:#ffff00;}
	.button_baseX_wide.or {background-color:#ff9900;}
	.button_baseX_wide.pk {background-color:#ff97cd;}
	.button_baseX_wide.rd {background-color:#cc0000;}
	.button_baseX_wide.ye {background-color:#ffc800;}
	.button_baseX_wide.wh {background-color:#ffffff;}

	.button_baseX_wide.lb:hover {background-color:#3CB5F2;}
	.button_baseX_wide.or:hover {background-color:#FFC919;}

.button_baseX.mini {/* ←下側のボタンたちの裏側 */
    height: 16px;
    width: 80px;
	margin-bottom:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
}

.button_baseA{/* ←色が変わる方のボタン裏側 */
    height: 44px;
    width: 96px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0px 10px 6px -6px #222;
	position: absolute;
	right: -106px;
	top: 0px;
	padding: 4px 2px;
	padding-left:20px;
}

	.button_baseA.cy {background-color:#47ffd1;}
	.button_baseA.bk {background-color:#333333;}
	.button_baseA.gr {background-color:#94cc03;}
	.button_baseA.gy {background-color:#A9A9A9;}
	.button_baseA.lb {background-color:#3399cc;}
	.button_baseA.ly {background-color:#ffff00;}
	.button_baseA.or {background-color:#ff9900;}
	.button_baseA.pk {background-color:#ff97cd;}
	.button_baseA.rd {background-color:#cc0000;}
	.button_baseA.ye {background-color:#ffc800;}
	.button_baseA.wh {background-color:#ffffff;}

.button_baseA_bg{/* ←色が変わる方のボタン背景 */
    height: 44px;
    width: 96px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
    border-radius: 6px;
}

	.button_baseA_bg.gr {background-color:#94cc03;}
	.button_baseA_bg.lb {background-color:#3399cc;}
	.button_baseA_bg.ye {background-color:#ffc800;}

	.button_baseA_bg.gr:hover {background-color:#B2F204;}
	.button_baseA_bg.lb:hover {background-color:#3CB5F2;}
	.button_baseA_bg.ye:hover {background-color:#FFE821;}

.button_baseB{/* ←青色固定の方のボタン裏側 */
	height: 44px;
	width: 96px;
	background-color: #00338C;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
    border-radius: 8px;
	position: absolute;
	right: -92px;
	bottom: 0px;
	padding: 4px 2px;
	padding-left: 10px;
}

.button_baseB_bg{/* ←青色固定の方のボタン背景 */
    height: 44px;
    width: 96px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
    border-radius: 6px;
}

	.button_baseB_bg.nb {background-color:#00338C;}

	.button_baseB_bg.nb:hover {background-color:#0045BC;}

.button_baseC {/* ←各画面右下のボタンの裏側 */
	height: 46px;
	width: 100px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
    border-radius: 8px;
	background-color: #225378;
    box-shadow: 0px 10px 6px -6px #222;
	position: absolute;
	right: -10px;
	bottom: -30px;
	padding: 6px 0 2px 6px;
}

	.button_baseC.cy {background-color:#47ffd1;}
	.button_baseC.bk {background-color:#333333;}
	.button_baseC.gr {background-color:#94cc03;}
	.button_baseC.gy {background-color:#A9A9A9;}
	.button_baseC.lb {background-color:#3399cc;}
	.button_baseC.ly {background-color:#ffff00;}
	.button_baseC.or {background-color:#ff9900;}
	.button_baseC.rd {background-color:#cc0000;}
	.button_baseC.ye {background-color:#ffc800;}

.button_baseC_bg{/* ←各画面右下のボタン背景 */
    height: 44px;
    width: 96px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
    border-radius: 6px;
}

	.button_baseC_bg.or {background-color:#ff9900;}

	.button_baseC_bg.or:hover {background-color:#FFC919;}

.button_baseC_wide {/* ←各画面右下のボタンの裏側（横幅拡張版） */
	height: 46px;
	width: 134px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
    border-radius: 8px;
	background-color: #225378;
    box-shadow: 0px 10px 6px -6px #222;
	position: absolute;
	right: -10px;
	bottom: -30px;
	padding: 6px 0 2px 6px;
}

	.button_baseC_wide.cy {background-color:#47ffd1;}
	.button_baseC_wide.bk {background-color:#333333;}
	.button_baseC_wide.gr {background-color:#94cc03;}
	.button_baseC_wide.gy {background-color:#A9A9A9;}
	.button_baseC_wide.lb {background-color:#3399cc;}
	.button_baseC_wide.ly {background-color:#ffff00;}
	.button_baseC_wide.or {background-color:#ff9900;}
	.button_baseC_wide.rd {background-color:#cc0000;}
	.button_baseC_wide.ye {background-color:#ffc800;}

.button_baseC_wide_bg{/* ←各画面右下のボタン背景（横幅拡張版） */
    height: 44px;
    width: 130px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
    border-radius: 6px;
}

	.button_baseC_wide_bg.or {background-color:#ff9900;}

	.button_baseC_wide_bg.or:hover {background-color:#FFC919;}

.button_baseC.big {/* ←ログイン用ボタンの裏側 */
	height: 80px;
	width: 175px;
	background-color: #ff9900;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
    border-radius: 12px;
	right: -20px;
	bottom: -60px;
	padding: 5px 4px;
}

.button_baseC_bg_big{/* ←ログイン用ボタン背景 */
    height: 80px;
    width: 175px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
    border-radius: 10px;
}

	.button_baseC_bg_big.or {background-color:#ff9900;}

	.button_baseC_bg_big.or:hover {background-color:#FFC919;}

.button_baseC.mini {/* ←左下のキャンセル/リターン用ボタンの裏側 */
	height: 39px;
	width: 85px;
	left: 0px;
	bottom: -25px;
	padding: 6px 0 2px 6px;
}

.button_baseC_bg_mini{/* ←左下のキャンセル/リターン用ボタン背景 */
    height: 36px;
    width: 80px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
    border-radius: 6px;
}

	.button_baseC_bg_mini.nb {background-color:#6088ca;}

	.button_baseC_bg_mini.nb:hover {background-color:#2D6F9E;}

/*------------------------------------------------------*/
/*----- ボタン関連のスタイル（ボタン文字アイコン） -----*/
/*------------------------------------------------------*/

h4.button_title {/* ←ボタン用のアイコンと文字のセット */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	font-weight:bold;
	height: 36px;
	line-height: 38px;
	background-position: 0% 50%;
	background-repeat: no-repeat;
	padding-left: 38px;
	margin-left:5px;
}

	h4.button_title.acc   {background-image: url("../img/share/icon24_acc.png");}
	h4.button_title.rad   {background-image: url("../img/share/icon24_rad.png");}
	h4.button_title.print {background-image: url("../img/share/icon24_print.png");}

	/* ↓追加分ボタンアイコン */
	h4.button_title.user01 {background-image: url("../img/share/icon24_user01.png");}
	h4.button_title.user02 {background-image: url("../img/share/icon24_user02.png");}
	h4.button_title.user03 {background-image: url("../img/share/icon24_user03.png");}
	h4.button_title.user04 {background-image: url("../img/share/icon24_user04.png");}
	h4.button_title.user05 {background-image: url("../img/share/icon24_user05.png");}
	h4.button_title.user06 {background-image: url("../img/share/icon24_user06.png");}
	h4.button_title.user07 {background-image: url("../img/share/icon24_user07.png");}

	h4.button_title.place01 {background-image: url("../img/share/icon24_place01.png");}
	h4.button_title.place02 {background-image: url("../img/share/icon24_place02.png");}
	h4.button_title.place03 {background-image: url("../img/share/icon24_place03.png");}
	h4.button_title.place04 {background-image: url("../img/share/icon24_place04.png");}
	h4.button_title.place05 {background-image: url("../img/share/icon24_place05.png");}
	h4.button_title.place06 {background-image: url("../img/share/icon24_place06.png");}
	h4.button_title.place07 {background-image: url("../img/share/icon24_place07.png");}

	h4.button_title.gp01 {background-image: url("../img/share/icon24_gp01.png");}
	h4.button_title.gp02 {background-image: url("../img/share/icon24_gp02.png");}
	h4.button_title.gp03 {background-image: url("../img/share/icon24_gp03.png");}
	h4.button_title.gp04 {background-image: url("../img/share/icon24_gp04.png");}
	h4.button_title.gp05 {background-image: url("../img/share/icon24_gp05.png");}
	h4.button_title.gp06 {background-image: url("../img/share/icon24_gp06.png");}
	h4.button_title.gp07 {background-image: url("../img/share/icon24_gp07.png");}

	h4.button_title.acc02 {background-image: url("../img/share/icon24_acc02.png");}

	h4.button_title.exp01 {background-image: url("../img/share/icon24_exp01.png");}
	h4.button_title.exp02 {background-image: url("../img/share/icon24_exp02.png");}
	h4.button_title.exp03 {background-image: url("../img/share/icon24_exp03.png");}
	h4.button_title.exp04 {background-image: url("../img/share/icon24_exp04.png");}
	h4.button_title.exp05 {background-image: url("../img/share/icon24_exp05.png");}
	h4.button_title.exp06 {background-image: url("../img/share/icon24_exp06.png");}
	h4.button_title.exp07 {background-image: url("../img/share/icon24_exp07.png");}

	h4.button_title.visitor01 {background-image: url("../img/share/icon24_visitor01.png");}
	h4.button_title.visitor02 {background-image: url("../img/share/icon24_visitor02.png");}
	h4.button_title.visitor03 {background-image: url("../img/share/icon24_visitor03.png");}
	h4.button_title.visitor04 {background-image: url("../img/share/icon24_visitor04.png");}
	h4.button_title.visitor05 {background-image: url("../img/share/icon24_visitor05.png");}
	h4.button_title.visitor06 {background-image: url("../img/share/icon24_visitor06.png");}
	h4.button_title.visitor07 {background-image: url("../img/share/icon24_visitor07.png");}
	h4.button_title.visitor08 {background-image: url("../img/share/icon24_visitor08.png");}
	h4.button_title.pdf {background-image: url("../img/share/pdficon_large.png");}
	
	h4.button_title.wireless {background-image: url("../img/share/icon24_wireless.png");}

h4.button_title.custom {/* ←Visitor Registration用の大きなボタン */
	color:#000;
	font-size: 24px;
	font-weight:bold;
	text-align:left;
	height: 42px;
	line-height: 44px;
	background-position: 0% 50%;
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-right:24px;
}


/* ボタン群サイズ指定 */

.btnS2 {
	width: 220px;
}
.btnS5 {
	width: 700px;
}

.btnS12 {
	width:100%;
}


/*------------------------------------------------------*/
/*-------------- 各ページ別の専用スタイル --------------*/
/*------------------------------------------------------*/

/*---------- ログイン部分のスタイル ----------*/

.loginbox {
    width:500px;
    margin:70px auto 0;
}

.loginform {
  background-color:#6088ca;
	position:relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0px 10px 6px -6px #222;
	padding:30px 24px 15px;
}

.imagebox {
	width:320px;
	height:150px;
	padding:20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	border:3px solid #eb7f00;
	top: 10px;
	right: -380px;
	text-align:center;
	background: #ffffff;
}

	.imagebox .before {
		width: 40px;
		height: 24px;
		display: block;
		background: url("../img/share/box_cone.png") no-repeat 50% 50%;
		bottom: 10px;
		left: -40px;
	}
#flashMessage, #completeMessage {
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	text-align:left;
	border:3px solid Black;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	padding:10px 10px 5px 40px;
	margin:20px 0;
}

#errorMessage, #authMessage, #errMessage{
	color:#FF0000;
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	text-align:left;
	background:url(../img/share/icon24_danger.gif) no-repeat 8px center #fff;
	border:3px solid #FF0000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	padding:10px 10px 5px 40px;
	margin:20px 0;
}
#deleteErrorMessage {
	color:#FF0000;
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	text-align:left;
	background:url(../img/share/icon24_danger.gif) no-repeat 8px center #fff;
	border:3px solid #FF0000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	padding:5px 5px 0px 40px;
	margin-bottom:5px;
}
#csvErrorMessage {
	color:#FF0000;
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	text-align:left;
	background:url(../img/share/icon24_danger.gif) no-repeat 8px center #fff;
	border:3px solid #FF0000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	padding:5px 5px 0px 40px;
	margin:5px;
	display: none;
	max-height: 420px;
	overflow: auto;
}
#errorMessage .validation_header, #deleteErrorMessage .validation_header{
	margin-right: 12px;
}
#errorMessage .validation_error, #deleteErrorMessage .validation_error{
	color: black;
}
#errorMessage {
	margin: 4px 0 20px;
	padding:7px 10px 5px 10px;
}
#errorMessage img {
	width: 23px;
	height: 23px;
}
.errorbox.off {display:none}

div.visitor_err {
	color:#FDA535;
	font-weight:normal;
	padding:0px 0px 5px 5px;
}

#loginid, #loginPassword {
	width:260px;
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	border:4px solid #fda535;
	padding: 5px 10px;
	position:relative;
}

.loginform tr p {
  line-height: 30px;
  float: left;
}

.loginform .errorbox {
  color: #d00;
  font-size: 20px;
}

#captcha {
  width:331px;
  height: 40px;
  line-height: 40px;
  border:4px solid #fda535;
  padding: 5px 12px;
  position:relative;
}

tr.form_margin {
	height:20px;
}

.loginform table #arrow_down_image {
  float: left;
}

/*---------- ページタイトル/ボタンスタイル ----------*/

.page_title {/* ←枠の名前 */
	height:50px;
	margin-top:10px;
	margin-bottom: 14px;
	padding-left:24px;
	padding-right:24px;
	line-height:55px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color:#6088ca;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
    box-shadow: 0px 10px 6px -6px #222;
	position:relative;
}

.page_title h2 {
	color:#ffffff;
	font-size:24px;
	font-weight:bold;
  float: left;
}

.page_title h2:nth-child(2) {
  float: right;
}

.page_title h2 form {
	margin: 10px 0;
}

.page_title h2 form select {
	font-size: 20px;
}

ul.menu_bar_button {
	float: right;
	font-size:14px;
	vertical-align:middle;
	margin-right:10px;
	margin-top: 8px;
	line-height: 33px;
}
	ul.menu_bar_button li {
		margin-left:4px;
		float:left;
	}


/*---------- メインメニューのスタイル ----------*/

.menu_main {
	width:810px;
	margin:60px auto 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
    box-shadow: 0px 10px 6px -6px #222;
	background-color:#225378;
	position:relative;
	padding:20px;
}

.menu_emboss {
	width:auto;
	background-color:#183B56;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	box-shadow:inset 0px 8px 6px -6px #222;
	margin:0 auto;
	padding:6px 0;
}



ul.menu_top_button {
	text-align:left;
	width: 405px;
	float: left;
	
	}

	ul.menu_top_button li {
		margin: 10px;
		position:relative;
		margin-right:0px;
	}

	button.ques{/* ←ヘルプボタン */
	padding:0;
	margin:5px;
	vertical-align: bottom;
	position: relative;
	background:none;
	border:0;
	cursor:pointer;
	border-radius: 50%;
	box-shadow:  0px 10px 6px -6px #222;
}
	



button.menu_btn.top {/* ←メインメニュー用の縦列ボタン */
	height:45px;
	width:340px;
	font-size:18px;
	text-align:left;
	line-height:16px;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/*---------- 各マネージャーサーチ部分のスタイル ----------*/

.without_date {
	width:733px;
	float:right;
	position:relative;
}

.id_only {
	width:50px;
	float:left;
	position:relative;
	margin-right: 8px;
}

.search_areax {/* ←青いメインの枠 */
	width:855px;
	height:114px;
	padding:6px 14px 2px 25px;
	background-color: #00338C;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	position:relative;
	margin-bottom: 5px;
}

ul.search_barx{/* ←色が変わる方の枠 */
    height: 72px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
	padding:8px 0 0 6px;
    box-shadow: 0px 10px 6px -6px #222;
	position:relative;
}

ul.search_barx li {
	float:left;
	margin-right:4px;
	margin-bottom:4px;
}

	.search_barx.cy {background-color:#47ffd1;}
	.search_barx.gr {background-color:#94cc03;}
	.search_barx.gy {background-color:#A9A9A9;}
	.search_barx.lb {background-color:#3399cc;}
	.search_barx.ly {background-color:#ffff00;}
	.search_barx.or {background-color:#ff9900;}
	.search_barx.pk {background-color:#ff97cd;}
	.search_barx.rd {background-color:#cc0000; color:#ffffff;}
	.search_barx.ye {background-color:#ffc800;}
	.search_barx.wh {background-color:#ffffff;}

ul.search_barx.none{/* ←枠なし */
    height: 72px;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	-ms-border-radius: none;
	-o-border-radius: none;
	border-radius: none;
	text-align:center;
	padding:8px 0 0 6px;
    box-shadow:none;
	color:#ffffff !important;
}

div.tab_area {
	margin-left: -5px;
}


/*---------- 各マネージャー下側ボタンのスタイル ----------*/

ul.more_btn01 {/*←下側の大きいほうのボタンたち*/
	height:36px;
	background-color:#11293B;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	text-align:center;
	padding:8px 4px;
	margin-left: 22px;
	margin-top: 4px;
	position:relative;
	float:left;
}

	ul.more_btn01 li {
		float:left;
		margin-right:2px;
		margin-left:2px;
	}

ul.more_btn02 {/*←下側の大きいほうのボタンたち（矢印なし）*/
	height:36px;
	background-color:#11293B;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	text-align:center;
	padding:8px 4px;
	margin-left: 4px;
	margin-top: 4px;
	position:relative;
	float:left;
}

	ul.more_btn02 li {
		float:left;
		margin-right:2px;
		margin-left:2px;
	}

.connection_bar {/*←背面部分の横長棒 */
	height:34px;
	width:900px;
	position:absolute;
	top:9px;
	left:10px;
	background-color:#11293B;
	z-index:-1;
}

	.connection_bar.w160px {width:160px;}
	.connection_bar.w320px {width:320px;}


ul.more_btn02.widthmax {/*←下側の大きいほうのボタンたち（矢印なし/横幅100%/上マージン調節）*/
	width:100%;
	margin-left:0px;
	margin-top:10px;
}


/*---------- VISITOR Registration特注のスタイル ----------*/

table.base th.confirm_title {
	width:200px;
	color:#225378;
	font-weight: bold;
	text-align:right;
	background: #f4f4f4;
	padding-right:6px;
}

table.base td.confirm_text {
	width:500px;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	line-height:115%;
	word-break: break-all;
}

.menu_userreg {/* ←ユーザー登録画面（入力用）の枠 */
	width:550px;
	margin:36px auto 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
    box-shadow: 0px 10px 6px -6px #222;
	background-color:#225378;
	position:relative;
	padding:20px 30px 30px;
}

.menu_userreg.confirm {/* ←ユーザー登録画面（確認/完了用）の枠 */
	width:560px;
	padding:20px 6px 30px;
	position:relative;
}

.confirm_area {
	width:560px;
	background-color:#fff;
}

.menu_userreg.confirm.custom {/* ←PDF出力の注意事項の枠 */
	width:500px;
	margin:36px auto 0;
	padding:20px 6px 16px;
}

.written_oath {
	color:#fff;
	text-align:center;
}

	.written_oath h2 {
		font-size:20px;
		margin-bottom:10px;
	}

	.written_oath p {
		font-size:14px;
		line-height:18px;
		font-weight:normal;
		margin-bottom:8px;
	}

.date_border {
	height:6px;
	width:10px;
	background-color:#ff9900;
}

img.ui-datepicker-trigger {
	background-color: #ff9900;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	margin-left: 2px;
	cursor: pointer;
}
img.ui-datepicker-trigger:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}


button.pdfoutput_btn {/* ←PDF出力専用のボタン */
	height:44px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border: 1px solid #000;
    box-shadow: 0px 9px 6px -6px #222;
	background-color:#ff9900;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	padding-left:10px;
}

	button.pdfoutput_btn:hover {
		background-color:#FFC919;
	}

/*---------- Report Software特注のスタイル ----------*/
.sw_check_table .sw_check_radio {
	width:100px;
	margin-right:4px;
}
	.sw_check_table .sw_check_radio label {
		line-height: 25px;
	}

/*---------- Select Software特注のスタイル ----------*/
#operation_system {/* ←Operating System部分 */
	background-color: #FFFFFF;
	padding: 10px; 
	border: 1px solid #D1D1D1;
	overflow : hidden;
}
.report_error {
	color: red;
	margin-left: 5px;
	padding: 3px 0;
}
#os_select div.left {
	float:left;
}
#os_select div.radio_w25 {/* ←OSエリアの内部幅 */
	width: 30%;
}
#os_select div.radio_w50 {/* ←OSエリアの内部幅 */
	width: 40%;
}
#os_select ul li.os_error {
	display:none;
}
#os_version_wrapper #os_version_list li {
	display:none;
}
#os_version_wrapper li.version_text, #os_version_wrapper li.version_error{
	display:none;
}
#license_list_wrapper li ul#os_license_list li {
	display:none;
}
#license_list_wrapper li.license_info, #license_list_wrapper li.license_error {
	display:none;
}
.license p.os_info_text {
	margin: 5px 0 0 5px;
	line-height: 30px;
}
.license p.os_info_text span {
	display: inline-block;
	width: 140px;
}
.license p.os_info_text input.comment_text {
	width: 300px;
}


.software .software_versions {/* ←Installed Software部分 */
	margin-left: 30px;
}
	.software .software_versions .versions {
		clear: both;
	}
	.software .software_versions div.software_detail ul {
		margin-left: 30px;
	}
	.software .software_versions .version_set {
		padding:0;
	}


.other_software {/* ←Other Software部分 */
	width: 998px;
	border: 1px solid #d1d1d1;
}
	.other_software .other_software_title {
		background: none repeat scroll 0 0 #f4f4f4;
		color: #225378;
		height: 32px;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		border-bottom: 1px solid #d1d1d1;
		line-height: 32px;
	}
	.other_software img {cursor: pointer;}

/* Other OS入力欄*/
table#other_os_table {
	margin-left: 20px;
	border: 1px solid #d1d1d1;	
	display: none;
}
table#other_os_table tr {
	height: 30px;
	
}
table#other_os_table tr th,table#other_os_table tr td{
	text-align: center;
	padding: 5px 3px;
	font-weight: normal;
}
#other_os_table tr td input[type=text]{
	width: 140px;
}

/* OtherSoftware内のレコード追加テーブル */
.other_software table { 
	width: 980px;
	border: 1px solid #d1d1d1;
	margin: 10px;
}
	.other_software table tr.other_software_table {height: 30px;}

	.other_software table tr.other_software_table th {
		background: none repeat scroll 0 0 #f4f4f4;
		color: #225378;
		border: 1px solid #d1d1d1;
		text-align: center;
	}
	.other_software table tr.other_software_line td {
		border: 1px solid #d1d1d1;
		padding: 5px 0 5px 5px;
	}
	.other_software table tr.other_software_line th.add_btn,
	.other_software table tr.other_software_line td.remove_btn {
		padding-left: 0;
		text-align: center;
	}
	.other_software #other_software_table input[type=text]{
		width: 140px;
	}
	

/*----- チェックボックスの要素 -----*/

input.toggle[type='checkbox'] {
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
}

input.input_noborder {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	height: 20px;
	width:92%;
	line-height: 20px;
	font-size: 14px;
	border: solid 1px #A9A9A9;
	padding:2px 4px;
}

.bt_check {
	height: 30px;
	width:80px;
	color:#ffffff;
	font-size:10px;
	line-height: 22px;
	text-align:center;
	display: block;
	cursor: pointer;
	overflow: hidden;
	background:url("../img/share/bt_check_blur.png") no-repeat left top;
	margin:4px 4px 0 ;
}

	.bt_check.left {float:left;}
	.bt_check.right {float:right;}

p.checkcolor {
	margin:6px;
	height:18px;
	color:#333333;
}

	p.checkcolor.cy {background-color:#47ffd1;}
	p.checkcolor.bk {background-color:#333333;}
	p.checkcolor.gr {background-color:#94cc03;}
	p.checkcolor.gy {background-color:#A9A9A9;}
	p.checkcolor.lb {background-color:#3399cc;}
	p.checkcolor.ly {background-color:#ffff00;}
	p.checkcolor.or {background-color:#ff9900;}
	p.checkcolor.pk {background-color:#ff97cd;}
	p.checkcolor.rd {background-color:#cc0000; color:#ffffff;}
	p.checkcolor.ye {background-color:#ffc800;}
	p.checkcolor.wh {background-color:#ffffff;}

.c_on{background-position:left bottom;}


/*----- Grid関係 -----*/

	#basic_grid .cy {background:#47ffd1;}
	#basic_grid .gr {background:#94cc03;}
	#basic_grid .gy {background:#A9A9A9;}
	#basic_grid .lb {background:#3399cc;}
	#basic_grid .lg {background:#d9e698;}
	#basic_grid .ly {background:#ffff00;}
	#basic_grid .or {background:#ff9900;}
	#basic_grid .pk {background:#ff97cd;}
	#basic_grid .rd {background:#cc0000; color:#ffffff;}
	#basic_grid .ye {background:#ffc800;}
	#basic_grid .wh {background:#ffffff;}
	#basic_grid .ex {background:#c8c8c8;}
	#basic_grid .mwh {background:#cfcfcf;}
	#basic_grid .caution {background:#ffff00;}

	#gview_basic_grid .s-ico {
		display: inline-block!important;
	}

	.ui-jqgrid .ui-icon-asc, .ui-jqgrid .ui-icon-desc {
		width: 16px!important;
		height: 18px!important;
	}
	.ui-jqgrid .ui-icon-asc {
		top: 4px!important;
		margin-left: -15px!important;
	}
	.ui-jqgrid .ui-icon-desc {
		top: -2px!important;
		margin-left: -3px!important;
	}

	.ui-jqgrid .ui-jqgrid-resize {
		width: 10px!important;
	}

	#basic_pager #search_count {
		position: absolute;
		top: 8px;
		right: 870px;
	}

/*----- Firefoxのボタンのずれ調整 -----*/

@-moz-document url-prefix() {
	.btn_h50p span {
		height:51px;
		width:98px;
		margin:-1px 0px 0px -4px;
	}
	.btn_h50p_wide span {
		height:51px;
		width:131px;
		margin:-1px 0px 0px -4px;
	}
	.btn_h80p span {
		width:175px;
		margin:-1px 0px 0px -4px;
	}
	.btn_h36p span {
		height:37px;
		width:74px;
		margin:-2px 0px 0px -4px;
		box-shadow: 2px 2px 1px 0px rgba(255,255,255,0.75) inset,-2px -2px 1px 0px rgba(0,0,0,0.75) inset;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-ms-border-radius: 6px;
		-o-border-radius: 6px;
		border-radius: 6px;
		line-height:36px;
	}
	.btn_h36p.off span {
		box-shadow: none;
	}
	.btn_h36p.minitext span {
		padding-top:6px;
		height:31px;
	}
	.btn_h36p_wide span {
		height:37px;
		width:161px;
		margin:-2px 0px 0px -4px;
		box-shadow: 2px 2px 1px 0px rgba(255,255,255,0.75) inset,-2px -2px 1px 0px rgba(0,0,0,0.75) inset;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-ms-border-radius: 6px;
		-o-border-radius: 6px;
		border-radius: 6px;
		line-height:36px;
	}
	.button_baseC_bg_mini {
		width:72px;
	}
}