@charset "utf-8";

/* CSS Document */



/*****************************************************



    全ての要素をリセット

    各ブラウザの表示を統一するための設定です



*****************************************************/

html {overflow-y: scroll;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}

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

table { border-collapse: collapse;border-spacing: 0;}

caption,th,p {text-align: left;}

h1,h2,h3,h4,h5,h6 {font-size: 100%;text-align:left;}

img,abbr,acronym,fieldset {border: 0;}

li {list-style-type: none;margin-bottom:6px;}

img{vertical-align:middle;}

.line {font-size:1px;line-height:1px;}



/*--- default */

body {

    background: #f9f9f9;

    color: #333;

    font-size: 12px;

    font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    line-height:1.4;

    text-align:center;

}

body td,body th{

    font-size:12px;

}

table{

    border-collapse:collapse;

}



/*****************************************************



    基本設定、リンクカラーなど



*****************************************************/

#wrap{

    width:100%;

    height:100%;

}

.wrapper{

    width:1200px;

    margin:0 auto;

}

#makebanner{

/*	display:none;*/

	width:0;

	height:0;

}

#wrapper{

    margin-top:30px;

}

a:link {

    color:#333;

    text-decoration:none;

}



a:visited{

    color:#333;

/*    text-decoration:underline;*/

}



a:hover{

    color:#345ECB;

    text-decoration:underline;

}



a:active{

    color:#1049A0;

    text-decoration:underline;

}

.clear:after{

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0;

}

* html .clear            { zoom: 1; } /* IE6 */

*:first-child+html .clear { zoom: 1; } /* IE7 */



a:hover img{

    filter: alpha(opacity=80);

    -moz-opacity:0.8;

    opacity:0.8;

}



.mt5{margin-top:5px;}

.mt10{margin-top:10px;}

.mt15{margin-top:15px;}

.mt20{margin-top:20px;}

.mt25{margin-top:25px;}

.mt30{margin-top:30px;}

.mt80{margin-top:80px;}

.mb5{margin-bottom:5px;}

.mb10{margin-bottom:10px;}

.mb15{margin-bottom:15px;}

.mb20{margin-bottom:20px;}

.mb25{margin-bottom:25px;}

.mb30{margin-bottom:30px;}

.mr0{margin-right:0px;}

.mr5{margin-right:5px;}

.mr10{margin-right:10px;}

.mr15{margin-right:15px;}

.mr20{margin-right:20px;}

.mr25{margin-right:25px;}

.mr30{margin-right:30px;}

.mr40{margin-right:40px;}

.ml5{margin-left:5px;}

.ml10{margin-left:10px;}

.ml15{margin-left:15px;}

.ml20{margin-left:20px;}

.ml25{margin-left:25px;}

.ml30{margin-left:30px;}



.pt5{padding-top:5px;}

.pt10{padding-top:10px;}

.pt15{padding-top:15px;}

.pt20{padding-top:20px;}

.pt25{padding-top:25px;}

.pt30{padding-top:30px;}

.pb5{padding-bottom:5px;}

.pb10{padding-bottom:10px;}

.pb15{padding-bottom:15px;}

.pb20{padding-bottom:20px;}

.pb25{padding-bottom:25px;}

.pb30{padding-bottom:30px;}

.pr5{padding-right:5px;}

.pr10{padding-right:10px;}

.pr15{padding-right:15px;}

.pr20{padding-right:20px;}

.pr25{padding-right:25px;}

.pr30{padding-right:30px;}

.pl5{padding-left:5px;}

.pl10{padding-left:10px;}

.pl15{padding-left:15px;}

.pl20{padding-left:20px;}

.pl25{padding-left:25px;}

.pl30{padding-left:30px;}



.ta_c{

	text-align:center;

	margin:0 auto;

}



.fl{float:left;}

.fr{float:right;}



.fs11{font-size:11px;}


.bg_newbb{
	background:#333;	
}


.bg_newb{
	background:#333;	
}


.bg_b{

	background:#333;

}




.bb_40{

	border-bottom:1px dotted #b2b2b2;

}





/***********************************************

レフトナビ

***********************************************/



#leftmenu{

	width:240px;

	float:left;

	height:100%;

	border-left:1px dotted #b2b2b2;

	border-right:1px dotted #b2b2b2;

	background:#fff;

}



#leftmenu .title{

	margin-bottom:10px;

	margin-left:5px;

	font-weight:bold;

}

/* ロゴ */

.logo{

	text-align:center;

	margin:15px 0;

}

.logo_title{

	margin:0 auto 25px auto;

	padding-bottom:15px;

	border-bottom:1px dotted #b2b2b2;

	width:234px;

	line-height:180%;

}

.logo_title p{

	text-align:center;

	color:#355fa0;

}



.logo_title .maintitle{

	font-weight:bold;

	font-size:16px;

}





/**/

.link_url{

	margin-left:5px;

	margin-bottom:10px;

	line-height:150%;

}

.link_url img{

	margin-right:5px;

}





/**/

.l_navi{

	margin:20px 0 20px 0;

	text-align:left;

}



.l_navi li{

	background:url("/img/left/arrow_gray.png");

	background-repeat:no-repeat; 

	background-position:0px center;

	padding-left:10px;

	margin-bottom:10px;

}



/**/

.l_company{

	line-height:180%;

	margin-top:20px;

	padding:0 10px;

}





/**/

.l_banner p{

	text-align:center;

}



.b_line{

	padding-bottom:10px;

	border-bottom:1px dotted #b2b2b2;

	width:234px;

}



/***********************************************

メインエリア

***********************************************/



#main{

	width:900px;

	padding-left:20px;

	float:left;

	background:#f9f9f9;

}





/*  */

#main .today{

	font-size:80px;

	font-weight:bold;

	font-family: 'Archivo Black', sans-serif;

	width:120px;

	margin-right:5px;

}

.toparea{

	vertical-align:bottom;

	height:120px;

}

.month{

	vertical-align:bottom;

	width:100px;

	text-align:left;

	padding-top:45px;

}

.month p{

	font-size:20px;

	font-weight:bold;

}



.toparea .txt{

	padding-top:74px;

}



/* 吹き出し部分 */

.pop a:hover{ /*マウスが乗ったら*/

        position: relative;

        top: 0px; left: 0px;

}

.fukidasipop { /*吹き出し本体*/

/* 

       position: absolute;

        top:100px; left:-500px;

*/

/*

        position: relative;

        top:100px; left:0px;

*/		

       position: absolute;

        top:100px; left:-500px;

        display: none; /*何も表示しない*/

        padding: 5px; /*内側の余白*/

        width: 200px; /*ブロックの幅		

        font-weight: bold; /*文字の太さ*/

        text-decoration: none; /*文字飾り*/

        color: #ffffff; /*文字色*/

        background-color: #c60c0d; /*背景色*/



        border-top:white solid 10px;

        border-left:#c60c0d solid 10px;



     filter: alpha(opacity=85); /* IE */

　　-moz-opacity:0.85; / *Firefox・Netscape */

  　opacity:0.85; /* Opera・Safari */

}





/*Firefoxだけに適用されるCSSハック*/

@-moz-document url-prefix() {

  .fukidasipop {

        top:100px; left:-250px;

  }

}

/*IE10以降に適用されるCSSハック（一応）*/

@media all and (-ms-high-contrast:none){

  .fukidasipop {

        top:100px; left:-50px;

  }

}



a:hover .fukidasipop {

        display: block; /*ブロック要素で表示*/

}



.toparea a:hover{

		cursor:pointer;

		text-decoration:none;

}



/**/

.mainimage{

	background:url("/img/main/main_image.jpg");

	width:900px;

	height:296px;

	background-repeat:no-repeat;

	padding-left:4px;

}

.mainimage p{

	margin-top:155px;

/*	margin-left:220px;*/

}

/**/

.day{

	margin:30px 0;

}









/**/

#main .newscontents .title{

	font-weight:bold;

	padding-bottom:2px;

	border-bottom:1px solid #000;

}

#main .newscontents .title span{

	font-family:arial;

	font-size:16px;

}



.newscontents,#main .infomation{

	margin:40px 0 0;

}



.newscontents .box{

	float:left;

	margin-right:10px;

}

	



/* 新着情報画像 */

#main .infomation .title{

	font-weight:bold;

	padding-bottom:5px;

	border-bottom:1px solid #000;

	vertical-align:bottom;

}

#main .infomation .title img{

	margin-right:10px;


}



.infomation .box_l{

	float:left;

	width:440px;

	margin-right:20px;

}



.infomation .box_r{

	float:right;

	width:440px;

}



.info_txt{

	border:5px solid #ededed;

	background:#fff;

	height:450px;

	padding:5px;

	overflow: scroll;

	text-align:left;

}



.info_txt p{

	border-bottom:1px solid #c1c1c1;

	padding:5px;

}













/***********************************************

フッター

***********************************************/

.footer{


	text-align:center;

    width:1200px;

    margin:0 auto;

	padding:10px 0;



}



/*TOP PAGE　中古最新*/

.posirela{position:relative}

#last_modify{

position: absolute;

top: 5px;

right: 5px;

font-size: 15px;

font-weight: bold;

background: #000;

opacity: 0.6;

color: #f99;

line-height: 1.8;

}







#leftmenu{

	width:240px;

/*	float:left;*/

	height:100%;

	border-left:1px dotted #b2b2b2;

	border-right:1px dotted #b2b2b2;

	background:#fff;
	
	display: inline-block;

}

#main{

	width:900px;

	padding-left:20px;

/*	float:left;*/

	background:#f9f9f9;

}


#main1{

	display: inline-block;
	margin-left:220px;
	margin-top:-3116px;

}



@-moz-document url-prefix() {


#leftmenu{

	width:240px;

/*	float:left;*/

	height:100%;

	border-left:1px dotted #b2b2b2;

	border-right:1px dotted #b2b2b2;

	background:#fff;
	
	display: inline-block;

}

#main{

	width:900px;

	padding-left:20px;

/*	float:left;*/

	background:#f9f9f9;

}


#main1{

	display: inline-block;
	margin-left:220px;
	margin-top:-3116px;

}


}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
#leftmenu{

	width:240px;

/*	float:left;*/

	height:100%;

	border-left:1px dotted #b2b2b2;

	border-right:1px dotted #b2b2b2;

	background:#fff;
	
	display: inline-block;

}

#main{

	width:900px;

	padding-left:20px;

/*	float:left;*/

	background:#f9f9f9;

}


#main1{

	display: inline-block;
	margin-left:220px;
	margin-top:-3116px;

}
}