@charset "utf-8";


body  {
	font: 15px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #FFF repeat-y center;
	margin: 0; 
	padding: 0;
	text-align: center;
  letter-spacing: .05em;
  line-height: 1.8;
	color: #666;
	min-width: 1024px;
	overflow-x: hidden;
}

/*body * {
	box-sizing: border-box;
	min-height: 60px;
	background: rgba(0,0,0,0.1);
}
*/
img {border:none;}
a:focus{outline:none;}

/* clearfix */
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*-- 共通 --*/
.inner {
	width: 950px;
	margin: 0 auto;
}

/* logo */
.logo {
	float: left;
	width: 139px;
	height: 58px;
	text-indent: -5000px;
	background:url(../images/header/logo.png) no-repeat;
}
.logo a {
	display: block;
	width: 100%;
	height: 100%;
}


/* Header
-----------------------------------------*/
#header {
	border-top: 5px solid #5c3a9b;
	background-color: #f2f2f2;
}

.header_inner {
	padding: 8px 0 15px;
}

/* catch */
.header_catch {
	margin-bottom: 10px;
	font-size: 13px;
}

/* logo */
.header_logo {
	margin-right: 50px;
}

/* navi */
.header_navi {
	float: left;
	overflow: hidden;
	width: 250px;
	margin-top: 12px;
}

.header_navi li {
	float: left;
	padding: 5px 30px 5px 15px;
	background:url(../images/header/li_bg.png) left center no-repeat;
}

.header_navi li a {
	color:#666;
	text-decoration:none;
}

.header_navi li a:hover {
	text-decoration:underline;
}

/* info */
.header_info {
	float: right;
	width: 280px;
}

.header_info p {
	margin: 0;
	padding: 0;
	font-size: 13px;
	text-align: right;
}


/* Navi
-----------------------------------------*/
#navi {
	height:60px;
	background: url(../images/header/navi/bg.jpg) repeat-x left top;
}

#grobal_navi {
	clear:both;
	width:950px;
	height:60px;
	margin:0 auto;
	background: url(../images/header/navi/separator.jpg) left no-repeat;
}

.navi-main {
	position: relative;
	z-index: 597;
	letter-spacing: .08em;
}

.navi-main li:hover > ul {
	visibility: visible;
}

.navi-main li.hover,
.navi-main li:hover {
	position: relative;
	z-index: 599;
	cursor: pointer;
	background: url(../images/header/navi/dropdown-bg-hover.jpg) repeat-x left top;
}

.navi-main > li {
	float: left;
	display: block;
	height: 60px;
	background: url(../images/header/navi/separator.jpg) no-repeat right center;
}

.navi-main > li > a {
  overflow: hidden;
	box-sizing: border-box;
	font-size: 14px;
	display: block;
	padding: 18px 30px 0 29px;
	height: 60px;
	color: #fff;
	text-decoration: none;
}

.navi-main > li > a:hover {
	color:#FFF;
}

.navi-main *.list {
	padding-right: 5px;
	background: url(../images/header/navi/navigation-arrow.gif) no-repeat right top;
}

.nav-sub {
	visibility: hidden;
	position: absolute;
	padding:10px;
	top: 60px;
	left: 0;
	z-index: 598;
	background: #2d1259 url(../images/header/navi/dropdown-list-bg.gif) repeat-x left top;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

.nav-sub li {
	list-style:none;
	display:block;
	padding: 0;
	float: none;
	border-bottom: 1px solid #5a5a5a;
	background: none;
}

.nav-sub li a {
	list-style:none;
	display: block;
	padding: 10px 5px 10px 5px;
	width: 240px;
	height: 100%;
	font: 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	background: none;
}


/* Contents
-----------------------------------------*/
.contents_inner {
	padding: 80px 0;
}

/* ページタイトル */
.contents_title {
	position: relative;
	background: #fff;
}

.contents_title img {
	display: block;
	position: relative; top: 0; left: 50%;
	margin-left: -800px;
}

/* 見出しパターンA */
.headingA {
	width: 100%;
	color: #333;
	line-height: 1em;
	border: 1px solid #ccc;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,f6f6f6+100 */
	background: #fefefe; /* Old browsers  */
	background: -moz-linear-gradient(top, #fefefe 0%, #f6f6f6 100%); /* FF3.6-15  */
	background: -webkit-linear-gradient(top, #fefefe 0%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fefefe 0%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+  */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

.headingA::before {
	display: inline-block;
	content: "";
	width: 8px;
	height: 50px;
	margin-right: 7px;
	vertical-align: middle;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60379d+0,3c1d6d+100 */
	background: #60379d; /* Old browsers */
	background: -moz-linear-gradient(top, #60379d 0%, #3c1d6d 100%); /* FF3.6-15 */ 
	background: -webkit-linear-gradient(top, #60379d 0%,#3c1d6d 100%);  /*Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #60379d 0%,#3c1d6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+  */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60379d', endColorstr='#3c1d6d',GradientType=0 ); /*IE6-9 */
}

.headingA-middle {
	margin-bottom: 40px;
	font-size: 18px;
}

.headingA-small {
	font-size: 17px;
}

.headingA-small::before {
	height: 38px;
}


/* 見出しパターンB */
.headingB {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1em;
	color: rgba(92,35,140,1.00);
	border: 1px solid #ccc;
	background: #f0e7f8;
}

.headingB::before {
	display: inline-block;
	content: "";
	width: 4px;
	height: 35px;
	margin-right: 10px;
	vertical-align: middle;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60379d+0,3c1d6d+100 */
	background: #60379d; /* Old browsers */
	background: -moz-linear-gradient(top, #60379d 0%, #3c1d6d 100%); /* FF3.6-15 */ 
	background: -webkit-linear-gradient(top, #60379d 0%,#3c1d6d 100%);  /*Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #60379d 0%,#3c1d6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+  */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60379d', endColorstr='#3c1d6d',GradientType=0 ); /*IE6-9 */
}

/* タブメニュー */
.tabList {
	width: 100%;
	max-width: 950px;
	margin-bottom: 30px;
	border-bottom: 3px solid #bbb;
}

.tabList li {
	float: left;
	width: 223px;
	margin-right: 19px;
	border: 1px solid #bbb;
	background: #fff;
}

.tabList li:nth-last-of-type(1) {
	margin-right: 0;
}

.tabList li:hover,
.tabList li.active {
	background: rgba(226,216,236,1);
}

.tabList li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 6px 0;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	color: #2a2a2a;
}

.tabList li a::before {
	display: inline-block;
	content: "▼";
	margin-right: 5px;
	font-size: 0.7em;
	vertical-align: text-top;
	color: rgba(91,49,136,1.00);
}

.contactBanner {
	width: 950px;
	margin: 80px auto 0;
	font-weight: bold;
	border: 1px solid #ccc;
}

.contactBanner_inner {
	width: 520px;
	margin: 0 auto;
	padding: 45px 0 45px;
}

.contactBanner_inner p {
	width: 500px;
	margin: 0 auto 10px;
	text-align: center;
}

.contactBanner_inner p b {
	display: inline-block;
	margin: 0 10px;
	font-size: 20px;
	color: #5d389f;
}

.contactBanner_inner a {
	display: block;
	width: 457px;
	margin: 0 auto;
}

.contactBanner_inner a img {
	display: block;
	width: 100%;
}


.pageTop {
	box-sizing: border-box;
	position: fixed; right: 30px; bottom: 120px;
	width: 80px;
	height: 80px;
	padding: 18px 0;
	text-align: center;
	line-height: 1.6;
	text-decoration: none;
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60379d+0,3c1d6d+100 */
	background: #60379d; /* Old browsers */
	background: -moz-linear-gradient(top, #60379d 0%, #3c1d6d 100%); /* FF3.6-15 */ 
	background: -webkit-linear-gradient(top, #60379d 0%,#3c1d6d 100%);  /*Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #60379d 0%,#3c1d6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+  */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60379d', endColorstr='#3c1d6d',GradientType=0 ); /*IE6-9 */
}

.linkBox {
	margin: 60px 0;
	text-align: center;
}

.linkBox a {
	display: inline-block;
	width: 180px;
	margin: 0 5px;
}

.linkBox a img {
	display: block;
	width: 100%;
}

/* Footer
-----------------------------------------*/
#footer {
	margin: 0;
	padding: 0;
	background-color: #f2f2f2;
}

.footer_inner {
	position: relative;
	width: 940px;
	margin: 0 auto;
	padding: 20px 0 15px;
}

/* nav */
.footer_navi {
	width: 800px;
	margin: 0 0 20px;
	padding: 0;
	text-align: left;
}

.footer_navi li {
	float: left;
	margin: 0;
	padding: 2px 15px;
	font-size: 14px;
	list-style: none;
	border-left: 1px solid #666;
}

.footer_navi li:first-child {
	border: none;
}

.footer_navi li a{
	text-decoration: none;
	color: #666;
}

.footer_navi li a:hover{
	text-decoration: underline;
}

.get_pdf {
	position: absolute; top: 18px; left: 840px;
}

.get_pdf a {
	display: block;
	width: 100%;
}


/* companyDetail */
.footer_company_detail {
	padding-left: 18px;
	text-align: left;
	line-height: 1.5;
}

.footer_company_detail p {
	font-size: 14px;
}

.footer_company_detail p img {
	display: inline-block;
	margin-left: 2px;
	vertical-align: text-top;
}

/* logo */
.footer_logo {
	float: left;
	width: 139px;
	height: 58px;
	margin-right: 30px;
	text-indent: -5000px;
	background:url(../images/header/logo.png) no-repeat;
}

/* copy */
address {
	display: block;
	width: 100%;
	font-size: 10px;
	font-style: normal;
	text-align: center;
	color: #fff;
	background-color: #5c3a9b;
}

address a {
	color: #fff;
	text-decoration: none;
}

address a:hover {
	text-decoration: underline;
}