@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
body {
	margin: 0px;
	padding: 0px 0px 15px;
	background: #FFFFFF url(../img/base/bg.jpg) no-repeat fixed center top;
	text-align: center;
	font: normal small/1.4 "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック";
	color: #000000;
}

#wrapper {
	width: 750px;
	margin: 0px auto;
	text-align: left;
	display: inline-table;
} 
#wrapper:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
} 
/* Mac IE \*/ 
* html #wrapper {height: 1%;} 
#wrapper {display: block;}
/* */


/* 基本スタイルA
---------------------------------------------------- */
a {
	color: #2A74D5;
	text-decoration: none;
}
a:hover {
	color: #ED6206;
	text-decoration: none;
}
ul,li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
}
h1,h2,h3,h4,h5,h6,p,form,dl,dt,dd {
	margin: 0px;
	padding: 0px;
	display: block;
}
hr {
	display: none;
}
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	font-size: 0px;
	font-style: normal;
	line-height: 0px;
	font-weight: normal;
	font-variant: normal;
}
.hidden {
	position: absolute;
	left: -9999px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}
.none {
	display: none;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* ヘッダー
---------------------------------------------------- */
#header {
	width: 750px;
} 
#home #header {
	width: 750px;
}
h1#description {
	margin: 0px auto;
	padding: 5px 0px;
	width: 750px;
	font: normal x-small/1em "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック";
	text-align: left;
}

/* ロゴ */
p#logo {
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 265px;
	font: normal 10px/10px "verdana";
	float: left;
	background: url(../img/headLogo2008.png) left top no-repeat;
}
p#logo a {
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 265px;
	text-indent: -9999px;
	display: block;
}
#home p#logo {
	height: 85px;
}
#home p#logo a {
	display: none;
}

#header #headerR {
	float: right;
	padding: 13px 10px 0px 0px;
}


/* ナビゲーションA
---------------------------------------------------- */
ul#naviA {
	list-style: none;
	height: 54px;
	width: 750px;
	display: block;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	background: url(../img/base/navi_a_bg.gif) no-repeat;
}
ul#naviA li {
	margin: 0px;
	padding: 0px;
	width: 125px;
	height: 53px;
	float: left;
	font: normal 12px/12px "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック";
	display: block;
}
ul#naviA li a {
	display: block;
	width: 125px;
	height: 48px;
	text-indent: -9999px;
}
ul#naviA li a:hover {
	border-bottom: 5px solid #f8cc00;
}

#home ul#naviA li#homeBtn a,
#guide ul#naviA li#guideBtn a,
#flow ul#naviA li#flowBtn a,
#tool ul#naviA li#toolBtn a,
#quiz ul#naviA li#quizBtn a {
	border-bottom: 5px solid #2A74D5;
}


/* ナビゲーションB
---------------------------------------------------- */
ul#naviB {
	width: 300px;
	height: 26px;
	padding: 12px 0px 0px 0px;
	margin: 0;
	list-style: none;
	float: right;
}

#home ul#naviB {
	width: 300px;
	height: 26px;
	padding: 12px 0px 0px 0px;
	margin: 5px 24px 0 0;
	list-style: none;
	float: right;
} 
ul#naviB li {
	height: 26px;
	margin: 0px;
	padding: 0px;
	float: left;
	font: normal 10px/10px "verdana";
	text-indent: -9999px;
	display: block;
}
ul#naviB li a {
	text-decoration: none;
	display: block;
	height: 26px;
	background: url(../img/base/navi_b_icon.gif) no-repeat 4px 10px;
}
ul#naviB li a:hover {	background: url(../img/base/navi_b_icon.gif) no-repeat 4px -40px;}
ul#naviB li#contactBtn a {	width: 76px;}
ul#naviB li#linkBtn a {	width: 55px;}
ul#naviB li#privacyBtn a {	width: 95px;}
ul#naviB li#sitemapBtn a {	width: 73px;}


/* コンテンツエリア
---------------------------------------------------- */
#contentsArea {
	margin: 0px;
	padding: 0px;
	width: 580px;
	float: left;
}
/* コンテンツタイトル */
h2#conTit {
	width: 540px;
	margin: 0px 0px 20px;
	padding: 10px;
	font: bold medium/1em "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック";
	color: #FFFFFF;
	background: #66CCFF;
	height: 40px;
}


/* ページの先頭に戻る
---------------------------------------------------- */
#gotop {
	padding: 10px 0px;
	width: 750px;
	text-align: right;
	height: 22px;
}


/* ナビゲーションC
---------------------------------------------------- */
#naviC {
	font: normal x-small/1.5em "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック";
	margin: 0px;
	padding: 12px 0px;
	width: 750px;
	text-align: center;
	border-top: 1px solid #E6E6E6;
	color: #D2E6FC;
}


/* コピーライト
---------------------------------------------------- */
#copyright {
	font: normal 10px/1em "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック";
	margin: 0px;
	padding: 6px 0px;
	width: 750px;
	text-align: center;
	color: #FFFFFF;
	background: #D2E6FC url(../img/base/copyright_bg.gif) repeat-x;
}


/* ヘッダイメージ
---------------------------------------------------- */
div#headimg {
	clear: both;
	width: 750px;
	height: 100px;
	background:url(../img/contents/headerimg2008sub.jpg) left top no-repeat;
}

#home div#headimg {
	clear: both;
	width: 750px;
	height: 254px;
	background:url(../img/home/headimg2008.jpg) left top no-repeat;
}

/* ヘッダテキスト
---------------------------------------------------- */
div#headtext { display:none; }
#home div#headtext {
	display: block;
	width: 197px;
	height: 109px;
	position: relative;
	top: 112px;
	left: 393px;
	overflow: auto;
}

/* 文字サイズ変更
----------------------------------------------------------- */
div#header div#mojiSizeJs {
	width: 217px;
	height: 38px;
	float: right;
	background:url(../img/base/bgMojiSize.png) left top no-repeat;
}


ul#fontSizeSwitcher {
	display:inline;
	float:right;
	width:112px;
	height:19px;
	overflow:hidden;
	padding-top:9px;
	padding-right:12px;
}

ul#fontSizeSwitcher li {
	display:inline;
	text-align:center;
	float:left;
	width:35px;
	height:19px;
	cursor:pointer;
}

ul#fontSizeSwitcher li#sizeNormal {
}
ul#fontSizeSwitcher li#sizeLarge {
}
ul#fontSizeSwitcher li#sizeMax {
}

ul#fontSizeSwitcher li.current {
	color:#ffffff;
	background:url(../img/base/bgCurrentMS.png) left top no-repeat;
}


/* 検索窓
----------------------------------------------------------- */
div#search {
	width: 480px;
	height: 30px;
	clear: right;
	float: right;
	text-align: right;
	padding-top: 2px;
}

#home div#search {
	width: 480px;
	height: 43px;
	clear: right;
	float: right;
	text-align: right;
	padding-top: 2px;
}

div#search img {
	vertical-align:middle;
	border: none;
}

div#search img#tel {
	display:none;
}

#home div#search img#tel {
	display:inline;
	padding-left: 20px;
}

div#search input[type="text"]{
	width: 126px;
	border: 1px solid #c4c4c4;
	background-color: #f2f2f2;
	padding-top: 2px;
	position: relative;
	top: 2px;
	padding-left: 2px;
}


/* 汎用
----------------------------------------------------------- */
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }


/* 検索結果
----------------------------------------------------------- */
div.entry-body-text {
	padding-left: 2em;
	padding-top:20px;
}

div.entry-body-text ol li {
	padding: 8px 0 16px;
}

div.entry-body-text ol li a {
	background:url(../img/home/topics_icon.gif) left center no-repeat;
	padding-left:1em;
	text-indent:-1em;
}