@charset "utf-8";

/*..:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.

　SPFB ×　NCネットワーク　製造業職員応援企画！

�@.::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.*/

/* [CONTENTS]
  1: default (=DE)
  2: contents (=CO)
		3: form (=FM)
  ======================= */
  
  
/* 1:default (=DE)
======================================================= */
/* ブラウザのデフォルトスタイル消去 */
*{margin:0px; padding:0px}

/* 画像のデフォルト枠無 */
img{border:0px;margin:0px; padding:0px}

body{
 text-align:center;
 font-family:"ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", Gothic, verdana, arial, sans-serif;
 vertical-align:baseline;
 color:#4c4c4c;
 background:#fff
}

.cl{clear:both}
.fl{float:left; display:inline}
.fr{float:right; display:inline}

.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.vt{vertical-align:top}
.vm{vertical-align:middle}
.vb{vertical-align:bottom}
.mauto{margin:0px auto}

.wall{width:auto}
.wpar{width:100%}

.cl0{clear:both;width:0px; height:0px; margin:0px; padding:0px}

/* 不可視調整 */
.out01{
	display:none /* ボックスごと不可視 */
}
.out02{
	visibility:hidden /* ボックス イキ不可視 */
}

/* フォント調整 */
.fb{font-weight:bold}
.fs{font-weight:normal}
.f11{
 font-size:11px;
 font-family:"ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", Gothic, verdana, arial, sans-serif
}

/* 色調整 */
.red{color:#ff0000}


/* Link Color
--------------------------------------------------*/
a:link {text-decoration: underline; color: #0070cb}
a:visited {text-decoration: underline; color: #6b6bb3}
a:hover {text-decoration: underline; color: #f00}


/* 2: contents (=CO)
======================================================= */
#container{
 background:transparent;
 margin:0px auto;
 padding:0px;
 text-align:left;
 width:800px;
 height:auto
}

h1,
h2.h01,
h3.h02{
 display:none;
 font-size:12px
}
h3.list01{
 font-size:15px;
	background:transparent url(/ncnetwork/img/ncnet0907_maru.jpg) no-repeat left 0px;
	padding:2px 0px 2px 22px
}

#back01{
 width:800px;
	height:auto;
	background:transparent url(/ncnetwork/img/ncnet0907_10.jpg) no-repeat 0px 0px
}
.caset{
 width:400px;
	height:auto;
	float:left
}

#back01 table{
 width:360px;
	height:auto;
	border-collapse:collapse;
	border:1px solid #ccc;
	margin:10px 0px 10px 14px;
	background-color:#fff
}
#back01 table.tbl-handlingright{
 width:360px;
	height:auto;
	border-collapse:collapse;
	border:1px solid #ccc;
	margin:10px 0px 10px 30px;
	background-color:#fff
}
#back01 table th{
	width:auto;
	padding:5px;
 text-align:center;
	line-height:120%;
	letter-spacing:1px;
	font-weight:normal;
	border:1px solid #ccc;	
	background:#f4f4f4
}
#back01 table td{
	width:auto;	
	padding:5px;
 text-align:center;
	line-height:120%;
	letter-spacing:1px;
	border:1px solid #ccc
}

#back01 table th.wth02{
	width:12px;
	padding:5px;
 text-align:center;
	line-height:120%;
	letter-spacing:1px;
	font-weight:normal;
	border:1px solid #ccc;	
	background:#f4f4f4
}
#back01 table td.wth02{
	width:12px;	
	padding:5px;
 text-align:center;
	line-height:120%;
	letter-spacing:1px;
	border:1px solid #ccc
}
#back01 table th.wth03{
	width:24px;
	padding:5px;
 text-align:center;
	line-height:120%;
	letter-spacing:1px;
	font-weight:normal;
	border:1px solid #ccc;	
	background:#f4f4f4
}
#back01 table td.wth03{
	width:24px;	
	padding:5px;
 text-align:center;
	line-height:120%;
	letter-spacing:1px;
	border:1px solid #ccc
}
.fuzoku01{
 margin-left:16px
}
.fuzoku02{
 margin-left:32px
}

.ex01{
 float:left;
	margin:10px 0px;
	width:532px;
	height:auto
}
p.extxt01{
 font-size:13px;
	line-height:120%;
 color:#000;
	margin:10px 10px 20px 20px
}
.eximg{
 float:left;
	margin-top:10px
}

.episode01{
 float:left;
	width:393px;
	height:auto
}
.episode02{
 float:left;
	width:393px;
	height:auto;
	margin-left:7px
}
.epi01,
.epi02{
 border:solid 1px #ccc;
	height:auto;
	width:auto
}
.epispec01{
 float:left;
	width:200px;
	height:120px;
	vertical-align:bottom
}
.epispec02{
 float:left;
	width:170px;
	height:120px;
	vertical-align:bottom
}
.epitxt{
	font-size:13px;
	line-height:130%;
	color:#666;
	margin:0px 0px 10px 10px
}

.syosai{
 clear:both;
 width:170px;
	height:19px;
	margin:2px;
	padding-bottom:2px;
	text-align:right
}

.in{
 width:100%;
	height:130px
}

#copyright{
	padding-top:5px;
	padding-bottom:10px;
	text-align:center;
	font-size:12px;
 color:#000
}


/* 3: form (=FM)
======================================================= */
#form01 table{
 width:650px;
	height:auto;
	border-collapse:collapse;
	border:1px solid #c9daa5;
	margin:20px 0px 10px 75px;
	background-color:#fff
}
#form01 table th{
	width:230px;
	padding:5px 5px 5px 10px;
 text-align:left;
	line-height:120%;
	letter-spacing:1px;
	font-size:13px;
	border:1px solid #c9daa5;
	background:#f5ffdf
}
#form01 table th.nin{
	width:230px;
	padding:5px 5px 5px 10px;
 text-align:left;
	line-height:120%;
	letter-spacing:1px;
	font-size:13px;
	border:1px solid #c9daa5;
	background:#e1fbfa
}
#form01 table td{
	width:420px;	
	padding:5px;
 text-align:left;
	line-height:120%;
	letter-spacing:1px;
	font-size:13px;
	border:1px solid #c9daa5;
}

.hi{
	vertical-align:top;
	margin:-1px 0px 2px 4px
}
.ch{
	vertical-align:middle;
	margin:-1px 0px 2px 4px;
	line-height:120%
}

#privacy{
 overflow:auto;
 width:650px;
	height:140px;
	margin:10px 0px 10px 75px;
	border:1px solid #ccc
}
.privacyin{
	width:610px;
 height:140px;
	padding:10px;
	font-size:12px;
	line-height:120%;
}

h2.pry{
 font-size:14px
}
#privacy h3{
 font-size:12px;
	margin-top:12px
}
#privacy p{
 margin-top:8px
}

#privacy table{
 margin-left:155px;
 width:400px;
	height:auto;
	border-collapse:collapse;
	border:1px solid #c9daa5;
	margin:20px 0px 10px 75px;
	background-color:#fff
}
#privacy table th{
	width:auto;
	padding:5px 5px 5px 10px;
 text-align:left;
	line-height:120%;
	letter-spacing:1px;
	font-size:13px;
	border:1px solid #c9daa5;
	background:#f5ffdf
}
#privacy table td{
	width:auto;	
	padding:5px;
 text-align:left;
	line-height:120%;
	letter-spacing:1px;
	font-size:13px;
	border:1px solid #c9daa5;
}

.doui{
 font-size:14px;
	margin:14px auto 20px auto
}

.und{
 width:800px;
	height:53px;
	border-bottom:3px solid #666;
}
.und02{
 clear:both;
 width:800px;
	height:auto;
	border-top:1px solid #ccc
}
.block01{
 margin:60px auto
}
.block02{
 margin:10px auto 60px auto;
	font-size:12px
}
.block03{
 margin:30px auto 10px auto;
	font-size:12px
}
.block04{
 margin-bottom:30px;
	width:800px;
	height:126px
}

#form01 div.block05{
 width:650px;
	margin-left:75px
}
#block06{
 width:450px;
	height:auto;
	margin:40px 125px 30px 175px;
	padding:10px;
 text-align:left;
	line-height:120%;
	letter-spacing:1px;
	font-size:13px;
	border:1px solid #c9daa5;
	background:#f5ffdf
}

#block06 ul{
 margin:10px 0px 10px 50px
}

.butonarea01{
 margin:0px;
	width:800px;
	height:120px
}
.butonarea02{
 clear:both;
 margin-bottom:30px;
	width:800px;
	height:120px
}
div.butonarea01 ul,
div.butonarea02 ul{
	list-style:none;
	width:800px;
	height:120px;
	margin:0px;
}

div.butonarea01 li,
div.butonarea02 li{
	display:block;
	float:left;
	width:800px;
	height:120px;
	background:url(/ncnetwork/img/siryobtn.jpg) no-repeat;
	margin:0px
}
div.butonarea01 li a,
div.butonarea02 li a{
	display:block;
	float:left;
	width:800px;
	height:120px;
	background:url(/ncnetwork/img/siryobtn.jpg) no-repeat;
	text-decoration:none
}
div.butonarea01 li a:hover,
div.butonarea02 li a:hover{
	display:block;
	float:left;
	width:800px;
	height:120px;
	background:url(/ncnetwork/img/siryobtn_on.jpg) no-repeat;
	text-decoration:none
}