@charset "UTF-8";

/* header */
div#mvp-header-simple {
	border-bottom: 1px solid #818c92;
}

div#mvp-header-simple #mvp-head{
	max-width:690px;
}
div#mvp-header-simple #mvp-head-inner{
	margin:0 auto;
}
div#mvp-header-simple #mvp-head-inner #mvp-site-title,
div#mvp-header-simple #mvp-head-inner #logo {
	display: table-cell;
	vertical-align: middle;
}

div#mvp-header-simple #mvp-head-inner #logo{
	padding-right: 2em;
}

div#mvp-header-simple #mvp-head-inner #mvp-site-title {
	width:auto;
}

#mvp-title {
	float:left;
	padding-top:6px;
	margin-right:1em;
}

#mvp-medical-only {
	float:left;
	margin-bottom:5px;
}

/* main content area */
div#mvp-content {
	background:#fff none;
	padding:0;
}
div#mvp-content #mvp-content-inner{
	max-width: 690px;
	margin: 0 auto;
	padding: 40px 0px;
	box-sizing: border-box;
}
div#mvp-main-outer {
	float:none;
	width:100%;
}
div#main {
	border:none;
	width:auto;
	padding:0;
}
div#main h1 {
	background:#fff none;
	padding: 0;
	margin:0 0 40px 0;
	text-align:center;
	font-size: 170%;
	color: #005bac;
	font-weight: normal;
}
#canvas-wrapper{
	max-width: 680px;
	margin: 0 auto;
	padding: 0 2px;
	box-sizing: border-box;
}

/* canvas-select */
div.canvas-select{
	margin-bottom:30px;
	position:relative;
}
div.canvas-select.disabled {
  margin-bottom: 0;
}
div.canvas-select h2{
	color: #fff;
	font-size: 160%;
	padding: 0.75em 1em 0.5em 3.95em;
	cursor:pointer;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
	background-color:#005bac;
}
div.canvas-select h2.cate1{
	background:#005bac url(/common/images/canvas/ico01.png) no-repeat 25px center;
	padding: 1.45em 1em 1.25em 3.95em;
}
div.canvas-select h2.cate2{
	background:#005bac url(/common/images/canvas/ico02.png) no-repeat 38px center;
}
div.canvas-select h2.cate3{
	background:#005bac url(/common/images/canvas/ico03.png) no-repeat 38px center;
}
div.canvas-select h2 a{
	color: #fff;
	text-decoration:none;
}

div.canvas-select > div{
	padding: 1.3em 1.5em 1em;
	border: 1px solid #005bac;
}

div.canvas-select p.paper-select{
	font-size:110%;
	margin:0;
}
div.canvas-select p.no-paper{
	margin:0;
}
/* request paper list */
table#paper-list{
	border-spacing:0 0.8em;
	word-break: break-all;
}
table#paper-list td.paper-check{
	width: 2em;
	text-align: center;
	background: #dff5ff;
}
table#paper-list td.paper-info{
	padding: 0 1em;
	box-sizing: border-box;
	vertical-align: top;
}
table#paper-list span.paper-issue{
	font-size:95%;
	display: block;
}
table#paper-list span.already{
	color: #eb6100;
	border: 1px solid;
	padding: 0.1em 0.5em;
	display: inline-block;
}
table#paper-list span.paper-title-en,
table#paper-list span.paper-title-js {
	display:block;
}
div.canvas-select div.submit{
	width: 50%;
	margin: 1em auto;
}
div.canvas-select div.submit>input{
	width: 100%;
	padding: 0.5em;
	color:#fff;
	background:#eb6100;
	border-radius:3px;
	border: none;
	font-size: 120%;
	cursor:pointer;
}

div.canvas-select div.submit>input.disabled{
	width: 100%;
	padding: 0.5em;
	color:#fff;
	background:#999;
	border-radius:3px;
	border: none;
	font-size: 120%;
	cursor:auto;
}

div.canvas-select .link-paper-list>div{
	margin-bottom:1.2em;
}
div.canvas-select .link-paper-list>div:last-child{
	margin-bottom:0;
}
div.canvas-select .link-paper-list h4{
	background:url(/common/images/canvas/ico04.png) no-repeat 0 4px;
	padding-left:1.5em;
	word-break: break-all;
}
div.canvas-select .link-paper-list h4 span {
	display:block;
}

#main p.canvas-warning {
  text-align: center;
  font-weight: bold;
  color: #f00;
}

#main p.canvas-preparing {
  text-align: right;
  font-size: 95%;
  margin: 5px 0 30px;
}

div.canvas-requested-paper-info {
  padding: 7px 0;
  margin-top: 0;
  border-top: 1px dashed #000;
  border-bottom: 1px dashed #000;
}

#main div.canvas-requested-paper-info p {
  margin-bottom: 5px;
}

#main p.canvas-request-waiting {
  margin-top: 1em;
}

div.canvas-select div.notice {
  color: #f00;
  background: #fff835;
  padding: 7px 5px;
}

div.canvas-select.disabled>h2{
  cursor: auto;
}
div#mvp-main-outer{
	padding: 0px 0px 25px;
	box-sizing: border-box;
}

/*-----201711-----*/

div.canvas-select h2.cate1:before,
div.canvas-select h2.cate3:before {
	content:"NEW　2017.11.20更新";
    display: inline-block;
    color: #fff;
    font-size: 12px;
    padding: 0 5px;
    background-color: #f00;
    position: absolute;
    top: -5px;
    right: -5px;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px;
}

.canvas-paper-2 .paper-issue,
.canvas-links-2 h3 {
	color:#f00;
}

.canvas-paper-2 .paper-title-ja,
.canvas-paper-2 .paper-title-en,
.canvas-links-2 h4 {
	font-weight:bold;
}


/*-----END//201711-----*/


@media screen and (min-width: 0px) and (max-width: 659px) {
	div#mvp-header-simple #mvp-head-inner{
		margin:0 auto ;
		padding: 0.8em 0;
		box-sizing: border-box;
		max-width:353px;
	}
	div#mvp-head #mvp-head-inner #logo,
	div#mvp-head #mvp-head-inner #mvp-site-title{
		display:table-cell;
		padding-right:0;
		padding-left:0;
	}
	div#mvp-head #mvp-head-inner #mvp-site-title>#mvp-title{
		padding-right:0;
	}
	div#mvp-head #mvp-head-inner #mvp-site-title>#mvp-medical-only>span{
		width:197px;
	}
}

@media screen and (min-width: 0px) and (max-width: 639px) {

	#canvas-content-body .canvas-select>h2+div{
		padding:1em;
	}
}
@media screen and (min-width: 0px) and (max-width: 349px) {
	div#mvp-head #mvp-head-inner #logo,
	div#mvp-head #mvp-head-inner #mvp-site-title{
		display:block;
	}
	div#mvp-head #mvp-head-inner #mvp-site-title>#mvp-title,
	#mvp-medical-only{
		float:none;
		margin:0;
	}
}
