@charset "utf-8";
/* CSS Document */




.page{
	border:1px solid #D1D1D1;
	margin-bottom:30px;
}
.page-inner{
	padding:25px;
}


div.tit{
	background:#F3F3F3;
	padding:25px;
	margin:1px;
}

div.tit h1{
	line-height:1.3;
	font-size:160%;
}

div.tit .label{
	display:inline-block;
	margin-bottom:5px;
	color:#fff;
	padding:1px 3px;
	background:#0B318F;
}

div.tit .sub{
	display:block;
	font-size:13px;
	margin:5px 0;
}



.page .moushikomi{
	padding:15px 20px;
	border-bottom:1px solid #D1D1D1;
}
#main  .page .moushikomi p{
	margin-bottom:15px;
}


.page-inner section{
	padding-bottom:40px;
}
.page-inner section:last-child{
	padding-bottom:0;
}


#merumaga_no h2{
	text-align:center;
	color:#0b318f;
	font-size:26px;
	padding-bottom:20px;
	border-bottom:1px solid #CECECE;
	margin-bottom:5px;
	line-height: 1.3em;
}

.para_right{
	text-align:right;
}
#merumaga_no .para_right{
	margin-bottom:15px;
}

#main p{
	margin-bottom:1em;
}


#merumaga_menu{
	border:1px solid #C3C3C3;
	padding-bottom:1px;
	margin-bottom:30px;
}

#merumaga_menu h3{
	text-align:center;
	font-weight:normal;
	padding:5px;
	background:#F3F5FE;
	border-bottom:1px solid #C3C3C3;
	margin-bottom:20px;
}

#merumaga_menu .part,
#merumaga_menu .part_last{
	margin:0 15px 20px 15px;
}
#merumaga_menu h4{
	font-weight:normal;
	font-size:16px;
	background:url(/mailmagazine/images5/menu-subhead.jpg) left no-repeat;
	padding-left:12px;
	margin-bottom:10px;
}


#merumaga_index{
	border:1px solid #C3C3C3;
	padding-bottom:1px;
	margin-bottom:30px;
}

#merumaga_index h3{
	text-align:center;
	font-weight:normal;
	padding:5px;
	background:#F3F5FE;
	border-bottom:1px solid #C3C3C3;
	margin-bottom:20px;
}

#merumaga_index .part,
#merumaga_index .part_last{
	margin:0 15px 20px 15px;
}
#merumaga_index h4{
	font-weight:normal;
	font-size:16px;
	background:url(/mailmagazine/images5/menu-subhead.jpg) left no-repeat;
	padding-left:12px;
	margin-bottom:10px;
}



#merumaga_topics h3 {
  font-weight:100;
  margin: 0 0 25px;
  border: 1px solid #ddd;
  color: #333;
  font-size: 126%;
  line-height: 1.2em;
  background:url(/common5/img/h2_bg2.jpg) right repeat-y #fff;
}
#merumaga_topics h3 span{
  padding: 15px 15px 13px 30px;
  background:url(/common5/img/h2_bg.gif) no-repeat 10px 10px;
  display:block;
}
#merumaga_topics h4 {
  margin: 0 0 15px;
  padding: 0 2px 11px;
  border-bottom: 2px solid #8690C5;
  font-size: 112%;
  line-height: 1.2em;
  font-weight:100;
}

#merumaga_topics .part,
#merumaga_topics .part_last{
	margin:0 15px 35px 15px;
}

#merumaga_topics .para_midashi{
	font-weight:bold;
	font-size:110%;
	margin-bottom:5px;
}
#merumaga_topics #topics_newfunction{
	border:1px solid #ccc;
	padding:15px;
	margin-bottom:5px;
}

#merumaga_topics dt.midashi{
	font-weight:bold;
}
#merumaga_topics dd{
	margin-left:15px;
	margin-bottom:10px;
}



#merumaga_product_info h3 {
  font-weight:100;
  margin: 0 0 25px;
  border: 1px solid #ddd;
  color: #333;
  font-size: 126%;
  line-height: 1.2em;
  background:url(/common5/img/h2_bg2.jpg) right repeat-y #fff;
}
#merumaga_product_info h3 span{
  padding: 15px 15px 13px 30px;
  background:url(/common5/img/h2_bg.gif) no-repeat 10px 10px;
  display:block;
}
#merumaga_product_info h4 {
  margin: 0 0 15px;
  padding: 0 2px 11px;
  border-bottom: 2px solid #8690C5;
  font-size: 112%;
  line-height: 1.2em;
  font-weight:100;
}

#merumaga_product_info .part,
#merumaga_product_info .part_last{
	margin:0 15px 35px 15px;
}

#merumaga_product_info .para_midashi{
	font-weight:bold;
	font-size:110%;
	margin-bottom:5px;
}
#merumaga_product_info #topics_newfunction{
	border:1px solid #ccc;
	padding:15px;
	margin-bottom:5px;
}

#merumaga_product_info dt.midashi{
	font-weight:bold;
}
#merumaga_product_info dd{
	margin-left:15px;
	margin-bottom:10px;
}



#merumaga_release h3 {
  font-weight:100;
  margin: 0 0 25px;
  border: 1px solid #ddd;
  color: #333;
  font-size: 126%;
  line-height: 1.2em;
  background:url(/common5/img/h2_bg2.jpg) right repeat-y #fff;
}
#merumaga_release h3 span{
  padding: 15px 15px 13px 30px;
  background:url(/common5/img/h2_bg.gif) no-repeat 10px 10px;
  display:block;
}
#merumaga_release h4 {
  margin: 0 0 15px;
  padding: 0 2px 11px;
  border-bottom: 2px solid #8690C5;
  font-size: 112%;
  line-height: 1.2em;
  font-weight:100;
}

#merumaga_release .part,
#merumaga_release .part_last{
	margin:0 15px 35px 15px;
}

#merumaga_release .para_midashi{
	font-weight:bold;
	font-size:110%;
	margin-bottom:5px;
}
#merumaga_release #topics_newfunction{
	border:1px solid #ccc;
	padding:15px;
	margin-bottom:5px;
}

#merumaga_release dt.midashi{
	font-weight:bold;
}
#merumaga_release dd{
	margin-left:15px;
	margin-bottom:10px;
}



#merumaga_event h3 {
  font-weight:100;
  margin: 0 0 25px;
  border: 1px solid #ddd;
  color: #333;
  font-size: 126%;
  line-height: 1.2em;
  background:url(/common5/img/h2_bg2.jpg) right repeat-y #fff;
}
#merumaga_event h3 span{
  padding: 15px 15px 13px 30px;
  background:url(/common5/img/h2_bg.gif) no-repeat 10px 10px;
  display:block;
}
#merumaga_event h4 {
  margin: 0 0 15px;
  padding: 0 2px 11px;
  border-bottom: 2px solid #8690C5;
  font-size: 112%;
  line-height: 1.2em;
  font-weight:100;
}

#merumaga_event .part,
#merumaga_event .part_last{
	margin:0 15px 35px 15px;
}

#merumaga_event .para_midashi{
	font-weight:bold;
	font-size:110%;
	margin-bottom:5px;
}

#merumaga_event dt{
	font-weight:bold;
	padding-left:15px;
	background:url(/common5/img/icn_link2.gif) 0px 5px no-repeat;
}
#merumaga_event dd{
	margin-left:15px;
	margin-bottom:10px;
}


/**/
#merumaga_whatsnew h3 {
  font-weight:100;
  margin: 0 0 25px;
  border: 1px solid #ddd;
  color: #333;
  font-size: 126%;
  line-height: 1.2em;
  background:url(/common5/img/h2_bg2.jpg) right repeat-y #fff;
}
#merumaga_whatsnew h3 span{
  padding: 15px 15px 13px 30px;
  background:url(/common5/img/h2_bg.gif) no-repeat 10px 10px;
  display:block;
}
#merumaga_whatsnew h4 {
  margin: 0 0 15px;
  padding: 0 2px 11px;
  border-bottom: 2px solid #8690C5;
  font-size: 112%;
  line-height: 1.2em;
  font-weight:100;
}

#merumaga_whatsnew .part,
#merumaga_whatsnew .part_last{
	margin:0 15px 35px 15px;
}

#merumaga_whatsnew .para_midashi{
	font-weight:bold;
	font-size:110%;
	margin-bottom:5px;
}

#merumaga_whatsnew dt{
	font-weight:bold;
	padding-left:15px;
	background:url(/common5/img/icn_link2.gif) 0px 5px no-repeat;
}

#merumaga_whatsnew dd{
	margin-left:15px;
	margin-bottom:10px;
}




#merumaga_blog h3 {
  font-weight:100;
  margin: 0 0 25px;
  border: 1px solid #ddd;
  color: #333;
  font-size: 126%;
  line-height: 1.2em;
  background:url(/common5/img/h2_bg2.jpg) right repeat-y #fff;
}
#merumaga_blog h3 span{
  padding: 15px 15px 13px 30px;
  background:url(/common5/img/h2_bg.gif) no-repeat 10px 10px;
  display:block;
}
#merumaga_blog h4 {
  margin: 0 0 15px;
  padding: 0 2px 11px;
  border-bottom: 2px solid #8690C5;
  font-size: 112%;
  line-height: 1.2em;
  font-weight:100;
}

#merumaga_blog .part,
#merumaga_blog .part_last{
	margin:0 15px 35px 15px;
}

#merumaga_blog dt{
	font-weight:bold;
	padding-left:15px;
	background:url(/common5/img/icn_link2.gif) 0px 5px no-repeat;
}
#merumaga_blog dd{
	margin-left:15px;
	margin-bottom:10px;
}



#merumaga_room h3 {
  font-weight:100;
  margin: 0 0 25px;
  border: 1px solid #ddd;
  color: #333;
  font-size: 126%;
  line-height: 1.2em;
  background:url(/common5/img/h2_bg2.jpg) right repeat-y #fff;
}
#merumaga_room h3 span{
  padding: 15px 15px 13px 30px;
  background:url(/common5/img/h2_bg.gif) no-repeat 10px 10px;
  display:block;
}
#merumaga_room h4 {
  margin: 0 0 15px;
  padding: 0 2px 11px;
  border-bottom: 2px solid #8690C5;
  font-size: 112%;
  line-height: 1.2em;
  font-weight:100;
}

#merumaga_room .part,
#merumaga_room .part_last{
	margin:0 15px 35px 15px;
}

#merumaga_room dt{
	font-weight:bold;
	padding-left:15px;
	background:url(/common5/img/square.jpg) 0px 7px no-repeat;
}
#merumaga_room dd{
	margin-left:15px;
	margin-bottom:10px;
}



#room_syohyo .syohyo{
	border:1px solid #DFDFDF;
	background:#F8F8F8;
	padding:15px;
	text-align:center;
	font-size:17px;
	margin-bottom:20px;
}
#merumaga_room .part{
	margin:0 15px 35px 15px;
}
#merumaga_room .part_last{
	margin:0 15px 10px 15px;
}

#merumaga_room .part_last th{
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding-left:15px;
	padding-right:20px;
	background:url(/common5/img/square.jpg) 0px 7px no-repeat;
	white-space:nowrap;
	position:relative;
}
#merumaga_room .part_last th:after{
	content:":";
	position:absolute;
	right:5px;
	top:0;
}

#merumaga_room .part_last td{
	padding:0;
	text-align:left;
	vertical-align:top;
}




/* archive */

#merumaga_letters .link-list{
	margin-bottom:30px;
}
#merumaga_letters p{
	margin-bottom:10px;
}


/* add */
.cell-bg{
	background:#F8F8F8;
	border:1px solid #DFDFDF;
}


/*_____________＿＿＿＿＿＿＿レスポンシブテーブル＿＿＿＿*/
table.mag-table {
	width:100%;
	border-collapse: collapse;
}
table.mag-table thead th {
	padding:6px 10px;
	border-bottom:#ccc solid 1px;
}
table.mag-table thead th:last-child {
	border-right:#ccc solid 1px;
}
table.mag-table tbody th {
	padding:6px 10px;
	background: #eee;
	border-bottom:#ccc solid 1px;
}
table.mag-table tbody tr:first-child th {
	border-top:#ccc solid 1px;
}
table.mag-table tbody tr:last-child th {
	border-bottom:#ccc solid 1px;
}
table.mag-table tbody:first-child td {
	padding:6px 10px ;
	border-top:#ccc solid 1px;
}
table.mag-table tbody td {
	padding:6px 10px ;
	border-bottom:#ccc solid 1px;
}
@media screen and (max-width: 576px) {
	table.mag-table thead {
		display:none;
	}
	table.mag-table tbody th {
		display:block;
		background: #eee;
		border-bottom:0;
	}
	table.mag-table tbody tr:last-child th {
		border-bottom:0;
	}
	table.mag-table tbody td {
		display:block;
	}
	table.mag-table tbody td::before {
		content: attr(label);
		float: left;
		clear:both;
		font-weight:bold;
	}
	table.mag-table tbody td p {
		padding-left:6em;
	}
}