/*************************************************

タイトル：南産業（株）個別受注生産納品 base css

*************************************************/

h1,h2,h3,p,ul,ol {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }

p { line-height: 160%; }
table,td { font-size: 12px; } 
img { border: 0; }
/* body ID
---------------------------------------------------------------------------- */

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	color:#333;
	margin: 0;
	padding: 0;
}
*:first-child+html body {
		font-family: "メイリオ", Meiryo, san-serif;
}

#bodybox {
	position: relative;
	text-align: center;
	background: url(../images/bg_01.jpg) repeat 0 0;
}
#bodybox2 {
	position: relative;
	text-align: center;
	background: url(../images/bg-base2.jpg) repeat-x 0 0;
}


h1 { margin: 0px 0 0 0; }




/*****************************************************
*   crearfix                                         *
*****************************************************/
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*****************************************************
*    パンクズ                                        *
*****************************************************/
.btmbar {
	clear: both;
	position: relative;
	width: 650px;
	height: 12px;
	font-size: 12px;
	margin: 6px 0 0px 0px;
	color: #402218;
}
.btmbar span { display: none; }
.btmbar h1 { display: inline; }
.btmbar li { display: inline; list-style: none; }
.btmbar a {
	color: #402218!important;
	font-weight: bold;
	text-decoration: none;
}
.btmbar a:hover { text-decoration: underline; }

/******************************************************
container
******************************************************/
#container {
	clear: both;
	width: 920px;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 0 0;
}
#container_wide {
	clear: both;
	width: 1100px;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 0 0;
}

/******************************************************
contents
******************************************************/
.contents {
	width: 920px;
	background-color: #fff;
	border-bottom: 1px solid #ffffff;
}
.contents#wide { width: 1100px; }

.contents .unit1 {
	margin: 0 0 0 360px;
	padding: 30px 0 0 0;
}
.contents .unit1 .user,.passwd { font-size: 18px; }
.contents .unit1 .one-menu { margin: 10px 0 0 40px; }

.contents .reed { margin: 0 0 0 200px; padding: 40px 0 0 0; font-size: 20px; font-weight: bold; }

/** １レコード入力　レコード編集 **/
.contents .input-unit {
	width: 800px;
	margin: 40px 0 30px 80px;
}
.contents .input-unit .btn { margin: 10px 0 0 220px; }
.contents .input-unit .photo { margin: 10px 0 0 400px; }

.contents .tab-inf {
	width: 600px;
	margin: 30px 0 10px 80px;
	border-collapse: collapse;
	border: 1px solid #e0e0e0;
}
.contents .tab-inf .ent_ttl {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #e0e0e0;
	padding: 0 0 0 8px;
	background-color: #0fc8b1;
}
.contents .tab-inf .inpfl {
	border: 1px solid #e0e0e0;
	padding: 0 0 0 8px;
}


/** レコード検索条件 **/
.contents .tab-inf-sel {
	width: 700px;
	margin: 30px 0 60px 100px;
	border-collapse: collapse;
	border: 2px solid #2be7cf;
}
.contents .tab-inf-sel .ent1 {
	color: #444;
	font-size: 14px;
	font-weight: bold;
	border: 2px solid #2be7cf;
	padding: 0 6px 0 8px;
	background-color: #94E2D2;
	vertical-align: top;
}
.contents .tab-inf-sel .ent2 {
	border: 2px solid #2be7cf;
	padding: 0 6px 0 10px;
	background-color: #f0f0f0;
}

/** Csv入力 **/
.contents .input-unit2 {
	width: 800px;
	margin: 40px 0 300px 80px;
}
.contents .input-unit2 .btn { margin: 10px 0 0 420px; }
.contents .input-unit2 .photo { margin: 10px 0 0 200px; }

/** レコード一覧 **/
.contents .tab-inf-view2 {
	width: 900px;
	margin: 20px 0 10px 10px;
	border-collapse: collapse;
	border: 1px solid #b0b0b0;
}
.contents .tab-inf-view2 .itm01 { width: 64px; vertical-align: top; border: 1px solid #b0b0b0; padding-top: 6px; }
.contents .tab-inf-view2 .itm02 { width: 64px; vertical-align: top; border: 1px solid #b0b0b0; padding-top: 6px; }
.contents .tab-inf-view2 .itm03 { width: 220px; vertical-align: top; border: 1px solid #b0b0b0; padding-top: 6px; }
.contents .tab-inf-view2 .itm04 { width: 60px; vertical-align: top; border: 1px solid #b0b0b0; padding-top: 6px; }
.contents .tab-inf-view2 .itm05 { width: 100px; vertical-align: top; border: 1px solid #b0b0b0; padding-top: 6px; }
.contents .tab-inf-view2 .itm06 { width: 220px; vertical-align: top; border: 1px solid #b0b0b0; padding-top: 6px; }
.contents .tab-inf-view2 .itm07 { width: 40px; vertical-align: top; text-align: right; border: 1px solid #b0b0b0; padding-top: 6px; }
.contents .tab-inf-view2 .itm08 { width: 30px; vertical-align: top; border: 1px solid #b0b0b0; padding-top: 6px; }
.contents .tab-inf-view2 .itm09 { width: 40px; vertical-align: top; text-align: right; border: 1px solid #b0b0b0; padding-top: 6px; }
.contents .tab-inf-view2 .itm09Btn { vertical-align: top; border: 1px solid #b0b0b0; }

.contents .tab-inf-view2 th {
	padding: 2px 0 2px 0;
	background-color: #9AFCC6;
	text-align: center;
	border: 1px solid #b0b0b0;
}

.contents .btn01 { margin: 0 0 0 220px; }

/** レコード削除 **/
.contents .delbtn { margin: 0 0 0 10px; }

/** レコード保存 **/
.contents .under-btn { text-align: right; padding-right: 30px; }

/* slip Editer */
.contents .slipEdit-inf {
	width: 860px;
	margin: 20px 0 10px 50px;
	border-collapse: collapse;
/*	border: 1px solid #c0c0c0;*/
}
.contents .slipEdit-inf#wide { width: 1024px; }

.contents .slipEdit-inf .slip { vertical-align: top; border: 1px solid #808080; padding-top: 6px; }
.contents .slipEdit-inf .itm01 { width: 64px; vertical-align: top; border: 1px solid #808080; padding-top: 6px; }
.contents .slipEdit-inf .itm02 { width: 64px; vertical-align: top; border: 1px solid #808080; padding-top: 6px; }
.contents .slipEdit-inf .itm03 { width: 220px; vertical-align: top; border: 1px solid #808080; padding-top: 6px; }
.contents .slipEdit-inf .itm04 { width: 60px; vertical-align: top; border: 1px solid #808080; padding-top: 6px; }
.contents .slipEdit-inf .itm05 { width: 100px; vertical-align: top; border: 1px solid #808080; padding-top: 6px; }
.contents .slipEdit-inf .itm06 { width: 200px; vertical-align: top; border: 1px solid #808080; padding-top: 6px; }
.contents .slipEdit-inf .itm07 { width: 40px; vertical-align: top; text-align: right; border: 1px solid #808080; padding-top: 6px; }
.contents .slipEdit-inf .itm08 { width: 30px; vertical-align: top; border: 1px solid #808080; padding-top: 6px; }
.contents .slipEdit-inf .itm09 { width: 40px; vertical-align: top; text-align: right; border: 1px solid #808080; padding-top: 6px; }
.contents .slipEdit-inf .itm09Btn { vertical-align: top; border: 1px solid #808080; }
.contents .slipEdit-inf .itm0a { width: 100px; vertical-align: top; border: 1px solid #808080; }
.contents .slipEdit-inf th {
	padding: 2px 0 2px 0;
	background-color: #c0c0c0;
	text-align: center;
	border: 1px solid #808080;
	font-size: 14px;
}
.contents .slipEdit-inf td {
	padding: 2px 0 2px 0;
	font-size: 14px;
}
.contents .slipEdit-inf  .pgnum { text-align: right; border: none; }
.contents .cpd-btn { margin: 10px 0 0 600px; }
.contents .cg-page {
    page-break-after: always;
}




/******************************************************
header
******************************************************/
.header {
	position: relative;
	width: 920px;
	height: 85px;
	background-color: #fff;
	border-top: 3px solid #63bdf9;
}
.header .graph { position: absolute; top: -3px; right: 0; }
.header .logo { position: absolute; top: 8px; left: 10px; }

.header2 {
	position: relative;
	width: 920px;
	background-color: #fff;
	border-top: 3px solid #c8c8c8;
	padding-bottom: 30px;
}
.header2#wide { width: 1100px; }

.header2 .slipHead { text-align: center; font-size: 40px; font-weight: bold; margin-top: 20px; color: #808080; }
.header2 .slipNouhin { text-align: left; font-size: 24px; font-weight: bold; margin: 10px 0 0 80px; color: #808080; }
.header2 .slipSyukka { text-align: right; font-size: 18px; font-weight: bold; margin: 10px 80px 0 0; color: #808080; }
.header2 .slipDate { text-align: right; font-size: 14px; font-weight: bold; margin: 10px 80px 0 0; color: #808080; }
.header2 .slipNum { text-align: right; font-size: 14px; font-weight: bold; margin: 10px 80px 0 0; color: #808080; }



/******************************************************
gnavi
******************************************************/
.gnavi-box {
	position: relative;
	width: 920px;
	height: 3px;
	background: url(../images/gnavi-line.jpg) repeat-x 0 0;
}
.gnavi-box .gnavi-unit {
	position: absolute;
	top: -29px;
	left: 350px;
	width: 280px;
	height: 31px;
	list-style: none;
}
.gnavi-box .gnavi-unit .g-list1 { float: left; width: 130px; height: 31px; padding-left: 8px; }
.gnavi-box .gnavi-unit .g-list1 a { display: block; height: 31px; background: url(../images/gnavi-tab1.jpg) no-repeat 0 0; }
.gnavi-box .gnavi-unit .g-list1 a:hover { background: url(../images/gnavi-tab1.jpg) no-repeat 0 -31px; }
.gnavi-box .gnavi-unit .g-list1 p { display: block; height: 31px; background: url(../images/gnavi-tab1.jpg) no-repeat 0 -31px; }

.gnavi-box .gnavi-unit .g-list2 { float: left; width: 130px; height: 31px; padding-left: 8px; }
.gnavi-box .gnavi-unit .g-list2 a { display: block; height: 31px; background: url(../images/gnavi-tab2.jpg) no-repeat 0 0; }
.gnavi-box .gnavi-unit .g-list2 a:hover { background: url(../images/gnavi-tab2.jpg) no-repeat 0 -31px; }
.gnavi-box .gnavi-unit span { display: none; }
.gnavi-box .gnavi-unit .g-list2 p { display: block; height: 31px; background: url(../images/gnavi-tab2.jpg) no-repeat 0 -31px;; }


/******************************************************
func-navi
******************************************************/
.fnavi-box {
	width: 640px;
	margin: 0 20px 0 300px;
	padding: 6px 0 0 0;
}
.fnavi-box .fnavi {
	float: left;
}
.fnavi-box .fnavi .one-menu input { font-size: 14px; }


/******************************************************
footer
******************************************************/
.footer {
	position: relative;
	text-align: center;
	background: url(../images/bg_01.jpg) repeat 0 0;
}
.footer .foot {
	position: relative;
	width: 920px;
	height: 65px;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(../images/footer_shadow.jpg) repeat-x 0 0;
}

.footer .foot .addressinfo {
    position: absolute;
	font-size: 12px;
	font-style: normal;
	color: #888888;
	padding: 5px 0 0 0px;
	width: 300px;
	height: 50px;
    left: 40px;
	line-height: 110%;
}

.footer .foot ul.footnavi {
    position: absolute;
	width: 400px;
    top: 15px;
	right: 10px;
	font-size: 12px;
	border-left: solid 1px #000000;
	color: #000000;
}
.footer .foot li {
    display: inline;
	font-style: normal;
	padding-left: 5px;
	padding-right: 5px;
	border-right: solid 1px #000000;
}
.footer .foot li a { color: #888888; text-decoration: none; }
.footer .foot li a:hover { color: #00FFF0; text-decoration: none; }

.footer .foot .copyright {
    position: absolute;
    font-style: normal;
	font-size: 10px;
	color: #888888;
    top: 44px;
    right: 10px;
    width: 360px;
}

/*****************************************************
伝票フォーム
*****************************************************/
.contents .form-bill {
    width: 600px;
    margin: 0 0 20px 250px;
	border-collapse: collapse;
}
.contents .form-bill .form-bill01 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #404040;
    border-bottom: 4px solid #74ede9;
}
.contents .form-bill .form-bill02 {
    text-align: right;
    padding-right: 144px;
    padding-top: 30px;
    font-size: 24px;
    color: #404040;
}
.contents .form-bill .form-bill03 {
    text-align: right;
    padding-right: 144px;
    padding-top: 5px;
    font-size: 24px;
    color: #404040;
}
.contents .form-bill .form-bill04 {
    text-align: right;
    padding-right: 144px;
    padding-top: 5px;
    font-size: 24px;
    color: #404040;
}

.contents .aisatu {
    margin: 0 0 20px 80px;
    padding: 20px 0 0 0;
}
.contents .aisatu p { font-size: 18px; }

.contents .furikomi {
    width: 700px;
    margin: 30px 0 0px 200px;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 10px;
}
.contents .furikomi p { font-size: 18px; }







/******************************************************
chips
******************************************************/
.hi700 { height: 700px; }
.hi600 { height: 600px; }
.hi500 { height: 500px; }
.hi400 { height: 400px; }
.hi300 { height: 300px; }
.hi200 { height: 200px; }
.hi100 { height: 100px; }

/* end of css */