@charset "utf-8";

/*////////////////////////////////////////////////////////////
Name : base.css
////////////////////////////////////////////////////////////*/

/*----------------------------------------------------------------------------------------
	Reset
---------------------------------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
ol,ul {list-style:none}


/*----------------------------------------------------------------------------------------
	Basic
---------------------------------------------------------------------------------------- */
body {
	background-color:#f1f1f1;
	color:#555;
	line-height:1.5;
	font-family:Meiryo,sans-serif;
	font-size:62.5%;
}
input {
	font-family:Meiryo,sans-serif;
}

/*----------------------------------------------------------------------------------------
	link
---------------------------------------------------------------------------------------- */
a {
	color: #231815;
	text-decoration: none;
	border:0;
	outline:none;
}
a:hover {
	text-decoration:underline;
}

/*----------------------------------------------------------------------------------------
	clearfix
---------------------------------------------------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*----------------------------------------------------------------------------------------
	common
---------------------------------------------------------------------------------------- */
.headline {
	color:#231815;
	line-height:1;
	padding-bottom:10px;
	font-weight:normal;
}
.headline span {
	padding-left:2px;
	padding-right:2px;
	padding-bottom:5px;
	border-bottom:1px solid #004998;
}
.inner {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.notice-message_top {
    color: #004998;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}
.notice-message {
    color: #004998;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    margin-top:10px;
}
.notice-message_top span {
	font-size: 1.5em;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:5px;
}
.notice-message span {
	font-size: 1.5em;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:5px;
}
/*----------------------------------------------------------------------------------------
	header
---------------------------------------------------------------------------------------- */
#header {
	width:100%;
	background-color:#004998;
	height:70px;
}
#header .inner {
	letter-spacing:-40em;
}
#header .logo,
#header .title,
#header .account {
	display:inline-block;
	letter-spacing:normal;
	width:33.333333333333333333333333333%;
	vertical-align:middle;
	line-height:70px;
}
#header .logo {
	line-height:1%;
}
#header .logo a:focus {
	outline: 2px solid #fff !important;
}
#header .title {
	text-align:center;
	padding-top:5px;
	font-size:1.8em;
	line-height:1;
	font-weight:normal;
	letter-spacing:0.1em;
}
#header .title:focus {
	outline: 2px solid #fff !important;
}
#header .title a {
	color:#fff;
}
#header .title a:hover {
	text-decoration:none;
}
#header .title .subTitle {
	font-size:0.65em;
	display:block;
	letter-spacing:normal;
	padding-top:5px;
}
#header .title .subTitle .wrap {
	background-image:url(../img/hd_titleBorder.gif);
	background-repeat:repeat-x;
	background-position:center center;
	padding-left:25px;
	padding-right:25px;
}
#header .title .subTitle .wrap span {
	background-color:#004998;
	padding-left:6px;
	padding-right:6px;
}
#header .account {
	text-align:right;
	letter-spacing:-40em;
	height: 70px !important;
}
#header .account div {
	font-size:1.2em;
	display:inline-block;
	width:40%;
	height:50px;
	background-color: rgb(62, 155, 244);
	cursor:pointer;
	letter-spacing:normal;
	margin-top: 10px;
	border-radius: 5px;
	line-height: 50px;
}
#header .account .signin {
	width:60%;
}
/*
#header .account .member {
	background-color: #fff;
	margin-right: 10px;
}
#header .account .member a:focus {
	outline: 2px solid #fff !important;
}
#header .account .member a {
	color: rgb(0, 68, 139);
}
*/

#header .account div span,
#header .account div a {
	border-left:1px solid #004998;
	display:inline-block;
	height:50px;
	width:100%;
	text-align:center;
	background-repeat:no-repeat;
	background-position:10% center;
	text-indent:8px;
	color:#fff;
}
#header .account div a:hover {
	display:inline-block;
	height:50px;
	width:100%;
	text-align:center;
	background-repeat:no-repeat;
	background-position:10% center;
	text-indent:8px;
	color:#004998;
}
#header .account .signin a,
#header .account .signout a {
	background-image:url('../img/ic_logout.png');
}
#header .account .signin a:hover {
	background-image:url('../img/ic_logout_hover.png');
}
#header .account .signout a:hover {
	background-image:url('../img/ic_logout_hover.png');
}
#header .account .member {
	background-color: #fff;
	margin-right: 10px;
}
#header .account .member a {
	color: #004998;
	background-image:url('../img/ic_member.png');
}
#header .account .member:hover {
	background-color: rgb(62, 155, 244);
	margin-right: 10px;
}
#header .account .member a:hover {
	color: #fff;
	background-image:url('../img/ic_member_hover.png');
}
#header .account div:hover {
        background-color: #fff;
	/*filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;*/
}
#header .account div a:hover {
    color:#004998;
	text-decoration:none;
}

/*----------------------------------------------------------------------------------------
	notice
---------------------------------------------------------------------------------------- */
#notice {
	width:100%;
	padding-top:30px;
	padding-bottom:40px;
	border-bottom:1px solid #d9d9d9;
}
#notice dt {
	text-align:center;
	font-size:2em;
}
#notice dd {
	margin-top:30px;
	position:relative;
}
#notice dd ul {
	font-size:1.4em;
	color:#231815;
	list-style:outside disc;
	padding-left:20px;
	padding-right:140px;
}
#notice dd .adobe {
	position:absolute;
	top:0;
	right:0;
}
#keywordSearch:focus {
	outline: 2px solid #555 !important;
}
/*----------------------------------------------------------------------------------------
	footer
---------------------------------------------------------------------------------------- */
#footer {
	width:100%;
	border-top:1px solid #fcfcfc;
	padding-top:30px;
	padding-bottom:20px;
}
#footer .footNav {
	letter-spacing:-.40em;
}
#footer .footNav li {
	letter-spacing:normal;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:1.1em;
	margin-right:10px;
	padding-right:10px;
	line-height:1;
	border-right:1px solid #231815;
}
#footer .footNav li:last-child {
	border-right:0;
}
#footer .footNav li a:focus {
	outline: 2px solid #555 !important;
}
#footer .copy {
	color:#888;
	margin-top:20px;
}
#footer .logo {
	position:absolute;
	top:0;
	right:0;
}

/*----------------------------------------------------------------------------------------
	content
---------------------------------------------------------------------------------------- */
#content {
	width:100%;
	padding-top:30px;
}
#content .inner {
	letter-spacing:-40em;
}

/* block */
#content .block {
	letter-spacing:normal;
}
#content .result .block {
	margin-top:5px;
}
#content .block .blockInner {
	background-color:#fff;
	padding-top:40px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:50px;
}
#content.notfound .block .blockInner {
	background-color:transparent;
}
#content .block .headline {
	font-size:2em;
	text-align:center;
}
#content .block .empty {
	font-size:1.8em;
	text-align:center;
	border:1px dotted #ddd;
	padding-top:50px;
	padding-bottom:50px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#999;
	margin-top:40px;
}
#content .block .headline .small {
	font-size:0.7em;
	border-bottom:0;
}
#content .block .lead {
	font-size:1.4em;
	margin-top:30px;
}
#content .block .lead.center {
	text-align:center;
	margin-top:40px;
	padding-bottom:10px;
	font-size:1.5em;
}
#content .block .table {
	margin-top:25px;
	border-top:1px solid #e2e2e2;
}
#content .block .table li {
	border-bottom:1px solid #e2e2e2;
	margin-bottom:1px;
	letter-spacing:-40em;
	display:table;
}
#content .block .table li span {
	display:table-cell;
	letter-spacing:normal;
	padding-top:15px;
	padding-bottom:15px;
	font-size:1.3em;
	vertical-align:middle;
}
#content .block .table li span.value {
	display:inline;
	padding-top:0;
	padding-bottom:0;
	font-size:1em;
}
#content .block .table li .dt {
	width:199px;
	border-right:1px solid #e2e2e2;
	background-color:#f5f9fd;
	padding-left:20px;
}
#content .block .table li .dt .required {
	display:inline;
	background-color:#82b7f1;
	color:#fff;
	font-size:0.8em;
	margin-left:8px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	position:relative;
	top:2px;
}
#content .block .table li .dd {
	width:640px;
	padding-left:20px;
	padding-right:20px;
}
#content .block .table li .dd .split {
	font-size:0.8em;
	display:inline;
	padding-top:0;
	padding-bottom:0;
	margin-right:10px;
}
#content .block .table li .dd .notice {
	color:#f00;
	font-size:0.8em;
	display:block;
	padding-top:8px;
	padding-bottom:0;
}
#content .block .table li .dd .errorText {
	color:#f00;
	font-size:0.9em;
	display:block;
	padding-top:6px;
	padding-bottom:0;
}
#content .block .date {
	font-size:1.6em;
	margin-top:40px;
	margin-bottom:-25px;
	font-weight:normal;
	color:#231815;
}
#content .block .files {
	margin-top:45px;
	border-top:1px solid #e2e2e2;
}
#content .block .files li {
	margin-bottom:1px;
	letter-spacing:-40em;
	line-height:54px;
	position:relative;
}
#content .block .files li span {
	display:inline-block;
	letter-spacing:normal;
	height:100%;
}
#content .block .files li .icon {
	margin-left:10px;
	width:76px;
	background-color:#999;
	color:#fff;
	line-height:20px;
	text-align:center;
	font-size:1.1em;
}
#content .block .files li .name {
	margin-left:20px;
	font-size:1.4em;
}
#content .block .files li .info {
	margin-left:5px;
	font-size:1.3em;
}
#content .block .files li .notice {
	position:absolute;
	top:13px;
	right:158px;
    color: #f00;
    font-size: 1em;
    border: 1px solid #f00;
    line-height: 14px;
    height:14px;
    padding:5px 8px;
}
#content .block .files li .download {
	position:absolute;
	top:0px;
	right:0;
	width:143px;
	background-color:#f5f9fd;
	text-align:center;
	color:#004998;
	font-size:1.2em;
	cursor:pointer;
	border-left:1px solid #e2e2e2;
}
#content .block .files li .download.off {
	cursor:default;
}
#content .block .files li .download:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#content .block .files li .download.off:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#content .block .files li .download span {
	display:inline-block;
	background-image:url(../img/ic_download.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:30px;
}
#content .block .files li .download.off span {
	background-image:none;
	padding-left:0;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


/* condition */
#content .subNav {
	margin-top:10px;
	margin-bottom:30px;
}
#content .subNav ul {
	text-align:center;
}
#content .subNav ul li {
	letter-spacing:normal;
	display:inline-block;
	font-size:1.4em;
	border-right:1px solid #ddd;
	padding-right:12px;
	padding-left:12px;
}
#content .subNav ul li:last-child {
	border-right:0;
}
#content .subNav ul li a {
	color:#555;
}
#content .subNav ul li.current a {
	color:#aaa;
}

/* condition */
#content .condition {
	margin-left:100px;
	margin-right:100px;
	margin-bottom:40px;
}
#content .condition .type,
#content .condition .name {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
}
#content .condition .type {
	width:215px;
	margin-right:9px;
}
#content .condition .type li {
	border:1px solid #e2e2e2;
	font-size:1.2em;
	letter-spacing:-40em;
	line-height:32px;
	height:32px;
	margin-top:-1px;
	background-color:#fff;
	color:black;
	cursor:pointer;
	border: 1px solid rgb(0, 53, 126);
	border-radius: 3px;
}
#content .condition .type li:hover {
	outline: 2px solid rgb(0, 53, 126);
}
#content .condition .type li .icon,
#content .condition .type li .text {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
	margin-left:12px;
}
#content .condition .type li .icon {
	width:14px;
	height:14px;
	background-color:#fff;
	border-radius:300px;
	-webkit-border-radius:300px;
	-moz-border-radius:300px;
}
#content .condition .type li.selected {
	border: 1px solid rgb(0, 53, 126);
	border-radius: 3px;
	background-color: rgb(83, 155, 248);
	color: #fff;
}
#content .condition .type li.selected .icon {
	background-color: rgb(83, 155, 248);
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(../img/ic_check1.png);
}
#content .condition .type li .form {
	display:none;
}
#content .condition .name {
	width:576px;
}
#content .condition .name .keyword,
#content .condition .name .series {
	position:relative;
	width:100%;
}
#content .condition .list-top .series {
	flex: 2;
	position:relative;
	width:100%;
	margin-left: -15px;
	border: 1px solid rgb(0, 53, 126);
	border-radius: 3px;
	height: 36px;
}
#content .condition .list-top .search-btn {
	flex: 1;
}
#content .condition .list-top .search-btn button {
	height: 36px;
	width:40%;
	margin-left: 20px;
	background-color: rgb(0, 69, 139);
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
	border: none;
}
#content .condition .name .keyword {
	margin-bottom:5px;
}
#content .condition .name input {
	width:100%;
	height:43px;
	line-height:43px;
	border:1px solid #e2e2e2;
	text-indent:8px;
}
#content .condition .name .btn {
	position:absolute;
	top:0;
	right:-2px;
	width:47px;
	height:47px;
	background-color:#999;
	line-height:1%;
	cursor:pointer;
	background-position:center center;
	background-repeat:no-repeat;
}
#content .condition .list-top .btn {
	position:absolute;
	top:0;
	right:-2px;
	width:35.5px;
	height:35.5px;
	background-color:rgb(0, 69, 139);
	line-height:1%;
	cursor:pointer;
	border-radius: 0 3px 3px 0;
	background-position:center center;
	background-repeat:no-repeat;
}
#content .condition .name .btn:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#content .condition .name .keyword .btn {
	background-image:url(../img/ic_search.png);
}
#content .condition .name .series dl {
	width:100%;
	position:relative;
}
#content .condition .list-top .series dl {
	width:100%;
	position:relative;
}
#content .condition .name .series dt {
	background-color:#fff;
	border:1px solid #e2e2e2;
	height:45px;
	line-height:45px;
	font-size:1.4em;
	cursor:pointer;
}
#content .condition .list-top .series dt {
	background-color:#fff;
	height:34px;
	line-height:34px;
	font-size:1.4em;
	cursor:pointer;
}
#content .condition .name .series dt .text {
	text-indent:8px;
	display:block;
	color:#ccc;
}
#content .condition .list-top .series dt .text {
	text-indent:8px;
	display:block;
	color:#555;
	/*border: 1px solid rgb(0, 53, 126);*/
	border-radius: 3px;
}
#content .condition .name .series dt .text.selected {
	color:#666;
}
#content .condition .list-top .series dt .text.selected {
	color:#666;
}
#content .condition .name .series dt .btn {
	background-size: auto 14px;
	background-image:url(../img/ic_arrowWhiteBottom.png);
}
#content .condition .list-top .series dt .btn {
	background-size: auto 14px;
	background-image:url(../img/ic_arrow_down.png);
}
#content .condition .name .series dd {
	position:absolute;
	top:45px;
	left:0;
	width:100%;
	max-height:240px;
	background-color:#fff;
	border:1px solid #e2e2e2;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:99;
	display:none;
}
#content .condition .list-top .series dd {
	position:absolute;
	left:0;
	width:100%;
	max-height:240px;
	background-color:#fff;
	border:1px solid #e2e2e2;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:99;
	display:none;
}

/* result */
#content .result {
	margin-top: 50px;
}
#content .result .num {
	margin-bottom:30px;
}
#content .result .num p {
	text-align:center;
	font-size:2em;
	color:#666;
	letter-spacing:normal;
}

/* privacy */
#content .privacy {
	margin-top:30px;
	text-align:center;
	font-size:1.3em;
}
#content .privacy a {
	text-decoration:underline;
	color:#555;
}
#content .privacy a:hover {
	text-decoration:none;
}
#content .privacy span {
	display:block;
	font-weight:bold;
	color:#f00;
	margin-top:10px;
}

/* action */
#content .mailError {
	margin-top:30px;
	border:1px solid #82b7f1;
}
#content .mailError dt {
	padding:8px;
	background-color:#82b7f1;
	color:#fff;
	font-size:1.3em;
}
#content .mailError dd {
	padding:15px;
	font-size:1.3em;
	line-height:1.8;
}
#content .mailError dd a {
	text-decoration:underline;
}
#content .mailError dd a:hover {
	text-decoration:none;
}
/* action */
#content .action {
	margin-top:30px;
	letter-spacing:-40em;
	text-align:center;
}
#content .action .btn {
	display:inline-block;
	letter-spacing:normal;
	width:320px;
	margin-left:5px;
	margin-right:5px;
	vertical-align:top;
}
#content .action .btn span {
	border:1px solid #999;
	display:block;
	padding:1px;
}
#content .action .btn span a,
#content .action .btn span input,
.top#content .action .btn span {
	display:block;
	background-color:#999;
	border:0;
	color:#fff;
	width:100%;
	font-size:1.4em;
	line-height:52px;
	cursor:pointer;
	background-image:url(../img/ic_arrowWhiteRight.png);
	background-position:95% center;
	background-repeat:no-repeat;
}
#content .action .btn.back span {
	border:1px solid #ccc;
}
#content .action .btn.back a,
#content .action .btn.back input {
	background-color:#ccc;
	background-position:5% center;
	background-image:url(../img/ic_arrowWhiteLeft.png);
}
#content .action .btn.submit span {
	border:1px solid #004998;
}
#content .action .btn.submit a,
#content .action .btn.submit input {
	background-color:#004998;
}
#content .action .btn span a:hover,
#content .action .btn span input:hover,
.top#content .action .btn span:hover {
	text-decoration:none;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

/* mypageNav */
#content .mypageNav {
	margin-top:40px;
	letter-spacing:-40em;
}
#content .mypageNav li {
	display:inline-block;
	width:25%;
	letter-spacing:normal;
	vertical-align:top;
	text-align:center;
}
#content .mypageNav li a {
	display:block;
	margin-left:5px;
	margin-right:5px;
	border:1px solid #f1f1f1;
	padding-top:80px;
	padding-bottom:15px;
	font-size:1.3em;
	color:#888;
	background-position:center 30%;
	background-repeat:no-repeat;
	background-size:auto 40px;
}
#content .mypageNav li.history a {
	background-image:url(../img/ic_history.png);
}
#content .mypageNav li.edit a {
	background-image:url(../img/ic_edit.png);
}
#content .mypageNav li.email a {
	background-image:url(../img/ic_email.png);
}
#content .mypageNav li.quit a {
	background-size:auto 30px;
	background-image:url(../img/ic_quit.png);
}
#content .mypageNav li a:hover {
	text-decoration:none;
	background-color:#fafafa;
}

/* top */
.top#content .inner {
    display: flex;
    flex-wrap: wrap;
}

.top#content .inner .left,
.top#content .inner .right {
    display: flex;
    flex-direction: column;
    flex: 1;
	vertical-align:top;
	width:495px;
}
.top#content .inner .line {
	display:inline-block;
	vertical-align:top;
	width:100%;
}
.top#content .inner .left {
	margin-right:10px;
}
.top#content .block {
	display: flex;
    flex: 1; 
	margin-top:10px;
}
.top#content .block .blockInner {
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	position:relative;
	flex: 1;
}
.top-result#content .block .blockInner {
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
.top#content .block .blockInner .notice {
	position:absolute;
	top:12px;
	right:12px;
	color:#f00;
	font-size:1.1em;
	border:1px solid #f00;
	line-height:1;
	padding:5px;
}
.top#content .block .files {
	margin-top:25px;
	margin-bottom:20px;
	border-top:0;
}
.top#content .block .files li {
	line-height:46px;
}
.top#content .block .files li:nth-child(odd) {
	background-color: rgb(246, 246, 246);
}
.top#content .block .files li:nth-child(even) {
	background-color: #fff;
}
.top#content .block .files li .name {
	font-size:1.2em;
}
.top#content .block .files li .info {
	font-size:1.1em;
}
.top#content .block .files li .download {
	width:46px;
	background-color:transparent;
	border-left:0;
}
.top#content .block .files li .download span {
	background-position:center center;
	display:block;
	padding-left:0;
}
.top#content .block .files li .download:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.top#content .condition {
	margin-top:30px;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
}
.top#content .condition .type-top, .keyword-top, .mail-top, .password-top {
	display: flex;
}
.top#content .condition .type-top .title{
	flex: 1;
	display: flex;
    justify-content: left;
    align-items: center;
	margin-left: 10px;
}
.top#content .condition .type-top .title a {
	margin-left: 50px;
	font-size: 15px;
	text-decoration: none;
}
.top#content .condition .type-top .title, .after {
	flex: 1;
}

.top#content .condition .type {
	margin-right:0;
	width:100%;
	letter-spacing:-40em;
	margin-left:1px;
	flex: 3;
}
.top#content .condition .type li {
	display:inline-block;
	width:29%;
	margin-left:-12px;
	height:auto;
	line-height:1;
	font-size:1.3em;
	margin-right: 20px;
}
.top#content .condition .type li .check {
	display: flex;
}
.top#content .condition .type li .icon {
	margin-left:0;
	text-align:center;
}
.top#content .condition .type li .icon {
	flex: 1;
	margin-top:10px;
	margin-bottom:12px;
}
.top#content .condition .type li .text {
	flex: 2;
	margin-left:0;
	margin-top:12px ;
	margin-bottom: 10px;
	text-align: left;
}
.top#content .condition .often {
	margin-top:20px;
}
.top#content .condition .often .often-top {
	display: flex;
}
.top#content .condition .often .often-top .after {
	flex: 3;
}
.top#content .condition .often dt {
	flex: 1;
	margin-top:-8px;
	text-align:center;
	color: #555;
	font-size:1.2em;
	margin-left: 12px;
}
.top#content .condition .often dt span {
	background-color:#fff;
	padding-left:8px;
	padding-right:8px;
}
.top#content .condition .often dd ul {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:15px;
	margin-right:15px;
	letter-spacing:-40em;
}
.top#content .condition .often dd ul li {
	border: 1px solid #777;
    padding: 2px 4px;
	border-radius: 3px;
	letter-spacing:normal;
	display:inline;
	line-height:2.8;
	margin-right:14px;
	color:#777;
	white-space:nowrap;
	cursor:pointer;
	font-size:1.3em;
}
.top#content .condition .often dd ul li:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.top#content .condition .often dd .form {
	display:none;
}
.top#content .condition .keyword-top .title{
	flex: 1;
	display: flex;
    justify-content: left;
    align-items: center;
	margin-left: 10px;
}
.top#content .condition .keyword-top .title a {
	margin-left: 50px;
	font-size: 15px;
	text-decoration: none;
}
.top#content .condition .keyword-top .title, .after {
	flex: 1;
}
.top#content .condition .keyword {
	margin-top:15px;
	margin-bottom:10px;
	flex: 3;
}
.top#content .condition .keyword .form {
	display: flex;
}
.top#content .condition .keyword .form input {
	width: calc(100% - 30px);
	border: 1px solid rgb(0, 53, 126);
	margin-left:-12px;
	border-radius: 3px 0 0 3px;
	height:32px;
	line-height:36px;
	text-indent:8px;
	font-size:1.2em;
}
.top#content .condition .keyword .text-message {
	color: #555;
	font-size: 12px;
	margin-left: -12px;
	margin-top: 5px;
}
.top#content .condition .keyword .action {
	margin-top: 0px !important;
}
.top#content .condition .keyword .action .btn {
	width: 65px;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.top#content .condition .keyword .action .btn {
	cursor: pointer;
	border:0;
	line-height:35.5px;
	height:35.5px;
	background-position:center center;
	background-repeat:no-repeat;
	background-color: rgb(0, 69, 139);
	border-radius: 0 3px 3px 0;
	background-image:url(../img/ic_search.png);
}
.top#content .condition .mail-top .title{
	flex: 1;
	display: flex;
    justify-content: left;
    align-items: center;
	margin-left: 10px;
	background-color: rgb(245, 249, 293);
	border-top: 1px solid rgb(211, 211, 211);
}
.top#content .condition .mail-top .title a {
	margin-left: 20px;
	font-size: 15px;
	text-decoration: none;
}
.top#content .condition .mail-top .title, .before, .after {
	flex: 1;
}
.top#content .condition .mail {
	padding-top:15px;
	margin-bottom:10px;
	flex: 3;
	border-top: 1px solid rgb(211, 211, 211);
}
.top#content .condition .mail .form {
	display: flex;
}
.top#content .condition .mail .form input {
	width: calc(100% - 20px);
	border: 1px solid rgb(0, 53, 126);
	margin-left: 12px;
	border-radius: 3px;
	height:32px;
	line-height:36px;
	text-indent:8px;
	font-size:1.2em;
}
.top#content .condition .login-btn {
	text-align: center;
}
.top#content .condition .login-btn div {
	height: 45px;
	line-height: 45px;
	width: 200px;
	background-color: rgb(8, 87, 173);
	color: #fff;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
	border-radius: 3px;
	cursor: pointer;
	font-size: 14px;
} 
.top#content .condition .login-btn button {
	height: 45px;
	line-height: 45px;
	width: 200px;
	background-color: rgb(8, 87, 173);
	color: #fff;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
	border-radius: 3px;
	cursor: pointer;
	font-size: 14px;
} 



.top#content .condition .register-btn {
	text-align: center;
}

.top#content .condition .register-btn div {
	height: 45px;
	width: 200px;
	display: flex;
	background-color: rgb(8, 87, 173);
	color: #fff;
	display: inline-block;
	margin-top: 20px;
	border-radius: 3px;
	cursor: pointer;
	font-size: 14px;
	text-align: center;
}
.top#content .condition .register-btn div a {
	color: #fff;
	line-height: 45px;
	font-size: 14px;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	align-items: center;
}
.top#content .condition .login-btn div:hover {
	background-color: rgb(57, 121, 189);
}
.top#content .condition .login-btn button:hover {
	background-color: #fff;
	color: rgb(64, 116, 168);
	border: 1px solid rgb(64, 116, 168);
	height: 45px;
	width: 200px;
	line-height: 45px;
}

.top#content .condition .register-btn div a:hover {
	background-color: #fff;
	color: rgb(64, 116, 168)!important;
	border: 1px solid rgb(64, 116, 168);
	height: 45px;
	width: 200px;
	line-height: 45px;
}


.top#content .condition .pwdforget-btn {
	text-align: center;
}
.top#content .condition .pwdforget-btn div {
	margin-top: 20px;
	font-size: 12px;
	text-decoration: underline;
}
.top#content .condition .noregister-texts {
	text-align: center;
}
.top#content .condition .noregister-texts div {
	margin-top: 30px;
	font-size: 20px;
}
.top#content .condition .password-top .title{
	flex: 1;
	display: flex;
    justify-content: left;
    align-items: center;
	margin-left: 10px;
	background-color: rgb(245, 249, 293);
	border-top: 1px solid rgb(211, 211, 211);
	border-bottom: 1px solid rgb(211, 211, 211);
}
.top#content .condition .password-top .title a {
	margin-left: 20px;
	font-size: 15px;
	text-decoration: none;
}
.top#content .condition .password-top .title, .after {
	flex: 1;
}
.top#content .condition .password {
	padding-top:15px;
	padding-bottom:10px;
	flex: 3;
	border-top: 1px solid rgb(211, 211, 211);
	border-bottom: 1px solid rgb(211, 211, 211);
}
.top#content .condition .password .form {
	display: flex;
}
.top#content .condition .password .form input {
	margin-right: 150px;
	border: 1px solid rgb(0, 53, 126);
	margin-left:12px;
	border-radius: 3px;
	height: 9px !important;
	line-height: 9px !important;
	text-indent:8px;
	font-size:1.2em;
}
.top#content .condition .series {
	margin-top:15px;
}
.top#content .condition .series #listSearch {
	/*height:950px;*/
        height:500px;
	overflow-x:hidden;
	overflow-y:auto;
	border:1px solid #e2e2e2;
}
#content .condition .series ul {
	margin-top:5px;
	margin-bottom:15px;
}
.top#content .condition .series #listSearch ul {
	margin-left:12px;
	margin-right:12px;
	/*display:none;*/
}
.top#content .condition .series #listSearch ul li:nth-child(odd) {
	background-color: #fff;
}
.top#content .condition .series #listSearch ul li:nth-child(even) {
	background-color: rgb(246, 246, 246);
}
.top#content .condition .series #listSearch ul.current {
	display:block;
}
.top#content .condition .series ul#listSearchTab {
	margin-left:0;
	margin-right:0;
	letter-spacing:-40em;
	display:table;
	table-layout:fixed;
	width:100%;
	margin-bottom:0;
	border-collapse:collapse;
}
.underline li {
	border-bottom:1px solid #e2e2e2;
}
#content .condition .series ul li {
	padding-top:14px;
	padding-bottom:14px;
	font-size:1.2em;
	line-height:1;
	position:relative;
	cursor:pointer;
	background-image:url(../img/ic_arrowBlue.png);
	background-position:97% center;
	background-repeat:no-repeat;
	text-indent:10px;
}
#content .condition .series ul li:hover {
	color: #555;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.top#content .condition .series ul#listSearchTab li {
	display:table-cell;
	letter-spacing:normal;
	background-image:none;
	text-indent:0;
	border-top:1px solid #e2e2e2;
	border-left:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	border-bottom:0;
	text-align:center;
}
.top#content .condition .series ul#listSearchTab li.current {
	color: #fff;
	position:relative;
	background-color: rgb(62, 155, 244);
}

/*----------------------------------------------------------------------------------------
	top-result
---------------------------------------------------------------------------------------- */
.top-result#content .condition {
	margin-top:30px;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
}
.top-result#content .block {
	margin-top: 10px;
}
.top-result#content .condition .type-top, .keyword-top, .list-top {
	display: flex;
}
.top-result#content .condition .type-top .title{
	flex: 1;
	display: flex;
    justify-content: left;
    align-items: center;
	margin-left: 10px;
}
.top-result#content .condition .type-top .title a {
	margin-left: 50px;
	font-size: 15px;
	text-decoration: none;
	color: #555;
}
.top-result#content .condition .type-top .title, .after {
	flex: 1;
}

.top-result#content .condition .type {
	margin-right:0;
	width:100%;
	letter-spacing:-40em;
	margin-left:1px;
	flex: 3;
}
.top-result#content .condition .type li {
	display:inline-block;
	width:29%;
	margin-left:-12px;
	height:auto;
	line-height:1;
	font-size:1.3em;
	margin-right: 20px;
}
.top-result#content .condition .type li .check {
	display: flex;
}
.top-result#content .condition .type li .icon,
.top-result#content .condition .type li .text {
	margin-left:0;
	text-align:center;
}
.top-result#content .condition .type li .icon {
	flex: 1;
	margin-top:10px;
	margin-bottom:12px;
}
.top-result#content .condition .type li .text {
	flex: 2;
	margin-top:12px;
	margin-bottom:10px;
	text-align: left;
}
.top-result#content .condition .often {
	margin-top:20px;
}
.top-result#content .condition .often .often-top {
	display: flex;
}
.top-result#content .condition .often .often-top .after {
	flex: 3;
}
.top-result#content .condition .often dt {
	flex: 1;
	margin-top:-8px;
	text-align:center;
	color: black;
	font-size:1.2em;
	margin-left: 12px;
}
.top-result#content .condition .often dt span {
	background-color:#fff;
	padding-left:8px;
	padding-right:8px;
}
.top-result#content .condition .often dd ul {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:15px;
	margin-right:15px;
	letter-spacing:-40em;
}
.top-result#content .condition .often dd ul li {
	border: 1px solid #777;
    padding: 2px 4px;
	border-radius: 3px;
	letter-spacing:normal;
	display:inline;
	line-height:2.8;
	margin-right:14px;
	color:#777;
	white-space:nowrap;
	cursor:pointer;
	font-size:1.3em;
}
.top-result#content .condition .often dd ul li:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.top-result#content .condition .often dd .form {
	display:none;
}
.top-result#content .condition .keyword-top .title{
	flex: 1;
	display: flex;
    justify-content: left;
    align-items: center;
	margin-left: 10px;
}
.top-result#content .condition .keyword-top .title a {
	color: #555;
	margin-left: 50px;
	font-size: 15px;
	text-decoration: none;
}
.top-result#content .condition .keyword-top .title, .after {
	flex: 1;
}
.top-result#content .condition .keyword {
	margin-top:15px;
	margin-bottom:10px;
	flex: 3;
}
.top-result#content .condition .keyword .form {
	display: flex;
}
.top-result#content .condition .keyword .form input {
	width: calc(100% - 30px);
	border: 1px solid rgb(0, 53, 126);
	margin-left:-12px;
	border-radius: 3px 0 0 3px;
	height:32px;
	line-height:36px;
	text-indent:8px;
	font-size:1.2em;
}
.top-result#content .condition .keyword .text-message {
	color: #555;
	font-size: 12px;
	margin-left: -12px;
	margin-top: 5px;
}
.top-result#content .condition .keyword .action {
	margin-top: 0px !important;
}
.top-result#content .condition .keyword .action .btn {
	width: 65px;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.top-result#content .condition .keyword .action .btn {
	cursor: pointer;
	border:0;
	line-height:36px;
	height:36px;
	background-position:center center;
	background-repeat:no-repeat;
	background-color: rgb(0, 69, 139);
	border-radius: 0 3px 3px 0;
	background-image:url(../img/ic_search.png);
}

.top-result#content .condition .list-top .title{
	flex: 1;
	display: flex;
    justify-content: left;
    align-items: center;
	margin-left: 10px;
}
.top-result#content .condition .list-top .title a {
	color: #555;
	margin-left: 50px;
	font-size: 15px;
	text-decoration: none;
}
.top-result#content .condition .list-top .title, .after {
	flex: 1;
}
.top-result#content .condition .list {
	margin-bottom:10px;
	flex: 3;
}
.top-result#content .condition .list .form {
	display: flex;
}
.top-result#content .condition .list .form input {
	width: calc(100% - 30px);
	border: 1px solid rgb(0, 53, 126);
	margin-left:-12px;
	border-radius: 3px 0 0 3px;
	height:32px;
	line-height:36px;
	text-indent:8px;
	font-size:1.2em;
}
.top-result#content .condition .list .action {
	margin-top: 0px !important;
}
.top-result#content .condition .list .action .btn {
	width: 65px;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.top-result#content .condition .list .action .btn {
	cursor: pointer;
	border:0;
	line-height:36px;
	height:36px;
	background-position:center center;
	background-repeat:no-repeat;
	background-color: rgb(0, 69, 139);
	border-radius: 0 3px 3px 0;
	background-image:url(../img/ic_search.png);
}


/*----------------------------------------------------------------------------------------
	form
---------------------------------------------------------------------------------------- */
input.check {
	position:relative;
	top:-1px;
}
input.focus {
	color:#555 !important;
	text-indent:8px;
}
input.text,
select.select {
	border:1px solid #e2e2e2;
	line-height:24px;
	height:24px;
	margin-right:10px;
}
input.text {
	width:100%;
}
input.width80,
select.width80 {
	width:80px;
}
input.width140,
select.width140 {
	width:140px;
}
input.width240,
select.width240 {
	width:240px;
}
input.width380,
select.width380 {
	width:380px;
}
input.error,
select.error {
	border:1px solid #f00;
}

/*----------------------------------------------------------------------------------------
	loading
---------------------------------------------------------------------------------------- */
#contentFullLoading {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:table;
	letter-spacing:normal;
	background:rgba(255,255,255,0.5);
	z-index:999;
}
#contentFullLoadingWrap {
	display:table-cell;
	height:100%;
	vertical-align:top;
}
#contentFullLoadingInner {
	margin-left:auto;
	margin-right:auto;
	width:140px;
	text-align:center;
	color:#fff;
	background-color:#222;
	font-size:1.2em;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 7px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 7px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 7px 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #111e34), color-stop(0.00, #23395f));
	background: -webkit-linear-gradient(top, #23395f 0%, #111e34 88%);
	background: -moz-linear-gradient(top, #23395f 0%, #111e34 88%);
	background: -o-linear-gradient(top, #23395f 0%, #111e34 88%);
	background: -ms-linear-gradient(top, #23395f 0%, #111e34 88%);
	background: linear-gradient(to bottom, #23395f 0%, #111e34 88%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF23395f', endColorstr='#FF111e34');
}
#contentFullLoadingInner span {
	display:block;
	padding-top:12px;
	padding-bottom:12px;
	margin-left:10px;
	margin-right:10px;
	background-image:url(../img/ic_loadingFull.gif);
	background-repeat:no-repeat;
	background-position:left center;
	background-size: auto 18px;
	text-indent:15px;
}
#contentSpotLoading {
	padding-top:10px;
	padding-bottom:10px;
}
#mc .contentMainBody .section #contentSpotLoading {
	position:absolute;
	top:120px;
	left:0;
	width:100%;
	text-align:center;
	vertical-align:middle;
}
#contentSpotLoading span {
	display:block;
	text-align:center;
}
#contentSpotLoading .icon {
	width:42px;
	height:42px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/ic_loadingSpot.gif);
	background-repeat:no-repeat;
	background-position:left center;
	background-size: 100%;
}
#contentSpotLoading .text {
	font-size:1.2em;
	margin-top:10px;
	letter-spacing:normal;
}
.contentBtn #contentSpotLoading {
	margin-top:0;
	margin-bottom:0;
}
.contentBtn #contentSpotLoading .text {
	display:none;
}



/*----------------------------------------------------------------------------------------
	modalContentInner
---------------------------------------------------------------------------------------- */
#modalContent {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	display:table;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#modalContentWrap {
	display:table-cell;
	height:100%;
	vertical-align:middle;
}
#modalContentInner {
	background-color:#fff;
	box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 7px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 7px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 7px 2px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:480px;
	padding-top:5px;
	padding-bottom:5px;
}
#modalContentInner .inner {
	width:auto;
	padding:30px;
	margin-left:5px;
	margin-right:5px;
	border:1px solid #ddd;
	text-align:center;
}
#modalContentInner .close {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:30px;
	height:30px;
	background-image:url(../img/ic_close.png);
	background-repeat:no-repeat;
	background-size:auto 14px;
	background-position:center center;
	cursor:pointer;
	background-color:#999;
}
#modalContentInner .title {
	font-size:1.8em;
}
#modalContentInner .lead {
	font-size:1.2em;
}
#modalContentInner .bc {
	margin-top:30px;
}
#modalContentInner .bc .btn {
	width:100px;
	height:42px;
	line-height:42px;
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
	color:#fff;
	font-size:1.4em;
	cursor:pointer;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
#modalContentInner .bc .btn:hover {
	text-decoration:none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#modalContentInner .bc .b_btn {
	background-color:#0857ad;
}
#modalContentInner .bc .g_btn {
	background-color:#bbb;
}
#modalContentInner .result {
	font-size:1.5em;
	color:#004998;
}

/*----------------------------------------------------------------------------------------
	signin
---------------------------------------------------------------------------------------- */
#modalSignin.inner {
	padding:0;
}
#modalSignin .signin {
	padding-top:30px;
	padding-left:30px;
	padding-right:30px;
}
#modalSignin .signin li {
	margin-bottom:5px;
}
#modalSignin .signin .error {
	color:#f00;
	font-size:1.3em;
	margin-top:10px;
}
#modalSignin .btn {
	text-align:center;
	width:100%;
	margin-top:20px;
}
#modalSignin .btn span,
#modalSignin .btn a {
	width:70%;
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
	background-color:#0857ad;
	color:#fff;
	font-size:1.3em;
	cursor:pointer;
	padding-top:14px;
	padding-bottom:14px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#modalSignin .btn span.submit {
	background-position:5% center;
	background-repeat:no-repeat;
	background-image:url(../img/ic_key.gif);
}
#modalSignin .btn span:hover,
#modalSignin .btn a:hover {
	text-decoration:none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#modalSignin .signin input {
	width:100%;
	border:1px solid #ddd;
	line-height:32px;
	height:32px;
	text-indent:8px;
}
#modalSignin .signin #contentSpotLoading {
	margin-top:10px;
	padding-bottom:0;
}
#modalSignin .signin #contentSpotLoading .text {
	display:none;
}
#modalSignin .bottom {
	letter-spacing:-40em;
	margin-top:30px;
	border-top:1px solid #e2e2e2;
}
#modalSignin .bottom .left,
#modalSignin .bottom .right {
	display:inline-block;
	width:50%;
	vertical-align:top;
	letter-spacing:normal;
}
#modalSignin .bottom .block {
	padding-top:30px;
	padding-bottom:30px;
	padding-left:10px;
	padding-right:10px;
}
#modalSignin .bottom .left .block {
	border-right:1px solid #e2e2e2;
}
#modalSignin .bottom .title {
	font-size:1.4em;
}
.item-title {
	color: #555 !important;
}