/* obama-yeg.jp (media : all)
 * obmyeg1.css
 * OBAMA-YEG Template Styles
 */

/* Base Structure */
	body {
		color: #000000;
		background: #ffffff url("/img/body_back.gif") repeat-x;
	}
	#side, #mainContent {
		color: #000000;
		background: #ffffff;
		line-height: 1.3; /* value other than 'normal' needed for WinIE */
	}

	body, #mBody, #side, #mainContent {
		line-height: 160% !important;
	}
	#header, #footer, h1, h2, h3, h4, h5, h6 {
		line-height: 140% !important;
	}
	#nav {
		line-height: 1.1em; !important;
	}

/* General Structure */
	body, td, th {
		font-family: verdana, sans-serif;
		font-size: 80%;
	}

	h1, h2, h3, h4, h5, h6 {
		margin: 1em 0 0.2em 0;
		font-family: arial, verdana, sans-serif;
	}
	h1 { font-size: 160%; }
	h2 { font-size: 150%; }
	h3 { font-size: 120%; }
	h4 { font-size: 100%; }
	h5 { font-size: 90%; }
	h6 { font-size: 90%; }

	#mBody h1 {
		margin: 0 0 0.2em 0;
		padding: 6px 10px;
		background: #ccddff;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #ffffff;
		border-right: 1px solid #cccccc;
	}
	#mBody h2 {
		padding: 2px 0;
		border-bottom: 1px solid #cccccc;
	}
	#mBody h3 {
		padding-left: 5px;
		border-left: 5px solid #1d50a2;
	}

	a:link { color: #003399; }
	a:visited { color: #663366; }
	a:active { color: #000000; }
	a:hover { color: #333333; }

	ul.compact,
	ol.compact {
		margin-left: 0;
		padding-left: 20px;
	}
	li {
		margin-top: 0.2em;
		margin-bottom: 0.2em;
	}
	li h1, li h2, li h3, li h4, li h5, li h6 {
		border: none;
	}

	img { border: none; }

	dt { font-weight: bold; }
	dd { margin: 0 0 0.5em 1em; }

	table.data {
		border-collapse: collapse;
		margin: 0.5em auto;
		border: 1px solid #cccccc;
	}
	table.data th,
	table.data td {
		padding: 0.2em;
		border: 1px solid #cccccc;
		vertical-align: baseline;
	}

	form { margin: 0; }

	.keypoint:before {
		display: block;
		line-height: 0.1;
		font-size: 1px;
		margin: -15px -15px 0 -15px;
		height: 15px;
		content: url("/img/keypoint_tl.gif");
		background: transparent url("/img/keypoint_tr.gif") no-repeat top right;
	}
	.keypoint:after {
		display: block;
		line-height: 0.1;
		font-size: 1px;
		margin: -15px;
		height: 8px;
		clear: both;
		padding-top: 15px;
		content:  url("/img/keypoint_bl.gif");
		background: transparent url("/img/keypoint_br.gif") scroll no-repeat bottom right ;
	}
	.keypoint {
		padding: 15px;
		margin-bottom: 1em;
		background: #ddddff url("/img/keypoint_back.gif") right repeat-y;
	}
	.keypoint h2, .keypoint h3, .keypoint h4, .keypoint h5, .keypoint h6 {
		border: none;
		margin-top: 0;
		color: #4C5C5C;
	}

	.relative {
		position: relative;
	}
	.relative span.learnmore2 {
		position: absolute;
		top: 15px;
		right: 10px;
	}

	.learnmore {
		margin: 5px;
		text-align: right;
	}

	.item {
		padding: 0 5px;
		margin-bottom: 10px;
		border: 1px solid #cccccc;
	}
	.item h2 {
		font-size: 120%;
		margin-top: 0;
	}
	.first {
		margin-top: 0;
	}
	.imgL {
		float: left;
		margin-right: 1em;
		margin-bottom: 0.5em;
	}
	.imgR {
		float: right;
		margin-left: 1em;
		margin-bottom: 0.5em;
	}
	.posted {
		clear: both;
		margin-top: 5px;
		border-top: 1px dotted #cccccc;
		padding: 3px 3px 3px 10px;
		font-size: 8pt;
		text-align: right;
		color: #333333;
	}

/* Header */
	#header {
		position: relative;
		height: 100px;
		padding: 0;
		background: #1d50a2 url("/header/header00.jpg") right no-repeat;
	}
/* ヘッダーの背景画像
	/header/header00.jpg	基本　人魚の像　撮影：下中伸浩
	/header/header_a01.jpg	春　桜　撮影：下中伸浩
	/header/header_a02.jpg	春　菜の花　撮影：下中伸浩
	/header/header_b01.jpg	夏　花火　撮影：藤本雅也
	/header/header_c01.jpg	夏　放生祭　撮影：下中伸浩
	/header/header_c02.jpg	秋　ススキ　撮影：平野泰之
	/header/header_c03.jpg	秋　紅葉　撮影：平野泰之
	/header/header_d01.jpg	冬　日の出　撮影：下中伸浩
	/header/header_d02.jpg	冬　お水送り　撮影：藤本雅也
*/
	#header span.h_tl {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		background: transparent url("/img/header_tl.gif") no-repeat top left;
	}
	#header span.h_tr {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		background: transparent url("/img/header_tr.gif") no-repeat top right;
	}
	#header span.h_bl {
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 0;
		background: transparent url("/img/header_bl.gif") no-repeat bottom left;
	}
	#header span.h_br {
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
		background: transparent url("/img/header_br.gif") no-repeat bottom right;
	}
	#header h1 {
		position: absolute;
		top: 5px;
		left: 10px;
		margin: 0;
		height: 1px;
		font-size: 1px;
	}
	#header h1 a {
		display: block;
		width: 350px;
		height: 55px;
		background: transparent url("/img/logo_yeg.gif") no-repeat;
		text-indent: -700em;
		text-decoration: none;
	}
	#header p {
		position: absolute;
		bottom: 10px;
		left: 40px;
		margin: 0;
		color: #ffffff;
		font-weight: bold;
	}

/* mBody-Side #nav */
	#nav:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("/img/nav_tr.gif") no-repeat top right;
		margin: 0;
		height: 9px;
		display: block;
		border-bottom: 1px solid #cccccc;
		content: url("/img/nav_tl.gif");
	}
	#nav:after {
		display: block;
		padding-top: 0;
		line-height: 0.1;
		font-size: 1px;
		content:  url("/img/nav_bl.gif");
		margin: 0 0 0 0;
		height: 8px;
		background: transparent url("/img/nav_br.gif") scroll no-repeat bottom right ;
		border-top: 1px solid #ffffff;
	}
	#nav {
		background: #ccddff url("/img/nav_back.gif") right repeat-y;
	}
	#nav,
	#nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#nav li {
		display: inline;
		padding: 0;
		margin: 0;
	}
	#nav li span { /* un-linked menu items */
		display: block;
		padding: 6px 10px;
		font-weight: bold;
		color: #666666;
	}
	#nav li a {
		display: block;
		padding: 8px 10px;
		text-decoration: none;
		background: #ddeeff;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #ffffff;
		border-right: 1px solid #cccccc;
	}
	#nav li a:hover {
		background: #ccddff;
	}
	#nav li li span { /* un-linked menu items */
		padding: 4px 8px 4px 20px;
	}
	#nav li li a {
		padding: 6px 8px 6px 20px;
	}

	.sidebox {
		margin: 5px 0;
		padding: 5px 10px;
	}
	.boxcom {
		font-size: 10px;
		color: 333333;
		line-height: 1.5em;
	}

/* Footer */
	#footer {
		border-top: 1px solid #999999;
		margin: 1em 0;
		padding: 1em 0;
		text-align: center;
	}
	#footer p {
		color: #666666;
	}
	#footer p a:hover {
		color: #000000;
	}

	#footer p.gotop {
		font-size: 10px;
		padding: 4px 0;
		text-align: right;
	}