@charset "utf-8";

/* 印刷ボタン
---------------------------------------------*/
#print {
	position: absolute;
	right: 17px;
	top: 37px;
}

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;
}
body {
	font-size: 75%;
	line-height: 1.5;
	color: #333333;
	background-color: #E7E7E7;
}
img {
	border: none;
}


/* table開始
---------------------------------------------*/
table {border-collapse: collapse;
border: 2px solid #000;
font-size: 80%;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
color: #555;
background: #fff;
margin: 20px 20px 20px 20px;
}

td, th {border: 1px dotted #bbb;
padding: .5em;}

caption {padding: 0 0 .5em 0;
text-align: left;
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
color: #333;
background: transparent;}

/* =links
----------------------------------------------- */

table a {padding: 1px;
text-decoration: none;
font-weight: bold;
background: transparent;}

table a:link {border-bottom: 1px dashed #ddd;
color: #000;}

table a:visited {border-bottom: 1px dashed #ccc;
text-decoration: line-through;
color: #808080;}

table a:hover {border-bottom: 1px dashed #bbb;
color: #666;}

/* =head =foot
----------------------------------------------- */

thead th, tfoot th {border: 2px solid #000;
text-align: left;
font-size: 1.2em;
font-weight: bold;
color: #333;
background: transparent;}

tfoot td {border: 2px solid #000;}

/* =body
----------------------------------------------- */

tbody th, tbody td {vertical-align: top;
text-align: left;}

tbody th {white-space: nowrap;}

.odd {background: #FFE2B0;}

tbody tr:hover {background: #fafafa;}

/* table終了
---------------------------------------------*/



/* ロゴ
---------------------------------------------*/
#header {
	background-color: #C30E26;
	padding-top: 90px;
}
#logo {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 267px;
}

/*右上のナビメニュー
-------------------------------------------------------------------------------------*/
#nav {
	position: absolute;
	top: 20px;
	left: 750px;
	line-height: 1.2;
	width: 60px;
	height: 90px;
	font-size: 11px;
}
#nav li {
	float: left;
	width: 8em; /*IE7のメイリオフォントだと6em（6文字）分にしか表示されないので注意*/
}
#nav li a {
		padding-left: 0px;
}

#nav a {
	color: #FFFFFF;
}

#nav a:hover {
	color: #ad0a17;
	background: #000000;
}


/*メインメニュー
-------------------------------------------------------------------------------------
■メニューの背景部分は#menu部分で行います。
■メニュー同士の境界線は「#menu li」のbackgroundで入れています。
■メニューのリンク設定が「#menu li a」部分。文字色を#000000(黒)で文字サイズを13pxで固定。
最大文字数(8文字)というのは「width: 8em;」部分で決めています。自分が使うメニューの文字数の
最大文字数に合わせて変更するといいでしょう。最大文字数が5文字だったら5emとするわけです。
■カーソルオーバー時は「#menu li a:hover」で設定。ここでは背景画像と文字色を変えています。
-------------------------------------------------------------------------------------*/

#menu {
	background: url(../images/menu_bg.gif) repeat-x;
	height: 30px;
}

#menu li {
	background: url(../images/menu_bg.gif) repeat-x right;
	float: left;
	height: 30px;
}

#menu li a {
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	display: block;
	width: 8em;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 30px;
}

#menu li a:hover {
	background: url(../images/menu_bg_over.gif);
	color: #FFFFFF;
}


/* 幅可変の3段組レイアウト
---------------------------------------------*/
#contentWrapper {
	overflow: auto !important;
	overflow /**/: hidden;
	width: 100%;
	padding: 25px 0 0 0;
	background: #FFFF99 url(../images/leftside_bg.gif) left top repeat-y;
}
#footer {
	clear: both;
	padding: 0px 0;
	border-top: 2px solid #CCCCCC;
	line-height: 40px;
	color: #ffffff;	
	font-size: 110%;
	text-align: center;
	background: url(../images/global_nav_bg.gif) left top repeat-x;

}
#footer p{
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.2;
	background-color: #C30E26;	
	padding: 20px 0 20px;
	}
	
	/* ステップ1
	---------------------------------------------*/
	#content {
		float: left;
		width: 100%;
		margin-right: -200px;
	}
	#advertisement {
		float: right;
		width: 200px;
		text-align: left;
	background: #000000
	}
	

	/* ステップ3
	---------------------------------------------*/
	#primary * {
		margin: 0 208px 0 40px;
	}
	#primary * * {
		margin: 0px;
	}

/* 記事本文
---------------------------------------------*/
#primary h1 {
	font-size: 150%;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
}
#primary h3 {
	line-height: 40px;
	font-size: 110%;
	font-weight: bold;
	padding: 0px 30px;
    color: #ffffff;
	background: url(../images/global_nav_bg.gif) left top repeat-x;
}
#primary h5 {
	font-size: 110%;
	padding: 20px 60px;
	}
	
#primary p {
	font-size: 115%;
	padding: 40px 100px;
}


#advertisement p {
	padding: 10px 10px;
	font-weight: bold;
	color:#FFFFFF
}
/* リスト
---------------------------------------------*/

	/* 共通
	---------------------------------------------*/
	#primary .list,#secondary .list {
		margin-bottom: 20px;
	}
	#primary .list li,#secondary .list li {
		margin: 5px 0 0 15px;
		padding-left: 15px;
		background: url(../images/arrow.gif) left center no-repeat;
		border-bottom: 1px solid #CCCCCC;
	}
	
	/* 見出し
	---------------------------------------------*/
	#primary .list h2 {
		padding: 40px 0px 10px;
	}		
		
	#secondary .list h2 {
		padding: 3px 15px;
		color: #FFFFFF;
		background-color: #2D78BF;
	}