@charset "utf-8";
/* CSS Document */

body
{
font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;;
color:#333;
line-height:150%;
font-size:80%;
margin:0;
padding:0;
background-repeat:repeat-x;
}

#wrp
{
width:895px;
margin:0 auto;
}

#head
{
margin-bottom:30px;
}

.guide
{
clear:both;
padding-top:5px;
font-size:12px;
}

h1
{
float:left;
margin:15px 20px 12px 0px;
}

h2
{
float:right;
margin:20px 10px 0px 0px;
}

h3
{
background:url(../images/img_h3.png);
height:55px;
font-size:20px;
padding:20px 0px 0px 30px;
margin:0px 0px 10px 0px;
color:#6a3d1c;
}

h4
{
margin:20px 10px 0px 20px;
font-size:16px;
color:#6a3d1c;
}

.data
{
margin:20px 10px 0px 20px;	
}

.greeting
{
margin:30px 160px 0px 40px;
line-height:25px;
}

div.imagebox03 {
   border: 1px dashed #6a3d1c; /* 1.枠線 */
   background-color: #f9ecd4;  /* 2.背景色 */
   width: 268px; /* 横幅 */
   height:220px;

   float: left; /* 左に配置 */
}
p.image, p.caption {
   text-align: center; /* 3.中央寄せ */
   margin: 5px;        /* 4.余白・間隔 */
}
p.caption {
   font-size: 100%;  /* 5.文字サイズ */
   color: #6a3d1c; /* 6.文字色 */
}


div.imagebox04 {
   border: 1px dashed #6a3d1c; /* 1.枠線 */
   background-color: #f9ecd4;  /* 2.背景色 */
   width: 200px; /* 横幅 */
   height:230px;
   float: left; /* 左に配置 */
}

div.imagebox05 {
   width: 440px; /* 横幅 */
   height:620px;
   float: left; /* 左に配置 */
}

p.image, p.caption {
   text-align: center; /* 3.中央寄せ */
   margin: 5px;        /* 4.余白・間隔 */
}
p.caption {
   font-size: 100%;  /* 5.文字サイズ */
   color: #6a3d1c; /* 6.文字色 */
}


div.imagebox04_com {
   width: 350px; /* 横幅 */
   height:230px;
   float: left; /* 左に配置 */
   margin-left:20px;
}



.clear {
    clear:both;
}


table.npo {
	width: 700px;
	margin: 30px;
	border-collapse: separate;
	border-spacing: 0px 15px;
	font-size: 12px;
}

table.npo th,
table.npo td {
	padding: 10px 0px 10px 20px;
	font-size: 13px;
	line-height:30px;
}

table.npo th {
	background: #d6ba84;
	vertical-align: middle;
	text-align: left;
	width: 150px;
	overflow: visible;
	position: relative;
	color: #6a3d1c;
	font-weight: normal;
	font-size: 15px;
}

table.npo th:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #6a3d1c;
	border-width: 10px;
	margin-top: -10px;
}


table.shop {
	width: 700px;
	margin: 30px;
　　border:solid 1px #6a3d1c;
　　border-collapse:collapse;
	font-size: 12px;
}

table.shop td {
	padding: 5px 5px 5px 5px;
	font-size: 13px;
	border:solid 1px #6a3d1c;
　　border-collapse:collapse;	
}

table.shop th {
	padding: 0px 0px 0px 15px;
	background: #d6ba84;
	text-align: left;
	width: 100px;
	color: #6a3d1c;
	font-weight:bold;
	font-size: 15px;
		border:solid 1px #6a3d1c;
　　border-collapse:collapse;	
}

table.work {
	width: 700px;
	margin: 30px;
　　border:solid 1px #6a3d1c;
　　border-collapse:collapse;
	font-size: 12px;
}

table.work td {
	padding: 5px 5px 5px 5px;
	font-size: 13px;
	border:solid 1px #6a3d1c;
　　border-collapse:collapse;	
}

table.work th {
	padding: 15px 15px 15px 30px;
	background: #d6ba84;
	text-align: left;
	width: 100px;
	color: #6a3d1c;
	font-weight:bold;
	font-size: 15px;
		border:solid 1px #6a3d1c;
　　border-collapse:collapse;	
}


.navi01
{
background:url(../images/img_bg02.png);
width:220px;
height:33px;
float:right;
}

.navi02
{
clear:both;
}

.navi03
{
width:219px;
padding-bottom:9px;
margin-bottom:30px;
}

.navi04
{
margin:0px 9px 0px 9px;
background-color:#FFF;
}

.navi04 ul
{
margin:0px;
padding:5px 10px 10px 10px;
list-style:none;
}

.navi04 li
{
padding:7px 0px 7px 18px;
margin:0px;
background-repeat:no-repeat;
background-position:3px 12px;
}

	

.navi_p01
{
float:left;
margin:0px 5px 0px 0px;
}

.navi_p02
{
float:left;
margin:0px;
}

.navi_p03
{
float:left;
margin:10px 0px 0px 23px;
}

.navi_p04
{
float:left;
margin:7px 0px 0px 5px;
}

.topimg
{
margin-top:18px;
}


.banar
{
margin-bottom:15px;
}

.contact ul
{
margin:15px 0px 0px 0px;
padding:0px;
list-style:none;
}

.contact li
{
padding:0px 0px 7px 0px;
margin:0px;
}

#side
{
width:341px;
float:left;
margin-right:54px;
line-height:25px;
}

#main
{
width:895px;
}

.contents
{
margin-bottom:45px;
clear:both;
}

.contents ul
{
padding-left:25px;
}

.contents ol
{
padding-left:25px;
}

.contents ol li
{
margin-bottom:5px;
}


#topic
{
width:621px;
height:161px;
background:url(../images/img_bg08.png);
margin:0px 0px 20px 0px;
}

#facebook
{
width:895px;
background:url(../images/img_bg08.png);
	margin:0px 0px 50px 0px;
}

.field_tp
{
margin:0px 9px 9px 9px;
padding:12px 10px 10px 10px;
background-color:#FFF;
height:91px;
}

.field_tp2
{
margin:0px 9px 9px 9px;
padding:12px 10px 10px 10px;
background-color:#FFF;
height:201px;
}

.field ul
{
background-color:#FFF;
margin:0px;
padding:0px 5px;
list-style:none;
}

.field li
{
padding:7px 0px 5px 15px;
margin:0px;
border-bottom:1px dashed #cccccc;
background-image:url(../images/img_bg04.png);
background-repeat:no-repeat;
background-position:0px 12px;
}

.principle
{
font-size:20px;
font-weight:bold;
}

.map
{
margin:30px 0px 10px 30px;
}

.table01
{
border-collapse:collapse;
border:solid 1px #d6ba84;
margin:0px 0px 10px 0px;
}

.td01
{
border:solid 1px #6a3d1c;
background:#d6ba84;
padding:10px;
font-size:12px;
font-weight:bold;
color:#6a3d1c;
}

.td02
{
border:solid 1px #6a3d1c;
padding:10px;
}


.act01
{
width:300px;
margin:0px 21px 20px 0px;
float:left;
}

.act02
{
width:300px;
margin:0px 0px 20px 0px;
float:left;
}

.act_i
{
width:100px;
float:left;
}

.act_p
{
width:175px;
margin-top:0px;
padding:0px 0px 0px 25px;
margin-bottom:19px;
background-image:url(../images/img_bg04.png);
background-repeat:no-repeat;
background-position:15px 4px;
float:left;
}

.act_more
{
float:left;
margin-left:124px;
}

.clear
{
clear:both;
}

a:link,a:active,a:visited
{
color:#333;
}

a:hover
{
	color:#d6ba84;
	text-align: left;
}

a
{
text-decoration:none;
}


.p_right
{
margin-left:480px;
}

.p_problem
{
font-size:110%;
font-weight:bold;
padding:5px 0px 0px 0px;
}

.photo_r
{
float:right;
margin-left:30px;
}

.left
{
float:left;
width:270px;
}

.right
{
float:right;
width:270px;
}

.link
{
margin-bottom:30px;
}

.link p
{
padding:7px 0px 5px 15px;
margin:0px;
border-bottom:1px solid #cccccc;
background-image:url(../images/img_bg04.png);
background-repeat:no-repeat;
background-position:0px 12px;
}


.link ul
{
margin:0px;
padding:0px 10px;
list-style:none;
}

.link li
{
padding:7px 0px 5px 15px;
margin:0px;
border-bottom:1px dashed #cccccc;
background-image:url(../images/img_bg04.png);
background-repeat:no-repeat;
background-position:0px 12px;
}

.topic
{
margin-bottom:45px;
clear:both;
}

.topic img
{
margin:5px;
}

.date
{
text-align:right;
}

.text01
{
margin:20px 160px 0px 40px;
line-height:25px;
}

.text02
{
	text-align:center;
line-height:25px;
}

.count
{
margin:20px 0px 0px 20px;
}

.work_title
{
margin:20px 0px 0px 20px;
}

.work_text
{
margin:20px 0px 0px 80px;
}

.work_flow
{
text-align:center;
margin:20px 0px 0px 20px;
}

.event
{
margin:10px 0px 0px 0px;
}


.pagetop
{
text-align:right;
clear:both;
padding-top:10px
}

#foot
{
clear:both;
background:url(../images/img_bg09.png);
background-repeat:repeat-x;
padding-top:10px;
margin-top:20px;
}

#foot p
{
text-align:right;
}