@charset "shift_jis";


/* Standard Elements -------------------- */
* {
margin:0;
padding:0;
}

body {
-webkit-text-size-adjust: none;
text-align:center;
background-color:#CCC;
font-family: Verdana, 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ ゴシック', 'MS UI Gothic', Osaka, sans-serif;
}

img {
border:0;
}

address {
font-style:normal;
}

p {
margin:0;
padding:0;
font-size:12px;
line-height:1.8;
color:#666;
background-color:#FFF;
text-align:left;
}

/* Standard Layout -------------------- */
div#container {
width:700px;
margin-top:15px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

div#menu {
width:700px;
margin-bottom:7px;
text-align:center;
}

div#news {
float:left;
width:560px;
}

div#ad {
float:right;
width:140px;
}

div#footer {
clear:both;
padding-top:20px;
color:#FFF;
font-size:10px;
text-align:center;
line-height:1.5;
}


/* Link Color -------------------- */
a:link {
color: #3333FF;
text-decoration:none;
} 

a:visited {
color: #3333FF;
text-decoration:none;
}

a:hover {
color: #FF6600;
text-decoration:underline;
}

a:active {
color: #FF6600;
text-decoration:underline;
}

/* News Blocks -------------------- */
.roundtable_top {
width:560px;
margin:0;
padding:0;
background-color:#FFF;
}

.roundtable {
width:560px;
margin:20px 0 0;
padding:0;
background-color:#FFF;
}

.topcorner {
background:#FFF url(../images/corner_tr.gif) no-repeat right top;
}

.bottomcorner {
background:#FFF url(../images/corner_br.gif) no-repeat right top;
}

.corner {
display:block;
height:18px;
width:18px;
border:none;
}

.title {
display:block;
float:left;
width:68%;
height:18px;
margin-left:18px;
padding:6px 0 3px 20px;
background-color:#69F;
font-size:12px;
font-weight:400;
color:#FFF;
}

.date {
display:block;
margin:0 18px;
padding:6px 0 3px 0;
height:18px;
background-color:#999;
font-size:12px;
color:#FFF;
text-align:center;
}

.subtitle {
margin:0 18px;
padding:12px 0;
border-bottom:1px dotted #999;
font-size:12px;
line-height:1.8;
color:#F60;
background-color:#FFF;
text-align:left;
font-weight:400;
}

.subtitleGray {
margin:0 18px;
padding:12px 0;
border-bottom:1px dotted #999;
font-size:12px;
line-height:1.8;
color:#666;
background-color:#FFF;
text-align:left;
font-weight:400;
}

.subListGray {
margin:0 18px;
padding:12px 0 12px 18px;
border-bottom:1px dotted #999;
font-size:12px;
line-height:1.8;
color:#666;
background-color:#FFF;
text-align:left;
font-weight:400;
}

.subListOrange {
margin:0 18px;
padding:12px 0 12px 18px;
border-bottom:1px dotted #999;
font-size:12px;
line-height:1.8;
color:#F60;
background-color:#FFF;
text-align:left;
font-weight:400;
}

.subEvent {
margin:0 18px;
padding:12px 0 2px;
border-bottom:1px dotted #999;
font-size:12px;
line-height:1.8;
color:#F60;
background-color:#FFF;
text-align:left;
font-weight:400;
}

.subNote {
margin-top:7px;
padding:0;
font-size:10px;
line-height:1.5;
color:#666;
background-color:transparent;
text-align:left;
}

.note {
margin:0 18px;
padding:12px 0 0;
font-size:10px;
line-height:1.8;
color:#666;
background-color:transparent;
text-align:left;
}

.comment {
margin:0 18px;
padding:12px 0 0;
font-size:12px;
line-height:1.8;
color:#666;
background-color:#FFF;
text-align:left;
}

.remark {
margin:0;
padding:0;
font-size:10px;
line-height:1.8;
color:#666;
background-color:transparent;
text-align:left;
}

.details {
background-color:#FFF;
text-align:right;
margin:10px 16px 0 0;
}

.video {
margin:0 18px;
padding:12px 0 7px 0;
font-size:12px;
line-height:1.8;
color:#666;
background-color:transparent;
text-align:center;
}

.colorGray {
color:#666;
}

.colorRed {
color:#C00;
}

.colorLightblue {
color:#69F;
}

.colorOrange {
color:#F60;
}


/* News with Photo -------------------- */

.withPhoto {
margin:0 18px;
padding:12px 0;
border-bottom:1px dotted #999;
background-color:#FFF;
text-align:left;
}

.withPhoto img.photo {
display:block;
float:left;
margin-right:20px;
padding-top:5px;
}

.noPhoto {
clear:both;
margin:0 18px;
padding:12px 0;
border-bottom:1px dotted #999;
font-size:12px;
line-height:1.7;
color:#666;
background-color:#FFF;
text-align:left;
}

.withPhoto h4, .noPhoto h4 {
margin:0;
padding:0 0 4px;
font-size:12px;
font-weight:400;
line-height:1.7;
color:#F60;
}

.withPhoto dl, .noPhoto dl {
margin:0;
padding:0;
}

.withPhoto dt, .noPhoto dt {
margin:0;
padding:12px 0 6px;
font-size:12px;
line-height:1;
color:#69F;
}

.withPhoto dd, .noPhoto dd {
margin:0;
padding:4px 0;
font-size:12px;
line-height:1;
color:#666;
}

.withPhoto div {
margin:0px;
padding:4px 0 0;
font-size:12px;
line-height:1.7;
color:#666;
background-color:#FFF;
text-align:left;
}

/* News with Photo no border-------------------- */

.withPhotoNoBorder {
margin:0 18px;
padding-top:12px;
background-color:#FFF;
text-align:left;
}

.withPhotoNoBorder img.photo {
display:block;
float:left;
margin-right:20px;
padding-top:5px;
}

.noPhotoNoBorder {
clear:both;
margin:0 18px;
padding-top:12px;
font-size:12px;
line-height:1.7;
color:#666;
background-color:#FFF;
text-align:left;
}

/* Banner Blocks-------------------- */
.banner {
margin:0 0 15px 20px;
padding:0 0 15px;
text-align:right;
border-bottom:1px dotted #999;
vertical-align:top;
}

.banner_txt {
margin:0;
padding-top:10px;
font-size:x-small;
line-height:1.3;
color:#666;
text-align:left;
border-bottom:none;
vertical-align:top;
}