@charset "shift_jis";

/*---------------------
 基本設定
---------------------------------------------*/

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

img {
	border: 0;
	vertical-align: bottom;
}

hr {
	display: none;
}

html,body {
    height: 100%;
}

body {

	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 13px;
	line-height: 1.6;
	text-align: center;
	font-family:"メイリオ","ＭＳ Ｐゴシック", sans-serif, Arial;
}

ul,ol {
	list-style: none;
}



/*セット*/

a { color: #333333; text-decoration: none;}

a:hover { text-decoration: underline;}

.off { color: #CECECE;}

.left { float:left;}

.right { float:right;}

.clear {
	clear: both;
	/*for mac-ie5.x*/
	/*\*//*/
	overflow: hidden;
	/**/
}

.red {color:#A11C36;}


/*全体*/
#wrapper {
	min-height:940px;
	height: auto !important;
	width: 818px;
	margin: 0 auto;
	background: url(../images/bgk.jpg) repeat-y;
    position: relative;
    overflow: hidden;
}


/*ヘッダー*/
#header {
	width: 810px;
	height: 55px;
	margin: 0px auto;
}

#headerArea {
	width: 810px;
	margin: 0px auto;
	font-size: 85%;
}

#headerArea:after {
	content:"";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#headerArea {
	display: inline-block;
	min-height: 1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html #headerArea {
	height: 1%;
}

#headerArea {
	display: block;
}

#headerArea a {
	text-decoration: none;
}

#headerArea a:hover {
	text-decoration: underline;
}

#logo {
	float: left;
	width: 75px;
	margin: 10px 0 0px 30px;
}



#headerArea li {
	padding: 3px 0px 0px 6px;
	/*background: url(../images/link_marker.gif) no-repeat left top;*/
}

#headLink01 {
	float: left;
	width: 100px;
	margin-right: 80px;
}

*html body #headLink01 {
	float: left;
	width: 100px;
	margin-right: 40px;
}

#headLink02 li {
	float: right;
	margin-right: 20px;
}

#titleArea {
	margin:0 auto;
	width:640px;
}

#contentsWrap {
	clear: both;
	width: 810px;
	margin: 0px auto;
}

#contentsWrap:after,
#contents:after,
#cat-block:after,
#footerLink:after {
	content:"";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#contentsWrap,
#contents,
#title-block,
#cat-block {
	display: inline-block;
	min-height: 1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html #contentsWrap,
* html #contents {
	height: 1%;
}

#contentsWrap,
#contents {
	min-height:340px;
	height: auto !important;
	_height: 340px;
}

#title-block  {
	width:780px;
	padding:15px;
	color:#FFFFFF;
	text-align:center;
	background-color:#669900;
	}
	
#title-block h1 {
	font-size:200%;
	margin-bottom:8px;}

#contents {
	width: 750px;
	margin: 20px auto;
	background: #FFFFFF;
}

#contents h2 {
	padding:10px;
	font-size:108%;
	text-align:center;
	border:3px solid #E0E0E0;
	}
#contents p.cap { 
	margin:5px auto;
	text-align:center;
	font-size:77%;
	}
#contents #cat-block {
	text-align:left;
	margin-bottom:30px;
}

#contents #cat-block h3 img {
	margin-bottom:15px;
} 

#contents #cat-block img.bar {
	margin-right:15px;
}

#contents #cat-block ul {
	float:left;
	margin:0 15px 15px 0;
	padding:10px;
	width:218px;
	border:1px solid #CCCCCC;
	}
#contents #cat-block ul.yko {
	padding:15px 10px 10px;
}

#contents #cat-block ul.last {
	margin-right:0;
}

#contents #cat-block li.cat {
	text-align:center;
	margin-bottom:10px;
}

#contents #cat-block li.catB {
	text-align:center;
}


#contents #cat-block li.cat-title {
	line-height:1;
	margin-bottom:10px;
	font-weight:bold;
}

#contents #cat-block li.cat-titleB {
	line-height:1;
	margin-bottom:6px;
	font-weight:bold;
}

#contents #cat-block li.name {
	font-size:77%;
	line-height:1.3;
}
	

	
/*---------table-------------*/
table {
	font-size:inherit;
	font:100%;
	}
table caption { text-align:left;}


table#tb01 { 
	table-layout:fixed;
	font-size:93%;
	text-align:left;
}

table#tb01 .c2 { font-weight:bold;}
table#tb01 .c3 { line-height:2;}

table#tb01 .c2,
table#tb01 .c3 { padding:1em; background-color:#E6E6E6}

.label { margin-bottom:5px; }

.text12 { line-height:1.3; margin-bottom:5px; font-weight:normal;}

.send-bt { margin:30px auto 80px; text-align:center; }

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



/*フッター*/
#footer {
	clear: both;
	width: 810px;
	height: 40px;
	margin: 0px 4px;
	background: url(../images/bg_footer.gif) repeat-x;
  position: absolute;
  bottom:0px;
}


#footer #footerLink {
	margin: 0 30px;
}

#footer a {
	color: #333333;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/* form */
input {padding: 0.5em;}
input[type="submit"],
input[type="button"]{
    margin: 0 auto;
    border: 1px solid #CCC;
    background-color: #FFF;
  padding: 1em 2em;
    cursor: pointer;
    display: block;
    
}
/* thanks */

/*20210917追加*/
.mail_agree{
	margin: 30px auto;
	width: 94%;
	line-height: 1.5em;
	text-align: center;}
.mail_agree br{
	display: block;
}
@media only screen and (max-width: 768px) {
.mail_agree br{
	display: none;
}
}
#footer img{
	vertical-align: top;
}