/* index page */
/* メインイメージ =======================================================*/
#img {
 float:left;
 width: 564px;
 height: 300px;
 margin-top: 15px;
 margin-bottom: 4px;
}

/* テロップ =======================================================*/
#telop-bar {
 float:left;
 width:100%;
 height: 27px;
 margin-bottom: 4px;
 padding-top:2px;
 background: #ffffff url(../img/parts/index/telop_bg.jpg) no-repeat;
 color:#fe1e1a;
 font-size:12px;
}

/* お知らせ＆イベント情報 =======================================================*/
#information {
 float:left;
 width:100%;
 margin-bottom:4px;
}
#information a {
 text-decoration:underline;
}
#information a:visited {
 text-decoration:underline;
}
#information a:hover {
 text-decoration:underline;
}
#information .left{
 float:left;
 width: 272px;
 padding-right: 10px;
 border-right:1px solid #cccccc;
 text-align:left;
 vertical-align:top;
}
#information .right{
 float:left;
 width: 272px;
 padding-left: 9px;
 text-align:left;
 vertical-align:top;
}
#information #row{
 width: 272px;
 margin:0px;
 padding:2px 0px;
 font-size:12px;
}
#information .row{
 border-bottom:1px dotted #999999;
}
#information .row2{
 border-bottom:2px solid #003e95;
}
#information #row .date{
 width: 262px;
 margin:0px;
 padding:0px 5px;
 background-color:#ffffe0;
}
#information #row .title{
 width: 262px;
 margin:0px;
 padding:0px 5px;
 background-color:#ffffe0;
}
#information #row2{
 width: 272px;
 margin:0px;
 padding:2px 0px;
 font-size:12px;
}
#information #row2 .date{
 width: 262px;
 margin:0px;
 padding:0px 5px;
}
#information #row2 .title{
 width: 262px;
 margin:0px;
 padding:0px 5px;
}
#information #row3{
 width: 272px;
 margin:0px;
 padding:2px 0px;
 font-size:12px;
}
#information #row3 .date{
 width: 262px;
 margin:0px;
 padding:0px 5px;
 background-color:#ffffe0;
}
#information #row3 .title{
 width: 262px;
 margin:0px;
 padding:0px 5px;
 background-color:#ffffe0;
}
#information #row3 .summary{
 width: 262px;
 margin:0px;
 padding:0px 5px;
 background-color:#ffffe0;
}

#information #row4{
 width: 272px;
 margin:0px;
 padding:2px 0px;
 font-size:12px;
}
#information #row4 .date{
 width: 262px;
 margin:0px;
 padding:0px 5px;
}
#information #row4 .title{
 width: 262px;
 margin:0px;
 padding:0px 5px;
}
#information #row4 .summary{
 width: 262px;
 margin:0px;
 padding:0px 5px;
}

/* テーマアイコン =======================================================*/
#icon_theme {
 float:left;
 width:100%;
 margin-bottom:4px;
 padding:0px;
}
#icon_theme .icon{
 float:left;
 width:108px;
 height:60px;
 margin-left:6px;
 padding:0px;
 line-height:0;
}
#icon_theme .left{
 margin-left:0px;
}

/* 新着情報 =======================================================*/
#new_item {
 float:left;
 width: 564px;
 margin-top:4px;
 margin-bottom:4px;
 padding: 0px;
}
#new_item .thumbnail_row {
 float:left;
 width:100%;
 margin-bottom:8px;
}
#new_item .thumbnail {
 float:left;
 width:126px;
 margin-left:20px;
 padding:0px;
}
#new_item .thumbnail .photo{
 float:left;
 width:120px;
 height:90px;
 padding:2px;
 background-color:#ffffff;
 border:1px solid #9f9f9f;
 text-align:center;
 line-height:0;
}
#new_item .thumbnail .title{
 float:left;
 width:120px;
 margin:2px 0px 0px;
 padding:0px 3px;
}
#new_item .thumbnail .title a {
 text-decoration:underline;
}
#new_item .thumbnail .lead{
 float:left;
 width:120px;
 margin-top:2px;
 padding:0px 3px;
}
#new_item .left {
 margin-left:0px;
}