@charset "utf-8";
/* 共通設定用CSS Document */

body {
	background:#ECF5FF;
/*	border-top: #0084B5 2px solid;
	border-bottom: #0084B5 2px solid;*/
	text-align:center;
	font-size:90%;
}

div#container {
	margin: 0 auto;
	padding:0;
	text-align: left;
	width: 854px;
	background:#FFFFFF url(../images/container_bg.gif) repeat-y right top;
	border-left:#CCCCCC 1px solid;
	/*border-right:#CCCCCC 1px solid;*/
}

div#header {
	padding:10px 5px 1px 5px;
	/*border-top:#99CEE1 4px solid;*/
	border-top: #0084B5 3px solid;
	font-size:90%;
	text-align:right;
	width:840px;
}
p#lnk-sitemap {
	font-size:11px;
}
#lnk-sitemap a{
	text-decoration:none;
	color:#666666;
}
#flnk-sitemap a:visited{
	text-decoration:none;
	color:#666666;
}
#lnk-sitemap a:hover{
	text-decoration:underline;
	color:#3366CC;
}

/*　ナビゲーション部設定　*/
div#nav {
	clear:left;
	background:url(../images/nav_bg.gif) repeat-x;
	width:850px;
	height:22px;
}
#nav li {
	display:inline;
	list-style-type:none;
}
#nav li a{
	float:left;
}
* html div#nav{
	overflow:hidden;
}
#nav:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#nav {display:inline-block;}

/*Hides from IE-mac \*/
* html #nav {height:1%;}
#nav {display:block;}
/* End hide from IE-mac */

/* for IE7 */  
*+html #gnavi {   
	display:inline-block;   
}  


div#gnavi {
	clear:left;
	/*background:url(../images/gnavi02.gif) repeat-x;*/
	width:850px;
}
* html div#gnavi{
	overflow:hidden;
}
#gnavi:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#gnavi {display:inline-block;}

/*Hides from IE-mac \*/
* html #gnavi {height:1%;}
#gnavi {display:block;}
/* End hide from IE-mac */

/* for IE7 */  
*+html #gnavi {   
	display:inline-block;   
}  
/*
*/ 
#gnavi li {
	display:inline;
	list-style-type:none;
}

#gnavi li a{
	display:block;
	float:left;
	/*Hides from IE-mac　\*/
	overflow:hidden;
	/* End hide from IE-mac　*/
	text-decoration:none;
	text-indent:-9999px;
}


/*------gnavi link*/
li#home a{ 
	/*background: url(../images/gnavi1.gif) no-repeat 0 0;*/
	width:85px;
}
li#company a{ 
	/*background: url(../images/gnavi1.gif) no-repeat -85px 0;*/
	width:100px;
}
li#products-solution a{ 
	/*background: url(../images/gnavi1.gif) no-repeat -185px 0;*/
	width: 145px;
}
li#recruit a{ 
	/*background: url(../images/gnavi1.gif) no-repeat -330px 0;*/
	width: 95px;
}
li#inquiry a{ 
	/*background: url(../images/gnavi1.gif) no-repeat -425px 0;*/
	width: 110px;
}
/*------gnavi link hover*/

li#home a:hover{ 
	background: url(../images/gnavi2.gif) no-repeat 0 0;
	width:85px;
}
li#company a:hover{ 
	background: url(../images/gnavi2.gif) no-repeat -85px 0;
	width:100px;
}
li#products-solution a:hover{ 
	background: url(../images/gnavi2.gif) no-repeat -185px 0;
	width: 145px;
}
li#recruit a:hover{ 
	background: url(../images/gnavi2.gif) no-repeat -330px 0;
	width: 95px;
}
li#inquiry a:hover{ 
	background: url(../images/gnavi2.gif) no-repeat -425px 0;
	width: 110px;
}

/*---main---*/
div#main-index {/*トップページのみ使用*/
	width:850px;
	clear:both;
}
div#main {
	width:850px;
	clear:both;
	/*background: url(../images/main_bg.gif) repeat-y;*/
}
/*---パンくずナビ---*/
div#cramb {
	padding:3px 0 0 20px;
	color:#666666;
	font-size:79%;
	vertical-align:bottom;
}
#cramb:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#cramb {display:inline-block;}

/*Hides from IE-mac \*/
* html #cramb {height:1%;}
#cramb {display:block;}
/* End hide from IE-mac */ 

/* for IE7 */  
*+html #cramb {   
	display:inline-block;   
}  


/*---footer---*/
div#footer {
	padding:5px 10px 5px 5px;
	border-top:#CCCCCC 1px solid;
	border-bottom: #0084B5 2px solid;
	font-size:11px;
	clear:both;
	width:835px;
	text-align:right;
}
#footer:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#footer {display:inline-block;}

/*Hides from IE-mac \*/
* html #footer {height:1%;}
#footer {display:block;}
/* End hide from IE-mac */ 

/* for IE7 */  
*+html #footer {   
	display:inline-block;   
}  

#footer ul{
	float:left;
	width:610px;
}
#footer li {
	margin-right:5px;
	padding-left:12px;
	background:url(../images/mark_navi.gif) no-repeat left;
	float:left;
	list-style-type:none;
	zoom:1;
}
#footer li a{
	text-decoration:none;
	color: #666666;
}
#footer li a:visited{
	text-decoration:none;
	color:#666666;
}
#footer li a:hover{
	text-decoration:underline;
	color:#3366CC;
}
#footer address {
	margin-top:0;
	border:none;
	color:#666666;
	float:right;
}
p.printicon {
	padding:0 10px 2px 0;
	text-align:right;
	float:right;
	width:90px;
}
p.bkto-pagetop {
	margin:20px 0 10px 0;
	text-align:right;
	clear:both;
}
img.bkto-pagetop {
	margin:0 5px 1px 0;
	vertical-align: bottom;
}
.bkto-pagetop a {
	color: #990000;
	text-decoration:none;
}
.bkto-pagetop a:visited {
	color: #990000;
	text-decoration:none;
}
.bkto-pagetop a:hover {
	color: #990000;
	text-decoration: underline;
}
/*　---フロートclass---　*/

.fltLeft {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.fltLeft-mgn0 {
	float:left;
}
.fltRight {
	float:right;
}
.hide {
	visibility:hidden;
}
.no-wrap {
	white-space:nowrap;
}
/*---線なし---*/
.border-none {
	border:none;
}
.border-bottom-none {
	border-bottom:none !important;
}
.border-left-none {
	border-left:none !important;
}
.border-right-none {
	border-right:none !important;
}
.border-top-none {
	border-top:none !important;
}
/*---線あり(14.01.30)---*/
.border-left {
	border-left:#ACACAC 2px solid !important;
}
.border-right {
	border-right:#ACACAC 2px solid !important;
}


/* 改ページ--- */
.break {
	page-break-after:always;
}
/* margin--- */
.mgn0 {
	margin:0 !important;
}
.mgn-top0 {
	margin-top:0 !important;
}
.mgn-top5 {
	margin-top:5px !important;
}
.mgn-top8 {
	margin-top:8px !important;
}
.mgn-top10 {
	margin-top:10px !important;
}
.mgn-top20 {
	margin-top:20px !important;
}
.mgn-top30 {
	margin-top:30px !important;
}
.mgn-bottom0 {
	margin-bottom:0 !important;
}
.mgn-right10 {
	margin-right:10px !important;
}
.mgn-right20 {
	margin-right:20px !important;
}
.mgn-right30 {
	margin-right:30px !important;
}
.mgn-right40 {
	margin-right:40px !important;
}

.mgn-bottom10 {
	margin-bottom:10px !important;
}
.mgn-bottom20 {
	margin-bottom:20px !important;
}
.mgn-bottom30 {
	margin-bottom:30px !important;
}

.mgn-left0 {
	margin-left:0 !important;
}
.mgn-left8 {
	margin-left:8px !important;
}
.mgn-left10 {
	margin-left:10px !important;
}
.mgn-left20 {
	margin-left:20px !important;
}
.mgn-left30 {
	margin-left:30px !important;
}
.mgn-left300 {
	margin-left:300px !important;
}

.mgn-0auto {/*中央寄せに使用*/
	margin:0 auto !important;
}
/*-----padding-----*/
.pdg-0{
	padding:0 !important;
}
.pdg-bottom5{
	padding-bottom:5px !important;
}
.pdg-bottom10{
	padding-bottom:10px !important;
}

.pdg-left30{
	padding-left:30px !important;
}

.pdg-left50{
	padding-left:50px !important;
}

hr.hr-white {
	margin:0;
	border:#FFF 1px solid;
}

hr.hr-white-50 {
	margin:50px;
	border:#FFF 1px solid;
}

.bdr-top {
	border-top:#666 1px solid !important;
}
.bdr-right {
	border-right:#666 1px solid !important;
}
.bdr-bottom {
	border-bottom:#666 1px solid !important;
}
.bdr-left {
	border-left:#666 1px solid !important;
}
.bdr-none {
	border:none !important;
}
.bdr-all {
	border:#CCC 1px solid;
}
/* ---太線 14.02.19--- */
.bdr-btm-thick {
	border-bottom:#CCCCCC 2px solid !important;
}
/* ---画像の右余白--- */
img.photo {
	margin-right:10px;
}
/* ---テキスト左寄せ--- */
.text-left{
	text-align:left!important;
}

/* ---テキスト右寄せ--- */
.text-right{
	text-align:right !important;
}
/* ---テキスト中央寄せ--- */
.text-center{
	text-align:center !important;
}

.font-small {
	font-size:80% !important;
}
.font-small90 {
	font-size:90% !important;
}
.font-small95 {
	font-size:95% !important;
}
.font-big130 {
	font-size:130% !important;
}
.font-size15px {
	font-size:15px !important;
}
.vt-top {
	vertical-align:top !important;
}
.vt-middle {
	vertical-align:middle !important;
}
.vt-bottom {
	vertical-align:bottom !important;
}
/* ---文字色--- */
.text-white {
	color:white;
}

/* ---行間--- */
.line-height17 {
	line-height:1.7;
}

/* ---強調（赤）--- */
strong.emphasis-red{
	color:#FF0000;
	font-weight:bold;
}
.note-red {
	color:#F00;
}
.note-white {
	color:#FFF;
}
.note-blue {
	color:#00C !important;
}
.note-gray {
	color:#333 !important;
}

/* ---背景色--- */
.bg-white {
	background:#FFF !important;
}
.bg-vivid-orange {
	background:#F60 !important;
}
.bg-pale-orange {
	background:#FFCC99 !important;
}
.bg-pale-yellow {
	background:#FFFFCA !important;
}
.bg-green {
	background:#E7F4CE !important;
}
.bg-vivit-aqua {
	background:#0085B2 !important;
}
.bg-aqua {
	background:#CCECFF !important;
}
.bg-purple {
	background:#D2D2F4 !important;
}
.bg-pink {
	background:#FFE8FF !important;
}

/* ---P　cleafix--- */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}

/*Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */ 

/* for IE7 */  
*+html .clearfix {   
	display:inline-block;   
}  

/*--------------------------------------------------------------
トップページ用設定
---------------------------------------------------------------*/
body#toppage {
/*	background: #F4F5F9;*/
	background:#FFFFFF;
	border-top: #0084B5 3px solid;
	border-bottom: #0084B5 2px solid;
	text-align:center;
	font-size:90%;
}

div#container-top {
	margin: 0 auto;
	padding:0;
	text-align: left;
	width: 854px;
	background:#FFFFFF;
	/*background: url(../images/container_bg.gif) repeat-y;
	border-left:#CCCCCC 1px solid;*/
	/*border-right:#CCCCCC 1px solid;*/
}
div#header-top {
	padding:10px 5px 1px 5px;
	font-size:90%;
	text-align:right;
	width:840px;
}
/*---footer---*/
div#footer-top {
	padding:5px;
	border-top:#CCCCCC 1px solid;
	font-size:11px;
	clear:both;
	width:835px;
}
#footer-top:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*Hides from IE-mac \*/
* html #footer-top {height:1%;}
#footer-top {display:block;}
/* End hide from IE-mac */ 

#footer-top ul {
	float:left;
}
#footer-top li {
	margin-right:5px;
	padding-left:12px;
	background:url(../images/mark_navi.gif) no-repeat left;
	float:left;
	list-style-type:none;
	zoom:1;
}
#footer-top li a{
	text-decoration:none;
	color: #666666;
}
#footer-top li a:visited{
	text-decoration:none;
	color:#666666;
}
#footer-top li a:hover{
	text-decoration:underline;
	color:#3366CC;
}
#footer-top address {
	margin-top:0;
	border:none;
	color:#666666;
	float:right;
}



/*　---採用情報トップページ---　*/

#recruit-top p{
	margin:30px auto !important;
	width:540px;
}
#recruit-top {
	padding:10px 35px 60px 20px !important;
	text-align:center;
}
/*---サイドメニューなし設定用---*/

#main-content {
	margin:0 auto;
	padding:10px 10px 10px 20px;
	text-align:left;
	width:700px;
}
#main-content p{
	padding:10px;
	font-size:92%;
}
h1 {
	margin: 0 0 20px 0;
}

h3 {
	margin: 5px 0 0 15px;
	padding:3px 8px;
	color:#000;
	font-size:95%;
	font-weight:bold;
}

h4 {
	margin: 0 0 0 20px;
	font-size:95%;
}

/*android折り返し防止*/
p, li, th, td, dt, dd, h1 {
	background-image:url(../images/1px_bg.gif);
}

.tbl-caption-bottomleft {
	caption-side: bottom;
	text-align:left;
}