@charset "Shift_JIS";

/* ==================================================

   Japamex Inc WEB SITE CSS

			

			01: BASE

			02: BASE LYOUT

			03: BASE TEXT + TEXT LINK

			04: BASE PARTS

			05: HEADER LYOUT

			06: CONTENTS LYOUT

			07: SUBCONTENTS LYOUT

			08: FOOTER LYOUT

			--------------------------------------------------

			09: INDEX LYOUT

			10: ACTUALLY LYOUT

			11: INFO LYOUT

			12: INQUIRY LYOUT

			13: KIHON LYOUT

			14: MAIN LYOUT

			

===================================================== */



/* 01: BASE ------------------------------------------*/

body {

	color: #333333;

	background: #FFFFFF;

	text-align: center;

	margin-top: 0px;

	padding-top: 0px;

}



/* 02: BASE LYOUT ------------------------------------*/

div#site { /*　サイト全体の定義　*/

	width: 790px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 0px;

}



div#contents {

 　/*　ヘッダー部から下の領域の定義　*/

text-align: left;

 margin: 0px;

 padding: 0px 0px 0px 5px;

}





/* 03: BASE TEXT + TEXT LINK -------------------------*/

h2, h3, h4, h5, h6 {

	margin: 0px;

	padding: 0px 0px 0px;

}



p {

	font-size: 12px !important;

	font-size: 80%;

	line-height: 120%;

	color: #333333;

	margin: 0px;

	padding: 0px 0px 10px;

}

p.bttm {
	font-size: 12px !important;
	font-size: 85%;
	line-height: 130%;
	color: #333333;
	margin: 0px;
	padding: 0px 5px 10px;
}

p.seo{



	font-size: 14px;

	text-align: left;

	margin: 0px;

	padding:  0px;

}



ol {

	margin: 0px;

	padding: 0px 0px 0px 30px;

}



li {　/* リスト */

	font-size: 13px ;

	line-height: 100%;

	color: #333333;

	margin: 0px;

	padding: 0px 0px 0px;

}



a {

	text-decoration: none;

	color: #0000ff;

}



a:visited {

	text-decoration: none;

	color: #993399;

}



a:hover {

	text-decoration: underline;

	color: #0000ff;

}



.banner {

	margin: 0px;

	padding: 0px 0px 3px;

	border-style: none;

}



.alttxt { /* ロゴ下の表示しないテキスト */

	display: none;

}



.clearfloat {

	clear: both;

}





.txt11 { /* 右側メニューのフォーム部テキスト */

	font-size: 11px !important;

	font-size: 75%;

	margin: 0px;

	padding: 0px;

}



.txtright { /* 右側メニュー部右寄せテキスト */

	text-align: right;

}



.txtright11 { /* 右側メニューのフォーム部テキスト */

	font-size: 11px !important;

	font-size: 75%;

	text-align: right;

	margin: 0px;

	padding: 0px;

}



.txtprice { /* 右側メニュー部金額 */

	color: #FF1C0D;

}



table.tablebase {  /* table lyout - red circl */

	border-collapse: collapse;

	width: 441px;

	border-top: 1px solid #000000;

	border-right: 1px solid #000000;

	margin-bottom: 20px;

}



.tablebase th, .tablebase td {

	font-size: 11px !important;

	font-size: 75%;

	line-height: 150%;

	margin: 0px;

	padding: 5px;

	border-bottom: 1px solid #000000;

	border-left: 1px solid #000000;

	font-weight: normal;

}



/* 05: HEADER LYOUT ----------------------------------*/



div.header { /* ヘッダー部分 */

	background: #FFFFFF url(../img/headbg.gif) no-repeat;

	text-align: left;



}





div.header_logo { /* リンクするロゴ */

	margin: 0px;

	padding: 0px 0px 5px;

	float: left;

	width: 400px;

}



h1.logo {

	margin: 0px;

	padding: 0px;

}



h1.logo a {

	background: url(../img/logo.gif) no-repeat;

	display: block;

	height: 72px;

	width: 400px;

}



h2.seo {

	font-weight :normal;

	text-align: left;

	margin: 0px;

	padding:  0px;

}



h3.leftmenu {

	font-size: 12px !important;

	font-size: 90%;

	line-height: 120%;

	color: #333333;

	margin: 0px;

	padding: 0px 0px 10px;

}



div.header_navi { /* ヘッダー右のリンク領域 */

	float: right;

	width: 390px;

}



div.header_navi_up { /* ヘッダー右のリンク上部 */

	font-size: 12px;

	line-height: 135%;

	color: #0000ff;

	margin: 0px;

	padding: 23px 40px 0px 0px;

	text-align: right;

}



div.header_navi_down { /* ヘッダー右のリンク下部 */

	font-size: 12px;

	line-height: 135%;

	color: #0000ff;

	margin: 0px;

	padding: 10px 40px 3px 0px;

	text-align: right;

}



div.header_foot { /* ヘッダー下の囲みテキスト部分 */

	padding: 0px 0px 0px 5px;

	margin: 0px;

	clear: both;

	height: 45px;

}



div.header_foot_left { /* トップバナー下の囲みテキスト左側 */

	margin: 0px 5px 0px 0px;

	padding: 2px 0px 2px 5px;

	font-size: 14px;

	text-align: left;

	border: 1px #000000 solid;

	float: left;

	height: 20px;

	width: 624px;

	clear: both;

}



div.header_foot_right { /* トップバナー下の囲みテキスト右側 */

	width: 128px;

	height: 20px;

	font-size: 14px;

	text-align: center;

	margin: 0px 10px 0px 5px;

	padding: 3px 0px 3px 0px;

	border: 1px #000000 solid;

	float: right;

}



div.header_bread { /* パンくずリスト */

	margin: 6px 0px 3px 0px;

	padding: 0px 0px 0px 0px;

	font-size: 11px;

	float: center;

	display: block;

	width: 790px;

	clear: both;

}





/* 07: SUBCONTENTS LYOUT -----------------------------*/

/* left lyout */



ul.navilist2 { /* 左メニュー（下部ボーダー） */

	text-align: left;

	margin: 0px;

	border-bottom: 1px dashed #000000;

}



.navilist2 a { /* 左メニュー（下部ボーダー） */

	display: block;

	height: 40px;

	width: 150px;

}



ul.navilist3 { /* リストメニュー領域 */

	text-align: left;

	font-size: 12px !important;

	margin: 0px;

	padding: 0px 0px 10px;

}



.navilist3 li {　/* リストメニュー領域 */

	font-size: 12px ;

	list-style-type: none;

	line-height: 150%;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 1px;

}



.navilist3 a { /* リストメニュー領域 */

	height: 0px;

	width: 150px;

}



ul.navilist_img_noborder { /* 画像リンク部下ボーダーなし */

	text-align: left;

	margin: 0px;

	padding: 0px 0px 0px;

}



.navilist_img_noborder a { /* 画像リンク部下ボーダーなし */

	display: block;

	height: 40px;

	width: 150px;

}



.navilist_img_noborder li {　/* 画像リンク部下ボーダーなし */

	display: inline;

	list-style-type: none;

	line-height: 120%;

	margin: 0px 0px 0px 0px;

	padding: 0px;

}





ul.navilist_img_border { /* 画像リンク部下ボーダーあり */

	text-align: left;

	margin: 0px;

	padding: 0px 0px 10px;

	border-bottom: 1px dashed #000000;

}



.navilist_img_border a { /* 画像リンク部下ボーダーあり */

	display: block;

	height: 40px;

	width: 150px;

}



.navilist_img_border li {　/* 画像リンク部下ボーダーあり */

	display: inline;

	list-style-type: none;

	line-height: 120%;

	margin: 0px 0px 0px 0px;

	padding: 0px;

}



.nv_kihon a { /* きほん */

	background: url(../img/kihon_link.gif) no-repeat 0px 0px;

}



.nv_kihon a:hover {

	background: url(../img/kihon_link.gif) no-repeat 0px -40px;

}



.nv_kyoudou a { /* 共同防火管理 */

	background: url(../img/kyoudou_link.gif) no-repeat 0px 0px;

}



.nv_kyoudou a:hover {

	background: url(../img/kyoudou_link.gif) no-repeat 0px -40px;

}



.nv_kousyuu a { /* 講習 */

	background: url(../img/kousyuu_link.gif) no-repeat 0px 0px;

}



.nv_kousyuu a:hover {

	background: url(../img/kousyuu_link.gif) no-repeat 0px -40px;

}



.nv_kunren a { /* 訓練 */

	background: url(../img/kunren_link.gif) no-repeat 0px 0px;

}



.nv_kunren a:hover {

	background: url(../img/kunren_link.gif) no-repeat 0px -40px;

}



.nv_link a { /* リンク集 */

	background: url(../img/nv_link.gif) no-repeat 0px 0px;

}



.nv_link a:hover {

	background: url(../img/nv_link.gif) no-repeat 0px -40px;

}



.nv_inquiry a { /* お問い合せ */

	background: url(../img/nv_inquiry.gif) no-repeat 0px 0px;

}



.nv_inquiry a:hover {

	background: url(../img/nv_inquiry.gif) no-repeat 0px -40px;

}



.nv_yougo a { /* きほんの用語 */

	background: url(../img/yougo_link.gif) no-repeat 0px 0px;

}



.nv_yougo a:hover {

	background: url(../img/yougo_link.gif) no-repeat 0px -40px;

}



.nv_download a { /* 届出書のダウンロード */

	background: url(../img/download_link.gif) no-repeat 0px 0px;

}



.nv_download a:hover {

	background: url(../img/download_link.gif) no-repeat 0px -40px;

}



.nv_photo a { /* 「消防設備の不備」写真集 */

	background: url(../img/photo_link.gif) no-repeat 0px 0px;

}



.nv_photo a:hover {

	background: url(../img/photo_link.gif) no-repeat 0px -40px;

}





/* right lyout */

div.subcontents { /* 右側メニュー */

	text-align: left;

	margin: 0px 10px 15px 10px;

	padding: 0px;

	float: right;

	width: 128px;

	border: 1px solid #000000;

}



div.subcon_h { /* 右側メニューの見出し画像 */

	background: #000000;

	margin: 0px 0px 0px;

	padding: 0px;

}



div.subcon_txt { /* 右側メニュー本文 */

	margin: 0px;

	padding: 0px 5px 0px;

}



.form_right {

	margin: 0px;

	padding: 0px;

}



/* 08: FOOTER LYOUT ----------------------------------*/

div.footer { /* フッター領域 */

	background: url(../img/bg_footer.gif) no-repeat left bottom;

	clear: both;

	margin: 0px;

	padding: 0px;

}



p.ft_navitext { /* フッターのテキストナビ */

	text-align: center;

	font-size: 10px !important;

	font-size: 80%;

	line-height: 125%;

	color: #0000ff;

	margin: 0px;

	padding: 0px 0px 5px;

}



p.ft_toplinktxt { /* フッターのトップへのリンク */

	text-align: center;

	font-size: 10px!important;

	font-size: 10px;

	padding: 2px;

	border-top: 1px solid #333333;

	border-bottom: 1px solid #333333;

	margin-right: 40px;

	margin-left: 30px;

	margin-bottom: 5px;

}



p.ft_toplinktxt a {

	color: #333333;

	text-decoration: none;

}



p.ft_toplinktxt a:hover {

	color: #0000ff;

	text-decoration: none;

}



p.ft_copyright { /* フッターのコピーライト */

	text-align: center;

	font: 11px Arial, Helvetica, sans-serif;

	color: #ff1c0e;

	margin: 0px;

	padding: 0px 0px 5px;

}



p.maintext {

	font-size: 14px !important;

	font-size: 80%;

	text-indent: 1%;

	line-height: 150%;

	color: #333333;

	margin: 0px;

	padding: 0px 0px 10px;

}







/* 09: INDEX LYOUT -----------------------------------*/



div.top_navi { /* 左側のメニュー領域 */

	margin: 0px;

	padding: 0px 0px 0px 0px;

	float: left;

	width: 150px;

	text-align: left;

}



div.top_menu { /* 中央領域 */

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 10px;

	float: left;

	width: 467px;

}



div.top_topics {　/* トピックス領域（左ボーダー赤 */

	margin:0px 0px 0px 0px;

	border-left: 1px solid #FF0000;

	width:464px;

}



div.top_txt {　/* 中央領域に載せる情報 */

	font-size: 18px ;

	padding: 0px 10px 0px 10px;

	line-height: 150% ;

	margin: 0px;

}



div.catch_txt {　/* 中央領域に載せる情報 */

	font-size: 14px ;

	font-weight: bold ;

	line-height: 150% ;

	color: #3C3C3C;

	margin: 0px;

	padding: 3px 3px 3px 3px;

	border-color: #FF0000; border-width: 1px; border-style: solid; 

}





div.balloon_top	{　/* 点検本舗への誘導テキスト（吹き出し上） */

	background:url(../img/balloon_top.gif) no-repeat left bottom;

	width:446px;

}



div.balloon_bottom	{　/* 点検本舗への誘導テキスト（吹き出し下:テキストはこちらのタグに書く） */

	background:url(../img/balloon_bottom.gif) no-repeat left bottom;

	font-size: 12px ;

	line-height: 150% ;

	padding:0px 15px 25px 15px;

	width:446px;



}





dl.topics_txt { /* トピックス領域のテキスト領域 */

	margin:0px;

	padding: 5px 0px 5px 10px;

	text-align: left;

	border-bottom: 1px dashed #FF0000;

}



.topics_txt dt { /* トピックス領域のテキスト：日付 */

	padding:0px;

	margin:0px;

	color:#FF2313;

	font-size:12px !important;

	font-size:80%;

	line-height:135%;

}



.topics_txt dd { /* トピックス領域のテキスト：本文 */

	margin:0px 0px 5px 0px;

	padding:0px 0px 0px 10px;

	font-size:12px !important;

	font-size:80%;

	line-height:135%;

}





div.maincontents_circle { /* 下層ページのメイン領域 */

	text-align: left;
	width:449px;
	margin:0px 0px 20px 0px;
	padding: 5px 5px 5px;
	border-top: 1px solid #FF1C0D;
	border-right: 5px solid #FF1C0D;
	border-bottom: 1px solid #FF1C0D;
	border-left: 5px solid #FF1C0D;
}


div.maincontents_circle_blue { /* ページ下の青囲みキャッチコピー部 */
	text-align: left;
	margin: 0px;
	width:458px;
	padding: 0px 0px 10px;
	border-top:1px solid #00adef;
	border-right: 5px solid #00adef;
	border-bottom: 1px solid #00adef;
	border-left: 5px solid #00adef;
}


div.maincontents_circle_euc { /* 下層ページのメイン領域（問い合わせフォームPHP） */

	text-align: left;

	width:454px;

	margin:0px 0px 20px 0px;

	padding: 5px 5px 5px;

	border-top: 1px solid #FF1C0D;

	border-right: 5px solid #FF1C0D;

	border-bottom: 1px solid #FF1C0D;

	border-left: 5px solid #FF1C0D;

}



ul.menulist {

	margin: 0px;

	padding: 0px;

}



.menulist li {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}



.top_page { /* page top link */

	font-size: 11px;

	font-size: 75%;

	margin: 0px;

	padding: 230px 0px 10px 10px;

	text-align: right;

}



.section_center {

	text-align: center;

	margin-right: auto;

	margin-left: auto;

}