/******************************************************
全体のレイアウト
幅固定、2カラム段組

段組レイアウトの際に気をつけるべきこと
    * width を指定したボックスには border も padding も指定しない
    * フロートのコンテナブロックには幅を指定する
    * 左フロートの左マージンは 0 に、右フロートの右マージンは 0 にする
参考：http://www.geocities.jp/multi_column/practice/2column1.html
*******************************************************/

body {
	margin: 0;
	padding: 0;
	
	text-align: center; /* ie5.5 bug対策 WinIE5.5 以下や IE6 のQuirks モードでは マージンの auto に対応していません。*/
	
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url("css_images/page_dropshadow/page_dropshadow.gif") repeat-y top center;
	/*
	letter-spacing:0.04em;
	line-height:1.8em;
	font-size:80%;
	*/
	
	font-size: 87%;
}

#wrapper {
	width: 800px;
	margin: 0 auto;
	
	text-align: left; /* ie5.5 bug対策 */
}

#menu {
	float: left;
	width: 200px;
	
	/*IE6でa要素に display: block; を指定しwidthを指定しなくても全ての場所でマウスオーバーが利くようにする方法*/
	overflow: hidden;
}

#contents {
	float: left;
	width: 600px;
}

#footer {
	clear: left;
	width: 100%; /* ie6 bug taisaku */
}

/******************************************************
基本要素の設定
*******************************************************/
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 120%;
}
h2 {
	font-size: 114%;
}
h3 {
	font-size: 100%;
}
h4 {
	font-size: 100%;
	font-weight: normal;
}
h5 {
	font-size: 100%;
}

/******************************************************
ヘッダー
*******************************************************/
#site_name_hidden {
	display: none;
	visibility:hidden;
}

#site_top_Image {
	margin: 0;
	padding-top: 10px;
	text-align: center;	
}
/*
#global_navigation {
	margin: 0;
	padding: 0;
}
*/

/******************************************************
globalNavi
http://3ping.org/2005/08/24/0920
*******************************************************/
ul#globalNavi {
	margin: 0;
	padding: 0;
	width: 800px; /* 必ずwidthの設定をしてください */
}

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

ul#globalNavi li {
	margin: 0;
	padding: 0;
	float: left;
	width: 133.3px; /* ボタンの幅 6タブ版 20081215変更　160px→133px */
	line-height: 1;
	list-style-type: none;
}

ul#globalNavi li a {
	/*padding: 0.6em 10px;*/ /* ボタンの厚みはここで調整 */
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 14px;
	/*color: #333;*/
	text-align: center;
	text-decoration: none;
	background-color: #0066FF;
	
	background-image: url(css_images/draft/youmos_chip_h22_both.png);
	background-repeat: repeat-x;
	background-position: top;
	/*height: 18px;*/
	padding-top: 5px;
	padding-bottom: 3px;
	color: #FFFFFF;
}

ul#globalNavi li a:hover {
	color: #FFFFFF;
	background-color: #000099;
	
	background-image: url(css_images/draft/youmos_chip_h22_both.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

/******************************************************
コンテンツ
*******************************************************/
/* #contentsでwidthを指定しいたため、paddingを#contents_mainに指定する*/
#contents_main {
	padding: 10px;
}

#bread_crumbs {
	font-size: 90%;
	padding: 5px 0px 5px 0px;
}

#long_title {
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 8px;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #999999;
	font-size: 100%;
	font-weight:bold;
}


/******************************************************
メニュー
*******************************************************/
#menu_navigation {
	margin-top: 10px;
	margin-right: 1em;
	margin-bottom: 10px;
}

#menu_navigation ul {
	/*リスト全体の余白を調節する http://www.tagindex.com/stylesheet/list/margin_padding.html*/
	margin: 0 0 0 1em;
	padding: 0; 
	list-style: none; /* マーカー無し */
	
	/*font-weight: bold;*/
}

#menu_navigation a {
	padding: 8px 0px 8px 17px;
	/*padding-left: 17px;*/ /*「画像の横幅+マーカーとの距離」を左方向に空ける */
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	
	
	
	display: block;
	
	
	text-decoration: none;
	
	
	/*リストのマーカー画像は、背景としてセットする*/
	/*background-image : url(../css20080228/css_images/prototype_list_icon.png);*/
	/*background-image : url(css_images/prototype_list_icon02.png);*/
	background-image : url(css_images/icon/0030_arr-1.png);
	background-position : left center; /* 位置は左端の真ん中 */
	background-repeat : no-repeat; /* 背景だけど繰り返し表示しない */
	
}

#menu_navigation a:hover {
    color: #ffffff;
    background-color: #000066;
}

#menu_navigation li.self a {
    color: #006600;
    /*background-color: #CCCCCC;*/
}

/******************************************************
フッター
*******************************************************/

#footer_main {
	padding: 10px;
	text-align: right;
	vertical-align: middle;
	font-size: 90%;
	
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #000066;
	/*border-top-color: #0033FF;*/
}

/******************************************************
テーブル
*******************************************************/

table a,
table a:link,
table a:visited {
	border:none;
}
table {
	width:90%;
	border-top:1px solid #3399CC;
	border-right:1px solid #3399CC;
	margin:1em auto;
	border-collapse:collapse;
}
caption {
	color: #9ba9b4;
	font-size:.94em;
	letter-spacing:.1em;
	margin:1em 0 0 0;
	padding:0;
	/*caption-side:top; ie6未対応らしい*/
	text-align:center;
}	
tr.odd td	{
	background:#f7fbff
}
tr.odd .column1	{
	background:#f4f9fe;
}	
.column1	{
	background:#f9fcfe;
}
td {
	color:#678197;
	border-bottom:1px solid #3399CC;
	border-left:1px solid #3399CC;
	padding:.3em 1em;
	text-align:left;
}				
th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #3399CC;
	border-left:1px solid #3399CC;
	padding:.3em 1em;
}							
thead th {
	background:#f4f9fe;
	text-align:center;
	font-weight: bold;
	/*font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;*/
	color:#66a3d3
}	
tfoot th {
	text-align:center;
	background:#f4f9fe;
}	
tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
}

/******************************************************
画像の回り込みパターン
*******************************************************/
div.left_image {
	float: left;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 8px;
}
div.right_text {
	
}
div.bottom_text {
	clear: left;
}

div.bottom_text ul {
	/*リスト全体の余白を調節する http://www.tagindex.com/stylesheet/list/margin_padding.html*/
	margin: 0 0 0 3em;
	padding: 0;
}

/******************************************************
Debug用 色分け
*******************************************************/
/*
#header {
	width: 100%;
}

#header {
	background-color:#CCCCCC;
}

#menu {
	background-color:#00CC00;
}

#contents {
	background-color:#996600;
}

#footer {
	background-color:#FF66FF;
}
*/

/******************************************************
ドラフト　審議中のCSS
*******************************************************/
h3 {
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 1em;
	padding: 8px;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006600;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #006600;
	font-size: 100%;
	font-weight:bold;
}

.small_text {
	font-size: 90%;
}

.book_title {
	font-weight: bold;
}

#contents p {
	margin-left: 2em;
}

.toppage_list h4 {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCFF;
	font-weight: bold;
}
.toppage_list ul li ul {
	list-style-type: none;
}
/*
ul.padding-list li {
	padding-bottom: 10px;
}*/

#contents_main li {
	padding-bottom: 10px;
}
/*背景を灰色
body {
	background-color: #666666;
	color: #000000;
}

#wrapper {
	background-color: #FFFFFF;
	color: #000000;
}
*/

.small_text_colored {
	font-size: 90%;
	color:#008000;
}

.small_text_right {
	font-size: 90%;
	text-align: right;
}

.contribution_list h4 {
	margin-left: 2em;
	color:#800000;
}

.contribution_list p {
	margin-top: 0px;
	margin-bottom: 1em;
	padding-top: 0px;
	padding-bottom: 1em;
}

h4.lecture {
	margin-left: 2em;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCFF;
	font-weight: 
	bold;
}

.text_line_height {
line-height: 3;
}