@charset "UTF-8";

/* 静的エラーページ共通CSS
--------------------------------------------------------------------


対象ファイル
-----------------------------
エラーページ全て
------------------------------------------------------------------- */

/* ログインエリアなし
------------------------------------------------------------------- */
body#nologin div#contents-body{
	padding:60px 0;
}

/* 共通
------------------------------------------------------------------- */


/* タイトル
-----------------------------*/
#contents-body div.error-titlearea{
	width:720px;
	background:url("/c/u/common/img/line_dotted_g.gif") left bottom repeat-x;
	
}
#contents-body div.error-titlearea h1{
	font-size:150%;
	font-weight:bold;
	color:#7c512f;
	padding:0px 20px 12px 20px;
}


/* コンテンツ
-----------------------------*/
#contents-body div.error-ctsbox{
	width:680px;
	margin:0px 20px;
	padding-top:15px;
}
#contents-body div.error-ctsbox div.boxl{
	float:left;
	width:560px;
	text-align:left;
}
#contents-body div.error-ctsbox div.boxl p.txt{
	line-height:180%;
	color:#333333;
}
#contents-body div.error-ctsbox div.boxl p.link{
	background:url("/c/common/img/arrow_m.gif") 0px 30px no-repeat;
	padding:28px 0px 0px 18px;
}
#contents-body div.error-ctsbox div.boxr{
	float:right;
	width:102px;
	text-align:left;
}
#contents-body p.txt a.txt2{
	color:#0099CC;
	text-decoration: underline;
}

/* レスポンシブ対応
-----------------------------*/
#contents.rs #contents-body #main-static {
margin:0 auto;
padding:20px;
max-width:720px;
background:#FFFFFF;
border-radius: 10px;
box-shadow: 1px 1px 5px #cccccc;
}
#contents.rs #contents-body div.error-titlearea{
	max-width:720px;
	width:auto;
}
#contents.rs #contents-body div.error-ctsbox{
	max-width:680px;
	width:auto;
	margin:0;
	padding-top:15px;
}
#contents.rs #contents-body div.error-ctsbox div.boxl{
	float:left;
	max-width:560px;
	width:auto;
	text-align:left;
}
#contents.rs #contents-body div.error-ctsbox div.boxl p.txt{
	line-height:180%;
	color:#333333;
}
#contents.rs #contents-body div.error-ctsbox div.boxl p.link{
	background:url("/c/common/img/arrow_m.gif") 0px 30px no-repeat;
	padding:28px 0px 0px 18px;
}
#contents.rs #contents-body div.error-ctsbox div.boxr{
	float:right;
	max-width:102px;
	width:auto;
	text-align:left;
}
#contents.rs #contents-body p.txt a.txt2{
	color:#0099CC;
	text-decoration: underline;
}

/* 角丸あり - 1カラム
-------------------------------------------------------------------- */
.radius-column1 #main-static{
	width: 782px;
	margin: 0 auto;
	padding-top: 20px;
/*	background: #ffffff url(/c/u/common/img/contents_top.gif) no-repeat 0 0;*/
border: 1px solid #e1dcc8;
border-radius: 7px;
box-shadow:1px 1px 2px rgba(0,0,0,0.1);
}

	.radius-column1 .frmb {
		width: 782px;
		padding-bottom: 10px;
/*		background: url(/c/u/common/img/contents_bg_bottom.gif) no-repeat 0 100%;*/
	}

	.radius-column1 .frm {
		padding: 0 32px 20px 30px;
/*		background: url(/c/u/common/img/contents_bg.gif) repeat-y 0 0;*/
	}

		.radius-column1 h1 {
			padding: 0 0 15px 0;
		}
		
		
/*2016.02.02 レスポンシブ対応*/
#nologin .container-wrap.rsp #contents-body {
padding: 30px 0;
}

@media screen and (max-width: 1010px) {
#nologin .container-wrap.rsp .radius-column1 {
margin:0 25px;
}
#nologin .container-wrap.rsp .radius-column1 #main-static,
#nologin .container-wrap.rsp .radius-column1 .frmb,
#nologin .container-wrap.rsp #contents-body div.error-titlearea,
#nologin .container-wrap.rsp #contents-body div.error-ctsbox,
#nologin .container-wrap.rsp #contents-body div.error-ctsbox div.boxl,
#nologin .container-wrap.rsp #contents-body div.error-ctsbox div.boxr {
width:auto;
}
#nologin .container-wrap.rsp .radius-column1 #main-static {
max-width:782px;
}
}

@media screen and (max-width: 767px) {
#nologin .container-wrap.rsp #contents-body {
padding:0;
}
#nologin .container-wrap.rsp .radius-column1 {
margin:0 15px;
}
#nologin .container-wrap.rsp #contents-body div.error-titlearea h1 {
padding: 0px 10px 12px 10px;
font-size: 130%;
}
#nologin .container-wrap.rsp #contents-body div.error-ctsbox {
margin: 0px 10px;
}
#nologin .container-wrap.rsp .radius-column1 .frm {
padding: 0 15px 10px 15px;
}
}