body { background-color:#ffffff; margin:0; color:#444444; font-family: Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
body,td { font-size:14px; text-decoration:none; line-height: 150%; color:#444444; }
textarea { border:1px solid #333 !important; }
div.main-body { margin-left:30px; }
a:link { color:#000099; text-decoration:none; }
a:visited { color:#000099; text-decoration:none; }
a:hover { background-color:#ffddee; color:#ff0000; text-decoration:underline; color:#ff0000; }
td.main a:link { color:#000099; text-decoration:none; }
td.main a:visited { color:#000099; text-decoration:none; }
td.main a:hover { background-color:#ffddee; color:#ff0000; text-decoration:underline; color:#ff0000; }
td.indigo { background-color:#d3e4ff; color:#000000; font-weight:bold; padding: 7px 10px; color:#666666; }
td.whitebox { background-color:#ffffff; color:#000000; font-weight:bold; padding:5px 0 5px 5px; color:#666666; }
td.blue { background-color:#6666dd; color:#ffffff; padding:5px 0 5px 10px; color:#fff; font-weight: bold; }
.footer { color:#666666; font-size:0.9em; text-align:center; margin-left:auto; margin-right:18px; margin-top:2px; padding:4px; }
.comment { font-size:0.8em; }
.back { font-size:0.8em; margin-left:16px; }
.subject { color:#666666; font-size:18px; font-weight:bold; text-align:center; border-width:1px; border-style:dashed; border-color:#5e6198; background-color:#d3e4ff; margin:0px 0px 10px 0px; padding:10px; }
.subject2 { color: #000000; font-size:1.1em; font-weight:bold; text-align:left; border-left: solid 8px #00cc66; border-bottom: solid 1px #00cc66; padding:4px; }
.notice { color:#666666; font-size:0.9em; font-weight:normal; margin-left:18px; margin-right:18px; margin-top:10px; margin-bottom:10px; padding:4px; }
div.indigo { background-color:#d3e4ff; color:#666666; font-weight:bold; padding: 7px 10px; margin-bottom:5px; }
div.indigo-body { margin-left:10px; }
div.indigo-sub-head { background-color:#eee; color:#666666; font-weight:bold; padding: 7px 10px; margin-bottom:5px; }
div.indigo-sub-body { margin-left:10px; }
div.gray-head { background-color:#eee; color:#666666; font-weight:bold; padding: 7px 10px; margin-bottom:5px; }
.sub-head { border-bottom: 1px solid #A2A6E5; border-left:   5px solid #A2A6E5; padding-left: 5px; margin-bottom: 5px; margin-top:5px; }
.sub-body { margin-left:10px; }
span.sub-head-mark { width:10px; background-color: #FFB32E; margin-right: 5px; }
div.margin-box { margin-left:10px; }

div.form { background-color:#ffffff; color:#000000; padding: 2px; }
table.layout { margin-top:3px; border:none; border-collapse:collapse; }
table.layout th { font-weight:normal; text-align:center; background-color:#ffffff; }
table.layout td { text-align:center; background-color:#ffffff; }
a.decotag { margin:1px; padding:2px; width:40px; border: solid 1px #999; text-align:center; float:left; color:#000; text-decoration:none; background-color:#ffffff; }
a.chkdctag {	margin:1px; padding:2px; border:solid 1px #999; text-align:center; float:left; color:#000; text-decoration:none; background-color: #ffffff; }

div.main-title { background-color:#d3e4ff; padding:10px; text-align:left; }
div.mainbox { width:760px; margin-right:auto; margin-left:auto; }
div.contbox { width:100%; font-size:14px; }
td.xsmall { font-size:0.9em; }

.title-box { margin: 2px 16px; }

#style_a_btn { display: block; width: 80%; height: 70px; line-height: 70px; margin-bottom: 20px; background-color: #ccc; border-radius: 10px; text-align: center; }

.maina { color:#666666; text-align:left; font-size:1.0em; background-color:#ffffff; margin-left:16px; margin-right:16px; margin-top:2px; margin-bottom:2px; padding:4px; }
.mainb { color:#333; border-width:1px; border-style:solid; border-color:#c6c6c6; background-color:#ffffff; margin-left:16px; margin-right:16px; margin-top:2px; margin-bottom:2px; padding:0px; }
.mainb2 { width:760px; color:#666666; font-size:1.0em; border-width:1px; border-style:solid; border-color:#5e6198; background-color:#ffffff; margin-left:1px; margin-right:1px; margin-top:2px; margin-bottom:2px; padding:4px; }

table.consolebox { border-collapse:collapse; border-style:none; margin-top:10px; width:99%; }
table.consolebox tr td { padding:0px; text-align:left; }

table.console { width:726px; border-collapse:collapse; border-color:#e1e1e1;  }
table.console tr td { width:400px; padding:1px; text-align:left; border-color:#e1e1e1; border-bottom:1px solid #e1e1e1; color:#666666; }
table.console tr th { width:25px; text-align:center; vertical-align:middle; background-color:#f1f1f1; font-size:0.8em; font-weight:bold; border-color:#e1e1e1; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }

table#system-box-menu tr td.menu-subtitle { font-size:14px; color:#333; width:300px; padding-left:10px; }
table#system-box-menu tr td img { position:relative; top:5px; }
table#func-box-menu tr td.menu-subtitle { font-size:14px; color:#333; width:300px; padding-left:10px; }

table#free-box-menu tr td.menu-subtitle { width:120px; padding-left:10px; }
table#free-box-menu tr td { width:520px; }
table#free-box-menu td a { font-size:14px; color:#333; }

table.non-close-box tr td { font-size:14px; color:#333; padding-bottom:5px; padding-top:5px; }

div.consolecapt { background-color:#d3e4ff; text-align:left; padding:7px 10px; border-bottom:1px solid #b1c4e1 ; }
div.consolecapt a { color:#333; text-decoration:underline;  }
div.main-title a { color:#333; text-decoration:underline;  }

div.consolecapt a#system-close { display:block; float:left; width:25px; height:25px; margin-left:-5px; margin-top:-2px; background-image:url('/image/common/icon-arrow-down.png'); text-decoration: none; }
div.consolecapt a#func-close { display:block; float:left; width:25px; height:25px; margin-left:-5px; margin-top:-2px; background-image:url('/image/common/icon-arrow-down.png'); text-decoration: none; }
div.consolecapt a#free-close { display:block; float:left; width:25px; height:25px; margin-left:-5px; margin-top:-2px; background-image:url('/image/common/icon-arrow-down.png'); text-decoration: none; }
div.consolecapt a.open { background-image:url('/image/common/icon-arrow-up.png') !important; }

hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.textarea1 { width:99%; }

#fixed_menu { background-color: #d3e4ff; font-size: 13px; margin-right: 10px; margin-top: 10px; padding: 8px 10px 12px 10px; position: fixed; right: 0; top: 42px; z-index: 99999; }
#fixed_menu ul { margin:0; padding:0; list-style: none outside none; }
#fixed_menu ul li { margin:0; padding:2px 5px;  border-bottom: 1px dotted #b1c2dd; }
#fixed_menu a { color:#666666; display:block; }
#fixed_menu li.next a { color:#ff4500; }



.fixed-topmenu { z-index:99; border: none; ;position:fixed; text-align: left !important; padding:10px 0; width:100%; }
.fixed-topmenu a { color:#666666; }
.fixed-topmenu a:hover { color:#666666; }

.fixed-topmenu-shim { height:60px; }

ul.fixed-topmenu-main { margin:0; padding:0; padding-right:10px; font-size:14px; list-style: none outside none; float:right; }
ul.fixed-topmenu-main li { margin:0; padding:0; border-right: 1px dotted #b1c2dd; float:left; position: relative; }
ul.fixed-topmenu-main > li.first { border-left: 1px dotted #b1c2dd; float:left; }

div#top-left-navi-box { position:fixed; left:0; top:15px; }
ul#top-left-nav { padding:0; clear:right; width:195px; }
ul#top-left-nav > li { clear:left; width:100%; color:#444; border:none; background-color: #eee;}
ul#top-left-nav > li > ul { position: absolute; left:100%; top:0; }
ul#top-left-nav a { color:#444; }
ul#top-left-nav a:hover { background-color: #FFE797; color:#444; }
ul.fixed-topmenu-main a:hover { background-color: #FFE797; color:#444; }

.keyword_check_iframe { width:98%; margin-left:1%; overflow: hidden; height:180px; border:1px solid #ccc; margin-top:1em; margin-bottom:1em; }

#ui-free-tab-top .ui-tabs-panel {
	padding:0px !important;
}
.free-tab-list-box { padding: 7px 5px !important; }

ul#top-left-nav > li > ul.nexttree:before {
  position: absolute;
  content: "";
  top: 13px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #454e08;
}

ul.fixed-topmenu-main > li > a { padding:5px 10px; }
ul.fixed-topmenu-main li a {
	display: block;
	margin: 0;
	text-decoration: none;
}

ul.fixed-topmenu-main li ul {
	list-style: none;
	position: absolute;
	z-index: 100;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	box-shadow: 5px 5px 10px #ccc;
	font-weight:normal; 
}

ul.fixed-topmenu-main li ul li {
	overflow:hidden;
	height:0;
	transition: .2s;
	margin:0; padding:0;
	background-color: #fefefe;
	width:100%;
	font-size:14px;
	list-style: none;
}

ul.fixed-topmenu-main li:hover > ul > li.first {
	border-top: 1px solid #eee;
}
ul.fixed-topmenu-main li ul li:hover > ul > li.first{
	border-top: 1px solid #eee;
}

ul.fixed-topmenu-main li ul li a {
	text-align: left;
	white-space: nowrap;
	padding:5px 10px;
}

ul.fixed-topmenu-main > li:hover > ul > li {
	overflow:visible;
	height:31px;
	//padding:5px 10px;
	border-right: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #eee;
}

ul.fixed-topmenu-main li ul li:hover > ul > li {
	overflow:visible;
	height:31px;
	//padding:5px 10px;
	border-right: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #eee;
}

ul.fixed-topmenu-main li ul li ul {
  top: 0;
  left: 100%;
}

ul.fixed-topmenu-main li:last-child ul li ul {
  left: -100%;
  width: 100%;
}

ul.fixed-topmenu-main li:hover {
	background-color: #FFE797 !important; 
}

ul.fixed-topmenu-main li ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #454e08;
}
ul.fixed-topmenu-main li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 200%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-right-color: #454e08;
}


ul.fixed-topmenu-main li ul.fixed-topmenu-sub.free-menu > li { 
	width:223px;
}

ul.fixed-topmenu-main li ul.fixed-topmenu-sub.free-menu > li > a {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.xcfg { margin-top:5px; }


.btn-center-box { text-align: center; }
/*
.content-body { max-width:995px; min-width:725px; }
*/
.content-body { max-width:1000px; min-width:725px; }

.main-body-head { background-color:#d3e4ff; color:#666666; font-weight:bold; padding: 7px 10px; margin-bottom:5px; }
.main-body-comment { margin-left:10px; }

.min_add_button_box { text-align:center; margin:10px auto; }
.form-table { margin-bottom:15px; margin-left:15px; border-bottom: 1px dotted #666; clear: both; margin-top: 10px; max-width:965px; min-width:695px; }

.form-table-tr { border-top: 1px dotted #666; }
.form-table-head { float:left; font-weight: bold; line-height: 130%;  padding: 20px 10px 20px 5px; text-align: left; vertical-align: top; width: 175px; }
.form-table-body { float:left; border-left: 1px dotted #666; line-height: 130%; padding: 15px 10px; vertical-align: top; max-width:750px; min-width:464px; min-height: 30px; }
.form-table-bodyend { clear: both; }

.sub_min_tr .form-table-tr { background-color:#e9f1ff; width:950px; }
.sub_min_tr .form-table-body { background-color:#fff; width:100%; max-width:730px; }
.tag_name { text-align:center; }

.td-second { margin-left:20px; }
.second-head { margin-bottom:10px; font-weight: bold; }
.keisai-sub-head {margin-bottom:10px; font-weight: bold; background-color: #eee; padding: 7px 10px; }
.strong { font-weight: bold; }

.red_comment { color:#ff0000 !important; }
.clear { clear:both; }

.news_category_btn {
    border-radius: 0.2em;
    display: inline-block;
    font-size: 12px;
    line-height: 1em;
    padding: 1px 0;
    text-align: center;
    width: 85px;
    font-family: Verdana,Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

#sm-nav { display:none; }
#sm-nav-btn { display:none; }

.keyword_check_btn { color:#666 !important; background-color:#d3e4ff !important; }
.keyword_check_btn:hover { background-color:#ffddee !important; }
.change-page-btn { border: 1px solid #aaa; border-radius: 7px; background-color: #fff; font-size: 0.9em; padding: 5px 10px; text-decoration:none !important; display:inline-block; }

@media screen and (max-width: 1120px) {
#fixed_menu { display:none; }
textarea { width:100%; }
.fixed-topmenu-main { clear: both; float: initial !important; margin: 2em !important; }
}
@media screen and (max-width: 1005px) {
input[type="text"] { max-width:95% }
body { font-size:13px; }
img { max-width:100%; }
#top-left-navi-box { display:none; }
.fixed-topmenu-sub { left:0 !important; }
.fixed-topmenu ul { display:none; }
.main-body { margin:0 !important; padding:0 15px; }
.content-body { max-width:100%; min-width:100%; }
.main-body-head { background-color:#d3e4ff; color:#666666; font-weight:bold; padding: 7px 10px; margin-bottom:5px; }
.main-body-comment { margin-left:0px; }
.form-table { margin-bottom:15px; margin-left:0px; border: none; clear: both; margin-top: 10px; max-width: 100%; min-width: 100%; }
.form-table-tr { border:none; margin-bottom:20px; }
.form-table-head {  border: none; font-weight: bold; line-height: 130%;  padding: 20px 10px 10px 0; text-align: left; vertical-align: top; width:100%; }
.form-table-body { border: 1px dotted #666; line-height: 130%; margin-bottom: 9px; padding: 15px 10px; vertical-align: top; max-width:100%; min-width:100%; }
.sub_min_tr .form-table-body { max-width:initial; width:100%; }
.sub_min_tr .form-table-tr { max-width:initial; width:100%; }

.loginbox { width:100% !important; }
}

@media screen and (max-width: 920px) {
.fixed-topmenu ul { display:none; }
#sm-nav-btn { display: block; height: 35px; position: fixed; right: 10px; background-color: #fff; width: 35px; z-index: 100; border: 1px solid #333; border-radius: 5px; top:1px; }
#sm-nav { position: absolute; top: 40px; z-index: 101; background-color: #fff; width: 100%; border-right:1px solid #ccc; }
#sm-nav a { text-decoration:none; }
ul.sm-nav-ul-main > li > a {
    background-color: #d3e4ff;
    display: block;
    margin: 0.5em;
    padding: 0.5em;
    font-weight: bold;
}
ul.sm-nav-ul-main {
    padding: 0;
    margin: 0;
}
ul.sm-nav-ul-sub {
    margin: 0;
    padding: 0 10px;
    list-style: none;
}
.sm-nav-ul-sub > li {
    border-bottom:1px dotted #ccc;

}
.sm-nav-ul-sub > li {
    border-bottom:1px dotted #aaa;
}
.next-submenu ul > li:not(.next-submenu) a {
    border-bottom:1px dotted #ccc;
}
.next-submenu ul > li:last-child > a {
	border-bottom:none;
}
.sm-nav-ul-sub li > a {
    margin-left: 1.5em;
    display: block;
    padding: 0.5em;
    margin: 0.5em;
}
.next-submenu {
	border-bottom:none;
}
.next-submenu ul {
	margin:0;
	padding:0;
}
.next-submenu ul li {
	display:block;
}
li.next-submenu > ul > li > a {
    margin-left: 1.5em;
}
.next-submenu > a {
    margin-left: initial;
}
li.next-submenu li.next-submenu > ul > li > a {
    margin-left: 1.5em;
}
.sm-pku-list li a {
	text-align:left !important;
}
.sm-pku-list li a span{
    max-width: 19em;
    display: inline-block;
    text-align: right;
    width: 100%;
}
li.next-submenu > ul > li > a:before {
    content:"〇";
}
li.next-submenu ul li.next-submenu > ul > li > a:before {
    content:"・";
}

}

@media print {
	.fixed-topmenu { position:absolute; }
	.fixed-topmenu ul { display:none; }
	#fixed_menu { display:none; }
	.fixed-topmenu-main { display:none; }
}


#ui-free-tab-top .ui-tabs-panel {
	padding:0px !important;
}
.free-tab-list-box { padding: 7px 5px !important; }

#ui-tab-top .console {
	width:100%;
}
#ui-tab-top .ui-tabs-nav {
	padding-left:33px !important;
}
#ui-tab-top .ui-tab-box {
	padding:0px !important;
}
#ui-tab-top .ui-tabs-active {
	color:#eb8f00;
	border-color:#eb8f00;
}
#ui-tab-top .ui-tabs-active a {
	color:#eb8f00;
}
#tabs-dir-free th {
	width:23px;
}
#tabs-dir-free td {
	width:300px !important;
}
#tabs-dir-free .menu-subtitle {
	width:240px !important;
	color:#333 !important;
}
#tabs-dir-free .submit_btn_td {
	width:60px !important;
}

.at-icon-disc {
	position: relative;
}
.at-icon-disc::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #666;
	border-radius: 100%;
}

.at-icon-arrow {
	position: relative;
}
.at-icon-arrow::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.at-icon-arrow2 {
	position: relative;
}
.at-icon-arrow2::after,
.at-icon-arrow2::before {
	display: block;
	content: '';
	position: absolute;
}
.at-icon-arrow2::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #3498db;
	border-radius: 100%;
}
.at-icon-arrow2::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}