@charset "UTF-8";


/* insideLayout
------------------------------------*/

#pankuzu {
margin: 10px 0 25px;
font-size: 90%;
}

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

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

#main h3.styleH301 {
border-bottom: 1px dotted #BCBCBC;
padding: 0 0 8px;
margin: 0 0 20px;
}

#main h3.styleH302 {
margin: 0 0 25px;
}

#main h3.styleH3Point {
margin: 0 0 25px;
}

.cassette {
margin: 0 0 40px;
line-height: 1.6;
}

.cassette p {
margin: 0 0 15px;
}

.textRed {
color: #FF3333;
}

.textBig {
font-weight: bold;
font-size: 140%;
}

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

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

table {
border-collapse:collapse;
border-spacing:0px;
}

table { font-size: 100%; }
*html table { font-size: 90%; }

table, th, td {
border: 1px solid #BCBCBC;
}

th, td {
line-height:1.5;
padding: 7px 20px;
vertical-align: middle;
}

th{
text-align: center;
white-space: nowrap;
}

#nextDiv {
text-align: center;
margin: 0;
}

#nextDiv p {
display: inline-block;
background-color: #eee;
background-image: url(../img/bg_04.gif);
background-position: left top;
}

#nextDiv a {
text-decoration: none;
display: inline-block;
background-color: #fff;
padding: 10px;
margin: 10px;
}

#nextDiv p span {
margin: 0 0 0 10px;
}

#menu {
width: 190px;
float: right;
line-height: 1.3;
font-size: 90%;
background-image: url(../img/menu_bg01_on.gif);
}

#menu ul {
padding: 15px 0 6px;
}

#menu ul li {
padding: 0 0 10px 14px;
}

#cassettePoint h3 {
border-bottom: 1px solid #F16964;
padding: 0 0 0 17px;
}

#cassettePoint div {
border-right: 1px solid #F16964;
border-bottom: 1px solid #F16964;
border-left: 1px solid #F16964;
padding: 15px;
}

#cassettePoint div ul li {
padding: 3px 0 3px 36px;
color: #FF3333;
background-image: url(../img/icon_02.gif);
background-repeat: no-repeat;
background-position: left center;
font-size: 130%;
font-weight: bold;
}

#cassettePoint div p {
padding: 0 0 0 40px;
margin: 0;
}


/* wholeLayout
------------------------------------*/

.wholeLayout #cassette01 .columnLeft {
width: 381px;
}

.wholeLayout #cassette01 .columnRight {
width: 323px;
}

.wholeLayout #cassette02 td {
background-color: #E9F8F9;
}

.wholeLayout #cassette02 .styleTh01,
.wholeLayout #cassette02 .styleTh02 {
width: 300px;
color: #FFFFFF;
}

.wholeLayout #cassette02 .styleTh01 {
background-color: #445CD8;
}

.wholeLayout #cassette02 .styleTh02 {
background-color: #1B38AE;
}

.wholeLayout #cassette02 .styleP01 {
text-align: center;
padding: 70px 0 0;
background-image: url(../../img/whole/01/img_02.gif);
background-repeat: no-repeat;
background-position: center 15px;
}


/* newLayout
------------------------------------*/
/* cafeLayout
------------------------------------*/
/* meritLayout
------------------------------------*/
/* customerLayout
------------------------------------*/

.newLayout #cassette01 p,
.cafeLayout #cassette01 p,
.meritLayout #cassette01 p,
.customerLayout #cassette01 p {
padding: 0 0 10px;
}

.newLayout #cassette01 ul li,
.cafeLayout #cassette01 ul li,
.meritLayout #cassette01 ul li,
.customerLayout #cassette01 ul li {
width: 350px;
padding: 0 0 35px;
}

.newLayout #cassette01 ul li.endLi,
.cafeLayout #cassette01 ul li.endLi,
.meritLayout #cassette01 ul li.endLi,
.customerLayout #cassette01 ul li.endLi {
padding: 0;
}


/* changeLayout
------------------------------------*/
.changeLayout #cassette02 ul li {
display: inline;
float: left;
}


/* changeLayout
------------------------------------*/
/* openLayout
------------------------------------*/
/* closeLayout
------------------------------------*/
/* recommendLayout
------------------------------------*/
/* typeLayout
------------------------------------*/

.changeLayout #cassette01,
.openLayout #cassette01,
.closeLayout #cassette01,
.recommendLayout #cassette01,
.typeLayout #cassette01 {
margin: 0 0 20px;
}


/* implementLayout
------------------------------------*/
/* openLayout
------------------------------------*/
/* closeLayout
------------------------------------*/
/* recommendLayout
------------------------------------*/
/* typeLayout
------------------------------------*/

.implementLayout #cassette02 ul li,
.openLayout #cassette02 ul li,
.closeLayout #cassette02 ul li, 
.recommendLayout #cassette02 ul li,
.typeLayout #cassette02 ul li {
padding: 15px;
margin: 0 0 20px;
border: 1px solid #BCBCBC;
}

.implementLayout #cassette02 ul li h4,
.openLayout #cassette02 ul li h4,
.closeLayout #cassette02 ul li h4,
.recommendLayout #cassette02 ul li h4,
.typeLayout #cassette02 ul li h4 {
border-bottom: 1px dotted #CCCCCC;
color: #1B38AE;
font-size: 130%;
margin: 0 0 15px;
padding: 2px 0 15px 50px;
background-repeat: no-repeat;
background-position: 14px 5px;
}

.implementLayout #cassette02 ul li.styleLi01 h4,
.openLayout #cassette02 ul li.styleLi01 h4,
.closeLayout #cassette02 ul li.styleLi01 h4,
.recommendLayout #cassette02 ul li.styleLi01 h4,
.typeLayout #cassette02 ul li.styleLi01 h4 {
background-image: url(../img/icon_03_01.gif);
}
.implementLayout #cassette02 ul li.styleLi02 h4,
.openLayout #cassette02 ul li.styleLi02 h4,
.closeLayout #cassette02 ul li.styleLi02 h4,
.recommendLayout #cassette02 ul li.styleLi02 h4,
.typeLayout #cassette02 ul li.styleLi02 h4 {
background-image: url(../img/icon_03_02.gif);
}
.implementLayout #cassette02 ul li.styleLi03 h4,
.openLayout #cassette02 ul li.styleLi03 h4,
.closeLayout #cassette02 ul li.styleLi03 h4,
.recommendLayout #cassette02 ul li.styleLi03 h4,
.typeLayout #cassette02 ul li.styleLi03 h4 {
background-image: url(../img/icon_03_03.gif);
}
.implementLayout #cassette02 ul li.styleLi04 h4,
.openLayout #cassette02 ul li.styleLi04 h4,
.closeLayout #cassette02 ul li.styleLi04 h4,
.recommendLayout #cassette02 ul li.styleLi04 h4,
.typeLayout #cassette02 ul li.styleLi04 h4 {
background-image: url(../img/icon_03_04.gif);
}
.implementLayout #cassette02 ul li.styleLi05 h4,
.openLayout #cassette02 ul li.styleLi05 h4,
.closeLayout #cassette02 ul li.styleLi05 h4,
.recommendLayout #cassette02 ul li.styleLi05 h4,
.typeLayout #cassette02 ul li.styleLi05 h4 {
background-image: url(../img/icon_03_05.gif);
}
.implementLayout #cassette02 ul li.styleLi06 h4,
.openLayout #cassette02 ul li.styleLi06 h4,
.closeLayout #cassette02 ul li.styleLi06 h4,
.recommendLayout #cassette02 ul li.styleLi06 h4,
.typeLayout #cassette02 ul li.styleLi06 h4 {
background-image: url(../img/icon_03_06.gif);
}

.implementLayout #cassette02 ul li div,
.openLayout #cassette02 ul li div,
.closeLayout #cassette02 ul li div,
.recommendLayout #cassette02 ul li div,
.typeLayout #cassette02 ul li div {
padding: 0 10px;
}

.implementLayout #cassette02 ul li div p,
.openLayout #cassette02 ul li div p,
.closeLayout #cassette02 ul li div p,
.recommendLayout #cassette02 ul li div p,
.typeLayout #cassette02 ul li div p {
width: 460px;
float: left;
margin: 0;
}

.implementLayout #cassette02 ul li div span,
.openLayout #cassette02 ul li div span,
.closeLayout #cassette02 ul li div span,
.recommendLayout #cassette02 ul li div span,
.typeLayout #cassette02 ul li div span {
width: 199px;
float: right;
}

.implementLayout #cassette02 ul li div p span,
.openLayout #cassette02 ul li div p span,
.closeLayout #cassette02 ul li div p span,
.recommendLayout #cassette02 ul li div p span,
.typeLayout #cassette02 ul li div p span {
width: auto;
float: none;
display: inline;
}


/* storageLayout
------------------------------------*/

.storageLayout #cassette02 ul li {
}


/* introLayout
------------------------------------*/

#cassetteVoice ul li,
.introLayout #cassette01 ul li,
.introLayout #cassette02 ul li {
border: 1px solid #BCBCBC;
padding: 15px;
}

.introLayout #cassette01 ul li,
.introLayout #cassette02 ul li {
margin: 0 0 20px;
}

.introLayout #cassette01 ul li h3#cafe {
margin: 60px 0 20px;
}

#cassetteVoice ul li h4,
.introLayout #cassette01 ul li h4,
.introLayout #cassette02 ul li h4 {
border-bottom: 1px dotted #CCCCCC;
padding: 0 0 10px;
margin: 0 0 15px;
font-size: 130%;
color: #1B38AE;
}

#cassetteVoice ul li h4 span,
.introLayout #cassette01 ul li h4 span,
.introLayout #cassette02 ul li h4 span {
color: #333333;
font-weight: normal;
font-size: 70%;
display: block;
}

#cassetteVoice ul li .styleDiv01 .columnLeft,
.introLayout #cassette01 ul li .styleDiv01 .columnLeft,
.introLayout #cassette02 ul li .styleDiv01 .columnLeft {
width: 288px;
font-size: 80%;
}

#cassetteVoice ul li .styleDiv01 .columnLeft img,
.introLayout #cassette01 ul li .styleDiv01 .columnLeft img,
.introLayout #cassette02 ul li .styleDiv01 .columnLeft img {
margin: 0 0 5px;
}

#cassetteVoice ul li .styleDiv01 .columnRight,
.introLayout #cassette01 ul li .styleDiv01 .columnRight,
.introLayout #cassette02 ul li .styleDiv01 .columnRight {
width: 390px;
}

#cassetteVoice ul  li#introCase05 .styleDiv01 .columnRight,
.introLayout #cassette01 ul li#introCase05 .styleDiv01 .columnRight,
.introLayout #cassette01 ul li#introCase07 .styleDiv01 .columnRight,
.introLayout #cassette02 ul li#introCase09 .styleDiv01 .columnRight,
.introLayout #cassette02 ul li#introCase10 .styleDiv01 .columnRight,
.introLayout #cassette02 ul li#introCase11 .styleDiv01 .columnRight,
.introLayout #cassette02 ul li#introCase12 .styleDiv01 .columnRight {
width: auto;
}

#cassetteVoice ul li .styleDiv01 .columnRight h5,
.introLayout #cassette01 ul li .styleDiv01 .columnRight h5,
.introLayout #cassette02 ul li .styleDiv01 .columnRight h5 {
border-bottom: 1px solid #F16964;
padding: 0 0 0 10px;
}

#cassetteVoice ul li .styleDiv01 .columnRight ul,
.introLayout #cassette01 ul li .styleDiv01 .columnRight ul,
.introLayout #cassette02 ul li .styleDiv01 .columnRight ul {
border-right: 1px solid #F16964;
border-bottom: 1px solid #F16964;
border-left: 1px solid #F16964;
padding: 10px;
}

#cassetteVoice ul li .styleDiv01 .columnRight ul li,
.introLayout #cassette01 ul li .styleDiv01 .columnRight ul li,
.introLayout #cassette02 ul li .styleDiv01 .columnRight ul li {
background-repeat: no-repeat;
background-position: left center;
color: #FF3333;
padding: 0 0 0 25px;
font-weight: bold;
border: 0;
margin: 0;
}

#cassetteVoice ul li .styleDiv01 .columnRight ul li.styleLi01,
.introLayout #cassette01 ul li .styleDiv01 .columnRight ul li.styleLi01,
.introLayout #cassette02 ul li .styleDiv01 .columnRight ul li.styleLi01 { background-image: url(../../img/intro/icon_01.gif); }
#cassetteVoice ul li .styleDiv01 .columnRight ul li.styleLi02,
.introLayout #cassette01 ul li .styleDiv01 .columnRight ul li.styleLi02,
.introLayout #cassette02 ul li .styleDiv01 .columnRight ul li.styleLi02 { background-image: url(../../img/intro/icon_02.gif); }
#cassetteVoice ul li .styleDiv01 .columnRight ul li.styleLi03,
.introLayout #cassette01 ul li .styleDiv01 .columnRight ul li.styleLi03,
.introLayout #cassette02 ul li .styleDiv01 .columnRight ul li.styleLi03 { background-image: url(../../img/intro/icon_03.gif); }

.introLayout #nextDiv {
margin: 40px 0 0;
}


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

.contactLayout #cassette01 {
margin: 0 0 10px;
}

.contactLayout .errs {
border: 3px double #FF0000;
color: #FF0000;
padding: 10px 15px;
margin: 0 0 20px;
}

.contactLayout #cassette02 {
background-image: url(../../img/contact/bg_01.gif);
background-repeat: repeat-y;
background-position: left;
border:  1px solid #BCBCBC;
}

.contactLayout #cassette02 ul li {
border-bottom: 1px dotted #BCBCBC;
padding: 15px;
}

.contactLayout #cassette02 ul li span.columnLeft {
width: 170px;
}

.contactLayout #cassette02 ul li span.columnRight {
width: 495px;
}
.contactLayout #cassette02 ul li span.columnRight input.styleInput01 {
width: 100px;
}
.contactLayout #cassette02 ul li span.columnRight input.styleInput02 {
width: 300px;
}
.contactLayout #cassette02 ul li span.columnRight input.styleInput03 {
width: 400px;
}

.contactLayout #cassette02 p {
text-align: center;
background-color:#FFFFFF;
margin: 0;
padding: 20px 0;
}

.contactLayout #cassette02 p input {
padding: 2px 20px;
}


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

#main div:after,
#main h4:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

#main div,
#main h4,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html #main div,
* html #main h4,
* html .clearfix {
height: 1%
}

#main div,
#main h4,
.clearfix {
display:block;
}
/* end MacIE5 */