/* CSS Document */

/*
*gridレイアウト1
*10分割のグリッドレイアウト（枠線は無し）
*レイアウトに応じてグリッドパターンを選択して使用してください。
*1つ目のカラムには.firstGridのクラスを適用させてください。
*/

.gridContainer1 { width: 762px; margin: 0 auto;}
.grid1-1, .grid1-2, .grid1-3, .grid1-4, .grid1-5, .grid1-6, .grid1-7, .grid1-8, .grid1-9{
  float: left;
  display: inline;
  margin-left: 18px;
}
.grid1-10{
  float: left;
  display: inline;
}

.grid1-1 {width: 60px;}
.grid1-2 {width: 138px;}
.grid1-3 {width: 216px;}
.grid1-4 {width: 294px;}
.grid1-5 {width: 372px;}
.grid1-6 {width: 450px;}
.grid1-7 {width: 528px;}
.grid1-8 {width: 606px;}
.grid1-9 {width: 684px;}
.grid1-10 {width: 762px;}


/*
*gridレイアウト2
*5分割のグリッドレイアウト（枠線あり）
*レイアウトに応じてグリッドパターンを選択して使用してください。
*1つ目のカラムには.firstGridのクラスを適用させてください。
*/
.gridContainer2 {
	width: 728px;
	margin: 0 auto;
	padding:17px;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
}
.grid2-1 {width: 131px;}
.grid2-2 {width: 280px;}
.grid2-3 {width: 429px;}
.grid2-4 {width: 578px;}
.grid2-5 {width: 727px;}

.grid2-1, .grid2-2, .grid2-3, .grid2-4{
  float: left;
  display: inline;
  margin-left: 18px;
}
.grid2-5{
  float: left;
  display: inline;
}


/*
*gridレイアウト3
*4分割のグリッドレイアウト（枠線あり）
*レイアウトに応じてグリッドパターンを選択して使用してください。
*1つ目のカラムには.firstGridのクラスを適用させてください。
*/
.gridContainer3 {
	width: 730px;
	margin: 0 auto;
	padding:16px;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
}
.grid3-1 {width: 169px;}
.grid3-2 {width: 356px;}
.grid3-3 {width: 543px;}
.grid3-4 {width: 730px;}

.grid3-1, .grid3-2, .grid3-3, .grid3-4{
  float: left;
  display: inline;
  margin-left: 18px;
}
.grid3-5{
  float: left;
  display: inline;
}


/*
*gridレイアウト4
*2分割のグリッドレイアウト（枠線は無し）
*レイアウトに応じてグリッドパターンを選択して使用してください。
*1つ目のカラムには.firstGridのクラスを適用させてください。
*/

.gridContainer4 {
	padding:10px;
}
.grid4-1, .grid4-2, .grid4-3{
  float: left;
  display: inline;
  margin-left: 18px;
}
.grid4-2{
  float: left;
  display: inline;
}

.grid4-1 {width: 129px;}
.grid4-2 {width: 205px;}


/* グリッドレイアウトの1つ目のカラムに使用 */
.firstGrid {margin-left: 0;clear: left;}

/* 枠・帯ありのレイアウト使用時に適用 */
.bdt-none{border-top:none;}

/* 枠ありレイアウトの背景色 */
.bgColGray{background:#f8f8f8}



/*テーブルパターン1*/
.tablePattern01 table, .tablePattern01 th, .tablePattern01 td{
	border-collapse:collapse;
	border-spacing:0;
	border:solid 1px #CCC;
	text-align:center;
	vertical-align:middle;
	color:#333;
	font-weight:normal;
}

.tablePattern01 table{
	width:100%;
}
.tablePattern01 th, .tablePattern01 td{
	padding:5px 10px;
}
.tablePattern01 table td.sub{
	background:#FAF0E6;
}
.tablePattern01 table th{
	background:#f8f8f8;
}
.tablePattern01 table th span{
	font-size:84%;
}
.tablePattern01 table th.sub{
	background:#F2CBBF;
}

/* table内の文字の並び方 */
table.tLeft td,
table.tLeft th{
	text-align:left;
}
table.tRight td,
table.tRight th{
	text-align:right;
}
table.tCenter td,
table.tCenter th{
	text-align:center;
}

/* ページネーション */
.pagination01{}
.pagination01 .prevLink{
	float:left;
	background:url(../images/arr_page_prev01.gif) no-repeat left;
	padding:0 0 0 16px;
}
.pagination01 .nextLink{
	float:right;
	background:url(../images/arr_page_next01.gif) no-repeat right;
	padding:0 16px 0 0;
}


.pagination02{}
.pagination02 ul{}
.pagination02 ul li{	
	float:left;
	width:20px;
	text-align:center
}
.pagination02 .prevLink{
	background:url(../images/arr_page_prev01.gif) no-repeat left;
	padding:0 0 0 16px;
	width:100px;
	text-align:left;
}
.pagination02 .nextLink{
	background:url(../images/arr_page_next01.gif) no-repeat right;
	padding:0 16px 0 0;
	width:100px;
	text-align:right;
}
/**/
#home .pagination02 .active{
	background:#ffecac;
	border:solid 1px #ff9a00;
}

#business .pagination02 .active{
	background:#c9e4ff;
	border:solid 1px #0051a2;
}

#corporate .pagination02 .active{
	background:#ffdfdf;
	border:solid 1px #ff4d4d;
}


/* Adobe Reader */
#getAdobeReader{
	background: #F2F2F2;
	border: solid 1px #CCC;
	padding: 15px;
}
#getAdobeReader .adobeBnr{
	float:left;
	margin-right:10px;
}



/* clearfix */
.gridContainer1:after,
.gridContainer2:after,
.gridContainer3:after,
.pagination01:after,
.pagination02:after,
#getAdobeReader:after{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .gridContainer1,
* html .gridContainer2,
* html .gridContainer3,
* html .pagination01,
* html .pagination02,
* html #getAdobeReader{ zoom: 1;}
 /* IE7 */
*:first-child+html .gridContainer1,
*:first-child+html .gridContainer2,
*:first-child+html .gridContainer3,
*:first-child+html .pagination01,
*:first-child+html .pagination02,
*:first-child+html #getAdobeReader{zoom: 1;}