@charset "shift_jis";

body{
	margin:0;
	padding:0;
	font-size:80%;
	line-height:1.6em;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

/* ------------------------------------------------------------ */
/* PC時のみ適用 */
/* ------------------------------------------------------------ */
#error{
	width:95%;
	margin:30px auto;
	line-height:1.6em;
}
/* header */
#error .boxError1{
	margin:0 0 30px 0;
	padding:25px;
	box-shadow:2px 2px 2px #ccc inset;
	border:solid 1px #ccc;
	border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;
	background:#fafafa;
}
#error .boxError1 h2{
	margin:0 0 10px 0;
	padding:0 0 0 38px;
	line-height:36px;
	font-size:180%;
	background:url(http://www.mj-king.net/_img/icn_mj.png)no-repeat left center;
	background-size:auto 36px;
}
/* list */
#error .box1{width:16.6%;}
#error .box2{width:33.2%;}
#error .box1,
#error .box2{
	margin-bottom:30px;
	float:left;
}
#error .box1 h3,
#error .box2 h3{
	width:auto;
	margin:0;
	padding:10px;
	font-size:120%;
}
#error .box1 h3 a,
#error .box2 h3 a{
	color:#333;
	text-decoration:none;
}
#error .box1 h3 a:hover,
#error .box2 h3 a:hover{
	text-decoration:underline;
}
#error .box1 .column{width:100%;}
#error .box2 .column{width:50%;float:left;}
#error .box1 .column ul,
#error .box2 .column ul{
	width:auto;
	margin:0;
	padding:10px;
	font-size:95%;
	line-height:1.7em;
	list-style:none;
}
/* anchor */
#error .boxError2{
	margin:0 0 15px 0;
	padding:8px;
	color:#999;
	font-weight:bold;
	font-size:110%;
	line-height:1em;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
	border:solid 1px #ccc;
}

/* tel */
#error .boxError3,
#footer .footer1{
	width:70%;
	font-size:80%;
	line-height:1.5em;
	float:left;
}
#error .boxError3 a,
#footer .footer1 a{
	text-decoration:none;
	color:#333;
}
/* navi */
#error .boxError4,
#footer .footer2{
	width:30%;
	font-size:80%;
	line-height:1.5em;
	text-align:right;
	float:left;
}
/* privacy */
#error .boxError5,
#footer .footer3{
	margin-top:10px;
	padding-top:10px;
	font-size:80%;
	text-align:center;
	border-top:solid 1px #ccc;
}
#error .boxError5 a,
#footer .footer3 a{color:#333;text-decoration:none;}
#error .boxError5 a:hover,
#footer .footer3 a:hover{text-decoration:underline;}
/* copypright */
#error .boxError6,
#footer .footer4{
	margin-top:5px;
	font-size:80%;
	line-height:1em;
	text-align:center;
}
#error .boxError6 a,
#footer .footer4 a{text-decoration:none;}

/* サービス一覧 */
.service{
	width:50%;
	margin-bottom:25px;
	float:left;
}
.service .layout{
	width:100%;
}
.service .layout div{
	width:65px;
	margin-bottom:5px;
	float:left;
}
.service .layout div img{
	width:45px;
}
.service .layout dl{
	width:75%;
	float:left;
}
.service .layout dl,
.service .layout dt,
.service .layout dd{
	margin:0;
	padding:0;
}
.service .layout dt{
	margin-bottom:5px;
	font-size:110%;
	font-weight:bold;
}
.service .layout dt a{text-decoration:none;}
.service .layout dt a:visited{color:#0033CC;}
.service .layout dd{height:35px;}


/* ------------------------------------------------------------ */
/* スマホサイズの時のみ適用 */
/* ------------------------------------------------------------ */
@media only screen and (max-width: 768px) {
.clear_sp{clear:both;}.clear_sp:after{clear:height:display:visibility:hidden;}

.pc{display:none;}

#error{
	width:auto;
	margin:10px;
	line-height:1.5em;
}
/* header */
#error .boxError1{
	margin:0 0 20px 0;
	padding:15px;
	box-shadow:2px 2px 2px #ccc inset;
	border:solid 1px #ccc;
	border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;
	background:#fafafa;
}
#error .boxError1 h2{
	margin:0 0 10px 0;
	padding:0 0 0 28px;
	line-height:26px;
	font-size:medium;
	background:url(http://www.mj-king.net/_img/icn_mj.png)no-repeat left center;
	background-size:auto 26px;
}
#error .boxError1 p{font-size:small;}
/* list */
#error .box1{width:50%;}
#error .box2{width:100%;}
#error .box1,
#error .box2{
	margin-bottom:20px;
	float:left;
}
#error .box1 h3,
#error .box2 h3{
	width:auto;
	margin:0;
	padding:8px 5px;
	font-size:100%;
	line-height:1em;
	text-shadow:1px 1px 0px #fff;
	background:#eee;
	border:solid 1px #fff;
}
#error .box1 .column{width:100%;}
#error .box2 .column{width:50%;float:left;}
#error .box1 .column ul,
#error .box2 .column ul{
	width:auto;
	margin:0;
	padding:10px;
	line-height:1.4em;
	list-style:none;
}
#error .box1 .column li,
#error .box2 .column li{
	font-size:100%;
	padding:2px 0;
}

/* anchor */
#error .boxError2{
	margin:0 0 15px 0;
	padding:8px;
	color:#999;
	font-weight:bold;
	font-size:110%;
	line-height:1em;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
	border:solid 1px #ccc;
}
/* tel */
#error .boxError3,
#footer .footer1{
	width:auto;
	margin:0 0 20px 0;
	padding:15px;
	font-size:100%;
	box-shadow:2px 2px 2px #ccc inset;
	border:solid 1px #ccc;
	border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;
	background:#fafafa;
}
#error .boxError3 a,
#footer .footer1 a{text-decoration:underline;font-weight:bold;}
#error .boxError3 td,
#footer .footer1 td{
	vertical-align:center;
}
#error .boxError3 a:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
/* navi */
#error .boxError4
#footer .footer2{
	width:100%;
	font-size:90%;
	line-height:1.5em;
	text-align:center;
	float:none;;
}
/* privacy */
#error .boxError5,
#footer .footer3{
	margin-top:10px;
	padding-top:10px;
	font-size:80%;
	text-align:center;
	border-top:solid 1px #ccc;
}
#error .boxError5 a,
#footer .footer3 a{
	color:#333;
}
/* copypright */
#error .boxError6,
#footer .footer4{
	margin-top:5px;
	font-size:80%;
	text-align:center;
	line-height:1em;
}
#error .boxError6 a,
#footer .footer4{
	color:#333;
	text-align:center;
	text-decoration:none;
}

/* サービス一覧 */
.service{
	width:100%;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	border-bottom:solid 1px #ddd;
}
.service .layout{
	width:98%;
}
.service .layout div{
	width:65px;
	float:left;
}
.service .layout div img{
	width:45px;
}
.service .layout dl,
.service .layout dt,
.service .layout dd{
	margin:0;
	padding:0;
}
.service .layout dl{
	width:75%;
	float:left;
}
.service .layout dt{
	margin-bottom:5px;
	font-size:110%;
	font-weight:bold;
}
.service .layout dt a{text-decoration:none;}
.service .layout dt a:visited{color:#0033CC;}
.service .layout dd{height:auto;}

}

@media screen and (min-width: 360px) {
 * { -webkit-text-size-adjust: none; }
}