/* TypePad Form Mailer CSS */

#mainContents img {
vertical-align: middle;
}

#mainContents a {
color: #3B649A;
text-decoration: underline;
}

#mainContents a:hover {
color: #7C9ECD;
text-decoration: none;
}


#mainContents #main p {
margin: 0;
padding: 0;
}

#mainContents #main p.btm {
width: 890px;
height:  40px;
padding-top: 5px;
background: url(images/head_img3.jpg) no-repeat center;
text-align: center;
color: #ffffff;
}

#mainContents #main a {
color: #FDD98E;
text-decoration: underline;
}

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


#mainContents ul#nav {
height: 51px;
list-style-type: none;
margin: 10px 0 30px 5px;
}

#mainContents ul#nav li {
list-style-type: none;
float: left;
}

.section_lv1 {
padding-bottom: 20px;
}

#chapter1 dl {
width: 260px;
float:  right;
margin-left: 30px;
}

#chapter1 dl dt {
text-align: center;
padding: 5px;
border-bottom: solid 1px #BCCBD2;
font-weight: bold;
font-size: 14px;
}

#chapter1 dl dd {
padding: 5px 0 3px 0;
text-indent: 30px;
background: url(images/icon_arrow.jpg) no-repeat 15px 9px;
border-bottom: solid 1px #BCCBD2;
}

.section_lv1 h3 {
margin: 0 0 20px 0;
padding: 0;
background: none;
border: none;
}

.section_lv1 p {
line-height: 1.7;
margin-bottom: 20px;
}


.section_lv1 h3#ttl_capter1 {
width: 429px;
height: 29px;
background: url(images/ttl_1.jpg) no-repeat;
text-indent: -9999px;
margin: 0 0 20px 0;
}

.section_lv1 h3#ttl_capter2 {
width: 735px;
height: 29px;
background: url(images/ttl_2.jpg) no-repeat;
text-indent: -9999px;
margin: 0 0 20px 0;
}

.section_lv1 h3#ttl_capter3 {
width: 732px;
height: 29px;
background: url(images/ttl_3.jpg) no-repeat;
text-indent: -9999px;
margin: 0 0 20px 0;
}

.section_lv1 h3#ttl_capter4 {
width: 732px;
height: 29px;
background: url(images/ttl_4.jpg) no-repeat;
text-indent: -9999px;
margin: 0 0 20px 0;
}

h3#ttl_spec {
width: 429px;
height: 50px;
background: url(images/ttl_spec.jpg) no-repeat;
text-indent: -9999px;
border: none;
margin: 30px 0 20px 0;
}





#chapter1 p {
padding-left: 5px;
}

div#mainContents #chapter2 ul {
margin: 0 0 20px 0;
}

div#mainContents #chapter2 ul li {
width: 166px;
height: 116px;
float: left;
margin: 0 15px 0 0;
list-style-type: none;
text-align: center;
background: url(images/bg_panel.jpg) no-repeat;
}

div#mainContents #chapter2 ul li img {
margin-top: 27px;
}

div#mainContents #chapter2 ul li.last {
margin: 0
}

div#mainContents #chapter2 ul li p {
margin: 22px 0 0 0;
line-height: 1.2;
color: #ffffff;
font-weight: bold;
}

div#mainContents #chapter2  #infobox {
width: 346px;
height: 154px;
background: url(images/bg_info.jpg) no-repeat;
line-height: 1.3;
}

div#mainContents #chapter2  #infobox dt {
padding: 0 17px;
margin-bottom: 2px;
font-weight: bold;
letter-spacing: -1px;
}

div#mainContents #chapter2  #infobox dd {
margin-bottom: 10px;
}

div#mainContents #chapter2  #infobox dd.last {
margin-bottom: 0;
}


div#mainContents #chapter2  #infobox dt.first {
padding: 20px 17px 0 17px;
margin: 0 0 5px 0;
font-weight: bold;
letter-spacing: -1px;
}


div#mainContents #chapter2  #infobox dd {
padding: 0 17px;
}

div#mainContents #chapter2 #right {
width: 346px;
float: right;
margin-left: 20px;
}

div#mainContents #chapter3 #faqbox {
width: 890px;
height: 193px;
background: url(images/bg_faq.jpg) no-repeat;
margin-bottom: 10px;
}

div#mainContents #chapter3 table {
width: 410px;
margin: 15px 0 0 17px;
border-collapse:collapse;
line-height: 1;
float: left;
}

* html div#mainContents #chapter3 table {
margin: 15px 0 0 10px;
}


div#mainContents #chapter3 table th {
width: 230px;
text-align: right;
padding: 3px 10px 3px 0;
font-size: 11px;
}

div#mainContents #chapter3 table th.on {
background: #8FADD4;
}


* html div#mainContents #chapter3 table th {
padding: 3px 0 3px 10px;
font-size: 10px;
}


div#mainContents #chapter3 table td {
width: 170px;
text-align: left;
padding: 5px 0;
}

div#mainContents #chapter3 table td.on {
background: #8FADD4;
}

div#mainContents #chapter3 ul {
width: 435px;
float: left;
display: inline;
} 

div#mainContents #chapter3 ul li {
width: 202px;
height: 53px;
float: left;
padding: 32px 0 0 0px;
list-style-type  : none;
}

div#mainContents #chapter3 ul li.right {
margin-left: 17px;
}

div#mainContents #chapter3 ul li.three {
height: 58px;
padding: 27px 0 0 0px;
}

div#mainContents #chapter3 ul li.btm {
margin-top: 5px;
}

* html div#mainContents #chapter3 ul li.btm {
height: 60px;
padding: 25px 0 0 0px;
}

* html div#mainContents #chapter3 ul li.btm {
margin-top: 0;
}

div#mainContents #chapter3 ul li p {
margin: 0 0 7px 0;
line-height: 14px;
}

div#mainContents #chapter3 ul li p.none {
margin: 0 0 7px 0;
line-height: 14px;
font-size: 11px;
}

.a_center {
text-align: center;
}

div#mainContents ul#buy {
width: 894px;
height: 73px;
margin: 0;
padding: 0;
background: url(images/bg_btn.jpg) no-repeat;
}

* html div#mainContents ul#buy {
padding: 7px 0 8px 0;
}


div#mainContents ul#buy li {
margin: 10px 0 0 20px;
padding: 0;
}

* html div#mainContents ul#buy li {
margin: 7px 0 0 10px;
padding: 0;
}



ul#buy  li {
float: left;
}

div#mainContents #chapter4 table {
width: 100%;

border-top: solid 1px #BCCBD2;
border-left: solid 1px #BCCBD2;
text-align: center;
margin-bottom: 20px;
}

div#mainContents #chapter4 table td {
padding: 5px 0;
border-right: solid 1px #BCCBD2;
border-bottom: solid 1px #BCCBD2;
}

div#mainContents #chapter4 table td.head1 {
width: 30%;
background: #3B649A;
color: #ffffff;
font-weight: bold;
}

div#mainContents #chapter4 table td.head2 {
width: 15%;
background: #3B649A;
color: #ffffff;
font-weight: bold;
}

div#mainContents #chapter4 table td.head3 {
width: 40%;
background: #3B649A;
color: #ffffff;
font-weight: bold;
}

#caution {
width: 870px;
border: solid 1px #D7D8E1;
padding: 7px 10px;
font-size: 11px;
line-height: 14px;
}

* html #caution {
width: 890px;
}


#caution .head {
padding-bottom: 7px;
border-bottom: solid 1px #D7D8E1;
text-align: center;
font-weight: bold;
}

div#mainContents #caution ul li {
list-style-type: none;
background: url(images/icon_cer.jpg) no-repeat 0px 6px;
padding-left: 14px;
}

#spec_area {
width:  890px;
background: url(images/bg_spec.jpg) no-repeat center top;
padding-top: 30px;
}

#spec_area table {
width: 750px;
margin: 0 0 0 70px;
border-top: solid 1px #BCCBD2;
border-left: solid 1px #BCCBD2;
}

#spec_area table td {
padding: 7px 0;
text-align: center;
border-right: solid 1px #BCCBD2;
border-bottom: solid 1px #BCCBD2;
}

#spec_area table td.head1 {
width:20%;
background: #3B649A;
color: #ffffff;
font-weight: bold;
}

#spec_area table td.head2 {
width:60%;
background: #3B649A;
color: #ffffff;
font-weight: bold;
}

#spec_area table td.head3 {
width:20%;
background: url(images/bg_tdhead.jpg);
color: #ffffff;
font-weight: bold;
}

#spec_area table td.right {
background: #ffffcc;
font-weight: bold;
}

#spec_area table td.left {
background: #EFF2F8;
font-weight: bold;
}

#spec_area table td.center {
text-align:left;
padding-left: 20px;
}

div#mainContents #spec_area ul {
padding: 0 60px 20px 40px;
}

div#mainContents #spec_area ul li {
list-style-type: none;
}

div#mainContents ul#spec_foot {
width: 750px;
height: 93px;
margin: 20px 0 0 68px;
padding: 0;
background: url(images/foot_spec.jpg) no-repeat;
}

div#mainContents ul#spec_foot li {
padding: 18px 0 0 0;
text-align: center;
margin: 0; 
}

div#mainContents ul#spec_foot li.arrow {
padding-top: 5px;
text-align: center;
}

div#mainContents ul#spec_foot li.arrow span {
background: url(images/icon_arrow2.jpg) no-repeat;
padding-left: 19px;
}



/*====================================
               CLEARFIX
=====================================*/

.group:after,
#mainContents ul#nav:after,
.section_lv1:after,
div#mainContents #chapter2 ul:after,
#chapter3:after,
div#mainContents #chapter3 ul:after
{
	content: ".";
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
}

.group,
#mainContents ul#nav,
.section_lv1,
div#mainContents #chapter2 ul,
#chapter3,
div#mainContents #chapter3 ul,
ul#buy:after
{
	display: inline-block;
}

/*\*/
* html .group,
* html #mainContents ul#navv,
* html .section_lv1,
* html div#mainContents #chapter2 ul,
* html #chapter3,
* html div#mainContents #chapter3 ul,
* html ul#buy
{
	height: 1%;
}

.group,
#mainContents ul#nav,
.section_lv1,
div#mainContents #chapter2 ul,
#chapter3,
div#mainContents #chapter3 ul,
ul#buy
{
	display: block;
}