@charset "utf-8";

body {
	color: #000;
	background-color: #fff;
	background-image: url(../img/header2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 0.9em;
	text-align: center;
}
#container {
	margin: 0 auto;
	width: 780px;
	text-align: left;
}
#header {
	color: #2b2b2b;
	background-color: transparent;
	margin: 30px 0 10px 0;
	padding: 0;
	height: 258px;
}
#topnavi {
	margin: 0;
	padding: 0;
	width: 390px;
	position: absolute;
	top: 10px;
	left: 50%;
	font-size: 0.8em;
	text-align: right;
}
#topnavi li {
	color: #2b2b2b;
	background-color: transparent;
	margin: 0;
	border-style: solid;
	border-width: 0 1px 0 0;
	border-color: #2b2b2b;
	padding: 0 0.7em 0 0.5em;
	display: inline;
	text-align: right;
}
h1 {
	margin: 0;
	position: absolute;
	top: 0;
}
h1 a {
	background-image: url(../img/h1.jpg);
	background-repeat: no-repeat;
	padding-top: 31px;
	width: 160px;
	height: 0;
	display: block;
	overflow: hidden;
	_font-size: 0;
}
#sidenavi * {
	margin: 0;
	padding: 0;
}
#sidebar li {
	list-style-type: none;
}
#topicpath {
	margin: -30px 0 0 0;
	padding: 0px 0 10px 0;
	text-align: right;
}
#topicpath li {
	background-image: url("../img/tp.gif");
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 6px;
	padding-left: 12px;
	display: inline;
}
a {
	text-decoration: none;
}
a:link {
	color: #009496;
	background-color: transparent;
}
a:visited {
	color: #004a96;
	background-color: transparent;
}
a:hover {
	color: #c2dd04;
	background-color: transparent;
}
a:active {
	color: #56d0c9;
	background-color: transparent;
}
img {
	border-style: none;
}
h2.aboutpage {
	background-image: url(../img/h2_01.jpg);
}
h2.howtopage {
	background-image: url(../img/h2_02.jpg);
}
h2.applipage {
	background-image: url(../img/h2_03.jpg);
}
#mainContent #topics{
	margin: 2px;
	padding: 1em;
	height: 140px;
	overflow: auto;
}
.inline li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#mainContent .inline{
	margin: 0;
	padding: 0;
}
#mainContent ul, #mainContent ol {
	margin-left: 1em;
	padding-left: 2em;
}
.btnlink {
	margin: 1em;
	padding-top: 0.5em;
	width: 100%;
	text-align: center;
}
ul.btnlink li {
	float: left;
}
ul.btnlink li a {
	margin-right: 10px;
}
ul.btnlink {
	position: relative;
	left: 50px;
	text-align: center;
}
.btnlink a {
	color: #2b2b2b;
	background-image: url(../img/btnlink22.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 2em;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 0 16px 0;
	width: 220px;
	height: 14px;
	display: block;
	font-size: 14px;
	text-align: center;
}
.btnlink a:hover {
	background-image: url(../img/btnlink22.jpg);
	background-position: right top;
}
#mainContent {
	margin-left: 210px;
	_margin-left: 207px;
}
#mainContent h2 {
	color: #2b2b2b;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 0 1.5em 0;
	padding: 20px 0 0 60px;
	height: 40px;
	font-size: 14px;
	letter-spacing: 14px;
	_padding: 20px 0 19px 60px;
}
h2.mainpage {
	background-image: url(../img/h2_00.jpg);
}
#mainContent p {
	text-indent: 0.8em;
	line-height: 1.8em;
}
#headbnr {
	margin: 0;
	padding-left: 130px;
	width: 248px;
	height: 87px;
	position: absolute;
	left: 50%;
	top: 170px;
}
#headbnr a {
	background-image: url(../img/head_bnr.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 87px;
	width: 248px;
	height: 0;
	display: block;
	overflow: hidden;
	_font-size: 0;
}
#headbnr a:hover {
	background-position: right top;
}
#sidebar  {
	float: left;
	width: 200px;
}
#sidenavi ul {
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#sidenavi .item10 {
	background-image: url(../img/side_ul_howto.gif);
}
#sidenavi .item00 {
	background-image: url(../img/side_ul_about.gif);
}
#sidenavi .item20 {
	background-image: url(../img/side_ul_appli.gif);
}
#sidenavi .item15 a  {
	background-image: url(../img/side_li15.jpg);
}
#sidenavi .item16 a  {
	background-image: url(../img/side_li16.jpg);
}
#sidenavi .item21 a  {
	background-image: url(../img/side_li21.jpg);
}
#sidenavi .item22 a  {
	background-image: url(../img/side_li22.jpg);
}
#sidenavi a:hover {
	background-position: right top;
}
#sidebar h2 {
	display: none;
}
#sidenavi h3 {
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 36px;
	width: 200px;
	height: 0;
	overflow: hidden;
	_font-size: 0;
}
#sidenavi #about {
	background-image: url(../img/side_about.jpg);
}
#sidenavi #howto {
	background-image: url(../img/side_howto.jpg);
}
#sidenavi #appli {
	background-image: url(../img/side_appli.jpg);
}
#sidenavi .item01 a  {
	background-image: url(../img/side_li01.jpg);
}
#sidenavi .item02 a  {
	background-image: url(../img/side_li02.jpg);
}
#sidenavi .item03 a  {
	background-image: url(../img/side_li03.jpg);
}
#sidenavi .item04 a  {
	background-image: url(../img/side_li04.jpg);
}
#sidenavi .item11 a  {
	background-image: url(../img/side_li11.jpg);
}
#sidenavi .item12 a  {
	background-image: url(../img/side_li12.jpg);
}
#sidenavi .item13 a  {
	background-image: url(../img/side_li13.jpg);
}
#sidenavi .item14 a  {
	background-image: url(../img/side_li14.jpg);
}
#sidenavi li {
	margin: 0;
	padding: 0;
	_line-height: 0;
}
#sidenavi li a {
	color: #2b2b2b;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 36px;
	width: 200px;
	height: 0;
	display: block;
	overflow: hidden;
	_font-size: 0;
	_line-height: 1;
}
#sideadrs {
	color: #FFF;
	background-color: transparent;
	background-image: url(../img/sideadrs.gif);
	margin: 10px 0 0;
	border-color: #9da8a8;
	border-width: 1px 0;
	border-style: solid;
	padding: 10px;
	font-size: 0.9em;
	line-height: 1em;
}
#sideadrs li {
	margin: 0 0 0.5em;
}
#sideadrs .title {
	color: #222;
	background-image: url(../img/sideadrs_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 35px 0 0;
	height: 0;
	position: relative;
	right: 10px;
	overflow: hidden;
	_font-size: 0;
}
#footer {
	color: #2b2b2b;
	background-color: #c8cfcf;
	background-image: url(../img/footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 50px;
	padding-top: 10px;
}
address {
	margin: 1em 0em 1.5em 20px;
	border-color: #97b11a;
	border-width: 0 0 0 8px;
	border-style: solid;
	padding-left: 10px;
	font-style: normal;
	font-size: 0.8em;
}
address .title {
	font-weight: bold;
}
.linklist {
	margin: 0 0%;
	border-color: #2b2b2b;
	border-width: 1px 0 0 0;
	border-style: dashed;
	padding: 1em 5% 2em;
	text-align: center;
}
.linklist li {
	border-color: #2b2b2b;
	border-width: 0 1px;
	border-style: solid;
	margin: 0em -5px 0 -1px;
	padding: 0 0.5em;
	list-style-type: none;
	font-size: 0.7em;
	display: inline-block;
	display: -moz-inline-box;	/* FireFox2以前 */
	/display: inline;	/* IE */
	/zoom: 1;	/* IE */
	/margin-right: 0;
}
.section {
	color: #2b2b2b;
	background-color: #FFF;
	background-image: url(../img/section.gif);
	background-repeat: repeat-y;
	margin-top: 1.5em;
	margin-bottom: 2em;
	width: 100%;
}
.section h3 {
	color: #2b2b2b;
	background-color: #FFF;
	background-image: url(../img/sec_h3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 6px 15px 0 30px;
	width: 570px;
	height: 24px;
	font-size: 14px;
}
#mainContent .section .secfoot {
	background-image: url(../img/sec_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0;
	padding: 1em 1.5em;
	text-align: right;
	clear: right;
}
#mainContent .section dl dd {
	margin-bottom: 1em;
}
#mainContent .section #topics dd {
	margin-bottom: 0;
	line-height: 1.5em;
}
#mainContent .section dl dt {
	font-weight: bold;
}
#mainContent .section .taidan dt {
	width: 40px;
	float: left;
	text-align: center;
}
#mainContent .section .taidan dd {
	margin-left: 50px;
}
#mainContent p, #mainContent ul, #mainContent ol, #mainContent dl {
	margin: 1em;
}
#mainContent dd {
	margin: 0 0 0 2em;
	line-height: 1.8em;
} 
.section li {
	margin-bottom: 0.5em;
}
.section dd li {
	margin-bottom: 0;
}
.section ul li {
	list-style-type: circle;
}
#container #mainContent .inline2 {
	margin: 1em 0;
	padding: 0;
	text-align: center;
	line-height: 1;
}
.subsection {
	margin-right: auto;
	margin-left: auto;
	margin-bottom;
	padding: 0;
	border: 1px solid #c8cfcf;
	width: 550px;
}
.subsection ul , .subsection li {
	margin: 0;
	padding: 0;
}
#mainContent .inline2 li {
	margin: 0 0 0.5em 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
.taidan em {
	color: #990000;
	background-color: transparent;
	font-style: normal;
}
.taidan {
	background-repeat: no-repeat;
	background-position: right bottom;
}
.taidan.sec01 {
	background-image: url(../img/tidn01.png);
}
.taidan.sec03 {
	background-image: url(../img/tidn03.png);
}
.taidan.sec05 {
	background-image: url(../img/tidn04.png);
}
.taidan.sec06 {
	background-image: url(../img/tidn05.png);
}
.sec01 .indent_r{
	padding-right: 187px;
}
.sec03 .indent_r{
	padding-right: 159px;
}
.sec05 .indent_r {
	padding-right: 187px;
}
.sec06 .indent_r {
	padding-right: 163px;
}
.kthr01 {
	background-image: url(../img/kthr01.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 200px;
}
.kthr02 {
	background-image: url(../img/kthr02.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 200px;
}
.kthr03 {
	background-image: url(../img/kthr03.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 200px;
}
.kthr04 {
	background-image: url(../img/kthr04.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 200px;
}
.guest {
	color: #2b2b2b;
	background-color: #69F;
}
.wata {
	color: #2b2b2b;
	background-color: #F90;
}
#syacho {
	color: #2b2b2b;
	background-color: transparent;
	background-image: url(../img/syacho.jpg);
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 120px;
}
.profile {
	padding-left: 165px;
}
.profile2 {
	padding-left: 5px;
}
.profile dt , .profile2 dt {
	background-color: #ddd;
	background-image: url("../img/prodt.gif");
	background-repeat: repeat-y;
	background-position: right top;
	padding: 1px 1em 1px 0.5em;
	float: left;
	font-weight: normal;
}
.profile dd , .profile2 dt {
	padding-left: 0.5em;
}
.interview {
	min-height: 1px;
	zoom: 1;
}
.interview:after{
	margin-top: -1px;
	height: 1px;
	line-height: 1px;
	display: block;
	clear: both;
	visibility: hidden;
	content: ".";
}
.interview em , em {
	color: #f60;
	background-color: transparent;
	font-style: normal;
}
.floleft {
	float: left;
	text-align: center;
}
.floright {
	float: right;
}
.small {
	font-size: 0.8em;
}
.example {
	color: #900;
	background-color: transparent;
	font-size: 0.8em;
}
body form .input_r {
	border-width: 0;
	border-style: none;
	width: auto;
}
#mainContent .section form .inline{
	margin-left: 2em;
}
form input , textarea , select{
	border: 1px solid #c8cfcf;
}
textarea {
	width: 80%;
	height: 6em;
}
.input_btn {
	color: #2b2b2b;
	background-color: #FFF;
	background-image: url(../img/btnlink_h.gif);
	margin:1em 0 0 1em;
	border: 3px double #2b2b2b;
	padding: 0.3em 0.5em;
	width: auto;
}
.input_tm {
	width: 40%;
}
.input_ts {
	width: 20%;
}
.input_tl {
	width: 60%;
}
.input_tll {
	width: 80%;
}
.input_tss {
	width: 10%;
}
table {
	margin: 1em auto;
	border: 2px solid #c8cfcf;
	width: 500px;
	_margin: 1em 30px;
}
table .cap {
	background-color: #c8cfcf;
	width: 50%;
}
h4 {
	background-image: url(../img/h4.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin: 2em 1em 1em;
	border-color: #2b2b2b;
	border-width: 0 0 1px 0;
	border-style: solid;
	padding-left: 1em;
	font-size: 1em;
}
.result {
	color: #900;
	font-weight: bold;
	font-size: 120%;
}
.result .supplement {
	font-size: 65%;
}
.supplement {
	color: #2b2b2b;
	font-size: 80%;
	font-weight: normal;
}
table td {
	border: 1px solid #c8cfcf;
	padding: 0.2em 0.5em;
	_font-size: 90%;
}
td.supplement {
	color: #900;
	text-align: center;
}
#plancompare td {
	padding: 10px 0;
	width: auto;
	font-size: 95%;
	text-align: center;
	line-height: 1.2;
}
#plancompare .cap{
	width: 9em;
}
.lower {
	background-color: #e3e7e7;
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	margin-right: 8px;
	float: left;
}
th {
	background-image: url(../img/th.gif);
	background-repeat: repeat-x;
	background-position: left center;
	padding: 0.2em 0;
}
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}
abbr {
	border-width: 0;
	cursor: help;
}
#mailfrom_hidden_object {
	display: none;
}
form dd .inline{
	margin: 0;
	padding: 0;
	position: relative;
	right: 2em;
}
#twex , #confirmWindow , #confirmBody {
	display: none;
}
th {
	text-align: center;
}
h4 {
	clear: right;
}

/* plans */

.plans {
	background-color: #eee;
	margin: 0 5px 10px 5px;
	width: 170px;
	float: left;
}
html #mainContent .plans h4 ,
html #mainContent .plans li ,
html #mainContent .plans dl ,
html #mainContent .plans dt ,
html #mainContent .plans dd {
	margin: 0;
	padding: 0;
}
html #mainContent .plans ul {
	margin: 0 0 0 10px;
	padding: 0;
}
html #mainContent .plans h4 {
	background-image: none;
	border: 0;
	padding: 5px 0;
	text-align: center;
}
.plans h5 {
	margin: 5px 5px 0 5px;
	border-color: #444;
	border-width: 0 0 1px 0;
	border-style: solid;
	padding: 0;
	text-align: center;
	letter-spacing: 1em;
}
html #mainContent .plans ul {
	padding: 10px 0 5px 0;
}
html #mainContent .plans li {
	background-image: url("../img/plans_li.gif");
	background-repeat: no-repeat;
	background-position: 0 7px;
	margin: 0;
	padding: 0px 0 10px 8px;
	font-size: 90%;
	list-style-type: none;
	line-height: 1.4;
}
html #mainContent .section .plans li.silver {
	margin-top: -5px;
	padding: 5px 0px;
}
html #mainContent .plans li.plus {
	background-image: none;
}
html #mainContent .plans li.silver , html #mainContent .plans li.plus {
	margin: 0 5px 0 -5px;
	padding: 0;
	text-align: center;
}
html #mainContent .plans li.plus {
	color: #fff;
	background-image: url("../img/plus.gif");
	background-repeat: no-repeat;
	background-position: center center;
	padding: 10px 0;
	font-size: 110%;
	font-weight: bold;
}
html #mainContent .plans .plan_result {
	margin-top: 10px;
	text-align: center;
}
html #mainContent .plans .plan_result dt {
	padding: 5px 0;
}
html #mainContent .plans .plan_result dd {
	color: #800;
	background-color: #fff;
	margin: 5px 2px;
	border-color: #eee;
	border-width: 6px;
	border-style: double;
	padding: 10px 0;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2;
}
.plans .plan_result dd .supplement {
	font-size: 70%;
}
html #mainContent .plans .higher {
	margin: 0 5px;
}
html #mainContent .plans .higher dt {
	background-color: #fa4;
	padding-left: 0.5em;
}
html #mainContent .plans .higher dd {
	background-color: #ff8;
	padding-right: 5px;
}
#plan_s {
	margin-left: 20px;
	_margin-left: 10px;
}

/* plans */

html #mainContent .section .silver , html #mainContent #plan_s h4 , #plan_s .plan_result dt {
	background-color: #bbb;
	background-image: url("../img/silver.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}
td.gold , html #mainContent #plan_g h4 , #plan_g .plan_result dt {
	background-color: #db4;
	background-image: url("../img/gold.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}
td.platinum , html #mainContent #plan_p h4 , #plan_p .plan_result dt {
	background-color: #fff;
	background-image: url("../img/platinum2.gif");
	background-repeat: repeat-x;
	background-position: left top;
}
thead td {
	font-weight: bold;
}
.pickup {
	border: #808080 1px solid;
	padding: 5px 0;
	font-weight: bold;
	text-align: center;
	clear: left;
}
.pickup em {
	color: #800;
	font-style: normal;
}
#qanda dt , #qanda dd {
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 6px;
	padding: 4px 0 0 30px;
}
#qanda dt {
	background-image: url("../img/question.gif");
}
#qanda dd {
	background-image: url("../img/answer.gif");
}
.imgtiling {
	padding: 30px 0 20px 0;
	text-align: center;
}
#owners {
	min-height: 1px;
	zoom: 1;
}
#owners:after {
	margin-top: -1px;
	height: 1px;
	line-height: 1px;
	display: block;
	clear: both;
	visibility: hidden;
	content: ".";
}
#owners li {
	float: left;
	margin-right: 10px;
	padding: 0;
	list-style-type: none;
}
#owners a {
	background-image: url("../img/owners.jpg");
	padding-top: 120px;
	width: 240px;
	height: 0;
	display: block;
	overflow: hidden;
	_font-size: 0;
	_color: #fff;
}
#owners .item01 a { background-position: 0 -480px; }
#owners .item02 a { background-position: -480px -360px; }
#owners .item03 a { background-position: 0 -360px; }
#owners .item04 a { background-position: -480px -240px; }
#owners .item05 a { background-position: 0 -240px; }
#owners .item06 a { background-position: -480px -120px; }
#owners .item07 a { background-position: 0 -120px; }
#owners .item08 a { background-position: -480px 0; }
#owners .item09 a { background-position: 0 0; }
#owners .item10 a { background-position: -480px -480px; }
#owners .item11 a { background-position: 0px -600px; }
#owners .item01 a:hover { background-position: -240px -480px; }
#owners .item02 a:hover { background-position: -720px -360px; }
#owners .item03 a:hover { background-position: -240px -360px; }
#owners .item04 a:hover { background-position: -720px -240px; }
#owners .item05 a:hover { background-position: -240px -240px; }
#owners .item06 a:hover { background-position: -720px -120px; }
#owners .item07 a:hover { background-position: -240px -120px; }
#owners .item08 a:hover { background-position: -720px 0; }
#owners .item09 a:hover { background-position: -240px 0; }
#owners .item10 a:hover { background-position: -720px -480px; }
#owners .item11 a:hover { background-position: -240px -600px; }