@charset "utf-8";

/* Synchro at aozoracgi/css/ */
body,tr,td,th,input,textarea,select,option{
/* margin:0;padding:0;border-spacing:0; */
}

html,body { 
-webkit-text-size-adjust:100%; 
} 

.f5 { font-size: 16px; }
.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:bottom;font-size:11px;}
.cr{clear:both;}
.cr_l{clear:left;}
.cr_r{clear:right;}


body {
	font-size: 13px; 
	line-height: 1.3;
	color: #000000;
	background-color:#ffffff;
	text-align:center;
	margin: 5px 0 0;
	padding: 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
}

input,textarea,select,option{
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
}


input[type=text],input[type=button],input[type=submit],input[type=reset],input[type=tel],input[type=email]{
	border:1px solid #6e6e6e; height:26px;
	border-radius:4px;  
}
/* iPhone特有フォームデザイン解除 */
input[type=text],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=password],input[type=reset], textarea{ -webkit-appearance: none; }

input[type=submit]{ background-color: #e9e9ed; color:#000000; }
input[type=submit]:hover { background-color: #d1ddf0;}
input[type=button]:hover { background-color: #d1ddf0;}


                            /*     .content{background-color:#d8f4f4;}  */


td { 
	font-size: 13px; 
	line-height: 1.4;
	text-align:left;
}

a:link{ color: #0000ff;  }
a:visited{ color: #000080;  }
a:active{ color: #ffd700;  }
a:hover{ color: #ff0080;  }
em{ font-style: normal; font-weight: bold;}

.vtop{ vertical-align:top; }
.vmid{ vertical-align:middle; }
.vbtm{ vertical-align:bottom; }
.center{ text-align:center; }
.right{ text-align:right; }
.left{ text-align:left; }
.nobr{ white-space: nowrap; }

.sgft{margin-top:3px;}

h1{
	margin: 0;
	padding: 0;
	font-size: 14px; 
	letter-spacing:1px;
	font-weight: bold;
	line-height: 130%;
	color:#3F3F3F;
	display:inline;
}


big{ 
	font-size: 14px; 
	letter-spacing:1px;
	font-weight: bold;
	line-height: 130%;
}

small{ 
	font-size: 11px;
	font-weight:normal; 
	line-height:120%;
	/*font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック";*/
}

/* NEW non swf */
.icnew{
	font-weight:bold; 
	font-size:11px;
	color:#ffffff; 
	background-color:#fd3131; line-height:160%;
	padding:0px 3px 0px; margin-top:1px; 
	/*font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック";*/
}

/* 新登場 non swf*/
.ictojyo{
	font-weight:bold; 
	font-size:11px;
	color:#ffffff;
	background-color:#2626ff; line-height:160%;
	padding:0px 3px 0px; margin-top:1px; 
	/*font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック";*/
}


/* 商品/News*/
.headline{
	border-collapse: collapse;/* cellspacing=”0″ cellpadding=”0 */
	margin:13px 0 0;
	text-align:left;
	vertical-align:middle;
	width:100%;
}

/* table */
.tablecc0{
	border-collapse: collapse;/* cellspacing=”0″ cellpadding=”0 */
	text-align:left;
	vertical-align:top;
	width:880px;
	margin: 3px 0 0;
}

/* Top Menu table */
.tablecc1{
	border-collapse: collapse;/* cellspacing=”0″ cellpadding=”0 */
	text-align:left;
	vertical-align:top;
	width:880px;
	margin: 20px 0 0;
}

/* Top Ranking table */
.tablecc2{
	border-collapse: collapse;/* cellspacing=”0″ cellpadding=”0 */
	text-align:left;
	vertical-align:top;
	width:880px;
	margin: 15px 0 10px;
}

/* 動作環境Table */
.list_table{width:100%;margin:0 0 5px;}
.list_table td{ vertical-align:top; padding:12px 3px 10px 3px;}

/* 記事表示部分 */
.content{
	width:900px;
	margin: auto;
	text-align:center;
}
/* 問合せ一覧 上,中*/
.sub_content01{
	width:700px;
	margin:13px auto 13px;
	text-align:left;
}
.sub_content02{
	width:800px;
	margin:13px auto 13px;
	text-align:left;
}
/* Site MAP */
.smap01{
	width:440px;
	float:left; text-align:left;
}
.smap02{
	width:460px;
	float:left; text-align:left;
}
.smap02td1{ width:1px;background-color:#777777; }
.smap02td2{ padding-left:13px;vertical-align:top; }
.sm1{text-align:left;margin:10px 0 15px;}
.sm2{text-align:right;margin:20px 0 1px;}

/* リスト */
/* 赤※ */
.list1{
	margin: 0 0 0 20px;
	padding: 0;text-align:left;
	list-style-image:url("https://www.azr.ne.jp/aozoracgi/img/rmrk.gif"); 
}
.pad1{ margin:6px 0 6px;}
/* 緑※ */
.list2{
	margin: 0 0 0 18px;
	padding: 0;
	list-style-image:url("https://www.azr.ne.jp/aozoracgi/img/gmrk.gif"); 
}
/* 段落 */
.para{
	margin: 0 0 0 18px;
	padding: 0; text-align:left;
	list-style-type: none; 
}
li{
	margin: 0 0 2px;
	line-height: 130%;
}



/* NEWS */
.news{
	background-color:#8f8f8f;
	width:333px;
}
.newscate{
	background-color:#8f8f8f;
	width:333px;
	margin:10px 0 0 0;
}

.newslog{
	font-size: 11px; width:100px;
	color:#0000ff; 
	background-color: #ffffff; 
	padding:0 3px 0px;
	text-decoration:none;
}
td#m0{ width:250px;height:54px;}
td#m1{ text-align:left; width:30%;padding:1px 2px 0;}
td#m2{ text-align:center; width:40%;color:#ffffff;font-weight: bold;padding:3px 3px 2px;}
td#m3{ text-align:right; width:30%;margin:1px;padding:1px 2px 0;}


/* TopPageMenu */
.menutd1{ vertical-align:top; width:21px;}
.menutd2{ vertical-align:top; width:50%;}

/*Lastupdate*/
.lastupdate{
	text-align:right;
	margin: 5px 0 3px 0;
	color:#000080;
}

/* 検索窓 */
input#query{ 
	width:170px;font-size: 9pt;background-color: #f8fbfd; height:22px;box-sizing:border-box; 
}
.querysub{
	font-size:12px; padding:1px 10px 1px;
}
#SearchForm input[type=submit]{height:23px;}

/* タイトルバー*/
.titlebar{
	border:1px solid #b9b9b9;
	background-color:#f3f3f3;
	text-align:left;
	padding:3px 6px 3px 8px;
	font-size: 14px; 
	letter-spacing:1px;
	font-weight: bold;
}


/* 点線 */
.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; 
}

/* 画像 */
img{ border:0; }

/* Topix*/
.topix1{
	margin:0 0 2px 0;
	text-align:center;
}
.topix2{
	background-color:#001188;
	color:#80ffff; 
	font-size:11pt;
	font-weight:bold;
	text-align:center;
	padding:2px 0 2px 0;
	width:880px; 
}

.topixfrm{
 border: 1px solid #001189;
	width:878px; 
}


textarea { 
	font-size: 12px; 
}


/* ランキング*/
.rank1{
	background-color: #ffeeee;
}
.ranktable{
	background-color:#8f8f8f;
	width:333px;
}
.ranktablecate{
	background-color:#8f8f8f;
	width:333px;
	margin:10px 0 0 0;
}

/* 商品リスト*/
#m4{ display:table-cell; width:70%;vertical-align:top; text-align:left; padding-right:12px;}
/* News/Ranking */
#m13{ display:table-cell; width:30%;vertical-align:top; text-align:right;}

td#m5{ width:333px;vertical-align:top;text-align:right; }
td#m6{ 
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	font-size: 12px;
	padding:2px;
}
td#m7{ 
	text-align:right;
	width:63px;
}
.mordata{
	font-size: 9px;
	color:#0000ff;
	background-color: #ffff00;
	padding: 1pt;
	text-decoration:none;
}

/* SSL */
.sslbanr{
	border:1px solid #8f8f8f;
	width:333px;
	margin: 5px 0 0;
}
.sslbanrcate{
	border:1px solid #8f8f8f;
	width:333px;
	margin: 10px 0 10px;
}
td#m8{
	vertical-align:top;
	width:70px;
}

/* スポットライト */
.spot{
	border-bottom:1px solid #878b9c;
	margin:10px 0 0;
	width:100%;
}

/* フッタ index*/
.footr{
	width:880px;
	text-align:left;
	margin: 7px 0 0;
	padding:8px 0 8px;
	border-top:4px solid #001188;
	border-bottom:4px solid #001188;
}
/* フッタ root*/
.footrca{
	width:100%;
	margin: 5px 0 5px;
	padding:0;
	border-top:4px solid #001188;
}

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



/* カテゴリメニュー */
.menu{ 
	font-size: 10px; 
	line-height: 120%;
	/*font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック";*/
}



/* font */
.f1{
	color:#008000;
	font-weight:bold; 
}


/************ カテゴリ ****************/
/* TOP*/
.toptxt{ 
	width:100%; 
	font-size: 11px;
	text-align:left;
	color:#555555;
	font-weight:normal; 
	line-height: 130%;
	/*font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック";*/
	margin: 0 0 10px ;
}

#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%;
}





.wid20{ width:20px; height:30px;}

/* カテゴリメニュー*/
.catelink{
	width:100%;margin:0;
	padding: 8px 0 8px;
}
.catelink a,
.catelink span{
	width:170px;
	height:20px;
	font-size: 11px; 
	text-align:left;
	display:block;margin:0; padding:1px 5px 1px;
	float:left; 
}


/* タイトルバー*/
.catetitlebar{
	border:1px solid #b9b9b9;
	background-color:#f3f3f3;
	text-align:left;
	width:100%;
	margin:10px 0 10px 0;
	padding:2px 6px 2px 8px;
}

.catetitlebar2{
	border-collapse: collapse;/* cellspacing=”0″ cellpadding=”0 */
	border:1px solid #b9b9b9;
	background-color:#f3f3f3;
	text-align:left;
	width:100%;
	margin:10px 0 10px 0;
	
}



.cpad{ padding:2px 6px 2px 8px; }


/* CGI紹介Table */
.cgilist{
	border-bottom:1px solid #878b9c;
	margin:0 0 6px 0;
	width:100%;
	padding:1px ;
}
.listd{ 
	vertical-align:top;
	font-size: 13px; 
	line-height: 120%;
}

/* 関連カテゴリ */
.kanren{
	color:#008000;
	font-weight:bold; 
	text-align:center;
	margin: 5px 0px 0;
}

.kanrenlink{
	width:150px;
	margin: auto;
	text-align:center;
}

td#m14{
	line-height: 180%;
}

#m15{
	font-size: 14px; 
	letter-spacing:1px;
	font-weight: bold;
	line-height: 130%;
	height:40px;
	text-align:right;
}

/*○△自動更新*/
.autom{
text-align:right; 
}

.autom span{
	background-color:#eaeaea;
	color:#ff0026;
	/*border:1px solid #b9b9b9;*/
	padding:0 4px 0;
	font-size: 11px; 
	white-space: nowrap;
}


/*○△手動更新*/
.manum{
text-align:right; 
}

.manum span{
	background-color:#e2f6e2;
	color:#024e02;
	/*border:1px solid #b9b9b9;*/
	padding:0 1px 0;
	font-size: 11px; 
	white-space: nowrap;
}

.inset1{float:left; width:350px; vertical-align:top; }
.inset2{float:right; width:550px; vertical-align:top;height:100px;} 

.osirs01{ float:left; width:200px; text-align:right;}
.osirs02{ padding:0;margin:20px 5px 0 0;}
.otr{width:190px;text-align:center;}
.ry{width:10px;}
.osirs03{ float:right;width:350px;height:65px; }

.undlink1{text-align:left;}
.undlink2{float:right;}

/* 特定商取引規約 */
.atkiyaku{
	width:600px;padding:12px 0 10px; margin:20px auto 15px;
	border-bottom:2px solid #001188;border-top:2px solid #001188;
}
.atkiyaku table{ margin:0 auto; }

/* 問合せ一覧  */
.toilist{ width:100%;}
.toilist td{ padding:2px 0 2px;}


/* ご注文orお見積り */
.orgcgi{ width:100%; border:4px solid #ffd5aa; padding:0;border-spacing:0;margin:10px 0 10px;}
.orgcgi td{padding:0;vertical-align:top;}
.orghead{ font-weight:bold; background-color:#ffd5aa;padding:3px 0 3px 20px;margin:0 0 2px;}
.prog01{
	width:410px; margin:10px 0 10px 40px;
	float:left; text-align:left;
}
.prog02{
	width:400px; margin:10px 0 10px 40px;
	float:left; text-align:left;
}
.hblank{width:5px;height:4px;}
.catetit0{color:#008000;margin:2px 0 7px}
.catetit{color:#008000;margin:20px 0 7px}





/**************** レスポンシブ指定  ****************/
/********** 900未満 *****/
@media screen and (max-width:910px){ 
.content{width:95%;}
.catelink{ width:100%; }
.catelink a, .catelink span{ width:190px; }
.inset1{width:100%;}
.inset2{float:left;}
.smap01{width:47%;}
.smap02{width:48%;}

}

/********** 800未満 *****/
@media screen and (max-width:810px){ 
#ataozoratable{width:100%;}
.sub_content02{width:100%;}

}

@media screen and (max-width:750px){ 
.smap01{width:100%;}
.smap02{width:100%;}
.smap02td1{ width:0;background-color:#ffffff; }
.smap02td2{ padding:0; }

}
/********** 700未満 *****/
@media screen and (max-width:720px){ 
#m101{ text-align:right; width:100%;}
#m4{ display:block;width:100%;padding:0;}
#m13{ display:block;width:333px;margin:10px auto 8px;}
.sub_content01{width:100%;}
.prog01{width:auto; }
.prog02{width:auto;}
}



/********** 600未満 *****/
@media screen and (max-width:620px){
.catelink a, .catelink span{ width:155px; }
.ry{  display:none; }
.osirs01{ width:100%; position: relative; top:75px;}
.otr{width:100%;}
.osirs03{ float:none; position: relative; top:-30px;}
.inset2{height:130px;width:100%;}
.atkiyaku{ width:100%; }

}



/********** 500未満 *****/
@media screen and (max-width:520px){ 
.catelink{ width:100%; }
.catelink a,
.catelink span{
	width:45%;height:20px; font-size: 12px; 
	background-color:#f2f7f8;
	margin:1px 0 1px 2px; padding:4px 7px 0;
}
#m101{ text-align:left;}
.prog01{margin-left:10px;}
.prog02{margin-left:10px;}
}



/********** 400未満 *****/
@media screen and (max-width:395px){ 
.headline{height:auto;}
.undlink2{width:100%;margin-top:10px;text-align:left;}
}


/********** 350未満 *****/
@media screen and (max-width:360px){ 
.osirs03{width:100%;clear: both;}
.catelink{ width:100%; }
.catelink a,
.catelink span{
	width:94%;height:20px; font-size: 12px; 
	background-color:#f2f7f8;
	margin:1px 0 1px 2px; padding:4px 7px 0;
}
.catelink >a:after{
	content:url(../img/arrow.png);
	display:table-cell;
	position:relative;
	float:right;
	vertical-align:middle;margin-right:7px;
}
#m13{width:100%;}
.newscate{width:100%;}
.ranktablecate{width:100%;}
.sslbanrcate{width:100%;}

#m10{ width:100%; }
input#query{ width:140px;}

#m15{text-align:left;}
}


/********** 300未満 *****/
@media screen and (max-width:305px){ 
/* 特定商取引ロゴ */
.atao{ width:100%; }
.sm2{text-align:left;}

}