@charset "utf-8";
/* ---------------------------------------

Theme Name: 株式会社ナニワ計算センター
Theme URI: http://www.naniwacc.co.jp/
Description: naniwa Stylesheet.

Style Name: Theme Stylesheet
Style URL: http://www.naniwacc.co.jp/wp-content/themes/ncc/style.css

Version: 1.1
Last Up Date: 2011-06-20

Author: 株式会社ナニワ計算センター
Author URI: http://www.naniwacc.co.jp/
Tags: 株式会社ナニワ計算センター wordpress

--------------------------------------- */

/***************************************/
/** Theme Stylesheet********************/
/***************************************/

/* 1. base -----------------------------
---------------------------------------*/
/* 1-1. #header -----------------------*/
/* 1-1-1. <a>  */
/* 1-1-2. .headArea  */
/* 1-2. #container --------------------*/
/* 1-2-1. panakuzu  */
/* 1-2-2. <hx>  */
/* 1-3. #sidebar ----------------------*/
/* 1-4. #footer -----------------------*/

/* 2. pages ----------------------------
----------------------------------------*/
/* 2-1.index  -------------------------*/
/* 2-2.producs  -------------------------*/

/* 10. blog ----------------------------
----------------------------------------*/

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

/* 1. base -----------------------------
----------------------------------------*/

body {
	background:url(images/h_line.png) repeat-x 0 0;
}
hr {
	margin:1em 0;
	_margin:0.5em 0;
	height:2px;
	border-top: 1px #999 solid;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	border-bottom: 1px #fff solid;
}
/*  <a> Link style */

a:link {
	color: #0099ff;
}
a:visited {
	color: #003399;
}
a:hover {
	color: #003399;
	text-decoration:underline;
}
a:active {
	color: #0099ff;
}

img.blank {
	margin:0 0.5em 0.3em;
}
/*  Layouts style */

#header, #container {
	width:960px;
}
#contents {
	position:relative;
	width:700px;
	padding:10px 0 20px;
}
#maincontent {
	width:440px;
}
#subcontent {
	width:240px;
}
#sidebar {
	width:220px;
	_width:240px;
	padding:10px;
	background-color: #f5f3ed;
}
#contents img {
	vertical-align:bottom;
}

/* 1-1. #header -----------------------*/

#header .title {
	position:absolute;
	float:left;
	margin-top:50px;
}
/* 1-1-1. <a>  */
#header a {
	color:#333;
}
#header a:link {
	color: #333;
}
#header a:hover {
	color: #F90;
}
#header a:active {
	color: #CCC;
}
/* 1-1-2. .headArea  */

#header .headArea {
	float: right;
	width:500px;
	margin-top:20px;
}
/*   */

#header form.search {
	float:right;
	position:relative;
	width: 240px;
	height: 22px;
	background: url(images/head_search.png) no-repeat top left;
}
#header form.search .head_search {
	width: 160px;
	margin: 1px 2px 0 26px;
	border:none;
	background-color:transparent;
}
#header form.search .nead_submit {
	position:absolute;
	margin:0;
	padding:0;
	right:0;
}
/*   */

#header ul.hnavi {
	position: relative;
	float:right;
	margin:0;
	padding:0;
	right:0;
	list-style:none;
}
#header ul.hnavi li {
	float:left;
	line-height:1.5em;
	margin:0 1em 0 0;
	padding: 0 1em;
	background:url(images/list01.gif) no-repeat 0 0.3em;
}
/*   */

#header ul.gnavi {
	clear:both;
	float:right;
	width:450px;
	margin:30px 0 10px;
	padding:0;
}
#header ul.gnavi li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
#header ul.gnavi li.menu01 {
	background: url(images/navi01o.png) no-repeat 0 0;
}
#header ul.gnavi li.menu02 {
	background:url(images/navi02o.png) no-repeat 0 0;
}
#header ul.gnavi li.menu03 {
	background:url(images/navi03o.png) no-repeat 0 0;
}
#header ul.gnavi li a {
	display:block;
	width:150px;
	height:40px;
}
#header ul.gnavi li a:hover {
	background-color:transparent;
}
#header ul.gnavi li a:hover img {
	visibility:hidden;
}
/* 1-2. #container --------------------*/

#container strong {
	margin: 0 0.25em;
}
#container .back {
	text-align:right;
	margin:20px 0;
	clear:both;
}
/* 1-2-1. pankuzu  */

#container .kuzu {
	clear: both;
	width:960px;
	height:40px;
	padding-left:1em;
	background:url(images/pan_bk.png) no-repeat 0 0;
}
#container .kuzu li {
	float:left;
	line-height:30px;
	padding-left:0.75em;
}
#container .kuzu li a {
	display:block;
	padding:0 15px 0 0;
	background:url(images/kuzu_bk.png) no-repeat right center;
}
/* 1-2-2. <hx>  */

#container .title, #container h1 {
	clear:both;
	line-height:3;
	padding-top:1em;
	margin-bottom:20px;
	background: url(images/h_line.png) repeat-x top;
}
#container h1 span {
	margin-left:1em;
	font-size:77%;/*text10*/
	color:#6CF;
}
#container h2 {
	clear:both;
	background:url(images/content_h2.png) repeat 0 0;
	padding:0.25em;
	margin-bottom: 1em;
}
#container h3 {
	clear:both;
	padding:0.25em;
	margin-bottom: 1em;
	color:#666;
}
#container .decorate dt {
	clear:both;
	margin-top:2em;
	padding:0.5em;
	font-size:108%;
	color:#069;
	border-left: 5px #666 solid;
	border-bottom:1px #666 solid;
}
#container .decorate_line {
	padding:0.5em;
}
#container .decorate_line dt {
	margin-bottom:0;
	padding:1em 1em 0;
	color:#069;
	border-left:20px #dcdcdc solid;
	border-bottom: none;
}
#container .decorate_line dd {
	padding-top:0.5em;
	padding:1em;
	border-left:20px #dcdcdc solid;
}
/* 1-3. #sidebar ----------------------*/


#sidebar a:hover img, #subcontent a:hover img {
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
}
#sidebar h3, #subcontent h3 {
	background:url(images/side_hr.png) repeat-x bottom;
	padding-bottom:0.5em;
	margin-bottom:10px;
}
ul.listSimple {
	margin-bottom:2em;
}
.listSimple li a {
	border-bottom: 1px solid #ffffff;
}
.listSimple li a:hover {
	background-color: #FFF;
}
ul.listBanner {
	margin-bottom:20px;
}
ul.listBanner li {
	margin-bottom:5px;
}
/*　　*/
#sidebar div.sidePorcy {
	width:200px;
	_width:220px;
	padding:10px 10px 0;
	overflow: hidden;
	zoom: 1;
	border-top:1px #666 solid;
	border-bottom:1px #666 solid;
	background:url(images/side_pbk.png) repeat-y;
}
#sidebar div.sidePorcy h4 {
	margin-bottom:10px;
}
#sidebar div.sidePorcy ul {
	clear:both;
	color:#666;
}
/* 1-4. #footer -----------------------*/
#footer {
	height:155px;
	margin:0;
	text-align:center;
	background:url(images/footer.png) repeat-x bottom;
}
#footerInner {
	position:relative;
	width:960px;
	height:155px;
	margin:0 auto;
	text-align:left;
	background: url(images/footerTop.png) no-repeat top center;
}
#footerInner ul {
	display:block;
	padding:20px;
	text-align: center;
}
#footerInner ul li {
	display:inline;
	padding:0 1em 0 1.5em;
	border-left:1px #666 solid;
}
#footerInner ul li.lastLine {
	border-right:1px #666 solid;
}
#footerInner .footerCont {
	position:absolute;
	left: 0;
	bottom: 10px;
}
#footerInner strong {
	margin:0;
}
#footerInner .copy {
	font-size:93%;/*text12*/
}
#footerInner div.privacymark {
	position:absolute;
	text-align: right;
	right: 0;
	bottom: 10px;
}
#footerInner .privacymark img {
	display: table-cell;
	float: left;
	vertical-align: top;
}
/* 2. pages ----------------------------
----------------------------------------*/

/* 2-1.index  -------------------------*/

#container ul.navigationItem {
	float:right;
	margin-top:-78px;
}
#container ul.navigationItem li {
	float:left;
}
/* 2-2.producs  -------------------------*/

#container .contBox {
	width: 340px;
	margin-bottom:10px;
	background: url(images/contBox_top.png) no-repeat top;
}
#container .contBox dl {
	background: url(images/contBox_bottom.png) no-repeat bottom;
	min-height:11em;
	height: auto !important;
	height: 11em;
}
#container .contBox dl dt {
	margin: 0 20px;
	padding: 1em 5px 0.5em 0;
}
#container dl.listArrow01 dt {
	padding-left:0.7em;
	background:url(images/list02.png) no-repeat 0 1.4em;
}
#container .contBox dl dt a {
	display:block;
}
#container .contBox dl dd {
	margin: 1em 20px 0;
	padding-bottom: 1em;
}
#container .contBox h2 {
	background: none;
	padding:0;
	margin-bottom:0;
}
#container .contBox h2.soft01 {
	background: url(pages/products01o.png) no-repeat 0 0;
}
#container .contBox h2.soft02 {
	background: url(pages/products02o.png) no-repeat 0 0;
}
#container .contBox h2.soft03 {
	background: url(pages/products03o.png) no-repeat 0 0;
}
#container .contBox h2.soft04 {
	background: url(pages/products04o.png) no-repeat 0 0;
}
#container .contBox h2 a {
	display:block;
	width:340px;
	height:90px;
}
#container .contBox h2 a:hover {
	background-color:transparent;
}
#container .contBox h2 a:hover img {
	visibility:hidden;
}
#container .pdf {
	margin-right:1em;
}
#container .adobe_reader {
	margin:10px 0;
	padding:0.5em;
	border: #666 1px solid;
}
#container .adobe_reader dt {
	width: 20%;
	float: left;
	border:none;
}
#container .adobe_reader dd {
	width: 75%;
	float: left;
	margin-left:1em;
}
/* 2-2.company  -------------------------*/


#maincontentCom {
	width:520px;
	float:right;
}
#subcontentCom {
	width:160px;
	float:left;
}
.overflowBox {
	width:100%;
	height:10em;
	margin:20px 0;
	padding:0.5em;
	overflow:auto;
	background-color: #f5f3ed;
	outline: 1px #CCC solid;
}
/* 2-2. sitemap  -------------------------*/

ul.sitemap, ul.sitemap ul {
	list-style-type: none;
	width: 330px;
	margin: 0 0 0 10px;
	padding: 12px 0 1px 0;
	border-left: 1px solid #CCCCCC;
}
ul.sitemap li, ul.sitemap li li {/* カテゴリ */
	position: relative;
	z-index: 1;
	margin: 0 0 3px 0;
	padding: 0 0 1px 0;
	border-top: 1px solid #CCCCCC;
	zoom: 1;
}
ul.sitemap li a, ul.sitemap li li a {
	display: block;
	position: relative;
	z-index: 2;
	margin: -0.6em 0 10px 5px;
	padding: 0 0 0 5px;
	border: 1px solid #DDDDDD;
	background-color: #FAFAFA;
	color: #09C;
	line-height: 1.2;
	text-decoration: none;
	zoom: 1;
}
ul.sitemap li a:hover, ul.sitemap li a:active, ul.sitemap li li a:hover, ul.sitemap li li a:active {
	color: #80BCF5;
}
ul.sitemap ul {
	width: auto;
	margin: -10px 0 10px 50px;
}
.sitemapR {
	position: absolute;
	top:125px;
	right:0;
}
/* 2-2. recruit  -------------------------*/

#container .flow {
	clear: both;
	margin-bottom:10px;
}
#container .flow li {
	float:left;
	min-width:90px;
	width: auto !important;
	width: 90px;
	min-height:90px;
	height: auto !important;
	height: 90px;
	margin-right:10px;
	padding-top:1em;
	padding-left:0.5em;
	vertical-align:text-bottom;
	background: url(images/list01.gif) no-repeat bottom right;
	border: 1px #CCC solid;
}
#container .flow li span {
	font-size:93%;
	color:#39C;
}
#container .flow li.flowLust {
	background: none;
	background-color: #eee;
}

/* 10. blog ----------------------------
----------------------------------------*/
.aligncenter {
    display: block;
    clear: both;
    margin: 0.25em auto 1.5em;
    }
.alignleft {
    float: left;
    clear: both;
    margin: 0.25em 1.5em 1.5em 0;
    }
.alignright {
    float: right;
    clear: both;
    margin: 0.25em 0 1.5em 1.5em;
    }