@charset "utf-8";

/*=================================================================
	
	ポーラ・メソッド / 共通デザイン CSS
	・Customize: 2010.03/31

=================================================================*/


/*-----------------------------------------------------------------
		基礎設計
-----------------------------------------------------------------*/

body, div, span, dl, dt, dd, input, label, form, h1, h2, h3, h4, select { margin:0 0 0 0; padding:0 0 0 0;}

body {
	color: #ffffff;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	background: #949993;
}

*:first-child+html body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	body {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif100%;
	}
}

table { font-size: inherit; /* モダンブラウザ */}

a {
	color:#00ccff;
	text-decoration:underline;
}

a:hover {
	color: #cc0000;
	text-decoration: none;
}


/* 画像スタイル */
img { border: 0;}

img.i-window { vertical-align: middle; margin-left: 5px;}

input {
	_font-family: "MS UI Gothic";
}

*:first-child+html input {
	font-family: "MS UI Gothic";
}


/*-----------------------------------------------------------------
		基礎設定
-----------------------------------------------------------------*/
#layout {
	text-align: left;
	background: url(../image/bg.gif) repeat-y 0px 0px;
	margin: 0 auto;
	width: 800px;
	padding: 0px 3px;
}

#main {
	padding: 15px;
}

.border-box {
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: solid 1px #6c6e6c;
}


/* H見出し */
h2 {
	font-size: 100%;
	background: url(../image/i_h2.jpg) no-repeat left top;
	color: #00ccff;
	padding: 0 0 0 25px;
	margin: 0 0 10px 0;
	min-height: 19px;
	_height: 19px;
}

h3 {
	font-size: 100%;
	margin: 0 0 5px 0;
	line-height: 105%;
	border-left: solid 3px #00ccff;
	padding: 0 0 0 5px;
	color: #ffffff;
}


/* Pタグ */	
p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 82%;
	line-height: 145%;
}

.v-hidden { visibility: hidden;}


/*　整列系　*/
.ta-center { text-align: center;}
.ta-right { text-align: right;}
.ta-left { text-align: left;}
.va-middle { vertical-align: middle;}
.va-middle img { vertical-align: middle;}

img.f-right {
	margin: 0 0 5px 10px;
	float: right;
	border: solid 3px #ffffff;
}


/*-----------------------------------------------------------------
		共通ヘッダー枠
-----------------------------------------------------------------*/
#header {
	width: 800px;
	margin: 0 auto;
	height: 101px;
	background: url(../image/header_bg.jpg) repeat-x left top;
	overflow: hidden;
}

#header #logo {
	height: 72px;
	text-indent: -9999px;
	font-size: 1px;
	display: block;
	margin: 0 0 0 0;
}

#jump {
	height: 1px;
	text-indent: -9999px;
	font-size: 1px;
}


/*-----------------------------------------------------------------
		グローバルナビ
-----------------------------------------------------------------*/

/* 基本設定 */
#gnav {
	width: 800px;
	margin: 0 auto;
	height: 101px;
	background: url(../image/header_bg.jpg) repeat-x 0px -73px;
	overflow: hidden;
}

/* ボタンの基本設定 */
#gnav {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 28px;
}

ul#gnav li {
	float: left;
	margin: 0;
	padding: 0;
	width: 111px;
}

ul#gnav li a {
	display: block;
	height: 28px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: 1px;
	text-align: left;
	background: url(../image/header_bg.jpg) no-repeat 0px 0px;
	overflow :hidden;
}


/* ボタンの幅指定 */

ul#gnav li#g-home { width: 68px;}
ul#gnav li#g-company { width: 145px;}
ul#gnav li#g-message { width: 86px;}
ul#gnav li#g-software { width: 89px;}
ul#gnav li#g-recruit { width: 73px;}
ul#gnav li#g-contact { width: 100px;}
ul#gnav li#g-sitemap { width: 88px;}
ul#gnav li#g-support { width: 80px;}


/* ボタンの背景指定 */

ul#gnav li#g-home a { background-position: 0px -73px;}
ul#gnav li#g-company a { background-position: -68px -73px;}
ul#gnav li#g-message a { background-position: -213px -73px;}
ul#gnav li#g-software a { background-position: -299px -73px;}
ul#gnav li#g-recruit a { background-position: -388px -73px;}
ul#gnav li#g-contact a { background-position: -461px -73px;}
ul#gnav li#g-sitemap a { background-position: -561px -73px;}
ul#gnav li#g-support a { background-position: -649px -73px;}


/* ロールオーバー */

ul#gnav li#g-home a:hover { background-position: 0px -174px;}
ul#gnav li#g-company a:hover { background-position: -68px -174px;}
ul#gnav li#g-message a:hover { background-position: -213px -174px;}
ul#gnav li#g-software a:hover { background-position: -299px -174px;}
ul#gnav li#g-recruit a:hover { background-position: -388px -174px;}
ul#gnav li#g-contact a:hover { background-position: -461px -174px;}
ul#gnav li#g-sitemap a:hover { background-position: -561px -174px;}
ul#gnav li#g-support a:hover { background-position: -649px -174px;}


/* カレント表示 */

#company ul#gnav li#g-company a { background-position: -68px -174px;}
#message ul#gnav li#g-message a { background-position: -213px -174px;}
#software ul#gnav li#g-software a { background-position: -299px -174px;}
#recruit ul#gnav li#g-recruit a { background-position: -388px -174px;}
#contact ul#gnav li#g-contact a { background-position: -461px -174px;}
#sitemap ul#gnav li#g-sitemap a { background-position: -561px -174px;}
#support ul#gnav li#g-support a { background-position: -649px -174px;}


/*-----------------------------------------------------------------
		リスト
-----------------------------------------------------------------*/
ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul li {
	margin: 0 0 0 0;
	padding: 0 0 3px 0;
	font-size: 82%;
	line-height: 135%;
	list-style: none;
}

ol {
	margin: 0 0 0 30px;
	padding: 0 0 0 0;
}

ol li {
	margin: 0 0 0 0;
	padding: 0 0 3px 0;
	font-size: 82%;
	line-height: 140%;
}


/* 通常のリスト */
ul.link-list {
	margin: 0 0 0 15px;
}

ul.link-list li {
	margin: 0 0 0 0;
	padding: 0 0 3px 10px;
	font-size: 82%;
	line-height: 135%;
	list-style: none;
	background: url(../image/i_arrow_bk.gif) no-repeat 0px 4px;
}

ul.inner-list li {
	margin: 0 0 0 10px;
	padding: 0 0 3px 10px;
	font-size: 100%;
	line-height: 135%;
	list-style: none;
	background: url(../image/i_arrow_bk.gif) no-repeat 0px 4px;
}

/* 新・メニューリスト */
/*
ul.menu-list li {
width:100px;
	margin: 0 0 0 10px;
	padding: 0 0 3px 10px;
	font-size: 100%;
	line-height: 135%;
	list-style: none;
}
*/



/*-----------------------------------------------------------------
		Company Profile
-----------------------------------------------------------------*/
#company h1 {
	height: 49px;
	text-indent: -9999px;
	font-size: 1px;
	background: #424342 url(../../company/image/ttl_company.jpg) no-repeat 0px 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.print-txt {
	font-weight: normal;
	font-size: 80%;
	color: #ffffff;
}

/* <table>設定 */
table.tbl-style {
	border: solid 3px #e0e0e0;
	width: 770px;
	border: none;
	margin: 0 0 20px 0;
}

.tbl-style th {
	background: #474a47;
	padding: 5px 7px;
	font-size: 82%;
	border-top: solid 1px #6c6e6c;
	border-bottom: solid 1px #393b39;
	border-right: solid 1px #595c59;
	text-align: left;
	width: 105px;
	color: #ffffff;
	font-weight: bold;
}

.tbl-style td {
	background: #6a6d6a;
	border-top: solid 1px #888a88;
	border-bottom: solid 1px #555755;
	padding: 5px 7px;
	font-size: 82%;
	color: #ffffff;
}


/*-----------------------------------------------------------------
		Message
-----------------------------------------------------------------*/
#message h1 {
	height: 49px;
	text-indent: -9999px;
	font-size: 1px;
	background: #424342 url(../../message/image/ttl_message.jpg) no-repeat 0px 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#message p {
	margin: 0 0 15px 0;
}


/*-----------------------------------------------------------------
		Softawre
-----------------------------------------------------------------*/
#software h1 {
	height: 49px;
	text-indent: -9999px;
	font-size: 1px;
	background: #424342 url(../../software/image/ttl_software.jpg) no-repeat 0px 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


/*-----------------------------------------------------------------
		Recruit
-----------------------------------------------------------------*/
#recruit h1 {
	height: 49px;
	text-indent: -9999px;
	font-size: 1px;
	background: #424342 url(../../recruit/image/ttl_recruit.jpg) no-repeat 0px 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#recruit table.tbl-style th,
#recruit table.tbl-style td{
	text-align: center !important;
	border-right: solid 1px #595c59;
}

tr.tr-ttl th {
	width: auto;
	background: #333333;
	text-align: center !important;
}


/*-----------------------------------------------------------------
		Sitemap
-----------------------------------------------------------------*/
#sitemap h1 {
	height: 49px;
	text-indent: -9999px;
	font-size: 1px;
	background: #424342 url(../../sitemap/image/ttl_sitemap.jpg) no-repeat 0px 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}





/*-----------------------------------------------------------------
		Support
-----------------------------------------------------------------*/
#support h1 {
	height: 49px;
	text-indent: -9999px;
	font-size: 1px;
	background: #424342 url(../../support/image/ttl_support.jpg) no-repeat 0px 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*-----------------------------------------------------------------
		About a Font
-----------------------------------------------------------------*/
#AboutFont h1 {
	height: 49px;
	text-indent: -9999px;
	font-size: 1px;
	background: #424342 url(../../AboutFont/image/ttl_Font.jpg) no-repeat 0px 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}



/*-----------------------------------------------------------------
		フォーム系設定
-----------------------------------------------------------------*/

.txt-necessary {
	color: #ff0000;
	font-weight: normal;
}

.btn-box {
	text-align: center;
	margin: 10px 0 0 0;
}

input {
	line-height: 100%;
	margin: 0 0 0 0;
	_padding: 3px 0 0 0;
	font-family: "MS UI Gothic";
}

textarea {
	font-size: 100%;
	font-family: "MS UI Gothic";
}


/*-----------------------------------------------------------------
		フッター
-----------------------------------------------------------------*/
#footer {
	background: url(../image/footer_bg.gif) no-repeat left top;
	width: 800px;
	padding: 0 3px 3px 3px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

p.copy {
	float: left;
	width: 700px;
	padding: 5px 5px 5px 0px;
	font-family: Helvetica;
	color: #333333;
	font-size : 65%;
	text-align: left;
}

/* このページの先頭へ戻る */
.pagetop {
	width: 80px;
	float: right;
	text-align: left;
}

.pagetop a {
	text-indent: -9999px;
	font-size: 1px;
	height: 20px;
	text-align: left;
	display: block;
	overflow: hidden;
}


/*-----------------------------------------------------------------
		調整用
-----------------------------------------------------------------*/

/*クリア*/
.c-box:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	font-size: 1px;
}
.c-box{display: inline-table;}
 /* Hides from IE-mac \*/
* html .c-box{height: 1%;}
.c-box{display: block;}
 /* End hide from IE-mac */

*:first-child+html .c-box { /* IE7用 */
	width: 100%;
}

.clear-both{
	clear: both;
	height: 1px!important;
	display: block !important;
	font-size: 1px!important;
	margin: 0 !important;
}

/*  \*/
* html #layout{
	height: 1%;
}
/*  */


.b { border: solid 1px #ff0000;}


/*　フォント関連　*/
.font-normal {
	font-weight: normal;
}

.middle-l {
	font-size: 85%;
	line-height: 145%;
}

.middle-m {
	font-size: 82%;
	line-height: 140%;
}

.middle-s {
	font-size: 65%;
	line-height: 130%;
}

.fs100,
table td li {
	font-size: 100% !important;
}

.fc-red { color:#ff0000;}
.fc-gr { color:#006600;}
.fc-nv { color:#003399;}

.va-middle,
.va-middle img { vertical-align: middle !important;}
.i-map { vertical-align: middle !important; margin-left: 5px;}


/* 1文字字下げ */
.txt-indent {
	padding-left: 1em;
	text-indent: -1em;
}


/*　マージン調整　*/
.top-0 { margin-top:0px !important;}
.top-5 { margin-top:5px !important;}
.top-10 { margin-top:10px !important;}
.top-15 { margin-top:15px !important;}
.top-20 { margin-top:20px !important;}
.top-25 { margin-top:25px !important;}
.bottom-0 { margin-bottom: 0px !important;}
.bottom-5 { margin-bottom: 5px !important;}
.bottom-10 { margin-bottom: 10px !important;}
.bottom-15 { margin-bottom: 15px !important;}
.bottom-20 {margin-bottom: 20px !important;}
.bottom-25 { margin-bottom: 25px !important;}
.bottom-30 { margin-bottom: 30px !important;}
.bottom-40 { margin-bottom: 40px !important;}
.bottom-50 { margin-bottom: 50px !important;}
.left-0 { margin-left: 0px !important;}
.left-5 { margin-left: 5px !important;}
.left-10 { margin-left: 10px !important;}
.left-15 { margin-left: 15px !important;}
.left-20 { margin-left: 20px !important;}
.left-25 { margin-left: 25px !important;}
.left-30 { margin-left: 30px !important;}
.left-130 { margin-left: 130px !important;}
.left-135 { margin-left: 135px !important;}
.right-5 { margin-right: 5px !important;}
.right-10 { margin-right: 10px !important;}
.right-15 { margin-right: 15px !important;}
.right-20 { margin-right: 20px !important;}
.right-25 { margin-right: 25px !important;}
.right-30 { margin-right: 30px !important;}
.right-35 { margin-right: 35px !important;}