@charset "EUC-JP";
/* reset
------------------------------------------------------------------*/
/**
 * 84.5% for !IE, keywords for IE to preserve user font-size adjustment
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 *
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */

html, h1, h2, h3, h4,pre,form,fieldset,input,textarea,p,blockquote, p, ul, ol, li, hr, dl, dt, dd, th, td {
  margin: 0;
  padding: 0;
 }

address, caption, cite, code, dfn, em, strong, th, var{
  font-style:normal;
  font-weight:normal;
 }

ol,ul {
  list-style:none;
  }

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

h1, h2, h3, h4 {
  font-size:100%;
  font-weight: normal;
 }

q:before,q:after {
  content:'';
 }

hr {
  clear: both;
  visibility: hidden;
  width: 100%;
  height: 0;
  line-height: 0;
  border: 0;
 }

fieldset, img, abbr,acronym {
  border:0;
 }

.clear {
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
 }

.clearfix:after {
  content: "." ;
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 }

.clearfix {
  display: inline-block;
 }

/* Hides from IE-mac \*/
* html.clearfix {
  height: 1%;
 }

.clearfix {
  display: block;
 }
/* End hides from IE-mac */



/* common
------------------------------------------------------------------*/
h1, h2, h3, h4 {
  color: #000000;
 }

a {
  color: #0B3A86;
  outline: none;
 }

body {
  color: #333333;
  margin: 0;
  padding: 0;
  text-align: center;
  font: 13px 'Lucida Grande','Hiragino Kaku Gothic Pro', sans-serif;
  line-height: 1.22em;
  background: #F5F5F5 url(../com_img/bg.gif) repeat-x;
 }


#container {
  width: 840px;
  margin: 0 auto 0;
  padding: 0;
  text-align: left;
  background: url(../com_img/con_bg02.gif) repeat-y left top;
 }


/* header
------------------------------------------------------------------*/
#header {
  width: 840px;
  height: 80px;
  margin: 0;
  padding: 0;
  background: #FFFFFF url(../com_img/h_bg.jpg) repeat-x;
 }

#header h1 {
  float: left;
  width: 200px;
  height: 54px;
  margin: 15px 0 0 14px;
  padding: 0;
 }

#header h1 a {
  display: block;
  width: 180px;
  height: 54px;
 }

#freephone {
  float: right;
  width: 233px;
  height: 68px;
  margin: 0 0 0;
  padding: 0;
 }


/* main image
------------------------------------------------------------------*/
#main_image {
  width: 840px;
  height: auto;
  margin: 0;
  padding: 0px;
  text-align: left;

 }

#main_image_02 {
  width: 590px;
  height: auto;
  margin: 0;
  padding: 0px;
  text-align: left;
  float: right;

 }



/* content
------------------------------------------------------------------*/
#content {
  width: 840px;
  height: auto;
  margin: 0;
  padding: 0 0 20px;
  text-align: left;
 }


/* side
------------------------------------------------------------------*/
#side {
  float: left;
  width: 190px;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
 }

#side_navi {
  width: 180px;
  height: auto;
  margin: 0 0 0 10px;
  padding: 0;
  text-align: left;
 }

#s_form {
  width: 180px;
  height: 200px;
  margin: 0;
  padding: 0;
  text-align: left;
  background: url(../com_img/s_form.jpg) no-repeat;
 }

.s_form01 {
  height: 164px;
  margin: 0;
 }

#s_form a {
  display: block;
  width: 160px;
  height: 26px;
  margin: 0 0 0 10px;
  padding: 0;
 }

#s_menu {
  width: 180px;
  height: 176px;
  margin: 10px 0 0;
  padding: 0;
 }

#s_menu li {
  width: 180px;
  height: 35px;
  margin: 0;
  padding: 0;
  float: left;
 }

#s_menu li a {
  display: block;
  width: 180px;
  height: 35px;
  margin: 0;
  padding: 0;
  text-align: left;
  overflow: hidden;
 }

#s_menu02 {
  width: 176px;
  height: 204px;
  margin: 10px 0 10px 2px; 
  padding: 0;
  text-align: left;
 }

#s_menu02 li {
  width: 176px;
  height: 48px;
  margin: 0 0 3px 0;
  padding: 0;
  float: left;
 }

#s_menu02 li a {
  display: block;
  width: 176px;
  height: 48px;
  margin: 0;
  padding: 0;
  text-align: left;
  overflow: hidden;
 }

#s_menu03 {
  width: 176px;
  height: 365px;
  margin: 10px 0 10px 2px; 
  padding: 0;
  text-align: left;
  background: url(../com_img/s_menu03.jpg) no-repeat;
 }

#s_menu03 h3 {
  width: 176px;
  height: 67px;
  margin: 0 0 3px 0; 
  padding: 0;
  text-align: left;
 }

#s_menu03 ul {
  width: 176px;
  height: 298px;
  margin: 0; 
  padding: 0;
  text-align: left;
 }

#s_menu03 ul li {
  width: 164px;
  height: 55px;
  margin: 0;
  padding: 0 0 2px 5px;
  float: left;
 }

#s_menu03 ul li a {
  display: block;
  width: 164px;
  height: 55px;
  margin: 0;
  padding: 0;
  text-align: left;
  overflow: hidden;
 }



ul#s_menu,#s_menu02,#s_menu03 {
  padding: 1px 0 0;
 }

#s_inqform {
  width: 180px;
  height: 101px;
  margin: 10px 0 0;
  padding: 0;
  text-align: left;
  background: url(../com_img/s_inqform.jpg) no-repeat;
 }

#s_inqform h3 {
  height: 61px;
  margin: 0;
 }

#s_inqform a {
  display: block;
  width: 160px;
  height: 26px;
  margin: 0 0 0 8px;
  padding: 0;
 }

#s_recruit {
  width: 180px;
  height: 127px;
  margin: 10px 0 0 0;
  padding: 0;
  text-align: left;
  background: url(../com_img/s_recruit.jpg) no-repeat;
 }

#s_recruit h3 {
  height: 93px;
  margin: 0;
 }

#s_recruit a {
  display: block;
  width: 160px;
  height: 24px;
  margin: 0 0 0 8px;
  padding: 0;
 }

#sbn_staffblog a, #sbn_seo a, #sbn_koushin a {
  display: block;
  width: 160px;
  height: 60px;
  margin: 10px 0 0 10px;
  padding: 0;
  text-align: left;
 }

#sbn_staffblog a {
  background: url(../com_img/sbn_staffblog.jpg) no-repeat;
 }
 
#sbn_seo a {
  background: url(../com_img/sbn_seo.jpg) no-repeat;
 }
 
#sbn_koushin a {
  background: url(../com_img/sbn_koushin.jpg) no-repeat;
 }

#s_area {
  width: 180px;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  background: url(../com_img/s_area_bg.jpg) repeat-y;
 }

#s_area h3 {
  width: 180px;
  height: 39px;
  margin: 0;
  padding: 0;
  background: url(../com_img/s_area.jpg) no-repeat;
 }

#s_area p {
  padding: 0 10px 10px;
  font-size: 77%;
  background: url(../com_img/s_area_foot.jpg) no-repeat left bottom;
 }

#sbn_support {
  width: 160px;
  height: 60px;
  margin: 10px 0 0 10px;
  padding: 0;
 }

#btn_support {
  width: 130px;
  height: 26px;
  margin: 10px 0 0;
  padding: 0 25px;
 }

/* main
------------------------------------------------------------------*/
#main {
  float: right;
  width: 650px;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  background: #FFFFFF url(../com_img/con_bg01.gif) repeat-x;
 }

#main_inner {
  height: auto;
  margin: 0;
  padding: 10px 10px 10px 20px;
 }

#main h2 {
  width: 620px;
  height: 51px;
  margin: 10px 0 0;
  padding: 0;
  line-height: 0;
 }

#main h3 {
  line-height: 0;
 }

#pankuzu {
  height: auto;
  margin: 0;
  padding: 0;
  line-height: 100%;
  font-size: 77%;
 }

 /* footer
------------------------------------------------------------------ */
#bottom {
  clear: both;
  height: auto;
  margin: 0;
  background: #F5F5F5 url(../com_img/f_bg.gif) repeat-x top;
}

#footer {
  width: 840px;
  margin: 0 auto 0;
  padding: 0;
  text-align: right;
 }

#footer ul {
  width: 840px;
  margin: 20px 0;
  padding: 0 0 10px;
 }

#footer li {
  display: inline;
  width: auto;
  height: auto;
  margin: 0 0 0 5px;
  padding: 0 5px 0 0;
  list-style-type: none;

  font-size: 77%;
  border-right: 1px #0B3A86 solid;
 }

#footer li.list-end {
  border-right: 0px #0B3A86 solid;
 }

#pagetop {
  padding: 5px 0 0 750px;
  text-align: left;
 }

#pagetop a {
  display: block;
  width: 80px;
  height: 20px;
 }

#copyright {
  height: auto;
  margin: 20px 0;
  padding: 0;
  font-size: 77%;

}


/* font
------------------------------------------------------------------*/
.att {
  color: #CC0000;
 }

.bold {
  font-weight: bold;
 }