@charset "UTF-8";

html, body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Meiryo;
	line-height: 150%;
	text-align: center;
	color: #333;
}

body {
	background: url("../images/bg.gif") 0 0 repeat;	/* 背景 */
}

img {
	border: none;
}

a {
	color: #39557e;
	text-decoration: none;
}
a:hover {
	color: #5a86c6;
}

.cl {
	display: inline-block;
	width: 100%;
}
.cl:after {
	content: "";
	display: block;
	clear: both;
}

div#screenArea {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	background: #fff;
	padding: 0 20px;
}

div#headerArea {
}
h1 {
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 10px;
	background: #39557e;	/* タグライン背景 */
	color: #fff;	/* タグラインテキストカラー */
	border-radius: 0 0 5px 5px;
}

p#logo {
	margin: 30px 0 10px;
	font-size: 24px;
}
p#logo:first-letter {
	font-size: 36px;
}

div#contentsArea {
	display: inline-block;
	width: 100%;
	padding: 20px 0;
}
div#contentsArea:after {
	content: "";
	display: block;
	clear: both;
}

div#mainArea {
	width: 780px;
	float: right;
	background: url("../images/photo.jpg") left top no-repeat;
	padding: 320px 0 0 0;
}

div#main {
	width: 550px;
	float: left;
}
div#sub {
	width: 200px;
	float: right;
}
div#sideArea {
	width: 200px;
	float: left;
}

ul#topicPath {
	list-style-type: none;
	margin: 0;
	padding: 5px 10px 5px 0;
	font-size: 10px;
	display: inline;
}
ul#topicPath li {
	list-style-type: none;
	margin: 0;
	padding: 0 3px 0 10px;
	display: inline;
	background: url("../images/icon_g.gif") left center no-repeat; /* パンくずアイコン */
}
ul#topicPath li.home {
	background: none;
	padding: 0 3px 0 0;
}
div#mainArea div.section {
}
div#mainArea h2 {
	color: #666;
	padding: 15px 0 15px 20px;
	font-size: 24px;
	line-height: 35px;
	border-left: 15px solid #39557e;	/* 見出し左ライン */
}
div#mainArea h2 a {
	color: #999;	/* 見出しリンクカラー */
}
div#mainArea h2 a:hover {
	color: #666;	/* 見出しリンクカラー（マウスオーバー） */
}
div#mainArea div.section p {
	padding: 20px;
}

div#naviArea {
}
div#naviArea ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
}
div#naviArea ul li {
	list-style-type: none;
	margin: 0;
	background: #f0f0f0;	/* メニュー背景 */
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	font-size: 14px;
}
div#naviArea ul li:last-child {
	border-bottom: none;
}
div#naviArea ul li a {
	padding: 20px;
	display: block;
	color: #666;	/* メニューリンクカラー */
	font-weight: bold;
}
div#naviArea ul li a:hover {
	color: #999;	/* メニューリンクカラー（マウスオーバー） */
}
ul#localNavi {
	list-style-type: none;
	margin: 20px 10px 10px;
	padding: 0;
}
ul#localNavi li {
	list-style-type: none;
	padding: 5px 20px 5px 10px;
	font-size: 10px;
	background: url("../images/icon_g.gif") 0 11px no-repeat; /* サブメニューアイコン背景 */
	border: none;
	float: left;
}
div#naviArea ul li ul li a {
	padding: 0;
}
div#bmArea ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#bmArea ul li {
	list-style-type: none;
	margin: 20px 0;
	padding: 10px;
	background: #f0f0f0;	/* ブックマーク背景 */
	color: #666;
}
div#bmArea ul li div.section {
	background: #fff;	/* ブックマーク内側背景 */
	border-radius: 5px;
	padding: 20px;
	margin: 0;
}
div#bmArea ul li div.section p {
	margin: 0;
	padding: 0;
}
div#pageTop p {
	border-radius: 5px 5px 0 0;
	background: #39557e;	/* ページトップへの移動背景 */
	margin: 0;
	float: right;
	padding: 5px 20px;
	font-size: 10px;
}
div#pageTop p a {
	color: #fff;	/* ページトップへの移動リンクカラー */
}
div#pageTop p a:before {
	content: "▲　";
}
div#footerArea {
	border-radius: 5px 0 0 0;
	background: #39557e;	/* フッター背景 */
	color: #fff;
	font-size: 10px;
	margin: 0;
}
div#footerArea p {
	margin: 0;
	padding: 20px;
}
div#footerArea p a {
	color: #fff;	/* フッターリンクカラー */
	border-bottom: 1px dotted #fff;	/* フッターリンク下線カラー */
}