@charset "UTF-8";

/*
ja_JP
*/

/* =========================================================
common
========================================================= */
/* -----------------------------------------------
header menu
----------------------------------------------- */
#header {
	min-width: 1100px;
}
/* -----------------------------------------------
link color
----------------------------------------------- */

a:link {
	color: #d2691e;
}
a:visited {
	color: #d2691e;
}
a:hover {
	color: #37a34a;
}

/* -----------------------------------------------
left menu
----------------------------------------------- */

#side-left .menu h3 {
	border-top: 4px solid #77bcff;
	border-bottom: 1px solid #77bcff;
}
#side-left .menu div a {
	background-color: #77bcff;
}
#side-left .category li {
	background: url(/img/common/wid/left_nav_point.png) no-repeat 0 8px;
}
/* -----------------------------------------------
content
----------------------------------------------- */
#content {
	min-width: 1057px;
}
/* -----------------------------------------------
Free paper 表紙
----------------------------------------------- */

.freepaper {
	text-align: center;
	background-color: #efefef;
	margin-bottom: 20px;
}
.freepaper img {
	width: 700px;
	height: 350px;
}

/* -----------------------------------------------
location
----------------------------------------------- */

.location h3 {
	background-color: #77bcff;
}
.location div {
	background: url(/img/common/wid/location_bg.png) no-repeat 100% 100%;
}
.location p {
	background: url(/img/common/wid/location_arrow.png) no-repeat 10px 0;
}

/* -----------------------------------------------
volume
----------------------------------------------- */

.volume {
	color: #00a73b;
	font-weight: bold;
	background: url(/img/common/wid/icon_point.png) no-repeat 0 50%;
	padding-left: 19px;
	margin: 8px 0 10px;
	min-height: 11px;
}

/* -----------------------------------------------
contents name
----------------------------------------------- */

#contents-name h2 a {
	display: block;
	background: url(/img/jpn/wid/title.gif) no-repeat 0 0;
	width: 243px;
	height: 50px;
}

/* -----------------------------------------------
pagination
----------------------------------------------- */

.paging .bg {
	background-color: #77bcff;
}

/* -----------------------------------------------
text ad
----------------------------------------------- */

#sidead li.textad {
	background-color: #eef7ff;
}

/* -----------------------------------------------
banner
----------------------------------------------- */

.bn {
	text-align: center;
	background-color: #f08200;
	margin-bottom: 10px;
}
.bn img {
	vertical-align: top;
	width: 600px;
	height: 90px;
}

/* =========================================================
how to
========================================================= */
#howto {
	clear: both;
}
#howto dl {
	border-bottom: 2px dashed #e8ece9;
	padding-bottom: 15px;
	margin: 10px 0 15px 0;
}
#howto dt {
	color: #00a73b;
	font-weight: bold;
	background: url(/img/common/wid/icon_point.png) no-repeat 0 50%;
	padding-left: 19px;
	margin-bottom: 8px;
	min-height: 11px;
}
#howto dd {
	line-height: 146%;
}
#howto .sample {
	text-align: center;
	margin-top: 10px;
}
#howto .sample img {
	vertical-align: bottom;
	margin: 5px;
}
#howto .sample img:first-child {
	width: 306px;
	height: 233px;
}
#howto .sample img:nth-child(2) {
	width: 289px;
	height: 276px;
}
/* =========================================================
result
========================================================= */
#result {
	clear: both;
}
#result .note {
	color: #ff6666;
	line-height: 137%;
	margin-bottom: 15px;
}
/* -----------------------------------------------
page accordion
----------------------------------------------- */
#result .accordion_btn {
	position: relative;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	background-color: #f59c32;
	padding: 8px 10px 10px;
	margin-bottom: 1px;
	border-radius: 2px;
}
#result .accordion_btn::after {
	content: "";
	position: absolute;
	top: 11px;
	right: 15px;
	width: 4px;
	height: 4px;
	border-right: 3px solid rgba(255,255,255,.7);
	border-bottom: 3px solid rgba(255,255,255,.7);
	transform: rotate(45deg);
}
#result .a_contents {
	display: none;
}
#result .a_contents .box:first-child {
	padding-top: 10px;
}
#result .a_contents .nodata {
	padding: 8px 0;
}
/* -----------------------------------------------
section
----------------------------------------------- */
#result .section .wid {
	font-weight: bold;
	margin-bottom: 2px;
}
#result .section .wid span {
	background: linear-gradient(transparent 60%, #ffff66 60%);
	margin-left: 4px;
}
#result .section .wid em {
	font-style: normal;
	margin-left: 4px;
}
#result .section .frame {
	border: 2px solid #e6eae6;
	margin-bottom: 10px;
}
/* -----------------------------------------------
header
----------------------------------------------- */
#result .section .header {
	background-color: #f7f6f5;
	border-bottom: 1px solid #e6eae6;
	padding: 8px 0 4px 8px;
}
#result .section .header .box {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
#result .section .header .box div {
	display: table-cell;
	vertical-align: middle;
}
#result .section .header .box div:first-child a {
	display: block;
	color: #ffffff;
	padding: 4px 8px;
	min-width: 143px;
	white-space: nowrap;
}
#result .section .header .box div:nth-child(2) {
	background-color: #ffffff;
	padding: 4px 8px;
	min-width: 200px;
	white-space: nowrap;
}
#result .section .header .box div:last-child {
	color: #666666;
	text-align: right;
	padding: 4px 8px;
	width: 100%;
}
#result .section .header .box div:last-child .new {
	text-align: right;
	color: #ff3399;
	background: url(/img/common/common/icon_new.gif) no-repeat 0 2px;
	padding-left: 26px;
}
/* -----------------------------------------------
body
----------------------------------------------- */
#result .section .body {
	padding: 10px 10px 0 10px;
}
#result .section .body h3 {
	font-size: 15px;
	font-weight: bold;
	line-height: 116%;
}
#result .section .body .wrap {
	display: table;
	table-collapse: collapse;
	border-spacing: 0;
	margin-top: 8px;
	width: 100%;
}
#result .section .body .left {
	display: table-cell;
	vertical-align: top;
	padding-right: 10px;
}
#result .section .body .right {
	display: table-cell;
	vertical-align: top;
	width: 100%;
}
/* -----------------------------------------------
picture
----------------------------------------------- */
#result .section .body .left .thumb {
	position: relative;
	min-width: 160px;
}
#result .section .body .left .thumb a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #e4e4e4;
	width: 158px;
	height: 119px;
}
#result .section .body .left .thumb a:hover {
	border: 1px solid #ffcc00;
}
#result .section .body .left .thumb img.medium {
	vertical-align: middle;
	border: 1px solid #ffffff;
	max-width: 156px;
	max-height: 117px;
}
#result .section .body .left .noimg {
	position: relative;
	text-align: center;
	vertical-align: middle;
}
#result .section .body .left .noimg span {
	display: none;
}
#result .section .body .left .noimg a {
	display: block;
	background: url(/img/common/rp/noimg_list.png) no-repeat 50% 50%;
	border: 1px solid #ffffff;
	width: 158px;
	height: 119px;
}
#result .section .body .left .noimg a:hover {
	border: 1px solid #ffcc00;
}
/* -----------------------------------------------
right comment
----------------------------------------------- */
#result .section .body .right p {
	line-height: 126%;
}
/* -----------------------------------------------
detail
----------------------------------------------- */
#result .section .detail {
	clear: both;
	text-align: right;
	padding-right: 10px;
	margin-bottom: 5px;
}
#result .section .detail a {
	display: inline-block;
	color: #ffffff;
	border-radius: 2px;
	white-space: nowrap;
	padding: 4px 8px;
}
#result .section .detail a:hover {
	background-color: #ffcc00;
}
/* -----------------------------------------------
contact
----------------------------------------------- */
#result .section .contact {
	clear: both;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 8px 10px 10px;
	width: 100%;
}
#result .section .contact ul {
	list-style-type: none;
	color: #666666;
	line-height: 126%;
	display: table-cell;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
	width: 100%;
}
#result .section .contact ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	height: 0;
	clear: both;
}
#result .section .contact li {
	display: inline-block;
	margin: 0 8px 0 0;
}
#result .section .contact li span {
	color: #999999;
	margin-right: 3px;
}
#result .section .contact .detail {
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
}
#result .section .contact .detail a {
	display: inline-block;
	color: #ffffff;
	border-radius: 2px;
	padding: 4px 8px;
	white-space: nowrap;
}
#result .section .contact .detail a:hover {
	background-color: #ffcc00;
}
/* -----------------------------------------------
service color
----------------------------------------------- */

/* tg */

#result .tg .header {
	background-color: #f2f1de;
}
#result .tg .header .box div:first-child {
	background-color: #8f8f5f;
}
#result .tg .detail a {
	background-color: #8f8f5f;
}

/* cf */

#result .cf .header {
	background-color: #ecf5e1;
}
#result .cf .header .box div:first-child {
	background-color: #90ac1a;
}
#result .cf .detail a {
	background-color: #90ac1a;
}

/* ev */

#result .ev .header {
	background-color: #f7e7e7;
}
#result .ev .header .box div:first-child {
	background-color: #660000;
}
#result .ev .detail a {
	background-color: #660000;
}

/* cj */

#result .cj .header {
	background-color: #e8f7f6;
}
#result .cj .header .box div:first-child {
	background-color: #5faea1;
}
#result .cj .detail a {
	background-color: #5faea1;
}

/* ib */

#result .ib .header {
	background-color: #e8ecf6;
}
#result .ib .header .box div:first-child {
	background-color: #336699;
}
#result .ib .detail a {
	background-color: #336699;
}

/* ln */

#result .ln .header {
	background-color: #fff5ee;
}
#result .ln .header .box div:first-child {
	background-color: #fc7070;
}
#result .ln .detail a {
	background-color: #fc7070;
}

/* bs */

#result .bs .header {
	background-color: #fff9e7;
}
#result .bs .header .box div:first-child {
	background-color: #f8b500;
}
#result .bs .detail a {
	background-color: #f8b500;
}

/* bsc */

#result .bsc .header {
	background-color: #f6ece5;
}
#result .bsc .header .box div:first-child {
	background-color: #533c32;
}
#result .bsc .detail a {
	background-color: #533c32;
}

/* rp */

#result .rp .header {
	background-color: #e5f1f3;
}
#result .rp .header .box div:first-child {
	background-color: #006363;
}
#result .rp .detail a {
	background-color: #006363;
}

/* re */

#result .re .header {
	background-color: #edf9f3;
}
#result .re .header .box div:first-child {
	background-color: #37a76f;
}
#result .re .detail a {
	background-color: #37a76f;
}

/* fr */

#result .fr .header {
	background-color: #f1fbfb;
}
#result .fr .header .box div:first-child {
	background-color: #009999;
}
#result .fr .detail a {
	background-color: #009999;
}

/* lifeline */

#result .lifeline .header {
	background-color: #edf6f4;
}
#result .lifeline .header .box div:first-child {
	background-color: #007f61;
}
#result .lifeline .detail a {
	background-color: #007f61;
}

/* mc */

#result .mc .header {
	background-color: #eff5f9;
}
#result .mc .header .box div:first-child {
	background-color: #043c78;
}
#result .mc .detail a {
	background-color: #043c78;
}

/* eb */

#result .eb .header {
	background-color: #fdeee6;
}
#result .eb .header .box div:first-child {
	background-color: #ed6c2a;
}
#result .eb .detail a {
	background-color: #ed6c2a;
}

/* ci */

#result .ci .header {
	background-color: #f7f6f5;
}
#result .ci .header .box div:first-child {
	background-color: #666666;
}
#result .ci .detail a {
	background-color: #666666;
}

/* flyer */

#result .flyer .header {
	background-color: #fff0db;
}
#result .flyer .header .box div:first-child {
	background-color: #ff9900;
}
#result .flyer .detail a {
	background-color: #ff9900;
}

/* wk */

#result .wk .header {
	background-color: #e8f5ff;
}
#result .wk .header .box div:first-child {
	background-color: #2186eb;
}
#result .wk .detail a {
	background-color: #2186eb;
}

/* reset */
#nodata p {
	margin: 0;
}