@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  common.css
 style info :  共通設定 (サイトのレイアウトなど変更)
=================================================================== */




/* --- basic setting ----------------------------------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 14px;
	line-height: 180%;
	color: #333333;
	vertical-align: baseline;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../images/common/bg_material01.gif);
	background-repeat: repeat;
}
/*--------------------------------------------------------------------

common

--------------------------------------------------------------------*/
.pie {
  zoom: 1;
  position: relative;
}

.boxWrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
	zoom: 1;
}

.boxWrap:before {
  content: "";
  display: block;
}
.boxWrap:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
/*--------------------------------------------------------------------

header

--------------------------------------------------------------------*/
#header {
	width: 100%;
	min-width: 1000px;
	padding-right: 0;
	padding-left: 0;
	background-color: #FFF !important;
	height: 40px;
	position: fixed !important;
	position: absolute;
	top: 0px;
	z-index: 10;
	background-image: url(../images/common/bg_header_topline.png);
	background-repeat: repeat-x;
	background-position: center top;
}
#header .boxWrap {
	background-repeat: no-repeat;
	background-position: center;
	width: 960px;
	height: 40px;
}

#header #header_left {
	float: left;
	width: 600px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#header #header_left h1 {
	line-height: 20px;
	font-size: 12px;
	margin-right: 0;
	margin-left: 0;
}
#header #header_right {
	float: right;
	width: 360px;
	margin-top: 15px;
}
#header #header_right .box_header_right {
	zoom: 1;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#header #header_right .box_header_right:before {
  content: "";
  display: block;
}
#header #header_right .box_header_right:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}


#header #header_right #header_nav {
  float: right;
}
#header #header_right #header_nav ul {
  zoom: 1;
  margin: 8px 0 0 0;
}
#header #header_right #header_nav ul:before {
  content: "";
  display: block;
}
#header #header_right #header_nav ul:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
#header #header_right #header_nav ul li {
  float: right;
  font-size: 86%;
  line-height: 100%;
  margin: 0 20px 0 0;
}
#header #header_right #header_nav ul li a {
  color: #22435c;
  text-decoration: none;
}
#header #header_right #header_nav ul li a:hover {
  color: #1190e8;
  text-decoration: underline;
}
#header #header_right #header_nav ul li a {
  padding: 0 0 0 20px;
}
#header #header_right #header_nav ul li .sitemap {
  background: url(../images/common/sprite_header.png) 0 2px no-repeat;
}
#header #header_right #header_nav ul li .help {
  background: url(../images/common/sprite_header.png) 4px -99px no-repeat;
}

#header #header_right .btn_contact,
#header #header_right .btn_tel {
	width: 150px;
	height: 25px;
	overflow: hidden;
	float: right;
	padding: 0 0 0 2px;
}
#header #header_right .btn_contact img,
#header #header_right .btn_tel img {
	width: 150px;
	overflow: hidden;
}
#header #header_right .btn_contact img:hover,
#header #header_right .btn_tel img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
#header #header_right .btn_contact a,
#header #header_right .btn_tel a {
  display: block;
}



#header #header_right .btn_contact {
  background: url(../images/common/btn_contact.png) right bottom no-repeat;
}
#header #header_right .btn_tel {
  background: url(../images/common/btn_tel.png) right bottom no-repeat;
}

#header #header_right #header_tel {
  text-align: right;
  padding: 0 10px 0 0;
  float: right;
  line-height: 100%;
}
#header #header_right #header_tel p {
	font-family: "Century Gothic",Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	vertical-align: middle;






  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
	font-size: 179%;
	color: #000000;
	background-image: url(../images/common/sprite_header.png);
	background-repeat: no-repeat;
	background-position: 0 -298px;
	padding-right: 0;
	padding-left: 33px;
	padding-top: 6px;
	padding-bottom: 10px;
}
#header #header_right #header_tel span {
  display: block;
  font-size: 79%;
  letter-spacing: 0.1em;
}
#header #header_right #header_tel span strong {
  margin: 0 0 0 7px;
}

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

nav

--------------------------------------------------------------------*/
#nav {
	border-bottom: #dadada 1px solid;
	width: 100%;
	background: #fff;
	min-width: 1000px;
	height: 60px;
	position: fixed !important;
	position: absolute;
	top: 40px;
	z-index: 20 !important;
	padding-bottom: 10px;
}
#nav ul {
	zoom: 1;
	width: 960px;
	margin: 0 auto;
}
#nav ul:before {
  content: "";
  display: block;
}
#nav ul:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
#nav ul li {
	display: block;
	float: left;
	position: relative;
}
#nav ul li a {
	display: block;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
	padding-right: 0;
	padding-left: 0;
}
#nav ul li.logo a {
	width: 330px;
	vertical-align: middle;
	height: 60px;
	line-height: 60px;
	background-image: url(../images/common/menu_line.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: left;
}
#nav ul li.gnav01 a {
	width: 80px;
	vertical-align: middle;
	height: 60px;
	line-height: 60px;
	background-image: url(../images/common/menu_line.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#nav ul li.gnav02 a {
	width: 140px;
	vertical-align: middle;
	height: 60px;
	line-height: 60px;
	background-image: url(../images/common/menu_line.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#nav ul li.gnav03 a {
	width: 140px;
	vertical-align: middle;
	height: 60px;
	line-height: 60px;
	background-image: url(../images/common/menu_line.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#nav ul li.gnav04 a {
	width: 130px;
	vertical-align: middle;
	height: 60px;
	line-height: 60px;
	background-image: url(../images/common/menu_line.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#nav ul li.gnav05 a {
	width: 140px;
	vertical-align: middle;
	height: 60px;
	line-height: 60px;
	background-image: url(../images/common/menu_line.png);
	background-repeat: no-repeat;
	background-position: right center;
}


#nav ul li.gnav01 a.current, #nav ul li.gnav01 a:hover {
	color: #FFF !important;
	background-image: url(../images/common/nav_ro_bg80.png);
	background-repeat: no-repeat;
}
#nav ul li.gnav02 a.current, #nav ul li.gnav02 a:hover {
	color: #fff !important;
	background-image: url(../images/common/nav_ro_bg140.png);
	background-repeat: no-repeat;
}
#nav ul li.gnav03 a.current, #nav ul li.gnav03 a:hover {
	color: #fff !important;
	background-image: url(../images/common/nav_ro_bg140.png);
	background-repeat: no-repeat;
}
#nav ul li.gnav04 a.current, #nav ul li.gnav04 a:hover {
	color: #FFF !important;
	background-image: url(../images/common/nav_ro_bg130.png);
	background-repeat: no-repeat;
}
#nav ul li.gnav05 a.current, #nav ul li.gnav05 a:hover {
	color: #fff !important;
	background-image: url(../images/common/nav_ro_bg140.png);
	background-repeat: no-repeat;
}


#nav .drop {
	position: absolute;
	z-index: 999;
	top: 70px;
	left: -1px;
	background: #fff;
	border-left: #dadada 1px solid;
	border-top: #dadada 1px solid;
	border-right: #dadada 1px solid;
	display: none;
}
#nav .drop ul {
  width: auto;
}
#nav .drop ul li {
  display: block;
  float: none;
  width: auto;
}
#nav .drop ul li a {
	display: block;
	text-align: left;
	border-right: none;
	border-bottom: #dadada 1px solid;
	letter-spacing: 0px;
	font-size: 86%;
	line-height: 150%;
	font-weight: normal;
	background: #fff;
	height: 30px;
	padding-top: 10px;
	padding-left: 10px;
}

#nav .drop ul li a:hover {
	color: #FFF !important;
	background-color:#d19109!important;
	background-image:none!important;
}


#nav .drop_large {
  width: 299px !important;
}
#nav .drop_news a {
  zoom: 1;
  background: #fff !important;
  text-align: left;
  border-right: none !important;
  border-bottom: #dadada 1px solid;
  line-height: 150%;
  padding: 10px;
  font-weight: normal;
}
#nav .drop_news a:before {
  content: "";
  display: block;
}
#nav .drop_news a:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
#nav .drop_news a:hover {
  background-color: #e7f5ff !important;
}
#nav .drop_news a .text {
  float: right;
  width: 210px;
}
#nav .drop_news a .text .date {
  background: #e8f1f4;
  color: #1c7dc1;
  font-size: 93%;
  padding: 0 5px;
  margin: 0 10px 5px 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-family: 'Montserrat', sans-serif;
  -webkit-font-smoothing: antialiased;
  width: 75px;
  text-align: center;
}
#nav .drop_news a .figure {
  float: left;
  width: 60px;
}
#nav .drop_news a .figure img {
  width: 60px;
}
#nav .drop_news a .text_large .date {
  background: #e8f1f4;
  color: #1c7dc1;
  font-size: 93%;
  padding: 0 5px;
  margin: 0 10px 5px 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-family: 'Montserrat', sans-serif;
  -webkit-font-smoothing: antialiased;
  min-width: 75px;
  text-align: center;
}
#nav .drop_news a .text_large .cat {
  color: #fff;
  font-size: 72%;
  padding: 4px;
  line-height: 100%;
  margin: 0 10px 5px 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  min-width: 75px;
  text-align: center;
}
#nav .drop_news a .text_large .seminar {
  background: #ff8400;
}
#nav .drop_news a .text_large .show {
  background: #204873;
}
#nav .drop_news a .text_large .event {
  background: #f1c40f;
}
#nav .drop_news a .showcase {
  margin: 0 0 5px 0;
}
#nav .drop_news a .showcase img {
  display: block;
  border: #dadada 1px solid;
  width: 127px;
}




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

.content

--------------------------------------------------- */
.content {
	margin-bottom: 0px;
	margin-top: 110px;
}
.content p {
	margin-bottom: 1em;
}



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

#title

--------------------------------------------------- */
#title {
	padding-bottom: 20px;
	min-width: 1000px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
	background-color: #ffde9d;
}
#title #breadrumb {
	font-size: 79%;
	display: block;
	margin-left: 5px;
	clear: both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0;
}
#title #breadrumb span {
  padding: 0 5px;
}
#title #breadrumb a {
	color: #A35406;
}

#title h1 {
	display: block;
	font-weight: bold;
	color: #000000;
	font-size: x-large;
	padding-left: 1em;
	float: left;
	margin-right: 30px;
}
#title .subnavi {
	margin-left: 50px;
	padding-left: 50px;
}
#title .subnavi li {
	display: inline;
	float: left;
	margin-right: 20px;
}
#title .subnavi li a {
	color: #333;
}
#title .subnavi li a:hover {
	color: #FFF;
	text-decoration: none;
}



#title h1 span {
  display: inline-block;
}
#about #title {
	background-color: #CCF;
}
#works #title {
	background-color: #66ccff;
}
#oversea #title {
	background-color: #09F;
}
#plan #title {
	background-color: #CF6;
}
#company #title {
	background-color: #6CC;
}






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

#layout

--------------------------------------------------- */
.layout1col {
	overflow: hidden;
	padding-right: 0;
	padding-left: 0;
}

.layout2col {
	overflow: hidden;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

.layout2col .mainContent {
  width: 720px;
  float: left;
}

.layout2col .sideContent {
  width: 220px;
  float: right;
}



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

title

--------------------------------------------------------------------*/
.titStyle01 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-right: 0;
	padding-bottom: 18px;
	padding-left: 5px;
	padding-top: 10px;
}
.titStyle01 span {
	background-image: url(../images/common/uline_yellow.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-right: 5px;
	padding-left: 5px;
}
.titStyle01 span.purple {
	background-image: url(../images/common/uline_purple.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-right: 5px;
	padding-left: 5px;
}
.titStyle01 span.blue {
	background-image: url(../images/common/uline_blue.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-right: 5px;
	padding-left: 5px;
}
.titStyle01 span.blue2 {
	background-image: url(../images/common/uline_blue2.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-right: 5px;
	padding-left: 5px;
}
.titStyle01 span.blue3 {
	background-image: url(../images/common/uline_blue3.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-right: 5px;
	padding-left: 5px;
}
.titStyle01 span.lgreen {
	background-image: url(../images/common/uline_lgreen.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-right: 5px;
	padding-left: 5px;
}
.titStyle02 {
	font-weight: bold;
	font-size: 130%;
	border-radius: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-right: 13px;
	padding-bottom: 10px;
	padding-left: 13px;
	background-color: #FFFF99;
}
.titStyle03 {
	font-weight: bold;
	font-size: 115%;
	color: #333;
	background-color: #EBEBEB;
	padding: 10px;
	margin-bottom: 10px;
}
.titStyle04 {
	font-weight: bold;
	font-size: 115%;
	color: #1c7dc1;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
/*--------------------------------------------------------------------
section wirh bg
--------------------------------------------------------------------*/
section.bg_lgray, div.bg_lgray {
	background: #faf9f8;
	padding: 20px 0 20px;
	min-width: 1000px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
section.bg_gray, div.bg_gray {
	background: #e9e8e8;
	padding: 20px 0 20px;
	min-width: 1000px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
}
section.bg_white, div.bg_white {
	background: #fff;
	padding: 20px 0 20px;
	min-width: 1000px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D6D6D6;
}
section.bg_yellow, div.bg_yellow {
	background: #fff100;
	padding: 20px 0 20px;
	min-width: 1000px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D6D6D6;
}

section.bg_mat01, div.bg_mat01 {
	background-image: url(../images/common/bg_faature.png);
	background-repeat: repeat;
	background-position: center top;

}
div.bg_shadow {
	background-image: url(../images/common/bg_shadow.png);


}

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

#pagenation

--------------------------------------------------- */
.pagination {
  text-align: center;
}
.pagination .pagination_text {
  margin: 10px 0 30px 0;
  font-size: 86%;
  color: #22435c;
}
.pagination .wp-pagenavi {
  margin: 0 auto 0px auto;
  text-align: center;
  zoom: 1;
  color: #1c7dc1;
  font-weight: bold;
}
.pagination .wp-pagenavi:before {
  content: "";
  display: block;
}
.pagination .wp-pagenavi:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
.pagination .wp-pagenavi span {
  border-top: 1px solid #dadada !important;
  border-bottom: 1px solid #dadada !important;
  border-right: 1px solid #dadada !important;
  line-height: 100%;
  width: 39px;
  height: 26px;
  padding-top: 12px;
  -moz-box-shadow: 0 3px 0 0 #e5e5e5;
  -webkit-box-shadow: 0 3px 0 0 #e5e5e5;
  box-shadow: 0 3px 0 0 #e5e5e5;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.pagination .wp-pagenavi .prev {
  border-left: 1px solid #dadada !important;
  border-right: 1px solid #dadada !important;
  margin: 0;
  width: 39px;
  height: 26px;
  padding-top: 12px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: #fff;
  -moz-box-shadow: 0 3px 0 0 #e5e5e5;
  -webkit-box-shadow: 0 3px 0 0 #e5e5e5;
  box-shadow: 0 3px 0 0 #e5e5e5;
}
.pagination .wp-pagenavi .current {
  background: #1c7dc1;
  color: #fff;
}
.pagination .wp-pagenavi a {
  border-top: 1px solid #dadada !important;
  border-bottom: 1px solid #dadada !important;
  border-right: 1px solid #dadada !important;
  display: inline-block;
  line-height: 100%;
  width: 38px;
  height: 26px;
  padding-top: 12px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-decoration: none;
  background: #fff;
  -moz-box-shadow: 0 3px 0 0 #e5e5e5;
  -webkit-box-shadow: 0 3px 0 0 #e5e5e5;
  box-shadow: 0 3px 0 0 #e5e5e5;
}
.pagination .wp-pagenavi a:hover {
  background: #1c7dc1;
  color: #fff;
}


/* ページャー
========================================== */
.pager {
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
.pager ul {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.pager li {
	list-style: none;
	display: inline;
	padding: 0;
	font-size: 18px;
	line-height: 1em;
	margin: 0;
	font-weight: bold;
}
.pager li strong {
	display: inline-block;
	padding-top: 0.25em;
	padding-right: 0.6em;
	padding-bottom: 0.4em;
	padding-left: 0.6em;
	background-color: #4E4E4E;
	border: 1px #CCCCCC solid;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 0.4em;
}
.pager li a {
	display: inline-block;
	border: 1px #CCCCCC solid;
	padding-top: 0.25em;
	padding-right: 0.6em;
	padding-bottom: 0.4em;
	padding-left: 0.6em;
	margin-right: 0.4em;
}

.pager li a:link,
.pager li a:visited {
	border-color: #CCCCCC;
	color: #666666;
	background-color: #FFF;
}
.pager li a:hover,
.pager li a:active {
	border-color: #999999;
	background-color: #999999;
	color: #FFFFFF;
}
/* ---------------------------------------------------

#footer

--------------------------------------------------- */
#foot_contact {
	min-width: 1000px;
	padding: 40px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
}
#foot_contact .box_foot_contact {
	text-align: center;
	margin: 0 auto;
}
#foot_contact .box_foot_contact h1 {
  margin: 0 0 20px 0;
  font-size: 100%;
  font-weight: bold;
}
#foot_contact .box_foot_contact h1 img {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin: -5px 10px 0 0;
}
#foot_contact .box_foot_contact .box_btn {
	zoom: 1;
	text-align: center;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
}
#foot_contact .box_foot_contact .box_btn:before {
  content: "";
  display: block;
}
#foot_contact .box_foot_contact .box_btn:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}




#foot_contact .box_foot_contact .box_btn .btn_contact {
	width: 300px;
	height: 63px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background: url(../images/common/btn_contact_l.png) right bottom no-repeat;
}
#foot_contact .box_foot_contact .box_btn .btn_contact img
 {
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#foot_contact .box_foot_contact .box_btn .btn_contact img:hover
{
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
#foot_contact .box_foot_contact .box_btn .btn_contact a{
	-moz-transform: translated3d(0, 0, 0);
	-ms-transform: translated3d(0, 0, 0);
	-o-transform: translated3d(0, 0, 0);
	-webkit-transform: translated3d(0, 0, 0);
	transform: translated3d(0, 0, 0);
	display: block;
	height: 63px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}



#foot_contact .box_foot_contact .contact_tel {
  margin: 25px 0 0 0;
  line-height: 100%;
}
#foot_contact .box_foot_contact .contact_tel p {
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	vertical-align: middle;

  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
	font-size: 32px;
	padding: 10px 0 10px 40px;
	background: url(../images/common/sprite_header.png) 0 -397px no-repeat;
}
#foot_contact .box_foot_contact .contact_tel span {
  display: block;
  font-size: 93%;
  margin: 10px 0 0 0;
  letter-spacing: 0.1em;
}
#foot_contact .box_foot_contact .contact_tel span strong {
  margin: 0 0 0 10px;
}

#foot_sitemap {
	background: #fｆｆ;
	padding: 40px 0 0 0;
	min-width: 1000px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#foot_sitemap .box_foot_sitemap_wrap {
  background: url(../images/common/line_footer.png) left top repeat-y;
  zoom: 1;
  margin: 0 0 30px 0;
}
#foot_sitemap .box_foot_sitemap_wrap:before {
  content: "";
  display: block;
}
#foot_sitemap .box_foot_sitemap_wrap:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap {
  width: 200px;
  padding: 0 20px;
  float: left;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap ul.foot_sns {
  margin: 0 4px 10px;
  zoom: 1;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap ul.foot_sns:before {
  content: "";
  display: block;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap ul.foot_sns:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap ul.foot_sns li {
  background: none;
  margin: 0 0 0 18px;
  width: 52px;
  float: left;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap ul.foot_sns li.first {
  margin: 0;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap ul.foot_sns li a {
  background: none;
  padding: 0;
  margin: 0;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap ul.foot_sns li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap ul.foot_sns li a img {
  display: block;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap ul {
  margin: 10px 0 0 0;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap ul li {
  font-size: 93%;
  font-weight: bold;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap ul li a {
	color: #000000;
	text-decoration: none;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap ul li a:hover {
	color: #999999;
	text-decoration: underline;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap ul li a {
  background: url(../images/common/icon_arrow04.png) left 4px no-repeat;
  padding: 0 0 0 22px;
  margin: 0 0 3px 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap ul li ul {
  margin: 0 0 5px 25px;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap ul li ul li {
  font-weight: normal;
  line-height: 180%;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap ul li ul li a {
  background: url(../images/common/icon_arrow02.png) left 7px no-repeat;
  padding: 0 0 0 10px;
  margin: 0 0 3px 0;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap ul li ul li ul {
  margin: 0 0 5px 15px;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap .ban {
  margin: 0 0 10px 0;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap .ban:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap .ban img {
  display: block;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap .p_mark {
  padding: 5px 0 0 0;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap .p_mark .figure {
  width: 65px;
  float: left;
}
#foot_sitemap .box_foot_sitemap_wrap .box_foot_sitemap .p_mark p {
  width: 125px;
  float: right;
  font-size: 86%;
  line-height: 180%;
  margin: 5px 0 0 0;
}
#foot_sitemap .foot_link {
  text-align: center;
  font-size: 86%;
  margin: 0 0 10px 0;
}
#foot_sitemap .foot_link a {
  color: #22435c;
  text-decoration: none;
}
#foot_sitemap .foot_link a:hover {
  color: #1190e8;
  text-decoration: underline;
}
#foot_sitemap .foot_link li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0 5px;
}
#foot_sitemap .foot_link li a {
  background: url(../images/common/icon_link.png) left 1px no-repeat;
  padding: 0 0 0 15px;
}

#foot_dg {
  text-align: center;
  padding: 7px 0;
  min-width: 1000px;
}
#foot_dg img {
  display: block;
  margin: 0 auto;
}

#foot_copyright {
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #fff;
	text-align: center;
	font-size: 79%;
	padding: 7px 0;
	min-width: 1000px;
	background-color: #a35406;
}
/* ---------------------------------------------------
#pagetop
--------------------------------------------------- */
#pagetop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#pagetop a {
  width: 70px;
  height: 70px;
  display: block;
}
#pagetop a img {
  display: block;
}

/* ----------------------------------------------------------------------
 default <a>
---------------------------------------------------------------------- */
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: underline;
	color:#1c7dc1;
	cursor:pointer;
	outline:none;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
a:hover {color:#204873; text-decoration:underline;}
a img { border:none; verticle-align:top; }
/* default hover opacity */
a:hover img  {opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; }
a, a:visited { outline:none; }
/* 指定 hover opacity */
a img.linkimg{background:none!important}
a:hover img.linkimg{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background:none!important;
}
/* ----------------------------------------------------------------------
【a.button】
---------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
 button gra
---------------------------------------------------------------------- */
a.button01 {
   color:#fff; font-size:11px; font-weight:bold; padding:0px 15px 0px; height:34px; line-height:35px; margin:0 4px 4px 0; background:#008ece; display:inline-block; text-decoration:none; 
   -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
   background: -moz-linear-gradient(top, rgba(0,216,255,1) 0%, rgba(0,142,206,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,216,255,1)), color-stop(100%,rgba(0,142,206,1)));
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d8ff', endColorstr='#008ece',GradientType=0 );
   border:1px solid #009de1; text-shadow: 1px 1px 0px #0085bf;
   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
a.button01:hover { color:#fff; text-decoration:none; background:#0ddaff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ddaff', endColorstr='#0ddaff',GradientType=0 ); }
a.button01:active { box-shadow:none; bottom:-2px; position:relative; }
a.button02 {
   color:#fff; font-size:11px; font-weight:bold; padding:0px 15px 0px; height:34px; line-height:35px; margin:0 4px 4px 0; background:#36bf00; display:inline-block; text-decoration:none; 
   -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
   background: -moz-linear-gradient(top, rgba(65,231,0,1) 0%, rgba(54,191,0,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,231,0,1)), color-stop(100%,rgba(54,191,0,1)));
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41e700', endColorstr='#36bf00',GradientType=0 );
   border:1px solid #2da000; text-shadow: 1px 1px 0px #227a00;
   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
a.button02:hover { color:#fff; text-decoration:none; background:#7bf013; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bf013', endColorstr='#7bf013',GradientType=0 ); }
a.button02:active { box-shadow:none; bottom:-2px; position:relative; }
/* ----------------------------------------------------------------------
 button 
---------------------------------------------------------------------- */
a.button3{
    background: #999;
    border-radius: 3px;
    color: #FFF;
    font-size: 13px;
    line-height: 100%;
    padding: 12px 16px;
    text-decoration: none;
}
a.button3:hover {color:#fff; background:#3F7985; text-decoration:none;}
/* ----------------------------------------------------------------------
 button color
---------------------------------------------------------------------- */
/* Blue */
a.btn_blue {
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  font-weight: bold;
  padding: 6px 0 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 3px 0 0 #204873;
  -webkit-box-shadow: 0 3px 0 0 #204873;
  box-shadow: 0 3px 0 0 #204873;
  margin: 0 0 1px 0;
  text-decoration: none;
  background: url(../images/common/icon_arrow03.png) 95% center no-repeat #1c7dc1;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
a.btn_blue:hover {
  text-decoration: none;
  color: #fff;
  -moz-box-shadow: 0 2px 0 0 #204873;
  -webkit-box-shadow: 0 2px 0 0 #204873;
  box-shadow: 0 2px 0 0 #204873;
  margin: 1px 0 0 0;
  background-color: #1890e4;
}
/* Blue 小 */
a.btn_blue_s {
  display: block;
  color: #fff;
  width: 175px;
  height: 21px;
  font-size: 86%;
  text-align: center;
  font-weight: bold;
  line-height: 21px;
  padding: 2px 0 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 3px 0 0 #204873;
  -webkit-box-shadow: 0 3px 0 0 #204873;
  box-shadow: 0 3px 0 0 #204873;
  margin: 0 0 1px 0;
  text-decoration: none;
  background: url(../images/common/icon_arrow03.png) 95% center no-repeat #1c7dc1;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
a.btn_blue_s:hover {
  text-decoration: none;
  color: #fff;
  -moz-box-shadow: 0 2px 0 0 #204873;
  -webkit-box-shadow: 0 2px 0 0 #204873;
  box-shadow: 0 2px 0 0 #204873;
  margin: 1px 0 0 0;
  background-color: #1890e4;
}
/* Yellow */
a.btn_yellow {
	display: block;
	color: #000;
	width: 100%;
	text-align: center;
	font-weight: bold;
	padding: 6px 0 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 3px 0 0 #333300;
	-webkit-box-shadow: 0 3px 0 0 #333300;
	box-shadow: 0 3px 0 0 #333300;
	margin: 0 0 1px 0;
	text-decoration: none;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
	background-color: #fcd253;
	background-image: url(../images/common/icon_arrow04.png);
	background-repeat: no-repeat;
	background-position: 95% center;
}
a.btn_yellow:hover {
	text-decoration: none;
	color: #666;
	-moz-box-shadow: 0 2px 0 0 #333300;
	-webkit-box-shadow: 0 2px 0 0 #333300;
	box-shadow: 0 2px 0 0 #333300;
	margin: 1px 0 0 0;
	background-color: #fcc353;
}
/* Yellow 小 */
a.btn_yellow_s {
	display: block;
	color: #000;
	width: 175px;
	height: 24px;
	font-size: 86%;
	text-align: center;
	font-weight: bold;
	line-height: 24px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 3px 0 0 #333300;
	-webkit-box-shadow: 0 3px 0 0 #333300;
	box-shadow: 0 3px 0 0 #333300;
	text-decoration: none;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
	background-color: #FFFF00;
	background-image: url(../images/common/icon_arrow04.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
}
a.btn_yellow_s:hover {
	text-decoration: none;
	color: #333;
	-moz-box-shadow: 0 2px 0 0 #333300;
	-webkit-box-shadow: 0 2px 0 0 #333300;
	box-shadow: 0 2px 0 0 #333300;
	margin: 1px 0 0 0;
	background-color: #FFFF66;
}


/* Green */
a.btn_green {
	display: block;
	color: #000;
	width: 100%;
	text-align: center;
	font-weight: bold;
	padding: 6px 0 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 3px 0 0 #333300;
	-webkit-box-shadow: 0 3px 0 0 #333300;
	box-shadow: 0 3px 0 0 #333300;
	margin: 0 0 1px 0;
	text-decoration: none;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
	background-color: #CF6;
	background-image: url(../images/common/icon_arrow04.png);
	background-repeat: no-repeat;
	background-position: 95% center;
}
a.btn_green:hover {
	text-decoration: none;
	color: #666;
	-moz-box-shadow: 0 2px 0 0 #333300;
	-webkit-box-shadow: 0 2px 0 0 #333300;
	box-shadow: 0 2px 0 0 #333300;
	margin: 1px 0 0 0;
	background-color: #FFFF66;
}
/* Green 小 */
a.btn_green_s {
	display: block;
	color: #000;
	height: 24px;
	font-size: 86%;
	text-align: center;
	font-weight: bold;
	line-height: 24px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 3px 0 0 #333300;
	-webkit-box-shadow: 0 3px 0 0 #333300;
	box-shadow: 0 3px 0 0 #333300;
	text-decoration: none;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
	background-color: #CF6;
	background-image: url(../images/common/icon_arrow04.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 25px;
	padding-bottom: 1px;
	padding-left: 15px;
}
a.btn_green_s:hover {
	text-decoration: none;
	color: #333;
	-moz-box-shadow: 0 2px 0 0 #333300;
	-webkit-box-shadow: 0 2px 0 0 #333300;
	box-shadow: 0 2px 0 0 #333300;
	margin: 1px 0 0 0;
	background-color: #FFFF66;
}
/* ----------------------------------------------------------------------
 utility-margin,padding
---------------------------------------------------------------------- */

/* ----------------------------------------------------------------------
 br
---------------------------------------------------------------------- */
br {
	margin-bottom: 0.3em;
	letter-spacing: normal;
	display: block;
}
/* ----------------------------------------------------------------------
 hr
---------------------------------------------------------------------- */
hr {
	padding: 0;
	background-color: #CCCCCC; /* 線の色(NN用) */
	color: #CCCCCC; /* 線の色(IE用) */
	border: 0; /* 枠の太さ */
	height: 1px; /* 線の太さ */
	width: 100%; /* 線の長さ */
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
	text-align: center;
	clear: both;
}
/* ----------------------------------------------------------------------
 headline
---------------------------------------------------------------------- */
.headline1 {
	margin: 0;
	line-height: 42px;
	line-height: 42px;
	font-size: 18px;
	color: #fff;
	background: url(img/common/headline1.gif) repeat-x left top;
	padding: 0 15px;
}
.headline2 { margin:0; line-height:42px; line-height:42px; font-size:14px; color:#333; background:url(img/common/headline2.gif) repeat-x left top; padding:0 15px; }
.headline3 { margin:0 0 20px 0; line-height:42px; line-height:42px; font-size:14px; color:#fff; background:url(img/common/headline1.gif) repeat-x left top; padding:0 15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }


/* ----------------------------------------------------------------------
 table
---------------------------------------------------------------------- */
table.tbl01 {
	margin: 0 0 1em 0;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #C1C1C1;
	border-left-color: #C1C1C1;
}
table.tbl01 td {
	padding: 1em;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #c1c1c1;
	border-bottom-color: #c1c1c1;
	line-height: 1.5em;
}
table.tbl01 th {
	background: #eee;
	font-weight: bold;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-right-style: solid !important;
	border-bottom-style: solid !important;
	border-right-color: #c1c1c1 !important;
	border-bottom-color: #c1c1c1 !important;
	padding: 1em;
	line-height: 1.5em;
}
/* ----------------------------------------------------------------------
 color-bar
---------------------------------------------------------------------- */
#colorBar {
  min-width: 1000px;
  background: #1c7dc1;
}
#colorBar .boxWrap {
  position: relative;
  padding: 25px 0 15px 0;
}
#colorBar .boxWrap > p {
  float: left;
  width: 86px;
}
#colorBar .boxWrap div {
  float: left;
  color: #fff;
  padding: 15px 0px 0 20px;
}
#colorBar .boxWrap div .triangle {
  display: block !important;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 12px 13px 0 13px;
  border-color: #1c7dc1 transparent transparent transparent;
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin: 0 0 0 -6px;
  z-index: 999;
}
#colorBar .boxWrap div p {
  font-size: 122%;
  margin: 0 0 10px 0;
}
#colorBar .boxWrap div h1 {
  font-size: 158%;
  font-weight: bold;
  margin: 0 0 10px 0;
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption, #showcase #detail .content .wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone, #showcase #detail .content .alignnone.wp-caption {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft, #showcase #detail .content .alignleft.wp-caption {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright, #showcase #detail .content .alignright.wp-caption {
  margin: 5px 0 20px 20px;
}

.wp-caption img, #showcase #detail .content .wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}