@charset "utf-8";
/*====================================
common
====================================*/

#body{width:650px; padding:20px 65px; background:url(../img/bg_body2.gif) 15px 0px no-repeat;}

a:link    {text-decoration: none ; color:#5E70C6;}
a:visited {text-decoration: none ; color:#5E70C6;}
a:hover   {text-decoration: underline ; color:#5E70C6;}
a:active  {text-decoration: none ; color:#5E70C6;}

#body h1{width:628px; height:19px; padding:9px 0 0 22px; background:url(../img/bg_h1.gif) no-repeat; font-size:100%; line-height:100%; font-weight:bold;}

.hr{width:650px; height:5px; text-indent:-1000px; background:url(../img/bg_line1.gif) repeat-x; margin:0; clear:both; line-height:0; font-size:0;}
.readtxt{padding:10px 20px;}
.about_icon{background:url(../img/ic_arrow1.gif) no-repeat 0px 9px; float:right; padding:5px 5px 0 12px;}

/*====================================
一覧ページ表示用スタイル
====================================*/

.box_list{width:650px; margin:15px 0; background:url(../img/bg_line2.gif) repeat-y center;}
.box_list_l{width:310px; float:left;}
.box_list_r{width:310px; float:right;}

.box_list .left{width:103px;}
.box_list .left img{padding-right:3px;}

.box_list .tbl_list{width:200px; float:right; border-collapse:collapse; border:solid 1px #CCCCCC;}
.box_list .tbl_list th{width:40%; background:#EDEDED; text-align:left; font-weight:normal; padding:2px 0 2px 5px; vertical-align:middle; border:solid 1px #CCCCCC}
.box_list .tbl_list td{width:60%;background:#F7F7F7; padding:2px 0 2px 5px; vertical-align:middle; border:solid 1px #CCCCCC}

.box_list .icon_list{clear:both; padding-top:10px;}
.box_list .icon_list img{padding-right:3px;}
.box_list .btn_detail{width:156px; margin:0 auto; padding-top:10px; clear:both;}
.btn_recorderlist{padding:0 20px 10px 20px;}

/*====================================
詳細ページ表示用スタイル
====================================*/

.box_detail{padding:20px 0 30px 0; clear:both;}

.box_detail .left{width:270px;}
.box_detail .right{width:360px;}
.box_detail .hr{width:270px; height:5px; text-indent:-1000px; background:url(../img/bg_line1.gif) repeat-x; margin:10px 0 0 0; clear:both; line-height:0; font-size:0;}

.box_detail .btn_select{width:248px; height:26px; background:url(../img/bg_btn_select.gif) no-repeat; padding:11px 0 0 22px; margin-top:10px;}
.box_detail .btn_goshop{width:245px; margin:0 auto; padding-top:10px; clear:both;}
.box_detail .btn_recorderlist{padding:20px 0;}

.box_detail .icon_list{clear:both;}
.box_detail .icon_list img{padding-right:3px;}

.tbl_detail{width:360px; float:right; border-collapse:collapse; border:solid 1px #CCCCCC; margin:8px 0;}
.tbl_detail th{width:25%; background:#EDEDED; text-align:left; font-weight:normal; padding:2px 0 2px 5px; vertical-align:middle; border:solid 1px #CCCCCC}
.tbl_detail td{width:75%;background:#F7F7F7; padding:2px 0 2px 5px; vertical-align:middle; border:solid 1px #CCCCCC}

.pr_img{padding:10px 0 0 0;}

.award{width:270px; line-height:1.3; margin-top:10px;}
.award th{width:70px; vertical-align:top; text-align:left;}
.award td{width:190px; padding:5px 0 5px 10px; vertical-align:middle; text-align:left;}