@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd {
	font-size: 140%;
}
	
h1 {} /* Header内で設定 */
h2 { margin-bottom: 10px; }
h3 { margin-bottom: 10px; }
h4 { margin-bottom: 10px; }

a { color: #5ECCF2; }
a:hover,
a:active { color: #ADE5F9; text-decoration: none; }
a:visited {
}

ul {
}
li {
}

dl {
}
dt {
font-weight: bold;
}
dd {
padding-bottom: 10px;
}

table {
}


#content table {
  border: 1px solid #DCDCDC;
  font-size: 100%;
  color: #333;
  margin: 10px 0 20px 0;
  }

#content table th,
#content table td {
  padding: 10px 20px;
	vertical-align: top;
  border: 1px solid #DCDCDC;
  }

#content table th {
  background: #2C9EC8;
  color: #FFFFFF;
	text-align: left;
  }
	
.table02 {
	width: 850px;
	}
	
	
	
#customer table th { background: #88AB1C; }
#management table th { background: #F7AD00; }

p { margin: 0 0 1em; }

dt img,dd img,li img { vertical-align: bottom; }


.section { margin: 0 0 10px 0; }
.section02 { margin: 0 20px 10px 20px; }
.section .section { padding: .5em .5em 1em; }

.image_l { float: left; margin: 0 10px 0 0; }
.image_r { float: right; margin: 0 0 0 10px; }

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

ul.totop {
	clear: both;
	padding-bottom: 20px;
}

ul.totop li {
	float: right;
	list-style: none;
}

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body {
  background: url(../images/body_bg.jpg) top repeat-x;
	color: #333;
	text-align: center;
}

#body02 { background: url(../images/footer_bg.jpg) bottom repeat-x; }
#wrapper {
	width: 900px;
	margin: 0 auto;
  background: url(../images/wrapper_bg.jpg) 900px top no-repeat;
}
#main {
	width: 900px;
	margin: 0 auto;
	text-align: left;
  background: url(../images/main_bg.jpg) 0 0 no-repeat;
}
#content {
	width: 900px;
	text-align: left;
  float: right;
	margin: 0;
	padding: 10px 0 0 0;
}

#index #content { margin: 0; padding: 0; }

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	width: 900px;
	height: 95px;
	margin: 0 auto;
	text-align: left;
  background: url(../images/body_bg.jpg) 0 0 repeat-x;
}


#header h1 {
	float: left;
	margin: 15px 0 0 0;
	}

#header #header02 {
	float: right;
	width: 465px;
	padding: 0;
	margin: 0
}

#header #header02 ul {
	width: 185px;
	height: 20px;
	padding: 0;
	float:right;
	margin: 5px 0 12px 0;
	}

#header #header02 li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	}
#header #header02 .li_02 { margin: 0; }

#header #header02 .bn01 {
	float: left;
	margin: 5px 5px 10px 0;
	padding: 0;
	}
#header #header02 .bn02 {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear: both;
	height: 230px;
}

#link_box {
	width: 470px;
	float: right;
	text-align: left;
	margin: 45px 0 0 0;
	
	background: url(../images/footer_link.jpg) left no-repeat;
	}

#link_box .dl01 {
	margin-left: 35px;
	width: 215px;
	float: left;
	}
	
*html #link_box .dl01 { width: 180px; }
	
#link_box .dl02 {
	margin-left: 10px;
	width: 210px;
	float: right;
	}
	
#link_box dl dt {
	color:#FFFFFF;
	font-weight: normal;
	font-size: 120%;
	}

#link_box dl dd {
	font-size: 120%;
	line-height: 1.8;
	padding-bottom: 0;
	}
	

#footer address {
	width: 430px;
	float: left;
	color: #DCDCDC;
	margin: 45px 0 0 0;
	font-size: 120%;
}


/*==========================================================================*/
/*                             gnavi                                  */
/*==========================================================================*/

#gnavi {
	height: 55px;
}
#gnavi ul {
	margin: 0;
}
#gnavi ul li {
	float: left;
	list-style: none;
}
/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

.alpha { float: left; }
.beta {float: right; }

#li_box {
	width: 590px;
	position: relative;
	top: 455px;
	left: 40px;
	}
	
.inter_box { background: url(../images/inter_box_m.jpg) 0 0 repeat-y; margin-top: 10opx; }
.inter_box_t { background: url(../images/inter_box_t.jpg) top no-repeat; }
.inter_box_b { background: url(../images/inter_box_b.jpg) bottom no-repeat; }

.inter_box_b p {
	padding: 15px 20px;
	margin: 0;
	line-height:1.8;
	}
	
.bn_box { margin: 20px 0; }

.info_box { border: 1px solid #C8C8C8; margin-bottom: 100px; }

#content .table_li {
	width: 407px;
	display: inline;
  border: none;
  font-size: 90%;
  color: #333;
  }

#content .table_li th,
#content .table_li td {
  padding: 10px 20px;
  border: none;
	vertical-align: top;
	font: 120%;
	border-bottom: 1px dashed #999999;
  }

#content .table_li th {
  background: #FFFFFF;
	width:80px;
  color: #2C9EC8;
	font-weight: bold;
	text-align: right;
  }
	
#customer #content .table_li th { color: #88AB1C; }
#management #content .table_li th { color: #F7AD00; }
	
#content .table_li td { width: 347px; }

.bn_box {
	background: url(../images/bn_box_bg.jpg) bottom no-repeat;
	height: 205px;
	}

.bn_box h4 { margin: 0 0 5px 0; }
	
.bn_box .section { margin: 0 20px; padding: 0; }

/* index
------------------------------------------------------------------------*/
.main_img {
	float:left;
	width: 660px;
	margin: 0;
	padding: 0;
	}

.main_img p {
	margin: 0;
	padding: 0;
	}

.bn_career02 {
	width: 230px;
	float:right;
	margin: 15px 0 0 0;
	padding: 0;
	}
	
#index .section { margin: 0 0 30px 0; }
#index .alpha {
	width: 600px;
	height: 370px;
	margin: 20px 0 0 0;
	padding: 0;
	background: url(../images/index_h3-01.jpg) 0 0 no-repeat;
	}
#index .beta {
	width: 280px;
	margin: 0;
	padding: 0;
	}
	
#index .alpha ul {
position: relative;
	top: 208px;
	left: 20px;
	}

#index .beta p {
	margin: 0;
	padding: 0;
	}


/* business
------------------------------------------------------------------------*/
#business table td ul li { list-style: disc; margin-left: 12px; }

#business .inter_biz {
	width: 900px;
	height: 590px;
	background: url(../images/business01.jpg) 0 0 no-repeat;
	}

.h3_img { margin-bottom: 10px; }

#business #li_box {
	width: 590px;
	position: relative;
	top: 455px;
	left: 40px;
	}


#business .inter_biz .li01 {
 width: 326px;
 height:90px;
 float: left;
 }
 
#business .inter_biz .li02 {
 width: 251px;
 height:90px;
 float: right;
 }
 
#business .massage_bg {
	background: url(../images/business_message.jpg) 0 0 no-repeat;
	width: 900px;
	height: 475px;
	margin-bottom: 20px;
	}

#business .massage_bg p {
	position: relative;
	top: 220px;
	left: 30px;
	width: 535px;
	}
	
/* customer
------------------------------------------------------------------------*/
#customer table td ul li { list-style: disc; margin-left: 12px; }
#customer .inter_biz {
	width: 900px;
	height: 590px;
	background: url(../images/customer01.jpg) 0 0 no-repeat;
	}
	
#customer #li_box {
	width: 590px;
	position: relative;
	top: 430px;
	left: 260px;
	}
	
#customer .inter_biz .li01 {
 width: 260px;
 height:90px;
 float: left;
 }
 
#customer .inter_biz .li02 {
 width: 310px;
 height:90px;
 float: right;
 }
 
#customer .massage_bg {
	background: url(../images/customer_message.jpg) 0 0 no-repeat;
	width: 900px;
	height: 475px;
	margin-bottom: 50px;
	}
	
#customer .massage_bg p {
	position: relative;
	top: 270px;
	left: 30px;
	width: 535px;
	}
	
#customer .table02 th,
#customer .table02 td { width: 25%; widows: }
	

/* management
------------------------------------------------------------------------*/
#management table td ul li { list-style: disc; margin-left: 12px; }
#management .inter_biz {
	width: 900px;
	height: 590px;
	background: url(../images/management01.jpg) 0 0 no-repeat;
	}
	
#management #li_box {
	width: 590px;
	position: relative;
	top: 415px;
	left: 50px;
	}
	
#management .inter_biz .li01 {
 width: 300px;
 height:120px;
 float: left;
 }
 
#management .inter_biz .li02 {
 width: 270px;
 height:90px;
 float: right;
 }
 
#management .massage_bg {
	background: url(../images/management_message.jpg) 0 0 no-repeat;
	width: 900px;
	height: 475px;
	margin-bottom: 50px;
	}
	
#management .massage_bg p {
	position: relative;
	top: 270px;
	left: 30px;
	width: 535px;
	}
	

/* interview
------------------------------------------------------------------------*/
#interview .inter_biz {
	width: 900px;
	height: 270px;
	margin-bottom: 30px;
	background: url(../images/interview01.jpg) 0 0 no-repeat;
	}
	
#interview #li_box {
	width: 440px;
	position: relative;
	top: 65px;
	left: 446px;
	}
	
#interview .inter_biz .li01 {
 width: 300px;
 height:120px;
 float: left;
 }
 
#interview .inter_biz .li01 li { padding-bottom: 9px; }

#interview .inter_box { background: url(../images/inter_box02_m.jpg) 0 0 repeat-y; }
#interview .inter_box_t { background: url(../images/inter_box02_t.jpg) top no-repeat; }
#interview .inter_box_b { background: url(../images/inter_box02_b.jpg) bottom no-repeat; }

#interview .interview_ul {
	font-weight: bold;
	color: #CC0000;
	line-height:1.8;
	padding-left: 130px;
	}
	
.kojin {	padding-left: 20px;	}
 
 
.kojin .title {
	font-size: 120%;
	color:#CC0000;
	font-weight: bold;
	}

.form_b {
text-align:center;
}

.form_b input {
background-color:#333333;
color:#FFFFFF;
font-size:14px;
height:50px;
width:200px;
}


/* entry
------------------------------------------------------------------------*/

#entry .entry_box {
	width:840px;
	height:480px;
	overflow-y: scroll;
	font-size: 110%;
	border: 1px solid #CCCCCC;
	padding: 10px 15px;
	margin-left: 10px;
	}


#entry .entry_box ul li { list-style: disc; margin-left: 20px; }

#entry .title {
color:#B00038;
font-size:16px;
font-weight:bold;
margin: 20px 0 0 0;
}

#entry .title02 {
color:#333333;
font-size:14px;
font-weight:bold;
margin: 20px 0 0 0;
}

#entry table {
	margin:10px 5px;
	vertical-align:top;
	width:860px;
	margin-left: 20px;
	border: none;
}

#entry table,
#entry table tr,
#entry table tr th,
#entry table tr td {
line-height:20px;
padding:10px;
background: none;
vertical-align:top;
border-collapse:collapse;
text-align:left;
}
#entry table tr th {
color:#004CA9;
border-bottom:3px solid #E6E6E6;
border-right: none;
border-left: none;
font-weight: bold;
}

#entry table tr td {
border-bottom:3px solid #E6E6E6;
border-right: none;
border-left: none;
}