/* ---------------------------------------------
リセット&基本
--------------------------------------------- */
* {
margin:0;
padding:0;
}

body {
font-size:80%;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
text-align:justify;
text-justify:distribute;
background: url(../img/body_bg.gif);
padding:12px 10px;
}

img {
border:0;
}

hr {
border-top:1px solid #d9d9d9;
border-bottom:none;
border-left:none;
border-right:none;
color:#ffffff;
}
/* ----- テキスト ----- */
.tx_center {
text-align:center;
}
.tx_b {
font-weight:bold;
}
.tx_red {
color:#ff0000;
}
.tx_org {
color:#FF9000;
}
.tx_small {
font-size:11px;
}
.tx_small2 {
font-size:9px;
}

/* ----- フロート ----- */
.fl_left {
float:left;
}
.fl_right {
float:right;
}
.clear {
clear:both;
}
/* ----- マージン ----- */
.mgt_15 {
margin-top:15px;
}
.mgt_30 {
margin-top:30px;
}
.mgb_10 {
margin-bottom:10px;
}
.mgb_20 {
margin-bottom:20px;
}
.mgb_30 {
margin-bottom:30px;
}

/* ---------------------------------------------
リンク
--------------------------------------------- */
a {
color:#003399;
text-decoration:underline;
}
a:visited {
color:#003399;
}
a:hover {
color:#0284CE;
text-decoration:none;
}
a:active {
color:#0284CE;
text-decoration:none;
}

/* ---------------------------------------------
枠
--------------------------------------------- */
#wrapper {
width:800px;
background:#ffffff;
border:1px solid #d5d5dd;
}
#wrapperDepo {
width:612px;
background:#ffffff;
border:1px solid #d5d5dd;
}

#container {
clear:both;
padding:10px;
}

#footer {
clear:both;
text-align:center;
line-height:1.6em;
padding-top:10px;
border-top:3px solid #034895;
}

/* ---------------------------------------------
ヘッダー
--------------------------------------------- */
#header {
background:url(../img/header_bg.gif);
height:64px;
padding:0 8px 0 20px;
}
#header h1 {
text-align:right;
padding:5px 0 0;
font-size:110%;
}
#header p#logo_site {
float:left;
}
#header p#title_category {
float:right;
font-size:100%;
margin-top:15px;
}
#header p#logo_op {
float:right;
margin:15px 0 0;
}

/* ---------------------------------------------
メニュー
--------------------------------------------- */
div#menu {
float:left;
width:180px;
padding-bottom:40px;
font-size:85%;

}
div#menu h2 {
background:url(../img/menu_bg.gif) center center;
border:1px solid #0147A7;
padding:7px 3px;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
margin:10px 0 0;
}

#menu ul {
border-top:1px solid #ffffff;
margin-bottom:30px;
}
#menu ul li {
list-style:none;
border-bottom:1px solid #ffffff;
overflow:hidden;
}
#menu ul li a {
display:block;
width:100%;
padding:8px 5px 7px 18px;
background:#e9e9e9 url(../img/menu_arrow.gif) no-repeat 8px 10px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
text-decoration:none;
}
#menu ul li a:link{
background-color:#e9e9e9;
}
#menu ul li a:visited{
background-color:#e9e9e9;
color:#003399;
}
#menu ul li a:hover{
background:#215FAB url(../img/menu_arrow_over.gif) no-repeat 8px 10px;
color:#ffffff;
text-decoration:none;
}
/* ----- クラス.link ----- */
#menu ul.link {
border-top:1px solid #ffffff;
}
#menu ul.link li {
border-bottom:1px solid #e6e6e6;
}
#menu ul.link li a {
padding:6px 3px 5px 18px;
background:#ffffff url(../img/menu_arrow.gif) no-repeat 7px 8px;
}
#menu ul.link li a:link{
background-color:#ffffff;
}
#menu ul.link li a:visited{
background-color:#ffffff;
}
#menu ul.link li a:hover {
background:#afafaf url(../img/menu_arrow_over.gif) no-repeat 7px 8px;
color:#ffffff;
}

/* ----- ID.rate ----- */
#menu div#rate {
font-size:10px;
margin:5px 0 0 10px;
}

/* ---------------------------------------------
メイン用（index以外）
--------------------------------------------- */
div#main {
float:right;
width:590px;
margin-bottom:40px;
}

div#main th,td {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#main p {
margin:5px 5px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#main p#p_top {
font-size:140%;
margin:5px 0;
}

div#main p#p_uss {
font-size:140%;
margin:10px 0 40px;
text-align:center;
}


div#main h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(../img/h2_bg.gif) left center;

font-size:140%;
color:#333333;
text-indent:1.2em;
padding:4px 0 2px;
margin:10px 0;
}
div#main h2 span {
font-size:70%;
margin-left:20px;
}

div#main h3 {
background:#f3f3f3;
font-size:120%;
color:#157ACF;
border-bottom:3px solid #157ACF;
text-indent:0.5em;
padding:5px 0 2px;
margin:30px 0 10px;
}
div#main h4 {
font-size:120%;
color:#157ACF;
border-left:7px solid #157ACF;
text-indent:0.3em;
margin:15px 5px 0;
}
div#main ul,ol,dl {
margin:10px 20px 15px 30px;
}

div#main dl dt {
margin-top:15px;
font-weight:bold;
color:#598B02;
}
div#main dl dd {
margin-top:3px;
}

div#main li {
margin-bottom:10px;
}

/* -----ストックリスト用テーブル----- */
div#main table#stock {
width:100%;
background:#e6e6e6;
}
div#main table#stock th {
background:url(../img/th_bg.gif);
padding:7px 3px;
color:#ffffff;
text-align:center;
white-space: nowrap;
}
div#main table#stock td {
background:#ffffff;
padding:5px;
vertical-align:middle;
line-height:1.5em;
}
div#main table#stock td.photo {
width:100px;
padding:5px 0;
text-align:center;
}
div#main table#stock td.price {
width:195px;
font-weight:bold;
}
div#main table#stock td.price span {
background:#FBF0A4;
padding:1px 3px;
}

div#main table#stock td.year {
width:80px;
}

div#main table#stock td.td_bl {
background:#F2F6F8;
}

div.sold {
color:#ff0000;
font-weight:normal;
margin:0;
}

/* ---------------------------------------------
エントリーページ用
--------------------------------------------- */
div#main table#photos {
margin:0 15px 5px 0;
}
div#main table#photos img {
border:1px solid #c5c5c5;
}
div#main table#photos th,td {
padding:0;
}
div#main table#photos th {
padding-bottom:10px;
}

div#main p#ex_big {
margin-bottom:50px;
}

/*--Detail--*/
div#main table#detail {
width:285px;
}
div#main table#detail th, div#main table#detail td {
padding:7px 10px;
line-height:1.8em;
}
div#main table#detail th {
width:35%;
background:#e9e9e9;
text-align:right;
}
div#main table#detail td {
background:#f5f5f5;
}
div#main table#detail td#td_price {
font-size:140%;
font-weight:bold;
color:#003399;
}
div#main table#detail td#td_price span {
font-size:80%;
background:#FBF0A4;
padding:1px 5px;
color:#666666;
}

/* ---------------------------------------------
Lightbox(POPUP)用
--------------------------------------------- */
#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(http://www.ranx.co.jp/export/img/overlay.png); }

* html #overlay{
background-color: #333;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.ranx.co.jp/export/img/overlay.png", sizingMethod="scale");
}

/* ---------------------------------------------
ページ分割用
--------------------------------------------- */
#page{
text-align: center;
padding: 20px 0 0;
}
#page span{
padding: 0 10px;
}

/* ---------------------------------------------
問合せフォーム用
--------------------------------------------- */
#main table#form{
width:98%;
background:#d6d6d6;
}

#main table#form th,#main table#form td{
padding:7px;
}

#main table#form th{
background:#eeeeef;
text-align:left;
}
#main table#form th span{
color:#ff0000;
padding-left:3px;
}

#main table#form td{
background:#ffffff;
}