@charset "utf-8";
/* CSS Document */
/* ======================================================
 * ELEMENT ********************************************
 * Modal Parts
 * Modal Contents
====================================================== */

/*
prefix for this contents : "ms"
Example : #ms***, .ms***
*/
/********************************************************

  ELEMENT

********************************************************/

/* Modal Parts
------------------------------------------------------ */
#old-layout #msModal{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(../../images/bg_white50.png);
	z-index:1000;/*globalHeader,globalNaviの999より上*/
}
#old-layout .msModalBoxContainer{
	position:relative;
	width:1020px;
	height:540px;
	margin:auto;
	overflow:hidden;
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_bg_small.png);
	background-repeat:no-repeat;
}
#old-layout .msModalBoxWrap{
	position:absolute;
	height:100%;
}
#old-layout .msModalBox{
	position:relative;
	float:left;
	margin:20px;
	width:980px;
	height:500px;
	background-repeat:no-repeat;
	background-color:#fff;
}
#old-layout .msModalBox1{
	overflow:hidden;
	/*background-position:0 -20px;*/
}
#old-layout .msModalBox1L{
	float:left;
	width:530px;
	height:100%;
	background-repeat:no-repeat;
}
#old-layout .msModalBox1R{
	float:right;
	width:450px;
	height:100%;
	background-repeat:no-repeat;
	color:#fff;
	font-size:12px;
	line-height:22px;
}
#old-layout .msModalBox1R li{
	line-height:1.2em;
	padding:0em 0.4em 0.45em 5px;
}


#old-layout .msModalBox1R a:link,
#old-layout .msModalBox1R a:visited{
	color:#242424;
	text-decoration:underline;
}
#old-layout .msModalBox1Ttl{
	margin-top:34px;
	margin-bottom:5px;
	margin-left:34px;
	height:44px;
}
#old-layout .msModal18 .msModalBox1Ttl{
	height: 80px;/*en*/
}
#old-layout .msModalBox1Ttl img{
	height:44px;
}
#old-layout .msModal18 .msModalBox1Ttl img{
	height:80px;/*en*/
}
#old-layout .msModalBox1Txt{
	padding-left:38px;
	font-size:0.85em;
	line-height:1.6em;
	color:#fff;
}
#old-layout .msModalBox1List{
	position:relative;
	float:left;
	width:176px;
	height:423px;
	margin-top:35px;
	margin-left:40px;
	padding-top: 17px;
	padding-left: 13px;
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_list_bg_small.png);
	background-repeat:no-repeat;
	overflow:auto;
}
#old-layout .msModalBox1List ul{
	margin-bottom:10px;
	padding-left:0px;
}
#old-layout .msModalBox1List ul.last{
	margin-bottom:0;
}

#old-layout .msModalBox1List ul li{
	color:#242424;
}


#old-layout .msModalBox1Imgs{
	float:right;
	margin-top: 35px;
	margin-right: 58px;
	width:140px;
	text-align:center;
	line-height:1.3em;
	font-size:11px;
}
#old-layout .msModalBox1Imgs img{/*全て１行の場合。それ以外は個別指定*/
	margin-top:10px;
	margin-bottom:2px;
}
#old-layout .msModalBox1Imgs span{
	display:inline-block;
	line-height:1em;
}

#old-layout .msModalBox2{
	color:#333333;
}
#old-layout .msModalBox2Txt{
	position:absolute;
	right:35px;
	top:40px;
	width:282px;
	height:222px;
	padding:15px;
	background:#eeeeee;
	font-size:13px;
	line-height:130%;
}
#old-layout .msModalBox2Txt span{
	display:block;
}
#old-layout .msModalBtn{
	position:absolute;
	cursor:pointer;
}
#old-layout .btnLink02 a.msModalBtn > span{
	background:url(../../images/com_link_ic12_down.png) no-repeat 100% 52%;
	font-size:85%;
}
#old-layout .msModalClose{
	right:15px;
	bottom:15px;
}
#old-layout .msModalRight{
	display: block;
	left: 40px;
	bottom: 15px;
	width: 302px;
	height: 36px;
}
#old-layout .msModalLeft{
	left: 27px;
	bottom: 15px;
	width: 120px;
	height: 36px;
}
#old-layout .btnLink02 .msModalRight span,
#old-layout .btnLink02 .msModalLeft span{
	padding:10px 25px 7px 10px;
}

/* Modal Contents
------------------------------------------------------ */
/*長文キャプション１つ*/
#old-layout .msModal13 .msModalBox1Imgs img,
#old-layout .msModal14 .msModalBox1Imgs img,
#old-layout .msModal16 .msModalBox1Imgs img{
	margin-top:20px;
}
#old-layout .msModal11 .msModalBox1Imgs img{
	margin-top:15px;
}

#old-layout .msModal1.msModalBox1{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_01_bg01.jpg);
}
#old-layout .msModal2.msModalBox1{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_02_bg01.jpg);
}
#old-layout .msModal3.msModalBox1{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_03_bg01.jpg);
}
#old-layout .msModal4.msModalBox1{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_04_bg01.jpg);
}
#old-layout .msModal5.msModalBox1{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_05_bg01.jpg);
}
#old-layout .msModal6.msModalBox1{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_06_bg01.jpg);
}
#old-layout .msModal7.msModalBox1{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_07_bg01.jpg);
}
#old-layout .msModal8.msModalBox1{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_08_bg01.jpg);
}
#old-layout .msModal9.msModalBox1{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_09_bg01.jpg);
}
#old-layout .msModal10.msModalBox1{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_10_bg01.jpg);
}
#old-layout .msModal11.msModalBox1{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_11_bg01.jpg);
}
#old-layout .msModal12.msModalBox1{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_12_bg01.jpg);
}
#old-layout .msModal13.msModalBox1{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_13_bg01.jpg);
}
#old-layout .msModal14.msModalBox1{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_14_bg01.jpg);
}
#old-layout .msModal15.msModalBox1{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_15_bg01.jpg);
}
#old-layout .msModal16.msModalBox1{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_16_bg01.jpg);
}
#old-layout .msModal17.msModalBox1{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_17_bg01.jpg);
}
#old-layout .msModal18.msModalBox1{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box1_18_bg01.jpg);
}

#old-layout .msModalBox2{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box2_bg01.jpg);
}
#old-layout .msModalBox2 .item{
	position:absolute;
	bottom:0;
	left:0;
	width:440px;
	height:222px;
}
#old-layout .msModal1.msModalBox2 .item{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box2_01_bg02.png);
}
#old-layout .msModal2.msModalBox2 .item{
	background-image:none;
}
#old-layout .msModal3.msModalBox2 .item{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box2_03_bg02.png);
}
#old-layout .msModal4.msModalBox2 .item{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box2_04_bg02.png);
}
#old-layout .msModal5.msModalBox2 .item{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box2_05_bg02.png);
}
#old-layout .msModal6.msModalBox2 .item{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box2_06_bg02.png);
}
#old-layout .msModal7.msModalBox2 .item{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box2_07_bg02.png);
}
#old-layout .msModal8.msModalBox2 .item{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box2_08_bg02.png);
}
#old-layout .msModal9.msModalBox2 .item{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box2_09_bg02.png);
}
#old-layout .msModal10.msModalBox2 .item{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box2_10_bg02.png);
}
#old-layout .msModal11.msModalBox2 .item{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box2_11_bg02.png);
}
#old-layout .msModal12.msModalBox2 .item{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box2_12_bg02.png);
}
#old-layout .msModal13.msModalBox2 .item{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box2_13_bg02.png);
}
#old-layout .msModal14.msModalBox2 .item{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box2_14_bg02.png);
}
#old-layout .msModal15.msModalBox2 .item{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box2_15_bg02.png);
}
#old-layout .msModal16.msModalBox2 .item{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box2_16_bg02.png);
}
#old-layout .msModal17.msModalBox2 .item{
	background-image:none;
}
#old-layout .msModal18.msModalBox2 .item{
	background-image:url(/old_contents/knowledge/know_01/modal/images/modal_box2_18_bg02.png);
}