﻿@charset "utf-8";
/*
Theme Name: MAXIS
Theme URI: 
Description: 
Version: 1.0
Author: 
Author URI: 
Tags: 
*/



/*
reseting default CSS
===========================================================================
*/

* {
	margin:0;
	padding:0;
	font-style:normal;
}

/*
html, body {
	height:100%;
}
*/

body {
	color:#333;
	font-family:Sans-Serif;
	text-align:center;
	margin:0;
	padding:0;
	background:#FFFFFF;
}

ul li { list-style:none; }

a {
	color:#003399;
	text-decoration:underline;
}

a:hover {
	color:#3399FF;
	text-decoration:underline;
}

acronym, abbr, span.caps {
	cursor:help;
}

acronym, abbr {
	border-bottom:1px dashed #999;
}

blockquote {
	margin:15px 30px 0 10px;
	padding-left:20px;
	border-left:5px solid #ddd;
}

blockquote cite {
	margin:5px 0 0;
	display:block;
}

img {
	vertical-align:bottom;
	border:none;
}

p img {
	padding:0;
	max-width:100%;
}

input, select {
	font-size:13px;
	padding:2px;
}

textarea{
	font-size:13px;
	padding:2px;
}

small {
	font-size:13px;
	line-height:150%;
}

blockquote, strike {
	color:#777;
}

.hr {
	height:40px;
	margin:20px 0 30px;
	border:none;
	background:url(images/hr.gif) center center no-repeat;
}

/*
基本
===========================================================================
*/

.clearfix { 
	zoom:100%;
}

.clearfix:after {
	content:" "; 
	clear:both; 
	height:0; 
	display:block; 
	visibility:hidden;
}

br.clear {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1;
}

.alignLeft {
	text-align:left;
}

.alignRight {
	text-align:right;
}

.alignCenter {
	text-align:center;
}

.left {
	float:left;
}

.right {
	float:right;
}

img.left {
	margin-right:8px;
}

img.right {
	margin-left:8px;
}

img.center {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.photo {
	padding:5px;
	border:1px solid #CCCCCC;
}

.margin10 {
	margin:10px;
}

.margin20 {
	margin:20px;
}

.red {
	color:#FF0000;
	font-weight:bold;
}

.ex {
	color:#666666;
	font-size:11px;
	margin:4px 0;
}

/*
ワイヤフレーム
=========================================================================
*/

#container {
	width:770px;
	min-height:100%;
	height:auto !important;
	height:100%;
	text-align:left;
	margin:0 auto -70px; /* the bottom margin is the negative value of the footer's height */
	background:#FFFFFF;
}

#header {
	margin:0 auto 15px;
	padding:8px 0 0;
}

#content {
	margin-bottom:20px;
}

body#topPage #main {
	float:left;
	width:520px;
}

body#single #main {
	float:left;
	width:580px;
}

body#topPage #side {
	float:right;
	width:235px;
}

body#single #side {
	float:right;
	width:175px;
}

#contentFoot {
	margin-bottom:20px;
}

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

#header .logo {
	float:left;
	margin:0;
	padding:0;
}

#header .logo p {
	margin-bottom:4px;
}

#header .description {
	color:#666666;
	font-size:11px;
	font-weight:normal;
	margin-top:3px;
}

#header .logoRht {
	width:325px;
	float:right;
}

#header .hdTel {
	text-align:right;
	margin-bottom:6px;
}

#header .hdBtn {
	text-align:right;
}

#hdNav {
	margin-top:5px;
	background:#EEEEEE url(/images/common/headnav_bg.gif) left top repeat-x;
}

#hdNav li {
	float:left;
	position:relative;
	padding-left:36px;
}

#hdNav li a {
	display:block;
	text-decoration:none;
	height:35px;
	line-height:35px;
	background-position:left top;
}

#hdNav li.home a {
	width:54px;
	background:url(/images/common/headnav_home.gif) no-repeat;
}

#hdNav li.compare a {
	width:130px;
	background:url(/images/common/headnav_compare.gif) no-repeat;
}

#hdNav li.example a {
	width:146px;
	background:url(/images/common/headnav_example.gif) no-repeat;
}

#hdNav li.qa a {
	width:43px;
	background:url(/images/common/headnav_qa.gif) no-repeat;
}

#hdNav li.plan a {
	width:75px;
	background:url(/images/common/headnav_plan.gif) no-repeat;
}

#hdNav li.company a {
	width:63px;
	background:url(/images/common/headnav_company.gif) no-repeat;
}

#hdNav li a:hover {
	background-position:left -35px;
}

body.topPage #hdNav li.home a,
body.compare #hdNav li.compare a,
body.example #hdNav li.example a,
body.qa #hdNav li.qa a,
body.plan #hdNav li.plan a,
body.company #hdNav li.company a {
	background-position:left -70px;
}

#hdNav span {
	display:none;
}

/*
トップページ
===========================================================================
*/

/*メインイメージ*/

#topPageImg {
	margin:0;
	padding:0;
}

p.topColCompare {
	float:right;
	margin:0 0 0 10px;
	border:1px solid #CCBBBB;
}

.topColCompare .inner {
	display:block;
	margin:4px 4px;
	padding:6px 10px;
	background:#EDD7D7;
}

.topColCompare .inner a {
	color:#330000;
	font-weight:bold;
}

/*無料冊子（トップ）*/

#side .presentBook {
	color:#FFFFFF;
	margin-bottom:15px;
	padding:8px 8px;
	background:url(/images/top/book_bg.gif) left top no-repeat;
}

/*無料冊子（下層）*/
#side .presentBook2 {
	margin-bottom:10px;
}

/*新着情報（トップ）*/

#side .sideNews {
	margin-bottom:15px;
	padding-top:50px;
	background:url(/images/common/side_news_bg.gif) left top no-repeat;
}

#side .sideNews .inner {
	padding:0 14px 10px;
	background:url(/images/common/side_news_bg.gif) left bottom no-repeat;
}

#side .sideNews dl {
}

#side .sideNews dt {
	color:#666666;
	font-size:13px;
	margin-bottom:1px;
}

#side .sideNews dd {
	color:#333333;
	font-size:13px;
	line-height:1.1;
	margin-bottom:14px;
}

/*新着情報（下層）*/

#side .sideNews2 {
	margin-bottom:12px;
	padding-top:42px;
	background:url(/images/common/side_news2_bg.gif) left top no-repeat;
}

#side .sideNews2 .inner {
	padding:0 10px 10px;
	background:url(/images/common/side_news2_bg.gif) left bottom no-repeat;
}

#side .sideNews2 dl {
}

#side .sideNews2 dt {
	color:#666666;
	font-size:11px;
	margin-bottom:1px;
}

#side .sideNews2 dd {
	color:#333333;
	font-size:11px;
	line-height:1.2;
	margin-bottom:14px;
}

/*関連サイト（トップ）*/

#side .sideLink {
	padding-top:33px;
	background:url(/images/common/side_link_bg.gif) left top no-repeat;
}

#side .sideLink .inner {
	padding:0 14px 10px;
	background:url(/images/common/side_link_bg.gif) left bottom no-repeat;
}

#side .sideLink th {
	padding-bottom:5px;
}

#side .sideLink td {
	font-size:11px;
	padding:0 0 5px 6px;
}

/*関連サイト（下層）*/

#side .sideLink2 {
	padding-top:33px;
	background:url(/images/common/side_link2_bg.gif) left top no-repeat;
}

#side .sideLink2 .inner {
	padding:0 14px 10px;
	background:url(/images/common/side_link2_bg.gif) left bottom no-repeat;
}

#side .sideLink2 dt {
	text-align:center;
	margin-bottom:5px;
}

#side .sideLink2 dd {
	text-align:center;
	font-size:11px;
	margin-bottom:5px;
}

/*
コンテンツ
===========================================================================
*/

/*パンくずリスト*/

#main #breadCrumb {
	color:#333333;
	font-size:13px;
	line-height:100%;
	margin-bottom:15px;
}

#main #breadCrumb a {
	color:#333333;
}

/*本文*/

#main {
	color:#333333;
	font-size:13px;
}

body#topPage #main h2 {
	clear:both;
	margin-bottom:12px;
}

#main .entry h2 {
	clear:both;
	margin-bottom:12px;
}

#main .entry h3 {
	clear:both;
	font-size:16px;
	line-height:1;
	margin-bottom:15px;
	padding:14px 0 12px 20px;
	border-right:1px solid #DDDDDD;
	border-bottom:3px solid #CCCCCC;
	border-left:1px solid #DDDDDD;
	background:url(/images/single/h3_bg.gif) left 0px no-repeat;
}

#main p {
	font-size:13px;
	line-height:1.6;
	margin-bottom:12px;
}

#main p strong {
	color:#FF6600;
	font-weight:bold;
}

#main p b {
	color:#FF6600;
	font-weight:bold;
}

/*
table
===========================================================================
*/

/*compare table*/

.tblCompare {
	margin:0 4px 15px;
	border-collapse:collapse;
}

.tblCompare th, .tblCompare td {
	padding:6px 6px;
	border:1px solid #AAAAAA;
}

.tblCompare thead th {
	color:#990000;
	font-weight:bold;
	text-align:center;
	background:#FFCCCC;
}

.tblCompare tbody th.incomeTh1 {
	color:#336699;
	font-weight:bold;
	text-align:center;
	background:#CEE6FF;
}

.tblCompare tbody th.incomeTh2 {
	color:#336699;
	font-weight:normal;
	text-align:left;
	background:#E8F4FF;
}

.tblCompare tbody th.payTh1 {
	color:#996600;
	font-weight:bold;
	text-align:center;
	background:#FFE69E;
}

.tblCompare tbody th.payTh2 {
	color:#996600;
	font-weight:normal;
	text-align:left;
	background:#FFF0C3;
}

.tblCompare tbody th.riskTh1 {
	color:#669900;
	font-weight:bold;
	text-align:center;
	background:#CEFF9E;
}

.tblCompare tbody th.riskTh2 {
	color:#669900;
	font-weight:normal;
	text-align:left;
	background:#E0FFC2;
}

.tblCompare tbody th.taxTh1 {
	color:#006699;
	font-weight:bold;
	text-align:center;
	background:#B6E6FF;
}

.tblCompare tbody th.taxTh2 {
	color:#006699;
	font-weight:normal;
	text-align:left;
	background:#DCF4FF;
}

.tblCompare tbody th.marketTh1 {
	color:#333399;
	font-weight:bold;
	text-align:center;
	background:#CECEFF;
}

.tblCompare tbody th.marketTh2 {
	color:#333399;
	font-weight:normal;
	text-align:left;
	background:#E6E6FF;
}

.tblCompare tbody th.effortTh1 {
	color:#993366;
	font-weight:bold;
	text-align:center;
	background:#FFCEFF;
}

.tblCompare tbody th.effortTh2 {
	color:#993366;
	font-weight:normal;
	text-align:left;
	background:#FFE5FF;
}

.tblCompare .rank1 {
	color:#000066;
	font-weight:bold;
}

.tblCompare .rank2 {
	color:#0066CC;
	font-weight:bold;
}

.tblCompare .rank3 {
	color:#FF9900;
	font-weight:bold;
}

.tblCompare .rank4 {
	color:#FF3366;
	font-weight:bold;
}

/*company table*/

.tblCompany {
	margin:0 4px 15px;
	border-collapse:collapse;
}

.tblCompany th {
	width:100px;
	vertical-align:top;
	font-weight:normal;
	padding:14px 5px 14px 6px;
	border-left:4px solid #7F92AD;
	background:#E4EFF6;
}

.tblCompany td {
	padding:14px 5px 14px 12px;
}

.tblCompany td li {
	margin-bottom:4px;
}


/*
q and a
===========================================================================
*/

ul.qaIndex {
	margin-bottom:20px;
	margin-left:12px;
}

ul.qaIndex li {
	color:#990000;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

ul.qaIndex li ul {
	margin-top:5px;
	margin-left:15px;
}

ul.qaIndex li ul li {
	color:#333333;
	font-size:13px;
	font-weight:normal;
	margin-bottom:8px;
	padding-left:14px;
	background:url(/images/common/arrow_rht_blue.gif) left 3px no-repeat;
}

dl.qaArticle {
	margin-bottom:20px;
	margin-left:10px;
}

dl.qaArticle dt.q {
	color:#990000;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	margin-bottom:10px;
	padding-top:15px;
	padding-left:32px;
	background:url(/images/qa/q.gif) left top no-repeat;
}

dl.qaArticle dd.a {
	min-height:30px;
	* html body height:30px;/*IE6*/
	line-height:1.5;
	margin-bottom:10px;
	padding-left:32px;
	background:url(/images/qa/a.gif) left top no-repeat;
}

/*IE6*/
* html body dl.qaArticle dd.a {
	height:30px;
}

/*
company
===========================================================================
*/

ul.accessList {
	margin-bottom:18px;
	margin-left:4px;
}

ul.accessList li {
	line-height:1.3;
	margin-bottom:10px;
	padding-left:20px;
	background:url(/images/common/icon_train.gif) left 2px no-repeat;
}

/*
example
===========================================================================
*/

dl.exampleList {
	margin-top:20px;
	margin-bottom:20px;
	border-top:1px dotted #AAAAAA;
}

dl.exampleList dt {
	width:80px;
	margin-bottom:-35px;
}

dl.exampleList dd {
	line-height:1.6;
	padding:26px 10px 36px 95px;
	border-bottom:1px dotted #AAAAAA;
}

/*
plan
===========================================================================
*/

/*plan table*/

.tblPlan {
	margin:0 4px 15px;
	border-collapse:collapse;
}

.tblPlan th, .tblPlan td {
	padding:10px 6px;
	border:1px solid #AAAAAA;
}

.tblPlan thead th {
	color:#660000;
	font-weight:bold;
	text-align:center;
	padding:5px 2px;
	background:#FFCCCC;
}

.tblPlan tbody th {
	width:18%;
	color:#663300;
	font-weight:bold;
	text-align:left;
	background:#FCDFA8;
}

.tblPlan tbody td {
	width:41%;
}

.tblPlan tbody td li {
	margin-bottom:4px;
	padding-left:7px;
	background:url(/images/common/dot.gif) left 6px no-repeat;
}

/*plan table ex*/

.tblPlanEx {
	float:left;
	width:230px;
	margin-bottom:20px;
	border-collapse:collapse;
	border-top:1px solid #C59FAA;
}

.tblPlanEx caption {
	text-align:left;
	font-weight:bold;
	padding-bottom:10px;
	padding-left:4px;
}

.tblPlanEx th, .tblPlanEx td {
	padding:4px 3px;
	border-bottom:1px solid #C59FAA;
}

.tblPlanEx th {
	color:#990033;
	font-weight:normal;
	text-align:left;
}

.tblPlanEx td {
	text-align:right;
}

.tblPlanEx th.sum, .tblPlanEx td.sum {
	background:#FFCCCC;
}

.tblPlanEx th.sum {
	font-weight:bold;
}

.tblPlanEx td.sum {
	color:#FF0000;
	font-weight:bold;
}

/*column*/

.planColRht {
	float:right;
	width:320px;
	margin-bottom:20px;
	padding-top:24px;
}

.planColRht ul {
	margin-bottom:15px;
}

.planColRht li {
	font-size:11px;
	margin-bottom:6px;
}

/*
privacy policy
===========================================================================
*/

body.privacy #main ul, #main ol {
	font-size:13px;
	line-height:1.6;
	margin-bottom:20px;
}

body.privacy #main ul li {
	margin-bottom:5px;
	padding-left:22px;
	background:url(/images/common/arrow_rht_blue.gif) 6px 4px no-repeat;
}

body.privacy #main ol {
	padding-left:40px;
}

body.privacy #main ol li {
	margin-bottom:5px;
}

/*
free book download page
===========================================================================
*/

.bookIntro {
	margin-bottom:20px;
	padding:20px 15px 5px;
	background:#FFFFCC;
}

.bookIntro .lftCol {
	float:left;
	width:260px;
}

.bookIntro .rhtCol {
	float:right;
	width:260px;
}

.bookIntro dl {
	margin-bottom:15px;
}

.bookIntro dt.num {
	color:#FF6600;
	font-weight:bold;
	line-height:1.4;
}

.bookIntro dt.title {
	color:#663300;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:2px;
}

.bookIntro dd {
	color:#333333;
	line-height:1.4;
}

/*
form (over-write default CSS)
===========================================================================
*/

body div.wpcf7-response-output {
	font-weight:bold;
	margin:10px 0;
	padding:10px 6px;
}

body div.wpcf7-mail-sent-ok {
	color:#000099;
	border:2px solid #3399FF;
	background:#CCEEFF;
}

body div.wpcf7-mail-sent-ng {
	color:#FF0000;
	border:2px solid #FF9999;
	background:#FFDDDD;
}

body span.wpcf7-not-valid-tip {
	position:absolute;
	top:6px;
	left:20px;
	z-index:100;
	background:#FFDDDD;
	border:1px solid #FF9999;
	font-size:13px;
	width:280px;
	padding:2px 4px;
}

body span.wpcf7-list-item {
	display:block;
	margin:5px 0 5px 2px;
}

/*
free book form (over-write default CSS)
===========================================================================
*/

body.book div.wpcf7 {
	margin:0 10px;
	padding-top:10px;
}

body.book #main div.wpcf7 table {
	width:500px;
	margin:0 auto 15px;
	border-collapse:collapse;
	border-top:1px solid #99BBCC;
}

body.book #main div.wpcf7 th, body.book #main div.wpcf7 td {
	padding:10px 8px;
	border-bottom:1px solid #99BBCC;
}

body.book #main div.wpcf7 th {
	width:120px;
	color:#000033;
	background:#D6F0FF;
}

/*
form (over-write default CSS)
===========================================================================
*/

body.inquiry div.wpcf7 {
	margin:0 10px;
	padding-top:10px;
}

body.inquiry div.wpcf7 label {
	display:block;
	margin:2px 0;
}

body.inquiry div.wpcf7 span.wpcf7-list-item label {
	display:inline;
}

body.inquiry #main div.wpcf7 table {
	width:99%;
	margin-bottom:15px;
	border-collapse:collapse;
	border-top:1px dotted #AAAAAA;
}

body.inquiry #main div.wpcf7 th, body.inquiry #main div.wpcf7 td {
	padding:10px 8px;
	border-bottom:1px dotted #AAAAAA;
}

body.inquiry #main div.wpcf7 th {
	width:120px;
	color:#335511;
	background:#DDFFAA;
	border-left:4px solid #BBDD88;
}

body.inquiry textarea {
	width:99%;
}

/* エラー */

.error {
	color:#FF0000;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:20px;
	padding:10px 10px;
	border:3px solid #FF9999;
	background:#FFEEEE;
}

.error ul {
	margin:0;
}

/*ページの先頭へ*/

.toPageTop {
	text-align:right;
	margin-bottom:12px;
}

.toPageTop a {
	font-size:11px;
	line-height:1;
}

/* */

#contentFoot .inquiry {
	text-align:center;
	margin-bottom:12px;
}

#contentFoot .tel {
	text-align:center;
}

/*
footer
===========================================================================
*/

#footer, .push {
	height:80px; /* .push must be the same height as .footer */
}

#footer {
	width:770px;
	margin:0 auto;
	padding:0;
}

#footer ul.footNav {
	text-align:center;
	margin-bottom:12px;
	padding-bottom:16px;
	border-bottom:2px solid #660000;
}

#footer ul.footNav li {
	display:inline;
	font-size:13px;
	padding:0 10px;
}

#footer .copyright {
	height:14px;
	text-indent:-9999px;
	background:url(/images/common/copyright.gif) center bottom no-repeat;
}
