@charset "UTF-8";


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

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

#content-second {
background: none;
}


/* trailerLayout共通
------------------------------------*/


.trailerLayout #Second-Contents {
font-size: 80%;
line-height: 1.5;
}

.trailerLayout #Second-Contents h3 {
margin: 0;
}

.trailerLayout #Side-Navi #styleUl01 {
background-color: #F5F5EE;
background-image: url(../trailer/img/menu_bg01.jpg);
background-repeat: no-repeat;
background-position: left top;
padding: 20px 0 7px 9px;
line-height: 1;
}

.trailerLayout #Side-Navi #styleUl01 li {
padding: 6px 0 0;
}


/* trailerIndexLayout
------------------------------------*/

#trailerIndexLayout #Second-Contents h2 {
padding: 0 0 19px;
}

#trailerIndexLayout #Second-Contents .cassette ul {
margin: 0 0 50px;
}

#trailerIndexLayout #Second-Contents .cassette ul li {
padding: 15px 8px;
border-bottom: 1px dotted #AAAAAA;
}

#trailerIndexLayout #Second-Contents .cassette ul li span.columnLeft {
width: 100px;
}

#trailerIndexLayout #Second-Contents .cassette ul li span.columnRight {
width: 550px;
color: #6C98C0;
}

#trailerIndexLayout #Second-Contents .cassette ul li span.columnRight a {
color: #6C98C0;
}


/* trailerConceptLayout
------------------------------------*/
/* trailerOutlineLayout
------------------------------------*/

#trailerConceptLayout #Second-Contents .cassette,
#trailerOutlineLayout #Second-Contents .cassette {
padding: 0 0 33px;
}

#trailerConceptLayout #Second-Contents .cassette p {
margin: 0 0 20px;
}

#trailerOutlineLayout #Second-Contents .cassette ul {
margin: 0 0 20px;
}

#trailerOutlineLayout #Second-Contents .cassette ul li {
padding: 0 0 5px 20px;
background-image: url(../trailer/img/outline_icn01.gif);
background-repeat: no-repeat;
background-position: 8px 10px;
}


/* trailerProductLayout
------------------------------------*/

#trailerProductLayout #Second-Contents h3 {
margin: 0 0 30px;
}

#trailerProductLayout #Second-Contents .cassette {
padding: 0 0 33px;
}

#trailerProductLayout #Second-Contents .cassette ul {
width: 690px;
}

#trailerProductLayout #Second-Contents .cassette ul li {
float: left;
width: 230px;
padding: 0 0 12px;
}


/* trailerCaseLayout
------------------------------------*/

#trailerCaseLayout #Second-Contents .cassette {
padding: 0 0 33px;
}


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

.trailerLayout .cassette h2:after,
.trailerLayout .cassette div:after,
.trailerLayout .cassette ul:after,
.trailerLayout .cassette li:after,
.trailerLayout .cassette p:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.trailerLayout .cassette h2,
.trailerLayout .cassette div,
.trailerLayout .cassette ul,
.trailerLayout .cassette li,
.trailerLayout .cassette p,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html .trailerLayout .cassette h2,
* html .trailerLayout .cassette div,
* html .trailerLayout .cassette ul,
* html .trailerLayout .cassette li,
* html .trailerLayout .cassette p,
* html .clearfix {
height: 1%
}

.trailerLayout .cassette h2,
.trailerLayout .cassette div,
.trailerLayout .cassette ul,
.trailerLayout .cassette li,
.trailerLayout .cassette p,
.clearfix {
display:block;
}
/* end MacIE5 */