@charset "Shift_JIS";
/* 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:'';
 }

fieldset, img, abbr,acronym {
  border: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: #333333;
 }

a {
  color: #0033FF;
  outline: none;
 }

body {
  color: #333333;
  margin: 0;
  padding: 0;
  text-align: center;
  font: 100% 'Lucida Grande','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
  line-height: 1.22em;
  background: #FFFFFF url(../com_img/bg.jpg) repeat-x;
 }

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

/* header
------------------------------------------------------------------*/
#header {
  width: 810px;
  height: 110px;
  margin: 0;
  padding: 0 5px;
  background: url(../com_img/header.jpg) no-repeat;
 }

#header h1, #header h2 {
  text-indent: -9999px;
 }

#header h1 {
  float: left;
  width: 334px;
  height: 81px;
  margin: 8px 0 0 18px;
  padding: 0;
 }

#header h1 a {
  display: block;
  width: 334px;
  height: 81px;
 }

#h-info {
  float: right;
  width: 312px;
  height: 61px;
  margin: 0;
  padding: 0;
 }

#mainimage {
  width: 820px;
  margin: 1px 0 0;
  padding: 0;
 }

/* headnavi
------------------------------------------------------------------*/
#headnavi {
  width: 800px;
  height: 40px;
  margin: 0;
  padding: 0 5px;
  background: url(../com_img/navi.jpg) no-repeat;
 }

#headnavi ul {
  list-style-type: none;
  margin: 0 5px;
  padding: 0;
 }

#headnavi li {
  display: inline;
  float: left;
  height: 40px;
  margin: 0;
  padding: 0;
  font-size: 77%;
  line-height: 100%;
  text-indent: -9999px;
 }

#btn01 li {
  width: 135px;
  height: 45px;
  margin: 0;
  padding: 0;
 }

#headnavi li a, #btn01 a:hover {
  display: block;
  width: 160px;
  height: 40px;
  margin: 0;
  padding: 0;
 }

li#btn02, li#btn03, li#btn04, li#btn05, li#btn06 {
  width: 136px;
  height: 45px;
  margin: 0 0 0 1px;
 }

#btn02 a, #btn03 a, #btn04 a, #btn05 a, #btn06 a {
  display: block;
  width: 136px;
  height: 45px;
  margin: 0;
  padding: 0;
 }

/* content
------------------------------------------------------------------*/
#content {
  width: 760px;
  height: auto;
  margin: 20px 0 0;
  padding: 0 25px;
  text-align: left;
  background: url(../com_img/body_bg.gif) repeat-y;
 }

#content2c {
  width: 760px;
  height: auto;
  margin: 20px 0 0;
  padding: 0 25px;
  text-align: left;
  background: url(../com_img/body2c_bg.gif) repeat-y;
 }

#content h2, #content2c h2 {
  font-size: 77%;
  line-height: 100%;
  text-indent: -9999px;
 }

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

#side-form {
  width: 180px;
  height: 240px;
  margin: 0 0 9px;
  padding: 0;
  line-height: 100%;
  text-indent: -9999px;
  background: url(../com_img/ban_form.jpg) no-repeat;
 }

#side-text {
  width: 180px;
  height: 204px;
  margin: 0;
  padding: 0;
 }

#side-form a {
  display: block;
  width: 140px;
  height: 25px;
  margin: 0 0 0 20px;
  padding: 0;
 }

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

#side h3 {
  font-size: 77%;
  line-height: 100%;
  text-indent: -9999px;
 }

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

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

#side ul {
  width: 180px;
  height: auto;
  margin: 0;
  padding: 0 0 1px;
  background: url(../com_img/block_foot.gif) repeat-x left bottom;
 }

#side li {
  height: auto;
  margin: 0;
  padding: 5px 0 5px 20px;
  line-height: 160%;
  font-size: 92%;
  border-bottom: 1px #CCCCCC dotted;
 }

#sidenavi01 li {
  background: url(../com_img/icon01.jpg) no-repeat 5px;
 }

#sidenavi02 li {
  background: url(../com_img/icon02.jpg) no-repeat 5px;
 }

#side-ban {
  text-align: center;
  margin: 0 0 10px;
 }

#side-ban img{
  margin: 0 0 10px;
  padding: 0;
 }

/* main
------------------------------------------------------------------*/
#main {
  float: right;
  width: 570px;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
 }

#main h3 {
  line-height: 100%;
  text-indent: -9999px;
 }

#tel01 {
  margin: 10px 0 0;
  padding: 0;
 }

#tel02 {
  margin: 0 0 0 10px;
  padding: 0;
 }

/* footer
------------------------------------------------------------------ */
#footer {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0 0 50px;
  background: #FFFFFF url(../com_img/foot_bg.gif) repeat-x;
 }

#foot-inner {
  width: 800px;
  height: 64px;
  margin: 0 auto 0;
  padding: 0 5px;
  text-align: center;
 }

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

#pagetop a {
  display: block;
  width: 79px;
  height: 25px;
  background: url(../com_img/pagetop.gif) no-repeat;
  text-indent: -9999px;
 }

#footnavi ul {
  width: 800px;
  margin: 0;
  padding: 13px 0 10px;
  text-align: left;
  border-bottom: 1px #CCCCCC solid;
 }

#footnavi li {
  display: inline;
  width: auto;
  height: auto;
  margin: 0 0 0 5px;
  padding: 0 5px 0 0;
  list-style-type: none;
  font-size: 92%;
  border-right: 1px #575757 solid;
 }

#footnavi li.list-end {
  border-right: 0px #575757 solid;
 }

#copyright {
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 77%;
  line-height: 100%;
  text-align: right;
  color: #C5C5C5;
 }
 
#copyright a {
	cursor: default;
}

/* main-box
------------------------------------------------------------------*/
#main-box {
  float: left;
  width: 400px;
  height: auto;
  margin: 0;
 }

/* side-box
------------------------------------------------------------------*/
#side-box {
  float: right;
  width: 160px;
  height: auto;
  margin: 0;
 }

/* top
------------------------------------------------------------------*/
h2#topimage {
  width: 760px;
  height: 240px;
  margin: 0;
  padding: 0 0 10px;
  background: #FFFFFF url(../index_img/topimage.jpg) no-repeat;
 }