/* mitiempo.css : for English (index) and Japanese (main-j).*/

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
} 

body {
	width:1000px; 
	background-color:lightgray;
	text-align:center;
	zoom:110%;
}

#pagebody {
	width:1000px; 
	margin:0pt 0pt 0pt 10pt;	/*autoでセンタリング*/
	text-align:left;		/*テキストの配置を左揃えにする*/
	background-color:#fdfaf7;	/*内容全体の背景色 #fdfaf7 #fdfbe9 #fdfaf7 #fcf8fa */
	font-family:Meiryo, sans-serif;
}

/* ------ classの定義 ------ */

.aright {text-align:right;}
.aleft {text-align:left;}
.acenter {text-align:center;}
.fblue {color:blue;}
.fpink {color:#cc0066;}
.fpaseo {color:#33CC33; font-size:105%;} /*#236ab1 #CC6600 #33CC33 */
.fbold {font-weight:bold;}

.head1 {font-size:70%; color:black; font-style:normal;}
.head2 {color:black;font-style:normal;}
.head3 {color:#cc0066; font-style:normal; font-size:97%;}


/* ------ 見出しhの設定 ----- */

h1 {
	text-align:left;
	color:#009000;			/* #009000 */
	font-style:italic;
	line-height:0.7;
	padding-top:15px
}
h1 a {text-decoration:none;}		/*リンクの下線を無くす*/

a:hover {				/* リンクにカーソルが乗った時の設定 */
	background:#e7e7e7;
	cursor:pointer;
} 

h2 {
	margin-bottom:15px;
	border-bottom:solid 1.5px #cccccc;
	font-size:95%;
}
h3 {
	color:#cc0066;
	text-align:left;
	padding-bottom:5px;
	font-size:87%;
}
h4 {
	font-size:105%;
	color:#cc0066;
	text-align:left;
	font-style:italic; font-weight:bold;
}
h5 {
	color:#cc0066;
	text-align:left;
	padding-bottom:5px;
	font-size:100%;
}

/* ------ hrの設定 ------ */
hr {height:1.5px; border:solid 1px #cccccc; margin-top:10px;}


/*============================================
ヘッダ
============================================*/
#header {
	height:58px;				/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-color:#f8fafc;		/* #f7fdfd #fafff4 #f7fdfd #f8fafc #ffffff */
	padding:2px 2px 0px 10px;
}
#header01 {float:left; width:140px; height:20px; 
	margin:8px 0px 0px 5px;
	padding: 3px 0px 2px 0px;
	background:#fcf8f8;
	border: dotted 1px;
	font-family:Meiryo; font-size:90%;
	font-weight:bold; text-align:center;
	}
#header01 a {text-decoration:none; color:brown; padding: 2px 9px 2px 9px;}

#header02 {float:right; width:760px; text-align:right; font-size:90%;}


/*============================================
サブメニュー（左カラム）
============================================*/
#submenu {
	width:360px;			/*幅の指定*/
	*height:435px;
	margin:2px 0px 0px 2px;		/*位置調整（IE6のバグに注意）*/
	display:inline;			/*IE6のマージン算出のバグ対策*/
	float:left;			/*サブメニューのカラムを左寄せにする*/
	background-color:#cccccc;
	font-family:Meiryo, Arial, sans-serif;
}

#submenu_header {
	height:28px; padding:0px 0px 0px 0px;
	background-color:#d5eaff;				/* #cccfff */
	font-size:95%; font-weight:bold; text-align:center;
}

#submenu_subheader {
	height:20px; padding:3px 0px 4px 0px;
	background-color:#e2e2e2;
	font-size:87%; font-weight:bold; text-align:center;
}

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
#submenu_body {
	/*height:397px;*/
	padding:4px 0px 6px 30px;
	background-color:#ffffff;
	margin:0px 4px 0px 4px;
	line-height:1.7;
	/*font-weight:bold;*/
	font-size:83%;
}	

#sublist {}
#sublist li {
	margin-left:15px;
	padding-left:2px;
	font-weight:normal;
	list-style-type:disc;
	line-height:1.1;
	font-size:93%;
}

#submenu_subbody {
	padding:4px 0px 4px 30px;
	background-color:#ffffff;
	margin:0px 4px 4px 4px;
	line-height:1.8;
	font-size:78%;
}
#submenu_subbody a {color:#cc0066;
	/*text-decoration:none;*/
	font-weight:bold;
}

/*============================================
メインメニュー
============================================*/
#menu {
	height:29px; background-color:#eeeeee; font-weight:bold;
}
#menu1,#menu2,#menu3,#menu4,#menu5,#menu6 {
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	width:101px; height:24px;	
	border:dotted 1px;
	margin-top:1.2px;
	background-color:lemonchiffon;		/*linen, papayawhip*/
}
#menu2 {width:118px;}

#menu a {
	display:block;					/*リンクをブロック表示にする*/
	height:20px; padding-top:3px;
	text-align:center;
	text-decoration:none; 					/*リンクの下線を無くす*/
	font-family:Meiryo, Arial, Helvetica, sans-serif;	/*フォントの種類*/
	font-size:82%;
}

/*============================================
コンテンツ（中央と右の2カラム全体）
============================================*/
#content1,#content2,#content3,#content4,#content5,#content6 {
	width:600px; margin:10px 20px 0px 0px;
	float:right;
}


/*============================================
Home in content1
============================================*/
#home_header {
	margin:2px 0px 8px 0px;
	border-bottom:solid 1.5px #cccccc;
	font-size:125%;
	font-style:italic;
	font-weight:bold;
	color:#009000;
	text-align:center;
}

#home_text {
	padding:0px 20px 0px 20px;
	/*border:solid 1px #cccccc;*/
	text-align:justify;
	text-indent:25px;
	line-height:1.35;
	font-size:90%;
}


/*============================================
Main Presentation（中央カラム in content2）
============================================*/
#main_presentation {
	width:300px; margin:0px 4px 0px 4px;
	padding:0px 0px 0px 5px; 			/*幅の指定と位置調整*/
	float:left;					/*カラムを左寄せにする*/
	text-align:center;
}
#main_pre_2 {font-size:85%}

/*============================================
Key subject（右カラム in content2）
============================================*/
#key_subject {
	width:270px; margin:0px 4px 0px 4px;
	padding-top:0px;  			/*幅の指定と位置調整*/
	float:right;				/*カラムを右寄せにする*/
	text-align:center;
	font-size:90%;
}

#chapter {
	margin-left:30px;
	text-align:left;
	font-size:78%;
}


/*============================================
Book in content3
============================================*/
#book_caption {
	border-bottom:solid 1.5px #cccccc;
	margin:0px 0px 0px 4px;
	text-align:center;
	font-weight:bold;
	font-size:85%;
}

#book_1 {
	width:580px;
	margin:5px 0px 0px 30px; 
	float:left;
	text-align:left;
	font-size:90%;
}

#book_2 {
	width:330px;
	float:right;
	text-align:left;
	font-size:82%;
	padding-left:1.5em;
	text-indent:-1.5em;
	line-height:1.4;
}

.MiT {height:185px;}

/*============================================
Key terms (content4）
============================================*/

#terms {
	position: relative;
	margin-left: 10px;
}
#term_caption {
	border-bottom:solid 1.5px #cccccc;
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
	font-size:90%;
}
#target {
	color: #d52b2b;			/* #aa5555  #d52b2b  #d50000 */
	font-weight: bold;
	line-height:1.4;
	font-size:92%;
}

#target-d {
	color: #156a15;			/* #236ab1 */
	font-weight: bold;
	line-height:1.4;
	font-size:92%;
}
#popup1,#popup2,#popup3,#popup4,#popup5,#popup6,#popup7,#popup8,#popup9,#popup10,
#popup11,#popup12,#popup13,#popup14,#popup15,#popup16,#popup17,#popup18,#popup19,#popup20 {
	color:black; font-weight:normal; font-size:90%;
	position: relative;
	top: 2px; left: 20px;
	display: none; width: 540px;
	padding:10px;
	margin-bottom:7px;
	background-color: #fafff4;
	border: 1px solid #8dc7c7;
	text-align: justify;
	line-height:1.2; font-size:94%;
}



/*#popup1:before {
	content:" "; position: absolute;
	top: -20px; left: 2px; 
	z-index:1; width: 0; height: 0;
	border: 10px solid transparent;
	border-bottom-color: gray;
}*/


/*============================================
Header Life-Time (content5）
============================================*/
#header_life-time {
	font-size:120%;
	font-weight:bold; font-style:italic;
	color:#cc0066;
	text-align:center;
	padding:20px 0px 10px 0px;
}


/*============================================
Main Life-Time（中央カラム in content5）
============================================*/
#main_life-time {
	width:300px; margin:4px 4px 0px 4px;
	padding:5px 0px 0px 10px; 			/*幅の指定と位置調整*/
	float:left;					/*カラムを左寄せにする*/
	text-align:center;
}

/*============================================
Right Life-time（右カラム in content5）
============================================*/
#right_life-time {
	width:270px; margin:4px 4px 0px 4px;
	padding-top:5px;  			/*幅の指定と位置調整*/
	float:right;				/*カラムを右寄せにする*/
	text-align:center;
}



/*============================================
Publication in content6
============================================*/
#pub_caption {
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
}

#publication {
	width:560px;
	padding:5px 0px 0px 20px; 			/*幅の指定と位置調整*/
	float:left;					/*カラムを左寄せにする*/
	text-align:left;
	font-size:75%;
}

/*============================================
フッタ
============================================*/
#footer {
	height:22px; text-align:center;
	clear:both;					/*回り込みを解除する*/
	background-color:#eeeeee;			/*フッタ部分の背景色*/
}
address {
	font-style:normal;			 /*addressでは規定値はitalic*/
	font-size:75%;			 /*フォントサイズを小さくする*/
	padding:5px 0px 5px 0px;		 /*要素内容の位置調整*/
}