@charset "UTF-8";

/*全ページ共通
-----------------------------------------*/
* {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a img {
border: none;
}

html {
background-color : #F8F7E2;
height: 100%;
}

body {
width: 100%;
min-height: 100%;
position: relative;
margin: 0 auto;
padding: 0;
}


a {
color: #0080ff;
}
a:hover {
color: #000000;
}

hr {
border: none;
height: 0;
overflow: hidden;
border-bottom: 1px dotted #959595;
clear: both;
margin-bottom: 20px;
}

header, footer, section, article, figure ,figcaption {
display: block;
}

p {
font-size: 100%;
color: #3d3d1f;
line-height: 1.5em;
margin-bottom: 2px;
font-family: Arial,"Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
}



section li {
  list-style: square outside;
  color: #444422;
  list-style-image: none;
  font-size: 105%;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
  padding: 4.5px;
  margin-left: 20px;
  margin-right: 10px;
}

section li span {
  color: #000000;
}




/*ヘッダー
-----------------------------------------*/
body header {
width: 950px;
height: 160px;
position: relative;
margin: 0 auto;
}

#logo {
position: absolute;
top: 15px;
left: 25px;
font-family: sans-serif;
font-weight: normal;
color: #000;
font-size: 50px;
line-height: 1;
}
#logo a {
text-decoration: none;
color: #000;
}
#logo a:hover {
color: #000;
}

body header home {
position: absolute;
right: 25px;
top: 0px;
font-size: 10px;
font-style: normal;
}

body header h1 {
position: absolute;
left: 25px;
top: 2px;
font-size: 12px;
font-style: normal;
display: block;
}

body header address {
position: absolute;
right: 25px;
top: 50px;
font-size: 10px;
font-style: normal;
}
body header address small {
font-size: 12px;
display: block;
}
body header .tel {
font-size: 30px;
color: #808040;
font-family: Arial,"Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
}
body header .tel img {
margin-right: 3px;
}


/*ヘッダー:メニュー
-----------------------------------------*/
nav-b {
position: absolute;
height: 50px;
bottom: 5px;
left: 25px;
}
nav-b ul li {
float: left;
left: 20px;
}


/*
===== main =================================
*/

#main {
font-size: 90%;
color: #333;
line-height: 1.2;
font-family: "Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
background: url(../default/back-page.png) repeat-y;
width: 1000px;
margin: 0 auto;
padding: 0;
}



/*===== footer =================================*/

#footerNavi{
	background:url(../default/bg_footer_bottom.png) repeat-x center bottom;
	width:100%;
	height:680px;
	z-index:3;
	bottom: 0;
	position: absolute;
	overflow: hidden;
	color: #393939;
	font-size: 75%;
	line-height: 1.75;
	letter-spacing: 0.05em;
	}

#footerNaviInner{
	width:1050px;
	padding-top: 200px;
	margin: 0 auto;
	overflow: hidden;
	}

#footerNaviBtm{
	width:1050px;
	margin: 0 auto;
	overflow: hidden;
	}


#footerNavi a{
	color: #0080ff;
	text-decoration: none;
	text-shadow: 0px 1px 0px #c4c488;  
	}

#footerNavi a:hover{
	color: #1d1d1d;
	text-decoration:underline;
	text-shadow: 0px 1px 0px #c4c488;  
	}

#footerNavi02{
	float: left;
	width: 200px;
	padding-top: 10px;
	}

#footerNavi03{
	float: left;
	width: 400px;
	padding-top: 10px;
	}

.footerNavimi{
	background:url(../default/icon01.png) no-repeat left center;
	padding-left: 1.2em;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 5px;
	}

.footerNavimi a{
	color: #0080ff !important;
	}

.footerNavimi a:hover{
	color: #1d1d1d !important;
	}

.footerNaviNav{
	padding: 0;
	margin: 0;
	padding-left: 0.5em;
	margin-bottom: 15px;
	}

.footerNaviNav li{
	padding-left: 1em;
	list-style-type: none;
	}


/*noscript
-----------------------------------------*/
p#noscript {
width: 80%;
padding: 30px;
margin: 0 auto;
color: red;
font-weight: bold;
}




/*見出し
-----------------------------------------*/

h2 {
background: url(image/midashi680.png) no-repeat;
background-color: #fff5c9;
font-size: 140%;
text-indent: 15px;
color: #3d3d1f;
width: 680px;
height: 36px;
line-height: 40px;
margin-bottom: 20px;
font-family: Arial,"Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
}

section > h2 {
background: url(../default/midashi2.png) no-repeat;
background-color: #fff5c9;
font-size: 140%;
text-indent: 15px;
color: #3d3d1f;
width: 880px;
height: 36px;
line-height: 40px;
margin-bottom: 20px;
font-family: Arial,"Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
}

h3 {
background: url(image/midashi200.png) no-repeat;
font-size: 140%;
text-indent: 15px;
color: #3d3d1f;
width: 200px;
height: 36px;
line-height: 40px;
margin-bottom: 20px;
font-family: Arial,"Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
}

section h1,section h2,section h3 {
font-weight: normal;
}



/*上に戻るアレ
-----------------------------------------*/
.backtotop {
	position: fixed;
	right: 15px;
	bottom: 20px;
	z-index: 9000;
	display: none;
}
.backtotop a {
	display: block;
	color: #fff;
	padding: 14px 6px;
	margin: 0;
	background-color: #646432;
	border-radius: 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
.backtotop a:hover {
	background: #fff;
	color: #646432;
}


#bread-crumb-list {
  width: 700px;　/* 横幅は任意の値 */
  padding: 10px 0px 10px 10px;　/* パディングも任意の値 */
  float: left;
  text-alig,m,m,mn: left;
}
#bread-crumb-list li {
  display: inline;
  padding-right: 2px;
  text-align: left;
}
#bread-crumb-list li a {
  color: #0080ff; /* 通常時の文字色 */
}
#bread-crumb-list li a:hover {
  text-decoration: underline;
  color: #313131; /* マウスオンした時の文字色 */
} 

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




/*コンテンツ
-----------------------------------------
-----------------------------------------*/
#contents {
margin: 0 auto 0;
padding: 0 20px 120px 20px;
width: 900px;
min-height:100%;
margin-bottom:-680px;
height:auto;
}
#contents:after {
content: "";
display: block;
clear: both;
}
*+html #contents {
min-height: 1px;
}
section:after {
content: "";
display: block;
clear: both;
}
*+html section {
min-height: 1px;
}
section {
margin-bottom: 70px;
}





/*文字色・サイズ
-----------------------------------------*/
.bgyellow{ background-color: #ffff00;}
.color1{ font-size:110%; border-left:7px solid #808040; padding:3px 10px 3px 10px; font-weight: bold;} 
.color2{ font-size:120%; color:#ffffff; font-weight: bold; padding: 5px; background-color: #808040;}
.color3{ font-size:115%; color:#484824; font-weight: bold; padding-left: 20px;}
.color4{ font-size:105%; color:#000000; text-shadow: 0px 2px 1px #bbbaba; background-color: #c3c3c3; padding: 5px; font-weight: bold; text-align: center;}
.color5{ font-size:105%; color:#000000; text-shadow: 0px 2px 1px #bbbaba; background-color: #e9e9d1; padding: 5px; font-weight: bold; text-align: center;}
.color6{ font-size:100%; color:#484824; padding-left: 20px;}
.color8{ font-size:110%; color:#484824; text-shadow: 4px 3px 2px #d0d0b1; font-weight: bold;}
.hikaku{ font-size:130%; color:#100700; font-weight: bold; padding: 5px; background-color: #ff8000;}
.sj { font-size:120%; font-weight: bold; text-shadow: 1px 1px 1px #FFF , 0 0 0.6em #4aa5ff; }
.color22{ font-size:120%; color:#39361c; font-weight: bold; padding:3px 400px 3px 10px; background-color: #b5ffb5;}
p.cap {  text-indent:-1em;  padding-left:1em;}
.chiryou{ font-size:120%; color:#000000; padding: 5px; background-color: #ececec;}
.case{ font-size:150%; color:#ffffff; font-weight: bold; padding: 10px; background-color: #8000ff;}
.midashi{ font-size:135%; color:#000000; font-weight: bold;} 
.blue{ font-size:100%; color:#0080c0; }
.brown{ font-size:105%; color:#800000; }

.big-head:first-letter {
 float: left;
 font-size: 150%;
 line-height: 0.8;
 margin: 0 0.1em 0 0;
 padding: 0.1em;
}

strong{ font-size:105%; color:#000000; }

.incyou{
  padding-left: 35px;
  background: url(image/incyou.jpg) no-repeat center left;
  font-size:120%;
  font-weight: bold;
  color:#000000;
  padding-top: 10px;
  padding-top: 10px;
}

.kan{
  padding-left: 35px;
  background: url(image/kan.jpg) no-repeat center left;
  font-size:120%;
  font-weight: bold;
  color:#000000;
  padding-top: 10px;
  padding-top: 10px;
}



/*box関連
-----------------------------------------*/
.box {
	padding: 20px;
	width: 850px;
margin: 0 auto;
}

.boxContainer {
	overflow: hidden;
	margin-bottom: 50px;
	padding-bottom:530px;
}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
 
.boxContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}


.boxContainer02 {
	overflow: hidden;
	margin-bottom: 0px;
}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
 
.boxContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}

.boxs {
	float: left;
	padding: 10px;
}

.boxss {
	width: 380px;
	float: left;
	padding: 10px;
}

.box01{
	/*影を入れる*/
	padding:20px;/* 余白 */
	line-height: 1.5;
	border:2px solid #cbb99d;
	-webkit-box-shadow: 0 5px 8px -6px #8d8c8c;
	-moz-box-shadow: 0 5px 8px -6px #8d8c8c;
	 box-shadow: 0 5px 8px -6px #8d8c8c;
	margin-bottom: 10px;
}

.box00{
	margin: 10px;
	float: left;
	padding-right: 20px;
}

.box000{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}

.box400{
	float: left;
	width:400px;
	padding-top: 10px;
}


.box320{
	float: left;
	width:320px;
}

.box290{
	float: left;
	width:290px;
	padding-top: 10px;
}

.box240{
	float: left;
	margin: 10px;
	width:240px;
}

.boxne01{
	float: left;
	width:350px;
	padding-bottom: 20px;
	padding-right: 30px;
}

.box-c{
	float: left;
padding-top: 60px;
padding-right: 20px;
}

.boxwaku{
	padding:10px;/* 余白 */
	margin-top: 20px;
	margin-bottom: 20px;
	border:1px solid #808040;
}

.yajirushi-s{
	float: left;
	width:140px;
	text-align: center;
}

.kanren{
	padding:10px;/* 余白 */
	margin-top: 50px;
}


/*画像枠
-----------------------------------------*/
.waku00{   
     padding:10px;/* 余白 */   
     background-color:#ffffe1;/* 余白部分の色 */
     font-size:120%;
      color:#39361c;
      font-weight: bold;
      	border:1px solid #d3d3a9;
}

.waku{
	/*影を入れる*/
	border:1px solid #d3d3a9;
	-webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
	-moz-box-shadow: 0 10px 8px -6px #8d8c8c;
	 box-shadow: 0 10px 8px -6px #8d8c8c;
	 padding: 35px;
}

/*
-----------------------------------------*/

#sitemap{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

a:hover img{
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity = 50);
}

    
img.sashie {
	float: left;
	margin-right: 15px;
}

img.sashie2 {
	float: right;
	margin-right: 15px;
}

		.\-4u { margin-left: 33.3333333333% }
		
		.item
		{
			box-shadow: 0 0.05em 0.15em 0 rgba(0,0,0,0.05);
			margin-bottom: 40px;
		}
		
			.item header
			{
				background: #fff;
				margin: 0;
				padding: 1em 0 1em 0;
				font-size: 0.8em;
			}