@charset "utf-8";

/* Synchro at aozoracgi/css/ */

.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;}

body {
	-webkit-text-size-adjust: 100%; 
	font-size: 13px; 
	line-height: 125%;
	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;  
}
input[type=submit]{ background-color: #e9e9ed; color:#000000; }
input[type=submit]:hover { background-color: #d1ddf0;}
input[type=button]:hover { background-color: #d1ddf0;}
/* 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; }


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

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

/* オリジナルCGIプログラム制作  NEWS */
.vtop1{ display:table-cell; width:70%;vertical-align:top; text-align:left;}
.vtop2{ display:table-cell; width:30%;vertical-align:top; text-align:right;}
/* 自動セットアップ ランキング */
.vtop3{ display:table-cell; width:70%;vertical-align:top; }
.vtop4{ display:table-cell; width:30%;vertical-align:top; text-align:right;}

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

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


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

small{ 
	font-size: 11px;
	font-weight:normal; 
	line-height: 120%;
}





/* Head_1_S */
.headline{
	border-collapse: collapse;/* cellspacing=”0″ cellpadding=”0 */
	height:43px;
	text-align:left;
	width:100%;
}
.hl1{float:left;height:43px; padding:15px 100px 0 0;}
.hl2{height:43px;padding:20px 0 0;}



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

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

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

/* カテゴリ個別 */
.mnlist{
	width:50%; height:60px;margin:0 0 10px;
	float:left;
}


/* 記事表示部分 */
.content{
	width:900px;
	margin: auto;
	text-align:center;
}

/* リスト */
/* 赤※ */
.list1{
	margin: 0 10px 0 18px;
	padding: 0;
	list-style-image:url("https://www.azr.ne.jp/aozoracgi/img/rmrk.gif"); 
}
/* 緑※ */
.list2{
	margin: 0 0 0 18px;
	padding: 0;
	list-style-image:url("https://www.azr.ne.jp/aozoracgi/img/gmrk.gif"); 
}
.list2_l1{ width:115px; float:left; }


/* 段落 */
.para{
	margin: 0 0 0 18px;
	padding: 0;
	list-style-type: none; 
}
li{
	margin: 0 0 2px;
	line-height: 130%;
}



/* NEWS */
.news{
	background-color:#8f8f8f;
	width:335px;margin:0;
}
.newscate{
	background-color:#8f8f8f;
	width:100%;
	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:100px;padding:1px 2px 0;}
td#m2{ text-align:center; width:133px;color:#ffffff;font-weight: bold;padding:3px 3px 2px;}
td#m3{ text-align:right; width:100px;margin:1px;padding:1px 2px 0;}



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

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

/* 検索窓 */
input#query{ width:215px;font-size: 9pt;background-color: #f8fbfd; }
.querysub{
	font-size:12px; padding:1px 10px 1px;
}
.src0{ margin: 8px 1px 3px 13px;} 
.src1{width:360px;float:left; }
.src2 img{ margin-top:5px;}

/* タイトルバー*/
.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: 10px 0 0;
	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 1px 1px 1px;
	width:100%; 
}

.topixfrm{
 width:100%; height:200px; padding:0;margin:0;
}


textarea { 
	font-size: 12px; 
}


/* ランキング*/
.rank1{
	background-color: #ffeeee; margin-right:10px;
}
.ranktable{
	background-color:#8f8f8f;
	width:335px;
}
.lank_frm{width:100%; height:285px;}

.ranktablecate{
	background-color:#8f8f8f;
	width:335px;
	margin:20px 0 0 0;
}

td#m4{ width:533px;vertical-align:top; }
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:335px;
	margin: 5px 0 0;
}
.sslbanrcate{
	border:1px solid #8f8f8f;
	width:335px;
	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:100%;
	text-align:left;
	margin: 5px 0 0;
	padding:8px 0 8px;
	border-top:4px solid #001188;
	border-bottom:4px solid #001188;
}
/* フッタ root*/
.footrca{
	width:100%;
	text-align:left;
	margin: 5px 0 5px;
	padding:8px 0 8px;
	border-top:4px solid #001188;
	border-bottom:4px solid #001188;
}

/* ページリンク*/
.linklist{

	margin: auto;
	text-align:center;
}
.linkmarg{
	text-align:center;
	margin: 10px 0 0;
}



/* カテゴリメニュー */
.menu{ 
	font-size: 10px; 
	line-height: 120%;
}



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


/************ カテゴリ ****************/
/* TOP*/
.toptxt{ 
	width:100%; 
	font-size: 11px;
	text-align:left;
	color:#555555;
	font-weight:normal; 
	line-height: 120%;
	margin: 0 0 3px ;
}

td#m9{
	height:40px;
	width:190px;
}
td#m10{
	height:40px;
	width:526px;
}
td#m11{
	font-size: 14px; 
	letter-spacing:1px;
	font-weight: bold;
	line-height: 130%;
	height:40px;
}

td#m13{ width:333px;vertical-align:top; }

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

/* カテゴリメニュー*/
.catelink{
	width:100%;
	margin: 8px 0 8px;
}
.catelink a,
.catelink span{
	width:146px;
	height:20px;
	font-size: 11px; 
	text-align:left;
	display:block;
	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:530px;
	margin:10px 0 10px 0;
	
}



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


/* CGI紹介 */
.cgilist{
	border-bottom:1px solid #878b9c;
	margin:0 0 6px 0;
	width:528px;
	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%;
}

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

/* お見積もり 制作・設置致します */
.odlink{ 
	display:table; margin:0 auto; border-collapse:separate;
	border-spacing:20px 0;
}
.odlink01{ display: table-cell; }
.odlink02{ display: table-cell; }


.osirs01{ display: table-cell; width:320px; height:65px;}
.osirs02{ display: table-cell; vertical-align:middle;padding-left:10px; }


/* フレーム iphone対策 */
/* 外枠 */
.ifrm-container{
  padding:0;margin:0;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  display: inline-block; vertical-align:bottom;
}
/* iflame */
.ifrm {
  width:100%;height:100%;margin:0;
  border:none; display:block;
  box-sizing:content-box;vertical-align:text-bottom;
}



/**************** レスポンシブ指定  ****************/
/********** 900未満 *****/
@media screen and (max-width:905px){ 
.content{width:98%;}
}

/********** 800未満 *****/
@media screen and (max-width:805px){ 
.mnlist{ height:70px; }
}

/********** 700未満 *****/
@media screen and (max-width:720px){ 
.mnlist{ height:80px; }
#m0{width:200px;}
.hl1{padding:15px 20px 0 0;}

.vtop1{ display:block;width:100%;} 
.vtop2{ display:block;width:335px;margin:12px auto 8px;}

.vtop3{ display:block;width:100%;} 
.vtop4{ display:block;width:335px;margin:50px auto 8px;}

.odlink{ display:block; }
.odlink01{ display:block; }
.odlink02{ display:block; }

.rank1{margin:0;}
}


/********** 600未満 *****/
@media screen and (max-width:620px){
.mnlist{ height:100px; }
}


/********** 500未満 *****/
@media screen and (max-width:520px){ 
.mnlist{ width:100%; height:auto; margin:0 0 10px;}

.hl1{padding:15px 10px 0 0;}
.hl2{padding:15px 0 0;}



.list2_l1{ clear:both;}
.list2_l2{ clear:both; }

.src1{width:100%; clear:both;}
.src2 img{ margin-top:5px;}

.odlink{ text-align:left;font-size:13px;}

.osirs{display:block; }
.osirs01{  }
.osirs02{ display:none;padding:0; }
.ry{  display:none; }
}



/********** 400未満 *****/
@media screen and (max-width:395px){ 
.headline{height:auto;}
.hl1{padding:15px 10px;width:90%;height:25px;}
.hl2{height:auto;padding:0 10px;}

.osirs{width:100%;}
.osirs01{width:100%;}
.osirs02{width:100%;}

.news{ width:100%;}
td#m1{ width:30%;}
td#m2{ width:30%;}
td#m3{ width:30%;}

.vtop2{ width:100%;}
.vtop4{ width:100%;}
.ranktable{ width:100%;}
.sslbanr{ width:100%;}
.sslbanr{width:100%;}

input#query{ width:180px;}
}