@charset "utf-8";

 

 /* common

------------------------------------------------- */

#main {

	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

	font-size: 15px;

}

.annotation {

	font-family: "ＭＳ Ｐゴシック","MS PGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;

	letter-spacing: 0.05em;

}

#series {

	height: 100%;

}

#head_img {

	position: relative;

	zoom: 1;

}

#head_img .sale {

  position: absolute;

  top: 155px;

  left: 60px;

  line-height: 1;

  font-size: 16px;

  font-weight: bold;

}

#head_img .sale::before {

  content: "NEW";

  padding: 4px 5px;

  position: absolute;

  top: -2px;

  left: -45px;

  background-color: #c00c0c;

  border-radius: 4px;

  color: #ffffff;

  font-size: 10px;

}



/* .annotation

------------------------------------------------- */

.annotation a:link,

.annotation a:active,

.annotation a:hover,

.annotation a:visited {

	color: #4c7aff;

}

.annotation a:link,

.annotation a:active,

.annotation a:visited {

	text-decoration: none

}

.annotation a:hover { text-decoration: underline; }





/* .leaf_head

------------------------------------------------- */

.leaf_head {

	background: #eb5ab7;

	height: 53px;

}

.leaf_head p {

	padding: 16px 0 0 14px;

	font-size: 30px;

	color: #ffffff;

	line-height: 1;

}





/* .annot_graybox

------------------------------------------------- */

.annot_graybox {

	background-color: #f2f2f2;

	padding: 20px 20px;

	font-size: 79%;

	color: #898989;

	font-weight: normal;

    line-height: 1.5;

}



/* .caption

------------------------------------------------- */

.caption{

	color: #535353;

	font-size: 16px;

	font-weight: bold;

	line-height: 1.7;

	text-align: left;

} 

.caption_blue{

    font-size: 16px;

    font-weight: bold;

    line-height: 1.7;

    color: #0487c5;

}     



/* .content_anchor

------------------------------------------------- */

.content_anchor {

	clear: both;

	margin: 20px 0 38px 0;

	padding: 15px 0;

	background: #F4F3F1;

	zoom: 1;

	font-size: 14px;

}

.content_anchor ul {

	margin: 0 15px;

	zoom: 1;

}

.content_anchor ul li {

	float: left;

	white-space: nowrap;

	margin: 3px 10px 0 0;

	display: inline;

	padding: 1px 10px 2px 20px;

	background: url(../../images/icon/bg_arrow_bottom_off.gif) left 3px no-repeat;

	zoom: 1;

}

.content_anchor a {

	color: #0f6e96;

}



/* .section

------------------------------------------------- */

.section h2 {

	background: url(../images/bg_section_01.png) left top no-repeat;

	padding: 13px 0 31px 23px;

	font-size: 26px;

	font-weight: bold;

	line-height: 1;

	color: #ffffff;

}

.section h2.big{

	background: url(../images/bg_section_02.png) left top no-repeat;

}

.section h3 {

	margin-bottom: 18px;

	font-size: 20px;

	font-weight: bold;

	color: #1297a1;

}

.section .title {

	padding-left: 15px;

	border-left: 10px solid #eb5ab7;

	font-size: 18px;

	font-weight: bold;

	line-height: 1.7;

	color: #535353;

}

.section .sub_title {

	padding-left: 15px;

	border-left: 10px solid #f39fd3;

	font-size: 16px;

	font-weight: bold;

	line-height: 1.7;

	color: #1297a1;

}

.section.top_function .title {

	font-size: 14px;

	line-height: 2.2;

	margin-bottom: 20px;

}



/* .article

------------------------------------------------- */

.article {

	margin-top: 25px;

	padding: 20px 0 30px 0;

	border: 1px solid #cfcfcf;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	text-align: center;

}

.article .article_frm{

	padding: 0 30px;

	text-align: left;

}



.article .article_title{

	margin-top: 20px;

	font-size: 15px;

	font-weight: bold;

	line-height: 1.7;

	color: #1297a1;

	text-align: left;

}





/* .articlec_2clm

------------------------------------------------- */

.article_2clm dl {

	text-align: left;

	width: 100%;

}

.articlec_2clm dt {

	float: left;

	padding-right: 10px; 

	width: 48%;

  text-align: center;

}

.articlec_2clm dl dd {

	float: left;

	padding-left: 10px; 

	width: 48%;

}

.articlec_2clm .articlec_2clm_wrap {

	text-align: left;

	width: 100%;

}

.articlec_2clm .articlec_2clm_wrap .articlec_2clm_left {

	float: left;

	padding-right: 10px; 

	width: 48%;

}

.articlec_2clm .articlec_2clm_wrap .articlec_2clm_right {

	float: left;

	padding-left: 10px; 

	width: 48%;

}

.articlec_2clm span{

	color: #2d87f6;

}
/magnoliaAuthor/.resources/webresources/archived-contents/shared/img
.articlec_2clm dt span{

	color: rgb(83, 83, 83);

	display: block;

}

.articlec_2clm a:link,

.articlec_2clm a:active,

.articlec_2clm a:hover,

.articlec_2clm a:visited {

	color: #4c7aff;

}

.articlec_2clm a:link,

.articlec_2clm a:active,

.articlec_2clm a:visited {

	text-decoration: none

}

.articlec_2clm a:hover { text-decoration: underline; }





/* .articlec_3clm

------------------------------------------------- */

.articlec_3clm {

	margin-top: 35px;

}

.articlec_3clm div {

	float: left;

	width: 238px;

}

.articlec_3clm h3 {

	padding-left: 15px;

	border-left: 10px solid #eb5ab7;

	font-size: 1.2em;

	font-weight: bold;

	line-height: 1.7;

	color: #535353;

}

.articlec_3clm_title {

	display: block;

	min-height: 25px;

	border-left: 10px solid #eb5ab7;

	padding: 5px 0 5px 15px;

	font-size: 1.2em;

	font-weight: bold;

	line-height: 1.3;

	color: #535353;

}

.articlec_3clm .txt {

  margin: 20px 15px 0 5px;

}

.articlec_3clm .img {

  margin: 10px 0 0;

  text-align: center;

}





/* .table_gray

------------------------------------------------- */

.table_gray {

  color: #535353;

  font-size: 100%;

  width: 100%;

  border-collapse: separate;

  border-spacing: 0;

  empty-cells: show;

}

.table_gray,

.table_gray th,

.table_gray td {

  border-color: #cfcfcf;

  border-style: solid;

}

.table_gray {

  border-width: 0 1px 1px 0;

}

.table_gray th,

.table_gray td {

  padding: 10px;

  border-width: 1px 0 0 1px;

  text-align: left;

  vertical-align: top;

}

.table_gray th .column2 ,

.table_gray td .column2  {

 width: 180px;

}

.table_gray caption {

	padding: 5px;

	background: #cfcfcf;

	text-align: center;

    font-size: 15px;

    font-weight: bold;

    line-height: 1.3;

    color: #535353;

}

.table_gray .title {

	font-size: 14px;

	color: #535353;

}

.table_gray .comment {

	margin-top: 10px;

	font-size: 18px;

	color: #da2187;

}

.table_gray .link {

	margin-top: 7px;

	font-size: 14px;

	color: #da2187;

}

.table_gray.top,

.table_gray.top th,

.table_gray.top td {

	border-color: #ededed;

	border-style: solid;

}

.table_gray.top td {

	padding: 18px;

}

.table_gray.top td a:hover {

	text-decoration: none;

}





/* .option

------------------------------------------------- */

.option_frm{

	padding: 10px;

}

.option .title-bg{

	background: #000;

	padding: 3px 10px;

}

.option .title-bg p {

    padding-left: 10px;

    border-left: 7px solid #fff;

    font-size: 16px;

    font-weight: bold;

    line-height: 1.5;

    color: #fff;

}



/* .icon

------------------------------------------------- */

.icon_no_01 {

	background: url(../images/icon_no_01.png) left top no-repeat;

	padding-left: 40px;

	display: block;

	min-height: 32px;

	line-height: 2.2;

}

.icon_no_02 {

	background: url(../images/icon_no_02.png) left top no-repeat;

	padding-left: 40px;

	display: block;

	min-height: 32px;

	line-height: 2.2;

}

.icon_no_03 {

	background: url(../images/icon_no_03.png) left top no-repeat;

	padding-left: 40px;

	display: block;

	min-height: 32px;

	line-height: 2.2;

}





/* .btn_link

------------------------------------------------- */

.btn_link {

	width: 150px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	background-color: #1c8bd6;

	position: relative;

	zoom: 1;

	display: block;

}

.btn_link p,

.btn_link span {

	padding: 13px 0 14px 30px;

	background: url(../../images/icon/bg_arrow_right_off.gif) 10px 17px no-repeat;

	color: #ffffff !important;

	zoom: 1;

	font-family: "ＭＳ Ｐゴシック","MS PGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;

}

.btn_link p a, 

.btn_link span a {

	display: block;

	position: absolute;

	left: 1px;

	top: 2px;

	width: 100%;

	height: 100%;

	text-indent: -9999px;

	background/*\**/: #fff\9; /*IE7、8用ハック*/

	opacity: 0;

	moz-opacity: 0;

	filter: alpha(opacity=0); /*フィルターで透明に*/

}

.btn_link p:link,

.btn_link p:active,

.btn_link p:visited {

	text-decoration: none;

	color: #fff;

}

.btn_link p:hover {

	text-decoration: underline;

	color: #fff;

}

.btn_link_ar {

	float: right;

}



/* Back to Top

-------------------------------------------------- */

.backtotop {

	clear: both;

	margin: 10px 10px 30px 0;

	min-height: 25px;

	font-size: 12px;

}

.backtotop a {

	float: right;

	padding: 5px 29px 5px 0;

	background: url(..//magnoliaAuthor/.resources/webresources/archived-contents/shared/img/icon_arrow_01.png) right top transparent no-repeat;

	zoom: 1;

	line-height: 1.3;

	color: #898989;

}



/* Pop Up

-------------------------------------------------- */

#timeshift_machine_img {

	position: relative;

}

#timeshift_machine_img #timeshift_machine_img_popup01 {

	position: absolute;

    top: 395px;

    left: 454px;

}

#timeshift_machine_img #timeshift_machine_img_popup02 {

	position: absolute;

    top: 722px;

    left: 329px;

}



#zanmai_btn {

	position: relative;

}

#zanmai_btn #zanmai_btn_01 {

	position: absolute;

    top: 162px;

    left: 450px;

}











/* ==================================================

 *

 * top

 *

 * ================================================== */



.top_function ul {

	margin: 0px 0 8px 35px;

}

.top_function li {

	float: left;

	margin-right: 30px;

}



/* bd_add0919

-------------------------------------------------- */

.annot_wrap {

  margin-top: 20px;

  margin-bottom: 20px;

}







.table_spec {

	width: 100%;

	margin-top: 20px;

	border-top: 1px solid #bfbfbf;

	border-left: 1px solid #bfbfbf;

}

	.table_spec th {

		padding: 15px 0 14px 11px;

		border-right: 1px solid #bfbfbf;

		border-bottom: 1px solid #bfbfbf;

		font-size: 14px;

		vertical-align: middle;

	}

		.table_spec th span {

			font-size: 12px;

			color: #898989;

		}

	.table_spec td {

		padding: 15px 0 14px 0;

		font-size: 12px;

		border-right: 1px solid #bfbfbf;

		border-bottom: 1px solid #bfbfbf;

		text-align: center;

		vertical-align: middle;

	}

		.table_spec td.al {

			text-align: left;

		}







.three_appeal {

    clear: both;

    margin: 10px 0 0;

    display: table;

}

.three_appeal .link {

  margin: 5px 0 5px 5px;

  padding: 0;

  float: left;

  width: 241px;

  border: 2px solid #eb5ab7;

  position: relative;

  display: table-cell;

}

.three_appeal .link:first-child {

  margin-left: 0;

}

.three_appeal .link .hierarchy {

  margin: 20px 9px 0;

  font-size: 1.066em;

  font-weight: bold;

  min-height: 70px;

}

.three_appeal .link .txt {

  margin: 18px 9px 0;

  font-size: 0.9333em;

  color: #eb5ab7;

  min-height: 79px;

}

.three_appeal .link .link_area {

  margin: 12px 16px 0 0;

  padding: 5px 0 5px 9px;

  font-size: 0.9333em;

  font-weight: bold;

  color: #eb5ab7;

}

.three_appeal .link p a {

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  text-indent: -9999px;

  opacity: 0;

}

.three_appeal .link .img {

  margin: 12px 0 0;

  text-align: center;

}