@charset "Shift_JIS";

/*一括で全ての要素の余白をゼロに指定*/
* {
  padding: 0;
  margin: 0;
}

/*---------------------------------------Cleafix-Hack*/

/* よく登場する要素のリセット */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
		vertical-align:top;
}

/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
textarea { font-size: 100%; }

/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom; }

hr{	border: 0}

#wrapper:after,#container:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #wrapper { height: 1%; }
#wrapper { display: block; }
/* End hide from IE-mac */


/*---------------------------------------リンク*/

a:link, a:visited, a:active,
a:hover { text-decoration: none; }

a:link{
	color: #FF6F0F;
	font-weight: bold;
}
a:visited { color: #FF6F0F; }
a:active {color: #FC0; }
a:hover {color: #FC0; }
a:link img ,
a:visited img { text-decoration: none; border-style: none; }

a.opacity{
    background-color:#1F6134;
    display:inline-block;
}
a.opacity:hover img,
a.opacity:active img{
    -moz-opacity:0.9;
    opacity:0.9;
    filter:alpha(opacity=90);
}
a.opacityFFF{
    background-color:#FFF;
    display:inline-block;
}
a.opacityFFF:hover img,
a.opacityFFF:active img{
    -moz-opacity:0.7;
    opacity:0.7;
    filter:alpha(opacity=70);
}

/*---------------------------------------全体*/

body ,.tmp{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #444;
	font-size: 12px;
	font-weight: normal;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	line-height: 150%;
}
	

/* safari only \*/ 
/*\*/ html* body {
	font-size: 13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
}
#container {
	width:1000px;
	height:auto;
	margin:0px auto;
}

p{
	margin:20px 0;
}

/*---------------------------------------メイン*/
#wrapper{
	width: 1000px;
	margin: 0;
	height:auto;
}
/*---------------------------------------詳細ページ左*/
#detail_left{
	width: 610px;
	margin: 30px 10px;
	height:auto;
	float:left;
}
/*---------------------------------------詳細ページ左*/
#detail_right{
	width: 340px;
	margin: 30px 10px;
	height:auto;
	float:right;
}
/*---------------------------------------左カラム*/
#left_colum{
	width: 200px;
	height:auto;
	float:left;
	margin:20px 0 30px 0;
}
/*---------------------------------------中央カラム*/
#center_colum{
	width: 560px;
	height:auto;
	float:left;
	margin:20px 20px 30px 20px;
}
#center_colum h2{
	width:560px;
	height:40px;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	background-image: url(../images/h2_bg.jpg);
	background-repeat: no-repeat;
	padding-top:7px;
}

/*---------------------------------------右カラム*/
#right_colum{
	width: 200px;
	height:auto;
	float:right;
	margin:20px 0 30px 0;
}

/*---------------------------------------買取情報*/
#topics{
	width:560px;
}
#topics dl{
	width: 550px;
	border-bottom:#CCC solid 1px;
	margin:0 5px;
}
#topics dt{
	padding:10px 0;
	width: 100px;
	float:left;
	color:#333;
	font-weight: bold;
}
#topics dd{
	padding:10px 0;
}


/*---------------------------------------ボックス*/
#box1{
	height:auto;
	border:1px solid #7BE600;
	width:198px;
	margin-bottom:20px;
	background-image: url(../images/box1_bg.jpg);
	background-repeat: repeat-x;	
}
#box1 p{
	margin:10px 10px 20px 10px;
}
#box1 h3{
	margin:10px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
#box1 hr{
	height:2px;
	background-color: #7BE600;
	color: #7BE600;
	margin:0 5px;
}
#box1 dl{
	margin:10px;
	border-bottom: 1px dotted #7BE600;
}
#box1 dt{
	padding:0 0 5px 0;
	color:#1F6034;
	font-weight: bold;
}
#box1 dt:before {
	content: '> ';
	color: #1F6134;
}
#box1 dd{
	padding:0 0 10px 0;
}

/*-------------------------------ページトップリンク*/
#pagetop{
	width:1000px;
	height:23px;
	margin:10px auto;
	display:block;
	text-align:right;
	font-size:12px;
	background-image: url(../images/pagetop_bg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	clear:both;
}
#pagetop a{
	padding:3px 5px 0 0;
	color:#999;
	text-decoration: none;
	font-weight: normal;
	display:block;
}
#pagetop a:hover,#footer1 a:hover{
	text-decoration: underline;
}

/*--------------フッター----------------*/
hr.footerstyle {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
#footer1{
	width:100%;
	height:45px;
	text-align:center;
	margin: 30px auto 0 auto;
	display:block;
}
#footer1 a{
	color:#444;
	text-decoration: none;
	font-weight: normal;
}
#footer2{
	width:100%;
	height:100%;
	text-align:center;
	margin: 0 auto;
	background-color: #666;
	color: #FFF;
}
#footer2 p, #footer2 h4{
	text-align:center;
	display:block;
}
#footer2 h4{
	font-size: 14px;
	padding:20px 0 0 0;
}
/*---------------------------------------文字を隠す*/
.screen{
	text-indent:-9999px;
	font-size: 1px;
	height:1px;
}

/*---------------------------------------枠をつける*/
.frame{
     border:solid 1px #ccc;
     padding:5px;
}

/*---------------------------------------その他*/
.img_t15{
	margin-top:15px;
}
.img_b15{
	margin-bottom:15px;
}
.font10{
	font-size: 10px;
}
.caption_bg{
	border-left: 10px solid #6FB628;
	border-bottom: 1px solid #6FB628;
}
