@charset 'utf-8';

/* Contents============================================ */

div#contents{zoom:100%;margin-bottom:15px;}
div#contents:after{content: ""; clear: both; height: 0; display: block; visibility: hidden;}

div#contents div#utilities{width:230px;float:left;}
div#contents div#wrapperarea,
div#contents div#todays_news{float:right;}

div#contents h2{margin-bottom:30px;font-size:160%;}

/* utilities */

div#contents div#utilities{widht:230px;}

div#contents div#date,
div#contents div#link{margin-bottom:10px; width:230px; background:url(img/common/utilities_top.jpg) top no-repeat;}

div#contents div#date div.content,
div#contents div#link div.content{padding:18px 11px; background:url(img/common/utilities_bottom.jpg) bottom no-repeat;}

/* Date */
div#contents div#date dl.active{margin-bottom:12px;padding-bottom:12px;background:url(img/common/utilities_linedotted.jpg) bottom repeat-x;}
div#contents div#date dl.active dt{color:#999999;}
div#contents div#date dl.old{margin-bottom:12px;padding-bottom:4px;background:url(img/common/utilities_linedotted.jpg) bottom repeat-x;}
div#contents div#date dl.last dt{margin-bottom:0px;}

div#contents div#date dt{margin-bottom:8px;margin-left:9px;padding-left:18px;font-size:80%; font-weight:bold; background:url(img/common/icon_arrow_blue.jpg) left 50% no-repeat;}
div#contents div#date dd a{margin-left:29px;margin-bottom:3px;padding-left:10px;font-size:75%; background:url(img/common/icon_triangle_gray.jpg) left 50% no-repeat;}

/* Link */
div#contents div#link h3{font-size:75%;margin-bottom:14px;}
div#contents div#link li{font-size:80%; font-weight:bold;margin-bottom:12px;padding-bottom:12px;background:url(img/common/utilities_linedotted.jpg) bottom repeat-x;}

div#contents div#link li.last{background:none;margin-bottom:0px;padding-bottom:0px;}
div#contents div#link li a{margin-left:9px;padding-left:18px; background:url(img/common/icon_arrow_blue.jpg) left 50% no-repeat;}


/* WrapperArea */
div#contents div#wrapperarea{width:697px;color:#666666;}
div#contents div#wrapperarea h3{font-size:130%;font-weight:normal;padding-bottom:12px;margin-bottom:30px; font-size:120%;background:url(img/common/wrapperarea_dottedline.jpg) bottom repeat-x;}

div#contents div#wrapperarea div#greeding{zoom:100%;margin-bottom:32px;}
div#contents div#wrapperarea div#greeding:after{content: ""; clear: both; height: 0; display: block; visibility: hidden;}

div#contents div#wrapperarea div#greeding p.text{font-size:80%;line-height:1.6em;width:550px;float:left;}
div#contents div#wrapperarea div#greeding div.photo{float:right;text-align:center;}
div#contents div#wrapperarea div#greeding div.photo p{font-size:80%;}
div#contents div#wrapperarea div#greeding div.photo p span{font-size:80%;}

/*OutLine*/
div#contents div#wrapperarea div#outline{background:url(img/outline_bk.jpg) top no-repeat;}
div#contents div#wrapperarea div#outline div.content{padding:20px 20px 15px 20px;background:url(img/outline_bottom.jpg) bottom no-repeat;}

div#contents div#wrapperarea div#outline div.content h3{font-weight:bold;font-size:80%;}
div#contents div#wrapperarea div#outline div.content dl{font-size:80%;}

div#contents div#wrapperarea div#outline div.content dl{zoom:100%;padding-bottom:20px;}
div#contents div#wrapperarea div#outline div.content dl:after{content: ""; clear: both; height: 0; display: block; visibility: hidden;}

div#contents div#wrapperarea div#outline div.content dt{float:left;display:block;width:80px;}
div#contents div#wrapperarea div#outline div.content dd{float:right;display:block;width:577px;}