@charset "UTF-8";



/*================================================

 *  CSSリセット

 ================================================*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}



/*================================================

 *  一般・共通設定

 ================================================*/

body {

	font-size:14px;

	color:#333;

	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

	line-height:1.6;

	background:#ffb6c1;

}



.inner {

	position:relative;

	width:980px;

	margin:0 auto;

}



header {

	box-sizing:border-box;

	position:relative;

	width:100%;

}



nav {

	width:100%;

	background:#fff;

	box-shadow:0 1px 2px #d0d8dc;

	⁄zoom:1;

}

nav:after {

   content:'';

   display:block;

   clear:both;

}



#contents {

	overflow:hidden;

	width:1200px;

	margin:20px auto;

	background:#fff;

}



#main {

	box-sizing:border-box;

	overflow:hidden;

	float:left;

	width:670px;

	margin-bottom:-32768px;

	padding-bottom:32768px;

}



#sub {

	box-sizing:border-box;

	overflow:hidden;

	float:none;

	width:530px;

}



footer {

	box-sizing:border-box;

	width:100%;

	margin:0 auto;

}



a {

	color:#333;

	text-decoration:underline;

}

a:hover {

	color:#333;

	text-decoration:none;

}



h2 {

	margin-bottom:0.5em;

	padding:10px 3px;

	width:640px;

	font-size:16px;

	color:#333;

	border:3px outset #c13ea7;

	

}



h3 {

	margin-bottom:0.25em;

	padding:2px 5px 0px;

	color:#fff;

	font-size:16px;

	background:#c13ea7;

	border-radius:4px;

	clear:both;

}



h4 {

	margin-bottom:10px;

	padding:5px 0;

	font-size:12px;

	color:#c13ea7;

	border:3px outset #c13ea7;

	font-weight:bold;

}



h5 {

	position:relative;

	margin-bottom:0.25em;

	padding-left:10px;

	color:#ff7800;

	font-size:14px;

	font-weight:bold;

}

h5:before {

    content:"";

    margin-top:-7px;

    position:absolute;

    top:50%;

    left:0;

    width:5px;

    height:14px;

    background:#8c0e0e;

}



h6 {

	margin-bottom:0.25em;

	color:#382400;

	font-size:14px;

	font-weight:bold;

}



p {

	margin:0 0 1em 0;

}



img {

	vertical-align:bottom;

}

#altop{
	vertical-align:top;
	}



em {

	font-weight:bold;

}



strong {

	font-weight:bold;

	color:#ff0000;

}



pre {

	margin:1em 0;

	padding:1em;

}



blockquote {

	margin-bottom:1em;

	padding:1em;

	border:1px dotted #ddd;

	border-left:5px solid #ddd;

}



ul,ol,dl {

	margin:0 0 1em 0;

}

ul li {

	list-style:disc;

}

ol li {

	list-style:decimal;

}

li {

	margin-left:2em;

}



dt {

	margin-bottom:0.5em;

	border-bottom:1px dotted #ddd;

}

dt:before {

	content:"\0025a0";

}

dd {

	margin-bottom:3em;

}



table {

	margin-bottom:1em;

	border-collapse:collapse;

	border:1px solid #ddd;

	background:#fff;

}

th {

	padding:10px;

	text-align:center;

	vertical-align:middle;

	border:1px solid #ddd;

	background:#eee;

}

td {

	padding:10px;

	text-align:left;

	border:1px solid #ddd;

}



.info dt span{

font-size:13px;

font-weight:bold;

	color:#c13ea7;



}



.info dd {

font-size:12px;

line-height:22px;

}



.red{ color:#FF0000;}

/*================================================

 *  ヘッダー

 ================================================*/

header {

	padding:0;

	border-top:30px double #9400d3;
	
	border-bottom:20px solid #9400d3;

}

	.f_left{

	float:left;

	}

	header p.h_tel{

	padding:18px 0;

	margin:0;

	text-align:right;

	font-size:12px;

	}



.summary {

	position:absolute;

	top:0;

	right:10px;

	margin:0;

}



/*================================================

 *  グローバルナビゲーション

 ================================================*/

@media only screen and (min-width:481px) {

	nav {

		z-index:3;

		clear:both;

		background: #c13ea7;

		background: -moz-linear-gradient(top,  #c13ea7 0%, #690b79 100%);

		background: -webkit-linear-gradient(top,  #c13ea7 0%,#690b79 100%);

		background: linear-gradient(to bottom,  #c13ea7 0%,#690b79 100%);

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c13ea7', endColorstr='#690b79',GradientType=0 );

		box-shadow:0 1px 3px #999;

	}

	nav ul {

		margin:0;

		padding:0;

	}

	nav li {

		position:relative;

		width:14%;

		float:left;

		margin:0;

		padding:0;

		text-align:center;

		list-style:none;

	}

	nav li:first-child {

		width:15%;

	}

	nav li:before {

		content:"";

		margin-top:-7px;

		position:absolute;

		top:50%;

		left:0;

		width:1px;

		height:14px;

		background:#bdeeff;

	}

	nav li:last-child:after {

		content:"";

		margin-top:-7px;

		position:absolute;

		top:50%;

		right:0;

		width:1px;

		height:14px;

		background:#bdeeff;

	}

	nav li:hover:before,

	nav li:hover + li:before, 

	nav li:last-child:hover:after,

	nav li li:before,

	nav li li:after {

		display:none;

	}

	nav li:last-child li {

		left:-50%;

	}

	nav li a {

		display:block;

		padding:12px 0 10px;

		color:#fff;

		font-size: 18px;

		font-weight:bold;

		text-decoration:none;

	}

	nav li ul {

		position:absolute;

		top:100%;

		left:0;

		margin:0;

		padding:0;

		border-radius:0 0 3px 3px;

		z-index:3;

	}

	nav li ul li {

		overflow:hidden;

		width:150%;

		height:0;

		-moz-transition:.2s;

		-webkit-transition:.2s;

		-o-transition:.2s;

		-ms-transition:.2s;

		transition:.2s;

	}

	nav li li:first-child {

		width:150%;

	}

	nav li ul li a {

		padding:10px 15px;

		background:#7c0c0c;

		text-align:left;

		font-weight:normal;

	}

	nav li:hover > a {

		background:#005f80;

		color:#fff;

	}

	nav li:hover > a:hover {

		background:#c13ea7;

	}



	.showNav {

		background:#7c0c0c !important;

	}



	.showSub {

		overflow:visible;

		height:42px;

		border-bottom:2px solid #8c0e0e;

	}

	.showSub:last-child {

		border-bottom:0;

	}

	.showSub:last-child a {

		border-radius:0 0 3px 3px;

	}



	.fixed {

		position:fixed;

		top:0;

		left:0;

	}

	

	#company {

		width: 640px;

		clear:both;

		margin-bottom: 20px;

	}			

	

	/* 会社概要 */

	table.gaiyo{ 

	width:95%;

	margin:0 auto;

	border-spacing:0; 

	font-size:16px;

	border:1px solid #555555;

	}

	

	

	table.gaiyo th,td{

	padding:12px;

	margin:0;

	border-bottom:1px solid #999999;

	}

	 

	table.gaiyo th{

	background:#cccccc;

	text-align:center;

	}

	

	table.gaiyo td{

	padding-left:25px;

	color:#666666;

	font-weight:bold;

	}

	

	#inquiry table {width:642px;}

}



/*================================================

 *  トピックパス（パンくずリスト）

 ================================================*/

#topicpath {

	font-size:12px;

	margin-bottom:20px;

	padding:2px;

	background:#f1f1f1;

}



/*================================================

 *  サブコンテンツ

 ================================================*/

.submenu li {

	margin:20px 0 20px;

	padding:0;

	list-style:none;
	
	float:left;

}



.submenu li a {

	display:block;

	padding:10px 2px;

	color:#000;

	border-bottom:1px dotted #ddd;

	text-decoration:none;

}

.submenu li a:hover {

	background:#000;

}



.bnr {

	overflow:hidden;

}

.bnr ul {

	overflow:hidden;

}

.bnr li {

	margin:0 0 10px 0;

	padding:0;

	list-style:none;

	text-align:center;

}

.bnr li a:hover {

	opacity:0.8;

	filter:alpha(opacity=80);

	-ms-filter:"alpha( opacity=80 )";

}

.wid100 {

	width:100%;

}



	#sub p {

	font-size:12px;

	padding:8px;

	border:1px solid #dcdcdc;

	}





/*================================================

 *  フッター

 ================================================*/

footer {

	clear:both;

}



.footmenu {

	width:100%;

	padding:20px 0;

	overflow:hidden;

	background:#efede9;

}

.footmenu ul {

	position:relative;

	float:left;

	left:50%;

	margin:0;

	padding:0;

}

.footmenu li {

	position:relative;

	left:-50%;

	float:left;

	list-style:none;

	margin:0;

	padding:0 15px;

	font-size:12px;

	text-align:center;

}

.footmenu a {

	color:#333;

	text-decoration:none;

}

.footmenu a:hover {

	color:#333;

	text-decoration:underline;

}



.copyright {

	clear:both;

	padding:50px 0;

	font-size:11px;

	text-align:center;

	color:#ffffff;

	background:#c13ea7;

}



/*================================================

 *  ページトップへの戻り

 ================================================*/

.totop {

	position:fixed;

	bottom:15px;

	right:15px;

}

.totop a {

	display:block;

	text-decoration:none;

}

.totop img {

	border-radius: 5%;

    background: #ffd700;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

}

.totop img:hover {

	background:#db7877;

}



/*================================================

 *  クラス

 ================================================*/

.list {

	padding:0 0 0 0.5em;

}

.list li {

	margin:0;

	padding:0 0 0 15px;

	list-style:none;

	background:url(../images/check.png) 0 5px no-repeat;

}



.m_bnr {

	padding:0 0 15px 0;

	text-align:center;

	clear:both;

}



.col_two_one {

	overflow:hidden;

}



.col_two_one ul {

	overflow:hidden;

	margin:2% -2% 0 0;

}

.col_two_one li {

	list-style:none;

	float:left;

	width:320px;

	margin:0 1% 2% 0;

	font-size:12px;

	border-top: 5px solid #c13ea7;

}

.col_two_one li:nth-child(2n+1) {

	clear:both;

	border-top: 5px solid #c13ea7;

}

.col_two_one li img {

    margin: 0 10px 0 0;

    width: 150px;

}



/*================================================

 *  メインイメージ

 ================================================*/

.mainimg {

	position:relative;

	overflow:hidden;

	margin:0;

	background-color:#174384;

	width:100%;

}



.mainimg h1 {

	width:980px;

    margin: 0 auto;

    padding: 0 ;

    text-align: left;

}



/*================================================

 *  スマートフォン向けデザイン

 ================================================*/

@media only screen and (max-width:480px) {



	h2 {

		margin-bottom:0.5em;

		width:100%;

		padding:10px 0;

		font-size:12px;

		color:#333;

		border-top:3px solid #c13ea7;

		border-bottom:1px dotted #c13ea7;

	}



	img { width:100%; }

	.inner {

		width:100%;

	}



	#contents {

		box-sizing:border-box;

		width:100%;

		padding:0 10px;

	}



	footer {

		width:100%;

	}



	.lock {

		overflow:hidden;

		height:100%;

	}



	header {

		z-index:2;

		box-sizing:border-box;

		position:fixed;

		top:0;

		left:0;

		width:100%;

		padding:0;

		border-top:4px solid #c13ea7;

		background:#ffffff;

	}



	.f_left img{

		width:100%;

	}



	header p.h_tel{

		display:none;

	}



	.summary {

		position:relative;

		top:auto;

		right:auto;

		margin-top:8px;

		font-size:10px;

	}



	#main {

		float:none;

		width:100%;

	}

	.mainimg h1 {

	width:100%;

    margin: 0 auto;

    padding: 0px;

    text-align: left;

}



.mainimg h1 img {

	width:100%;

}





	#sub {

		float:none;

		width:100%;

	}

	nav {

		background:#710000;

	}

	nav ul {

		margin:0;

		padding:0;

		}



	nav .inner > ul {

		z-index:2;

		overflow:auto;

		position:fixed;

		top:53px;

		right:0;

		width:100%;

		height:88%;

		height:-webkit-calc(100% - 53px);

		height:calc(100% - 53px);

	}

	nav li {

		position:relative;

		width:100%;

		float:none;

		margin:0;

		text-align:left;

		list-style:none;

		border-bottom:1px solid #fff;

		background:#ff7800;

	}



	nav li:first-child {

		border-top:0;

	}

	nav li:last-child {

		border-bottom:0;

	}



	nav li a {

		display:block;

		padding:10px 30px;

		color:#fff;

		text-decoration:none;

		background:#c13ea7;

	}

	nav li a:hover {

		color:#fff;

		background:#c13ea7;

	}

	nav ul ul {

		display:none;

		position:relative;

	}

	nav li li a {

		box-sizing:border-box;

		width:100%;

		padding:10px 30px 10px 50px;

		text-align:left;

	}



	.subnav > a:before {

		display:block;

		content:"";

		position:absolute;

		-webkit-transform:rotate(45deg);

		transform:rotate(45deg);

		top:20px;

		right:30px;

		width:10px;

		height:10px;

		margin-top:-5px;

		background:#f1f1f1;

	}

	.subnav > a:after {

		display:block;

		content:"";

		position:absolute;

		-webkit-transform:rotate(45deg);

		transform:rotate(45deg);

		top:20px;

		right:30px;

		width:10px;

		height:10px;

		margin-top:-10px;

		background:#9b0f0f;

	}

	.subnav a:hover:after {

	  background:#710000;

	}



	.active > a:before {

		margin-top:0;

	}

	.active > a:after {

		margin-top:5px;

	}



	#spMenu {

		z-index:2;

		position:fixed;

		top:10px;

		right:10px;

	}

	#spMenu:hover {

		cursor:pointer;

	}



	#navBtn {

		display:inline-block;

		position:relative;

		width:30px;

		height:30px;

		border-radius:5%;

		background:#c13ea7;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;  

	}

	#navBtnIcon {

		display:block;

		position:absolute;

		top:50%;

		left:50%;

		width:14px;

		height:2px;

		margin:-1px 0 0 -7px;

		background:#ffffff;

		transition:.2s;

	}

	#navBtnIcon:before,

	#navBtnIcon:after {

		display:block;

		content:'';

		position:absolute;

		top:50%;

		left:0;

		width:14px;

		height:2px;

		background:#ffffff;

		transition:0.3s;

	}

	#navBtnIcon:before {

		margin-top:-6px;

	}

	#navBtnIcon:after {

		margin-top:4px;

	}

	#navBtn .close {

		background:transparent;

	}

	#navBtn .close:before,

	#navBtn .close:after {

		margin-top:0;

	}

	#navBtn .close:before {

		transform:rotate(-45deg);

		-webkit-transform:rotate(-45deg);

	}

	#navBtn .close:after {

		transform:rotate(-135deg);

		-webkit-transform:rotate(-135deg);

	}



	.col_two_one ul {

		margin-right:0;

	}

	.col_two_one li {

		width:100%;

	}

	.col_two_one li:nth-child(2n+1) {

		clear:both;

	}

.col_two_one li img {

	width:120px;

	margin-bottom:2.5%;

}

.col_two_one li h4 {

	width:100%;

	float:right;

}

.submenu {

	margin:0 0 12px;

}



.submenu li{

	margin: 0;

    padding: 0;

    list-style: none;

}

.submenu img {

	width:140px;

	float:left;

	margin: 0 4px 12px;

}

.info dd img{

	width:100px;

}

.bnr .bb{

width:120px;

}



#inquiry table th,

#inquiry table td {

    padding: 4px 10px;

    text-align: center;

    vertical-align: middle;

    border: 1px solid #ddd;

    font-size: 12px;

	width:300px;

}



	#inquiry table {width:300px;}

	#inquiry table tr {float:left; width:100%;}

	#inquiry table th {float:left; background: #eee;}

	#inquiry table td {float:left; background: #fff;}

}

#transaction_table {
    width: 100%;
    font-size: inherit;
    font: 100%;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}
.transactionbg {
    background-color: #CCC;
	min-width: 50px;
}
#transaction_table td {
    padding: 15px 0 15px 10px;
    font-size: 80%;
}
.responsive{
	width: 100%;
		
}