/*基本指定







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







* { margin: 0px; padding: 0px; font-family:"ＭＳ Ｐゴシック"; }







body { font-size: 0.8em;}







h1 img,h2 img,h3 img,h4 img,h5 img,h6 img,h7 img{ display: block; }







img { border:0;}







.clear { clear: both;}







#wrap { width: 820px; margin: 0px auto; padding: 0px; background-image: url(../images/bg.gif);}







#header { background-image:url(../images/header-bg.gif); background-repeat: no-repeat;}







#contents { padding: 10px 35px; width: 745px;}







#footer { padding-left: 24px;}







#side { width: 175px; margin-right: 10px; float: left;}







#main { width: 560px; float: right;}







a:link,a:visited,a:active { color: #0176a0;}







a:hover { color: #fe7201; }































/*ヘッダー







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







#header h1 { font-size: .75em; padding: 5px 30px 5px 0px; text-align: right; font-weight: normal;}







#header h2 { padding: 0px 25px 0px 24px; width: 744px; background-image:url(../images/head.png?240205); background-repeat: no-repeat; background-position: right;}







#header h2 img { margin: 0px;}







#navG { background-image:url(../images/nav-bg01.gif);  background-repeat: no-repeat; background-position: left bottom; float: left; width: 564px; margin: 0 5px 0px 34px; padding: 10px 5px; overflow: hidden; display: inline; }







#navG ul { list-style: none;}







#navG li { display: inline; float: left; margin: 0 5px; text-indent: -9999px;}







#navG li.m01 a{ display: block; background-image: url(../images/nav01.jpg); background-repeat: no-repeat; background-position: 0 0; width: 131px; height: 104px; overflow:hidden;}







#navG li.m01 a:hover{ display: block; background-image: url(../images/nav01.jpg); background-repeat: no-repeat; background-position: 0 -104px; width: 131px; height: 104px; overflow:hidden;}







#navG li.m02 a{ display: block; background-image: url(../images/nav02.jpg); background-repeat: no-repeat; background-position: 0 0; width: 131px; height: 104px; overflow:hidden;}







#navG li.m02 a:hover{ display: block; background-image: url(../images/nav02.jpg); background-repeat: no-repeat; background-position: 0 -104px; width: 131px; height: 104px; overflow:hidden;}







#navG li.m03 a{ display: block; background-image: url(../images/nav03.jpg); background-repeat: no-repeat; background-position: 0 0; width: 131px; height: 104px; overflow:hidden;}







#navG li.m03 a:hover{ display: block; background-image: url(../images/nav03.jpg); background-repeat: no-repeat; background-position: 0 -104px; width: 131px; height: 104px; overflow:hidden;}







#navG li.m04 a{ display: block; background-image: url(../images/nav04.jpg); background-repeat: no-repeat; background-position: 0 0; width: 131px; height: 104px; overflow:hidden;}







#navG li.m04 a:hover{ display: block; background-image: url(../images/nav04.jpg); background-repeat: no-repeat; background-position: 0 -104px; width: 131px; height: 104px; overflow:hidden;}







#navGr { background-image: url(../images/nav-bg02.gif); background-repeat: no-repeat; background-position: left bottom; float: left; width: 144px; margin: 0 35px 0 0; padding: 10px 14px; overflow: hidden; display: inline;}







#navGr ul { list-style: none;}







#navGr li { margin: 0; text-indent: -9999px;}







#navGr li.m05 a{ display: block; background-image: url(../images/nav05.gif); background-repeat: no-repeat; background-position: 0 0; width: 145px; height: 104px; overflow:hidden;}







#navGr li.m05 a:hover{ display: block; background-image: url(../images/nav05.gif); background-repeat: no-repeat; background-position: 0 -104px; width: 145px; height: 104px; overflow:hidden;}







#navS { list-style: none; padding-right: 30px;}







#navS ul{ text-align: right; clear: both;}







#navS li { display: block; float: right; background-image:url(../images/point.gif); background-repeat: no-repeat; background-position: center left; margin: 0px; padding: 7px 5px 7px 15px;}







#navS li a { text-decoration: none; color: #0176a0;}







#navS li a:hover { text-decoration: underline; color: #fe7201;}































/*サイド







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







#navL { width: 175px; margin-bottom: 30px;}







#navL ul { list-style: none; width: 145px; margin: 0px auto; padding: 0px;}







#navL li a{ background-image: url(../images/m-bg-off.gif); background-repeat: no-repeat; background-position: 0 0; border-bottom: 1px dashed #C5C6C6; display: block; padding: 10px 7px 11px 23px; width: 115px; text-decoration: none; color: #0176a0;}







#navL li a:hover{  background-image: url(../images/m-bg-on.gif); background-repeat: no-repeat; background-position: 0 0px; display: block; padding: 10px 7px 11px 23px; width: 115px; text-decoration: none; color: #fe7201;}







#add { width: 167px; background-image: url(../images/ad-bg.gif); border: #e8e9ea 1px solid; background-image: url(../images/ad-bg.gif); margin: 0px auto;}







#add p { padding: 0px 8px; width: 134px; margin: 0px auto; line-height: 160%; background-image: url(../images/adt-bg.gif);}







#add p a { color: #0176a0; text-decoration: none;}







#add p a:hover { text-decoration: none; color: #004760;}































/*メイン







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







.box01 { width: 560px; margin-bottom: 20px;}















H3.title { background-image: url(../images/t-bg.gif); background-repeat: no-repeat; padding: 10px 7px 12px 35px; color: #FFFFFF; font-weight: bold; font-size: 1.2em; clear: both; margin-bottom: 10px;}







H3.title a:link,H3.title a:visited,H3.title a:active { color: #FFFFFF; font-weight: bold; text-decoration: none;}







H3.title a:hover { color: #FFFFFF; font-weight: bold; text-decoration: underline;}















#info { margin: 5px 15px; padding: 5px 10px;}







#info dl { list-style: none; display: inline;}







#info dt { display: block; float: left; margin: 0px; padding: 5px 10px 5px 25px; background-image:url(../images/point.gif); background-repeat: no-repeat; background-position: left center;}







#info dd a{ display: block; padding: 5px 10px; float: left; text-decoration: none; color: #0176a0; font-weight: bold;}







#info dd a:hover{ display: block; padding: 5px 10px; float: left; text-decoration: underline; color: #fe7201; font-weight: bold;}







#info p { margin-top: 30px;}















.comment-box { padding: 10px 10px 30px 10px; border-bottom: #CCCCCC 1px solid; margin-bottom: 30px;}







.comment-box img { float: left; margin: 0 15px 15px 0;}















.p-box { clear: both;}















.comment-box01 { padding: 0px 10px; float: right; width: 300px; line-height: 150%;}







.comment-box01 a:link,.comment-box01 a:visited,.comment-box01 a:active { color: #0066CC; text-decoration: underline; font-weight: bold; padding: 0px 5px;}







.comment-box01 a:hover { color: #003366; text-decoration: none; font-weight: bold; padding: 0px 5px;}















.ph-box { width: 200px; float: left;}















/* 画像なしの時 -------------------------------------------------------------------------------------------------------------------*/















.comment-box01n { padding: 0px 10px; line-height: 150%;}







.comment-box01n a:link,.comment-box01n a:visited,.comment-box01n a:active { color: #0066CC; text-decoration: underline; font-weight: bold; padding: 0px 5px;}







.comment-box01n a:hover { color: #003366; text-decoration: none; font-weight: bold; padding: 0px 5px;}















/*---------------------------------------------------------------------------------------------------------------------------------*/







































H4.title-s { margin-bottom: 5px; font-weight: bold; color: #FF6600; font-size: 1.2em;}







H4.title-s01 { margin-bottom: 8px; font-weight: bold; color: #006699; font-size: 1.2em;}















.comment-box02 { padding: 10px 10px 10px 10px; margin-bottom: 10px;}







.comment-box02 img { float: left; margin: 0 15px 15px 0;}















.comment-box02 dl { list-style: none;}







.comment-box02 dd { padding: 0 0 15px 20px;}















#policy { padding: 10px;}















#policy .p-title { font-size: 1.2em; text-align: center;}







#policy .p-title01 { padding: 20px 0px 10px 0px;}







#policy .p-comment { padding: 10px;}















#policy ol { margin-left: 60px; padding: 0px; list-style: decimal;}















#estimate #main table.form-t { border: #CCCCCC 1px solid; width: 533px; margin-left: 10px;}







.form-t th { padding: 8px; background-color: #EDF7FA; font-weight: normal; border-right: #CCCCCC 1px dashed; width: 145px;}







.form-t td { padding: 8px;}







.form-t option { padding-right:10px;}















#estimate #main p { margin-left: 10px; padding-bottom: 3px;}















.form-t span.btn { margin-right: 10px;}















.fomt-t textarea { width: 280px;}















.td01 { border-bottom: #CCCCCC 1px dashed;}















.red { color: #CC0000;}















.l-box { float: left; width: 175px; margin: 0px; text-align: center; padding: 8px 5px 15px 5px;}







.l-box img { clear:both;}















.special { float: left; margin-top: 20px;}















.price-s { font-size: 1em; color: #CC0000; font-weight:bold;}







.price { font-size: 1.7em; color: #CC0000; font-weight:bold;}















.pagetop{







float: right;







display: inline;







}















#diary #main .text,







#event #main .text,







#information #main .text{







letter-spacing: 1px;







line-height: 1.8;







color: #333;







}















































/*------------------------------------------------------







 ■取り扱いメーカー







------------------------------------------------------*/















#manufacturer #main table{







width: 533px;







margin: 10px 0 0 10px;







border-collapse: collapse;







}















#manufacturer #main table th,







#manufacturer #main table td{







padding: 8px 8px 8px 8px;







border: 1px solid #ccc;







}















#manufacturer #main table th{







width: 30px;







text-align: center;







vertical-align: middle;







background: #000;







}















#manufacturer #main table td{







padding: 0px 12px 10px 12px;







text-align: left;







vertical-align: top;







}







#manufacturer #main table td h4{







margin: 10px 0 0 0;







color: #006699;







display: block;







letter-spacing: 1px;







line-height: 1.4;







font-size: 1em;







}















#manufacturer #main table ul,







#manufacturer #main table ul li{







list-style: none;







letter-spacing: 1px;







line-height: 1.4;







}















































/*------------------------------------------------------







 ■会社案内







------------------------------------------------------*/















#company #main{







}































/*共通設定*/















#company #main h4{







margin: 26px 0 0 10px;







color: #006699;







display: block;







letter-spacing: 1px;







line-height: 1.4;







font-size: 1.2em;







clear: both;







}















#company #main table{







width: 533px;







margin: 4px 0 0 10px;







border-collapse: collapse;







}































/*写真*/















#company #main .photo{







width: 533px;







margin: 19px 0 0 10px;







height: 100%;







overflow: hidden;







}







#company #main .photo img{







margin: 0 0 0 0;







float: left;







display: inline;







}







#company #main .photo img.i01{}







#company #main .photo img.i02{ margin-left: 71px; }







#company #main .photo img.i03{ margin-left: 72px; }































/*会社概要*/















#company #main table.gaiyo th,







#company #main table.gaiyo td{







padding: 8px 8px 8px 8px;







border: 1px solid #ccc;







text-align: left;







}















#company #main table.gaiyo th{







width: 120px;







background: #245073;







color: #fefefe;







}































/*会社沿革*/















#company #main table.enkaku{







width: 533px;







margin: 4px 0 0 10px;







border-collapse: collapse;







background: #f8f8f8;







}















#company #main table.enkaku th,







#company #main table.enkaku td{







padding: 8px 8px 8px 8px;







border-top: 1px solid #ccc;







border-bottom: 1px solid #ccc;







text-align: left;







}















#company #main table.enkaku th{







width: 80px;







color: #245073;







text-align: right;







}















#company #main table.enkaku td{







padding: 8px 8px 8px 0px;







}































/*所在地*/















#company #main table.location{







width: 533px;







margin: 4px 0 0 10px;







border-collapse: collapse;







border: 8px solid #eee;















}







#company #main table.location td{







padding: 8px 8px 8px 8px;







text-align: left;







}















span.cap{







font-size: .85em;







}







span.tel,







span.access{







font-weight: bold;







color: #245073;







}























/*社長プロフィール*/















#profile .p-comment { float: right; text-align: left; width: 320px;}















#profile #main table.enkaku{







width: 533px;







margin: 4px 0 0 10px;







border-collapse: collapse;







background: #f8f8f8;







}















#profile #main table.enkaku th,







#profile #main table.enkaku td{







padding: 8px 8px 8px 8px;







border-top: 1px solid #ccc;







border-bottom: 1px solid #ccc;







text-align: left;







}















#profile #main table.enkaku th{







width: 68px;







color: #245073;







text-align: right;







}















#profile #main table.enkaku td{







padding: 8px 8px 8px 0px;







}















#profile #main table.shikaku{







width: 400px;







margin: 4px 0 0 10px;







border-collapse: collapse;







background: #f8f8f8;







}















#profile #main table.shikaku td{







padding: 8px;







border-top: 1px solid #ccc;







border-bottom: 1px solid #ccc;







text-align: left;







}





#request .catalog { width: 120px; margin: 10px; text-align: center; float: left; padding: 5px; height:244px;}/*090827height追加水野*/



#request .catarog img { clear: both; margin: 0 auto;}





#request .comment-box01n p { padding-top: 10px;}





#request .text-box { width: 475px; border: #CCCCCC 1px solid; padding: 10px; margin: 10px auto 40px; text-align: left; height: 80px; overflow: auto; background-color:#fefaf4;}

#request .text-box table { width: 90%; margin: 0px auto;}