/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
       margin				: 0;
	   padding				: 0;
	   font-family			: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body {
	text-align				: center;
	height					: 100%;
}

table {
       border-collapse		: collapse;
	   border-spacing		: 0;
}

fieldset, img {
		border				: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
       font-style			: normal;
	   font-weight			: normal;
}

ol, ul {
		list-style			: none;
}

li {
	list-style-type			: none;
}

caption, th {
		text-align			: left;
}

h1, h2, h3, h4, h5, h6 {
		font-weight			: normal;
		}

img{
	vertical-align			: bottom;
	margin					: 0;
	padding					: 0;
	}

a img {
	border					: none;
}

a {
	color					: #056f51;
}

.overimg:hover img {
	filter					: alpha(opacity=40);
	-moz-opacity			: 0.4;
	opacity					: 0.4;
}

hr {
	display					: none;
}

.clrfix {
	display					: inline-block;
	margin					: 0;
	padding					: 0;
}

.clrfix:after {
	content					: ".";
	display					: block;
	height					: 0;
	clear					: both;
	visibility				: hidden;
	line-height				: 0;
	padding					: 0;
	margin					: 0;
	vertical-align			: bottom;
	overflow				: hidden;
}
/* ==firefoxでリンクエリアが左端まで選択されてしまう現象のおまじない== */

/*\*/ a { overflow: hidden;}/**/
/* ========== base layout ========== */

#head {
	width				: 100%;
	background			: url("../img/headBG.jpg") repeat-x;
	background-position	: top;
	background-color	: #F4F4F4;
}

#headBox {
	width				: 880px;
	height				: 65px;
	background			: url("../img/headbackg.gif") no-repeat;
	margin				: 0 auto;
	padding				: 0;
}

.headLeft {
	width				: 300px;
	float				: left;
	text-align			: left;
}

.headRight {
	width				: 330px;
	float				: right;
	text-align			: left;
}

.rightheadnv {
	text-align			: left;
	margin				: 0;
	padding				: 0;
	height				: 12px;
	line-height			: 12px;
}

h1 {
	width				: 800px;
	font-size			: 10px;
	line-height			: 15px;
	font-weight			: normal;
	color				: #24A27D;
	margin-left			: 30px;
	text-align			: left;
}

#logo {
	margin				: 5px 0 0 45px;
	padding				: 0;
}

.pageImage {
	margin				: 0 auto;
	padding				: 0;
	clear				: both;
	background			: url("../img/imgbg.jpg") repeat-y;
	background-position	: center;
	vertical-align			: text-bottom;
}

#wrap {
	width				: 880px;
	background			: url("../img/mainbg.jpg") repeat-y;
	margin				: 0 auto;
}

.MainContent {
	width				: 840px;
	margin				: 0 auto;
}

#MainBox {
	width				: 580px;
	float				: left;
	margin-left			: 20px;
	display				: inline;
	margin-top			: 20px;
}

#RightBox {
	width				: 200px;
	float				: right;
	margin-right		: 20px;
	display				: inline;
	margin-top			: 20px;
}

.pageTop {
	width				: 700px;
	margin				: 0 auto;
	text-align			: right;
}

#footer {
	width				: 880px;
	margin				: 20px auto 0 auto;
	clear				: both;
	background			: url("../img/footerbg.jpg") no-repeat;
	background-position	: bottom center;
}

.fotlink {
	width				: 740px;
	margin				: 0 auto 20px auto;
	border-top			: 1px solid #ddd;
	border-bottom		: 1px solid #ddd;
	padding				: 20px 0 20px 0;
}

.linkbox {
	width				: 180px;
	text-align			: left;
	float				: left;
}

.linkbox ul {
	margin-left			: 15px;
}

.linkboxp {
	background			: url("../img/point03.jpg") no-repeat;
	background-position	: left center;
	padding-left		: 15px;
}

.linkboxp a {
	font-size			: 12px;
	line-height			: 1.5;
	color				: #056f51;
	text-decoration		: none;
}

.linkboxp a:hover {
	font-size			: 12px;
	line-height			: 1.5;
	color				: #056f51;
	text-decoration		: underline;
}

.copylink {
	font-size			: 12px;
	line-height			: 1.5;
	color				: #056f51;
}

.copylink a {
	font-size			: 12px;
	line-height			: 1.5;
	color				: #056f51;
	text-decoration		: none;
}

.copylink a:hover {
	font-size			: 12px;
	line-height			: 1.5;
	color				: #056f51;
	text-decoration		: underline;
}

.copy {
	font-size			: 10px;
	line-height			: 1.5;
	color				: #333;
}

/* ========== Search ========== */

.formwrap {
	font-size			: 12px;
	line-height			: 1.5;
	width				: 180px;
	height				: 24px;
	background			: url("../img/formbg.jpg") repeat-x;
	text-align			: left;
	margin				: 0;
	padding				: 0;
}

.query {
	margin				: 0 5px;
}





/* ========== Navi ========== */

#Navi {
	clear					: both;
	margin					: 0;
	padding					: 0;
}

#NaviBox {
	width					: 100%;
	background				: url("../img/navibg.jpg") repeat-x;
}

#NaviBox .NaviUl {
	width					: 880px;
	height					: 40px;
	margin					: 0 auto;
	background				: url("../img/naviulbg.gif") no-repeat;
}

#NaviBox .NaviLi01 ,
#NaviBox .NaviLi02 ,
#NaviBox .NaviLi03 ,
#NaviBox .NaviLi04 ,
#NaviBox .NaviLi05 ,
#NaviBox .NaviLi06 {
	width					: 140px;
	height					: 30px;
	float					: left;
	text-indent				: -9999px;
	margin					: 0;
	padding					: 0;
	display					: inline;
}



#NaviBox .NaviLi01 a ,
#NaviBox .NaviLi02 a ,
#NaviBox .NaviLi03 a ,
#NaviBox .NaviLi04 a ,
#NaviBox .NaviLi05 a ,
#NaviBox .NaviLi06 a {
	width					: 140px;
	height					: 30px;
	margin					: 2px 0 0 0;
	padding					: 0;
	display					: block;
	float					: left;
}

#NaviBox .NaviLi01 a {
	margin-left				: 20px;
	background				: url("../img/navi01.jpg") no-repeat;
}

#NaviBox .NaviLi02 a {
margin-left				: 20px;
	background				: url("../img/navi02.jpg") no-repeat;
}

#NaviBox .NaviLi03 a {
margin-left				: 20px;
	background				: url("../img/navi03.jpg") no-repeat;
}

#NaviBox .NaviLi04 a {
margin-left				: 20px;
	background				: url("../img/navi04.jpg") no-repeat;
}

#NaviBox .NaviLi05 a {
margin-left				: 20px;
	background				: url("../img/navi05.jpg") no-repeat;
}

#NaviBox .NaviLi06 a {
margin-left				: 20px;
	background				: url("../img/navi06.jpg") no-repeat;
}

#NaviBox .NaviLi01 a:hover {
	margin-left				: 20px;
	background				: url("../img/navi001.jpg") no-repeat;
}

#NaviBox .NaviLi02 a:hover {
margin-left				: 20px;
	background				: url("../img/navi002.jpg") no-repeat;
}

#NaviBox .NaviLi03 a:hover {
margin-left				: 20px;
	background				: url("../img/navi003.jpg") no-repeat;
}

#NaviBox .NaviLi04 a:hover {
margin-left				: 20px;
	background				: url("../img/navi004.jpg") no-repeat;
}

#NaviBox .NaviLi05 a:hover {
margin-left				: 20px;
	background				: url("../img/navi005.jpg") no-repeat;
}

#NaviBox .NaviLi06 a:hover {
margin-left				: 20px;
	background				: url("../img/navi006.jpg") no-repeat;
}

.threeNavi {
	text-align				: center;
	background				: url("../img/subNaviBG.jpg") repeat-x;
}

.threeNavibox {
	width					: 880px;
	height					: 87px;
	margin					: 0 auto;
	padding					: 0;
	background				: url("../img/threenabibg.jpg") no-repeat;
	background-position		: top center;
	
}

.threeboxli01 ,
.threeboxli02 ,
.threeboxli03 {
	width					: 250px;
	float					: left;
	display					: inline;
	margin-top				: 8px;
}

.threeboxli01 {
	margin-left				: 50px;
}

.threeboxli02 ,
.threeboxli03 {
	margin-left				: 15px;
}


/* ========== Navi2 ========== */

#NaviBox2 {
	width					: 100%;
	background				: url("../img/navibg2.jpg") repeat-x;
}

#NaviBox2 .NaviUl {
	width					: 880px;
	height					: 43px;
	margin					: 0 auto;
	background				: url("../img/naviulbg2.jpg") no-repeat;
}

#NaviBox2 .NaviLi01 ,
#NaviBox2 .NaviLi02 ,
#NaviBox2 .NaviLi03 ,
#NaviBox2 .NaviLi04 ,
#NaviBox2 .NaviLi05 ,
#NaviBox2 .NaviLi06 {
	width					: 140px;
	height					: 30px;
	float					: left;
	text-indent				: -9999px;
	margin					: 0;
	padding					: 0;
	display					: inline;
}

#NaviBox2 .NaviLi01 a ,
#NaviBox2 .NaviLi02 a ,
#NaviBox2 .NaviLi03 a ,
#NaviBox2 .NaviLi04 a ,
#NaviBox2 .NaviLi05 a ,
#NaviBox2 .NaviLi06 a {
	width					: 140px;
	height					: 30px;
	margin					: 5px 0 0 0;
	padding					: 0;
	display					: block;
	float					: left;
}

#NaviBox2 .NaviLi01 a {
margin-left				: 20px;
	background				: url("../img/navi01.jpg") no-repeat;
}

#NaviBox2 .NaviLi02 a {
margin-left				: 20px;
	background				: url("../img/navi02.jpg") no-repeat;
}

#NaviBox2 .NaviLi03 a {
margin-left				: 20px;
	background				: url("../img/navi03.jpg") no-repeat;
}

#NaviBox2 .NaviLi04 a {
margin-left				: 20px;
	background				: url("../img/navi04.jpg") no-repeat;
}

#NaviBox2 .NaviLi05 a {
margin-left				: 20px;
	background				: url("../img/navi05.jpg") no-repeat;
}

#NaviBox2 .NaviLi06 a {
margin-left			: 20px;
	background				: url("../img/navi06.jpg") no-repeat;
}




#NaviBox2 .NaviLi01 a:hover {
	margin-left				: 20px;
	background				: url("../img/navi001.jpg") no-repeat;
}

#NaviBox2 .NaviLi02 a:hover {
margin-left				: 20px;
	background				: url("../img/navi002.jpg") no-repeat;
}

#NaviBox2 .NaviLi03 a:hover {
margin-left				: 20px;
	background				: url("../img/navi003.jpg") no-repeat;
}

#NaviBox2 .NaviLi04 a:hover {
margin-left				: 20px;
	background				: url("../img/navi004.jpg") no-repeat;
}

#NaviBox2 .NaviLi05 a:hover {
margin-left				: 20px;
	background				: url("../img/navi005.jpg") no-repeat;
}

#NaviBox2 .NaviLi06 a:hover {
margin-left				: 20px;
	background				: url("../img/navi006.jpg") no-repeat;
}

/* ========== RightBox ========== */

#contactBox {
	width					: 200px;
	height					: 205px;
	text-align				: center;
	background				: url("../img/contactbg.jpg") no-repeat;
}

#contactBox ul {
	padding-top				: 5px;
}

#contactBox li {
	margin-bottom			: 5px;
}

.rightbtn {
	margin-top				: 10px;
}

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

.gsl {
	width					: 200px;
	margin					: 10px 0 0 0;
}

.gslimg {
	width					: 30px;
	float					: left;
}

.gslp {
	width					: 130px;
	font-size				: 12px;
	line-height				: 1.5;
	color					: #056f51;
	text-align				: left;
	float					: right;

}

/* ========== pan ========== */

#pan {
	font-size				: 10px;
	line-height				: 15px;
	color					: #666;
	text-align				: left;
}

#pan a {
	font-size				: 10px;
	line-height				: 15px;
	color					: #69b39e;
}

/* ========== list-background-color ========== */

.list_odd {
	background-color		: #fff;
}

.list_eve {
	background-color		: #f1f1f1;
}


/* ========== common decoration ========== */

.midin {
	margin-left				: 20px;
	display					: block;
}

.midin2 {
	margin-left				: 20px;
	display					: block;
}

.midasi01 {
	width					: 100%;
	font-size				: 18px;
	color					: #004b2a;
	font-weight				: bold;
	line-height				: 1.5;
	text-align				: left;
	background				: url("../img/midashi01.jpg") no-repeat;
	background-position	: bottom;
	padding-bottom			: 5px;
}

.midasi01 a {
	font-size				: 18px;
	color					: #004b2a;
	font-weight				: bold;
	line-height				: 1.5;
}

.midasi02 {
	width					: 100%;
	font-size				: 16px;
	margin-top				: 15px;
	line-height				: 33px;
	color					: #004b2a;
	text-align				: left;
	background				: url("../img/midashi02.jpg") no-repeat;
}

.midasi02 a {
	font-size				: 16px;
	margin-top				: 15px;
	line-height				: 33px;
	color					: #004b2a;
}

.midasi03 {
	width					: 100%;
	font-size				: 14px;
	margin-top				: 15px;
	line-height				: 35px;
	color					: #004b2a;
	text-align				: left;
	background				: url("../img/midashi03.jpg") no-repeat;
	background-position		: bottom;
}

.midasi03 a {
	font-size				: 14px;
	margin-top				: 15px;
	line-height				: 35px;
	color					: #004b2a;
}

.midasi031 {
	width					: 100%;
	font-size				: 14px;
	margin-top				: 15px;
	line-height				: 35px;
	color					: #004b2a;
	text-align				: left;
	background				: url("../img/midashi03.jpg") no-repeat;
	background-position		: left bottom;
}

.midasi031 a {
	font-size				: 14px;
	margin-top				: 15px;
	line-height				: 35px;
	color					: #004b2a;
}

.point00 {
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: left;
	background				: url("../img/point000.jpg") no-repeat;
	background-position		: left center;
}

.point01 {
	width					: 100%;
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: left;
	background				: url("../img/point01.gif") no-repeat;
	background-position		: left center;
}

/*   リストの行頭マークに01（三角矢印）を使用し、3段落としにする設定    */
.point012 {
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: left;
	background				: url("../img/point01.gif") no-repeat;
	background-position		: 65px 7px;
	padding-left			: 80px;
	color					: #555;
}

/*   行頭マークに01（三角矢印）を使用し、3段落とし、下に15pxのスペース    */
.point013 {
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: left;
	background				: url("../img/point01.gif") no-repeat;
	background-position		: 65px 7px;
	padding-left			: 80px;
	margin-bottom			: 15px;
	color					: #555;
}

.point02 {
	width					: 100%;
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: left;
	background				: url("../img/point02.jpg") no-repeat;
	background-position		: left center;
}

/*   行頭マークに02（ドット絵矢印）、2段落としインデント  */
.point022 {
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: left;
	background				: url("../img/point02.jpg") no-repeat;
	background-position		: 48px 6px;
	padding-left			: 60px;
	color					: #555;
}
/*   行頭マークに02（ドット絵矢印）、2段落とし、下に15pxのスペース   */
.point023 {
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: left;
	background				: url("../img/point02.jpg") no-repeat;
	background-position		: 48px 6px;
	padding-left			: 60px;
	margin-bottom			: 15px;
	color					: #555;
}

.point03 {
	width					: 100%;
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: left;
	background				: url("../img/point03.jpg") no-repeat;
	background-position		: left center;
}
/*  行頭マークに03（白抜き矢印）を使用し、1段落としインデント   */
.point032 {
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: left;
	background				: url("../img/point03.jpg") no-repeat;
	background-position		: 25px 4px;
	padding-left			: 45px;
	color					: #555;
}
/*  行頭マークに03（白抜き矢印）を使用し、1段落としインデント、下に15pxのスペース   */
.point033 {
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: left;
	background				: url("../img/point03.jpg") no-repeat;
	background-position		: 25px 4px;
	padding-left			: 45px;
	margin-bottom			: 15px;
	color					: #555;
}

.point04 {
	width					: 100%;
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: left;
	background				: url("../img/point04.jpg") no-repeat;
	background-position		: left center;
}

.point04 a {
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: left;
	color					: #004b2a;
}

/*   順不同リストなどの行頭マークに04（緑丸）を使用する場合の設定    */
.point042{
	width					: 100%;
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: left;
	background				: url("../img/point04.jpg") no-repeat;
	background-position		: left 4px;
	padding-left			: 20px;
	color					: #555;
}


.point05 {
	width					: 100%;
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: left;
	background				: url("../img/point05.jpg") no-repeat;
	background-position		: left center;
}

.point06 {
	width					: 100%;
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: left;
	background				: url("../img/point06.jpg") no-repeat;
	background-position		: left center;
}

.point062 {
	width					: 100%;
	font-size				: 14px;
	line-height				: 1.5;
	color					: #643d04;
	text-align				: left;
	background				: url("../img/point06.jpg") no-repeat;
	background-position		: left center;
}

/*   point62の上にスペース（15px）を設置。行頭位置もずれないように変更。   */
.point063 {
	width					: 100%;
	font-size				: 14px;
	line-height				: 1.5;
	color					: #643d04;
	text-align				: left;
	background				: url("../img/point06.jpg") no-repeat;
	background-position		: left 4px;
	margin					: 15px auto 0px;
}

.point07 {
	width					: 100%;
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: left;
	background				: url("../img/point07.jpg") no-repeat;
	background-position		: left center;
}

.point072 {
	width					: 100%;
	font-size				: 16px;
	color					: #643d04;
	line-height				: 1.5;
	text-align				: left;
	background				: url("../img/point07.jpg") no-repeat;
	background-position		: left center;
}

.point072 a {
	width					: 100%;
	font-size				: 16px;
	color					: #643d04;
	line-height				: 1.5;
}
/*  point07で改行の入る場合に使用するクラス。（行頭のポイントの位置がずれません。）   */
.point073 {
	width					: 100%;
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: left;
	background				: url("../img/point07.jpg") no-repeat;
	background-position		: left 4px;
	margin					: 5px auto 5px;
}

.step01 {
	width					: 550px;
	margin					: 0 auto;
	font-size				: 16px;
	line-height				: 1.5;
	color					: #336600;
	text-align				: left;
	border-bottom			: 1px solid #99cc99;
	background				: url("../img/step.jpg") no-repeat;
	background-position		: left 4px;
	font-weight				: bold;
}

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

.text01 {
	width					: 540px;
	font-size				: 12px;
	line-height				: 1.5;
	color					: #555;
	text-align				: left;
	margin					: 15px auto;
}

.text02 {
	width					: 540px;
	font-size				: 12px;
	line-height				: 1.5;
	color					: #555;
	text-align				: left;
	margin					: 5px auto 15px auto;
}

.text03 {
	font-size				: 12px;
	line-height				: 1.5;
	color					: #555;
	text-align				: left;
	margin					: 15px auto;
}

.text04 {
	font-size				: 12px;
	line-height				: 1.5;
	color					: #555;
	text-align				: left;
	margin					: 5px auto 15px 0;
}

/*    text01の上下マージンを変更。上にスペース（15px）、下は0。 */
.text05 {
	width					: 540px;
	font-size				: 12px;
	line-height				: 1.5;
	color					: #555;
	text-align				: left;
	margin					: 15px auto 0px;
}

/*    text01の上下マージンを0に。 */
.text06 {
	width					: 540px;
	font-size				: 12px;
	line-height				: 1.5;
	color					: #555;
	text-align				: left;
	margin					: 0px auto 0px;
}

/*    text01のマージン：上が0、下にスペース（15px）。 */
.text07 {
	width					: 540px;
	font-size				: 12px;
	line-height				: 1.5;
	color					: #555;
	text-align				: left;
	margin					: 0px auto 15px;
}

/*    ここまで     */

.text01 a {
	font-size				: 12px;
	line-height				: 1.5;
	color					: #640804;
	
}

.text01 a:hover {
	font-size				: 12px;
	line-height				: 1.5;
	color					: #c84b0d;
}

.black-red {
	color		: #600;
}

.red {
	color		: #C00;
}

.orange {
	color		: #F60;
}

.yellow {
	color		: #FF0;
}

.green {
	color		: #0F0;
}

.blue {
	color		: #00F;
}

.black {
	color		: #000;
}

.white {
	color		: #FFF;
}

.bold {
	font-weight	: bold;
}

.italic {
	font-style	: italic;
}

.xx-small {
	font-size	: 40%;
}

.x-small {
	font-size	: 60%;
}

.small {
	font-size	: 80%;
}

.large {
	font-size	: 120%;
}

.x-large {
	font-size	: 140%;
}

.xx-large {
	font-size	: 160%;
}

.TextCenter {
	text-align	: center;
}

.TextLeft {
	text-align	: left;
}

.TextRight {
	text-align	: right;
}

.hide5 {
	clear:both;
	height:5px;
	margin:0;
	padding:0;
}

.hide10 {
	clear:both;
	height:10px;
	margin:0;
	padding:0;
}

.hide15 {
	clear:both;
	height:15px;
	margin:0;
	padding:0;
}

.hide20 {
	clear:both;
	height:20px;
	margin:0;
	padding:0;
}

.hide30 {
	clear:both;
	height:30px;
	margin:0;
	padding:0;
}

.hide40 {
	clear:both;
	height:40px;
	margin:0;
	padding:0;
}

.hide50 {
	clear:both;
	height:50px;
	margin:0;
	padding:0;
}

.hide60 {
	clear:both;
	height:60px;
	margin:0;
	padding:0;
}

.hide70 {
	clear:both;
	height:70px;
	margin:0;
	padding:0;
}

.hide80 {
	clear:both;
	height:80px;
	margin:0;
	padding:0;
}

.hide90 {
	clear:both;
	height:90px;
	margin:0;
	padding:0;
}

.hide100 {
	clear:both;
	height:100px;
	margin:0;
	padding:0;
}