@charset "utf-8";

/* -------------------------------------------
 タグ初期設定
------------------------------------------- */

*{
 margin: 0;
 padding: 0;
 border: 0;
 zoom: 1; /*IEのhasLayout対策*/
 word-break: break-all;
}

/*スクロールバーによる中心ずれ対策*/
html {
 overflow-y: scroll;
}

body {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka",  "ＭＳ ゴシック", "MS Gothic", sans-serif;
 text-align: center;
 font-size: 10px;
 line-height: 1.6;
 color: #4c4c4c;
 background:#fff;
}

/*IE8とモダンブラウザ用*/
html>/**/body {
 font-size: 10px;
}

/*IE6以下用ハック*/
* html body {
 font-size: 62.5%;
}

/*IE7以上用ハック*/
*:first-child+html body {
 font-size: 62.5%;
}

/* -------------------------------------------
 テキストタグ設定
------------------------------------------- */

h1 {
 text-indent: -9999px;
}

h1, h2, h3, h4, h5, h6 {
 font-size: 1em;
 font-weight: normal;
}

p, dd {
 text-align: justify;
 text-justify: distribute;
}

p, strong, em, span {
 zoom: normal;
}

address, caption, cite, code, dfn, em, strong, th, var {
 font-style: normal;
 font-weight: normal;
}

del {
 text-decoration: line-through;
}

abbr {
 cursor: help;
}

ul, ol, li {
 list-style: none;
}

acronym,
abbr {
 border-bottom: #b0b0b0 dotted 1px;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
 content: "";
}

blockquote, q {
 quotes: "" "";
}

/* -------------------------------------------
 リンクタグ初期設定
------------------------------------------- */

a {
 color: #4c4c4c;
 text-decoration: none;
}

/*Firefoxリンク線対策*/
a {
 outline: none;
}

a:link {
 text-decoration: underline;
}

a:visited {
 text-decoration: none;
}

a:hover,
a:focus,
button:hover,
button:focus {
 text-decoration: none;
}

button:hover,
button:focus {
 cursor: pointer;
}

a:active,
button:active {
 position: relative;
 top: 1px;
 left: 1px;
 text-decoration: none;
}

/* -------------------------------------------
 フォームタグ初期設定
------------------------------------------- */

input,
textarea,
select {
 color: #7f7f7f;
 border: #b0b0b0 solid 1px;
}

input:hover,
textarea:hover,
select:hover {
 background: #eff4f7;
 border: #b9c7d0 solid 1px;
}

input:focus,
textarea:focus,
select:focus {
 color: #000000;
 background: #fffef7;
 border: #c6c39c solid 1px;
}

/*
input:focus,
textarea:focus {
 font-size: 1.6em;
}
*/

option {
 padding: 2px;
 border-top: #cccccc solid 1px;
}

option:hover,
option:focus {
 background: #f0f7f1;
}

optgroup {
 padding: 4px;
 border-bottom: #cccccc solid 1px;
}

label {
 cursor: pointer;
}

/*Safari用ハック¥*/
html:\66irst-child label {
 cursor: auto;
}
/* end */


/* -------------------------------------------
  #container
------------------------------------------- */

#container {
 position: relative;
 margin: 0 auto;
 width: 984px;
 text-align: left;
}

/* -------------------------------------------
 #navi
------------------------------------------- */

#navi {
 position: relative;
 height: 56px;
 border-top: #e5e5e5 solid 1px;
 background: transparent url(../images/gnavi.gif) 0 0 no-repeat;
}

#navi li {
 width: 123px;
 text-indent: -9999px;
 float: left;
}

#gNavi1 { left: 0; }
#gNavi2 { left: 123px; }
#gNavi3 { left: 246px; }
#gNavi4 { left: 369px; }
#gNavi5 { left: 492px; }
#gNavi6 { left: 615px; }
#gNavi7 { left: 738px; }
#gNavi8 { left: 861px; }

#navi li,
#navi li a {
 height: 56px;
 width: 123px;
 text-indent: -9999px;
 text-decoration: none;
 display: block;
}

#gNavi1 a:hover, #gNavi1 a:focus { background: transparent url(../images/gnavi.gif) 0px 50% no-repeat;}
#gNavi2 a:hover, #gNavi2 a:focus { background: transparent url(../images/gnavi.gif) -123px 50% no-repeat;}
#gNavi3 a:hover, #gNavi3 a:focus { background: transparent url(../images/gnavi.gif) -246px 50% no-repeat;}
#gNavi4 a:hover, #gNavi4 a:focus { background: transparent url(../images/gnavi.gif) -369px 50% no-repeat;}
#gNavi5 a:hover, #gNavi5 a:focus { background: transparent url(../images/gnavi.gif) -492px 50% no-repeat;}
#gNavi6 a:hover, #gNavi6 a:focus { background: transparent url(../images/gnavi.gif) -615px 50% no-repeat;}
#gNavi7 a:hover, #gNavi7 a:focus { background: transparent url(../images/gnavi.gif) -738px 50% no-repeat;}
#gNavi8 a:hover, #gNavi8 a:focus { background: transparent url(../images/gnavi.gif) -861px 50% no-repeat;}

#navi:after {
 content: "";
 height: 0;
 display: block;
 visibility: hidden;
 clear: both;
}

/* -------------------------------------------
 #body
------------------------------------------- */

#body {
 margin: 14px 0 0 0;
 width: 984px;
}

#body:after {
 content: "";
 height: 0;
 display: block;
 visibility: hidden;
 clear: both;
}

/* -------------------------------------------
 #sidebar
------------------------------------------- */

#sidebar {
 padding: 5px 0 0 0;
 width: 262px;
 text-align: center;
 background: transparent url(../images/sidebar_bg.jpg) 0 0 no-repeat;
 float: left;
}

#sidebar .content {
 margin: 0 auto 0 auto;
 padding: 0 0 5px 0;
 width: 234px;
 text-align: left;
 background: transparent url(../images/sidebar_line.gif) 0 100% no-repeat;
}

#sidebar .content_head {
 margin: 10px 0 10px 0;
 background: transparent url(../images/sidebar_title_bg.gif) 0 5px no-repeat;
}

#sidebar .content_head h2 {
 margin: 0 0 0 15px;
 height: 20px;
 text-indent: -9999px;
}

#sidebar .content_body .selectbox {
 margin: 0 3px 0 0;
 width: 189px;
 float: left;
}

#sidebar .category {
 margin: 5px 0;
 color: #000000;
 font-size: 1.2em;
}

#sidebar .category li {
 display: inline;
}

#sidebar .category input {
 border: 0;
}

#sidebar .category label {
 margin: 0 20px 0 5px;
}

#sidebar .link_text {
 margin: 0 0 5px 0;
 text-align: right;
 clear: both;
}

/* -------------------------------------------
 #shoessearch
------------------------------------------- */

#shoessearch {
 padding: 0 0 15px 0;
}
 
#shoessearch h2 {
 background: transparent url(../images/sidebar_title.gif) 0 0 no-repeat;
}

#shoessearch .btn_go {
 float: left;
}

#shoessearch #shoes_brand {
 margin: 0 0 5px 0;
}

#shoessearch #shoes_scene {
 margin: 0 0 5px 0;
}

#shoessearch #shoesoption_open a,
#shoessearch #shoesoption_close a {
 margin: 5px 0 5px 0;
 height: 26px;
 width: 234px;
 text-indent: -9999px;
 text-decoration: none;
 background: transparent url(../images/btn_shoesoption.jpg) 0 0 no-repeat;
 display: block;
}

#shoessearch #shoesoption_open a:hover,
#shoessearch #shoesoption_close a:hover,
#shoessearch #shoesoption_open a:focus,
#shoessearch #shoesoption_close a:focus {
 background-position: 0 100%;
}

#shoessearch #shoesoption {
 margin: 0 0 5px 0;
 overflow: hidden;
}

#shoessearch #shoesoption .listbox {
 width: 234px;
}

#shoessearch #shoesoption .selectrenge {
 height: 21px;
 width: 103px;
}

#shoessearch #shoesoption dl {
 margin: 0 0 5px 0;
 padding: 5px 0 5px 0;
 width: 234px;
 background: transparent url(../images/dot.gif) 0 0 repeat-x;
}

#shoessearch #shoesoption #option_price dd {
 float: left;
}

#shoessearch #shoesoption #option_price:after,
#shoessearch #shoesoption #option_size:after {
 content: "";
 height: 0;
 display: block;
 visibility: hidden;
 clear: both;
}

#shoessearch #shoesoption #option_width {
 clear: both;
}

#shoessearch .btns dt {
 text-align: center;
}

#shoessearch .btns dd {
 float: left;
}

#shoessearch .btns .btn_search_jp {
 margin: 0 5px 0 70px;
}

#shoessearch .btns:after {
 content: "";
 height: 0;
 display: block;
 visibility: hidden;
 clear: both;
}

/* -------------------------------------------
 #shopsearch
------------------------------------------- */

#shopsearch h2 {
 background: transparent url(../images/sidebar_title.gif) 0 -20px no-repeat;
}

#shopsearch .btn_go {
 float: left;
}

#shopsearch p {
 padding: 0 0 5px 0;
 width: 234px;
 display: block;
}

#shopsearch p:after {
 content: "";
 height: 0;
 display: block;
 visibility: hidden;
 clear: both;
}

/*IE6以下用*/
* html shopsearch .link_text a:active {
 position: relative;
 top: 1px;
 left: 1px;
}

/* -------------------------------------------
 #ranking
------------------------------------------- */

#ranking h2 {
 background: transparent url(../images/sidebar_title.gif) 0 -40px no-repeat;
}

#ranking a:hover,
#ranking a:focus {
 color: #3f639c;
}

#ranking .content_body {
 margin: 0 0 10px 0;
 padding: 0 0 3px 0;
 background: #f3f5f6;
}
 
#ranking #rank_tab {
 height: 24px;
 background: transparent url(../images/sidebar_rank_tab.jpg) 0 0 no-repeat;
}

#ranking #rank_tab li {
 height: 24px;
 width: 50px;
 text-indent: -9999px;
 cursor: pointer;
 float: left;
}

#ranking #rank_tab:after {
 content: "";
 height: 0;
 display: block;
 visibility: hidden;
 clear: both;
}

#ranking .box_mid {
 min-height: 200px;
 background: transparent url(../images/sidebar_rank_mid.jpg) 0 0 repeat-y;
}

#ranking .box_bot {
 padding: 0 0 15px 0;
 min-height: 200px;
 text-align: center;
 background: transparent url(../images/sidebar_rank_bot.jpg) 0 100% no-repeat;
}

#ranking dl {
 margin: 0 0 0 13px;
 padding: 5px 0 0 0;
 widht: 208px;
}

#ranking dt {
 height: 70px;
 width: 78px;
 float: left;
}

#ranking dt a {
 height: 68px;
 width: 68px;
 border: #b1b1b1 solid 1px;
 display: block;
}

#ranking #rank_mens dt a:hover,
#ranking #rank_mens dt a:focus {
 border: #6a9dcc solid 1px;
}

#ranking #rank_womens {
 display: none;
}

#ranking #rank_womens dt a:hover,
#ranking #rank_womens dt a:focus {
 border: #ce8070 solid 1px;
}

#ranking #rank_kids {
 display: none;
}

#ranking #rank_kids dt a:hover,
#ranking #rank_kids dt a:focus {
 border: #7fae87 solid 1px;
}

#ranking dd {
 margin: 0 0 0 83px;
 padding: 0 12px 0 0;
 color: #9c0000;
}

#ranking dd.first {
 font-weight: bold;
}

#ranking dd.first span {
 font-size: 1.2em;
}

#ranking dl:after {
 content: "";
 height: 0;
 display: block;
 visibility: hidden;
 clear: both;
}

#ranking table {
 margin: 10px 0 0 11px;
 width: 212px;
 font-size: 1em;
 border-collapse: separate;
 vertical-align: middle;
}

/*IE6以下用ハック*/
* html #ranking table {
 width: 206px;
}

/*IE7以上用ハック*/
*:first-child+html #ranking table {
 width: 206px;
}

#ranking table tr:hover {
 background: #eff4f7;
}

#ranking table th {
 padding: 2px;
 font-size: 1.2em;
 border-right: #cccccc solid 1px;
}

#ranking table .rank {
 width: 30px;
 text-align: center;
 font-weight: bold;
}

#ranking table .name {
 width: 132px;
 text-align: left;
}

#ranking table .name a {
 text-decoration: none;
}

#ranking table .count {
 width: 44px;
 text-align: center;
 border-right: none;
}

#ranking table tbody tr td {
 padding: 2px;
 border-top: #cccccc solid 1px;
 border-right: #cccccc solid 1px;
}

#ranking table tbody tr.first td {
 border-top: #999999 solid 1px;
 border-right: #cccccc solid 1px;
}

#ranking table tbody tr.first td.count {
 border-right: none;
}

#ranking .link_text {
 margin: 0 8px 3px 0;
}

/* -------------------------------------------
 #recommend
------------------------------------------- */

#recommend h2 {
 background: transparent url(../images/sidebar_title.gif) 0 -80px no-repeat;
}

#recommend .content_body {
 padding-bottom: 10px;
}

#recommend ul {
 margin: 5px 0 0 0;
 padding: 10px;
 background: #f3f5f6;
}

#recommend ul li {
 margin: 0 0 10px 0;
 padding: 0 0 0 10px;
 background: transparent url(../images/list_dot.gif) 0 0.6em no-repeat;
}

#recommend ul li a {
 padding: 0 2em 0 0;
 background: transparent url(../images/arrow2.gif) 100% 0.2em no-repeat;
 display: block;
}

#recommend ul li a {
 text-decoration: underline;
}

#recommend ul li a:hover,
#recommend ul li a:focus {
 text-decoration: none;
}

/* -------------------------------------------
 #bookmark
------------------------------------------- */

#bookmark.content {
 padding: 0 0 20px 0;
 background: transparent;
}

#bookmark h2 {
 background: transparent url(../images/sidebar_title.gif) 0 -60px no-repeat;
}

#bookmark ul li {
 margin: 0 5px 0 0;
 float: left;
}

#bookmark li a {
 padding-top: 20px;
 width: 20px;
 height: 0;
 _height: 20px;
 display:block;
 overflow:hidden;
 background: transparent url(../images/icons_bookmark.gif) 0 0 no-repeat;
}

#bookmark a:hover,
#bookmark a:focus {
 position: relative;
 top: -2px;
 left: 0;
}

#bookmark #yahoo      { background-position: 0      0; }
#bookmark #google     { background-position: -20px  0; }
#bookmark #hatena     { background-position: -40px  0; }
#bookmark #delicious  { background-position: -60px  0; }
#bookmark #livedoor   { background-position: -80px  0; }
#bookmark #technorati { background-position: -100px 0; }
#bookmark #nifty      { background-position: -120px 0; }
#bookmark #buzzurl    { background-position: -140px 0; }
#bookmark #saaf       { background-position: -160px 0; }

#bookmark:after {
 content: "";
 height: 0;
 display: block;
 visibility: hidden;
 clear: both;
}

/* -------------------------------------------
 #footer
------------------------------------------- */

#footer {
 margin: 40px 0 0 0;
 text-align: center;
}

/* -------------------------------------------
 #footer_top
------------------------------------------- */

#footer_top {
 margin: 20px 0 0 0;
 text-align: center;
}

/* -------------------------------------------
 #challenge25
------------------------------------------- */

#footer_top #challenge25 {
text-align: left;
}

/* -------------------------------------------
 #substream
------------------------------------------- */

#substream {
 text-align: center;
}

#substream ul {
 margin: 0 auto 0 auto;
}

#substream li {
 margin: 0 25px 0 0;
}

/* -------------------------------------------
 #footerlink
------------------------------------------- */

#footerlink {
 margin: 10px 0 0 0;
 padding: 10px 0 0 0;
 border: #d7dce1 solid 1px;
 text-align: center;
}

#footerlink ul {
 margin: 0 0 10px 0;
}

#footerlink li {
 margin: 0 10px 0 0;
 padding: 0 10px 0 0;
 height: 1em;
 line-height: 1em;
 border-right: #647f93 solid 1px;
}

#footerlink li.last {
 border-right: none;
}

#footerlink a {
 color: #647f93;
 text-decoration: none;
}

#footerlink a:hover,
#footerlink a:focus {
 text-decoration: underline;
}

/* -------------------------------------------
 #copyright
------------------------------------------- */

#copyright {
 margin: 15px 0 15px 0;
}

#copyright address {
 font-family: Arial, sans-serif;
 letter-spacing: 0.1em;
 color: #000000;
}

#copyright address a {
 display: block;
 text-decoration: none;
}

/* -------------------------------------------
 リンククラス
------------------------------------------- */

.link_text,
.link_text2,
.link_text_none {
 font-size: 1em;
 line-height: 1.2;
}

.link_text {
 margin: 0 0 0 10px;
 padding: 0 0 0 10px;
}

.link_text a {
 margin: 0 0 0 -10px;
 padding: 0 0 0 10px;
 text-decoration: none;
 background: transparent url(../images/arrow.gif) 0 0.3em no-repeat;
}

.link_text a:hover,
.link_text a:focus {
 color: #3f639c;
}

/*IE6以下用*/
* html li.link_text a:active,
* html li.link_text2 a:active {
 position: relative;
 top: 1px;
 left: -9px;
}

.link_text2 {
 margin: 0 0 0 10px;
 padding: 0 0 0 10px;
 color: #b0b0b0;
 background: transparent url(../images/arrow.gif) 0 -77px no-repeat;
}

.link_text2 a {
 margin: 0 0 0 -10px;
 padding: 0 0 0 10px;
 text-decoration: none;
 background: transparent url(../images/arrow.gif) 0 0.3em no-repeat;
}

.link_text2 a:hover,
.link_text2 a:focus {
 color: #3f639c;
}

.link_text3 {
 margin: 0 0 5px 0;
 color: #0058ad;
}

.link_text3 a {
 padding: 0 0 0 10px;
 font-weight: bold;
 text-decoration: none;
 line-height: 1.2;
 color: #0058ad;
 background: transparent url(../images/arrow.gif) 0 -17px no-repeat;
}

.link_text3 a:hover,
.link_text3 a:focus {
 text-decoration: underline;
}

.link_text_none {
 margin: 0 0 0 10px;
 padding: 0 0 0 10px;
 color: #b0b0b0;
 background: transparent url(../images/arrow.gif) 0 -97px no-repeat;
}

.shop_caption {
 text-align: right;
 font-size: 1.2em;
 font-weight: bold;
 color: #F00;
}

.go2top {
 text-align: right;
}

.go2top a {
 padding: 0 12px 0 0;
 line-height: 1.2;
 text-decoration: none;
 background: transparent url(../images/arrow_go2top.gif) right 50% no-repeat;
}

.go2top a:hover,
.go2top a:focus {
 color: #3f639c;
}

ul.horizon li {
 display: inline;
}

/*IE7以下用*/
*:first-child+html ul.horizon li.link_text a:active,
*:first-child+html ul.horizon li.link_text2 a:active {
 position: relative;
 top: 1px;
 left: -9px;
}

/* -------------------------------------------
 テキストクラス
------------------------------------------- */

.filedtitle {
 text-indent: 20px;
 color: #0064b4;
 font-weight: bold;
 background: transparent url(../images/arrow2.gif) 0 0.3em no-repeat;
}

/*注釈*/
.annontation {
 font-size: 1em;
 color: #666666;
}

/*必須*/
.required {
 font-size: 1em;
 color: #c70000;
}

/*補足*/
.supplement {
 font-size: 1em;
}

/*結果*/
.result {
 margin: 0 5px 0 0;
 color: #0065b7;
 font-style: italic;
}

/*マーキング*/
.hilight {
 margin: 1px;
 padding: 0 2px;
 background: #f6e0e4;
}

/*引用*/
.quote {
 padding: 0 0 0 15px;
 background: transparent url(../images/arrow_quote.gif) 0 50% no-repeat;
}

/*エラー*/
.error {
 color: #c70000;
 text-align: center;
}

.error a {
 text-decoration: underline;
}

.error a:hover,
.error a:focus {
 text-decoration: none;
}

/*強調*/
.emphasis1 {
 font-weight: bold;
}

.emphasis2 {
 color: #647f93;
 font-weight: bold;
}

.emphasis2 a {
 color: #647f93;
 font-weight: bold;
}

.emphasis3 {
 color: #0058ad;
 font-weight: bold;
}

.emphasis4 {
 color: #f3a04c;
 font-weight: bold;
}

.emphasis5 {
 color: #d84c64;
 font-weight: bold;
}

/*注釈*/
.notes {
 text-decoration: underline;
}

/*英数字のみ*/
.eng {
 font-family: Arial, sans-serif;
}

/* -------------------------------------------
 ボタンクラス
------------------------------------------- */

.btn_go {
 height: 22px;
 width: 40px;
 text-indent: -9999px;
 background: transparent url(../images/btn.gif) 0 0 no-repeat;
 display: block;
}

.btn_go:hover,
.btn_go:focus {
 background-position: 0 100%;
}

.btn_clear {
 height: 22px;
 width: 40px;
 text-indent: -9999px;
 background: transparent url(../images/btn.gif) -80px 0 no-repeat;
 display: block;
}

.btn_clear:hover,
.btn_clear:focus {
 background-position: -80px 100%;
}

.btn_search_jp {
 height: 22px;
 width: 40px;
 text-indent: -9999px;
 background: transparent url(../images/btn.gif) -40px 0 no-repeat;
 display: block;
}

.btn_search_jp:hover,
.btn_search_jp:focus {
 background-position: -40px 100%;
}

.btn_search {
 height: 22px;
 width: 50px;
 text-indent: -9999px;
 background: transparent url(../images/btn.gif) -120px 0 no-repeat;
 display: block;
}

.btn_search:hover,
.btn_search:focus {
 background-position: -120px 100%;
}

.btn_rss {
 height: 14px;
 width: 41px;
 text-indent: -9999px;
}

.btn_rss a {
 height: 14px;
 width: 41px;
 line-height: 14px;
 text-decoration: none;
 background: transparent url(../images/btn_rss.gif) 0 0 no-repeat;
 display: block;
}

.btn_rss a:hover,
.btn_rss a:focus {
 background-position: 0 100%;
}

/* -------------------------------------------
 バナークラス .banner_pickup
------------------------------------------- */

.banner_pickup {
 margin: 10px 0 0 0;
 height: 76px;
 width: 392px;
 overflow: hidden;
}

.banner_pickup a {
 padding: 8px;
 height: 60px;
 width: 376px;
 background: transparent url(../images/top_main_banner_bg.jpg) 0 0 no-repeat;
 display: block;
}

.banner_pickup a:hover,
.banner_pickup a:focus {
 background-position: 0 -76px;
}

/*IE6以下用ハック*/
* html .banner_pickup a {
 height: 76px;
 width: 392px;
}

.banner_pickup .image {
 margin: 0 10px 0 0;
 width: 107px;
 float: left;
}

.banner_pickup .title {
 color: #7f7f7f;
 font-size: 1.4em;
 font-weight: bold;
}

.banner_pickup .date {
 font-size: 1.2em;
 line-height: 2;
 color: #333333;
}

.banner_pickup .link_text {
 padding: 0 0 0 10px;
 text-align: left;
 color: #333333;
 background: transparent url(../images/arrow.gif) 0 -37px no-repeat;
}

/* -------------------------------------------
 画像クラス
------------------------------------------- */

.thumb a {
 height: 68px;
 width: 68px;
 border: #b2b2b2 solid 1px;
 display: block;
}

.thumb a:hover,
.thumb a:focus {
 border: #9c0000 solid 1px;
}

/* -------------------------------------------
 フォームクラス
------------------------------------------- */

.textfield {
 padding: 2px;
 height: 1.2em;
}

/*IE6以下用ハック*/
* html .textfield {
 height: 1.6em;
}

.selectbox {
 height: 1.5em;
}

/*IE7以下用ハック*/
*:first-child+html .selectbox, *html .selectbox {
 height: 1.6em;
}

.checkbox {
 border: 0;
}

.checkbox:hover,
.checkbox:focus {
 background: transparent;
}

.radio {
 border: 0;
}

.radio:hover,
.radio:focus {
 background: transparent;
}

/* -------------------------------------------
 テーブルクラス
------------------------------------------- */

/*機能用テーブル1*/
.fnc_table1 {
 margin: 20px 0 0 0;
 width: 100%;
 font-size: 1em;
 line-height: 1.6;
 border-collapse: collapse;
 border: #99a7b5 solid 1px;
}

.fnc_table1 thead td {
 padding: 4px;
 background: #e1e5e9;
}

.fnc_table1 th {
 padding: 4px 0;
 width: 20px;
 text-align: center;
 vertical-align: middel;
 font-weight: bold;
 color: #ffffff;
 border-bottom: #ffffff solid 1px;
 border-left: #99a7b5 solid 1px;
 border-right: #99a7b5 solid 1px;
 background: #99a7b5;
}

.fnc_table1 tbody th {
 border-bottom: #99a7b5 solid 1px;
}

.fnc_table1 tbody td {
 padding: 10px 0;
}

.fnc_table1 td {
 width: 126px;
 text-align: center;
 vertical-align: top;
 border-left: #c4ccd4 solid 1px;
 border-bottom: #99a7b5 solid 1px;
}

/*機能用テーブル2*/
.fnc_table2 {
 width: 100%;
 font-size: 0.84em;
 line-height: 1.6;
 border-collapse: collapse;
}

/*IE6以下用ハック*/
* html .fnc_table2 {
 margin: 20px 0 0 0;
 border: 0;
}

/*IE7用ハック*/
*:first-child+html .fnc_table2 {
 margin: 20px 0 0 0;
 border: 0;
}

.fnc_table2 caption {
 margin: 20px 0 0 0;
 font-size: 1.2em;
 text-align: left;
 color: #6f6f6f;
 font-weight: bold;
}

.fnc_table2 thead th {
 padding: 4px 0;
 width: 25%;
 height: 27px;
 text-align: center;
 vertical-align: middel;
 font-weight: bold;
 color: #ffffff;
 border-top: #99a7b5 solid 1px;
 border-right: #ffffff solid 1px;
 background: #99a7b5;
}

.fnc_table2 thead th.first {
 border-left: #99a7b5 solid 1px;
}

.fnc_table2 thead th.last {
 border-right: #99a7b5 solid 1px;
}

.fnc_table2 thead td {
 padding: 10px 5px;
 text-align: justify;
 text-justify: distribute;
}

.fnc_table2 tbody td {
 padding: 10px 0;
 text-align: center;
 border: #ffffff solid 1px;
}

.fnc_table2 td {
 width: 25%;
 text-align: left;
 vertical-align: top;
 border: #99a7b5 solid 1px;
}

/*機能用テーブル3*/

.fnc_table3 {
 width: 100%;
 font-size: 0.84em;
 line-height: 1.6;
 border-collapse: collapse;
 xborder: #9eabb6 solid 2px;
}

.fnc_table3 thead th {
 width: 50%;
 height: 20px;
 text-align: center;
 vertical-align: middel;
 font-size: 1.2em;
 font-weight: bold;
 border-top: #9eabb6 solid 2px;
 border-bottom: #9eabb6 solid 2px;
 border-left: #9eabb6 solid 1px;
 border-right: #9eabb6 solid 1px;
 background: #99a7b5;
}

.fnc_table3 thead th.last {
 border-right: #99a7b5 solid 1px;
}

.fnc_table3 tbody th {
 padding: 8px;
 text-align: justify;
 text-justify: distribute;
 border-top: #9eabb6 solid 2px;
 border-bottom: #9eabb6 solid 2px;
 border-left: #9eabb6 solid 1px;
 border-right: #9eabb6 solid 1px;
}

.fnc_table3 td {
 padding: 5px 0;
 width: 50%;
 text-align: center;
 vertical-align: top;
 border-left: #bbc4cb solid 1px;
 border-right: #bbc4cb solid 1px;
}

.fnc_table3 th.left {
 background: #fffcde;
}

.fnc_table3 th.right {
 background: #cfd5db;
}

/* -------------------------------------------
 フロートクラス
------------------------------------------- */

.clearfix {
 content: "";
 height: 0;
 display: block;
 visibility: hidden;
 clear: both;
}