@charset "utf-8";

body,tr,td,th {
background-color: #ffffff;
}
table,td,tr,th,div,span{margin:0; padding:0;}

a:link{ color: #0000ff;  }
a:visited{ color: #000080;  }
a:active{ color: #ffd700;  }
a:hover{ color: #ff0080;  }

.cr{clear:both;}
.cr_l{clear:left;}
.cr_r{clear:right;}
.vtop{ vertical-align:top; }
.vmid{ vertical-align:middle; }
.center{ text-align:center; }
.right{ text-align:right; }
.left{ text-align:left; }
.nobr{ white-space: nowrap; }

big {
font-size: 14px;
font-weight: bold;
letter-spacing:1px;
}
small{font-size:11px;}

/* 該当数 */
.hitmny{margin:10px 0 5px;font-size:14px;font-weight:bold;text-align:left;}

/* カテ検索 */
.srh01{float:left;margin:0px 8px 0 0;}
.srh02{float:left;text-align:left;margin:0 8px 3px 0;}
.srh03{float:left;text-align:left;margin:2px 10px 0 0;}
.srh04{float:left;text-align:left;}
/* ページリンク */
.plink{float:right;margin:3px 0 3px;font-size:14px;}
.plink a{font-weight: bold;}
/* キーワード指定フォーム */
.keyword{width:200px;font-size:12px; padding:1px;}
/* [検索]ボタン */
.srhbutton{font-size:12px; padding:1px 10px 1px;}


/* 最近見た */
.histtable{
	border:1px solid #6586ce;margin:0 0 15px;
	width:100%;
}
.titlefram{font-size:14px;font-weight:bold;background-color:#6586ce;color:#ffffff;padding:5px;text-align:center;line-height:120%;}
.comp{width:150px;background-color:#6586ce;color:#ffffff;padding:2px;text-align:right;vertical-align:middle;font-size:11px;}
.histtd{ line-height:140%;padding:10px 10px 5px;background-color:#ffffff;text-align:left;}


.content{
	width:900px;
	margin: auto;
	text-align:center;
}

.headline{
	border-collapse: collapse;/* cellspacing=”0″ cellpadding=”0 */
	margin:2px 0 0;
	text-align:left;
	vertical-align:middle;
	width:100%;
}
#m9{ width:190px;  float:left; }
#m10{ width:290px;  float:left; margin:2px 0;}
#m101{ float:right; margin:5px 0;} 
#m11{
	font-size: 14px; text-align:left;padding:10px 0 10px;
	letter-spacing:1px;
	font-weight: bold;
	line-height: 130%;
}


/* 点線 */
.dotline {
	width:100%; 
	background-image: url("https://www.azr.ne.jp/aozoracgi/img/dot.gif");
	background-repeat: repeat-x; 
	padding:0;margin: 3px 0 0; height:3px;
	font-size: 4px; 
	color:#ffffff; 
}

.indotline {
	background-image: url("https://www.azr.ne.jp/aozoracgi/img/dot.gif");
	background-repeat: repeat-x; 
}


/* カテゴリ リンク */
.catelnk a:link{ color: #000080;}
.catelnk a:hover {color: #ff6caa;}

.popw {text-decoration:none; }
.areap a{display: block;}

/* 外枠 */
.outtable{
/* background-color: #c7c7c7; */
width:850px;
}


/* サイト検索窓 */
input#query{ 
	width:215px;font-size: 9pt;background-color: #f8fbfd; 
}
.querysub{
	font-size:12px; padding:1px 10px 1px;
}



/* タイトル部 */
.title{
margin:10px 0 10px; font-size:14px; font-weight: bold;
}
/* 上説明部 */
.tmenu{ width:85%;text-align:left;margin:0 auto; }
.tm01{ float:left;}
.tm02{width:250px; float:right;text-align:right;}

/* データ表示部 */
.data{
padding:4px 10px 4px 10px;
vertical-align:top;

}
/* ソートリンク */
.sortlink{
font-size: 12px;
}

/* ページNoリンク */
.pagelink{
margin:5px 0 5px;
text-align:center;
}
/* 現在表示されているページ番号 */
.col1{
color:#ff0000;
font-weight: bold;
}
/* 現在表示されている▼▲ */
.col2{
color:#ff0000;
}

.col3{
color:#ff0000; font-size:12px; font-weight:normal; margin:0 2px 0 3px;
}


/* 検索フォーム外枠 */
.searchform{
background-color:#e3f3e6;
padding:5px;
line-height: 150%;
margin-top:3px;
}
/* カテゴリ指定フォーム */
.srform_6{
font-size:13px;
}
/* カテゴリ指定フォーム 「全選択」の色*/
.srform_defo_6{
color:#999999;
}

/* タイプ指定フォーム */
.srform_7{
font-size:13px;
}
/* タイプ指定フォーム 「全選択」の色*/
.srform_defo_7{
color:#999999;
}





/* サジェスト用1 */
#suggest2 {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #aab1c4;
    font-size:13px;
    line-height:130%;
    width:200px;padding:3px; margin-top:2px;
}
#suggest2 div {
    display: block;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
}
#suggest2 div.select{ /* Key UP,KeyDwn Style */
    color: #ffffff;
    background-color: #6184de;
}
#suggest2 div.over{ /* Mouse Over Style */
    color: #ffffff;
    background-color: #6184de;
}
/* サジェスト用2 */
#suggest3 {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #aab1c4;
    font-size:13px;
    line-height:130%;
    width:200px;padding:3px; margin-top:2px;
}
#suggest3 div {
    display: block;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
}
#suggest3 div.select{ /* Key UP,KeyDwn Style */
    color: #ffffff;
    background-color: #6184de;
}
#suggest3 div.over{ /* Mouse Over Style */
    color: #ffffff;
    background-color: #6184de;
}




/* 金額範囲指定フォーム */
.srform_5{
width:55px;
}



/* リスト表示部 */
.list{
padding:20px 5px 20px 5px;
}
/* カテゴリ リスト */
.list6{
margin:5px 0 0 15px;
padding:0;
}
/* タイプ リスト */
.list7{
margin:5px 0 0 15px;
padding:0;
}


/**** データ表示Table ****/
/* table外枠 PC用 */
.datatable{
border-left:1px solid #a7a7a7;
border-top:1px solid #a7a7a7;
width:100%;
margin:2px 0 0;
padding:0;
border-spacing:0px;
}
.datatable td{
border-right:1px solid #a7a7a7;
border-bottom:1px solid #a7a7a7;
padding:3px 4px 3px;
}

/* table外枠 スマホ用 */
.datatable2{
border-left:1px solid #a7a7a7;
border-top:1px solid #a7a7a7;
width:100%;
margin:2px 0 0;
padding:0;
border-spacing:0px;
}
.datatable2 td{
border-right:1px solid #a7a7a7;
border-bottom:1px solid #a7a7a7;
padding:1px 2px 1px;
}

.tithead{font-weight:bold; background-color:#efefef;text-align:center;}
.tithead a{ text-decoration:none; font-size:12px; font-weight:normal; margin:0 2px 0 3px; color:#0000ff;}
.titdata td{ text-align:left;}





/* 一覧表示 背景色1(交互に変わる背景色) */
.tablebg1{
background-color: #ffffff;
}
/* 一覧表示 背景色2 */
.tablebg2{
background-color: #eff3f4;
}
/* 項目名 */
.head1{}
.head4{white-space: nowrap;}
.head5{white-space: nowrap;}
.head6{white-space: nowrap;}
.head7{white-space: nowrap;}
.head8{}
/* 価格 */
.price{
font-size:14px;
letter-spacing:1px;
white-space: nowrap;
font-weight: bold;
}


.dblueline{
	font-size: 14px; margin:10px 0 10px;
	letter-spacing:1px;
	font-weight: bold;
	line-height: 130%;
	text-align:right;
}

/* ページリンク*/
.linklist{
	width:100%;
	margin: auto;
	text-align:center;
}
.linkmarg{
	text-align:center;
	margin: 10px 0 0;
}





/**************** レスポンシブ指定  ****************/
/********** 800未満 *****/
@media screen and (max-width:850px){ 
.outtable{ width:100%; }
.content{ width:99%; }
}

/********** 700未満 *****/
@media screen and (max-width:720px){ 
#m101{ text-align:right; width:100%;}
.plink{text-align:center;width:100%;margin:10px 0 3px;}
}



/********** 600未満 *****/
@media screen and (max-width:620px){
.tmenu{width:95%;}

}



/********** 500未満 *****/
@media screen and (max-width:520px){ 
.tm02{width:100%; text-align:left;}
#m101{ text-align:left;}
.keyword{width:150px;}
}



/********** 400未満 *****/
@media screen and (max-width:395px){ 
.headline{height:auto;}
.tmenu{ width:100%; }
input#query{width:170px;}
}


/********** 350未満 *****/
@media screen and (max-width:360px){ 

#m10{ width:100%; }
.dblueline{text-align:left;}
}