@charset "UTF-8";

/* ***************************************************
* CSS file For jem-com.jp
	FileName: top.css
	data:2009/08/31 kinoshita

■目次 ==========================================
■[01]:TOP
**************************************************** */


/* common.cssを上書きする↓ */

/*-----------------------------------------------------------
■見出し
------------------------------------------------------------*/

h2,h3 { padding-left: 1px;}

h2 img{ display:block; float: left;}
h3 img{ display:block; float: left;}

div.text{
	color: #000;
	padding: 10px 20px;
	float: left;
}


/*-----------------------------------------------------------
■中身
------------------------------------------------------------*/

.abBox {
	clear: both;
	width: 880px;
	margin: 0 auto;
}

.abBox img {
	float: right;
	margin-top: 40px;
}

.abBox div {
	float: left;
	width: 520px;
	padding-top: 40px;
}

.abBox div img {
	float: none;
	margin: 0;
}

.abBox div p {
	line-height: 140%;
	color: #000000;
	margin: 7px 0 22px 0;
}

.arrowP {
	clear: both;
	width: 100%;
	text-align: center;
	margin: 0 0 30px 0;
}


/*=　青い枠のスタイル*/

.abBox02 {
	clear: both;
	position: relative;
	background: url(../img/about/box_bottom.gif) no-repeat 0 bottom;
	width: 880px;
	margin: 0 auto 30px auto;
	padding: 0 0 22px 0;
}

.abBox02 img {
	vertical-align: top;
}

.abBox02 p {
	font-size: 14px;
	color: #000000;
	padding: 0 25px;
}

.abBox02 dl {
	padding: 0 25px;
}

.abBox02 .boxDl {
	width: 435px;
	margin: 0 0 15px 0;
}

.abBox02 dl dt {
	margin-bottom: 3px;
}

.abBox02 dl dd {
	background: url(../img/about/box_point.gif) no-repeat 0 0;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 150%;
	margin: 0 0 2px 0;
	padding: 3px 0 0 22px;
}

.abBox02 .boxImg {
	position: absolute;
	top: 63px;
	left: 480px;
}



.abBox03 {
	overflow: hidden;
	border-top: solid 1px #CCCCCC;
	width: 820px;
	margin: 48px auto 0 auto;
	padding: 25px 30px;
}

.abBox03 img {
	float: left;
}

.abBox03 dl {
	float: right;
	font-size: 14px;
	width: 405px;
}

.abBox03 dl dt img {
	float: none;
}

.abBox03 dl dd {
	font-size: 12px;
	color: #000000;
}

.abDl {
	float: left;
	width: 280px;
	padding: 0 0 55px 18px;
}

.abDl dt {
	padding-bottom: 10px;
}

.abDl dd {
	color: #000000;
}

.abBox04 {
	clear: both;
	border-bottom: solid 1px #CCCCCC;
	width: 880px;
	margin: 0 auto 40px auto;
	padding-bottom: 40px;
}

.abBox04 img {
	margin: 0 0 10px 0;
	vertical-align: top;
}

.abBox04 dl {
	float: left;
	width: 200px;
	padding: 0 24px 15px 0;
}

.abBox04 dl dd {
	line-height: 140%;
	color: #000000;
}

.abBox05 {
	width: 844px;
	margin: 0 auto;
	padding: 0 0 45px 0;
}

.abBox05 img {
	vertical-align: bottom;
}

.abTable {
	border-collapse:collapse;
	width: 640px;
	margin: 0 auto 32px auto;
}
.abTable tr td,
.abTable tr th{
	border:solid 1px #999999;
	font-size:14px;
	padding:5px;
}

.abTable tr th {
	background:#000000;
	color:#FFFFFF;
	width: 180px;
}

.abTable tr td {
	color: #000000;
}

.abTable tr td img {
	vertical-align: middle;
	margin-left: 22px;
}

.abTable tr th.red {
	font-size:14px;
	color:#FFFFFF;
	text-align:right;
	font-weight:normal;
	width: 140px;
}

.abTable tr th.no1{
	color:#FFFFFF;
	font-weight:normal;
}

.abTable tr .red {
	font-size:16px;
	color:#E50012;
	text-align:right;
	font-weight:bold;
	width: 140px;
}

.abTable tr .no{
	color:#E50012;
	font-weight:bold;
	color:#005BAB;
}

.abTable tr .no1 {
	color:#E50012;
	font-weight:bold;
	color:#005BAB;
}

.abTable tr .cen{
	text-align:center;
	width: 100px;
}

.abTable .abTr td {
	background: #E1F1FF;
}



/*-----------------------------------------------------------
■お問い合わせのBOX
------------------------------------------------------------*/

.inquiryBox {
	overflow: hidden;
	background: #F0F0F0;
	width: 595px;
	padding: 15px;
}

.inquiryBox img {
	float: right;
}

.inquiryBox div {
	float: left;
	width: 345px;
}

.inquiryBox div img {
	float: none;
	margin-bottom: 5px;
}

.inquiryBox div strong {
	font-size: 13px;
	color: #BF0000;
	padding: 5px 0 10px 0;
}

.inquiryBox div p {
	font-size: 14px;
	color: #000000;
}

.inquiryBox div p span {
	color: #0A51A1;
}

.inquiryBox div p a {
	color: #0A51A1;
	text-decoration: underline;
}

.inquiryBox div p a:hover {
	text-decoration: none;
}


/*-----------------------------------------------------------
■共通使用
------------------------------------------------------------*/

.txtB {
	font-weight: bold;
}

#maintd .p0 {padding: 0;}

#maintd .mb50 {margin-bottom: 50px;}




/*-----------------------------------------------------------
■clarfix
------------------------------------------------------------*/

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */