@charset "utf-8";
/*base*/

/*********************

Default(ALL)
   #container
   #contents
   #side
   #main
   #footer


#footer
#sidenavi
#txtsize

**********************/


body {
      margin:0;
      padding:0;
	  color:#333333;
	  font-size:12px;
	  line-height:160%;
	  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	  }
	  
* {   margin:0;
      padding:0;}
	  
a:link   {color:#333333;}
a:visited{color:#333333;}
a:hover  {color:#666666;}
a:active {color:#666666;}

img { border:0;}   
li {  list-style:none;}
em {font-style:normal;}

.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 hide from IE-mac */

.clear {clear:both;}   

.jump {
   clear:both;
   margin:10px 0 10px 0;
   text-align:right;
   display:block;
   font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
   
.orange {background-color:#F28A00!important;}
.ors{background-color: #F2BE9B!important;}

.blue{background-color:#008888!important;}
.green{background-color:#398336!important;}
.yellow{background-color:#aa8500!important;}
.dred{background-color:#983F18!important;}
.pink{background-color:#B36072!important;}
.gray{background-color:#80736F!important;}
.vblue{background-color:#203daa!important;}


.bs {background-color:#97D3D0!important;}
.gs {background-color:#B5EAB0!important;}
.yl {background-color:#f3e09c!important;}
.rs {background-color:#f4cdbc!important;}
.ps {background-color:#f0d0d7!important;}
.gys {background-color:#d7cdcb!important;}
.vbl {background-color:#8fa2e9!important;}

.orange,
.blue,
.green,
.yellow,
.dred,
.pink,
.gray,
.vblue{color:#FFFFFF!important;}

.none {border:none!important;}


.fwn {font-weight:normal!important;}
.bk {color:#999999!important;}
.red {color:#a02738!important;}






.mt5 {margin-top:5px!important;}
.mt1 {margin-top:1em!important;}
.m10 {margin:10px!important;}
.ml10 {margin-left:10px!important;}
.ml50 {margin-left:50px!important;}
.mt10 {margin-top:10px!important;}
.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}


.p10 {padding:10px!important;}
.pt25 {padding-top:25px!important;}
.pr3 {padding-right:3px!important;}
.pr10 {padding-right:10px!important;}
.plr {padding:0 10px!important;}
.pb5 {padding-bottom:5px!important;}

.fs60 {font-size:60%!important;}
.fs80 {font-size:80%!important;}
.fs90 {font-size:90%!important;}
.fs110 {font-size:110%!important;}
.fs120 {font-size:120%!important;}

.w90 {width:90px!important;}
.w470 {width:470px!important;}
.w680 {width:680px!important;}
.w8 {width:8%!important;}
.w15 {width:15%!important;}
.w40 {width:40%!important;}


.tal {text-align:left!important;}
.tac {text-align:center!important;}
.tar {text-align:right!important;}

.vam {vertical-align:middle!important;}
.vab {vertical-align:bottom!important;}
.vat {vertical-align:text-top!important;}

.dis-b {display:block;}

.fl-R {float:right;}
.fl-L {float:left;width:13em;}
.right {margin:0 0 0 20em;}
/************************************************/
/*p,dt,dd,td {line-height:160%;}*/
   
pre {clear:both;
visibility:hidden;}

/******************framework******************/
#container{
     margin:0 auto;
     width:1024px;}





#contents:after,
#main:after{
      content: "."; 
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden;}
      
#contents,
#main{display: inline-block;}
/* Hides from IE-mac \*/ 
* html #contents,
* html #main {height: 1%;} 

#contents,
#main {display: block;} 
/* End hide from IE-mac */

* html #contents{margin-top:-2px;}


#side {
      width:194px;
	  float:left;
	  padding:0 0 20px 0;}

#main-all {
      float:right;
	  width:830px;}

#main {

	  width:780px;
	  padding:8px 25px 20px 25px;}

* html #main {
      width:787px;
      padding:8px 18px 20px 25px;}
	  

#footer {
	clear:both;
	position: relative;/*columのために*/
}



/***********frameworkEnd**************/


/**************footer*****************/

#footer address {
       padding:10px 20px 10px 0px;
	   text-align:right;
	   color: #527A71;
	   font-size:9px;
	   font-style:normal;
       border-top:#999999 1px solid;
	   border-bottom:#999999 1px solid;}
	   
#footer dl {
       padding:10px 10px 10px 217px;
	   background-color:#efefef;}
	   
#footer dd {
       margin:0 0 3px 0;
       color:#795337;
	   font-weight:bold;}
#footer dt {
       margin:0 0 10px 0;}



/*************sidenavi**************/

#side ul{
       margin:0 0 20px 0;}    

#side li{
       margin:0;
	   padding:0;
	   height:37px;
	   overflow:hidden;}


#side ul li a{
   display:block;
   width:194px;
   height:37px;
   text-indent:-9999px;}
   

#side ul li a:hover {
background-position:-194px 0%;}


#side ul li a.on {
   background-position:-194px 0%;}

/****************************txtsize******************************************/
#txtsize:after { 
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden; } 
#txtsize {display: inline-block;} 
/* Hides from IE-mac \*/ 
* html #txtsize {height: 1%;} 
#txtsize {display: block;} 
/* End hide from IE-mac */

#txtsize {
	margin:0 0 13px 0;}


#txtsize  ul {
	width:65px;
	float:right;}

#txtsize  ul li {
	float:left;
	margin:0 5px 0 0;}

#txtsize span {
	display:block;
	width:150px;
	float:right;
	padding:0 10px 0 0;
	text-align:right;
	font-weight:bold;
}


#fsmall a,#fmiddle a,#flarge a {
	display: block;
	height: 15px;
	width: 15px;
}
#txtsize .ftxt {
	display: none;}

/* ボタンの表示状態
--------------------*/
#fsmall a {
	background-image:url(../img/moji-s.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*カレント*/
#fmiddle a {
	background-image:url(../img/moji-m_o.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#flarge a {
	background-image:url(../img/moji-l.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#fsmall a:hover {
	background-image:url(../img/moji-s_o.gif);
}

#fmiddle a:hover {
	background-image:url(../img/moji-m_o.gif);
}

#flarge a:hover {
	background-image:url(../img/moji-l_o.gif);
}


.fsmall a {
	background-image:url(../about/img/moji-s.gif)!important;}
.fmiddle a {
	background-image:url(../about/img/moji-m_o.gif)!important;}
.flarge a {
	background-image:url(../about/img/moji-l.gif)!important;}
.fsmall a:hover {
	background-image:url(../about/img/moji-s_o.gif)!important;}
.fmiddle a:hover {
	background-image:url(../about/img/moji-m_o.gif)!important;}
.flarge a:hover {
	background-image:url(../about/img/moji-l_o.gif)!important;}



#txtsize {
text-align:right;
margin:0 0 10px 0;}


.ml30 {margin-left:30px;}



/*
只今調整中です。#reg
*****************************************************************/

#reg {
text-align:center;
padding:250px 0;}