﻿body {
	margin: 0px;
	padding: 0px;
}
#wrap {
    margin: 0px;
    padding: 0px;
	width: 770px;
}

/*ヘッダー*/

#hnavi {
	background-image: url(../image/hdnavi.gif);
	position: relative;
	height: 25px;
}
#hnavi ul {
	margin: 0;
	padding: 0;
}
#hnavi0 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	font-size: 84%;
	top: 0px;
}
#hnavi0 li, #hnavi0 a {
	height: 25px;
	display: block;
}
#hnavi0 a {
	text-indent: -1000px;
	text-decoration: none;
}
#hnav1 {left: 0px; width: 78px;}
#hnav2 {left: 78px; width: 259px;}
#hnav25 {left: 337px; width: 79px;}
#hnav3 {left: 416px; width: 83px;}
#hnav4 {left: 499px; width: 102px;}
#hnav5 {left: 601px; width: 169px;}

#hnav1 a:hover { background: transparent url(../image/hdnavi.gif) 0px -35px no-repeat;}
#hnav2 a:hover { background: transparent url(../image/hdnavi.gif) -78px -35px no-repeat;}
#hnav25 a:hover { background: transparent url(../image/hdnavi.gif) -337px -35px no-repeat;}
#hnav3 a:hover { background: transparent url(../image/hdnavi.gif) -416px -35px no-repeat;}
#hnav4 a:hover { background: transparent url(../image/hdnavi.gif) -499px -35px no-repeat;}
#hnav5 a:hover { background: transparent url(../image/hdnavi.gif) -601px -35px no-repeat;}

#hnavi00 {
	position:absolute;
	left:6px;
	top:-4px;
	width:774px;
	height:31px;
	z-index:0;
}

#hnavi4pl {
	position:absolute;
	left:500px;
	top:25px;
	width:168px;
	z-index:1;
	background-color: #0066CC;
	font-size: 70%;
	visibility: hidden;
}
#hnavi5pl {
	position:absolute;
	left:602px;
	top:25px;
	width:168px;
	z-index:1;
	background-color: #0066CC;
	font-size: 70%;
	visibility: hidden;
}
#hnavi4pl ul,#hnavi5pl ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#hnavi4pl li,#hnavi5pl li {
	padding: 5px 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
#hnavi4pl a, #hnavi4pl a:active,#hnavi5pl a, #hnavi5pl a:active {
	color: #FFFFFF;
	text-decoration: none;

}
#hnavi4pl a:hover, #hnavi5pl a:hover {
	color: #FFFFFF;
	text-decoration: underline;

}
#hnavi4pl a:visited, #hnavi5pl a:visited {
	color: #CCCCCC;

}

/*メイン*/

#nwrap {
	background-image: url(../image/nk_bg.gif);
	background-repeat: repeat-y;
	margin-top: 20px;
	padding-bottom: 20px;
}
#nwrap {
	width: 770px;
}
#nwrap a:link {
	color: #003399;
}
#nwrap a:visited {
	color: #3333CC;
}
#nwrap a:hover {
	color: #0066FF;
}
#nwrap a:active {
	color: #0066CC;
}


/*左メニュー*/

#ssnavi {
	width: 190px;
	float: left;
	margin-right: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#ssnavi00 ul,#ssnavi00 li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 84%;
	left: 2px;
}

#ssnavi00 li {
	width: 190px;
	display: block;
	height: 33px;
}
#ssnavi00 a {
	width: 190px;
	display: block;
	height: 33px;
	text-indent: -1000px;
	text-decoration: none;
}

#ssnav1  {
	background-image: url(../image/ssnav1db.gif);
	background-repeat: no-repeat;
}
#ssnav1 a:hover {
	background: url(../image/ssnav1db.gif) -190px 0;
	background-repeat: no-repeat;
}

#ssnav2 {
	background-image: url(../image/ssnav2db.gif);
	background-repeat: no-repeat;
}
#ssnav2 a:hover {
	background: url(../image/ssnav2db.gif) -190px 0;
	background-repeat: no-repeat;
}
#ssnav3 {
	background-image: url(../image/ssnav3db.gif);
	background-repeat: no-repeat;
}
#ssnav3 a:hover {
	background: url(../image/ssnav3db.gif) -190px 0;
	background-repeat: no-repeat;	
}
#ssnav4 {
	background-image: url(../image/ssnav4db.gif);
	background-repeat: no-repeat;
}
#ssnav4 a:hover {
	background: url(../image/ssnav4db.gif) -190px 0;
	background-repeat: no-repeat;	
}
#bnArea a {
	text-indent: -9999px;
	width: 190px;
	height: 96px;
	display: block;
	overflow: hidden;
}
#snavBn {
	width: 190px;
	height: 96px;
	background-image: url(../image/onlineshop_bn01.jpg);
	background-repeat: no-repeat;
}
#ssnavGyomu {
	background-image: url(../image/ssnav_gyomudb.gif);
	background-repeat: no-repeat;
	border-top:#999 1px solid;
}
#ssnavGyomu a:hover {
	background: url(../image/ssnav_gyomudb.gif) -190px 0;
	background-repeat: no-repeat;	
}
#ssnavKeisoku {
	background-image: url(../image/ssnav_keisokudb.gif);
	background-repeat: no-repeat;
	border-top:#999 1px solid;
}
#ssnavKeisoku a:hover {
	background: url(../image/ssnav_keisokudb.gif) -190px 0;
	background-repeat: no-repeat;	
}
#ssnavKido {
	background-image: url(../image/ssnav_kidodb.gif);
	background-repeat: no-repeat;
	border-top:#999 1px solid;
}
#ssnavKido a:hover {
	background: url(../image/ssnav_kidodb.gif) -190px 0;
	background-repeat: no-repeat;	
}
/*左メニューリスト部分*/
.smt {
	margin: 1px;
}
#st01 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;

}
#st01 ul {
	margin: 0px;
	padding: 0px;
	font-size: 84%;
}
#st01 li {
	list-style-type: none;
	list-style-image: url(../image/slist.gif);
	margin: 5px 10px 5px 25px;
}
#st01 ul ul {
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	display: none;
	
}
#st01 li li {
	list-style-type: none;
	list-style-image: url(../image/allow1.gif);
	margin: 5px 10px 5px 10px;
}


/*右コンテンツ*/

#mainc {
	float: left;
	font-size: 84%;
	width: 540px;
	margin-left: 25px;
	margin-right: auto;
}
#mainc h1 {
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	padding: 10px 0px 10px 15px;
	background-image: url(../image/h1_line.gif);
	background-repeat: no-repeat;
	margin: 0px;
	font-size: 110%;
	line-height: 160%;
}

#mainc h2 {
	background-image: url(../image/h3_bg.gif);
	background-repeat: repeat-y;
	font-size: 120%;
	padding: 2px 10px;
	font-weight: bold;
	line-height: 150%;
	margin: 25px 0px 7px 0px;
}
#mainc h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000033;
	font-size: 100%;
	font-weight: bold;
	color: #000033;
	margin: 20px 0px 5px 0px;
	padding: 1px;
}
#mainc h4 {
	font-size: 100%;
	font-weight: bold;
	margin: 20px 0px 5px 0px;
	padding: 1px;
}



/*その他パーツ*/

#pnavi {
	font-size: 84%;
	margin: 2px 0px 10px 0px;
}
.pagetop {
	font-size: 84%;
	text-align: right;
	margin-top: 20px;
}

.clear {
	clear: both;
}
.listA {
	list-style-image: url(../image/list2.gif);
}
.listB {
	list-style-image: url(../image/list2.gif);
	font-size:100%;
	margin-left:20px;
	padding-left:0px;
}
.listC {
	margin:0 0 0 15px;
	padding:0;
}
.listD {
	list-style:none;
	margin:0;
	padding:0;
}

dl.dlFmt1 {
	margin:0 auto 0 20px;
}
dl.dlFmt1 dt {
	float:left;
}
dl.dlFmt1.ddml6 dd {
	margin-left:6em;
}

.tbl1 table {
	border: 1px solid #999999;
	border-collapse:collapse;
	font-size: 90%;
	width: 100%;
}
.tbl1 th {
	font-weight: bold;
	background-color: #001F5D;
	color: #FFFFFF;
	white-space: nowrap;
}

.tbl1 th,.tbl1 td {
	margin: 0px;
	padding: 2px 5px;
	xwhite-space: nowrap;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}
.tbl1.wsNml th,.tbl1.wsNml td {
	white-space:normal;
}
.tbl1 th.wsNWrap, .tbl1 td.wsNWrap {
	white-space:nowrap;
}
.tbl1 .gy {
	background-color: #EDEDED;
}
.tbl2 table {
	border: 1px solid #999999;
	border-collapse:collapse;
	font-size: 90%;
}
.tbl2 th {
	font-weight: bold;
	background-color: #EDEDED;
	white-space: nowrap;
	text-align: left;
}

.tbl2 th,.tbl2 td {
	margin: 0px;
	padding: 2px 5px;
	white-space: nowrap;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}
.tbl2 td {
	text-align: center;
}
.tbl2-1 table, .tbl2-2 table {
	border: 1px solid #999999;
	border-collapse:collapse;
	font-size: 90%;
}
.tbl2-1 th {
	font-weight: normal;
	background-color: #EDEDED;
	white-space: nowrap;
	text-align: left;
}

.tbl2-1 th,.tbl2-1 td,.tbl2-2 th,.tbl2-2 td {
	margin: 0px;
	padding: 2px 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}
.tbl2-2 th {
	text-align: center;
	white-space: nowrap;
	background-color: #EDEDED;
}

.olFmt1 {
	list-style:none;
}


/*共通*/
.flL { float:left;}
.flR { float:right;}
.taL { text-align:left;}
.taR { text-align:right;}
.taC { text-align:center;}
.taR { text-align:right;}
.bmA { margin-bottom:30px;}
.bmAh { margin-bottom:15px;}
.bmAhh { margin-bottom: 5px;}
.mgnL0 { margin-left:0;}
.mgnL-10 { margin-left:-10px;}
.vaT { vertical-align:top}

.tmA { margin-top:30px;}
.tmAh { margin-top:15px;}
.tmAhh { margin-top:7px;}
.rmA { margin-right:10px;}
.lmA { margin-left:10px;}


.fsL1 { font-size:110%;}
.fsS1 { font-size:90%;}
.fsS2 { font-size:80%;}
.fRed {
	color: #CC0000;
}
.fcC00 { color:#c00;}
.fwN { font-weight:normal;}

/*業務パーツ*/
.seihinMiru {
	margin-top:25px;
}
.seihinMiru dt {
	border-left:5px solid #006BB1;
	font-weight:bold;
	padding-left:7px;
	color:#006BB1;
	margin-bottom:10px;
	background-color:#eee;
}
.seihinMiru dd {
	background:url(../image/allow1.gif) no-repeat 0 7px;
	padding-left:15px;
	margin-left:15px;
}


/* 上付き・下付き文字調整 */
sub {
	font-size: 80%;
	vertical-align: baseline;
	position: relative;
	top: 2px;
}
html > body /**/sub {
	font-size: 70%; /* IE以外のモダンブラウザに適用 */
}
sup {
	font-size: 80%;
	vertical-align: baseline;
	position: relative;
	bottom: 5px;
}

.hs {
	margin-left:15px;
	border:2px solid #F00;
	color:#F00;
	padding:3px;
	width: 250px;
	text-align:center;
	background-color:#FFBFBF;
	font-weight: bold;
}

