@charset "UTF-8";
@import "base-style.css";
@import "common.css";
@import "responsive.css";

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

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

body {
	font: 100% Meiryo, arial, clean, verdana, 'Hiragino Kaku Gothic Pro', "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #333;
	line-height: 1.4;
}
html>/**/body { font-size: 10px; font-size /*\**/: 62.5%\9; } /* Except IE & Add IE8 */

/**
 * Nudge down to get to 10px equivalent for these form elements
 */ 
select,input,button,textarea {
	font: 100% Meiryo, arial, clean, verdana, 'Hiragino Kaku Gothic Pro', "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #333;
	line-height: 1.4;
}

/**
 * To help tables remember to inherit
 */
table { font-size:inherit; font: 100%; color: #333; line-height: 1.4; }

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,code,kbd,samp,tt { font-family:monospace; font-size: 100%; *font-size:108%; line-height: 1.4; color: #333; }

/* Font-size fixed */
li li,li dt,li dd,li input,li select,li button,li textarea,li p,li th,li td,
dt li,dt dt,dt dd,dt input,dt select,dt button,dt textarea,dt p,dt th,dt td,
dd li,dd dt,dd dd,dd input,dd select,dd button,dd textarea,dd p,dd th,dd td,
th li,th dt,th dd,th input,th select,th button,th textarea,th p,th th,th td,
td li,td dt,td dd,td input,td select,td button,td textarea,td p,td th,td td,
p input{ font-size: 100%; }

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd {
  font-size: 150%;
}
header, section, footer, aside, nav, main, article, figure {
    display: block;
}
h3
{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #164a34;
  padding: 0px 0;
  display: flex;
  line-height: 1.5;
}
img {
  vertical-align: bottom;
} 

a { color:#4b3b25; }
a:hover,
a:active { color: #4b3b25; text-decoration: none; }
a:visited {
}

a img:hover{opacity:0.8;}
a img.no-hover:hover{opacity:1;}

table {
  width:100%
}

p {/* margin: 0 0 1.5em; */}

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

p, dd, td, th, li {
  line-height: 1.6em;
}


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


#totop {
    position: fixed;
    bottom: 60px;
  right: 50px;
    z-index: 1000;
  margin-bottom:0;
}
.bold {font-weight:bold;}
.fl {float:left;}
.fr {float:right;}

#index span{font-size:15px;}
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/
p.error{
  color:#f00;
  margin:5px 0 0;
}
.breadcrumb{
    background:#fff;
    padding: 15px 0 0;
    margin: 0 0 0;
}
.lst-inl{
  font-size:0;
}
.lst-inl li{
  display:inline-block;
  font-size: 13px;
  padding:5px;
}
.lst-bread li {
    padding: 0;
}

.lst-bread li a {
    color: #4baa82;
}

.lst-bread li a:hover {
    text-decoration: underline;
}

.lst-bread li .sep {
    display: inline-block;
    padding: 0 20px;
}
img {
  vertical-align: bottom;
} 

a { color:#4b3b25; }
a:hover,
a:active { color: #4b3b25; text-decoration: none; }
a:visited {
}

a img:hover{opacity:0.8;}
a img.no-hover:hover{opacity:1;}

table {
  width:100%
}

p {/* margin: 0 0 1.5em; */}

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

p, dd, td, th, li {
  line-height: 1.6em;
}


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


#totop {
    position: fixed;
    bottom: 60px;
  right: 50px;
    z-index: 1000;
  margin-bottom:0;
}
.bold {font-weight:bold;}
.fl {float:left;}
.fr {float:right;}

#index span{font-size:15px;}
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/