@charset "UTF-8";


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

.indexLayout #topImage {
padding: 20px 0 7px;
}

.indexLayout #main {
width: 666px;
float: left;
}

.indexLayout #menu {
width: 274px;
float: right;
}

.indexLayout #menu ul li {
background-image: url(../img/bg_02.gif);
background-position: left top;
margin: 0 0 15px;
padding: 15px 0 1px 17px;
}

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

.indexLayout #menu ul li ul li {
margin: 10px 0 0;
padding: 0;
background: none;
}

.indexLayout #newsCassette {
padding: 0 0 25px;
}

.indexLayout #newsCassette ul li {
padding: 10px 17px;
border-bottom: 1px dotted #CCCCCC;
}

.indexLayout #newsCassette ul li span.columnLeft {
display: block;
width: 100px;
float: left;
font-weight: bold;
}

.indexLayout #newsCassette ul li span.columnRight {
display: block;
width: 530px;
float: right;
}

.indexLayout #introCassette .styleDiv01 {
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
padding: 15px;
}

.indexLayout #introCassette .styleDiv01 .scr {
overflow: auto;
width: 635px;
height: 200px;
float: left;
}
.indexLayout #introCassette .styleDiv01 #scroll_div2 {
float: right;
background-image:url(../img/bg.gif)
}
.indexLayout #introCassette .styleDiv01 #scroll_div2 span {
display: block;
height: 184px;
}

.indexLayout #introCassette ul li {
border-bottom: 1px dotted #CCCCCC;
padding: 0 0 12px;
margin: 0 15px 13px 0;
}

.indexLayout #introCassette ul li span.columnLeft {
float: left;
width: 141px;
}

.indexLayout #introCassette ul li span.columnRight {
float: right;
width: 445px;
line-height: 1.5;
font-size: 120%;
}

.indexLayout #introCassette ul li span.columnRight span {
display: block;
}

.indexLayout #introCassette ul li span.columnRight span.styleSpan01 {
font-size: 80%;
}

.indexLayout #introCassette ul li span.columnRight span.styleSpan02 {
display: block;
text-align: right;
}


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

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html .clearfix {
height: 1%
}

.clearfix {
display:block;
}
/* end MacIE5 */