@charset "UTF-8";

/* CSS Infomation =======================================================
Filename: style.css
Description: Style for Hawgholic
Version: 1.0
Modified: 11/12/04
Content:
* Main Visual
========================================================================= */

@import "../_common/_css/basestyle.css"; /* サイト共通スタイル取り込み */
@import "../_common/_css/galleria_sale.css";

/* ---------------------------------------------------------------------- */
/* メインカラム BOX設定 */
/* ---------------------------------------------------------------------- */

div#main
{
float: left;
width: 710px;
margin-bottom: 20px;
}

div#main div.section
{
margin-bottom: 30px;
}


/* ---------------------------------------------------------------------- */
/* サブカラム BOX設定 */
/* ---------------------------------------------------------------------- */
div#sub
{
float: right;
margin-right: 10px;
width: 200px;
display: inline;
}

*html div#sub
{
margin-right: 5px;
}

div#sub div.section
{
margin-bottom: 25px;
}


/* ---------------------------------------------------------------------- */
/* メインカラム 詳細設定 */
/* ---------------------------------------------------------------------- */
div#main h2
{
margin-bottom: 15px;
}

div#forsale-list h3 a
{
font-weight: bold;
}

div#forsale-list a:link { color: #ffffff; text-decoration: none;}
div#forsale-list a:visited { color: #ffffff; text-decoration: none;}
div#forsale-list a:hover { color: red; text-decoration: none;}
div#forsale-list a:active { color: red; text-decoration: none;}

div#forsale-list ul li
{
margin-bottom: 30px;
}

div#forsale-list ul li img.forsale-list-image
{
float: left;
margin-right: 10px;
}

div#forsale-list ul li div.caption-box
{
float: left;
width: 495px;
}

div#forsale-list ul li div.caption-box h3
{
width: 485px;
height: 22px;
background-color: #000000;
color: #ffffff;
padding-left: 10px;
padding-top: 2px;
font-size: 1.4em;
font-weight: bold;
margin-bottom: 0;
font-family: Helvetica,Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

div#forsale-list ul li div.caption-box div.caption
{
height: 99px;
overflow: hidden;
font-size: 1.2em;
word-wrap: break-word;
padding: 2px 5px;
}

div#forsale-list ul li div p
{
text-indent: 0;
}

div#forsale-list dl
{
line-height: 1.6em;
margin-bottom: 10px;
}

div#forsale-list dt
{
clear: left;
float: left;
width: 70px;
font-weight: bold;
}

div#forsale-list dd
{
padding-left: 70px;
font-size: 1.1em;
margin-bottom: 1px;
border-bottom: solid 1px #eeeeee;
}

div#forsale-list ul li dd.details
{
height: 75px;
padding-left: 0;
overflow: hidden;
word-wrap: break-word;
border-bottom: none;
}

div#forsale-list ul li dd.details p
{
margin-bottom: 1.3em;
}

div#forsale-list ul li dd.price,
dl.details-more dd.price
{
color: red;
font-weight: bold;
}

div#forsale-list ul li dd.price
{
border-top: solid 1px #eeeeee;
}


div#forsale-list img.details-more
{
float:right;
margin-top: 3px;
}

div#contactus
{
width: 710px;
text-align: center;
margin-top: 20px;
margin-bottom: 10px;
}

div#contactus a.back
{
margin-left: 10px;
}

div#main div#details
{
margin-left: 5px;
margin-bottom: 50px;
}

div#main div#forsale h2
{
margin-left: 5px;
}

div#main div#details h3
{
width: 695px;
height: 22px;
background-color: #000000;
color: #ffffff;
padding-top: 2px;
padding-left: 5px;
font-size: 1.4em;
font-weight: bold;
margin-bottom: 12px;
font-family: Helvetica,Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

div#main div.section p,
div#main div.section ul,
div#main div.section ol
{
margin-bottom: 1em;
}

div#details h3 a
{
font-weight: bold;
}

div#details h3 a:link { color: #ffffff; text-decoration: none;}
div#details h3 a:visited { color: #ffffff; text-decoration: none;}
div#details h3 a:hover { color: red; text-decoration: none;}
div#details h3 a:active { color: red; text-decoration: none;}

ul#galleria
{
margin-bottom: 15px;
height: 245px;
}

div.galleria_container
{
width: 325px;
float: left;
display: inline;
margin-left: 1px;
margin-bottom: 20px;
}

ul#galleria li
{
float: left;
display: inline;
margin: 0 0 3px 3px;
overflow: hidden;
}

div#details dl
{
clear: left;
width: 680px;
margin-left: 10px;
line-height: 1.6;
margin-bottom: 10px;
}

div#details dt
{
clear: left;
float: left;
width: 85px;
font-weight: bold;
font-size: 1.2em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}

div#details dd
{
padding-left: 85px;
font-size: 1.2em;
background-image: url(../_common/_images/line_dotted_680.gif);
background-position: center bottom;
padding-top: 0.5em;
padding-bottom: 0.5em;
}

div#details dd.details
{
padding-bottom: 1px;
}

div#details dd.details p
{
margin-bottom: 0.5em;
}

div#forsale ul
{
margin-left: 5px;
margin-bottom: 10px;
}

div#forsale ul li
{
float: left;
margin-right: 4px;
overflow: hidden;
}

div.back-to-top a.back-to-top,
div#main a.back-to-top /* ページ先頭へ */
{
float: right;
/*margin-top: -3px; */
margin-bottom: 5px;
padding-right: 14px;
padding-top: 2px;
background-image: url(../_common/_images/icon_to_top.gif);
background-position: 100% 5px;
position: relative;
zoom: 1;
}

div.back-to-top
{
clear: both;
padding-bottom: 10px;
width: 100%;
}

/* ---------------------------------------------------------------------- */
/* サブカラム 詳細設定 */
/* ---------------------------------------------------------------------- */
div#sub h3
{
margin-bottom: 15px;
}

div#blog
{
margin-bottom: 0;
}

div#sub dl
{
width: 200px;
/* line-height: 2.1; */
}

div#sub dt
{
clear: left;
float: left;
padding-left: 5px;
width: 45px;
height: 40px;
text-align: center;
margin-bottom: 15px;
}

div#sub dd
{
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
overflow: hidden;
height: 34px;
font-size: 1.2em;
background-position: center bottom;
margin-bottom: 15px;
}

div#sub dd a
{
text-decoration: none;
}

div#sub div#model
{
border: 1px solid #cccccc;
}

div#sub div#model h3
{
margin-top: 10px;
margin-left: 8px;
margin-bottom: 1em;
}

div#sub div#model ul
{
margin-left: 10px;
margin-bottom: 15px;
}

div#sub div#model ul li
{
font-size: 1.2em;
font-weight: bold;
background: url(../_common/_images/list_arr_model.gif) no-repeat left center;
padding-left: 25px;
padding-bottom: 3px;
margin-bottom: 5px;
}

div#sub div#model ul li a
{
font-weight: bold;
}

div#sub div#model ul li a:link { color: #666666; text-decoration: none;}
div#sub div#model ul li a:visited { color: #666666; text-decoration: none;}
div#sub div#model ul li a:hover { color: red; text-decoration: none;}
div#sub div#model ul li a:active { color: red; text-decoration: none;}


div#sub div#about
{
border: solid 1px #9C9A9C;
font-size: 1.2em;
}

div#sub div#about h3
{
margin-top: 10px;
margin-left: 10px;
margin-bottom: 1em;
}

div#sub div#about p
{
margin-left: 20px;
text-indent: 0;
}

div#sub div#about strong
{
display: block;
margin-bottom: 5px;
font-size: 1.1em;
}

div#sub div#about a#more,
div#beta div#about a#more
{
display: inline;
float: right;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 20px;
font-size: 1.2em;
}