@charset "utf-8";
/* [241002]
@charset "shift_jis";
*/

/* ======================================================
	(株)データブレーン
====================================================== */
/*
* {
	background-color: rgba(255,0,0,0.05);
}
* * {
	background-color: rgba(0,0,255,0.05);
}
*/

/*[180308]入れると崩れる
*	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	hyphens: manual;
}
*/
/*
html	{overflow-y:scroll}
body	{overflow:auto;}
*/

html
{
	scroll-padding-top: calc(113px + 15pt);
}

body {
	background:#fff;
	padding:0 0 50px 0;
	margin:0;
	color:#000;
	font:normal 9pt/15pt 'ＭＳ Ｐゴシック', 'Osaka';
	text-align: center;
}

/* ======================================================
	swf・映像の振り分け　(PC用)
------------------------------------------------------ 
#TopFlash .VideoSWF,
#MovieFlash .VideoSWF	{}
#TopFlash .VideoSP,
.NewsIcon,
#MovieFlash .VideoSP	{ display: none; }
*/

/* ======================================================
	<a>
------------------------------------------------------ */
a {
	text-decoration:none;
	border:0;
}
a:hover { text-decoration:underline; }
a#a_img {
	border:0;
	background:none;
	display:block;
	width:100%;
}
a:hover#a_img {
	border:0;
	background:none;
}

/* ------------------------------------------------------ */
img {
	border: 0;
	padding: 0;
	margin: 0;
}
.main img	{
	max-width: 100%;
	height: auto;
}

form {
	padding:0;
	margin:0;
}

ul {
	padding-top:0;
	margin-top:0;
}

div {
	text-align:justify;
	text-justify:inter-ideograph;
}



/* ------------------------------------------------------
	<hr> */
hr	{
	border-style: solid;
	border-width: 0px;
	border-color: rgba(255,255,255,0);
	height: 1px;
	background-color: rgba(0,0,0,1.0);
	margin-top: 2rem;
	margin-bottom: 2rem;
}




/* ======================================================
	<table>
------------------------------------------------------ */
table { font:9pt/15pt 'ＭＳ Ｐゴシック', 'Osaka'; }
th { text-align:center; }
td { }

table#ten { background:url(img/ten.gif) repeat-x left top; }
#ten th { background:url(img/ten.gif) repeat-x left bottom; }
#ten td { background:url(img/ten.gif) repeat-x left bottom; }

table#sen { background:url(img/sen.gif) repeat-x left top; }
#sen th { background:url(img/sen.gif) repeat-x left bottom; }
#sen td { background:url(img/sen.gif) repeat-x left bottom; }

table#list { background:#fee984; }
#list th { background:#fff6ce; }
#list td { background:#fff; }


/* ======================================================
	文字
------------------------------------------------------ */
.nowrap { white-space: nowrap; }

.jisage { padding-left:30px; }
.moji { font:normal 9pt/15pt 'ＭＳ Ｐゴシック', 'Osaka'; }
.komoji { font:80%/150% 'ＭＳ Ｐゴシック', 'Osaka'; }
.komojin { font:normal 80%/150% 'ＭＳ Ｐゴシック', 'Osaka'; }
.komojib { font:bold 80%/150% 'ＭＳ Ｐゴシック', 'Osaka'; }
.oomoji { font:120%/150% 'ＭＳ Ｐゴシック', 'Osaka'; }
.oomojin { font:normal 120%/150% 'ＭＳ Ｐゴシック', 'Osaka'; }
.oomojib { font:bold 120%/150% 'ＭＳ Ｐゴシック', 'Osaka'; }

.r { text-align:right; }
.l { text-align:left; }
.c { text-align:center; }
.fr { float:right; }
.fl { float:left; }
.fc {
	margin-left:auto;
	margin-right:auto;
}

.kome {
	font:normal 80%/150% 'ＭＳ Ｐゴシック', 'Osaka';
	color:#093;
}
.modoru {
	font:normal 80%/150% 'ＭＳ Ｐゴシック', 'Osaka';
	text-align:right;
}
.root {
	font:normal 80%/150% 'ＭＳ Ｐゴシック', 'Osaka';
	text-align:left;
}
.next {
	font:normal 80%/150% 'ＭＳ Ｐゴシック', 'Osaka';
	text-align:right;
}

/* ====================================================== */
.copy {
	width:100%;
	background:url(img/sen_bl.gif) center top repeat-x;
	text-align:center;
	padding:15px 0 10px 0;
}


/* ====================================================== */
.site { color:#666; }


/* ====================================================== */
.all_center { text-align:center; }
.all900 {
	width:900px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}


/* ------------------------------------------------------ */
/*[180306]修正　Header　scroll時固定*/
#Header	{}
.Header	{
	position: fixed;
	background-color: #ffffff;
	z-index: 1000;
}
/* 幅が、900以下 */
@media screen and (max-width: 900px) {
	.Header	{
		left: 0;
		right: 0;
	}
}

.Contents	{
/*	margin-top: calc(0em - (113px + 15pt));*/
	padding-top: calc(113px + 15pt);
}
/*
.Contents:before	{
	content: "";
	display: inline-block;
	height: calc(113px + 15pt);
	margin-top: calc(0em - (113px + 15pt));
	vertical-align: top;
}
*/
.Header .HeaderRight	{
	vertical-align: bottom;
}

.logo {
	width: 900px;
	height: 113px;
}
table.logo,
.logo table
{
	border-collapse:collapse;
	border-spacing: 0px;
	border-width: 0px;
	border-style: solid;
}
/*
	font-size: 1em;
*/
.logo th,
.logo td {
	padding: 0;
}
.logo_mark {
	width:180px;
	text-align:right;
	vertical-align: bottom;
/*
	padding:0 20px 0 0;
*/
}
.logo_mark img {
	margin-right: 20px;
}

/*
.logo td th,
.logo td td {
	vertical-align: middle;
}
*/



/* ======================================================
	ヘッダメニュー
------------------------------------------------------ */
.menu_maru {
	font-size: 0.8em;
	margin-left: 5px;
	line-height: 1.5;
}

.menu_maru a {
	display: block;
}

.HeaderRightMaru td:first-child  .menu_maru{
	margin-left: 0px;
}
.HeaderRightMaru
{
	width: 100%;
	margin-left: auto;
	margin-right: 0px;
}
/*
.menu_maru { font:normal 80%/150% 'ＭＳ Ｐゴシック', 'Osaka'; }
*/
/*[180306]修正*/
.ClassContact	{
}
.ClassContact a span	{
	width: 5em;
	display: inline-block;
	white-space: normal;
	text-align: center;
}

.HeaderRightMenu	{
	width: 720px;
	height: 30px;
}
.HeaderRightMenu dl	{
}
.HeaderLine	{
	margin-top: calc(19px + 6px);
/*
	margin-top: 19px;
	padding-top: 6px;
*/
}



#menu_main	{
}
#menu_main .f_sp	{
	width: 5px;
}


#menu_main dt	{
	background-position: left top;
	background-repeat: no-repeat;
}
#menu_main dt:hover	{
	background-position: left top;
	background-repeat: no-repeat;
}
#menu_main dt a	{
	background-image: linear-gradient(
		180deg,
		rgba(228,235,245,1.0),
		rgba(105,117,191,1.0)
	);
	background-color: rgba(105,117,191,1.0);
	padding-top: 2px;
	padding-bottom: 2px;
}
#menu_main dt:hover a,
#menu_main .over dt a	{
	background: rgba(105,117,191,1.0);
}

#menu_main dt img	{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*
	width: 140;
	height: 30;
*/
#menu_main .CategoryB dt	{
	background-image:url(img/i_kokyaku1.jpg)
}
#menu_main .CategoryB dt:hover	{
	background-image:url(img/i_kokyaku2.jpg)
}

#menu_main .PageC dt a	{
	background-image: linear-gradient(
		180deg,
		rgba(255,245,227,1.0),
		rgba(254,179,34,1.0)
	);
	background-color: rgba(254,179,34,1.0);
}
#menu_main .PageC dt a:hover,
#menu_main .PageC.over dt a	{
	background: rgba(254,179,34,1.0);
}






/* ======================================================
	本体
------------------------------------------------------ */
/*[180306]修正・Header固定*/
.Contents	{}




/* ======================================================
	左・メニュー
------------------------------------------------------ */
.menu_s {
	float:left;
	width:160px;
	background:#525faa;
	text-align:center;
	padding:1px 0 0 0;
	margin-bottom:20px;
}

/* off */
.menu_s a {
	display: block;
	background:#fff;
	text-align:center;
	padding:5px 2px 5px 2px;
	margin:0 1px 1px 1px;
}
/* on 今のページ */
.menu_s a.s_on {
	display: block;
	background:#525faa;
	color:#fff;
	text-align:center;
	padding:6px 3px 6px 3px;
}



/* ======================================================
	本文
------------------------------------------------------ */
.main {
	float:right;
	width:720px;
	margin-bottom: 20px;
}

.mi_bl {
	background:#525faa;
	font:bold 120%/150% 'ＭＳ Ｐゴシック', 'Osaka';
	color:#fff;
	padding:5px 10px 5px 10px;
	margin:0 0 10px 0;
}

.t_read { font:bold 120%/150% 'ＭＳ Ｐゴシック', 'Osaka'; }
.t_read_bl {
	font:bold 120%/150% 'ＭＳ Ｐゴシック', 'Osaka';
	color:#525faa;
}

.bg_w { background:#fff; }
.bg_w10 {
	background:#fff;
	padding:10px;
}
.bg_w20 {
	background:#fff;
	padding:20px;
}
.bg_w40 {
	background:#fff;
	padding:20px 40px;
}

.sen_w {
	background:#fff;
	margin:10px 0;
}
.sen_bk {
	background:#000;
	margin:10px 0;
}

.ten_bl {
	background:url(img/dot1bl.gif) #fff;
	margin:10px 0;
}
.ten_bk {
	background:url(img/dot1.gif) #000;
	margin:10px 0;
}

.b1_h1 {
	float:right;
	width:520px;
}
.c1_h1 {
	float:left;
	width:110px;
}
.c1_h2 {
	float:left;
	width:150px;
	font:bold 120%/150% 'ＭＳ Ｐゴシック', 'Osaka';
}
.c1_h3 {
	float:left;
	width:460px;
}
.c1_h3 ul {
	margin-bottom: 0;
}

.c2_h2 {
	float:right;
	width:600px;
}
.e3_text {
	width:430px;
	height:205px;
}


/* ------------------------------------------------------ */
#qa_taxt p {
	padding:0;
	margin:0;
	background:#525faa;
	font-weight:bold;
	font-size:120%;
	color:#fff;
	padding:5px 10px;
	margin-bottom:10px;
}

#qa_taxt dl,
#qa_taxt dt,
#qa_taxt dd,
#qa1 dl,
#qa1 dt,
#qa1 dd {
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}

#qa_taxt dt {
	font-weight:bold;
	font-size:120%;
	color:#525faa;
	;
	margin-bottom:5px;
}
#qa_taxt dd {
	text-indent:-2em;
	margin-bottom:2em;
}
#qa_taxt .qa_q {
	padding-left:2em;
	text-indent:-2em;
	padding-bottom:5px;
}

#qa1 dt { font:bold 120%/150% 'ＭＳ Ｐゴシック', 'Osaka'; }
#qa1 dd { margin-left:0; }
#qa1 strong { font:bold 120%/150% 'ＭＳ Ｐゴシック', 'Osaka'; }
#qa1 div.jisage { padding-left:1.2em; }
#qa1 div.kome {
	font:9pt/15pt 'ＭＳ Ｐゴシック', 'Osaka';
	color:#000;
	padding-left:1em;
	text-indent:-1em;
}





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



.Section	{
	margin-top: 6em;
	margin-bottom: 6em;
	border-radius: 5px;
}
li>.Section	{
	margin-top: 0em;
}

h1,h2,h3,h4,h5	{
	margin-top: 0;
}

h1	{}
h2	{
	font-size: 2em;
}
h3	{
	font-size: 2em;
}
h4,
dt	{
	font-size: 1.3em;
}

.read	{
	font-size: 1.2em;
	margin-bottom: 1em;
}

.big	{
	font-size: 1.5em;
}



/* ======================================================
	非表示
------------------------------------------------------ */
.DspNo	{
	display: none;
	width: 0px;
	height: 0px;
	overflow: hidden;
	border-width: 0;
	margin: 0;
	padding: 0;
	background: none;
}
/* 表示OFF */
.DspOFF	{
	opacity: 0.5;
	background-color: rgba(0,0,0,0.1);
}








/* ====================================================== 
	box
------------------------------------------------------ */
.box,
.clearfix,
.Contents
	{ zoom: 1; }

.box:after,
.clearfix:after,
.Contents:after
	{
	content: ""; 
	display: block; 
	clear: both;
}
/*[180306]差し替え
.clearfix:after {
	content:url(sp.gif);
	display:block;
	clear:both;
	height:0;
}
.clearfix { display:inline-block; }
.clearfix { display:block; }
*/