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

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

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

/* tag
------------------------------------------------------------------------*/

h1 {} /* Header内で設定 */
h2 { line-height: .1; }
h3 {
  margin-bottom: 10px;
}
h4 {
  text-indent: -9999em;
	height: 38px;
}

a { color: #006666; text-decoration: underline; }
a:hover,
a:active { color: #339933; }
a:visited {
}

/* Contents
------------------------------------------------------------------------*/

#main p { padding: .5em 1em; }

.section { padding: 10px 10px 20px 10px ; }
.section .section { padding: 10px 0; }

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

.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; }

.case img,
.case-narrow img,
.case-noimg img { display: block; }

ul.totop { clear: both; padding-bottom: 20px; }
ul.totop li { list-style: none; }
ul.totop li a {
	display: block;
	width: 173px;
	height: 25px;
	float: right;
	background: url(../images/to_top.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	outline: none;
}
ul.totop li a:hover { background-position: bottom; }

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

#content ul { margin: 20px 10px 0 10px; }
#content ul li {
	list-style: none;
	background: url(../images/li_bg.jpg) 0 0 no-repeat;
	padding-left: 25px;
	}
#content ul.totop li { background: none; }

#content table {
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #9F8E7B;
	width: 600px;
	}

#content table th,
#content table td {
	padding: 10px 8px;
	border: 0;
	}

#content table th {
	background: #E4DCCC;
	color: #3F1C16;
	width: 130px;
	font-weight: bold;
	}
#content table td {	background: #F2EEE6; }
#main #content table td p {	padding: 0; }

.caution {
  color: #990000;
	font-weight: bold;
	}

#content .flow {
  background: url(../images/arrow_l.jpg) center bottom no-repeat;
	padding-bottom: 40px;
	margin-bottom: 10px;
	}
	
#content .flow_end {
	margin-bottom: 10px;
	}

.center { text-align: center; }
.right { text-align: right; }

.text01 { font-weight: bold; color: #C62E05; }

#main p.subtitle {
	color: #032F70;
	font-weight: bold;
	line-height: 1.6;
	padding-left: 28px;
	padding-bottom: 3px;
	background: url(../images/subtitle_bg.jpg) 0 5px no-repeat;
	}
* html #main p.subtitle { padding-left: 30px; }

#content dl dt { color: #007DD9 ; font-weight: bold; } 

#main p#ban_inquiry {
  width: 600px;
	text-indent: -9999em;
	height: 118px;
	padding:0;
	}
p#ban_inquiry a {
  display: block;
  height: 118px;
	background: url(../images/ban_inquiry.jpg) 0 0 no-repeat;
	}	
p#ban_inquiry a:hover { background: url(../images/ban_inquiry.jpg) 0 -118px no-repeat;}	

#content .banner_area { margin: 15px 5px 10px 0px ; }

.bline { border-top :1px solid #ccc; margin: 10px; padding-top: 15px; }


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

body {
  background: url(../images/body_bg.jpg) top repeat;
	color: #000;
	text-align: center;
}
#wrapper {
  border-top: 4px solid #333333;
  border-bottom: 4px solid #333333;
	width: 900px;
	margin: 0 auto;
  background: url(../images/wrapper_bg.jpg) top repeat-y;
}
#main {
	width: 898px;
	margin: 0 1px 20px 1px;
	text-align: left;
}
#content {
	width: 624px;
	float: right;
	margin: 9px 10px 0 0;
	line-height: 1.3;
}
#index #content {
  width: 878px;
	float: none;
	margin: 10px 10px 0 10px;
	font-size: 120%;
}

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

#header {
	width: 898px;
	height: 117px;
	text-align: left;
  background: #fff;
	margin: 0 1px;
}
#header h1 { float: left; }
#header h1 a {
  display: block;
	width: 470px;
	height: 83px;
  background: url(../images/h1.jpg) 0 0 no-repeat;
	text-indent: -9999em;
}
#header #header02 {
	float: right;
	width: 357px;
	position: relative;
}
#header #header02 #header_link {
  position: absolute;
	width: 100px;
	height: 100px;
	top:10px;
	left:300px;
	text-indent: -9999em;
	}

#header #header02 #header_link a {
  width: 100px;
	height: 100px;
	display: block;
	background: url(../images/header_link.jpg) 0 0 no-repeat;
	}
#header #header02 #header_link a:hover { background: url(../images/header_link.jpg) -100px 0 no-repeat; }

#header #header02 p img { margin-top: 10px; }
 
 
/*==========================================================================*/
/*                             Global_navi                                  */
/*==========================================================================*/

#global_nav {
  width: 898px;
	height: 40px;
	margin: 0 0 5px 0;
}
#global_nav ul {
	margin: 0;
	background: url(../images/gnav.jpg) 0 0 no-repeat;
}
#global_nav ul li {
	float: left;
	list-style: none;
}
#global_nav ul li a {
	display: block;
	height: 40px;
	text-indent: -9999em;
	background: url(../images/gnav.jpg) 0 0 no-repeat;
}

#global_nav ul li.gnav01 a { background-position: 0 0; width: 159px;}
#global_nav ul li.gnav02 a { background-position: -159px 0; width: 180px; }
#global_nav ul li.gnav03 a { background-position: -339px 0; width: 220px;}
#global_nav ul li.gnav04 a { background-position: -559px 0; width: 159px;}
#global_nav ul li.gnav05 a { background-position: -719px 0; width: 180px;}

#global_nav ul li.gnav01 a:hover { background-position: 0 -40px; }
#global_nav ul li.gnav02 a:hover { background-position: -159px -40px; }
#global_nav ul li.gnav03 a:hover { background-position: -339px -40px; }
#global_nav ul li.gnav04 a:hover { background-position: -559px -40px; }
#global_nav ul li.gnav05 a:hover { background-position: -719px -40px; }


/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#nav {
	float: left;
	width: 240px;
	padding: 0;
	margin-top: 10px;
}

#nav ul,
#nav dl {
	margin: 0 0 10px 8px;
  background: url(../images/nav_bg.jpg) 0 0 no-repeat;
	height: 161px;
	padding-top: 2px;
}

* html #nav dl { padding-top:1px; }

#nav dl dt,
#nav ul li { list-style: none; }

#nav dl dt.nav_title01 {
	height: 40px;
  background: url(../images/nav_title.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	margin: 0 0 0 2px;
}

#nav dl dd.nav01 { margin: 5px 0 0 5px; }
#nav dl dd.nav02 { margin: 0 0 0 5px; }

#nav dl dd a,
#nav ul li a {
	display: block;
	width: 220px;
	text-indent: -9999em;
  background: url(../images/nav.jpg) 0 0 no-repeat;
}

#nav dl dd.nav01 a { background-position: 0 0; height: 54px; }
#nav dl dd.nav02 a { background-position: 0 -54px;  height: 53px;}

#nav dl dd.nav01 a:hover { background-position: -220px 0; }
#nav dl dd.nav02 a:hover { background-position: -220px -54px; }

#main #nav p { padding:0; margin: 10px 0 0 8px; } 

#nav #nav_staff {
  width: 230px;
	height: 46px;
	text-indent: -9999em;
	margin-top: 10px;
	}
#nav #nav_staff a {
	display: block;
	height: 46px;
	background: url(../images/nav_staff.jpg) 0 0 no-repeat;
	}
#nav #nav_staff a:hover { background: url(../images/nav_staff.jpg) 0 -46px no-repeat;	}


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

#footer {
	height: 75px;
	border-top: 1px solid #666666;
	clear: both;
	text-align: center;
}
#footer address {
	margin: 0 auto;
  margin-top: 30px;
	line-height: 20px;
}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

/* index
------------------------------------------------------------------------*/

#index .pkup {
  margin : 5px 0 0 0;
	}
#index #main .pkup p {
  width: 430px;
	height: 160px;
	margin:0;
	padding:0;
	text-indent: -9999em;
	}
#index #main .pkup p a {
	height: 160px;
	display: block;
	}
#index #pkup01 a { background: url(../images/index_pkup01.jpg) 0 0 no-repeat; }	
#index #pkup02 a { background: url(../images/index_pkup02.jpg) 0 0 no-repeat; }	

#index #pkup01 a:hover { background: url(../images/index_pkup01.jpg) 0 -160px no-repeat; }	
#index #pkup02 a:hover { background: url(../images/index_pkup02.jpg) 0 -160px no-repeat; }	

#index .layout { margin: 15px 0; }
#index .layout .greeting { width: 480px; }
#index #main .layout .greeting p { width: 470px; padding-left: 5px; }

#index .layout .banner { width: 380px; margin-top: 10px; }
#index #main .layout .banner p {
  width: 380px;
	height: 110px;
	text-indent: -9999em;
	padding:0;
	margin-bottom: 10px;
  }
#index #main .layout .banner p a {
	height: 110px;
	display: block;
  }

#index .banner #ban_service a { background: url(../images/ban_service.jpg) 0 0 no-repeat; }	
#index .banner #ban_customer a { background: url(../images/ban_customer.jpg) 0 0 no-repeat; }	

#index .banner #ban_service a:hover { background: url(../images/ban_service.jpg) 0 -110px no-repeat; }	
#index .banner #ban_customer a:hover { background: url(../images/ban_customer.jpg) 0 -110px no-repeat; }	

#index #main p#ban_staff {
  width: 260px;
	text-indent: -9999em;
	height: 118px;
	padding:0;
	}
#index #ban_staff a {
  display: block;
  height: 118px;
	background: url(../images/ban_staff.jpg) 0 0 no-repeat;
	}	
#index #ban_staff a:hover { background: url(../images/ban_staff.jpg) 0 -118px no-repeat; }	


/* posting
------------------------------------------------------------------------*/

#posting #h4-01 { background: url(../images/posting_h4-01.jpg) 0 0 no-repeat; }
#posting #h4-02 { background: url(../images/posting_h4-02.jpg) 0 0 no-repeat; }
#posting #h4-03 { background: url(../images/posting_h4-03.jpg) 0 0 no-repeat; }
#posting #h4-04 { background: url(../images/posting_h4-04.jpg) 0 0 no-repeat; }

#posting #content table td.td01 { background: #765D42; color: #fff; text-align: center; }
#posting #content table td { text-align: center; }
#posting #content table th { width: 200px; }


/* print
------------------------------------------------------------------------*/

#print #content table td.td01 { background: #765D42; color: #fff; text-align: center; }
#print #content table td { text-align: center; }
#print #content table th { width: 200px; }

#print #content table th,
#print #content table td { padding: 8px 0; }


/* faq
------------------------------------------------------------------------*/

#faq .faq_area {
  border: #ccc 1px solid ;
	padding:10px;
	margin-bottom: 15px;
	}
#faq #main .faq_area p { padding: 0; } 
#faq #main .faq_area .answer p { padding: .4em 1em; } 

#faq .answer {
 border-top :1px solid #ccc;
 padding-top: 10px;
 background: url(../images/faq_answer.jpg) 2px 5px no-repeat;
 padding-bottom: 10px;
 }
#faq #main .faq_area .answer p {
  padding: .4em 1em;
	margin-left: 40px;
	}


/* flow
------------------------------------------------------------------------*/

#flow #h4-01 { background: url(../images/flow_h4-01.jpg) 0 0 no-repeat; }
#flow #h4-02 { background: url(../images/flow_h4-02.jpg) 0 0 no-repeat; }
#flow #h4-03 { background: url(../images/flow_h4-03.jpg) 0 0 no-repeat; }
#flow #h4-04 { background: url(../images/flow_h4-04.jpg) 0 0 no-repeat; }
#flow #h4-05 { background: url(../images/flow_h4-05.jpg) 0 0 no-repeat; }
#flow #h4-06 { background: url(../images/flow_h4-06.jpg) 0 0 no-repeat; }
#flow #h4-07 { background: url(../images/flow_h4-07.jpg) 0 0 no-repeat; }

#flow .flow_text {
  width: 400px;
	float: left;
	}
#flow .flow_text p { margin: 10px 0 0 10px; }
#flow #main .flow .image_r,
#flow #main .flow_end .image_r { margin-left:0; padding:0; }


/* customer
------------------------------------------------------------------------*/

#customer h4 { margin-bottom: 10px; }

#customer #h4-01 { background: url(../images/customer_h4-01.jpg) 0 0 no-repeat; }
#customer #h4-02 { background: url(../images/customer_h4-02.jpg) 0 0 no-repeat; }


/* service
------------------------------------------------------------------------*/

#service #h4-01 { background: url(../images/service_h4-01.jpg) 0 0 no-repeat; }
#service #h4-02 { background: url(../images/service_h4-02.jpg) 0 0 no-repeat; }
#service #h4-03 { background: url(../images/service_h4-03.jpg) 0 0 no-repeat; }
#service #h4-04 { background: url(../images/service_h4-04.jpg) 0 0 no-repeat; }
#service #h4-05 { background: url(../images/service_h4-05.jpg) 0 0 no-repeat; }
#service #h4-06 { background: url(../images/service_h4-06.jpg) 0 0 no-repeat; }
#service #h4-07 { background: url(../images/service_h4-07.jpg) 0 0 no-repeat; }

#service .textarea { margin: 5px 10px; }


/* company
------------------------------------------------------------------------*/

#company #h4-01 { background: url(../images/company_h4-01.jpg) 0 0 no-repeat; }
#company #h4-02 { background: url(../images/company_h4-02.jpg) 0 0 no-repeat; }
#company #h4-03 { background: url(../images/company_h4-03.jpg) 0 0 no-repeat; }
#company #h4-04 { background: url(../images/company_h4-04.jpg) 0 0 no-repeat; }
#company #h4-05 { background: url(../images/company_h4-05.jpg) 0 0 no-repeat; }

#company ol { margin-left: 40px; }

#company #main p#ban_recruit {
  width: 600px;
	text-indent: -9999em;
	height: 118px;
	padding:0;
	}
#company p#ban_recruit a {
  display: block;
  height: 118px;
	background: url(../images/ban_recruit.jpg) 0 0 no-repeat;
	}	
#company p#ban_recruit a:hover { background: url(../images/ban_recruit.jpg) 0 -118px no-repeat;}