@import "wns_default_style.css";

body {
	overflow:   hidden;
	margin:     0;
	padding:    0;
	word-break: break-all;
	font-family: 'メイリオ','meiryo','ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','Helvetica','sans-serif';
}

input, textarea, select, button {
	font-family: inherit;
}

table {
	font-size: 90%;
}
#mainbox {
	margin:      0 0 0 0;
	height:      100vh;
	overflow:    scroll;
	padding:     0 0 0 180px;
	border-left: 1px solid #000000;
}
#mainbox_map {
	margin:      0 0 0 0;
	height:      100vh;
	overflow:    scroll;
	padding:     0 0 0 180px;
	border-left: 1px solid #000000;
}
#leftbox {
	position: absolute;
	left:     0;
	top:      0px;
	width:    180px;
	height:   100%;
	margin:   0;
	padding:  0;
	overflow: auto;
	background-color: #1177DD;
	color:            #FFFFFF;
}
body#seisaku_irai div#leftbox {
	position: absolute; 
	left:     0; 
	top:      0px; 
	width:    180px; 
	height:   100%; 
	margin:   0; 
	padding:  0;
	overflow: auto;
	background-color: #1177DD;
	color:            #FFFFFF;
}
#normalbox {
	margin:      0;
	height:      100vh;
	width:       100%;
	overflow:    scroll;
	padding:     0;
}

hr.header {
	border: solid #1177DD;
}
hr.menu {
	border: solid #FFFFFF;
}
hr.error {
	border: solid #FF0000;
}

a:link {
	color:#0000FF;
	text-decoration: none;
}
a:active {
	color:#0000FF;
	text-decoration: none;
}
a:visited {
	color:#0000FF;
	text-decoration: none;
}
a:hover {
	color:#FF0000;
	text-decoration: underline;
}
.white {
	color: #FFFFFF;
}
a.white:link {
	color:#FFFFFF;
	text-decoration: none;
}
a.white:active {
	color:#FFFFFF;
	text-decoration: none;
}
a.white:visited {
	color:#FFFFFF;
	text-decoration: none;
}
a.white:hover {
	color:#FF0000;
	text-decoration: underline;
}
.navy {
	color: #000099;
}
a.navy:link {
	color:#000099;
	text-decoration: none;
}
a.navy:active {
	color:#000099;
	text-decoration: none;
}
a.navy:visited {
	color:#000099;
	text-decoration: none;
}
a.navy:hover {
	color:#FF0000;
	text-decoration: underline;
}
.buttonFace, .button, .smtButton, .midButton, .loginButton, .narrowButton, .narrowButton2, .largeButton,
 .smtButtonRight, .smtButtonLeft, .largeButtonRight, .largeButtonLeft {
	border: 1px solid #006699;
	background-color: #FFFFFF;
}
.button, .smtButton, .midButton, .narrowButton, .narrowButton2, .largeButton,
 .smtButtonRight, .smtButtonLeft, .largeButtonRight, .largeButtonLeft {
	margin-right: 10px;
	margin-left: 10px;
}

.buttonFace:active, .button:active, .smtButton:active, .midButton:active, .loginButton:active,
 .narrowButton:active, .narrowButton2:active, .largeButton:active,
 .smtButtonRight:active, .smtButtonLeft:active, .largeButtonRight:active, .largeButtonLeft:active {
	-webkit-transform: translate(0,2px);
	-moz-transform: translate(0,2px);
	transform: translate(0,2px);
}

.smtButtonRight {
	width:150px;
	float:right;
}

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

.largeButton {
	width:200px;
}

.largeButtonRight {
	width:200px;
	float:right;
}

.largeButtonLeft {
	width:200px;
	float:left;
}

.smtButton {
	width:150px;
}
.midButton {
	width:190px;
}
.loginButton {
	width: 100%;
}
.narrowButton {
	margin-right: 3px;
	margin-left: 3px;
}
.narrowButton2 {
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
}

/* 案内文言 */
.info {
	font-size: smaller;
	font-weight: lighter;
	text-decoration: underline;
	padding-left: 5px;
}
/* 注意喚起文言 */
.attention {
	font-size: smaller;
	font-weight: lighter;
	text-decoration: underline;
	padding-left: 5px;
	color:#FF0000;
}

/* 注意喚起文言２ */
.attention_02 {
	color:#FF0000;
}

/* 注意喚起文言３ */
.attention_03 {
	font-weight: bold;
	padding-left: 20px;
	color:#FF0000;
}

/* 注意喚起文言（アンダースコア） */
.attention_underline {
	text-decoration: underline;
	color:#FF0000;
}

/* 注意喚起文言リスト */
.attention_list ol {
	margin-top: 7px;
	margin-bottom: 7px;
}

/* 利用規約 */
td.kiyaku p.kiyakuInfo{
	font-size: smaller;
	font-weight: lighter;
	width: 100vw;
	margin: 0 calc(50% - 50vw) 2px;
}
td.kiyaku a.kiyakuLink {
	text-decoration: underline;
}

.chkItem {
	margin-right: 10px;
}

/* 縦並びのラジオボタン、チェックボックス用のスタイル */
.chkItemTate {
	margin-top: 8px;
	margin-bottom: 8px;
	display: block;
}

/* 表スタイル */
table.grid {
	background-color: #666666;
}
tr.grid {
	background-color: #FFFFFF;
}
tr.grid_gray {
	background-color: #999999;
}
th.grid {
	background-color: #CCCCCC;
	padding:2px;
	text-align:center;
}
td.grid {
	background-color: #FFFFFF;
	padding:2px;
}
.grid_title {
	background-color:#FFFFFF;
	color:#000000;
	text-align:left;
	filter: Alpha(opacity=100,finishOpacity=65,style=1);
	padding:2px;
}
td.grid_del {
	background-color: #999999;
	padding:2px;
}
tr.grid_report {
	background-color: #FFFF66;
}
/* 表スタイル２ */
table.grid2 {
	background-color: #FF0000;
}
tr.grid2 {
	background-color: #FFFFFF;
}
th.grid2 {
	background-color: #FFD7D7;
	padding:2px;
}
td.grid2 {
	background-color: #FFFFFF;
	padding:2px;
}

/* リストスタイル */
table.list {
	background-color: #666666;
}
tr.list {
	background-color: #FFFFFF;
	height: 25px;
}
th.list {
	background-color: #CCCCCC;
	padding:2px;
}
td.list {
	background-color: #FFFFFF;
	padding:2px;
}
.list_title {
	background-color:#FFFFFF;
	color:#000000;
	text-align:left;
	filter: Alpha(opacity=100,finishOpacity=50,style=1);
	padding:2px;
}
th.list_gray {
	background-color: #999999;
	padding:2px;
}
td.list_gray {
	background-color: #CCCCCC;
	padding:2px;
}
th.list_vertical {
	background-color: #CCCCCC;
	padding:2px;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
}
th.list_right {
	background-color: #CCCCCC;
	padding:2px;
	border-right: 1px solid #666666;
}
td.list_vertical {
	background-color: #FFFFFF;
	padding:2px;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
}
td.list_right {
	background-color: #FFFFFF;
	padding:2px;
	border-right: 1px solid #666666;
}
/* リストスタイル２*/
table.list2 {
	background-color: #FF0000;
}
tr.list2 {
	background-color: #FFFFFF;
	height: 25px;
}
th.list2 {
	background-color: #FFD7D7;
	padding:2px;
}
td.list2 {
	background-color: #FFFFFF;
	padding:2px;
}
.list_title2 {
	background-color:#FFFFFF;
	color:#000000;
	text-align:left;
	filter: Alpha(opacity=100,finishOpacity=50,style=1);
	padding:2px;
}
/* プレビューのリストスタイル */
table.list_preview {
	background-color: #666666;
}
tr.list_preview {
	background-color: #FFFFFF;
	height: 25px;
}
th.list_preview {
	background-color: #FFD7D7;
	padding:2px;
}
td.list_preview {
	background-color: #FFFFFF;
	padding:12px;
}
.list_preview_title {
	background-color:#FFFFFF;
	color:#000000;
	text-align:left;
	filter: Alpha(opacity=100,finishOpacity=50,style=1);
	padding:2px;
}

/* タイトルスタイル */
table.title {
	background-color: #1177DD;
	width: 100%;
	margin: 10px 0;
}
tr.title {
	height: 30px;
}
td.title {
	font-family:"ＭＳ ゴシック", "Osaka−等幅";
	font-weight:bold;
	font-size: medium;
	text-align: left;
	color: #000066;
	background-color: #FFFFFF;
	filter: Alpha(opacity=100,finishOpacity=80,style=1);
	padding: 5px;
}

/* タイトルスタイル（依頼企業検索） */
div.irai_search table.title {
	background-color: #0066CC;
}
div.irai_search tr.title {
}
div.irai_search td.title {
	color: #000066;
	background-color: #CCFFFF;
}

/* タイトルスタイル（依頼企業系） */
div.irai_kigyo table.title {
	background-color: #FF6600;
}
div.irai_kigyo tr.title {
}
div.irai_kigyo td.title {
	color: #000066;
	background-color: #FFCC66;
}

/* タイトルスタイル（依頼店舗系） */
div.irai_eigyosho table.title {
	background-color: #FF66CC;
}
div.irai_eigyosho tr.title {
}
div.irai_eigyosho td.title {
	color: #000066;
	background-color: #FFCCFF;
}

/* コントローラースタイル */
table.controller {
	background-color: #FF0000;
	margin: 10px 0;
}
tr.controller {
	height: 25px;
}
td.controller {
	background-color: #FFD7D7;
	padding:2px;
}
td.controller2 {
	background-color: #FFFF99;
	padding:2px;
}

/* 最終更新履歴スタイル */
table.lastupdate {
	background-color: #dddddd;
	margin: 10px 0;
}
tr.lastupdate {
	height: 25px;
}
td.lastupdate {
	background-color: #eeeeee;
	padding:2px;
	color:#666666;
}

.pankuzu {
	font-weight: bold;
	color: #000066;
}
.rowSpace {
	height: 10px;
	width: 1px;
}
.just {
	width: 95%;
	ime-mode:active
}
.presentPlace {
	font-weight: bold;
	color: #FF0000;
}

/* メニュースタイル */
table.menu {
	background-color:#ffffff;
	color:#ffffff;
	margin: 10px 0;
}
th.menu {
	background-color:#66CCFF;
	color:#000066;
	text-align:left;
	filter: Alpha(opacity=100,finishOpacity=50,style=1);
	padding: 3px;
}
tr.menu {
	background-color:#ffffff;
}
td.menu {
	padding: 2px 2px 2px 15px;
}

/* メニュースタイル（依頼） */
table.menu_irai {
	background-color:#CCFFFF;
	color:#ffffff;
	margin: 10px 0;
}
th.menu_irai {
	background-color:#66CCFF;
	color:#000066;
	text-align:left;
	/* filter: Alpha(opacity=100,finishOpacity=50,style=1); */
	padding: 3px;
}
tr.menu_irai {
	background-color:#CCFFFF;
}
td.menu_irai {
	padding: 2px 2px 2px 15px;
}
td.menu_irai2 {
	padding: 2px 2px 2px 5px;
}
tr.menu_irai_last {
	height:20px;
}

/* メニュースタイル（依頼企業系） */
table.menu_irai_kigyo {
	background-color:#ffffff;
	color:#ffffff;
	margin: 5px 0 0 0;
}
th.menu_irai_kigyo {
	background-color:#FFCC66;
	color:#000099;
	text-align:left;
	/* filter: Alpha(opacity=100,finishOpacity=50,style=1); */
	padding: 3px;
}
tr.menu_irai_kigyo {
	background-color:#FFFFFF;
}
td.menu_irai_kigyo {
	padding: 2px 2px 2px 15px;
}

/* メニュースタイル（依頼店舗系） */
table.menu_irai_eigyosho {
	background-color:#ffffff;
	color:#ffffff;
	margin:  5px 0 0 0;
}
th.menu_irai_eigyosho {
	background-color:#FFCCFF;
	color:#000099;
	text-align:left;
	/* filter: Alpha(opacity=100,finishOpacity=50,style=1); */
	padding: 3px;
}
tr.menu_irai_eigyosho {
	background-color:#ffffff;
}
td.menu_irai_eigyosho {
	padding: 2px 2px 2px 15px;
}

/* ウィンドウ閉じる注意文言 */
table.closeAttention {
	margin: 10px 0;
	background-color: #000033;
	color: #FFFFFF;
}

/* タブスタイル */
table.tab {
	background-color: #666666;
}
tr.tab {
	height:25px;
	background-color:#999999;
}
td.tab {
	color:white;
	padding:5px;
	text-align:center;
}

/* 外枠スタイル */
table.outline {
	width: 100%;
}
td.outline {
	padding: 10px;
}

/* 削除の可能性 */
dt {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
dd {
	margin-top: 15px;
	margin-bottom: 15px;
}
/* 削除の可能性 */

.theme_a {
	background-color:#FFFFCC;
}
.theme_b {
	background-color:#FFCCFF;
}

/* 印刷時にメニューを隠す */
@media print {
	body {
		overflow:   visible;
		margin:     0;
		padding:    0;
		word-break: break-all;
	}
	#mainbox {
		margin:      0 0 0 180px;
		height:      100vh;
		width:       100%;
		overflow:    visible;
		padding:     0 0 0 0;
		border-left: 1px solid #000000;
	}
	#leftbox {
		position: absolute;
		left:     0;
		top:      0px;
		width:    180px;
		height:   100%;
		margin:   0;
		padding:  0;
		overflow: auto;
		background-color: #1177DD;
		color:            #FFFFFF;
	}
	#normalbox {
		margin:      0;
		height:      100vh;
		width:       100%;
		overflow:    visible;
		padding:     0;
	}
}
.image {
	border-width:1px;
	border-style:solid;
}
.kakutei_jyotai_00 {
	color:#0000FF;
}
.kakutei_jyotai_01 {
	color:#FF0000;
}
.kakutei_jyotai_02 {
	color:#00FF00;
}
.keisai_jyotai_01 {
	color:#0000FF;
}
.keisai_jyotai_02 {
	color:#FF0000;
}
.keisai_jyotai_03 {
	color:#00FF00;
}

div.errorMsg {
	margin:10px;
	color:#FF0000;
}
.menu_item_target {
	color:#FF0000;
	font-weight:bold;
}
.menu_item_limited {
	color:#666666;
}

h1.title {
	font-size:150%;
}

/* 取込ステータス */
.torikomi_successful {
	color:#0000FF;
	font-weight:bold;
}
.torikomi_abend {
	color:#FF0000;
	font-weight:bold;
}
.torikomi_waiting {
	color:#FF6600;
	font-weight:bold;
}
.torikomi_running {
	color:#00CC00;
	font-weight:bold;
}

/* アラート表示（ダミー企業アラート画面） */
table.alert {
	background-color: #FF0000;
	margin: 10px 0;
}
tr.alert {

}
td.alert {
	background-color: #FFD7D7;
	padding:5px;
	color: #FF0000;
	font-weight:bold;
	font-size: medium;
	text-align:center;
}
/* 施工エリア編集画面 */
.largeButton {
	width:200px;
	background-color: #FFFFFF;
}
a.underline:link {
	color:#0000FF;
	text-decoration: underline;
}
a.underline:active {
	color:#0000FF;
	text-decoration: underline;
}
a.underline:visited {
	color:#0000FF;
	text-decoration: underline;
}
a.underline:hover {
	color:#FF0000;
	text-decoration: underline;
}
.links {
	margin-right: 30px;
}

/* 設備商品入稿項目付合せ説明 */
.setsubi_shohin_info {
    color:#FF0000;
	font-size: smaller;
}

/* 制作依頼の掲載指示最終更新者名 */
.keisai_shiji_last_upd_user {
	font-size: xx-small;
}

/* 横リンク */
table.yokolink {
	margin-top: 15px;
	margin-bottom: 15px;
}

a.yokolink:link {
	color:#0000FF;
	text-decoration: underline;
}
a.yokolink:active {
	color:#0000FF;
	text-decoration: underline;
}
a.yokolink:visited {
	color:#0000FF;
	text-decoration: underline;
}
a.yokolink:hover {
	color:#FF0000;
	text-decoration: underline;
}

/* 一覧メッセージ表示用 */
.hyoji_list_info_msg {
	text-align: center;
	padding : 3px 0px;
	width: 100%;
	color:#FF0000;
	font-weight:bold;
}

/* 掲載企画・掲載物プルダウンタイトル */
.keisai_kikaku_pulldown_title {
	margin-top: 1px;
	margin-bottom: 2px;
	margin-left: 1px;
}

/* セレクトボックスのスタイル */
select.just {
	width: 95%;
}

/* 段落を１つ下げる */
.indent {
	margin-left: 20px;
}
/* １つの項目の中で使用するためのテーブル（罫線なし、幅指定なし） */
table.innerList {
	font-size:100%;
	margin-top: 3px;
}
td.innerList {
	padding:2px 15px 2px 0px;
	text-align:left;
	white-space:nowrap;
}

/*↓↓ProjectC対応↓↓*/

/* アコーディオン用スタイル */
#accordion_part_1 {
}

#accordion_part_2 {
}

#accordion_part_3 {
	display: none;
}

#accordion_part_4 {
	display: none;
}

#accordion_part_5 {
	display: none;
}

#accordion_part_6 {
	display: none;
}

#accordion_part_7 {
	display: none;
}

#accordion_part_8 {
	display: none;
}

#accordion_pointer_1 {
	cursor: pointer;
}
#accordion_pointer_2 {
	cursor: pointer;
}

#accordion_pointer_3 {
	cursor: pointer;
}

.accodion-title {
	display: inline-block;
	width: 15em;
}

.display_none_style {
	display: none;
}

/*実例検索軸・タグ更新画面用スタイル */
tr.category_last {
	height: 15px;
}

/* 企業詳細用スタイル */
.resize-kigyo-img{
	border-width:1px;
	border-style:solid;
	width: 254px;
}


/* 企画別注意文言スタイル */
.kikaku_dasiwake {
	background-color: #FFFFFF;
	text-align: left;
	height: 25px;
}

/* 空白用スタイル */
.mgr-char-1 {
	margin-left: 1em;
}

/*↑↑ProjectC対応↑↑*/

.login {
	width: 225px;
	table-layout: fixed;
}

/* フッタースタイル */
.footer {
	position: sticky;
	padding: 0 12px 24px;
	top: 100vh;
}
.footer .footer-inner {
	display: flex;
	justify-content: flex-end;
	padding: 8px 4px 0;
	border-top: 3px solid #1076DD;
}
.footer .footer-link {
	color: #1700FF;
	font-size: 12px;
	text-decoration: underline;
}
.footer .footer-link:hover {
	color:#FF0000;
}
.footer.footer--layout {
	margin-top: 60px;
}

/* readonly用スタイル */
.readonly_input {
	background-color: #e9e9e9;
	cursor: not-allowed;
}