@charset "UTF-8";

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

html, body {
	height: 100%;
}

body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro","ＭＳ Ｐゴシック",メイリオ, Meiryo,Osaka,"ＭＳ Ｐゴシック", "Helvetica", "Verdana",  sans-serif;
	line-height: 100%;
	color: #333333;
	background: url(../images/bg.gif) repeat center top;
	text-align: center;
	text-rendering: optimizeLegibility;
	position: relative;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

h1,h2,h3,h4 {
	font-weight: normal;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
}

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

img.vMid {
	vertical-align: middle;
}

hr {
	display: none;
}

.clear {
	clear: both;
}

/* for modern browser */
.clearfix {
  display: inline-block;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height:0;
  font-size:0;
}

/* Hides from IE-mac */
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */


/* link */

a {
	color: #31ae90;
}

a * {
	cursor: pointer;
}

a.links:link,
a.links:visited {
	color: #31ae90;
}

a.links:hover,
a.links:focus {
	color: #ffffff;
	background: #31ae90;
	text-decoration: none;
}

a.links2:link,
a.links2:visited {
	color: #31ae90;
	padding-left: 9px;
	background: url(../images/obj1.gif) no-repeat 0px center;
}

a.links2:hover,
a.links2:focus {
	background-position: 3px center;
	}
	a.links2:hover span,
	a.links2:focus span {
		color: #ffffff;
		background: #31ae90;
		text-decoration: none;
	}

a.links3:link,
a.links3:visited {
	color: #31ae90;
	padding-left: 9px;
	background: url(../images/obj3.gif) no-repeat 0px 0.35em;
}

a.links3:hover,
a.links3:focus {
	background-position: 0px 0.5em;
	}
	a.links3:hover span,
	a.links3:focus span {
		color: #ffffff;
		background: #31ae90;
		text-decoration: none;
	}


/* --------------------------------------------------------------------- */
/* margin-padding */
/* --------------------------------------------------------------------- */

.mt3 {
	margin-top: 3px !important;
}

.mt06 {
	margin-top: 6px !important;
}

.mt08 {
	margin-top: 8px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt17 {
	margin-top: 17px !important;
}

.mt19 {
	margin-top: 19px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt45 {
	margin-top: 45px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt60 {
	margin-top: 80px !important;
}

.mt0 {
	margin-top: 60px !important;
}

.pt5 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt52 {
	margin-top: 52px !important;
}

.mt53 {
	margin-top: 53px !important;
}

.mr11 {
	margin-right: 11px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mb08 {
	margin-bottom: 8px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb18 {
	margin-bottom: 18px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.ml19 {
	margin-left: 19px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml24 {
	margin-left: 24px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pt52 {
	padding-top: 52px !important;
}

.pt60 {
	padding-top: 60px !important;
}

.pt80 {
	padding-top: 80px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb26 {
	padding-bottom: 26px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pb35 {
	padding-bottom: 35px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.pl45 {
	padding-left: 45px !important;
}


/* --------------------------------------------------------------------- */
/* text */
/* --------------------------------------------------------------------- */

.txt10 {
	font-size: 77% !important;
}

.txt11 {
	font-size: 85% !important;
}

.txt12 {
	font-size: 93% !important;
}

.txt14 {
	font-size: 107% !important;
}

.txt16 {
	font-size: 122% !important;
}

.txt18 {
	font-size: 136% !important;
}

.txtBold {
	font-weight: bold !important;
}

.txtNormal {
	font-weight: normal !important;
}

.txtColor1 {
	color: #50ac97 !important;
}

.txtLine140 {
	line-height: 1.4 !important;
}

.txtLine160 {
	line-height: 1.6 !important;
}

.txtLine180 {
	line-height: 1.8 !important;
}

.txtAlignRight {
	text-align:right;
}

.txtZoom1 {
	font-size: 115%;
	font-weight: normal;
	letter-spacing: 0.09em;
	-webkit-font-smoothing: antialiased;
}


/* --------------------------------------------------------------------- */
/* elements */
/* --------------------------------------------------------------------- */

.imgBlock,
.imgBlock img {
	display: block;
}

.listBlock,
.listBlock ul,
.listBlock li {
	display: block;
	list-style-type: none;
}

.listInline,
.listInline ul,
.listInline li {
	display: inline;
	list-style-type: none;
}

.listType1 li:after  {
	content: "、";
}
.listType1 li.last:after  {
	content: "";
}

.listType2 li:after  {
	content: "/";
}
.listType2 li.last:after  {
	content: "";
}

dl.lcType1 {
	width: 540px;
	}
	dl.lcType1 dd:before {
		content: "：";
	}
dl.lcType2 dt:after {
	content: "：";
}
dl.listColumn {
	display: block;
	font-size: 93%;
	line-height: 1.6;
	word-wrap: break-word;
	position: relative;
	}
	dl.listColumn dt {
		display: block;
		float: left;
		position: absolute;
	}
	dl.listColumn dd {
		display: block;
		padding-left: 6em;
		position: relative;
	}

dl.listColumn2 {
	display: block;
	line-height: 1.2;
	word-wrap: break-word;
	position: relative;
	}
	dl.listColumn2 dt {
		display: inline;
		font-size: 93%;
		font-weight: bold;
	}
	dl.listColumn2 dd {
		display: inline;
		font-size: 138.5%;
		position: relative;
	}

ol.listNum {
	font-size: 93%;
	line-height: 1.6;
	list-style-position: outside;
	word-wrap: break-word;
	padding-left: 1.8em;
	position: relative;
	}

div.formArea {
	width: 640px;
	padding: 15px 0;
	background: #f5f6f6;
	}
	div.formArea2 {
		width: 608px;
		margin-left: 15px;
		padding: 24px 0;
		background: #ffffff;
		border: #e5e5e5 solid 1px;
	}

th,td {
	vertical-align: top;
}

th.vMid,
td.vMid {
	vertical-align: middle !important;
}

table.pageTable {
		color: #333333;
		background: url("../images/line_type2.gif") repeat-x left top;
	}
	table.pageTable th {
		width: 120px;
		white-space: nowrap;
		word-wrap: normal;
		font-weight: bold;
	}
	table.pageTable th,
	table.pageTable td {
		font-size: 93%;
		text-align: left;
		line-height: 1.5;
		vertical-align: top;
		padding: 12px 0px;
		background: url("../images/line_type2.gif") repeat-x left bottom;
		}

table.tableType1 {
	width: 660px;
}
table.tableType2 {
	width: 560px;
	}
	table.tableType2 th {
		width: 180px;
	}
	table.tableType2 th,
	table.tableType2 td {
		padding: 10px 0px;
	}
	/* form */
	table.pageTable input,
	table.pageTable textarea {
		background: #f5f6f6;
		border: none;
		border: 1px solid #cbd9d8;
		font-size: 100%;
		margin: 0;
		padding: 0.8em 0;
	}
	table.pageTable textarea {
		display: block;
	}
	table.pageTable .formType1 {
		width: 378px;
	}
	table.pageTable div.formReq .formType1 {
		width: 374px;
		border-left: none;
	}
	table.pageTable div.formReq .formType2 {
		width: 282px;
		border-left: none;
	}
	table.pageTable .formType3 {
		width: 85px;
	}
	table.pageTable .formType4 {
		width: 260px;
	}
	table.pageTable .formTxtA1 {
		height: 6em;
	}
	table.pageTable ul input {
		margin-right: 5px;
	}
	div.formReq {
		border-left: #74bfad solid 5px;
	}
	div.formReq ul.listCheck {
		width: 335px;
		padding: 9px 0 0 20px;
		}
		div.formReq ul.listCheck li {
			float: left;
			font-size: 93%;
			padding-bottom: 9px;
			}
			div.formReq ul.listCheck li label {
				padding-right: 9px;
			}
	div#formBtnArea {
		width: 378px;
		margin: 0 0 0 204px;
		padding: 20px 0 10px 0px;
		}
		input#formButton {
			width: 100%;
			cursor: pointer;
			display: block;
			font-size: 108%;
			color: #ffffff;
			text-align: center;
			padding: 20px 0;
			text-decoration: none;
			background: #62b8a4;
			border: #62b8a4 solid 1px;
			-webkit-border-radius: 4px;
			   -moz-border-radius: 4px;
			    -ms-border-radius: 4px;
		         -o-border-radius: 4px;
			        border-radius: 4px;
			}
			input#formButton span {
				padding: 10px 0 5px 30px;
				background: url(../images/icon_form_check.png) no-repeat left center;
			}
		input#formButton:hover {
			/*
			filter:alpha(opacity=75);
			-moz-opacity: 0.75;
			opacity: 0.75;
			*/
			background: #4d9080;
			border-top: #36655a solid 1px;
		}

		a#formButton {
			display: block;
			font-size: 108%;
			color: #ffffff;
			text-align: center;
			padding: 20px 0;
			text-decoration: none;
			background: #62b8a4;
			border: #62b8a4 solid 1px;
			-webkit-border-radius: 4px;
			   -moz-border-radius: 4px;
			    -ms-border-radius: 4px;
		         -o-border-radius: 4px;
			        border-radius: 4px;
			}
			a#formButton span {
				padding: 10px 0 5px 30px;
				background: url(../images/icon_form_check.png) no-repeat left center;
			}
		a#formButton:hover {
			/*
			filter:alpha(opacity=75);
			-moz-opacity: 0.75;
			opacity: 0.75;
			*/
			background: #4d9080;
			border-top: #36655a solid 1px;
		}

		p.formTxt {
			font-size: 108%;
			line-height: 1.8;
			text-align: center;
		}
		p.formTxtAtt {
			font-size: 197%;
			font-weight: bold;
			color: #37ab8f;
			text-align: center;
			line-height: 1.2;
			padding-bottom: 20px;
		}
table.tableType3 {
	width: 620px;
	background: none;
	}
	table.tableType3 th {
		width: 120px;
	}
	table.tableType3 th,
	table.tableType3 td {
		padding: 10px 0px;
	}

th.tableLast,
td.tableLast {
	background: none !important;
}



/* --------------------------------------------------------------------- */
/* title */
/* --------------------------------------------------------------------- */

h2.pageTitle2_1 {
	display: block;
	}
	h2.pageTitle2_1 img {
		display: block;
	}

h2.pageTitle2_2 {
	font-size: 107%;
	font-weight: bold;
	color: #50ac97;
	line-height: 1.4;
	padding-bottom: 10px;
}



/* --------------------------------------------------------------------- */
/* page */
/* --------------------------------------------------------------------- */

div#page {
	width: 100%;
	min-height: 100%;
	margin: 0px auto;
	position: relative;
}



/* --------------------------------------------------------------------- */
/* headerArea */
/* --------------------------------------------------------------------- */

header#headerArea {
	display: block;
	width: 100%;
	height: 94px;
	text-align: center;
	background: url(../images/line_type1.gif) repeat-x left bottom;
	}
	header#headerArea div.inner {
		width: 960px;
		text-align: left;
		margin: 0 auto;
		position: relative;
		}
		h1#title1,
		p#title1 {
			width: 159px;
			height: 24px;
			position: absolute;
			left: 10px;
			top: 50px;
		}
		ul#headerMenu {
			width: 484px;
			position: absolute;
			left: 379px;
			top: 0px;
			}
			ul#headerMenu li {
				float: left;
				position: relative;
				}
				ul#headerMenu li a {
					display: block;
					/*position: relative;*/
					}
					ul#headerMenu li span.menuBox {
						display: block;
						height: 94px;
						background: url(../images/obj_menu_on.gif) no-repeat center 98px;
					}
					/*
					ul#headerMenu li a:hover span.menuBox {
						background: url(../images/obj_menu_on.gif) no-repeat center bottom;
						}
					*/
						ul#headerMenu li span.menuBox span {
							display: block;
							text-align: center;
							position: absolute;
						}
						ul#headerMenu li span.menuBox span.regular {
							z-index: 1;
						}
						ul#headerMenu li span.menuBox span.hover {
							z-index: 2;
							visibility: hidden;
						}
						ul#headerMenu li span.menuBox span.current {
							z-index: 3;
							visibility: hidden;
							}
							ul#headerMenu li span.menuBox span img {
								display: block;
								margin: 0 auto;
								padding-top: 61px;
							}

					span.menu1,
					span.menu1 span {
						width: 79px;
					}
					span.menu2,
					span.menu2 span {
						width: 97px;
					}
					span.menu3,
					span.menu3 span {
						width: 82px;
					}
					span.menu4,
					span.menu4 span {
						width: 78px;
					}
					span.menu5,
					span.menu5 span {
						width: 65px;
					}
					span.menu6,
					span.menu6 span {
						width: 83px;
					}
				ul#headerMenu li span.menuCurrent  {
					background: #67bba7 url(../images/obj_menu_current.gif) no-repeat center bottom !important;
					}
					ul#headerMenu li span.menuCurrent span.current {
						visibility: visible !important;
					}
				/**/
				nav.menuSub {
					display: block;
					visibility: hidden;
					width: 500px;
					text-align: left;
					position: absolute;
					top: 94px;
					left: 0px;
					z-index: 10;
					}
					nav.menuSub ul {
						display: block;
					}
					nav.menuSub ul li {
						float: left;
						position: relative;
						}
						nav.menuSub ul li a,
						nav.menuSub ul li span.menuCurrentSub {
							display: block;
							}
							nav.menuSub ul li span.menuBoxSub {
								display: block;
								height: 39px;
								background: url(../images/obj_menu_on.gif) no-repeat center 43px;
							}
							nav.menuSub ul li span.menuBoxSub span {
								display: block;
								text-align: center;
								position: absolute;
							}
							/**/
							span.menuSub1_1,
							span.menuSub1_1 span,
							span.menuSub1_2,
							span.menuSub1_2 span {
								width: 69px;
							}
							span.menuSub2_1,
							span.menuSub2_1 span {
								width: 69px;
							}
							span.menuSub2_2,
							span.menuSub2_2 span {
								width: 69px;
							}
							span.menuSub2_3,
							span.menuSub2_3 span {
								width: 87px;
							}
							span.menuSub2_4,
							span.menuSub2_4 span {
								width: 85px;
							}
							span.menuSub2_5,
							span.menuSub2_5 span {
								width: 69px;
							}
							/**/
							nav.menuSub ul li span.menuBoxSub span.regularSub {
								z-index: 1;
							}
							nav.menuSub ul li span.menuBoxSub span.hoverSub {
								z-index: 2;
								visibility: hidden;
							}
							nav.menuSub ul li span.menuBoxSub span.current {
								z-index: 3;
								visibility: hidden;
								}
								nav.menuSub ul li span.menuBoxSub span img {
									display: block;
									margin: 0 auto;
									padding-top: 13px;
								}
							/**/
							nav.menuSub ul li span.menuCurrentSub span.hoverSub {
								visibility: visible !important;
							}
							nav.menuSub ul li span.menuCurrentSub span.menuBoxSub {
								display: block;
								background: url(../images/obj_menu_on.gif) no-repeat center bottom !important;;
							}

		ul#headerMenu2 {
			width: 77px;
			position: absolute;
			right: 10px;
			top: 31px;
			background: url(../images/bg_menu_lang.gif) no-repeat 36px 0px;
			}
			ul#headerMenu2 li.langL {
				float: left;
			}
			ul#headerMenu2 li.langR {
				float: right;
				}
				ul#headerMenu2 li a {
					display: block;
					position: relative;
					}
					ul#headerMenu2 li a span.menuBox {
						display: block;
						height: 8px;
					}
					ul#headerMenu2 li a span.menuEn {
						display: block;
						width: 34px;
					}
					ul#headerMenu2 li a span.menuCh {
						display: block;
						width: 35px;
						}
						ul#headerMenu2 li a span.menuBox span {
								display: block;
								position: absolute;
						}
						ul#headerMenu2 li a span.menuBox span.regular {
							z-index: 1;
						}
						ul#headerMenu2 li a span.menuBox span.hover {
							z-index: 2;
							visibility: hidden;
							}
							ul#headerMenu2 li a span.menuBox span img {
								display: block;
								margin: 0 auto;
							}

		ul#headerMenuSns {
			width: 80px;
			position: absolute;
			right: 10px;
			top: 55px;
			}
			ul#headerMenuSns li {
				width: 24px;
				float: left;
				}
				ul#headerMenuSns li a {
					display: block;
					margin-left: 5px;
				}


/* --------------------------------------------------------------------- */
/* naviArea */
/* --------------------------------------------------------------------- */

div#naviArea {
	display: block;
	width: 100%;
	/*min-height: 36px;*/
	text-align: center;
	padding-bottom: 5px;
	background: url(../images/bg_header.gif) repeat-x left bottom;
	}
	div#naviArea div.inner {
		width: 960px;
		height: 39px;
		overflow: hidden;
		text-align: left;
		margin: 0 auto;
		position: relative;
		}
		nav#contentsNavi {
			display: block;
			/*width: 700px;*/
			float: left;
			padding: 12px 0 0 0;
			}
			nav#contentsNavi ul {
				display: block;
				list-style-type: none;
				padding-left: 10px;
				/*width: 700px;*/
				}
				nav#contentsNavi ul li {
					display: inline-block;
					/display: inline;
					font-size: 77%;
					line-height: 1.4;
					color: #333333;
					padding-right: 0.2em;
					padding-bottom: 6px;
					word-break: keep-all;
					}
				nav#contentsNavi ul li a {
					color: #333333;
				}
					nav#contentsNavi ul li:after {
						display: inline-block;
						/display: inline;
						color: #c1cbca;
						content: "/";
						padding-left: 0.4em;
					}
					nav#contentsNavi ul li.current:after {
						content: "";
					}

			div.menuSubHSpace {
				display: block;
				float: right;
				font-size: 93%;
				line-height: 1.2;
				width: 1px;
				padding: 11px 0;
				}
		/*
		nav#subMenuSearch ul {
			float: auto !important;
			position: absolute;
			left: 370px;
		}
		*/


/* --------------------------------------------------------------------- */
/* titleArea */
/* --------------------------------------------------------------------- */

div.titleArea {
	display: block;
	width: 100%;
	height: 156px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	background-attachment: fixed;
}
div.titleArea div.inner {
	display: block;
	width: 100%;
	height: 156px;
	text-align: center;
	background: url(../images/bg_shadow.png) repeat-x left top;
	}
	div.titleArea div.inner div.titleBox {
		display: block;
		width: 960px;
		height: 156px;
		margin: 0 auto;
		position: relative;
		}
		div.titleArea div.inner div.titleBox h1 {
			position: absolute;
			left: 8px;
			top: 49px;
		}


/* --------------------------------------------------------------------- */
/* contentsArea */
/* --------------------------------------------------------------------- */

div#contentsArea {
	display: block;
	width: 960px;
	margin: 0 auto;
	padding-bottom: 113px;
	text-align: left;
	position: relative;
	}
	div#contentsMain {
		display: block;
		width: 710px;
		float: left;
		}
		div#contentsMain section.contentsArea1 {
			display: block;
			width: 700px;
			margin: 0 0 0 10px;
		}
	aside#contentsSide {
		display: block;
		width: 250px;
		float: left;
		}
		nav.bannerArea1 {
			width: 240px;
			padding-bottom: 10px;
			background: url(../images/line_type2.gif) repeat-x left bottom;
			}
			ul.bannerList li {
				padding-bottom: 10px;
				}
				ul.bannerList li a {
					display: block;
				}
/**/
div#contentsArea2 {
	display: block;
	width: 100%;
	text-align: center;
	background: url(../images/bg_shadow2.gif) repeat-x left top;
	}
	div#contentsArea2 section.contentsArea2_2 {
		display: block;
		width: 960px;
		margin: 0 auto;
		padding-bottom: 113px;
		text-align: left;
		position: relative;
		}
		h1#title1_2 {
			width: 310px;
			float: left;
			}
			h1#title1_2 img {
				display: block;
				margin-left: 10px;
				/*padding-top: ;*/
			}
		div#contentsArea2 div.contentsArea3 {
			display: block;
			width: 640px;
			float: left;
		}

/**/
div#contentsArea3 {
	display: block;
	width: 100%;
	text-align: left;
	}


/* --------------------------------------------------------------------- */
/* footerArea */
/* --------------------------------------------------------------------- */

div#footerArea {
	display: block;
	width: 100%;
	height: 43px;
	background: url(../images/line_type1.gif) repeat-x left top;
	position: absolute;
	bottom: 0px;
	left: 0px;
	}
	div#footerArea footer {
		display: block;
		width: 960px;
		height: 43px;
		margin: 0 auto;
		text-align: left;
		position: relative;
	}
	p#copyright {
		float: left;
		}
		p#copyright img {
			padding: 17px 0px 0px 10px;
		}
	ul#footerMenu {
		position: absolute;
		right: 70px;
		top: 18px;
		}
		ul#footerMenu li {
			float: left;
			position: relative;
		}
		ul#footerMenu li a {
			display: block;
		}
		ul#footerMenu li span.menuBox{
			display: block;
			background: url(../images/obj1.gif) no-repeat 0px center;
			height: 10px;
		}
		ul#footerMenu li span.menuF1 {
			width: 123px;
		}
		ul#footerMenu li span.menuF2 {
			width: 68px;
		}
		ul#footerMenu li span.menuF3 {
			width: 102px;
		}
		ul#footerMenu li span.menuF4 {
			width: 68px;
			}
			ul#footerMenu li span.menuBox span {
				display: block;
				text-align: center;
				position: absolute;
			}
			ul#footerMenu li span.menuBox span.regular {
				z-index: 1;
			}
			ul#footerMenu li span.menuBox span.hover {
				z-index: 2;
				visibility: hidden;
				}
				ul#footerMenu li span.menuBox span img {
					padding-left: 9px;
				}
		ul#footerMenu li span.menuCurrent {
			background-position: 3px center !important;
			}
			ul#footerMenu li span.menuCurrent span.hover {
				visibility: visible !important;
			}

	p#pageTop {
		position: absolute;
		right: 10px;
		top: -10px;
		z-index: 1000;
		}
		p#pageTop a {
			display: block;
			}
			p#pageTop a span {
				display: block;
				width: 40px;
				height: 40px;
				overflow: hidden;
				text-indent: -9999px;
				font-size: 0;
				background: #67bba7 url(../images/obj2.gif) repeat-y top center;
			}

div#footerArea.type2 {
	position: relative;
}


/* --------------------------------------------------------------------- */
/* css Animation */
/* --------------------------------------------------------------------- */

a.links,
a.links2,
a.links2 span,
a.links3,
a.links3 span,
a#formButton,
div#companyStaff ul li a p.name span {
	-webkit-transition: all 0.15s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	   -moz-transition: all 0.15s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	    -ms-transition: all 0.15s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	     -o-transition: all 0.15s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	        transition: all 0.15s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

div.worksListArea ul li a figcaption,
div.worksListArea ul li a span.caption {
	-webkit-transition: all 0.24s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	   -moz-transition: all 0.24s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	    -ms-transition: all 0.24s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	     -o-transition: all 0.24s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	        transition: all 0.24s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}





/*
*
*　1210追加
*
*/

.mb20 {
	margin-bottom: 20px !important;
}

.mb24 {
	margin-bottom: 24px !important;
}