@charset 'UTF-8';

/*=========================================================*/
/*基本*/

html{
    height:100%;
}

body{
	color:#333333;
	background:#FFFFFF;
	height:100%;
	line-height:1.4em;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

body,h1,h2,h3,h4,h5,form,p,ul,ol,li,dl,dt,dd{
	margin:0;
	padding:0;
}

ul,ol,li,dl,dt,dd{
	list-style-type:none;
}

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

img{
	border:0;
	vertical-align:bottom;
	margin: 0px;
	padding: 0px;
}

address{
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

/*=========================================================*/
/*リンク*/

a{
	color:#003366;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

/*=========================================================*/
/*ボックス*/

#container{
	margin:0px;
	background: #FFFFFF;
	text-align:left;
	padding: 0px;
}

#excontainer{
	height:100%;
	margin: 0px;
	padding: 0px;
}

/*MAC IE5.x以外に適用\*/
#excontainer,
h1,
h2,
h3,
h4,
h5,
table{
	font-size:80%;
}

div#wrapper {
	text-align:left;
	padding: 0px;
	margin: 0px;
	width: 737px;
}

div#wrapper::after{

height: 0;

visibility: hidden;

content: ".";

display: block;

clear: both;

}

div#wrapper-header {
	padding: 4px 0px 1px;
	width: 737px;
	background: #FFFFFF;
	margin: 0px;
	clear: both;
}

div#wrapper-inside {
	margin: 0px;
	padding: 0px 0px 8px 0px;
}


/*=============================================*/
/*ヘッダ*/

#index{
	width:380px;
	height:25px;
	padding:0;
	margin:8px 0px 8px 5px;
	float:left;
}

#index li{
	float:left;
}

#index li a{
	display:block;
	width:380px;
	height:25px;
	background:url("../images/toplogo.gif") no-repeat 0 0;
}

#index .logo a{
	width:380px;
	background-position: 0 0px;
}

/*ヘッダのボタン*/

#assist-nav{
	display:none;
}


/*=============================================*/
/*フッタナビ*/

div#bottomnavi{
	float: left;
	margin: 0px;
	padding: 0px;
	clear: both;
}

div#bottomnavi01{
	padding:5px 0 0 0;
}

div#bottomnavi02{
	padding:0 0 5px 0;
}

div#bottomnavi div#bottomnavi01 li,
div#bottomnavi div#bottomnavi02 li{
	display:inline ;
}

div#bottomnavi div#bottom-navi01 a,
div#bottomnavi div#bottom-navi02 a{
	padding: 2px 5px 2px 5px;
}


/*=============================================*/
/*フッタ*/

div#footer {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #FFFFFF;
}

div#footer #copyright{
	font:normal 88% Arial, Helvetica, sans-serif;
	color:#666666;
}


/*=============================================*/
/*左ナビ*/

div#side-a {
	display:none;
}

#globalnav{
	width:172px;
	padding:0px;
	margin:0px;
	text-align:left;
}

#globalnav ul li a{
	padding:0px 0px 0px 10px;
}

#globalnav h3#recruit img {
	margin: 0px 0px 10px 0px;
}

/*=============================================*/
#home #banner h4 {
	font-size:100%;
	line-height: 140%;
}

#home #banner2 h4 {
	font-size:100%;
	line-height: 140%;
}


/*=============================================*/
/*共有クラス*/

.alt {
	position:absolute;
	top:-50000px;
	left:-50000px;
}

.floatleft{  float:left;}
.floatright{ float:right;}
.clearleft{  clear:left;}
.clearright{ clear:right;}
.clearboth{  clear:both;}

/*新clear float*/
.clearfloat{
	height:0px;
	font-size:1pt;
	clear:both;
	display:block;
}

.clear{
	height: 0px;
	margin: 0px;
	padding: 0px;
}

.display_block{
	display:block;
}

#border {
	border-bottom: 1px solid #333333;
	width:533px;
	margin:10px 0 20px 18px;
}

/*=========================================================*/
/*マージン*/

.br-5 {
	height:5px;
	font-size:1pt;
	clear:both;
	display:block;
}

.br-10 {
	height:10px;
	font-size:1pt;
	clear:both;
	display:block;
}

.br-20 {
	height:20px;
	font-size:1pt;
	clear:both;
	display:block;
}

.br-40 {
	height:40px;
	font-size:1pt;
	clear:both;
	display:block;
}

/*=========================================================*/
/*フォント*/

.font-xl{
	font-size:130%;
}

.font-l{
	font-size:120%;
}

.font-m{
	font-size:100%;
}

.font-s{
	font-size:88%;
}

.red{
	color:#990033;
}

.purple{
	color:#660099;
}

.grey {
	color:#666666;
}

/*=============================================*/
/*FLASHコンテンツ*/

#lead {
  width: 565px;
  height: 235px;
  background: url(../flash/ys.jpg) no-repeat 0 0;
}
  
/*=============================================*/
/*タイトル文字*/

#pagetitle {
	width:531px;
	height:82px;
	margin:10px 0 10px 18px;
}

.title {
	font-size:106%;
	width:500px;
	height:20px;
	background: url(../images/komidashi_red.gif) no-repeat 0 0;
	padding:0 0 5px 12px;
}

.title02 {
	font-size:106%;
	width:500px;
	height:20px;
	background: url(../images/komidashi_red.gif) no-repeat 0 0;
	padding:0 0 5px 12px;
	margin:0 0 0 18px;
}

.title-link {
	width:500px;
	padding:0 0 12px 12px;
	margin:0 0 0 18px;
}

.title-Q {
	width:500px;
	background: url(../images/q2.gif) no-repeat 0 0;
	margin:0;
	padding:0 0 12px 30px;
}

.title-A {
	width:500px;
	background: url(../images/a2.gif) no-repeat 0 0;
	margin:0;
	padding:0 0 12px 30px;
}

.title-A2 {
	width:510px;
	margin:0 0 12px 0;
	background: #ECECEC;
	padding:10px;
}


/*=============================================*/
/*画像*/

.img01 {
	margin:0 0 20px 18px;
	width:532px;
}

.img02 {
	float:right;
	padding-left: 10px;
}

.img03 {
	float:left;
	padding-right: 10px;
}


/*=============================================*/
/*基本コンテンツ*/

#side-b {
	margin:0px;
	padding:0px;
	float: left;
}

#contents {
	width:530px;
	margin:10px 0 20px 18px;
}

#contents .indent01 {
	width:500px;
	margin:0 0 20px 10px;
}

#contents .title-link {
	width:500px;
	background: url(../images/point02.gif) no-repeat 0 0;
	padding-left: 12px;
	margin:0 0 12px 18px;
}
/*-----------------------------------*/

#contents02 {
	width:530px;
	margin:10px 0 5px 18px;
}

#contentsindex {
	width:520px;
	background: #E6E6E6;
	padding: 5px;
}

#contentsright {
	width:530px;
	margin:10px 0 20px 18px;
	text-align: right;
}


/*=============================================*/
/*各ページコンテンツ*/

#home #contentsbox {
	width:552px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#home .contents {
	width:271px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float: left;
}

#home .contents2 {
	width:271px;
	margin:4px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float: left;
}

#home #banner {
	width:275px;
	margin:10px 0 10px 5px;
	float: left;
	padding: 0px;
	text-align: center;
	font-weight: normal;
}

#home #banner2 {
	width:275px;
	margin:10px 0 10px 0px;
	float: left;
	padding: 0px;
	text-align: center;
	font-weight: normal;
}


#company #contents dd {
	margin: 0 0 10px 0;
}

#memo #contents a {
	color: #0099CC;
}

#memo #contents img {
	margin: 0 0 10px 0;
}

#business #contents a {
	color: #0099CC;
}

#business #contents table td {
	font-size: 12px;
}

#form #side-a {
	font-size: 12px;
	line-height: 22px;
}

#form #side-b .text {
	font-size: 12px;
	line-height: 20px;
}

/*=============================================*/
/*メニュー*/

#globalnav img {
	cursor: pointer;
}

#globalnav ul {
	margin: 0px;
	padding: 0px 0px 5px;
}