@charset "UTF-8";

body {
	font-family : "メイリオ", sans-serif ;
	background: url("../img/back.gif") ;
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	font-size: 100% ;
	font-style: normal ;
	color: #666 ;
	line-height: 1.5 ;
	
}

/* ---------------------------------------------------------
　　　　　　　　　　　　　　　一般　　　　　　　　　　　　　
------------------------------------------------------------ */

div,form,table,ol,ul,dl,th,td,p,address,pre,blockquote {
	margin: 0 ;
	padding: 0 ;
	text-align: left ;
}


p,li,dt,dd,h1,h2,h3,h4,h5,h6 {
	font-size: 0.8em ;
	margin: 0 ;
	padding: 0 ;

}

h1,h2,h3,h4,h5,h6,em,strong {
	font-weight: normal ;
}

em {
	font-style: normal ;
}

em.notice {
	font-style: normal ;
	color: #ff0000 ;
}

ol,ul {
	list-style: none ;
	margin-bottom: 1em ;
	margin-left: 0.5em ;
}

img {
	vertical-align: bottom ;
}

table {
	border-collapse: collapse ;
	border-spacing: 0 ;
}

a:active,
a:focus {
	outline: none ;
}

/* ---------------------------------------------------------
　　　　　　　　　　　　　　ボックス　　　　　　　　　　　　
------------------------------------------------------------ */

#container {
	width: 900px ;
	background: #fff ;
	margin: 0 auto ;
	text-align: left ;
	border-right: 1px #ccc solid ;
	border-left: 1px #ccc solid ;
	position: relative ;
}

#header {
	width: 900px ;
	height: 125px ;
	position: relative ;
}

#contents {
	width: 900px ;
	position: relative ;
	margin: 20px auto 40px ;
	padding-bottom: 0px ;
	overflow: hidden ;
	_zoom: 1 ;

}

/* ---------------------------------------------------------
　　　　　　　　　　　　　　　共通　　　　　　　　　　　　　
------------------------------------------------------------ */

#logo {
	width: 250px ;
	height: 65px ;
	position: absolute ;
	top: 0px ;
	left: 5px ;
}

#logo a{
	width: 250px ;
	height: 65px ;
	text-indent: -9999px ;
	display: block ;
	background: url("../img/company-logo.gif") ;
}

#grobal-navi {
	width: 880px ;
	height: 45px ;
	margin: 0px 10px 0 ;
	background: url("../img/grobal-navi.gif") ;
	position: absolute ;
	top: 80px ;
}

#grobal-navi li {
	width: 176px ;
	height: 45px ;
	display: block ;
	float: left ;
	background-image: url("../img/grobal-navi.gif") ;
}

#grobal-navi li a {
	width: 176px ;
	height: 45px ;
	display: block ;
	text-indent: -9999px ;
	background-image: url("../img/grobal-navi.gif") ;
}

li#menu-home	 		{ background-position:		 0	 -45px ; }
li#menu-ganbare	 		{ background-position:	-176px	 -45px ; }
li#menu-pro	 			{ background-position:	-352px	 -45px ; }
li#menu-company 		{ background-position:	-528px	 -45px ; }
li#menu-contact 		{ background-position:	-704px	 -45px ; }

li#menu-home a 			{ background-position:		 0		 0 ; }
li#menu-ganbare a 		{ background-position:	-176px		 0 ; }
li#menu-pro a 			{ background-position:	-352px		 0 ; }
li#menu-company a 		{ background-position:	-528px		 0 ; }
li#menu-contact a 		{ background-position:	-704px		 0 ; }

li#menu-home a:hover 	{ background-position:		 0	 -45px ; }
li#menu-ganbare a:hover	{ background-position:	-176px	 -45px ; }
li#menu-pro a:hover		{ background-position:	-352px	 -45px ; }
li#menu-company a:hover { background-position:	-528px	 -45px ; }
li#menu-contact a:hover	{ background-position:	-704px	 -45px ; }

#home li#menu-home a		{ display: none ; }
#ganbare li#menu-ganbare a	{ display: none ; }
#pro li#menu-pro a			{ display: none ; }
#company li#menu-company a	{ display: none ; }
#contact li#menu-contact a	{ display: none ; }

#footer-link {
	width: 900px ;
	text-align: center ;
	padding-bottom: 20px ;
}

#copyright {
	width: 900px ;
	text-align: center ;
	padding-bottom: 20px ;
}
/* ---------------------------------------------------------
　　　　　　　　　　　　　　ページ別　　　　　　　　　　　　
------------------------------------------------------------ */

/* -------------------------↓トップ↓------------------------*/

#main-image {
	width: 900px ;
}

#home #contents {
	width: 870px ;
	background: url("../img/line.gif") repeat-y ;
}

#home #contents div {
	width: 280px ;
	padding: 0 5px ;
	float: left ;
}

#home #contents div p {
	margin: 10px 10px 10px 1.5em ;
}

#home #contents div ul {
	margin-left: 1em ;
}

#home #contents div ul li {
	list-style: disc ;
	margin: 0 1.5em ;
	font-weight: bold ;
}




#home #contents div h2 {
	margin: 0px 10px 20px ;
	height: 3em ;
	font-size: 1.2em ;
	line-height: 1.3 ;
	padding-top: 8px ;
	padding-left: 10px ;
}

#home h2#asp-title {
	border-left: 0.5em #c00 solid ;
	color: #900 ;
}

#home h2#ses-title {
	border-left: 0.5em #00c solid ;
	color: #009 ;
}

#home h2#sys-title {
	border-left: 0.5em #090 solid ;
	color: #060 ;
}

#home h3 {
	font-size: 0.8em ;
	margin: 1.5em 0 0.5em 1.5em ;
}

/* -------------------------↑トップ↑------------------------*/

/* -------------------------↓枝ページ↓------------------------*/

.secondary h1 {
	width: 900px ;
	height: 120px ;
	text-indent: 2em ;
	font-size: 1.5em ;
	color: #fff ;
	line-height: 4em ;
	background: url("../img/title-back.gif") ;
	position: relative ;
	font-weight: bold ;
}

h1 span {
	font-size: 0.6em ;
	position: absolute ;
	display: block ;
	top: 2em ;
	left: 0 ;
	
}

#text {
	width: 800px ;
	margin: 30px auto ;
	overflow: visible ;
	min-height: 500px ;
	height: auto !important ;
	height: 500px ;
	position: relative ;
}

#text h2 {
	color: #333 ;
	font-size: 1.3em ;
	line-height: 2.4em ;
	font-weight: bold ;
	clear: both ;
	text-indent: 0.5em ;
	border-left: 10px #1c4c74 solid ;
	border-bottom: 2px #1c4c74 solid ;
	margin: 35px 0 20px ;
}

#text p {
	margin-bottom: 1.5em ;
}

h3 {
	color: #b05800 ;
	font-size: 1.0em ;
}

ul.text-list li {
	margin-left: 2.0em ;
	font-size: 1.0em ;
	list-style-type: disc ;
}

li.etc {
	list-style-type: none !important ;
}

dt {
	width: 8em ;
	clear: left ;
	float: left ;
	margin: 0 0 0.8em;
	padding: 0.3em 0 0.3em 10px ;
	color: #333 ;
}

dd { margin-left: 11em ;
  margin-bottom: 0.8em ;
	padding: 0.3em 0 ;
}
/* -------------------------↑枝ページ↑------------------------*/

/* -------------------------↓会社概要↓------------------------*/

#company dt {	border-left: #aaa 7px solid ; }


/* -------------------------↑会社概要↑------------------------*/

/* -------------------------↓サ責ページ↓------------------------*/



p#ganbare-logo,
p#pro-logo  {
	width: 600px ;
	height: 130px ;
	margin:  0 ;
	padding: 10px 0 0px ;
	text-indent: -9999px ;
	float: left ;
}

p#ganbare-logo {
	background: url("../img/logo-ganbare.png") no-repeat left center ;

}

p#pro-logo {
	background: url("../img/logo-pro.png") no-repeat left center ;

}


p#package {
	padding-left: 15px ;
	position: absolute ;
	right: 20px ;
	top: 0px ;
	
}

p#button-login-ganbare,
p#button-login-pro {
	width: 320px ;
	height: 70px ;
	margin-left: 20px ;
	float: left ;
	display: inline ;
}

p#button-login-ganbare a,
p#button-login-pro a {
	width: 320px ;
	height: 70px ;
	text-indent: -9999px ;
	display: block ;
	background-image: url("../img/button-login.gif") ;
	background-position: 0 0 ;
}

p#button-login-ganbare a:hover,
p#button-login-pro a:hover {
	background-position: 0 -70px ;
}

.question {
	text-indent: -9999px ;
	display: block ;
	width: 30px ;
	height: 40px ;
	background: url("../img/question.gif")left center no-repeat ;
}

.answer {
	text-indent: -9999px ;
	display: block ;
	width: 30px ;
	height: 40px ;
	background: url("../img/answer.gif")left center no-repeat ;
}

.faq li {
	line-height: 1.5em ;
	padding: 20px 20px 20px 140px ;
	list-style-type: none ;
	border: 1px #ccc solid ;
	color: #333 ;
	margin-bottom: 10px ;
}

.question-01 {
	background: url("../img/Y01E102.png") left center no-repeat ;
}

.question-02 {
	background: url("../img/Y01E101.png") left center no-repeat ;
}

.question-03 {
	background: url("../img/Y01E099.png") left center no-repeat ;
}
/* -------------------------↑サ責ページ↑------------------------*/

/* -------------------------↓BMPro↓------------------------*/

#image-service {
	overflow: hidden ;
}

#pdf {
	float: left ;
	margin: 20px ;
}

#table-tag {
	margin: 20px 0 10px ;
	border: 2px #fff solid ;
	font-size: 0.8em ;
	line-height: 1.2 ;
}

#table-tag th,
#table-tag td {
	padding: 0.5em 1em ;
	border-right: 1px #fff solid ;
}

#table-tag th {
	height: 4em ;
	color: #fff ;
	background: #1c4c74 ;
	border-bottom: 2px #fff solid ;
}

#table-tag td {
	color: #333333 ;
	height: 4.5em ;
	border-bottom: 1px #fff solid ;
	background: #ccd0d6 ;
}

.cell-tag {
	width: 120px ;
	text-align: center ;
	height: 4em ;
}

.cell-use {
	width: 120px ;
	text-align: center ;
	height: 4em ;
}

th.cell-supplement {
	width: 560px ;
	text-align: center ;
	height: 4em ;
}

.even {
	background: #e7e9ec !important ;
}

#pro dt {
	color: #ffffff ;
	background: #1c4c74 ;
	height: 3em ;
	padding: 0.5em 1em ;
	font-size: 0.9em ;
	margin: 0 0 0.2em 0 ;
}

#pro dd {
	color: #333 ;
	background: #acc4d7 ;
	height: 3em ;
	padding: 0.5em 1em ;
	font-size: 0.9em ;
	margin: 0 0 0.2em 10.1em ;
}



/* -------------------------↑BMPro↑------------------------*/


/* ---------------- 特殊なパーツ ---------------- */

/* ---------------------------------------------------------
　　　　　　　　　　　　　　　その他　　　　　　　　　　　　　
------------------------------------------------------------ */