@charset "UTF-8";

/********************************** reset.css **********************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, font, img, strong, sub, sup, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
/*outline:0;*/
font-size:100%;
vertical-align:baseline;
background:transparent;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img { border:0; }
address, caption, em, strong, th {
font-style:normal;
font-weight:normal;
}
ol, ul { list-style:none; }
caption, th { text-align:left; }
select option { padding:0 5px; }
form label { cursor:pointer; }
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
object, embed { vertical-align:top; }
img{vertical-align: bottom}

/********************************** common.css **********************************/
html {
overflow-y: scroll;
}
body {
width: 100%;
font-size: 62.5%;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
color: #333;
background: url(../common/img/bg.jpg) top left repeat-x;
}
#page {
}
#header {
position: relative;
width: 960px;
height: 155px;
margin: 0 auto;
}
#logo {
position: absolute;
top: 0;
left: 0;
}
#pDesc {
position: absolute;
top: 28px;
left: 503px;
}
#mark {
position: absolute;
top: 23px;
right: 0;
}
#header .nav {
position: absolute;
top: 115px;
left: 0;
}
#header .nav li {
float: left;
}
#main {
position: relative;
width: 960px;
margin: 0 auto;
padding-top: 21px;
}
#pageTitle {
margin: 0 0 15px 27px;
}
#mainuc {
position: static;
text-align:center;
width: 342px;
margin: 100px auto 0 auto;
padding-top: 21px;
}
#pageTitle {
margin: 0 0 15px 27px;
}

.product #main {padding-top: 23px;}
.product #pageTitle {margin: 0 0 14px 26px;}
#faq #pageTitle {margin: 0 0 15px 25px;}

#footer {
position: relative;
width: 960px;
height: 35px;
margin: 0 auto;
}
#cLogo {
position: absolute;
top: 11px;
left: 5px;
}
#footer p.small {
position: absolute;
top: 11px;
right: 15px;
}


/********************************** style.css **********************************/
/* top page */
body#top {
background: #FFFFFF;
}
#top #header {
width: 1024px;
}
#top #header .nav {
left: 32px;
}
#top #logo {
left: 32px;
}
#top #pDesc {
left: 535px;
}
#top #mark {
right: 32px;
}
#top #main {
width: 100%;
min-width: 1024px;
height: 450px;
padding: 0;
}
#top #mainuc {
width: 100%;
min-width: 1024px;
height: 320px;
padding: 0;
}
#top #footer {
position: relative;
width: 1024px;
margin: 0 auto;
}
#top #cLogo {
left: 37px;
}
#top #footer p.small {
right: 47px;
}


#no_flash {
width: 100%;
text-align: center;
background: url(../img/bg_flash.jpg) repeat-x center top;
}
#flashcontent {
clear: both;
overflow: hidden;
height: 350px;
}

#contentsWrap {
width: 960px;
background: url(../common/img/bg_cwrap.png) top left repeat-y;
}
#contentsInner {
background: url(../common/img/bg_cinner.png) bottom left no-repeat;
}
#contents {
overflow: hidden;
padding: 27px 25px 45px 25px;
background: url(../common/img/bg_content.jpg) top left no-repeat;
zoom: 1;
}

#contents .topicPath {
float: right;
margin-bottom: 10px;
font-size: 1.2em;
}
#contents .nav a {
color: #069;
}

/* about */
#outline {
overflow: hidden;
zoom: 1;
font-size: 1.2em;
}
#outline.about {
margin-top: 20px;
}
#outline dt {
float: left;
width: 86px;
margin-right: 10px;
}
#outline dd {
width: 810px;
float: left;
}
#outline dd p {
line-height: 1.6;
margin: 10px 0;
}
#outline dd em {
color: #069;
font-size: 1.167em;
font-weight: bold;
}
#outline dd em span {
font-size: .715em;
font-weight: normal;
}

#totop {
clear: both;
position: absolute;
bottom: 21px;
right: 24px;
}

/* faq */
#contents #faqsec {
clear: right;
overflow: hidden
;zoom: 1;
}
#contents .header {
position: relative;
clear: both;
height: 180px;
margin-bottom: 20px;
}
#faq #contents .header {
background: url(../img/bg_header_faq.jpg) 0 0 no-repeat;
}
#faq #contents .header h2 {
position: absolute;
top: 28px;
left: 100px;
}
#faq #contents .header p {
position: absolute;
top: 103px;
left: 100px;
}
#contents #mainContents {
float: left;
width: 650px;
}
#contents .faqnav {
overflow: hidden;
zoom: 1;
}
#contents .faqnav li {
float: left;
margin-right: 10px;
}
#contents .faqnav li#faqEffect {
margin-right: 9px;
}
#contents .faqnav li#faqOthers {
margin-right: 0;
}
#contents dl.faq {
padding: 44px 20px 0;
font-size: 1.2em;
line-height: 1.6;
background: url(../img/bg_faq.jpg) 0 0 no-repeat;
}
#contents dl.faq dt {
background: url(../img/bg_faqwrap.png) 0 0 repeat-y;
}
#contents dl.faq dt span {
display: block;
}
#contents dl.faq dt .faqWrap {
background: url(../img/bg_faqinner.png) 0 100% no-repeat;
}
#contents dl.faq dt .faqInner {
background: url(../img/bg_faqcontent.png) 0 0 no-repeat;
}
#contents dl.faq dt .faqContents {
padding: 20px 0 20px 60px; 
background: url(../img/bg_question.png) 10px 11px no-repeat;
}
#contents dl.faq dd {
padding: 20px 0 43px 60px; 
background: url(../img/bg_answer.png) 10px 22px no-repeat;
}
#contents dl.faq dd em {
color: #f00;
}
#contents .aside {
float: right;
width: 240px;
}
#contents .aside .section {
background-color: #ededed;
padding: 25px 10px 10px 10px;
}
#contents .aside h2 {
margin: 0 0 13px;
}
#contents .aside p {
margin: 0 0 23px;
font-size: 1.2em;
line-height: 1.6;
}
#contents .aside .picture {
margin: 0;
}
#contents .aside #rec {
margin: 18px 0 31px;
}

/* product */
#products {
clear: right;
background: url(../img/bg_products.jpg) 100% 0 no-repeat;
zoom: 1;
}

.product h2 {
clear: both;
margin-bottom: 20px;
color: #742E37;
font-size: 3.3em;
}
.product p.text {
color: #4C4C4E;
font-size: 1.6em;
margin-bottom: 20px;
}
#products p.small {
width: 500px;
margin-left: 8px;
color: #333333;
font-size: 1.2em;
line-height: 1.6;
}

.product #outline {
margin: 40px 0 50px;	
}
.product #outline dd p {
margin: 3px 0;
}

.product dl {

}
.product dt {

}
.product dd {
margin-bottom: 50px;
}

.product dd#tokuchou {position: relative;margin-bottom: 90px;}
.product dd#kounou {margin-bottom: 50px;}
.product dd#youhou {margin-bottom: 65px;}
.product dd#seibun {margin-bottom: 0px;}

.product #tokuchouList {
width: 378px;
height: 70px;
margin: 5px 0 12px;
background: url(../img/txt_tokuchou.png) 0 0 no-repeat;
}
.product #tokuchouList li {
display: none;
}
.product #tokuchou table {
width: 320px;
margin-bottom: 11px;
border: solid 1px #bfbfbf;
}
.product #tokuchou table th {
background-color: #ededed;
border: solid 1px #bfbfbf;
padding: 6px 0 4px;
text-align: center;
}
.product #tokuchou table th.name {width: 240px;}
.product #tokuchou table th.net {width: 79px;}
.product #tokuchou table th.price {width: 169px;}
.product #tokuchou table td {
border: solid 1px #bfbfbf;
padding: 6px 0 4px;
text-align: center;
}
.product #packageImg {
position: absolute;
top: 90px;
left: 380px;
}
.product #packageImg li {
float: left;
margin-right: 26px;
}
.product #tokuchou .pdf {
width: 320px;
margin-bottom: 0;
}
.product #tokuchou .pdf a {
padding: 2px 0 4px 26px;
color: #069;
background: url(../img/bg_pdf.jpg) 0 0 no-repeat;
}
#youhou h4 {
margin-top: 20px;
}
#youhou ul {
margin-left: 15px;
list-style-type: disc;
}
#youhou ul li {
margin: 3px 0;
}

#seibun h3 {
margin: 11px 0 5px;
}
#seibun table {
width: 800px;
border: solid 1px #999;
margin-top: 4px;
}
#seibun td {
border: solid 1px #cdcdcd;
padding: 6px 0;
text-align: center;
}
#seibun p {
margin-left: 2px;
}






#attention {
width: 910px;
margin-bottom: 40px;
font-size: 1.2em;
background-color: #ededed;
}
#attention h3 {
padding: 12px 0 12px 20px;
}
#attention ul {
list-style-type: decimal;
margin-left: 40px;
padding-bottom: 14px;
}
#attention ul li {
margin: 3px 0;
}
#attention ul ul {
list-style-type: none;
margin-left: 0;
padding-bottom: 0;
}
#attention li li {

}