@charset "UTF-8";

/************************************/
/* GLOBAL */
/************************************/
html {
 overflow-y: scroll;
}
* {
 font-size: 100%;
 line-height: 1.4;
 padding: 0px;
 margin: 0px;
}
body{
 color: #000000;
 font-size: 14px;
 font-family: "メイリオ", "Meiryo", verdana, "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", Sans-Serif;
 text-align: center;
 background-color: #FFFFFF;
}
img {
 vertical-align: middle;
 border: none;
}
/************************************/
/* PARTS */
/************************************/
.text_point01 {
 color:#FF0000;
 font-weight: bold;
}
.text_point02 {
 color:#0000FF;
 font-weight: bold;
}
.border_bottom_d {
 border-bottom: 1px dotted #999999;
}
.margin_b5 { margin: 0px 0px 5px 0px;}
.margin_b10 { margin: 0px 0px 10px 0px;}
.margin_r10 {margin:0px 10px 0px 0px;}

/************************************/
/* LINK */
/************************************/
a{ color: #0000FF; outline: none;}
a:link{ color: #0000FF; text-decoration: none;}
a:visited{ color: #0000FF; text-decoration: none;}
a:hover{ color: #0000FF; text-decoration: underline;}

/************************************/
/* HEADER BLOCK */
/************************************/
#header_block {
 text-align: left;
 padding: 10px 0px 0px 0px;
 margin: 0px 10px 10px 10px;
}
#logo_block {
 float: left;
 width: 100px;
}
#description_block {
 float: right;
 color: #333333;
 font-size: 12px;
 text-align: right;
 width: 780px;
 padding: 0px 0px 0px 0px;
}
#menu_block {
 background-color: #000000;
 padding: 3px 0px;
}
#menu_box {
 text-align: center;
 width: 900px;
 margin: 0px auto;
}
#menu_list {
 list-style-type: none;
 padding: 0px 0px;
}
#menu_list li {
 float: left;
 width: 140px;
 margin: 0px 3px 0px 0px;
}
#menu_list a {
 display: block;
 text-align: center;
 color: #FFFFFF;
 font-weight: bold;
 padding: 5px 0px;
}
#menu_list a:hover {
 color: #FF9900;
 background-color: #333333;
}

/************************************/
/* BLOCK */
/************************************/
#whole {
 text-align: center;
 width: 900px;
 background: url(../img/back_image.jpg) no-repeat;
 margin: 0px auto;
}
#main_block {
 text-align: center;
 min-height: 400px;
 border-right: 1px solid #DDDDDD;
 border-left: 1px solid #DDDDDD;
 padding: 0px 0px 10px 0px;
}
#main_box {
 padding: 10px 0px 0px 0px;
 margin: 0px 10px;
}
/************************************/
/* CONTENTS BLOCK */
/************************************/
#contents_block {
 float: left;
 text-align: left;
 width: 570px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 background: url(../img/back_white.png);
}
.contents_subtitle {
 color: #FFFFFF;
 height: 34px;
 background: url(../img/subtitle.png) no-repeat;
 margin: 0px 0px 5px 0px;
}
.contents_subtitle h2, h3 {
 padding: 8px 10px 0px 20px;
}
.contents_box {
 padding: 0px 10px;
}
.contents_box p {
 margin: 0px 0px 14px 0px;
}
.link_arrow {
 background: url(../img/icon_arrow.png) no-repeat;
 padding: 0px 0px 0px 23px;
}


/************************************/
/* ITEM BLOCK */
/************************************/
.item_block {
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 background-color: #DDDDDD;
 padding: 10px;
 margin: 0px 0px 10px 0px;
}
.item_block_title {
 color: #FF0000;
 font-weight: bold;
 background: url(../img/ranking_crown.png) no-repeat;
 padding: 0px 0px 0px 30px;
 margin: 0px 0px 10px 0px;
}
.item_block table {
 width: 100%;
 background-color: #FFFFFF;
}
.item_td_left {
 width: 33%;
 border-right: 1px dotted #CCCCCC;
 padding: 5px;
 vertical-align:top;
}
.item_td_center {
 width: 33%;
 border-right: 1px dotted #CCCCCC;
 padding: 5px;
 vertical-align:top;
}
.item_td_right {
 width: 33%;
 padding: 5px;
 vertical-align:top;
}
.item_block_maker {
 color: #333333;
 font-size: 10px;
}
.item_block_name {
 font-size: 12px;
}
.item_block_img {
 text-align: center;
}



/************************************/
/* SIDE BLOCK */
/************************************/
#side_block {
 float: right;
 text-align: left;
 width: 300px;
 background: url(../img/side_back_white.png) repeat-y;
}
.side_subtitle {
 color: #FFFFFF;
 height: 34px;
 background: url(../img/side_subtitle.png) no-repeat;
 margin: 0px 0px 5px 0px;
}
.side_subtitle h4 {
 padding: 9px 10px 0px 30px;
}
.side_box {
 padding: 0px 10px;
 margin: 0px 0px 10px 0px;
}
.side_box_ul {
 list-style: none;
 margin: 0px 0px 10px 0px;
}
.side_box_ul li {
 border-bottom: 1px dotted #333333;
 background: url(../img/side_link_arrow.png) no-repeat 8px 5px;
 padding: 0px 0px 0px 30px;
 margin: 0px 0px 3px 0px;
}
.side_box_ul a { display: block;}
.side_box_ul a:link{ color: #0000CC; text-decoration: none;}
.side_box_ul a:visited{ color: #0000CC; text-decoration: none;}
.side_box_ul a:hover{ color: #0000CC; text-decoration: underline;}

.side_banner {
 position: relative;
 margin: 0px 0px 10px 0px;
}
#side_search_box {
 text-align: center;
 margin: 0px 0px 10px 0px;
}
#side_search_box fieldset {
 border: none;
}
.searchBox {
 vertical-align: middle;
 width: 200px;
}
.main_search_submit {
 vertical-align: middle;
}


/************************************/
/* LIST */
/************************************/
.item_list {
 list-style: none;
 margin: 0px 0px 10px 0px;
}
.item_list li {
 background: url(../img/list_marker_square.png) no-repeat;
 background-position: 0px 5px;
 padding: 0px 0px 0px 15px;
}

.teigi_list {
 margin: 0px 0px 10px 0px;
}
.teigi_list dt {
 color: #000000;
 font-weight: bold;
 background: url(../img/list_marker_square.png) no-repeat;
 background-position: 0px 5px;
 padding: 0px 0px 0px 15px;
}
.teigi_list dd {
 padding: 0px 0px 0px 14px;
 margin: 0px 0px 10px 0px;
}


/************************************/
/* TABLE */
/************************************/
.data_table {
 text-align: left;
 word-wrap: break-word;
 font-size: 12px;
 width: 100%;
 border-top: 1px dotted #AAAAAA;
 border-collapse: separete;
 border-spacing: 0px;
 background-color: #FFFFFF;
 margin: 0px 0px 10px 0px;
}
.data_table th {
 font-weight: bold;
 border-bottom: 1px dotted #AAAAAA;
 background-color: #EEEEEE;
 padding: 5px 10px;
}
.data_table_l {
 vertical-align: middle;
 width: 25%;
 border-right: 1px solid #CCCCCC;
 border-bottom: 1px dotted #AAAAAA;
 background-color: #EEEEEE;
 padding: 5px 10px;
}
.data_table_l a {
 display: block;
}
.data_table_r {
 vertical-align: middle;
 border-bottom: 1px dotted #AAAAAA;
 padding: 5px 5px 5px 10px;
}

/* 2列テーブル */
.table2 {
 text-align: left;
 word-wrap: break-word;
 font-size: 12px;
 width: 100%;
 border-top: 1px dotted #AAAAAA;
 border-collapse: separete;
 border-spacing: 0px;
 background-color: #FFFFFF;
 margin: 0px 0px 10px 0px;
}
.table2_lth {
 text-align: center;
 font-weight: bold;
 width: 30%;
 border-right: 1px solid #CCCCCC;
 border-bottom: 1px dotted #AAAAAA;
 background-color: #EEEEEE;
 padding: 5px 10px;
}
.table2_rth {
 text-align: center;
 font-weight: bold;
 border-bottom: 1px dotted #AAAAAA;
 background-color: #EEEEEE;
 padding: 5px 10px;
}
.table2_ltd {
 text-align: center;
 vertical-align: middle;
 border-right: 1px solid #CCCCCC;
 border-bottom: 1px dotted #AAAAAA;
 background-color: #EEEEEE;
 padding: 5px 10px;
}
.table2_rtd {
 vertical-align: middle;
 border-bottom: 1px dotted #AAAAAA;
 padding: 5px 10px;
}
/* 3列テーブル */
.table3 {
 text-align: left;
 word-wrap: break-word;
 font-size: 12px;
 width: 100%;
 border-top: 1px dotted #AAAAAA;
 border-collapse: separete;
 border-spacing: 0px;
 background-color: #FFFFFF;
 margin: 0px 0px 10px 0px;
}
.table3_lth {
 text-align: center;
 font-weight: bold;
 width: 22%;
 border-right: 1px solid #CCCCCC;
 border-bottom: 1px dotted #AAAAAA;
 background-color: #EEEEEE;
 padding: 5px 10px;
}
.table3_cth {
 text-align: center;
 font-weight: bold;
 width: 14%;
 border-right: 1px solid #CCCCCC;
 border-bottom: 1px dotted #AAAAAA;
 background-color: #EEEEEE;
 padding: 5px 10px;
}
.table3_rth {
 text-align: center;
 font-weight: bold;
 border-bottom: 1px dotted #AAAAAA;
 background-color: #EEEEEE;
 padding: 5px 10px;
}
.table3_ltd {
 text-align: center;
 vertical-align: middle;
 border-right: 1px solid #CCCCCC;
 border-bottom: 1px dotted #AAAAAA;
 background-color: #EEEEEE;
 padding: 5px 10px;
}
.table3_ctd {
 text-align: center;
 vertical-align: middle;
 border-right: 1px solid #CCCCCC;
 border-bottom: 1px dotted #AAAAAA;
 padding: 5px 10px;
}
.table3_rtd {
 vertical-align: middle;
 border-bottom: 1px dotted #AAAAAA;
 padding: 5px 10px;
}



/* PCテーブル */
.pc_table {
 width: 100%;
 border-bottom: 1px solid #CCCCCC;
 background-color: #FFFFFF;
 margin: 0px 0px 10px 0px;
}
.pc_table_left {
 text-align: center;
 vertical-align: top;
 width: 150px;
 padding: 5px;
}
.pc_table_top {
 font-size: 11px;
 border-bottom: 1px solid #CCCCCC;
 padding: 5px;
}
.pc_table_top img {
vertical-align:middle;
}
.pc_table_bottom {
 font-size: 11px;
 padding: 1px;
}
.pc_table_maker {
 color: #333333;
}
.pc_table_name {
 font-weight: bold;
}
.pc_table_kaiteki {}
.pc_table_kakaku {
 text-align: right;
 font-size: 14px;
 font-weight: bold;
}
.pc_table_kakaku span {
 color: #FF0000;
}
.pc_table_details_button {
 text-align: right;
}
.pc_table_koushinbi {
 color: #666666;
 font-size: 10px;
}
.pc_table_specs {
 background-color: #EEEEEE;
 padding: 4px;
}



/* FORMテーブル */
.form_box_frame {
 border: 1px solid #AAAAAA;
 background: url(../img/form_box_frame_bg.gif) repeat-x #FFFFFF;
 -webkit-border-top-left-radius: 3px;
 -webkit-border-top-right-radius: 3px;
 -moz-border-radius-topleft: 3px;
 -moz-border-radius-topright: 3px;
 padding: 10px;
 margin: 0px 0px 10px 0px;
}
.form_box_frame_title {
 font-weight: bold;
 background: url(../img/icon_search.png) no-repeat;
 padding: 0px 0px 0px 23px;
 margin: 0px 0px 5px 0px;
}
.form_box_table {
 text-align: left;
 font-size: 12px;
 width: 100%;
}
.form_box_frame_label {
 color: #009900;
 font-weight: bold;
 width: 3em;
}
.form_box_frame_submit {
 text-align: center;
 padding: 10px 0px 0px 0px;
}



/************************************/
/* FORM */
/************************************/

/************************************/
/* FOOTER */
/************************************/
#footer {
 height: 295px;
 border-top: 1px solid #DDDDDD;
 background: url(../img/footer_bg.jpg) repeat-x;
 padding: 5px 0px 0px 0px;
}
#footer_copy {
 text-align: right;
 color: #999999;
 font-size: 9px;
 width: 880px;
 margin: 0px auto;
}
/************************************/
/* PAGER */
/************************************/
.pager {
 font-size: 8px;
 text-align: center;
 font-weight: bold;
 margin: 20px 0px 10px 0px;
}
.nextprev {
 color: #AAAAAA;
 border: 1px solid #AAAAAA;
 padding: 5px;
}
.current {
 color: #FFFFFF;
 border: 1px solid #FF9933;
 background: #FF9933;
 padding: 5px;
}
.pager a {
 color: #FF9933;
 border: 1px solid #AAAAAA;
 padding: 5px;
}
.pager a:hover {
 color: #FFFFFF;
 border: 1px solid #AAAAAA;
 background: #FF9933;
 padding: 5px;
}
/************************************/
/* CLEAR FIX */
/************************************/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/************************************/