@charset "UTF-8";

/* トップページ用css */

/* 最新号用 */
#contents #body #latest_title #title_img {
    font-size: 18px;
    font-weight: bold;
    color: #555;
    background-image: url(../img/index/latest_title.gif);
    background-repeat: no-repeat;
    height: 22px;
    padding-top: 3px;
    padding-left: 28px;
}
#contents #body #latest_title #title_img img{
    margin-right: 5px;
    vertical-align: middle;
}
#contents #body #latest_body {
    margin: 5px 0;
}
#contents #body #latest_body #latest_left {
    float: left;
    width: 160px;
}
#contents #body #latest_body #latest_left #latest_photo {
    border: 1px #ccc dashed;
    padding: 5px;
}
#contents #body #latest_body #latest_left #backnumber {
    text-align: center;
    margin-top: 5px;
}
#contents #body #latest_body #latest_left #backnumber img {
    margin-right: 3px;
}
#contents #body #latest_body #latest_right {
    float: left;
    margin-left: 10px;
    width: 490px;
}
*html #contents #body #latest_body #latest_right {
    width: 480px;
}
#contents #body #latest_body #latest_right #number {
    height: 24px;
}
#contents #body #latest_body #latest_right #special {
    padding: 5px 0;
    /*height: 25px;*/
}
#contents #body #latest_body #latest_right #icon {
    margin-bottom: 10px;
}
#contents #body #latest_body #latest_right #icon dl {
    margin: 0;
    padding: 0;
}
#contents #body #latest_body #latest_right #icon dd {
    float: left;
    width: 32px;
    height: 32px;
    margin-left: 5px;
}
*+html #contents #body #latest_body #latest_right #comment {
    margin-top: 5px;
    width: 490px;
}

/* テキスト広告用 */
#contents #body #text_ad {
    width: 660px;
    height: 50px;
    background-image: url(../img/index/text_ad_box.gif);
    background-repeat: no-repeat;
    margin-top: 5px;
    padding-top: 7px;
    padding-left: 10px;
}

/* 最新書き込み用 */
#contents #body #new_writing {
    width: 660px;
    border-left: 1px #ccc dashed;
    border-right: 1px #ccc dashed;
}
#contents #body #new_writing .writing_box {
    padding: 0 3px;
    width: 210px;
    float: left;
}
#contents #body #new_writing .left_line {
    border-left: 1px #ccc dashed;
}
#contents #body #new_writing .writing_title { 
    font-size: 14px;
    font-weight: bold;
    display: block;
    width: 210px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: bottom;
}
#contents #body #new_writing .yorozuban { 
    background-image: url(../img/index/yorozuban_line.gif);
    color: #e28623;
}
#contents #body #new_writing .diary { 
    background-image: url(../img/index/diary_line.gif);
    color: #379fe0;
}
#contents #body #new_writing .tokuhain { 
    background-image: url(../img/index/tokuhain_line.gif);
    color: #63b305;
}
#contents #body #new_writing .new_list {
    margin: 0;
    padding: 0;
    margin-top: 5px;
    margin-left: 25px;
}
#contents #body #new_writing .yorozuban_cursor {
    list-style-image: url(../img/index/yorozuban_cursor.gif);
}
#contents #body #new_writing .diary_cursor {
    list-style-image: url(../img/index/diary_cursor.gif);
}
#contents #body #new_writing .tokuhain_cursor {
    list-style-image: url(../img/index/tokuhain_cursor.gif);
}
#contents #body #new_writing .more {
    text-align: right;
    margin: 10px;
}
#contents #body #new_writing .tokuhain_banner {
    text-align: center;
    margin: 10px;
}

/* サブメニュー用 */
#contents #body #submenu {
    margin: 10px 0;
    width: 660px;
    background-image: url(../img/index/submenu_bg.gif);
}
#contents #body #submenu #white_box {
    background-color: #fff;
    width: 595px;
    margin: 0 auto;
}
*html #contents #body #submenu #white_box {
    width: 600px;
}
#contents #body #submenu .submenu_box {
    width: 140px;
    height: 160px;
    float: left;
    border: 1px #ccc solid;
    background-color: #fff;
    margin-left: 5px;
    text-align: center;
}
#contents #body #submenu .submenu_box .submenu_head {
	font-size: 13px;
	font-weight: bold;
	background-color: #fff;
	color: #ea5549;
	padding: 3px;
	background-image: url(../img/index/submenu_head_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#contents #body #submenu .submenu_box .submenu_head a {
	color: #ea5549;
}
#contents #body #submenu .submenu_box .submenu_body {
	padding: 10px;
}
#contents #body #submenu .submenu_box img {
    margin-bottom: 5px;
}
#contents #body #submenu .submenu_box .submenu_caption {
    text-align: left;
    line-height: 130%;
}

/* サブバナー用 */
#contents #body #sub_banner {
    text-align: center;
    margin-bottom: 5px;
}
#contents #body #sub_banner img {
    margin: 0 2px;
}

/* その他コンテンツ用 */
/* プレセント */
#contents #body #other_contents {
    width: 660px;
}
#contents #body #other_contents #present {
    width: 450px;
    float: left;
}
#contents #body #other_contents #present #present_header {
    width: 400px;
    height: 45px;
    color: #f7319c;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 50px;
    background-image: url(../img/index/present_bg.gif);
    background-repeat: no-repeat;
}
#contents #body #other_contents #present .present_item {
    width: 450px;
    margin-bottom: 10px;
}
#contents #body #other_contents #present .present_item .present_photo {
    float: left;
    width: 90px;
    text-align: center;
}
#contents #body #other_contents #present .present_item .present_caption {
    width: 360px;
    float: left;
}
#contents #body #other_contents #present #present_winner {
    padding: 3px 0;
    margin: 5px 0;
    border-top: 1px #ccc dashed;
    border-bottom: 1px #ccc dashed;
}

/* イベント情報 */
#contents #body #other_contents #event {
    width: 200px;
    border: 1px #6dae86 solid;
    float: right;
    background-image: url(../img/index/event_bg.gif);
    background-repeat: no-repeat;
}
#contents #body #other_contents #event #event_header {
    height: 30px;
    color: #4ca43c;
    font-size: 14px;
    font-weight: bold;
    padding-top: 3px;
    padding-left: 25px;
}
#contents #body #other_contents #event #event_contents {
    padding: 0 5px;
    margin-bottom: 5px;
    height: 370px;
    overflow: auto;
    line-height: 140%;
}
#contents #body #other_contents #event #event_contents .event_item {
    border-bottom: 1px #ccc dashed;
    padding-bottom: 5px;
    margin-bottom: 10px;
    word-break: break-all;
}

/* INFORMATION */
#information_box {
	border: 1px #999 dotted;
	margin: 5px 0;
	padding: 3px;
	text-align: center;
	color: #f00;
	font-weight: bold;
	background-color: #ffe;
}