@charset "utf-8";
/*=============================================================
 message Layout
=============================================================*/
/* contentsHdr
-------------------------------------------------------------*/
#contentsHdr{background:url(../img/p_main.jpg) no-repeat center 129px;}

/* mainVdArea */
#mainVdArea{
	width:100%;
	position:relative;
	overflow:hidden;
}
#mainVdArea .photo img{margin-left:-250px;}
#mainVdArea .name{
	line-height:1.4;
	position:absolute;
	top:268px;
	left:44px;
	color:#FFF;
}
#mainVdArea .name li{margin-bottom:10px;}
#mainVdArea .name em{
	font-size:114.3%;
	font-style:normal;
}
#mainVdArea .mainCatch{
	font-size:200%;
	line-height:1.3;
	font-weight:bold;
	position:absolute;
	top:52px;
	left:30px;
	color:#FFF;
}
/* layout01
-------------------------------------------------------------*/
#contents #layout01 .boxLeft{
	float:left;
	width:520px;
}
#contents #layout01 .boxRight{
	float:right;
	width:339px;
}



/* layout02 
-------------------------------------------------------------*/
#contents #layout02 .boxLeft{
	float:left;
	width:361px;
}
#contents #layout02 .boxRight{
	float:right;
	width:480px;
}
#layout02 #messageTable01{
	border-collapse:collapse;
	border-top:1px solid #9e9e9e;
	width:100%;
}
#layout02 #messageTable01 th{
	text-align:left;
	padding:5px 10px;
	border-bottom:1px solid #9e9e9e;
}
#layout02 #messageTable01 th.th01{
	text-align: center;
	background:#cce6f1;
	border-left:1px solid #9e9e9e;
}
#layout02 #messageTable01 th.th02{
	text-align: center;
	background:#a8d5ec;
	border-left:1px solid #9e9e9e;
}
#layout02 #messageTable01 th.noBorder{
	border-left:none;
}
#layout02 #messageTable01 td{
	text-align:center;
	border-bottom:1px solid #9e9e9e;
	border-left:1px solid #9e9e9e;
}
#layout02 #messageTable01 td.hl{
	background:#d2ecfa;
}
#layout02 #messageTable01 caption{
	text-align:left;
	font-weight:bold;
	line-height:100%;
	margin-bottom:0.5em;
}

/* layout03 
-------------------------------------------------------------*/
#layout03 .fLeft,
#layout03 .fRight{
	width:420px;
}
#layout03  p{
	font-weight:bold;
}
#layout03  .messageTableTitle{
	color:#0062a0;
}
#layout03  dl dt{
	background:#cce6f1;
	border-top:1px solid #9fa2a4;
	border-bottom:1px solid #9fa2a4;
	font-weight:bold;
	padding:7px 10px;
}
#layout03  dl dd{
	padding:10px;
}	
#layout03  dl dd ul li{
	background:url(../img/message_icon.gif) 0 6px no-repeat;
	padding-left:18px;
}

/* tabel03
-------------------------------------------------------------*/
#layout04 .fLeft{
	width:606px;
}
#layout04 .fRight{
	width:248px;
}
#layout04 #messageTable03{
	border-collapse:collapse;
	border-top:1px solid #9c9c9c;
}
#layout04 #messageTable03 caption{
	text-align:left;
	font-weight:bold;
	line-height:100%;
	margin-bottom:0.5em;
}
#layout04 #messageTable03 th{
	border-bottom:1px solid #9c9c9c;
	background:#cad4db;
	padding:7px 10px;
	width:4em;
}
#layout04 #messageTable03 td{
	border-bottom:1px solid #9c9c9c;
	border-left:1px solid #9c9c9c;
	padding:7px 10px;
}
#layout04 #messageTable03 td ul li{
	background:url(../img/message_icon.gif) 0 6px no-repeat;
	padding-left:18px;
}
#layout04 #messageTable03 td dl dt{
	width:5em;
	float:left;
	color:#0062a0;
	font-weight:bold;
}
#layout04 #messageTable03 td dl dd{
	margin-left:5em;
}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){

/* contentsHdr
-------------------------------------------------------------*/
#contentsHdr{background:none;}

/* mainVdArea */
#mainVdArea .photo{
	background:url(../img/p_main.jpg) no-repeat -71px 0;
	-webkit-background-size:auto 150px;
	background-size:auto 150px;
	height:150px;
	padding-left:40px;
}
#mainVdArea .name{
	position:static;
	padding:5px 0 0 40px;
	overflow:hidden;
	color:#333;
}
#mainVdArea .name li{
	font-size:12px;
	float:left;
	width:130px;
	margin-bottom:0;
	padding-right:10px;
}
#mainVdArea .name em{font-size:14px;}
#mainVdArea .mainCatch{
	font-size:106.25%;
	font-weight:bold;
	margin:20px 10px 0;
	position:static;
	color:#333;
}

/* layout-clm
-------------------------------------------------------------*/
#contents #layout01 .boxLeft,
#contents #layout02 .boxLeft,
#contents #layout03 .fLeft,
#contents #layout04 .fLeft{
	float:none;
	width:auto;
}
#contents #layout01 .boxRight,
#contents #layout02 .boxRight,
#contents #layout03 .fRight,
#contents #layout04 .fRight{
	float:none;
	width:auto;
	margin:25px auto 0;
}


#layout04 #messageTable03 td dl dt{
	float:none;
	display:block;
}
#layout04 #messageTable03 td dl dd{
	margin-left:0;
}





}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablet (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:768px) and (max-width:1023px){

/* mainVdArea */
#mainVdArea{
	width:100%;
	position:relative;
	overflow:hidden;
}
#mainVdArea .photo img{margin-left:-250px;}
#mainVdArea .name{
	font-size:80%;
	line-height:1.4;
	position:absolute;
	left:44px;
	bottom:64px;
}
#mainVdArea .name li{margin-bottom:10px;}
#mainVdArea .name em{
	font-size:114.3%;
}
#mainVdArea .mainCatch{
	font-size:160%;
	line-height:1.3;
	font-weight:bold;
	position:absolute;
	top:52px;
	left:55px;
}