@charset "UTF-8";

/* -----------------------------------------------------------
	CSS Information
		Author:      nico2net
		Filename:    common.css
		Style-info:  nico2.co.jp
----------------------------------------------------------- */


/* -----------------------------------------------------------
	リセット
----------------------------------------------------------- */
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;
	}
table { border-collapse:collapse; border-spacing:0;	}
fieldset, img { border:0; }
address, caption, cite, code, dfn, var { font-style:normal; font-weight:normal; }
ul { list-style:none; }
caption, th{ text-align:left; }
h1, h2, h3, h4, h5, h6{	font-size:100%; }
blockquote:before, blockquote:after, q:before, q:after{ content:”;}
abbr, acronym{ border:0; }

/* -----------------------------------------------------------
	BODY
----------------------------------------------------------- */
body {
	background:url(../img/head-bg.jpg) top repeat-x #000;
	color:#333;
	font-family:verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}

/*-------------------------------------------------------
	 LINK
--------------------------------------------------------*/
a:link {
	color:#006699;
	text-decoration:none;
	}
a:visited {
	color:#006699;
	text-decoration:none;
	}
a:hover {
	color:#0033FF;
	text-decoration:underline;
	}

/* -----------------------------------------------------------
	HEAD
----------------------------------------------------------- */
#head {
	background:url(../img/head-bg-right.jpg) 960px 0 no-repeat;
	}
#head-inner {
	background:url(../img/head-bg-left.jpg) 0 0 no-repeat;
	width:960px;
	}
#siteName {
	float:left;
	width:557px;
	}
#siteName-inner {
	padding:93px 0 0 295px;
	}
#siteName h1 a {
	background:url(../img/siteName.jpg) 0 0 no-repeat;
	display:block;
	width:262px;
	height:70px;
	text-indent:-9999px;
	}
#siteName p a { /*----- 2階層 -----*/
	background:url(../img/siteName.jpg) 0 0 no-repeat;
	display:block;
	width:262px;
	height:70px;
	text-indent:-9999px;
	}

/* -----------------------------------------------------------
	gMENU
----------------------------------------------------------- */
#gMenu {
	float:left;
	width:403px;
	}
#gMenu ul li {
	float:left;
	}
#gMenu ul li a {
	text-indent:-9999px;
	}

li#menuService a {
	background:url(../img/head-nav.jpg) 0 0 no-repeat;
	display:block;
	width:101px;
	height:173px;
	}
li#menuWorks a {
	background:url(../img/head-nav.jpg) -101px 0 no-repeat;
	display:block;
	width:101px;
	height:173px;
	}
li#menuProfile a {
	background:url(../img/head-nav.jpg) -202px 0 no-repeat;
	display:block;
	width:101px;
	height:173px;
	}
li#menuRecruit a {
	background:url(../img/head-nav.jpg) -303px 0 no-repeat;
	display:block;
	width:100px;
	height:173px;
	}

li#menuService a:hover { background-position:0 -173px; }
li#menuWorks a:hover { background-position:-101px -173px; }
li#menuProfile a:hover { background-position:-202px -173px; }
li#menuRecruit a:hover { background-position:-303px -173px; }

body.service li#menuService a { background-position:0 -173px; }
body.works li#menuWorks a { background-position:-101px -173px; }
body.profile li#menuProfile a { background-position:-202px -173px; }
body.recruit li#menuRecruit a { background-position:-303px -173px; }

/* -----------------------------------------------------------
	MIDDLE
----------------------------------------------------------- */
#middle {
	background:url(../img/middle-bg-rightS.jpg) 960px 0 no-repeat;
	}
body.home #middle { /*----- トップページのみ ------*/
	background:url(../img/middle-bg-right.jpg) 960px 0 no-repeat;
	}

#middle-inner {
	background:url(../img/middle-innerBg.gif) repeat-y;
	width:960px;
	}
body.home #middle-inner {
	background:none;	
	width:960px;
	}

/* -----------------------------------------------------------
	包括ブロック
----------------------------------------------------------- */
#alpha {
	float:right;
	width:675px;
	}

#beta {
	float:left;
	width:285px;
	}
#beta-inner {
	padding:30px 15px;
	}

/* -----------------------------------------------------------
	FOOT
----------------------------------------------------------- */
#foot {
	background:url(../img/footBg.jpg) repeat-x #EFB60D;
	}
#foot-inner {
	background:url(../img/footBgRight.jpg) 960px 0 no-repeat;
	}
#foot-content {
	background:url(../img/footBgContent.jpg) 0 0 no-repeat;
	width:960px;
	}

#foot-content dl {
	padding:15px 0 75px 382px;
	line-height:1.5;
	}
#foot-content dl dt {
	font-size:75%;
	}
#foot-content dl dd {
	font-size:65%;
	}

#sitemap {
	padding:0 0 45px 285px;
	}
#sitemap a {
	color:#333;
	}
#sitemap a:hover {
	color:#000;
	}

.sitemapContent {
	float:left;
	width:225px;
	}
.sitemapContent-inner {
	padding:10px;
	}

#sitemap h2 {
	background:url(../img/sitemapSubject.jpg) bottom right no-repeat;
	font-size:75%;
	padding:0 10px 10px 0;
	margin-bottom:5px;
	}
#sitemap ul {
	padding:0 0 15px 20px;
	}
#sitemap ul li {
	list-style-type:circle;
	font-size:75%;
	line-height:1.5;
	}
	
/* -----------------------------------------------------------
	メインビジュアル
----------------------------------------------------------- */
#mainVisual {
	margin-bottom:10px;
	}

/* -----------------------------------------------------------
	業務内容ナビゲーション
----------------------------------------------------------- */
#serviceNav {
	margin-bottom:5px;
	}
#serviceNav li {
	float:left;
	text-indent:-9999px;
	}

li#serviceNav01 a {
	background:url(../img/serviceNav.jpg) 0 0 no-repeat;
	display:block;
	width:170px;
	height:115px;
	}
li#serviceNav02 a {
	background:url(../img/serviceNav.jpg) -170px 0 no-repeat;
	display:block;
	width:170px;
	height:115px;
	}
li#serviceNav03 a {
	background:url(../img/serviceNav.jpg) -340px 0 no-repeat;
	display:block;
	width:170px;
	height:115px;
	}
li#serviceNav04 a {
	background:url(../img/serviceNav.jpg) -510px 0 no-repeat;
	display:block;
	width:165px;
	height:115px;
	}
li#serviceNav05 a {
	background:url(../img/serviceNav.jpg) 0 -115px no-repeat;
	display:block;
	width:170px;
	height:115px;
	}
li#serviceNav06 a {
	background:url(../img/serviceNav.jpg) -170px -115px no-repeat;
	display:block;
	width:170px;
	height:115px;
	}
li#serviceNav07 a {
	background:url(../img/serviceNav.jpg) -340px -115px no-repeat;
	display:block;
	width:170px;
	height:115px;
	}
li#serviceNav08 a {
	background:url(../img/serviceNav.jpg) -510px -115px no-repeat;
	display:block;
	width:165px;
	height:115px;
	}

li#serviceNav01 a:hover { background-position:0 -230px; }
li#serviceNav02 a:hover { background-position:-170px -230px; }
li#serviceNav03 a:hover { background-position:-340px -230px; }
li#serviceNav04 a:hover { background-position:-510px -230px; }
li#serviceNav05 a:hover { background-position:-0 -345px; }
li#serviceNav06 a:hover { background-position:-170px -345px; }
li#serviceNav07 a:hover { background-position:-340px -345px; }
li#serviceNav08 a:hover { background-position:-510px -345px; }

/* -----------------------------------------------------------
	お知らせ・制作実績
----------------------------------------------------------- */
#homeContent {
	background:#FFF;
	}

#homeNews {
	float:left;
	width:335px;
	font-size:82%;
	line-height:1.5;
	}
#homeWorks {
	float:left;
	width:340px;
	font-size:82%;
	line-height:1.5;
	}

.homeContent-inner {
	padding:10px;
	}

#homeNews h2 {
	background:url(../img/homeNewsBar.jpg) 0 0 no-repeat;
	width:335px;
	height:30px;
	text-indent:-9999px;
	}
#homeWorks h2 {
	background:url(../img/homeWorksBar.jpg) 0 0 no-repeat;
	width:340px;
	height:30px;
	text-indent:-9999px;
	}

#homeNewsBottom {
	background:url(../img/homeNewsBottom.gif) bottom no-repeat;
	padding-bottom:15px;
	}

#homeNews ul {
	margin-bottom:10px;
	}
#homeNews ul li {
	background:url(../img/listOrange.gif) 0 4px no-repeat;
	padding-left:14px;
	}

table.homeOthers {
	padding-bottom:1em;
	font-size:82%;
	}
table.homeOthers th {
	text-align:center;
	padding:5px 0;
	width:85px;
	}

/* -----------------------------------------------------------
	制作実績リスト
----------------------------------------------------------- */
#homeWorksList {}
#homeWorksList ul li {
	float:left;
	border:1px solid #CCC;
	margin:0 3px 10px 0;
	}
#homeWorksList ul li img {
	vertical-align: text-bottom;
	}
#homeWorksList ul li a:hover img {
	opacity: 0.8;
	}

table.homeWorksOthers {
	padding-bottom:1em;
	}
table.homeWorksOthers th {
	padding:2px 0;
	width:60px;
	}


/* -----------------------------------------------------------
	subMenu（代理店）
----------------------------------------------------------- */
li#subMenuAD a {
	background:url(../img/beta-subMenuAD.jpg) 0 0 no-repeat;
	display:block;
	width:255px;
	height:50px;
	text-indent:-9999px;
	}
li#subMenuAD a:hover { background-position:0 -50px; }

/* -----------------------------------------------------------
	お問い合せ
----------------------------------------------------------- */
#subContact {
	background:url(../img/beta-subMenuContactBG.jpg) bottom no-repeat;
	height:210px;
	}
#subContact dl dt {
	background:url(../img/beta-tel.jpg) 0 0 no-repeat;
	width:255px;
	height:87px;
	text-indent:-9999px;
	}

dd#subMenuContact a {
	background:url(../img/beta-subMenuContact.jpg) 0 0 no-repeat;
	display:block;
	width:255px;
	height:55px;
	text-indent:-9999px;
	}
dd#subMenuEstimate a {
	background:url(../img/beta-subMenuContact.jpg) 0 -55px no-repeat;
	display:block;
	width:255px;
	height:55px;
	text-indent:-9999px;
	}
	
dd#subMenuContact a:hover { background-position: 0 -110px; }
dd#subMenuEstimate a:hover { background-position: 0 -165px; }

body.contact dd#subMenuContact a { background-position: 0 -110px; }
body.estimate dd#subMenuEstimate a { background-position: 0 -165px; }

/* -----------------------------------------------------------
	環境・株式会社ながと＆ニコニコネットISO14001広報・活動報告ブログ
----------------------------------------------------------- */
#ecoIso {
	margin-bottom:50px;
	}
#ecoIso li {
	float:left;
	}
li#subMenuEco a {
	background:url(../img/banner_isoBlog.jpg) 0 0 no-repeat;
	display:block;
	width:173px;
	height:72px;
	text-indent:-9999px;
	}
li#subMenuIsoblog a {
	background:url(../img/banner_isoBlog.jpg) -173px 0 no-repeat;
	display:block;
	width:82px;
	height:72px;
	text-indent:-9999px;
	}

li#subMenuEco a:hover { background-position:0 -72px; }
li#subMenuIsoblog a:hover { background-position:-173px -72px; }

/* -----------------------------------------------------------
	smallBanner
----------------------------------------------------------- */
.bannerLeft {
	padding:0 5px 5px 0;
	}
.bannerRight {
	padding:0 0 5px 0;
	}

/* -----------------------------------------------------------
	Google
----------------------------------------------------------- */
#googleSearch {
	position:relative;
	width:255px; /*----- IE6 -----*/
	}
#gIcon {
	position:absolute;
	top:0;
	left:0;
	}
#gIcon a {
	background:url(../img/googleIcon.jpg) 0 0 no-repeat;
	display:block;
	width:24px;
	height:38px;
	text-indent:-9999px;
	}
#gInput {
	position:absolute;
	background:url(../img/googleInput.jpg) 0 0 no-repeat;
	top:0px;
	right:37px;
	width:194px;
	height:38px;
	}
#gInputText {
	position:absolute;
	top:10px;
	left:10px;
	border:none;
	font-size:12px;
	width:175px;
	}
#gBtn {
	position:absolute;
	top:0px;
	right:0px;
	}

/* -----------------------------------------------------------
	カテゴリネーム
----------------------------------------------------------- */
body.service h1 {
	background:url(../img/subjectService.jpg) 0 0 no-repeat; width:675px; height:120px; text-indent:-9999px; }
body.profile h1 {
	background:url(../img/subjectProfile.jpg) 0 0 no-repeat; width:675px; height:120px;	text-indent:-9999px; }
body.works h1 {
	background:url(../img/subjectWorks.jpg) 0 0 no-repeat; width:675px;	height:120px; text-indent:-9999px; }
body.recruit h1 {
	background:url(../img/subjectRecruit.jpg) 0 0 no-repeat; width:675px; height:120px; text-indent:-9999px; }
body.contact h1 {
	background:url(../img/subjectContact.jpg) 0 0 no-repeat; width:675px; height:120px; text-indent:-9999px; }
body.estimate h1 {
	background:url(../img/subjectEstimate.jpg) 0 0 no-repeat; width:675px; height:120px; text-indent:-9999px; }
body.environment h1 {
	background:url(../img/subjectEnvironment.jpg) 0 0 no-repeat; width:675px; height:120px; text-indent:-9999px; }
body.informaiton h1 {
	background:url(../img/subjectInformaiton.jpg) 0 0 no-repeat; width:675px; height:120px; text-indent:-9999px; }
body.staffblog h1 {
	background:url(../img/subjectStaffBlog.jpg) 0 0 no-repeat; width:675px; height:120px; text-indent:-9999px; }
body.notfound h1 {
	background:url(../img/subjectNotfound.jpg) 0 0 no-repeat; width:675px; height:120px; text-indent:-9999px; }
body.search h1 {
	background:url(../img/subjectSearch.jpg) 0 0 no-repeat; width:675px; height:120px; text-indent:-9999px; }
body.yahooloco h1 {
	background:url(../img/subjectYahooloco.jpg) 0 0 no-repeat; width:675px; height:120px; text-indent:-9999px; }

body.service #subMenu h2 {
	background:url(../img/subSubjectService.jpg) 0 0 no-repeat; width:285px; height:98px; text-indent:-9999px; }
body.profile #subMenu h2 {
	background:url(../img/subSubjectProfile.jpg) 0 0 no-repeat; width:285px; height:98px; text-indent:-9999px; }
body.works #subMenu h2 {
	background:url(../img/subSubjectWorks.jpg) 0 0 no-repeat; width:285px; height:98px; text-indent:-9999px; }
body.recruit #subMenu h2 {
	background:url(../img/subSubjectRecruit.jpg) 0 0 no-repeat; width:285px; height:98px; text-indent:-9999px; }
body.contact #subMenu h2 {
	background:url(../img/subSubjectContact.jpg) 0 0 no-repeat; width:285px; height:98px; text-indent:-9999px; }
body.estimate #subMenu h2 {
	background:url(../img/subSubjectEstimate.jpg) 0 0 no-repeat; width:285px; height:98px; text-indent:-9999px;	}
body.environment #subMenu h2 {
	background:url(../img/subSubjectEnvironment.jpg) 0 0 no-repeat; width:285px; height:98px; text-indent:-9999px; }
body.informaiton #subMenu h2 {
	background:url(../img/subSubjectInformaiton.jpg) 0 0 no-repeat; width:285px; height:98px; text-indent:-9999px; }
body.staffblog #subMenu h2 {
	background:url(../img/subSubjectStaffBlog.jpg) 0 0 no-repeat; width:285px; height:98px; text-indent:-9999px; }
body.notfound #subMenu h2 {
	background:url(../img/subSubjectNotfound.jpg) 0 0 no-repeat; width:285px; height:98px; text-indent:-9999px; }
body.search #subMenu h2 {
	background:url(../img/subSubjectSearch.jpg) 0 0 no-repeat; width:285px; height:98px; text-indent:-9999px; }
body.yahooloco #subMenu h2 {
	background:url(../img/subSubjectYahooloco.jpg) 0 0 no-repeat; width:285px; height:98px; text-indent:-9999px; }


/*------ 包括 ------*/
#subMenu {
	background:url(../img/subMenuBg.jpg);
	}
#subMenu-inner {
	background:url(../img/subSubjectBgBottom.jpg) bottom no-repeat;
	padding-bottom:10px;
	}

#subMenu ul {
	padding:5px 30px;
	font-size:75%;
	line-height:1.5;
	}
#subMenu ul li {
	border-bottom:1px dotted #669900;
	padding:5px;
	}
#subMenu ul li a {
	color:#000;
	}
#subMenu ul li a:hover {
	background:url(../img/listGreen.gif) center right no-repeat;
	padding-right:1.5em;
	}


/* -----------------------------------------------------------
	コンテント
----------------------------------------------------------- */
#content {
	background:url(../img/contentTopRight.jpg) top right no-repeat #FFF;
	}
#content-inner {
	padding:10px;
	}

#content h2 {
	background:url(../img/contentH2bg.jpg) bottom left no-repeat;
	color:#000;
	padding:20px;
	margin-bottom:5px;
	}

/* -----------------------------------------------------------
	ページの先頭へ
----------------------------------------------------------- */
.pagetop {
	text-align:right;
	padding-bottom:35px;
	}
/* -----------------------------------------------------------
	汎用
----------------------------------------------------------- */
.bottomShort {
	padding-bottom:10px;
	}
.bottomMiddleS {
	padding-bottom:15px;
	}
.bottomMiddle {
	padding-bottom:20px;
	}
.bottomMiddle img {
	padding-bottom:2px;
	}







/*-------------------------------------------------------
	 ClearFIX
--------------------------------------------------------*/
.clear { clear:both; }

.cf:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.cf{
  overflow:hidden;
}

/* Hides from IE-mac \*/
* html .cf{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */