@charset "UTF-8";

body, div, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, input, textarea,
table, th, td{  
margin:0px; 
padding:0px; 
}

ul, ol{
list-style-type: none;
}

img{
border:0px;
vertical-align:bottom;
}

table{
border-collapse:collapse;
border-spacing:0px;
width: 100%;
}

th, td {
padding: 5px 10px;
border: 1px solid #DADADA;
vertical-align: top;
}

th {
background-color: #eee;
}


/* common
------------------------------------*/

a:link { color: #D70005; }
a:visited { color: #D70005; }
a:hover { color: #FF3B37; }
a:active { color: #FF3B37; }

body{
background-color: #353535;
font-size:80%;
text-align:center;
line-height:1;
color: #221E1F;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#container {
background-color: #FFFFFF;
border-top: 6px solid #D70005;
}

#container2 {
width:974px;
margin:0px auto;
text-align: left;
background-image: url(../img/header_bg01.jpg);
background-repeat: no-repeat;
background-position: right top;
}

#container3 {
padding: 0 12px;
}

#header {
}

#header h1 {
width: 252px;
float: left;
}

#header div#StyleDivHeader01 {
width: 690px;
float: right;
}

#header div#StyleDivHeader01 p.columnLeft {
float: left;
text-align: right;
padding: 7px 0 0;
width: 320px;
font-size: 90%;
}

#header div#StyleDivHeader01 div.columnRight {
float: right;
width: 343px;
text-align: right;
}

#header div#StyleDivHeader01 div.columnRight ul li {
float: right;
}

#gNavi {
text-align: left;
}

#gNavi ul li {
display: inline;
float: left;
}

#contents {
margin: 0 0 20px;
}

#main {
width: 694px;
float: left;
}

h2 {
padding: 30px 0 40px;
}

#main h3 {
margin: 0 0 30px;
}

#main h4,
#main h5 {
margin: 0 0 20px;
}

#main h3 {
background-image: url(../img/bg_h3.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 29px;
}

#main h3 span {
display: block;
padding: 7px 0 0 17px;
font-size: 110%;
color: #FFFFFF;
}

#main h3 span span {
display: inline;
font-size: 80%;
padding: 0;
font-weight: normal;
}

#main .cassette p,
#main .cassette ul,
#main .cassette dl,
#main .cassette table {
margin: 0 0 15px;
line-height: 1.5;
}

#menu {
width: 226px;
float: right;
}

#menu ul li {
margin: 0 0 15px;
}

#menu ul li#styleLiMenu01 h3 {
margin: 0 0 10px;
}

#menu ul li p {
line-height: 1.3;
margin: 0 0 6px;
}

#footer {
width: 950px;
margin: 0 auto;
color: #FFFFFF;
font-size: 90%;
}

#footer a {
color: #FFFFFF;
}

#footer h3 {
width: 310px;
}

#footer div.columnRight {
width: 638px;
text-align: left;
padding: 11px 0 20px;
}

#footer div.columnRight ul {
padding: 0 0 9px;
}

#footer div.columnRight ul li {
float: left;
}

#footer div.columnRight ul#styleUlFooter01 li {
padding: 0 10px 0 0;
}

#footer div.columnRight ul#styleUlFooter02 li {
padding: 0 13px 0 0;
margin: 0 13px 0 0;
border-right: 1px solid #FFFFFF;
}

#footer div.columnRight ul#styleUlFooter02 li.lastLi {
border: 0;
}

#pankuzu {
padding: 0 0 20px;
}

.pageTopLink {
text-align: right;
margin: 0 18px 0 0;
}

.columnRight {
display: block;
float: right;
}

.columnLeft {
display: block;
float: left;
}

.textRed {
color: #FF0000;
}

.textBlue{
color:#347CC4;
}

#stylePBanner01 {
text-align: center;
padding: 10px 0 0;
}


p.stylePPageTopLink02 {
text-align: right;
}

p.stylePPageTopLink02 a {
background-image: url(../../img/faq_icn03.jpg);
background-position: 0 3px;
background-repeat: no-repeat;
font-size: 90%;
padding: 0 0 0 15px;
color: #353535;
}

p.stylePPageTopLink02 a:link { text-decoration: none; }
p.stylePPageTopLink02 a:visited { text-decoration: none; }
p.stylePPageTopLink02 a:hover { text-decoration: underline; }
p.stylePPageTopLink02 a:active { text-decoration: underline; }


/* indexLayout
------------------------------------*/

.indexLayout #container {
background-image: url(../img/index_bg01.jpg);
background-repeat: no-repeat;
background-position: center top;
}

.indexLayout h2,
.indexLayout #main h3 {
padding: 0;
margin: 0;
}

.indexLayout #styleDivIndex01 {
height: 404px;
}

.indexLayout #styleDivIndex01 p,
.indexLayout #styleDivIndex01 ul {
margin: 0 0 0 180px;
}

.indexLayout #styleDivIndex01 ul li {
float: left;
}

.indexLayout #styleUlIndex01 li {
margin: 0 0 16px;
}

.indexLayout .cassette ul {
border: 1px solid #D7D7D7;
padding: 17px 17px 8px;
}

.indexLayout .cassette ul li {
border-bottom: 1px dotted #BDC2C3;
background-image: url(../../img/index_icn01.gif);
background-repeat: no-repeat;
background-position: 5px 0px;
padding: 0 0 8px 40px;
margin: 0 0 8px;
}

.indexLayout .cassette ul li span.columnLeft {
width: 110px;
}

.indexLayout .cassette ul li span.columnRight {
width: 490px;
}


/* faqLayout
------------------------------------*/

.faqLayout {
}

.faqLayout #main h3 {
margin: 0;
}

.faqLayout #main #cassette01 h3 {
background: none;
height: auto;
}

.faqLayout #main #cassette01 ul {
margin: 10px 0 30px;
}

.faqLayout #main dl {
margin: -1px 0 0;
}

.faqLayout #main dl dt {
color: #6699CC;
font-size: 150%;
font-weight: bold;
background-image: url(../../img/faq_icn01.jpg);
background-repeat: no-repeat;
background-position: 0px 28px;
padding: 36px 0 10px 90px;
margin: 0 0 18px;
border-top: 1px solid #DADADA;
}

.faqLayout #main dl dd {
background-image: url(../../img/faq_icn02.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 0 0 10px 90px;
}


/* couponLayout
------------------------------------*/

.couponLayout {
}

.couponLayout #main .cassette ul {
margin: 0 15px;
}

.couponLayout #main .cassette ul li {
background-image: url(../../img/coupon_bg06.jpg);
background-position: left top;
padding: 0;
background-repeat: repeat-y;
margin: 0 0 30px;
}

.couponLayout #main .cassette ul li div {
background-image: url(../../img/coupon_bg07.jpg);
background-repeat: no-repeat;
background-position: left top;
padding: 5px 0 0;
}

.couponLayout #main .cassette ul li div div {
background-image: url(../../img/coupon_bg08.jpg);
background-repeat: no-repeat;
background-position: left bottom;
padding: 0 27px 5px 0;
}

.couponLayout #main .cassette ul li div div div {
padding: 0;
background: none;
}

.couponLayout #main .cassette ul li p.columnLeft {
text-align: center;
width: 84px;
padding: 5px 0 0;
}

.couponLayout #main .cassette ul li div.columnRight {
width: 527px;
text-align: center;
}

.couponLayout #main .cassette ul li div.columnRight h4 {
color: #DE3336;
font-size: 200%;
background-image: url(../../img/coupon_bg04.gif);
background-repeat: repeat-x;
background-position: center bottom;
padding: 10px 0;
margin: 0 0 5px;
}

.couponLayout #main .cassette ul li div.columnRight p {
margin: 0 0 5px;
}

.couponLayout #main .cassette ul li div.columnRight div.styleDivCoupon01 {
background-image: url(../../img/coupon_bg02.jpg);
background-position: left top;
background-repeat: repeat-x;
}

.couponLayout #main .cassette ul li div.columnRight div.styleDivCoupon01 div {
background-image: url(../../img/coupon_bg01.jpg);
background-repeat: no-repeat;
background-position: left top;
}

.couponLayout #main .cassette ul li div.columnRight div.styleDivCoupon01 div div {
background-image: url(../../img/coupon_bg03.jpg);
background-repeat: no-repeat;
background-position: right top;
padding: 2px 0 0;
color: #FFFFFF;
font-size: 10pt;
}

.couponLayout #main .cassette ul li div.columnRight div.styleDivCoupon02 {
font-size: 90%;
}

.couponLayout #main .cassette ul li div.columnRight div.styleDivCoupon02 p {
margin: 0 0 5px;
}


/* checkLayout
------------------------------------*/

.checkLayout {
}

.checkLayout #main .cassette {
padding: 0 14px 0 16px;
}

.checkLayout #main #cassette01 ul li {
float: left;
}

.checkLayout #main .cassette p.stylePCheck01 {
text-align: center;
margin: 0 0 60px;
}

.checkLayout #main .cassette p span {
color: #FF0000;
}

.checkLayout #main .cassette table {
font-size: 90%;
}

.checkLayout #main .cassette table th,
.checkLayout #main .cassette table td {
text-align: center;
vertical-align: middle;
padding: 10px;
}

.checkLayout #main .cassette table th.styleTdCheck01 {
width: 80px;
}

.checkLayout #main .cassette table td span {
display: block;
text-align: left;
font-size: 90%;
margin: 0 0 10px;
}

.checkLayout #main .cassette table td.textRed {
font-weight: bold;
}

.checkLayout #main .cassette table td.textLarge {
font-size: 150%;
}

.checkLayout #main #cassette01 ul {
margin: 0 0 45px;
}

.checkLayout #main #cassette02 ul {
margin: 0 0 25px;
}

.checkLayout #main #cassette02 ul li {
margin: 0 0 14px;
}

.checkLayout #main #cassette03 table tr th { background-color: #F9E7E7; }
.checkLayout #main #cassette04 table tr th { background-color: #D4EAF5; }
.checkLayout #main #cassette05 table tr th { background-color: #FEF3D8; }

.checkLayout #main #cassette03 p,
.checkLayout #main #cassette04 p,
.checkLayout #main #cassette05 p {
font-size: 110%;
}

.checkLayout #main #cassette05 ul li {
margin: 0 0 20px;
}

.checkLayout #main #cassette06 ul {
border: 1px dotted #ccc;
padding: 10px 20px;
}

.checkLayout #main #cassette06 ul li {
width: 290px;
float: left;
}


/* maintenanceLayout
------------------------------------*/

.maintenanceLayout {
}

.maintenanceLayout #main .cassette {
margin: 0 17px;
}

.maintenanceLayout #main #cassette01 h4,
.maintenanceLayout #main #cassette02 h4 {
font-weight: bold;
color: #D70005;
background-image: url(../../img/maintenance_icn01.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0 0 0 16px;
font-size: 120%;
margin: 10px 0;
}

.maintenanceLayout #main #cassette01 h5,
.maintenanceLayout #main #cassette02 h5 {
font-size: 100%;
margin: 0 0 10px;
font-weight: normal;
}

.maintenanceLayout #main #cassette02 {
padding: 0 0 20px;
}

.maintenanceLayout #main #cassette01 div,
.maintenanceLayout #main #cassette02 div {
padding: 0 0 10px;
}


/* companyLayout
------------------------------------*/
/* contactLayout
------------------------------------*/

.companyLayout {
}

.companyLayout #main h3 {
margin: 0 0 10px;
}

.contactLayout #main .cassette,
.companyLayout #main .cassette {
margin: 0 16px;
}

.contactLayout #main .cassette ul,
.companyLayout #main .cassette ul {
margin: 0 0 40px;
}

.contactLayout #main .cassette ul li,
.companyLayout #main .cassette ul li {
background-image: url(../../img/company_icn01.gif);
background-repeat: no-repeat;
background-position: 19px 21px;
padding: 20px 19px 20px 45px;
border-bottom: 1px solid #DADADA;
}

.companyLayout #main .cassette ul li span.columnLeft {
width: 100px;
}

.companyLayout #main .cassette ul li .columnRight {
width: 490px;
}

.contactLayout #main .cassette ul li span.columnLeft {
width: 150px;
}

.contactLayout #main .cassette ul li .columnRight {
width: 430px;
}

.contactLayout #main .cassette ul li.styleLiContact01 {
padding-top: 0;
padding-bottom: 0;
}

.contactLayout #main .cassette ul li.styleLiContact01 span.columnLeft {
margin: 20px 0 0;
}

.contactLayout #main .cassette ul li.styleLiContact01 ul {
margin: 0;
}

.contactLayout #main .cassette ul li.styleLiContact01 ul li {
background: none;
padding: 20px 0;
}

.contactLayout #main .cassette ul li.styleLiContact01 ul li span.columnLeft {
width: 100px;
}

.contactLayout #main .cassette ul li.styleLiContact01 ul li span.columnRight {
width: 330px;
}

.contactLayout #main .cassette ul li.styleLiContact01 div.columnRight ul li span.columnLeft {
margin: 0;
}

.contactLayout #main .cassette ul li.styleLiContact01 div.columnRight ul li.lastLi {
border: 0;
}

.contactLayout #main .cassette ul li.styleLiContact01 span.styleSpanContact01 {
background-color: #F2F2F2;
display: block;
font-size: 80%;
margin: 5px 0 0;
padding: 7px;
}

.contactLayout #main .errs ul {
border: 3px double #FF0000;
padding: 10px 0;
}
.contactLayout #main .errs ul li {
border-bottom: 0 none;
padding: 3px 20px;
background: none;
}


/* supportLayout
------------------------------------*/

.supportLayout {
}

.supportLayout #main .cassette {
margin: 0 16px;
height: auto;
overflow: hidden;
}

.supportLayout #main #cassette01 h4 {
color: #D70005;
background-image: url(../../img/support_icn01.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding: 0 0 0 17px;
font-size: 130%;
}

.supportLayout #main #cassette02 ul {
width: 690px;
background-image: url(../../img/support_bg01.jpg);
background-repeat: no-repeat;
background-position: left bottom;
padding: 0 0 10px;
}

.supportLayout #main #cassette02 ul#styleUlSupport01 {
background-image: url(../../img/support_bg02.jpg);
}

.supportLayout #main #cassette02 ul li {
width: 230px;
float: left;
}

.supportLayout #main #cassette02 ul li div {
margin: 0 29px 0 0;
}

.supportLayout #main #cassette02 ul li h5 {
margin: 0;
}

.supportLayout #main #cassette02 ul li div p {
margin: 0 17px 10px;
font-size: 90%;
}

.supportLayout #main #cassette02 ul li div p.stylePSupport01 {
font-size: 80%;
}


/* newsLayout
------------------------------------*/

.newsLayout {
}

.newsLayout #main .cassette {
padding: 0 0 10px;
}

.newsLayout #main h3 span {
padding: 7px 17px 0 17px;
}

.newsLayout #main h3 span span {
padding: 0;
}

.newsLayout #main h3 span span.columnLeft {
font-weight: bold;
font-size: 100%;
width: 510px;
}

.newsLayout #main h3 span span.columnRight {
font-size: 90%;
text-align: right;
width: 150px;
}


/* sellLayout
------------------------------------*/

.sellLayout {
}

.sellLayout #main .cassette h4 {
background-image: url("../../img/maintenance_icn01.gif");
background-position: 0 2px;
background-repeat: no-repeat;
color: #D70005;
font-size: 120%;
font-weight: bold;
margin: 10px 0;
padding: 0 0 0 16px;
}

.sellLayout #main .cassette ul#styleUlSell01 li {
margin: 0 0 20px;
}

.sellLayout #main .cassette ul#styleUlSell01 li h5.columnLeft {
width: 150px;
font-size: 110%;
}

.sellLayout #main .cassette ul#styleUlSell01 li div.columnRight {
width: 500px;
}


/* aLayout
------------------------------------*/

.aLayout {
}

.aLayout #main .cassette {
}


/* styleUlDot
------------------------------------*/

ul.styleUlDot li {
background-image: url(../img/icon_dot.gif);
background-position: 5px 8px;
padding: 0 0 0 15px;
background-repeat: no-repeat;
}


/* lightbox
------------------------------------*/

#lightbox a img,
#lightbox img {
border:0px;
vertical-align:middle;
}


/* clearfix
------------------------------------*/

.couponLayout #main .cassette ul li div div:after,
#footer div.columnRight ul:after,
#header:after,
#gNavi ul:after,
#contents:after,
#main .cassette div:after,
#main .cassette ul:after,
#main .cassette li:after,
#main .cassette p:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.couponLayout #main .cassette ul li div div,
#footer div.columnRight ul
#header,
#gNavi ul,
#contents,
#main .cassette div,
#main .cassette ul,
#main .cassette li,
#main .cassette p,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html .couponLayout #main .cassette ul li div div,
* html #footer div.columnRight ul
* html #header,
* html #gNavi ul,
* html #contents,
* html #main .cassette div,
* html #main .cassette ul,
* html #main .cassette li,
* html #main .cassette p,
* html .clearfix {
height: 1%
}

.couponLayout #main .cassette ul li div div,
#footer div.columnRight ul
#header,
#gNavi ul,
#contents,
#main .cassette div,
#main .cassette ul,
#main .cassette li,
#main .cassette p,
.clearfix {
display:block;
}
/* end MacIE5 */