/* 全体枠基本設定
======================================*/

* {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

ul {
	margin: 0px;
}

li {
	list-style: none;
}

body {
	margin: auto;
	padding: auto;
	background: url(img/bg.jpg) top center repeat-y;
	color: #333;
}

#conteiner {
	width: 950px;
	margin: auto;
	padding: auto;
	position: relative;
}

/* ヘッダー
======================================*/

#header {
	width: 950px;
	height: 200px;
	background: url(img/top.jpg) no-repeat top;
}

#logo {
	padding-top: 15px;
	padding-left: 30px;
}


/* パン屑リスト
======================================*/

#navi {
	margin: 20px 0px 0px 20px;
	height: 30px;
	font-size: 12px;
	color: #666666;
}

#navi a{
	color: #4169e1;
}

#navi a:hover{
	text-decoration: none;
}


/* メインコンテンツ基本設定
======================================*/
#main {
	float: right;
	width: 670px;
	_width: 668px;
	margin: 0px 10px 60px 20px;
	clear: both;
	border: solid #7fff7f 1px;
}

#main p {
	font-size: 0.9em;
	margin-top: 20px;
	padding: 0px 15px;
	line-height: 1.6em;
	color: #333333;
}

#main a {
	text-decoration: under-line;
	color: #0033cc;
}

#main a:hover{
	text-decoration: none;
}

.box01 {
	margin: 0px 15px 10px 15px;
	padding: 0px;
	width: 640px;
	_width: 638px;
	border: 1px solid #7fff7f;
	background-color: #ffffe0;
}


.list1 {
	margin: 20px 0px 20px 0px;
}

.list1 li{
	margin-left: 30px;
	padding: 2px 2px;
	list-style-image: url(img/icon-triangle_1.gif);
	font-size: 0.8em;
	color: #8b4513;
}


/* hタグ
======================================*/
h1 {
	font-size: 10px;
	font-weight: normal;
	color: white;
	line-height: 20px;
	background-color: #006400;
}


h2 {
	margin: 10px 0px 0px 10px;
	line-height: 50px;
	color: #00a968;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

#main h2 a {
	color: #ff4500;
}

.h2normal {
	background: url(img/h2normal.jpg) top left no-repeat;
	padding-left: 10px;
}

.h2rank01 {
	background: url(img/h2rank01.jpg) top left no-repeat;
	padding-left: 90px;
}

.h2rank02 {
	background: url(img/h2rank02.jpg) top left no-repeat;
	padding-left: 90px;
}

.h2rank03 {
	background: url(img/h2rank03.jpg) top left no-repeat;
	padding-left: 90px;
}

.h2rank-at {
	background: url(img/h2rank-at.jpg) top left no-repeat;
	padding-left: 90px;
}


h3 {
	clear: both;
	margin: 30px 0px 0px 10px;
	padding: 0px 0px 0px 20px;
	color: #ff7f50;
	font-size: 15px;
	text-align: left;
	height: 40px;
	line-height: 40px;
}

.h3-all {
	background: url(img/h3-all.jpg) top left no-repeat;
}


/* サイドバー
======================================*/
#side-menu {
	float: left;
	width: 220px;
	margin: 0px 0px 60px 10px;
	padding: 0px;
	font-size: 80%;
}

#side-menu a{
	color: #666666;
	text-decoration: none;
}

#side-menu a:hover{
	color: #008000;
	text-decoration: underline;
}

#side-menu .txt01 {
	margin-top: 10px;
	border-bottom: dotted #c1c1ff 1px;
	background: url(img/arrow01.jpg) no-repeat left;
	padding-left: 25px;
}


/* 左に画像＋１行文字列
======================================*/
.● {
	background: url(img/●.jpg) left center no-repeat;
	height: 80px;
}


/* 左に画像＋文字列２段組み
======================================*/

.topix {
	margin-top: 10px;
}

.topix dt {
	font-size: 10px;
	color: #666666;
	padding-top: 10px;
	padding-left: 90px;
}

.topix dt a {
	text-decoration: underline;
	color: /*#7f7fff*/#0033cc;
}

.topix dt a:hover {
	text-decoration: none;
}

.topix dd {
	font-size: 12px;
	padding-tpo: 5px;
	padding-left: 90px;
	color: #666666;
	border: none;
}

.topix dd a {
	text-decoration: underline;
	color: #7f7fff;
}

.topix dd a:hover {
	text-decoration: none;
}

.bookmark {
	background: url(img/bookmark.jpg) left center no-repeat;
	height: 80px;
}



/* フッター
======================================*/
#footer {
	clear: both;
	width: 950px;
	text-align: center;
	font-size: 0.7em;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	background: url(img/logo.png) left bottom no-repeat #c1ffc1;
	border-top: solid #7fff7f 1px;
	color: #666666;
}

#footer .link-nodeco a {
	text-decoration: none;
	color: #666666;
}

#footer .link-deco a {
	text-decoration: underline;
	color: #666666;
}

#footer .link-deco a:hover {
	text-decoration: none;
	color: #666666;
}

#footer .link-deco a:visited {
	color: #666666;
}


/* 各ページキャッチコピー
======================================*/

#catch {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 650px;
	border: solid #ffc1ff 1px;
}

#parts-area p {
	padding: 0px 20px 0px 230px;
	color: #666666;
}

.● {
	width: 620px;
	height: 160px;
	background: url(img/●.jpg) left no-repeat;
}

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

table {
	margin: 10px 15px;
	border-collapse: collapse;
	font-size: 0.9em;
}

.border th {
	border: solid 1px #7fff7f;
	text-align: center;
}

.border tr td {
	border: solid 1px #7fff7f;
	font-size: 0.9em;
	text-align: left;
	padding: 5px;
}

.noborder tr td {
	border: solid 1px #FFFFFF;
	font-size: 0.9em;
	/*text-align: left;*/
	padding: 3px;
}

.outline {
	border: solid 1px #999999;
}

.koumoku {
	background-color: #bcffbc;
	text-align: center;
}


/* リスト
======================================*/

.checklist {
	margin: 20px 20px 20px 30px;
	background-color: #e0ffe0;
	font-size: 1em;
	color: #004d25;
}

.checklist li{
	margin: 10px 0px;
	list-style-image: url(img/icon-triangle_1.png);
	list-style-position: inside;
	line-height: 1.6em;
}

.checklist02 {
	margin: 20px 10px 20px 30px;
	background-color: #faf0e6;
	font-size: 0.8em;
	color: purple;
}

.checklist02 li{
	margin: 5px 0px;
	list-style-image: url(img/icon-triangle_1.png);
	list-style-position: inside;
}

.normallist {
	margin: 20px 10px 20px 30px;
	font-size: 0.8em;
	color: #004d25;
}

.normallist li{
	margin: 5px 0px;
	list-style-image: url(img/icon-triangle_1.png);
	list-style-position: inside;
}


/* 文字カラー＆サイズ＆装飾
======================================*/
.box-yellow {
	background-color: yellow;
}

.box-mistyrose {
	background-color: #ffe4e1;
}

.box-green {
	background-color: #ccffee;
}

.red {
	color: red;
}

.blue {
	color: #4169e1;
}

.green {
	color: #228b22;
}

.gray {
	color: #808080;
}

.purple {
	color: purple;
}

.royalblue {
	color: #4169e1;
}

.b {
	font-weight: bold;
}

.return {
	text-align: right;
}

.bold-under {
	text-decoration: underline;
	font-weight: bold;
}

#main .f08em {
	font-size: 0.8em;
}

#main .f10em {
	font-size: 1em;
}

#main .f11em {
	font-size: 1.1em;
}

#main .f12em {
	font-size: 1.2em;
}

#main .f14em {
	font-size: 1.4em;
}

#side-menu .f10em {
	font-size: 1em;
}

#main .underline-01 {
	border-bottom: dotted #c1c1ff 1px;
}

#side-menu .underline-01 {
	border-bottom: dotted #c1c1ff 1px;
}

.bg-lavender {
	background-color: #e6e6fa;
}

.arrow01 {
	background: url(img/arrow01.jpg) no-repeat left;
	padding-left: 25px;
}


/* マージン・パディング・余白
======================================*/

#main .m0-t {
	margin-top: 0px;
}

.m5-t {
	margin-top: 5px;
}

.m10-t {
	margin-top: 10px;
}

.m20-t {
	margin-top: 20px;
}

.m30-t {
	margin-top: 30px;
}

#main .m50-t {
	margin-top: 50px;
}

.m10-b {
	margin-bottom: 10px;
}

.m30-b {
	margin-bottom: 30px;
}

.m05-a {
	margin: 5px;
}

.m10-a {
	margin: 10px;
}



/* 配置
======================================*/

.left {
	float: left;
	margin: 20px;
}

.right {
	float: right;
	margin: 20px;
}

.al-r {
	text-align: right;
}

.al-c {
	text-align: center;
}

.clear {
	clear: both;
}