@charset "Shift_JIS";
/* CSS Document */

/* ***** 共通設定 ***** */
* {
	margin:0px;
	padding:0px;
}
body {
	width:100%;
	background:url(../img/header-bg.png) repeat-x center top #63d937;
	font-family:"Meiryo UI", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size:13px;
	line-height:1.6em;
	color:#000000;
	text-align:justify;
	text-justify:distribute;
}
/* --- リンク --- */
a {
	text-decoration:none;
	color:#00aaff;
	transition:color 0.15s linear;
	-webkit-transition:color 0.15s linear;
	-moz-transition:color 0.15s linear;
	-o-transition:color 0.15s linear;
}
a:hover {
	color:#80d5ff;
}
a:active {
	color:#005580;
}
/* --- フレーズ --- */
span.bg,
span.txt,
u {
	font-weight:bold;
}
/* フレーズ1 */
span.bg {
	background:#ffff99;
}
/* フレーズ2 */
span.txt {
	color:#ff0000;
}
/* フレーズ3 */
u {
	border-bottom:1px solid #000000;
	text-decoration:none;
}
/* --- 段落 --- */
p {
	padding-top:20px;
}
/* 表（table）関連 */
table {
    border-collapse:separate;
	border-spacing:1px;
}
/* イメージ画像 */
img {
	border:none;
}
/* 境界線 */
div.separator_line {
	width:100%;
    height:2px;
	background:url(../img/separator-line.png) repeat-x center;
}


/* ***** レイアウト ***** */
div#site_area {
	width:100%;
	background:url(../img/header-img.png) no-repeat center top;
	overflow:hidden;
}
div#header_area {
	width:100%;
	height:135px;
	background:url(../img/header-shadow.png) repeat-x center bottom;
	overflow:hidden;
}
div#bread_crumb_list_area {
	width:770px;
	padding:0px 15px;
	margin:0px auto;
	margin-bottom:20px;
	background:#e7e7e7;
	overflow:hidden;
}
div#contents_side_area_bg {
	width:100%;
	padding-top:40px;
	margin:0px auto;
	background:url(../img/contents-bg.png) repeat center #f6f6f6;
	border-top:1px solid #ffffff;
	overflow:hidden;
}
div#contents_side_area {
	width:800px;
	margin:0px auto;
	overflow:hidden;
}
div#contents_area {
	float:right;
	width:560px;
}
div#side_area {
	float:left;
	width:200px;
}
div#page_top_to_area {
	clear:both;
	width:800px;
	margin:0px auto;
}
div#footer_area {
	clear:both;
	width:100%;
	padding:20px 0px;
}


/* ***** 装飾 ***** */
/* --- ヘッダー --- */
div.header {
	width:800px;
	padding-top:45px;
	margin:0px auto;
	overflow:hidden;
}
div.logo {
	width:551px;
	height:45px;
}
a.logo {
	display:block;
	width:551px;
	height:45px;
	background:url(../img/logo.png) no-repeat 0px 0px;
}
a.logo:hover {
	background-position:0px -45px;
}
a.logo:active {
	background-position:0px -90px;
}

/* --- パンくずナビ --- */
div.bread_crumb_list_top,
div.bread_crumb_list {
	float:left;
}
div.bread_crumb_list_top {
	color:#326d1c;
	font-weight:bold;
}
div.bread_crumb_list {
	padding-left:30px;
	background:url(../img/bread-crumb-list-border.png) no-repeat left center;
	color:#326d1c;
}
div.bread_crumb_list_top a {
	text-decoration:none;
	line-height:1.3em;
	color:#63d937;
	font-weight:bold;
}
div.bread_crumb_list_top a:hover {
	color:#adeb96;
}
div.bread_crumb_list_top a:active {
	color:#326d1c;
}

/* --- コンテンツ --- */
/* コンテンツシャドウ */
div.contents_shadow {
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(../img/contents-bottom-shadow.png) no-repeat center bottom;
	overflow:hidden;
}

/* トップページコメント */
div.top_page_comment {
	background:url(../img/contents-bg.png) repeat center #fffeee;
	border-top:1px solid #eeeeee;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #cccccc;
}

/* コンテンツスペース */
div.contents_space {
	background:#ffffff;
	border-top:1px solid #eeeeee;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #cccccc;
}

/* コンテンツタイトル */
div.h2_shadow {
	padding-bottom:2px;
	background:url(../img/h2-shadow.png) repeat-x center bottom;
}
h2 {
	padding:10px 20px;
	background:url(../img/h2-bg.png) repeat-x center top #ffffff;
	line-height:1.3em;
	color:#63d937;
	font-size:169%;
	font-weight:normal;
	text-shadow: #2b5d18 0px -1px 1px;
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#2b5d18,offx=0,offy=-1)"; /* IE8 */
	display:block; /* IE */
}
/* コンテンツテキスト */
div.top_page_contents_text {
	padding:0px 19px 19px 19px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
div.contents_text {
	padding:0px 20px 20px 20px;
}

/* 口コミ */
div.kuchikomi_area {
	padding:0px 20px 20px 20px;
	margin-top:20px;
	background:url(../img/kuchikomi-bg.png) repeat left top #e4f9dc;
	border:1px solid #63d937;
}
div.kuchikomi_text {
	text-align:right;
}

/* ランキング */
div.ranking_space1 {
	padding:20px 20px 20px 70px;
	background:url(../img/ranking1-mark.png) no-repeat 19px 20px;
}
div.ranking_space2 {
	padding:20px 20px 20px 70px;
	background:url(../img/ranking2-mark.png) no-repeat 19px 20px;
}
div.ranking_space3 {
	padding:20px 20px 20px 70px;
	background:url(../img/ranking3-mark.png) no-repeat 19px 20px;
}
div.ranking_space4 {
	padding:20px 20px 20px 70px;
	background:url(../img/ranking4-mark.png) no-repeat 19px 20px;
}
div.ranking_space5 {
	padding:20px 20px 20px 70px;
	background:url(../img/ranking5-mark.png) no-repeat 19px 20px;
}
/* ランキングサービス名 */
div.ranking_service_name {
	padding-bottom:10px;
}
div.ranking_service_name a {
	color:#333333;
	font-size:154%;
}
div.ranking_service_name a:hover {
	color:#63d937;
}
div.ranking_service_name a:active {
	color:#326d1c;
}
/* ランキング表 */
table.ranking_table {
	width:100%;
	margin-bottom:20px;
	background-color:#326d1c;
	overflow:hidden;
}
table.ranking_table th,
table.ranking_table td {
	padding:5px;
	text-align:center;
}
table.ranking_table td {
	background-color:#ffffff;
}
th.ranking_fee,
th.ranking_registration {
	width:15%;
}
th.ranking_number_of_firms {
	width:25%;
}
th.ranking_company {
	width:45%;
}
th.ranking_fee,
th.ranking_number_of_firms,
th.ranking_company,
th.ranking_registration {
	background:#e4f9dc;
	border-top:1px solid #ffffff;
	border-left:1px solid #d8f6cd;
	border-right:1px solid #d8f6cd;
	border-bottom:1px solid #b8d1ae;
	color:#326d1c;
}
/* ランキングおすすめリスト */
div.ranking_recommended_header {
	padding-bottom:2px;
	margin-bottom:5px;
	border-bottom:1px dotted #000000;
	font-size:107%;
	font-weight:bold;
}
ul.ranking_recommended {
	list-style:none;
	margin-bottom:20px;
}
ul.ranking_recommended li {
	min-height:18px;
	padding-left:33px;
	margin-bottom:15px;
	background:url(../img/check.png) no-repeat left top;
}
/* ランキングバナーエリア */
div.ranking_baner_area {
	width:468px;
	height:60px;
	margin:0px auto;
	margin-bottom:5px;
}
div.ranking_baner_text {
	text-align:center;
	overflow:hidden;
}
/* 相互リンク集 */
ul.link_menu {
	list-style:none;
	padding-top:20px;
}
ul.link_menu li {
	margin-bottom:3px;
	border:1px solid #eeeeee;
}
ul.link_menu li a {
	display:block;
	padding:9px;
	border:1px solid #ffffff;
	color:#333333;
	line-height:1.3em;
	transition:background-color 0.15s linear, color 0.15s linear;
	-webkit-transition:background-color 0.15s linear, color 0.15s linear;
	-moz-transition:background-color 0.15s linear, color 0.15s linear;
	-o-transition:background-color 0.15s linear, color 0.15s linear;
}
ul.link_menu li a:hover {
	background-color:#d8f6cd;
	color:#4aa329;
}
ul.link_menu li a:active {
	background-color:#8ae369;
	color:#ffffff;
}
/* プライバシーポリシー */
div.privacy_area {
	border:1px solid #326d1c;
	overflow:hidden;
}
div.privacy_title {
	padding:5px 10px;
	background:#e4f9dc;
	border-top:1px solid #ffffff;
	border-left:1px solid #d8f6cd;
	border-right:1px solid #d8f6cd;
	border-bottom:1px solid #b8d1ae;
	text-align:center;
	color:#326d1c;
}
div.privacy_text {
	padding:20px;
}

/* --- サイド --- */
/* サイドエリアBG */
div#side_area_bg {
	padding:3px;
	margin-bottom:20px;
	background:#54b92f;
}
/* サイドタイトル */
div.side_title_bg {
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
}
div.side_title {
	padding:5px 10px;
	background:url(../img/side-title-bg.png) repeat left top #63d937;
	border-top:1px solid #92e473;
	border-bottom:1px solid #54b92f;
}
div.side_title span {
	color:#ffffff;
	font-size:123%;
	font-weight:bold;
	text-shadow: #3f8b23 0px -1px 1px;
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#3f8b23,offx=0,offy=-1)"; /* IE8 */
	display:block; /* IE */
}
/* メニュー */
ul.side_menu {
	list-style:none;
	margin-bottom:3px;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}
ul.side_menu li a {
	display:block;
	padding:9px 10px;
	background-color:#b1ec9b;
	border-top:1px solid #c9f2b9;
	border-bottom:1px solid #97c984;
	color:#326d1c;
	line-height:1.3em;
	transition:all 0.15s linear;
	-webkit-transition:all 0.15s linear;
	-moz-transition:all 0.15s linear;
	-o-transition:all 0.15s linear;
}
ul.side_menu li a:hover {
	background-color:#d8f6cd;
	border-top:1px solid #e4f9dc;
	border-bottom:1px solid #b8d1ae;
	color:#4aa329;
}
ul.side_menu li a:active {
	background-color:#8ae369;
	border-top:1px solid #adeb96;
	border-bottom:1px solid #75c159;
	color:#ffffff;
}
/* サイドPR */
div.side_pr {
	padding:10px 20px 15px 20px;
	background:#ffffff;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}
/* サイドPRバナー */
div.pr_baner {
	padding-top:10px;
	text-align:center;
}

/* --- ページTOPへ --- */
div#page_top_to_area a {
	float:right;
	display:block;
	padding:5px 10px;
	background:#63d937;
	text-decoration:none;
	text-align:center;
	color:#ffffff;
	transition:background-color 0.15s linear, color 0.15s linear;
	-webkit-transition:background-color 0.15s linear, color 0.15s linear;
	-moz-transition:background-color 0.15s linear, color 0.15s linear;
	-o-transition:background-color 0.15s linear, color 0.15s linear;
}
div#page_top_to_area a:hover {
	background:#92e473;
}
div#page_top_to_area a:active {
	background:#54b92f;
}

/* --- フッター --- */
div.footer {
	width:800px;
	margin:0px auto;
}
/* --- フッターリンク --- */
div.copyright a {
	text-decoration:none;
	color:#ffffff;
}
div.copyright a:hover {
	color:#e4f9dc;
}
div.copyright a:active {
	color:#2b5d18;
}
/* コピーライト */
div.copyright {
	text-align:center;
}