*{margin:0;padding:0;}

body{
	font: 13px/1.3 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#444;
	word-spacing: 1pt;
	letter-spacing: 0.1em;
	line-height: 1.6;
	background: #ffffff;
}


a:focus{outline:none;}
a{color:#303b40;text-decoration:underline;}
a:hover{color:#f15d04;}
a:active, a:focus {outline: 0;}
img{border:0;}

html>body table { border-collapse:collapse }

p {margin: 0 0 1em 0; padding: 0 5px 0 5px;}

/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0 20px;
width: 960px;
}


#container{
margin: 0px 0 0 0;
}

#content-wrap{
padding: 10px 15px 0 15px;
}



/*************
/* ヘッダー
*************/
#header{
	text-align: center;
	margin: 15px 0 0 0;
	padding: 0;
}

#header h1 {
margin: 0;
padding: 0;
font-size: 1px;
font-weight: normal;
}

#header h1 span{
	display:none;
	height: 1px;
	text-indent: -9999px;
}


/*************
/* トップナビゲーション
*************/
#topnav{
	margin: 0;
	padding:0;
	width: 960px;
	height: 25px;
	background:#507941 url(../images/topnav_r.png) no-repeat 0 0;
	color: #ffffff;
	font-size: 90%;
}

#topnav ul{
margin: 0;
padding:0;
width: 560px;
}

#topnav li{
float:left;
list-style:none;
margin:0;
padding:0;
}

#topnav a{
	text-decoration: none;
	display: block;
	height: 40px;
	margin:0;
	padding:0;
	color: #ffffff;
}

#topnav a:link{
	text-decoration: none;
	color: #ffffff;
}

#topnav a:active{
	text-decoration: none;
	color: #ffffff;
}

#topnav a:visited{
	text-decoration: none;
	color: #ffffff;
}

#topnav a:hover{
	text-decoration: underline;
	color: #ffffff;
}


#topnav li span{
display:none;
	height: 1px;
	text-indent: -9999px;
}

#topnav li.on a{
	text-indent: -9999px;
}


#topnav a#menuhome{width:188px;}

#topnav a#menuabout{width:230px;}

#topnav a#menucontact{width:142px;}


#topnav .headsubmenu a{
	text-decoration: none;
	display: inline;
}

.headsubmenu {
	width: 385px;
	text-align: right;
	float: right;
	padding-top: 3px;
}



/*************
メインコンテンツ
*************/
#mainleft {
float: left;
width: 455px;
padding: 0 0 20px 0;
}

#mainright {
float: right;
width: 455px;
padding: 0 0 20px 0;
}



#main {
float: left;
width: 670px;
padding: 20px 0;
display: inline;
}

#main1col {
float: left;
width: 930px;
padding: 0px 0 20px 0;
display: inline;
}


#main .bannerM img{
padding-bottom: 8px;
}
#main .bannerM img.last{padding-bottom:0;}



img.insertleft{
padding-right: 20px;
padding-bottom: 15px;
}

img.insertright{
padding-left: 20px;
padding-bottom: 15px;
}

h2{
	margin-bottom: 10px;
	padding: 0px 10px 8px 5px;
	font-weight: 600;
	font-size: 200%;
	color: #507941;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	border-bottom:3px solid #F7B200;
}


h3 {
	margin-bottom: 40px;
	padding: 8px;
	border-top: solid 1px #ebeced;
	color: #333;
	font-size: 180%;
	
}



h4 {
	font-size: 18px;
	line-height: 1.6;
	padding: 0px 0 0px 5px;
	margin: 3px 0 10px 0;
	font-weight: normal;
	border-bottom: 1px dotted #bbb;
}

h4.caution {
	font-size: 16px;
	line-height: 1.6;
	padding: 0px 0 0px 5px;
	margin: 10px 0 8px 0;
	color: #CC0000;
	font-weight: bold;
	border-bottom: 1px dotted #CC0000;
}


h5 {
	font-size: 16px;
	line-height: 1.6;
	padding: 0px 0 0px 5px;
	margin: 3px 0 10px 0;
	font-weight: bold;
}



/* TITLE --------------------------------------------------------*/

#page-title{
	overflow: hidden;
	height: 103px;
	margin-bottom: 30px;
	background:  url(../images/tabs-divider.png) repeat-x bottom center;
	text-shadow: 1px 1px rgba(255, 255, 255, 1);
}

#page-title .title{
	display: block;
	float: left;
	font-size: 30px;
	line-height: 1.6;
	margin-left: 10px;
	font-weight: bold;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", serif;	
}

#page-title .subtitle{
	display: block;
	float: left;
	margin-left: 30px;
	font-size: 14px;
	margin-top: 4px;
	line-height: 1.6;
	color: #929191;
	font-style: italic;	
}




ul {
	margin: 0px;
	padding: 0px;
}

li {
	margin: 0px;
	padding: 0px;
}


.yptable img {
	border:1px solid #888;
	margin-bottom: 5px;
	}



/* COLUMNS LAYOUT----------------------------------------------------------*/

.one-half,
.one-halfshort,
.one-third,
.two-third,
.three-fourth,
.one-fourth {
	float:left;
	margin-right:30px;
	position:relative;
}

.one-half{ width: 438px; }
.one-halfshort{ width: 260px; }

.one-third{ width: 282px; }

.one-fourth{ width: 158px; }

.two-third{ width: 594px; }

.three-fourth{ width: 420px; }

.last {
	clear:right;
	margin-right:0 !important;
}



/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 0px 0 20px 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

#date {
text-align: left;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 0px;
font-weight:bold;
color:#006898;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}




/* ボタン */
p.button{
text-align: center;
font-weight:bold;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: #ffffff url(../images/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#fff;}
p.button a:hover{color:#d9e8ff;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{
	margin-left: 20px;
}

#main li, #footer li{
	margin: 0 0 3px 0;
	padding: 0 0 2px 0;

}



#pastyp {}

.ypbox {
	width:33%;
	text-align:center;
	float:left;
	margin-bottom:15px;
	}








/*************
/* フッター
*************/


/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.6;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0;}



#footer{
clear:both;
}

#footer a{
	text-decoration: none;
}

#footer .inner .box{
float: left;
width: 195px;
width: 300px;
margin: 5px 0px 0px 20px;
line-height: 1.6;
font-size: 85% !important;
font-size: 80%;
}

#footer .inner{
overflow: hidden;
width: 960px;
min-height:100px;
margin: 0 auto;
background: url(../images/footer_bg.png) no-repeat right bottom;
}

* html #footer .inner{height:1%;}

#footer #logo{
	float:right;
	padding: 25px 25px 0 0;
	width: 150px;
	font-size: 85% !important;
	font-size: 80%;
	text-align: right;
}

address{
padding: 20px 0 3px;
font-style:normal;
clear:both;
display:block;
font-size: 85% !important;
font-size: 80%;
color:#818181;
font-family: Times, Georgia, Baskerville, Palatino;
}





#logo img{
padding-bottom: 10px;
}

.addtxt{
	font-size: 85% !important;
	font-size: 80%;
	color:#818181;
	line-height: 1.6;
}

.copytxt{
	font-size: 85% !important;
	font-size: 80%;
	color:#fff;
	line-height: 1.6;
	padding: 15px 20px;
	background-color: #625c5a;
	text-align: right;
}


.bb-right{
	padding-right:42px;
	background:  url(../images/bluebird_r.gif) no-repeat 98% 2px;
	min-height:31px;
}

.bb-left{
	padding-left:33px;
	background:  url(../images/bluebird_l.png) no-repeat left top;
	min-height:35px;
}

.txtbox {
	margin:0 0 30px 0;
	padding:10px 0px 0px 0px;

	background: #fff;
	position: relative;
}

.txtbox table {
	margin:0 0 0px 0;
	
}


.txtbox th {
	border-right:1px dotted #bbb;
	paddhing-right:5px;
	font-weight: normal;
}

.txtbox th .subtxt {
	padding:20px 5px 0 5px;
}

.txtbox td {
	padding-left:10px;
	padding-right:10px;
}


.txtbox img {
	margin:0 0 0 0px;
}


.txtbox h4 {
	font-size: 16px;
	line-height: 1.6;
	padding: 0px 0 0px 5px;
	margin: 0px 0 10px 0;
	border-bottom: 1px dotted #bbb;
	letter-spacing: 3px;
}



h4.txtred {
	font-size: 18px;
	line-height: 1.6;
	margin: 3px 0 10px 0;
	font-weight: normal;
	border-bottom: none;
	color: #cc0000;
}

.txtboxred {
	margin:0 0 30px 0;
	padding:15px 8px 10px 10px;
	border: 1px solid #cc0000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff;
	position: relative;
}

.txtboxred p {
	color: #cc0000;
}


.introbox {margin-top: 10px;}

.introbox h4 {
    font-size: 18px;
    line-height: 1.6;
font-weight:700;
    padding: 0px 0 0px 0px;
    margin: 0px 0 30px 0;
    letter-spacing: 1px;
border-bottom:none;
}


#mainright h5 {
	font-size: 16px;
	line-height: 1.6;
	padding: 0px 0 5px 5px;
	margin: 0px 0 10px 0;
	font-weight: bold;
	border-bottom: 2px dotted #507941;
}



.redtxt {
	color: #e86917;
}

.smallesttxt {
	font-size: 70%;
	line-height: 1.6;
	font-weight: normal;
}

.smalltxt {
	font-size: 90%;
	line-height: 1.6;
}

.bigtxt {
	font-size: 165%;
	line-height: 1.6;
	font-weight: bold;
	letter-spacing: 0.01em;
}

.bigtxt span {
	font-size: 15px;
	line-height: 1.6;
	font-weight: normal;
}

.bigfaxtxt {
	font-size: 180%;
	line-height: 1.6;
	font-weight: bold;
}

.bigtxt02 {
	font-size: 130%;
	line-height: 1.6;
	font-weight: bold;
}


#container ul {
margin: 0 10px 10px 10px;
padding: 0;
}

#container li {
margin: 0 0 2px 0;
padding: 1px 0 1px 15px;
background: url(../images/bullet01.gif) no-repeat left 9px;
}



#btnbox {
	margin: 0px 0 50px 0;

	}

.btnarea {
	display: block;
	text-align: center;
}


.btnarea02 {
	display: block;
	text-align: center;
	width:455px;
	float:left;
	margin: 0px 20px 0 0;
}

#btnbox .btnarea02:nth-of-type(2){ margin-right:0px; }



p.hoyara {
	background:#dc9538;
	padding:7px 10px 5px 10px;
	color:#fff;
	font-weight:bold;
	}

p.mochamalon {
	background:#509103;
	padding:7px 10px 5px 10px;
	color:#fff;
	font-weight:bold;
	}
		

.btnarea02 p {
	padding: 0px;
	margin: 0px;
}


a.read-more-button {
	position: relative;
	padding: 15px 4px 15px 4px;
	font-weight: bold;
	display: inline-block;
	margin: 0px 0 5px 0;
	background-color: rgb(247, 178, 0);
	border-radius: 10px 10px 10px 10px;
	transition: all 0.2s linear 0s;
	color: rgb(255, 255, 255);
	border: 5px solid #fad166;
	text-decoration: none;
	width:423px;
	-webkit-transition: background 0.1s linear 0s, color 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		    transition: background 0.1s linear 0s, color 0.1s linear 0s;
			
}


a.read-more-button:hover{
	text-decoration: none;
	color: rgb(119, 119, 119);
	border: 5px solid #e4ebe7;
	background-color: #ececec;
}


a.read-more-button.bigb {
	width:900px;			
}

.cardline img {border: 1px solid #aaa;}


a.read-more-button01 {
	position: relative;
	padding: 10px 15px 10px 15px;
	font-weight: bold;
	display: inline-block;
	margin: 0px 0 5px 0;
	background-color: rgb(220, 149, 56);
	border-radius: 10px 10px 10px 10px;
	transition: all 0.2s linear 0s;
	color: rgb(255, 255, 255);
	border: 3px solid #edb66e;
	text-decoration: none;
	width:419px;
	-webkit-transition: background 0.1s linear 0s, color 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		    transition: background 0.1s linear 0s, color 0.1s linear 0s;
			
}


a.read-more-button01:hover{
	text-decoration: none;
	color: rgb(67, 59, 53);
	background-color: rgb(239, 204, 157);
	border: 3px solid #e4ebe7;
}




a.read-more-button02 {
	position: relative;
	padding: 10px 15px 10px 15px;
	font-weight: bold;
	display: inline-block;
	margin: 0px 0 5px 0;
	background-color: rgb(80, 145, 3);
	border-radius: 10px 10px 10px 10px;
	transition: all 0.2s linear 0s;
	color: rgb(255, 255, 255);
	border: 3px solid #7eac48;
	text-decoration: none;
	width:419px;
	-webkit-transition: background 0.1s linear 0s, color 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		    transition: background 0.1s linear 0s, color 0.1s linear 0s;
}


a.read-more-button02:hover{
	text-decoration: none;
	color: rgb(67, 59, 53);
	background-color: rgb(183, 214, 146);
	border: 3px solid #e4ebe7;
}




a.read-more-button03 {
	position: relative;
	padding: 10px 15px 10px 15px;
	font-weight: bold;
	display: inline-block;
	margin: 0px 0 5px 0;
	background-color: rgb(240, 240, 240);
	border-radius: 10px 10px 10px 10px;
	transition: all 0.2s linear 0s;
	color: #333;
	border: 3px solid #aaa;
	text-decoration: none;
	width:423px;
	-webkit-transition: background 0.1s linear 0s, color 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		    transition: background 0.1s linear 0s, color 0.1s linear 0s;
	
}


a.read-more-button03:hover{
	text-decoration: none;
	color: rgb(119, 119, 119);
	border: 3px solid #e4ebe7;
	background-color: rgb(255, 255, 255);
}


.dashdoubleline {
padding-bottom:4px;
border-bottom:1px dashed #bbb;
}

.dashdoubleline::after {
content: '';
display:  inline-block;
border-bottom:1px dashed #bbb;
margin-top:15px;
z-index:200;
height: 1px;
width: 100%;
}


.faxnumber {
    margin-bottom: 10px;
    color: #333;
    font-size: 180%;
text-align:center;
font-weight:bold;
}

.btnorange {
	background-color: #dc9538;
	color:#fff;
	padding:5px 5px;
	margin-bottom:10px;
	font-size: 130%;
line-height: 1.6;
font-weight: bold;
display:block;
}


.btngreen {
	background-color: #509103;
	color:#fff;
	padding:5px 5px;
	margin-bottom:10px;
	font-size: 130%;
line-height: 1.6;
font-weight: bold;
display:block;
}




.btnred {
	display: block;
	text-align: center;
	width:280px;
	float:right;
	margin: 0 0 10px 50px;
	padding: 10px 15px 10px 15px;
	background-color: rgb(230, 0, 18);
	color: rgb(255, 255, 255);
	border-radius: 10px 10px 10px 10px;
}




.btnfaxarea {
	display: block;
	text-align: center;
}

a.btnfax {
	position: relative;
	padding: 15px 15px 15px 15px;
	font-weight: bold;
	display: inline-block;
	margin: 0px 0 5px 0;
	background-color: rgb(0, 104, 56);
	border-radius: 10px 10px 10px 10px;
	transition: all 0.2s linear 0s;
	color: rgb(255, 255, 255);
	border: 3px solid #00994a;
	text-decoration: none;
	width:100%;
}


a.btnfax:hover{
	text-decoration: none;
	color: rgb(119, 119, 119);
	border: 3px solid #e4ebe7;
}




/*********************************************************************/
/* その他 */

.pageTop {
	text-align: right;
	margin: 0px 20px 10px 0;
	padding:0 0px 0 0;
	line-height: 35px;
	font-size: 90%;
}

.pageTop a {
	text-decoration: none;
}


.caution {
	color: #E72E03;
	margin: 0;
}

.cautionbig {
	color: #E72E03;
	margin: 0;
	font-size: 130%;
}



/* Start of "Micro clearfix" */

   .cf { zoom: 1; }

   .cf:before,

   .cf:after { content: ""; display: table; }

   .cf:after { clear: both; }

/* End of "Micro clearfix" */

/*********************************************************************/
/* clearfix Start */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  display: inline-table;
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
}

.clr {
	content: ".";
	clear: both;
	visibility:hidden;
	height: 1px;
	display: block;
}


/* clearfix End */
/*********************************************************************/