@charset "utf-8";

/* ------------------------------------------
fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%? 21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
/*----------------------------------------------------
	reset(補足的)
----------------------------------------------------*/
html {overflow-y: scroll;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
* html input,
* html textarea,
* html select {font-size: 100%;}
*:first-child+html+input,
*:first-child html+textarea,
*:first-child+html select {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;font-size: inherit; font: 100%;}
caption {text-align: left;}
ul {list-style:none}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
h1,h2,h3,h4,h5,h6 {clear: both;font-size: 100%;}
img,abbr,acronym,fieldset {border: 0;}
ul,dl,ol {text-indent: 0;}
ol { list-style:inside;}
ul { list-style:none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline:0;}
pre,code,kbd,samp,tt {font-family: monospace;}
del {text-decoration:line-through;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
*html pre, *html code, *html kbd, *html samp, *html tt {font-size: 100%;line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt { font-size: 108%;line-height: 100%;}
button, input, select, textarea {margin: 0;}
input,select,textarea {font-size: 100%;font-family: Verdana, Helvetica, sans-serif;/*size属性のクロスブラウザ対策*/}
button {width: auto; overflow: visible;}
a:hover, a:active {outline: none;}
small {font-size: 85%;}
td, td img {vertical-align: top;}
img {line-height: 0;vertical-align:bottom;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
html,body {
	height: 100%;/*高さを１００％に*/
}
html,body {background:#eeeeee;color: #666666;}
body {
	text-align: center;
	font: 13px/1 "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	line-height: 1.73;
}
*html body {font-size: small;}
*:first-child+html body { font-size: small; font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

/* WEBFONT
------------------------------------------------------------------------- */
.Ultra {
	font-family: 'Anton', "Times New Roman", 'ヒラギノ明朝 Pro W3', 'HiraMinProN-W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
/*----------------------------------------------------
	@font-face
----------------------------------------------------*/

@font-face {
	font-family: 'HuiFontP29';
    src: url('../font/HuiFontP29.eot');
	src: url('../font/HuiFontP29.eot?#iefix') format('embedded-opentype'),
	  url('../font/HuiFontP29.woff') format('woff'),
	  url('../font/HuiFontP29.ttf') format('truetype'),
	  url('../font/HuiFontP29.svg#HuiFontP29') format('svg');
	  font-weight: normal;
      font-style: normal;
}
@font-face {
	font-family: 'APJapanesefontRegular';
    src: url('../font/APJapanesefontRegular.eot');
	src: url('../font/APJapanesefontRegular.eot?#iefix') format('embedded-opentype'),
	  url('../font/APJapanesefontRegular.woff') format('woff'),
	  url('../font/APJapanesefontRegular.ttf') format('truetype'),
	  url('../font/APJapanesefontRegular.svg#HuiFontP29') format('svg');
	  font-weight: normal;
      font-style: normal;
}
@font-face {
	font-family: 'websymbols-regular-webfont';
    src: url('../font/websymbols-regular-webfont.eot');
	src: url('../font/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
	  url('../font/websymbols-regular-webfont.woff') format('woff'),
	  url('../font/websymbols-regular-webfont.ttf') format('truetype'),
	  url('../font/websymbols-regular-webfont.svg#websymbols-regular-webfont') format('svg');
	  font-weight: normal;
      font-style: normal;
}
@font-face {
	font-family: 'ipag';
    src: url('../font/ipag.eot');
	src: url('../font/ipag.eot?#iefix') format('embedded-opentype'),
	  url('../font/ipag.woff') format('woff'),
	  url('../font/ipag.ttf') format('truetype'),
	  font-weight: normal;
      font-style: normal;
}
@font-face {
	font-family: 'heydings_icons-webfont';
    src: url('../font/heydings_icons-webfont.eot');
	src: url('../font/heydings_icons-webfont.eot?#iefix') format('embedded-opentype'),
	  url('../font/heydings_icons-webfont.woff') format('woff'),
	  url('../font/heydings_icons-webfont.ttf') format('truetype'),
	  url('../font/heydings_icons-webfont.svg#heydings_icons-webfont') format('svg');
	  font-weight: normal;
      font-style: normal;
}
.symb {
	 font-family: 'websymbols-regular-webfont';
}
a.symb:before, a.symb:after {
     font-family:'websymbols-regular-webfont';
     vertical-align:super;
}

a.symb-M:before {
     content:'M';
}
a.symb-l:before {
     content:'l';
}
a.symb-m:before {
     content:'m';
}
a.symb-q:before {
     content:'q';
}
a.symb-q:before {
     content:'z';
}
.heyd {
	 font-family: 'heydings_icons-webfont';
}
a.heyd:before, a.heyd:after {
     font-family:'heydings_icons-webfont';
     vertical-align:super;
}
a.heyd-M:before {
     content:'M';
}
a.heyd-l:before {
     content:'l';
}
a.heyd-m:before {
     content:'m';
}
a.heyd-q:before {
     content:'q';
}
a.heyd-q:before {
     content:'z';
}
.ipag {
	 font-family: 'ipag';
}


/* Links
------------------------------------------------------------------------- */
a, a:visited {
	color: #666666;
	text-decoration: none;
	line-height: inherit;
}
a:hover, a:focus {
	color: #7f7f7f;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
a.push:active {
	position: relative;/*--ポチっとボタン風に--*/
	top: 1px;/*--ポチっとボタン風に--*/
}





.l-bd,.l-bd:visited {
	text-decoration: underline;
}
.l-bd:hover {
	text-decoration: none;
}
.l-bd-n,.l-bd:visited {
	text-decoration: none;
}
.l-bd-n:hover {
	text-decoration: underline;
}

.l-r {
	margin-top:5px;
}
.lcor-org,.lcor-org:visited {
	color:#f90;
}
.lcor-org:hover,.lcor-org:focus {
	color:#fc0;
}
.lcor-gre,.lcor-gre:visited {
	color:#66cc00;
}
.lcor-gre:hover,.lcor-gre:focus {
	color:#669900;
}

/* Forms
------------------------------------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	border: 1px solid #ccc;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:1px 1px 0 #fff, inset 1px 1px 0 #fff;
	-webkit-box-shadow:1px 1px 0 #fff, inset 1px 1px 0 #fff;
	box-shadow:1px 1px 0 #fff, inset 1px 1px 0 #eee;
	font-size: 14px;
	margin: 0;
	max-width: 100%;
	background: #fff;
    behavior: url("js/PIE.htc");
	position:relative;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
	border: 1px solid #aaa;
 	color: #444;
 	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow: 0 0 3px rgba(0,0,0,.2);
    behavior: url("js/PIE.htc");
	position:relative;
}
label,legend {
	display: block;
	font-size: 13px;
}
input[type="checkbox"] {
	display: inline;
}
button {
	cursor:pointer;
}

/*----------------------------------------------------
	汎用 class
----------------------------------------------------*/
.FL-BOX {_zoom: 1;overflow:hidden;}
.FL-text {overflow:hidden;}
.imgR {
	float: right;
    display: inline;
	margin: 0 0 18px 18px;
}
.imgL {
	float: left;
    display: inline;
	margin: 0 18px 18px 0;
}


.defi dt {
	margin-bottom:5px;
	font-weight:bold;
}
.defi dd {
	margin-bottom:18px;
}
.indent {
	text-indent: 1em;
}
.-indent {
	text-indent: -1em;
	padding-left: 1em;
}
.redtxt {
	color: #F00;
}
.orgtxt {
	color: #fe7b05;
}
.bold {
	font-weight:bold;
}
.txtR {
	text-align:right;
}
.txtC {
	text-align:center;
}
.frame {
	border:1px solid #cccccc;
	padding:2px;
	background:#ffffff;
}
.bxsdw {
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;
    behavior: url("js/PIE.htc");
	position:relative;
}

/*画像横テキスト上下中央寄せ*/
.ctimg-txt p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}
* html .ctimg-txt p {
	display: inline;
	zoom: 1;
}
*:first-child+html .ctimg-txt p {
	display: inline;
	zoom: 1;
}

a .opacity {
	-moz-transition: 0.1s;
	-webkit-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
}
a:hover .opacity {/*--透過処理--*/
    	filter:alpha(opacity=88);  /* IE7以下用 */
    	-ms-filter: "alpha(opacity=88)"; /* IE8用 */
    	-moz-opacity:0.88; /* Firefox 1.5未満, Netscape用 */
    	-khtml-opacity: 0.88;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    	opacity: 0.88; /* Firefox 1.5以上, Opera, Safari用 */
    }
#hogehoge a:visited:after { /*訪問後のリンクにチェック*/
    content:"　\2713";
}
.external {/* 外部リンクは別窓用の指定 */
	padding-right: 15px;
	vertical-align: middle;
	background:url(../img/item/icon_external.gif) no-repeat right 50% #ffffff;
}
.blank {/* 外部リンクは別窓用の指定 */
	padding-right: 15px;
	vertical-align: middle;
	background:url(../img/item/icon_blank.gif) no-repeat right 50% #ffffff;
}


.clearfix:after{
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
    font-size: 0.1em;
}
/* WinIE7 MacIE5 */
.clearfix{
    display:inline-table;
    zoom:100%;
}
/* WinIE5-6 */
/* Hides from IE-mac \*/
* html html .clearfix{
    height:1px;
}
.clearfix{
    display:block;
}

.pdf_icon[href $='.pdf'] {
	background:url(../img/item/icon_pdf.gif) no-repeat left 50% #ffffff;
	padding-left:18px;
}
.xls_icon[href $='.xls'] {
	background:url(../img/item/icon_xls.gif) no-repeat left 50% #ffffff;
	padding-left:18px;
}
.doc_icon[href $='.doc'] {
	background:url(../img/item/icon_doc.gif) no-repeat left 50% #ffffff;
	padding-left:18px;
}

.MT10 {margin-top: 10px;}
.MT20 {margin-top: 20px;}
.MT30 {margin-top: 30px;}
.MT40 {margin-top: 40px;}
.MT50 {margin-top: 50px;}
.MT60 {margin-top: 60px;}

.MR20 {margin-right: 20px;}

.MB10 {margin-bottom: 10px;}
.MB20 {margin-bottom: 20px;}
.MB30 {margin-bottom: 30px;}
.MB40 {margin-bottom: 40px;}
.MB50 {margin-bottom: 50px;}
.MB60 {margin-bottom: 60px;}



.FS10 {font-size:77%;}
.FS11 {font-size:85%;}
.FS12 {font-size:93%;}
.FS14 {font-size:108%;}
.FS15 {font-size:116%;}
.FS16 {font-size:123.1%;}
.FS17 {font-size: 131%;}
.FS18 {font-size: 138.5%;}
.FS19 {font-size: 146.5%;}
.FS20 {mfont-size:153.9%;}

/*テーブル関連*/
.TableCommon th,
.TableCommon tr,
.TableCommon td {
	border: 1px solid #e9e9e9;
	padding:14px;
	text-align:left;
	vertical-align:middle;
}

.bordered {
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
	background:#ffffff;
    behavior: url("js/PIE.htc");
	position:relative;
}

/*.bordered td:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
*/
.bordered td, .bordered th {
    padding: 12px;
	text-align:left;
	vertical-align:middle;
}

.bordered th {
    background-color: #fbf8e9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbf8e9), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #fbf8e9, #ffffff);
    background-image:    -moz-linear-gradient(top, #fbf8e9, #ffffff);
    background-image:     -ms-linear-gradient(top, #fbf8e9, #ffffff);
    background-image:      -o-linear-gradient(top, #fbf8e9, #ffffff);
    background-image:         linear-gradient(top, #fbf8e9, #ffffff);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
    behavior: url("js/PIE.htc");
	position:relative;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
    behavior: url("js/PIE.htc");
	position:relative;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
    behavior: url("js/PIE.htc");
	position:relative;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
    behavior: url("js/PIE.htc");
	position:relative;
}

/*リボン風*/
.ribon {
	position: relative;
	top: 0;
	left: 0;
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
    behavior: url("js/PIE.htc");
	position:relative;
}
.ribon:before {
	content: "";
	position: absolute;
	top: 28px;
	left: 0;
}
.ribon:after {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
}


/*CSS3ボタン*/
.rs_btn,
.rs_btn:visited {
    padding: 3px 6px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.rs_btn:hover,
.rs_btn:focus {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
    color: #F3F3F3;
}
.rs_btn:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/
body > #page {
	height: auto;
}

#page {
	width: 980px;
	margin: 0 auto;
	/*background: url(../img/common/bg-shadow.png) repeat-y left top #ffffff;*/
 	min-height: 100%;
	_height: auto !important;
	_height: 100%;
	background:#ffffff;
	text-align:left;
}

.subpage #logo {
	position:absolute;
	top:45px;
	left:27px;
}


/*----------------------------------------------------
	#container
----------------------------------------------------*/
#container {
	width:980px;
	margin:0 auto;
}
/*----------------------------------------------------
	header
----------------------------------------------------*/
#common_header {
	width:980px;
	height:160px;
	position:relative;
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#ffffff;
}
#logo {
	position: absolute;
	top: 10px;
	left: 27px;
}
#head_dec {
	position:absolute;
	top: 10px;
	left: 30px;
}
/*----------------------------------------------------
	#contents
	　　　コンテンツ
----------------------------------------------------*/
#contents {
	background:#ffffff;
	position:relative;
	zoom:1;
}
.subpage #contents {
	background:url(../img/common/cotent_bg.gif) repeat-y left top;
}
#contents .pageTop {/*ページトップへ戻る（※前ページへ戻る）*/
	clear: both;
	margin: 0;
	text-align: right;
}
.pageTop {
	clear: both;
	margin: 0;
	text-align: right;
}

/*----------------------------------------------------
	#side
		サイド
----------------------------------------------------*/
#side {
	float:left;
}

#side_nav {
}
#side_nav ul li a {
	display:block;
	width:200px;
	height:50px;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-9999px;
}
#side_nav ul li a:hover {
	background-position:left bottom;
}
#sidenav-top {
	background-image:url(../img/common/top_nav.jpg);
}
#sidenav-greeting {
	background-image:url(../img/common/greeting_nav.jpg);
}
#sidenav-company {
	background-image:url(../img/common/company_nav.jpg);
}
#sidenav-persons {
	background-image:url(../img/common/persons_nav.jpg);
}
#sidenav-manage {
	background-image:url(../img/common/manage_nav.jpg);
}
#sidenav-product {
	background-image:url(../img/common/product_nav.jpg);
}
#sidenav-contact {
	background-image:url(../img/common/contact_nav.jpg);
}


/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main {
	float:left;
	text-align:left;
	width:700px;
	margin-top:25px;
	margin-left:40px;
	margin-bottom:60px;
 	min-height: 500px;
	_height: auto !important;
	_height: 100%;
}


/*----------------------------------------------------
	footer
----------------------------------------------------*/
#common_footer {
	text-align:center;
	position:relative;
	width:100%;
	padding-top:80px;
	height:120px;
	background: url(../img/common/footer_bg.gif) repeat left top;
}
#footnav ul {
	margin-bottom:15px;
}
#footnav ul li {
	display: inline;
}
#footnav ul li a {
	border-right:1px solid #ccc;
	padding:0 10px;
}
#footnav ul li .first {
	border-left:1px solid #ccc;
}
#footnav ul li a,
#footnav ul li a:visited {
	font-size:86%;
	color:#aaa;
}
#footnav ul li a:hover {
	color:#ffffff;
}
.ninja_onebutton {
	position:absolute;
	top:30px;
	left:50%;
	margin-left:-83px;
}
.footad {
	text-align: center;
	margin-top:10px;
	padding-bottom:10px;
	font-size:93%;
	color:#fafafa;
}

/*----------------------------------------------------
	共通ページ
----------------------------------------------------*/
h2 {
	margin-bottom:30px;
}
h3 {
	margin-bottom:30px;
}
.job_main {
	width:698px;
	border:1px solid #eeeeee;
}
.job_main > * {
	width:650px;
	padding:25px;
}
.main_catch {
	margin-bottom:35px;
}
.section_common {
	margin-bottom:30px;
}
.section_common section {
	margin-bottom:40px;
}

.bd {
	padding:1px;
	border:1px solid #ccc;
}
.jisseki {
	padding-left:320px;
	height:270px;
}

.jisseki ul {
	width:320px;
}
.jisseki ul li {
	margin-bottom:10px;
	margin-left:30px;
	text-indent:-1em;
	padding-left:1em;
}
.job-link {
	margin-top:35px;
	padding:20px;
	border:1px solid #eeeeee;
}
.job-link table {
	border:1px solid #eeeeee;
}
.job-link table td {
	width:250px;
	vertical-align:middle;
	text-align:center;
	border:1px solid #eee;
	background:#EEFEDA
}

.contact_bnr {
	margin-top:50px;
}
/*
===== 1: index.html =====
*/
#top_header {
	position:relative;
	height:500px;
	width:980px;
	margin-bottom:80px;
	background:url(../img/top/top-main.jpg) no-repeat left bottom #FFF;
}
#head_key {
	font-size:86%;
	color:#999999;
	position:absolute;
	top:10px;
	right:20px;
	z-index:50;
}
#contact_fukidasi {
	position:absolute;
	top:425px;
	right:30px;
}
#tel {
	position:absolute;
	top:50px;
	right:20px;
}
#gnav {
	position: absolute;
	top: 505px;
	left: 0;
}
#gnav ul li {
	float:left;
	margin-left:5px;
}
#gnav ul li:first-child{
	margin-left:0;
}
#gnav ul li a {
	display:block;
	width:192px;
	height:40px;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-9999px;
}
#gnav ul li a:hover {
	background-position:left bottom;
}
#topnav-greeting {
	background-image:url(../img/top/nav-greeting.gif);
}
#topnav-company {
	background-image:url(../img/top/nav-company.gif);
}
#topnav-persons {
	background-image:url(../img/top/nav-persons.gif);
}
#topnav-manage {
	background-image:url(../img/top/nav-manage.gif);
}
#topnav-product {
	background-image:url(../img/top/nav-product.gif);
}
#top #contents {
	padding-bottom:50px;
}


#visual-nav td {
	border:1px solid #eeeeee;
}
#visual-nav a  {
	display:block;
	width:190px;
	height:320px;
	background-repeat:no-repeat;
	background-position:left top;
}
#visual-nav a:hover {
	background-position:left bottom;
}
#visunav-persons {
	background-image:url(../img/top/top_visualnav-person.jpg);
}
#visunav-manage {
	background-image:url(../img/top/top_visual-manage.jpg);
}
#visunav-product {
	background-image:url(../img/top/top_visual-product.jpg);
}
#visual-nav p {
	width:165px;
	margin:0 auto;
	padding-top:203px;
	font-size:93%;
}



.top_box {
	width:760px;
	margin:0 auto 40px;
	text-align:left;
	border:10px solid #E1E1E1;
}

.top_box_hu {
	width:760px;
	margin:0 auto 40px;
	text-align:left;
	/* border:10px solid #E1E1E1; */
}

#onayami_area {
	background:url(../img/top/ossan.jpg)  no-repeat 550px 15px;
}
#onayami_area dl {
	border:1px solid #;
	width:700px;
	margin:0 auto;
	padding:25px 0;
}
#onayami_area dt {
	margin-bottom:15px;
}
#onayami-faq li {
	width:519px;
	height:40px;
	margin-bottom:10px;
}
#onayami-faq li a {
	display:block;
	width:519px;
	height:40px;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-9999px;
}
#onayami-faq li a:hover {
	background-position:right top;
}
#q1 {
	background-image:url(../img/top/q1.jpg);
}
#q2 {
	background-image:url(../img/top/q2.jpg);
}
#q3 {
	background-image:url(../img/top/q3.jpg);
}
#q4 {
	background-image:url(../img/top/q4.jpg);
}

/*
===== 2: company.html =====
*/
#company #common_header {
	background:url(../img/company/header-bnr.jpg) no-repeat left top;
}
#companyTbl_area {
	width:620px;
	padding:40px;
	border:1px solid #eeeeee;
	}
#company_tbl th {
	width:120px;
	text-align:center;
	font-size:93%;
    border-top: 1px solid #eeeeee;
}
#company_tbl td {
	padding-left:25px;
	border-left:1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
}


/*
===== 3: greeting.html =====
*/
#greeting #common_header {
	background:url(../img/greeting/header_greeting.jpg) no-repeat left top;
}
#sec_greeting {
	width:620px;
	padding:40px;
	border:1px solid #eeeeee;
}
#sec_greeting h3 {
	margin-bottom:30px;
}
#sec_greeting div p {
	margin-bottom:16px;
}
.wrapReady {
	padding:45px 0px 0px 23px;
	float:right;
}
#sec_greeting #tamari {
	margin-top:20px;
}


/*
===== 4: management-support.html =====
*/
#manage #common_header {
	background:url(../img/manage/hd_bnr.jpg) no-repeat left top;
}
#manage_flow {
	margin-left:-15px;
}
#sigyou-box {
	width:647px;
	height:153px;
	margin-top:45px;
	background:url(../img/manage/network_bnr.jpg) no-repeat left top;
	position:relative;
}
#sigyou-box dl {
	position:absolute;
	top:24px;
	left:35px;
	width:340px;
}
#sigyou-box dl dt {
	margin-bottom:11px;
}
#sigyou-box dl dd {
	line-height:1.4;
}
#manage_jsk {
	background:url(../img/manage/jisseki_bnr.jpg) no-repeat 10px 30px;
}
/*
===== 5: persons-support.html =====
*/
#persons #common_header {
	background:url(../img/persons/hd-bnr.jpg) no-repeat left top;
}
#persons_jsk {
	background:url(../img/persons/jisseki_bnr.jpg) no-repeat 10px 30px;
}
/*
===== 6: product-service.html =====
*/
#product #common_header {
	background:url(../img/product/hd_bnr.jpg) no-repeat left top;
}
.toriatsukai {
	background:url(../img/product/subtitle_product.gif) no-repeat left top #f7f7f7;
	height:175px;
	margin:30px 0;
	border:1px solid #eeeeee;
}
.sun-tec {
	background:url(../img/product/taiyo_img.jpg) no-repeat left 20px #f7f7f7;
	margin-left:155px;
	padding-left:185px;
	height:175px;
	width:290px;
}
.sun-tec dt {
	padding-top:15px;
	margin-bottom:8px;
}

/*
===== 7: contact.html =====
*/
#contact .contact_area {
	width:698px;
	border:1px solid #eeeeee;
	margin-bottom:30px;
}
#tel_area {
	background:url(../img/contact/contact-p.jpg) no-repeat 315px 100px;
	height:370px;
}
#contact .contact_area > div {
	width:640px;
	padding:30px;
	margin:0 auto;
}
#contact .contact_bnr,
#thankyou .contact_bnr {display:none;}

#contact #common_header,
#thankyou #common_header {
	background:url(../img/contact/hd-bnr.jpg) no-repeat left top;
}
#thankyou h3 {
	font-size:123%;
	color:#e50012;
}