/*	layout.css

■各ページのcommon.cssの要素を変更する場合は「基本設定」に記述する。

■見出しタイトル h1〜h6についてはページ毎に
存在するタグ数によって番号を増やす。

■テキスト、イメージ、テーブルについては、
エリア別で分類。該当するタグ数によって番号を増やす。

■上記以外の要素は全て「個別設定」に記述する。


--------------
基本設定
--------------

--------------
h1_title**
h2_title**
h3_title**
h4_title**
h5_title**
h6_title**
--------------

--------------
text_area**
	��text**
	�亙mage**
--------------

--------------
image_area**
	��text**
	�亙mage**
--------------

--------------
table_area**
	��table**
--------------

--------------
個別設定
--------------

------------------------------------------------*/

/*------------------------------
 基本設定
--------------------------------*/


/*------------------------------
 h1_title**
--------------------------------*/

/*------------------------------
 h2_title**
--------------------------------*/

#h2_title01{
	background:url(../images/h2_title01.gif) left top no-repeat;
}

#h2_title02{
	background:url(../images/h2_title02.gif) left top no-repeat;
}

#h2_title03{
	background:url(../images/h2_title03.gif) left top no-repeat;
}

#h2_title04{
	background:url(../images/h2_title04.gif) left top no-repeat;
}

#h2_title05{
	background:url(../images/h2_title05.gif) left top no-repeat;
}

#h2_title06{
	background:url(../images/h2_title06.gif) left top no-repeat;
}

#h2_title07{
	background:url(../images/h2_title07.gif) left top no-repeat;
}

#h2_title08{
	background:url(../images/h2_title08.gif) left top no-repeat;
}

#h2_title09{
	background:url(../images/h2_title09.gif) left top no-repeat;
}

#h2_title10{
	background:url(../images/h2_title10.gif) left top no-repeat;
}

#h2_title11{
	background:url(../images/h2_title11.gif) left top no-repeat;
}

#h2_title12{
	background:url(../images/h2_title12.gif) left top no-repeat;
}

#h2_title13{
	background:url(../images/h2_title13.gif) left top no-repeat;
}

#h2_title14{
	background:url(../images/h2_title14.gif) left top no-repeat;
}

#h2_title15{
	background:url(../images/h2_title15.gif) left top no-repeat;
}

#h2_title16{
	background:url(../images/h2_title16.gif) left top no-repeat;
}

#h2_title17{
	background:url(../images/h2_title17.gif) left top no-repeat;
}

#h2_title18{
	background:url(../images/h2_title18.gif) left top no-repeat;
}

#h2_title19{
	background:url(../images/h2_title19.gif) left top no-repeat;
}

#h2_title20{
	background:url(../images/h2_title20.gif) left top no-repeat;
}

#h2_title21{
	background:url(../images/h2_title21.gif) left top no-repeat;
}

#h2_title01,
#h2_title02,
#h2_title03,
#h2_title04,
#h2_title05,
#h2_title06,
#h2_title07,
#h2_title08,
#h2_title09,
#h2_title10,
#h2_title11,
#h2_title12,
#h2_title13,
#h2_title14,
#h2_title15,
#h2_title16,
#h2_title17,
#h2_title18,
#h2_title19,
#h2_title20,
#h2_title21{
	display:block;
	width:620px;
	height:34px;
	margin:15px 0px 0px 0px;
	text-indent:-9999px;
}

/*------------------------------
 h3_title**
--------------------------------*/

.h3_title01{
	display:block;
	width:580px;
	height:30px;
	margin:5px 0px 5px 10px;
	background:url(../images/h3_title01.gif) left top no-repeat;
	text-indent:-9999px;
}

.h3_title02{
	display:block;
	width:580px;
	height:30px;
	margin:5px 0px 5px 10px;
	background:url(../images/h3_title02.gif) left top no-repeat;
	text-indent:-9999px;
}

.h3_title03{
	display:block;
	width:580px;
	height:30px;
	margin:5px 0px 5px 10px;
	background:url(../images/h3_title03.gif) left top no-repeat;
	text-indent:-9999px;
}

.h3_title04{
	display:block;
	width:580px;
	height:30px;
	margin:5px 0px 5px 10px;
	background:url(../images/h3_title04.gif) left top no-repeat;
	text-indent:-9999px;
}

/*------------------------------
 h4_title**
--------------------------------*/

/*------------------------------
 h5_title**
--------------------------------*/

/*------------------------------
 h6_title**
--------------------------------*/


/*------------------------------
 text_area**
--------------------------------*/

/*--text_area**--*/

.text_area01{
	width:620px;
	padding:0px 0px 0px 0px;
	margin:0px;
	text-align:left;
}

.text_area01 .text01{
	width:466px;
	float:left;
	padding:20px 0px 0px 15px;
	line-height:1.7;
	letter-spacing:0.9px !important;
	letter-spacing:1px;
}

.text_area01 .image01{
	width:105px;
	float:right;
	padding:20px 15px 0px 0px;
}


.text_area02{
	width:620px;
	padding:0px 0px 0px 0px;
	margin:0px;
	text-align:left;
}

.text_area01:after{
	content: "";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}

/*\*/
* html .text_area01{
	height:1em;
	overflow:visible;
}
/**/

.text_area20{
	float:left;
	width:620px;
	padding:0px 0px 0px 0px;
	margin:0px;
	text-align:left;
}


/*--text_area** image**--*/

.text_area01 .image01{
	width:105px;
	float:right;
	padding:15px 15px 0px 0px;
}

.text_area09 .image01,
.text_area11 .image01{
	width:620px;
	margin:15px auto;
	text-align:center;
}

.text_area20 .image01{
	width:250px;
	float:left;
	padding:10px 0px 0px 40px;
}

.text_area20 .image02{
	width:250px;
	float:right;
	padding:10px 40px 0px 0px;
}

.text_area20 .image03,
.text_area20 .image04{
	width:100%;
	text-align:center;
	margin:10px 0px;
}

.text_area21 .image05{
	width:580px;
	text-align:center;
	margin:10px 0px;
}

.text_area21 .image_area01{
	width:620px;
}

.text_area21 .image_area01 dl{
	width:190px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 5px;
}

.text_area21 .image_area01 dd{
	width:190px;
	margin:0px;
	padding:0px;
	text-align:center;
}


/*--text**--*/

.text01{
	width:590px;
	padding:15px 15px 0px 15px;
	line-height:1.7;
	letter-spacing:0.9px !important;
	letter-spacing:1px;
	text-indent:1em;
}

.text02{
	width:590px;
	padding:10px 15px 0px 15px;
	line-height:1.7;
	letter-spacing:0.9px !important;
	letter-spacing:1px;
	text-indent:1em;
}

.text03{
	width:590px;
	padding:10px 15px 0px 15px;
	line-height:1.7;
	letter-spacing:0.9px !important;
	letter-spacing:1px;
	text-indent:1em;
}

/*--text_area** ul--*/

.text_area01 ul{
	width:620px;
	padding:10px 0px 0px 25px;
	line-height:1.7;
	letter-spacing:0.9px !important;
	letter-spacing:1px;
}

.text_area02 ul{
	width:620px;
	padding:10px 0px 0px 35px;
	line-height:1.7;
	letter-spacing:0.9px !important;
	letter-spacing:1px;
}

.text_area03 ul{
	width:580px;
	padding:10px 0px 0px 35px;
	line-height:1.7;
	letter-spacing:0.9px !important;
	letter-spacing:1px;
}

.text_area04 ul{
	width:620px;
	padding:10px 0px 0px 35px;
	line-height:1.7;
	letter-spacing:0.9px !important;
	letter-spacing:1px;
}

.text_area05 ul{
	width:620px;
	padding:10px 0px 0px 35px;
	line-height:1.7;
	letter-spacing:0.9px !important;
	letter-spacing:1px;
}

.text_area06 ul{
	width:620px;
	padding:10px 0px 0px 35px;
	line-height:1.7;
	letter-spacing:0.9px !important;
	letter-spacing:1px;
}

.text_area14 ul{
	padding:10px 0px 0px 25px;
	line-height:1.7;
	letter-spacing:0.9px !important;
	letter-spacing:1px;
}

.text_area15 ul{
	width:620px;
	padding:10px 0px 0px 25px;
	line-height:1.7;
	letter-spacing:0.9px !important;
	letter-spacing:1px;
}

.text_area19 ul{
	width:620px;
	padding:10px 0px 0px 25px;
	line-height:1.7;
	letter-spacing:0.9px !important;
	letter-spacing:1px;
}

.text_area20 ul{
	width:620px;
	padding:10px 0px 0px 25px;
	line-height:1.7;
	letter-spacing:0.9px !important;
	letter-spacing:1px;
}


/*--text_area** dl--*/

.text_area20 dl{
	margin:0px;
	width:100%;
}

.text_area20 dd{
	width:100%;
	text-align:center;
	margin:15px auto 15px;
}

/*--text_area** f_col2--*/

.text_area20 .f_col2{
	width:620px;
	margin:10px 0px 0px 0px;
	float:left;
}

.text_area20 .f_left01{
	width:200px;
	padding:0px 0px 0px 25px;
	text-align:center;
	float:left;
}

.text_area20 .f_left02{
	width:380px;
	padding:0px 0px 0px 10px;
	float:left;
}

.text_area21 .f_col2{
	width:620px;
	margin:10px 0px 0px 0px;
	float:left;
}

.text_area21 .f_left01{
	width:200px;
	padding:0px 0px 0px 25px;
	float:left;
}

.text_area21 .f_left02{
	width:380px;
	padding:0px 0px 0px 10px;
	float:left;
}

.text_area21 dl{
	width:200px;
	margin:0px;
	padding:0px;
}

.text_area21 dd{
	width:200px;
	margin:0px;
	padding:0px;
}

/*------------------------------
 image_area**
--------------------------------*/

/*------------------------------
 table_area**
--------------------------------*/

/*--table_area01--*/

.table_area01{
	width:580px;
	margin:15px 15px;
}

.table_area01 th{
	background:#FC6;
}

.table_area01 th,
.table_area01 td{
	font-size:103% !important;
	font-size:71%;
	padding:5px;
	border:1px solid #f2a455;
}

.table_area01 .no{
	text-align:center;
	width:5%;
}

.table_area01 .company{
	width:80%;
}

.table_area01 .location{
	width:15%;
}


/*--table_area02--*/

.table_area02{
	width:580px;
	margin:15px 15px 15px 25px;
}

.table_area02 .name{
	width:18%;
}

/*--table_area03--*/

.table_area03{
	width:580px;
	margin:15px 15px;
}

.table_area03 .step{
	vertical-align:top;
	background:#ffffff;
}

.table_area03 .step_arrow{
	text-align:center;
}

.table_area03 th,
.table_area03 td{
	font-size:103% !important;
	font-size:71%;
	padding:5px 5px 5px 10px;
	border:1px solid #FFFFFF;
}

/*--table_area04--*/

.table_area04{
	width:580px;
	margin:15px 0px;
}

.table_area04 th,
.table_area04 td{
	font-size:103% !important;
	font-size:71%;
	text-align:center;
	padding:5px;
	border:1px solid #8fddc8;
}

.table_area04 th{
	background:#8fddc8;
}

.table_area04 .award01,
.table_area04 .award02{
	background:#c3e9df;
}


/*--table_area05--*/

.table_area05{
	width:450px;
}

.table_area05 td{
	border:none;
}


.table_area05 .program{
	width:150px;
}

/*------------------------------
 個別設定
--------------------------------*/

/*------------------------------
 .marker_h3
 h3の別デザインパターン
--------------------------------*/

.marker_h3{
	font-size:100%;
	width:580px;
	height:18px;
	margin:15px 0px 0px 10px;
	padding:2px 0px 0px 25px;
	background:url(../images/marker_h3.gif) left center no-repeat;
	text-indent:0px;
}

/*-----------------------------------------------
FAQエリア
------------------------------------------------*/

.qa_area01{
	width:620px;
	padding:10px 0px;
	border-bottom:1px solid #cccccc;
}

/*-----------------------------------------------
strongエリア
------------------------------------------------*/
.strong{
	margin:10px 0px 0px 25px;
}

/*-----------------------------------------------
dl,dt,ddエリア
------------------------------------------------*/
dt,dd{
	width:580px;
	margin:10px 15px;
}

/*-----------------------------------------------
iconエリア
------------------------------------------------*/
.icon{
	padding:0px 8px 0px 0px;
	vertical-align:middle;
}