/*****************************************************************
TOP CSS
*****************************************************************/

#contents{ padding:0; }
#contents *{ padding:0; margin:0; }
#contents img{ vertical-align:top; }
#contents li{ list-style:none; }

#visual ul{ width:960px; height:400px; position:relative; }
#visual li{ position:absolute; left:0; top:0; }
#visual h2{ font-size:128.57%; line-height:1.44; font-weight:normal; padding:20px 10px; }

#sub{ padding-bottom:30px; margin-left:-12px; }
#sub li{ width:231px; float:left; padding-left:12px; }
#sub li h3{ border-top:1px solid #A5A8AC; border-bottom:1px solid #A5A8AC; margin-bottom:3px;  width: 231px;}
#sub li p{ border-top:1px solid #A5A8AC; padding-top:9px; width: 231px; }

#news{ width:630px; float:left; margin-bottom:30px; }
#news h3{ padding-bottom:5px; font-size:100%; line-height:1.0; }
#news h3 a{ display:inline-block; float:right; background:#808080; border:1px solid #CCCCCC; color:#FFFFFF; padding:0 0.5em; letter-spacing:0.1em; font-size:92.85%; line-height:1.6; font-weight:bold; text-decoration:none; }
#news ul{ border-top:3px solid #DA93B9; border-bottom:3px solid #DA93B9; height:357px; overflow-y:scroll; }
#news li{ border-bottom:1px dotted #C4C4C4; padding:10px; line-height:1.5; }
#news li:last-child{ border:none; }
#news li a{ display:block; color:#221814; text-decoration:none; }
#news .d{ color:#2190A1; }
#news .c{ display:inline-block; background:#2290A2; border:1px solid #9BCDD5; color:#FFFFFF; font-size:78.57%; padding:0 0.5em; }

#slider{ position:relative; width:100%; height:148px; overflow:hidden; border-top:3px solid #DA93B9; border-bottom:3px solid #DA93B9; margin-bottom:30px; }
#slider ul{ position:absolute; top:13px; }
#slider li{ float:left; width:231px; }
#slider .prev{ background:#FFF; position:absolute; left:0; top:0; }
#slider .next{ background:#FFF; position:absolute; right:0; top:0; }

/* end */