@charset "UTF-8";
/* CSS Document */
/*--Reset-----------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
/*------------------------------------------------------------------*/

body{
	background-image:url(../../images/bg_pattern.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	background-size: 20px 700px;
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:150%;
	letter-spacing:1px;
	color:#333333;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;}

address, caption, cite, code, dfn, th, var, em {
	font-style:normal;
	font-weight:normal;}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;}

caption, th {
	text-align:left;}

#wrapper {
	width:  890px;
	margin: auto;
	border: 1px solid #9D9D9D;
	background-color: #FFFFFF;}

.main{margin:0px auto;
	padding:0px;
	width:890px;
	clear:both;}

img {border: none;
	vertical-align: top;} 	

ul{margin:0px;
	padding:0px;
	clear: both;
	list-style:none;}

.top_5{padding-top:5px;}
.top_10{padding-top:10px;}
.top_20{padding-top:20px;}

.bottom_10{padding-bottom:10px;}

/*  clearFix                                       */
/*=================================================*/
.clear{
	clear:both;
}

/*  textLink                                       */
/*=================================================*/

a.gray:link {
	color: #333333;
	text-decoration: underline;}
a.gray:visited {
	color: #333333;
	text-decoration: underline;}
a.gray:hover{
	color: #0096ff;
	text-decoration: none;}	

/*  hedear                                        */
/*=================================================*/
#headerArea{
	margin:0px;
	padding:20px 0px;
	}

#brandMarkArea h1 {
	padding: 7px 150px 0px 15px;
	float: left;}

#brandMarkArea{
	float: left;
	}

#sitemaps {
	float: right;
	font-size: 13px;
	margin-top: 17px;
	margin-left:10px;
	display:block;
	cursor:auto;
	}

#sitemaps p {
	background-image: url(http://www.nfcorp.co.jp/images/index_icon_sm.jpg);
	background-repeat: no-repeat;
	padding: 2px 0px 2px 18px;
	background-position: 0px 0.1em;}
	
.language{
	float:left;
	width:65px;
	margin-top:16px;
	margin-right:20px;
	display:block;
}
	

/*  gb navi                                       */
/*=================================================*/
#navi {
	width:890px;
	height:44px;
	margin: 0;
	padding: 0;
	display:block;
	background-color:#22AD35;
	position:relative;
	z-index:1;
	}

#dd {
	width:890px;	
}

#dd a{
	text-decoration:none;
}

.mainmenu {
	width:178px;
	height:44px;
	list-style: none;
	float: left;
	background-image:url(../../images/top/navi_bg.jpg);
	background-size:178px 44px;
}

.mainmenu :hover{
	background-image:url(../../images/top/navi_bg_hover.jpg);
	background-size:178px 44px;
}

.navi_text{
	color:#ffffff;
	text-align:center;
	line-height:44px;
	font-size:17px;
}

.navi_child li{
	list-style:none;
	width:178px;
	line-height:35px;
	font-size:14px;
	font-weight:500;
	background-color:#dddddd;
}

.navi_child li a{
	text-decoration:none;
	padding-left:20px;
    display: block;
    color: #444444;
}

.navi_child li a:hover{
    background: #bbbbbb;
	display: block;
}


/*    slide                                      */
/*=================================================*/
#slide{
	width:890px;
	height:265px;
	background-color:#94A6BD;
	display:block;
	z-index:-1;
	}

/*   contents layout                               */
/*=================================================*/
#contentsArea{
	width:890px;
	height:600px;
	background-image:url(../../images/top/contents_bg.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	background-size:10px 120px;
	background-color:#ffffff;
}

#contentsWrap{
	width:850px;
	margin:0 auto;
	padding-top:50px;
	height:400px;
}

#attentionArea{
	width:80%;
	height:120px;
	margin:0 auto 30px auto;
	border:solid 1px #C6C6C6;
}

#attentionTitle{
	width:90%;
	margin:10px auto 0 auto;
	line-height:1em;
	font-size:16px;
	color:#D10003;
	font-weight:bold;
}

#attentionText{
	width:90%;
	margin:0 auto 5px auto;
	margin-top:10px;
}

#attentionPhoneNumber{
	width:90%;
	margin:0 auto 5px auto;
	font-size:13px;
	font-weight:bold;
}


#categoryArea{
	width:850px;
	height:230px;
	margin-bottom:40px;
}

.categoryBox{
	width:192px;
	height:230px;
	margin:0 10px 0 10px;
	float:left;
}

.categoryBox a{
	color:#000000;
	text-decoration:none;
}

.categoryTitle{
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}

.categoryImage{
	width:192px;
	height:95px;
	margin-bottom:10px;
	background-color:#80A5A6;
}

.categoryBox ul{
	font-size:12px;
	line-height:20px;
}

.categoryBox ul a:hover{
	color:#0080FF;	
}

#leftArea{
	width:550px;
	height:250px;
	float:left;
}

#rightArea{
	width: 270px;
	height:250px;
	margin-left:30px;
	float:left;
}

/*   news                                          */
/*=================================================*/
#news_ul{
	margin-top:10px;
	line-height:20px;
}

.news_date{
	float:left;
	width:90px;
}

.news_icon{
	float:left;
	width:50px;
	height:15px;
	margin-right:5px;
}

.news_text{
	float:left;
	width:400px;
	margin-bottom:10px;
}

/*     rightArea                                       */
/*=================================================*/
#basicMi{
	width:270px;
	height:130px;
	margin-bottom:15px;
	background-color:#9E9E9E;
}

.banner{
	width:270px;
	margin-bottom:15px;
}



/*  footer                                         */
/*=================================================*/
#footer{
	font-family: Helvetica , sans-serif;
	font-size: 12px;
	margin:0px;
	width:890px;
	line-height:35px;
	background-color:#b8b8b6;
	clear:both;
	text-align:center;
	color:#ffffff;
	}