/*
===================================================================
ニッケ商事株式会社[全ページ用基本CSS] --- bace.css ---

目次 

1.reset(25-101)

2.link Setting(103-143)

3.clearfix setting(145-182)

4.layout setting(184-342)

5.detail - TopPage(344-1048)

6-11.各ページ用(1050-1520)

12.topic area(1522-1571)

13.sitemap(1573-1677)
===================================================================
*/

/* ===== 1: reset ================================================= */

body {

	font: normal 100% "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, verdana, arial, sans-serif;

	margin: 0 auto;

	padding: 0px;

	font-size:90%;

	text-decoration: none;

	color: #666;

	background-color: #fff;

	line-height: 1.4;

}

h1,h2,h3,h4,h5,h6,p,a,

ul,ol,li,dl,dt,dd,

form,fieldset,legend,pre,blockquote,

button,

address,

noscript {

	margin: 0px;

	padding: 0px;

	font-size: 1em;

	font-weight:normal;

	text-align:left;

}

ul,ol,li {

	list-style:none;

	list-style-position: outside;

}

img {

	margin:0px;

	padding:0px;

	border:0;

	vertical-align:bottom;

}

li img {

	margin:0px;

	padding:0px;

	border:0;

	vertical-align:bottom;

}

/* ===== 2:link setting ================================================= */

a:link{
	color: #000099;
	text-decoration:underline;
}

a:visited{
	color: #551A8B;
}

a:hover{
	color: #003399;
}

a:active{
	color: #0066CC;
}

a img {
	margin:0px;
	padding:0px;
	border:0;
	vertical-align:bottom;
}

/* ===== 3:clearfix setting ============================================= */

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix { display: inline-block; }

/* except Mac IE5 ＼*/

*html .clearfix { height: 1%; }

.clearfix {display: block;}

/* end of Holly Hack */

* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  

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



.clearBothTag{
clear: both;
}

/* ===== 4:layout setting ============================================= */

#wrapper{
	width:800px;
	margin:0 auto;
}

#header{
	padding:15px 0 15px 10px;
	border-top: 5px solid #EF0000;
}

#headerMenu{
	float:right;
}

*html #headerMenu{
width:245px;
font-size: 14px;
}

#topImage{
background-color: #fff;
text-align: center;
background-image: url('../image/topImage.gif');
background-repeat: no-repeat;
background-position: 0 35px;
width: 800px;
height: 288px;
}

#topImage2{
background-color: #fff;
background-image: url('../image/topImage-2.gif');
background-repeat: no-repeat;
background-position: 0 40px;
width: 800px;
height: 190px;
}

#shingu #topImage,
#order #topImage,
#keito #topImage,
#gyoumu #topImage,
#kasei #topImage{
background-color: #fff;
text-align: center;
background-image: none;
width: 800px;
height: 260px;
}

#pankuzuList{
	padding:5px;
	color:#167bbb;
	font-size: 1em;
	text-decoration: none;
}

#contents{
	width: 795px;
}



#mainContent{
	float:right;
	width:580px;
	padding-left: 10px;
}

#mainContent_02{
	width:790px;
}

#linkDiv {
margin-left: 10px;
margin-right: 5px;
}

p#linkSec {
margin-top: 10px;
margin-bottom: 5px;
border-bottom: 1px dashed #ccc;
}

p#linkSec ul#linkUl {
margin-top: 10px;
margin-left: 20px;
}

ul#linkUl li {
list-style-position: inside;
list-style-image: url('../image/page_go2.png');
line-height: 1.8;
}

#linkUl li a {
text-decoration: none;
font-size: 0.9em;
display: inline-block;
}



#mainContent_03{/* ===== サイトマップ=========== */
	width:770px;
}



#leftMenu{
	float:left;
	width:193px;
	background-image: url('../image/leftMenu-top.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
}



#footer{
	clear:both;
	padding-top: 3px;
	margin-top: 5px;
}

/* ===== 5-1:header ============================================= */

#headerMenu {
	text-align: right;
	margin: -7px 3px 0 auto;
}



#headerMenu ul{
text-align: right;
}

#headerMenu ul li{	display: block;
	float:left;
	font-size: 1em;
	margin-right: 0;
}

#headerMenu ul li a{
	margin: 0 0 0 0.5em ;
	text-decoration: none;
	font-size: 1em;
}

#headerMenu ul li a:hover{
	background:#FFF4F8;
	}


/* ===== 5-2:topImage ============================================= */

#topImage #topMenu ul li,
#topImage2 #topMenu ul li{
	float: left;
	overflow: hidden;
}

#topImage #topMenu ul li a,
#topImage2 #topMenu ul li a{
display: block;
	height: 53px;
	width: 133px;
}

#topImage #topMenu ul li a span,
#topImage2 #topMenu ul li a span{
display: none;
}

#topImage #topMenu ul li.topMenu01,
#topImage2 #topMenu ul li.topMenu01 {
background-image: url('../image/topMenu0.jpg');
background-position: 0 -1px;
	width: 101px;
}

#topImage #topMenu ul li.topMenu01This,
#topImage2 #topMenu ul li.topMenu01This,
#topImage #topMenu ul li.topMenu01 a:hover,
#topImage2 #topMenu ul li.topMenu01 a:hover{
background-image: url('../image/topMenu0.jpg');
background-position: 0 54px;
	width: 101px;
}

#topImage #topMenu ul li.topMenu02,
#topImage2 #topMenu ul li.topMenu02 {
background-image: url('../image/topMenu0.jpg');
background-position: 699px -1px;
	width: 90px;
}

#topImage #topMenu ul li.topMenu02This,
#topImage2 #topMenu ul li.topMenu02This,
#topImage #topMenu ul li.topMenu02 a:hover,
#topImage2 #topMenu ul li.topMenu02 a:hover{
background-image: url('../image/topMenu0.jpg');
background-position: 699px 54px;
	width: 90px;
}

#topImage #topMenu ul li.topMenu03,
#topImage2 #topMenu ul li.topMenu03 {
background-image: url('../image/topMenu0.jpg');
background-position: 609px -1px;
	width: 143px;
}

#topImage #topMenu ul li.topMenu03This,
#topImage2 #topMenu ul li.topMenu03This,
#topImage #topMenu ul li.topMenu03 a:hover,
#topImage2 #topMenu ul li.topMenu03 a:hover{
background-image: url('../image/topMenu0.jpg');
background-position: 609px 54px;
	width: 143px;
}

#topImage #topMenu ul li.topMenu04,
#topImage2 #topMenu ul li.topMenu04  {
background-image: url('../image/topMenu0.jpg');
background-position: 466px -1px;
	width: 77px;
}

#topImage #topMenu ul li.topMenu04This,
#topImage2 #topMenu ul li.topMenu04This,
#topImage #topMenu ul li.topMenu04 a:hover,
#topImage2 #topMenu ul li.topMenu04 a:hover{
background-image: url('../image/topMenu0.jpg');
background-position: 466px 54px;
	width: 77px;
}

#topImage #topMenu ul li.topMenu05,
#topImage2 #topMenu ul li.topMenu05 {
background-image: url('../image/topMenu0.jpg');
background-position: 389px -1px;
	width: 119px;
}

#topImage #topMenu ul li.topMenu05This,
#topImage2 #topMenu ul li.topMenu05This,
#topImage #topMenu ul li.topMenu05 a:hover,
#topImage2 #topMenu ul li.topMenu05 a:hover{
background-image: url('../image/topMenu0.jpg');
background-position: 389px 54px;
	width: 119px;
}

#topImage #topMenu ul li.topMenu06,
#topImage2 #topMenu ul li.topMenu06 {
background-image: url('../image/topMenu0.jpg');
background-position: 270px -1px;
	width: 144px;
}

#topImage #topMenu ul li.topMenu06This,
#topImage2 #topMenu ul li.topMenu06This,
#topImage #topMenu ul li.topMenu06 a:hover,
#topImage2 #topMenu ul li.topMenu06 a:hover{
background-image: url('../image/topMenu0.jpg');
background-position: 270px 54px;
	width: 144px;
}

#topImage #topMenu ul li.topMenu07,
#topImage2 #topMenu ul li.topMenu07 {
background-image: url('../image/topMenu0.jpg');
background-position: 125px -1px;
	width: 125px;
}

#topImage #topMenu ul li.topMenu07This,
#topImage2 #topMenu ul li.topMenu07This,
#topImage #topMenu ul li.topMenu07 a:hover,
#topImage2 #topMenu ul li.topMenu07 a:hover{
background-image: url('../image/topMenu0.jpg');
background-position: 125px 54px;
	width: 125px;
}


#topImage img{
	margin-top: 0px;
	margin-left: 2px;
}

#shingu #topImage img,
#order #topImage img,
#keito #topImage img,
#gyoumu #topImage img,
#kasei #topImage img {
	margin-top: 0px;
	margin-left:-2px;
}

#order #topImage, #order #topImage2  {
position: relative;
}

#topImage2 img{
	margin-top: 0px;
	margin-left: 6px;
}


/* ===== 5-3:pankuzuList ========================================== */

#pankuzuList a{
	text-decoration: none;
	color: #167bbb;
}

#pankuzuList a:hover{
	background:#FFF4F8;
	}


/* ===== 5-4:leftMenu ============================================= */

#navi{
height: 100%;
background-image: url('../image/leftMenu-bottom.gif');
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 10px;
}

#navi p{
padding-left: 13px;
background-image: url('../image/leftMenu-middle.gif');
background-repeat: repeat-y;
background-position: left top;
}

#navi p img{
margin-left:-11px;
margin-top: -7px;
}

.naviList{
background-image: url('../image/leftMenu-middle.gif');
background-repeat: repeat-y;
background-position: left top;
padding-left: 1px;
font-size: 1em;
}

.naviList li {
width:190px;
background-image: url('../image/line-1.gif');
background-repeat: repeat-x;
background-position: left bottom;
}

.naviList li a,
.naviList li span.menu_span{
display: block;
padding: 5px 0 5px 15px;
text-decoration: none;
background-image: url('../image/leftMenuList.gif');
background-repeat: no-repeat;
background-position: 5px 12px;
margin-right: 3px;
}

.naviList li a:hover{
border-left: 4px solid #FFCC99;
margin-left: -4px;
}

.naviList li.lastLi{
background-image: none;
}

.bannerImage{
width: 190px;
height:190px;
margin-top: 20px;
margin-left: 5px;
}

.bannerTop{
font-weight: bold;
margin-top: 10px;
margin-left:10px;
margin-bottom: 5px;
}

.thispage{
border-left: 4px solid #EF0000;
margin-left: -4px;
}

.naviList li a.thispage:hover{
border-left: 4px solid #EF0000;
margin-left: -4px;
}

/* 

*/

/* ===== 5-5:mainContent ====================================== */

h2{
border-left:10px solid #EF0000;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 1.2em;
font-weight: bold;
color: #333;
background-image: url('../image/h2Back.gif');
background-repeat: repeat;
margin-top: 3px;
margin-bottom: 10px;
margin-right: 3px;
	/* 角丸 */
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

h2.h2_sub {
border-left:10px solid #0E1C7F;
background-image: url('../image/h2_back02.gif');
background-repeat: repeat;
}

h3{
padding-left: 0px;
}

#mainContent p{
font-size: 0.94em;
line-height: 1.6;
padding: 5px 0 20px 20px;
margin-bottom: 30px;
background-image: url('../image/line-2.gif');
background-repeat: repeat-x;
background-position: 0 bottom;
}

#mainContent p.bottomLine_topP{
background-image: none;
margin-bottom: 0;
}

#mainContent p.image_box01 {
padding: 5px 5px 20px 5px;
background-image: url('../image/line_01.gif');
background-repeat: repeat-x;
margin-bottom: 10px;
}

span.leftText{
float: left;
display: inline-block;
width: 350px;
}

img.rightImage{
float: right;
border-right: 2px solid #999999;
border-bottom: 2px solid #999999;
}

div.newsList_div {
margin-bottom: 10px; 
padding-bottom: 5px;
border-right: 1px solid #9ED8FF; border-left: 1px solid #9ED8FF; border-bottom: 1px solid #9ED8FF;
}

div.newsList_div3{
margin-bottom: 10px; 
padding-bottom: 5px;
width: 100%;
}

li.newsList{
padding-left: 20px;
margin-top: 10px;
line-height: 1;
}

li.newsList {
font-size: 0.88em;
}

#bannerTable{
margin-top: 5px;
background-image: url('../image/line-2.gif');
background-repeat: repeat-x;
background-position: 0 bottom;
}


/* ===== 5-6:footer ====================================== */

#footer div.footerUp {
	border-bottom: 5px solid #EF0000;
	padding-top: 3px;
	margin-top: 5px;
	text-align: right;
	font-size: 0.85em;
}

#footer div.footerUp a {
text-decoration: none;
margin-left:10px;
}

#footer div.footerUp a:hover{
	background:#FFF4F8;
	}

.copyrightText{
clear: both;
text-align: center;
padding-top: 5px;
font-size: 0.8em;
}

img.footerMark {
vertical-align: middle;
}

/* ===== 6: Greeting====================================== */

#mainContent p.aisatuText{
background-image: none;
}

/* ===== 7: Summary====================================== */

.summaryList{
margin-top: 5px;
margin-bottom: 10px;
}

.summaryList dl{
width: 100%;
text-align: left;
line-height: 1.6;
border-bottom: 1px dashed #CCCCFF;
}

.summaryList dl dt{
background-color: #f3f3f3;
}

.summaryList dl dt{
float: left;
width: 130px;
padding-left: 0.5em;
margin-right: 3px;
}

.summaryList dl dd{
float: right;
width: 75%;
}

.summaryList dl.dlLast{
border-bottom: 1px solid #CCCCFF;
}

.summaryList dl dd.borderDL {
border-bottom: 1px dashed #CCCCFF;
}

.summaryList dl dt.dtLast_fast {
border-top: 1px dashed #CCCCFF;
}

.summaryList dl dt.dtLast {
border-top: 1px dashed #CCCCFF;
}

/* ===== 8: Development====================================== */

div.shihonDl dl{
width: 100%;
}

div.shihonDl dl dt{
background-color: #fff;
}

div.shihonDl dl dd{
width: 75%;
text-align:left;
}

/* ===== 9: Branch====================================== */

div#contents div.branchList p{
padding: 5px 0 10px 20px;
margin-bottom: 15px;
}

/* ===== 10: Privacy Policy====================================== */

div.privacyList div{
background-color: #fff;
padding-bottom:10px;
margin-bottom: 3px;
border-bottom: 1px dotted #9ED8FF;
}

div.privacyList div div#privacyList02, div.privacyList div div#privacyList03,
div.privacyList div div#privacy-billing {
border-bottom: none;
}

div.privacyList div p, div.policyList div p{
width: 540px;
}

div#privacyList02 p, div.policyList div ol{
width: 520px;
}

div.privacyList div ol, div#privacyList02 ol,
div#privacyList03 p{
width: 480px;
}

#mainContent div p.privacySec{
background-image: none;
padding: 5px 0 10px 20px;
margin-bottom: 10px;
}

#mainContent div p.privacySec02{
background-image: none;
padding: 5px 0 10px 20px;
margin-top: 10px;
}

#mainContent div p.privacySec03{
background-image: none;
padding: 5px 0 0 20px;
margin-top: 10px;
}

.privacyList h3 {
border-bottom: 1px dotted #9ED8FF;
}

ol.privacyList01 {
margin-left: 40px;
}

ol.privacyList01 li{
list-style-type: decimal;
list-style-position: outside;
}

#privacyList02 {
margin-left: 20px;
margin-bottom: 20px;
}

#privacyList02 h4{
margin-top: 10px;
}

#privacy-billing {
margin: 10px 20px;
}

#privacyList03 {
margin-bottom: 20px;
}

#privacyList03 h4, #privacyList03 table {
margin-left: 40px;
}

#privacyList03 p {
margin-left: 40px;
}

#privacyList03 table {
width: 450px;
}

#privacyList03 table tbody tr th {
width: 83px;
vertical-align: top;
text-align: left;
}

div.policyList div ol{
margin-bottom:20px;
}

div.policyList div ol li{
line-height: 1.8;
border-bottom: 1px dashed #9ED8FF;
margin-bottom: 5px;
}

div.infoContact {
border: 1px dotted #333;
padding: 10px 20px;
margin-bottom: 20px;
margin-left: 20px;
}

#mainContent div p.kiteiSec{
background-image: none;
padding: 5px 0 0 20px;
margin-top: 10px;
margin-bottom: 10px;
}

ol.kiteiList{
margin-left: 40px;
}

#mainContent div ol.kiteiList li{
border-bottom-color: #666;
list-style-type: decimal;
list-style-position: outside;
}

#mainContent div ol.kiteiList li ul {

}

#mainContent div ol.kiteiList li ul li{
border: none;
list-style-type: none;
margin-left: 1em;
}

/* ===== 11: MailForm====================================== */

div.contactList,
div.contact{
	margin-left: 20px;
}

div.contactList{
padding-bottom: 10px;
border-bottom: 1px dashed #EF0000;
}

div.contactList ol{
line-height: 2;
margin-left: 20px;
}

div.contactList ol li{
list-style-type: decimal;
list-style-position: outside;
}

div.contact dl{
border-bottom: 1px dotted #9ED8FF;
padding-bottom: 10px;
padding-top: 10px;
}

div.contact dl dd{
color: #000;
}

div.contact dl dd img{
vertical-align: top;
}



/* ===== 12:topicArea ====================================== */

h2#topicArea_h2{
border-left:none;
padding: 0;
margin: 0;
background-image: none;
}

div#topicArea{
border: 1px solid #e5e5e5;
width: 563px;
padding: 5px;
margin-bottom: 23px;
background-color: #F0F0F0;
height: 7.5em;
overflow-y: scroll;
}

div#topicArea ul#topicAreaUl{
margin-left: 15px;
}

div#topicArea ul#topicAreaUl li{
list-style-position: outside;
/*list-style-image: url('../kasei/i/arrow_right_normal.gif');*/
}

/* ===== 13:sitemap ====================================== */

#mainContent_03 {
background-color: #FFFFCC;
margin-left:10px;
}

h2.sitemap_h2 {margin-left:10px;
background-image: url('../image/h2_sitemap_back.gif');
background-repeat: repeat;
}

div.sitemap_div div ul {
margin-left:10px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #FF0000;
}

div.sitemap_div div ul li{
list-style-type: square;
list-style-position: inside;
}

div.sitemap_div div {
background-color: #f5f5f5;
padding: 5px;
margin-left: 20px;
width: 45%;
}

div.sitemap_div div#map_sec01,
div.sitemap_div div#map_sec03{
float: left;
}

div.sitemap_div div#map_sec02,
div.sitemap_div div#map_sec04 {
float: right;
margin-left: 5px;
margin-right: 15px;
}

div.sitemap_div div#map_sec03{
clear: both;
}

div.sitemap_div div#map_sec03,
div.sitemap_div div#map_sec04{
background-color: #FFFFCC;
margin-top: 20px;
}

/* ****************************** */
img.mailing {
vertical-align: top;
}