@charset "shift-JIS";
/* ==========================================================================================================

	 1. Universal Selector + body
 
============================================================================================================*/
* {
	background-color	: transparent;
	margin				: 0;
	padding				: 0;
	/* font-size			: 16px; */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style			: normal;
}

html{overflow-y: scroll;}

body {
	color			: #333333;
	letter-spacing	: 0.1em;
	line-height:1.6em;
}

hr {	height	: 1px;}

h1, h2, h3, h4, h5, h6{
font-size:100%;
font-weight:normal;
}

p, ul, dl{
margin: 0;
padding: 0;
}

h2 {font-size: 40px;
    margin: 30px 0;
	font-weight: bold;
	color:#ba1532;
}
p { font-size: 16px; }
/* ==========================================================================================================

	  2. List Module

============================================================================================================*/
ul {
	list-style	: none;
}

dt {
	display	: block;
	width	: auto;
}

ol {
	list-style-type: decimal;
}
/* ==========================================================================================================

	  3. Tables Module

============================================================================================================*/
table {
	border			: none;
	border-collapse	: collapse;

}

td, th { 
	vertical-align	: top;
}


caption {
	text-align		: left;
}
/* ==========================================================================================================

	  4. Image Module

============================================================================================================*/

img{
	border:0;
	vertical-align:bottom;
	}

a img {
	border	: none;
}
/* ==========================================================================================================

	  5. Text Module

============================================================================================================*/
br {
	letter-spacing: normal;
}


/*  link
-----------------------------------*/
a,a:visited { color:#ba1532; text-decoration: none; }
a:hover { color:#4FA2B3; text-decoration: underline; }
/* a {color: #1e41b9;}
a:link {color: #1e41b9;}
a:visited {color: #1e41b9;}
a:hover {color: #b1b1b1;} */

/* ==========================================================================================================

	  レイアウト構成 / 共通スタイル

============================================================================================================*/

div#wrapper{
width:998px;
margin:0px auto;
padding:0;
text-align:left;
background:url(../images/qd_bgk.png) repeat-y top;
}

div#cbox{ width:980px; margin:0 9px; }

div#footer{
	margin:0 20px;
	padding:10px 0 20px 0;
	border-top:#909090 solid 1px;
}

.mdp1,.mdp2,.mdp3,.mdp4 {
	margin: 25px 0 0 9px;
	clear:both;
}

.ymdp2  {
	clear:both;
	margin-left:25px;
}

.ymdp1 {
	margin: 90px 0 0 100px;
	clear:both;
}

.mdp1t {
	float:left;
	width:322px;
	margin:30px 0 0 100px;
}

.ymdp1t {
	float:left;
	width:500px;
	margin:30px 0 0 100px;
}

.mdp1g {
	float:left;
	margin:30px 0 0 30px;
}

.mdp2g {
	width:285px;
	background:url(../images/rdp2_02.png) no-repeat;
	margin:20px 0 20px 68px;
	padding:196px 5px 0px 375px;	
}

.mdp3g { margin:20px 0 20px 68px; }

.mdp3gn { margin:27px 0 0 35px; }

.ymdp3gn { margin:27px 0 0 111px; position:relative; height:1287px; }

.ymdp1tn {
	position:absolute;
	width:300px;
	left: 496px;
	top: 627px;
	height: 146px;
}

.ymdp1ph {
	position:absolute;
	width:246px;
	left: -58px;
	top: 451px;
	height: 432px;
}

.ymdp2ph {
	position:absolute;
	width:246px;
	left: 41px;
	top: 862px;
	height:367px;
}

.ymdp2tn {
	position:absolute;
	width:295px;
	left: 307px;
	top: 1196px;
	height: 85px;
}

.mdp4t p {
	font-weight:bold;
	margin:10px 0;
	letter-spacing:0;
	color:#333;
}

.prtv{
	position:relative;
}

.prtv p {
position: absolute;
left: 356px;
top: 53px;
width: 452px;
height: 151px;
}

.prtic p {
	position:absolute;
}

.nart {
	text-align:left;font-size:12px; line-height:1.2em; color:#333;
}

/*  共通　margin・padding/
------------------------------------------------------------------------*/
p.lead {font-size: 28px; line-height: 1.4em;}
.txtRed {color:#ba1532;}
.txtGreen {color:#008000;}
.clr{clear:both;}
.txc{text-align:center;}
.bold { font-weight: bold; }

.bgLightGry {background-color: #efefef;}
.bgLightRed {background-color: #ffb6c1;}
.bgLightBl {background-color: #e5ffff;}

/* .marker {
	background: linear-gradient(transparent 70%, #00984f 70%);
} */

.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB20{margin-bottom:20px;}
.mB30{margin-bottom:30px;}
.mB40{margin-bottom:40px;}
.mB45{margin-bottom:45px;}
.mB60{margin-bottom:60px;}

.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}
.mT50{margin-top:50px;}
.mT60{margin-top:60px;}
.mT80{margin-top:80px;}
.mT90{margin-top:90px;}

.mL7{margin-left:7px;}
.mL10{margin-left:10px;}
.mL18{margin-left:18px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL27{margin-left:27px;}
.mL54{margin-left:54px;}
.mL60{margin-left:60px;}
.mL68{margin-left:68px;}
.mL75{margin-left:75px;}
.mL98{margin-left:98px;}
.mL104{margin-left:104px;}
.mR10{margin-right:10px;}
.mR20{margin-right:20px;}
.mR30{margin-right:30px;}
.mR60{margin-right:60px;}
.mR70{margin-right:70px;}

.pT5{padding-top:5px;}
.pT10{padding-top:10px;}
.pT20{padding-top:20px;}
.pT30{padding-top:30px;}
.pT35{padding-top:35px;}
.pT40{padding-top:40px;}
.pT50{padding-top:50px;}
.pT55{padding-top:55px;}
.pT70{padding-top:70px;}
.pT90{padding-top:90px;}
.pT110{padding-top:110px;}

.pB5{padding-bottom:5px;}
.pB10{padding-bottom:10px;}
.pB20{padding-bottom:20px;}
.pB30{padding-bottom:30px;}
.pB40{padding-bottom:40px;}
.pB55{padding-bottom:55px;}
.pB70{padding-bottom:70px;}
.pB160{padding-bottom:160px;}

.pL10{padding-left:10px;}
.pL20{padding-left:20px;}
.pL150{padding-left:180px;}
.pR10{padding-right:10px;}
.pR20{padding-right:20px;}

.poab{position:absolute;}

.fnt19 {font-size:19px;}
.fnt20 {font-size:20px;}
.fnt25 {font-size:25px;}
.fnt28 {font-size:28px;}
.fnt30 {font-size:30px;}
.fnt35 {font-size:35px;}
.fnt40 {font-size:40px;}

/*----------------------- 
  リニューアル定義
------------------------*/

#rheader    {background:#f5f5f5;height:81px;border-top:solid 4px #ba1532;border-bottom:solid 2px #ba1532;}

.ntbox      {width:1050px;padding:0;margin:0 auto;}
.prtic      {position:relative;}

.cmtx       {float:left; padding:0 16px;width:840px;}
.cmtx b     {font-size:24px;}
.cmtx p     {line-height:1.3em;font-size:15px;}
.tvbox      {padding:14px 0; border-top:#afafaf solid 1px; border-bottom:#afafaf solid 1px; height:98px; background:#eee;}
.fmbox      {border-top:#afafaf solid 1px; border-bottom:#afafaf solid 1px; padding:5px 0;}

.fmbox2     {padding:5px 0; background:#f2f2f2;}

.icbox      {background:url(../images/kgbg.png) repeat-x;margin:0;padding:0;}
.howicbox   {background:url(../../images/365sr_jidou.png) center no-repeat;height:320px;}
.ansrbox    {background: #ba1533; text-align:center; height:320px;}

.jhbox      {float:left;width:220px;margin-top:20px; font-size:14px; line-height:1.3em;}
.jhbox p    {font-weight:bold; margin:20px 0;}
.jhbox img  {margin-left:20px;}

.ymbox      {float:left;width:420px;}
.ymbox p    {font-weight: normal;margin:20px 0;letter-spacing:0;color:#333; font-size:15px;}

.artd      {width:980px;margin:0 auto;padding:40px 0 30px 0;background:#333;color:#FFF;line-height:1.3em;font-size:13px;}
.arrow-r   {margin:0;padding:0;text-align:right;font-size:13px;}
.arrow-r a:link {color:#FFF;font-size:13px;}
.footcr    {height:70px;padding-top:13px;padding:20px 0 20px 10px; position:relative; font-size:12px; line-height:1.3em; letter-spacing:0.15em;}

.okc      {
position:absolute;
left: 439px;
top: 299px;
width: 590px;
height: 210px;
line-height:1.9em;
}
.okc span {color:#ba1532;}

.okc2{position:absolute;left:439px;top:299px;width:590px;height:210px;line-height:1.4em;}
.okc2 span {color:#ba1532;}
.okc2 p {position:static;padding:0 0 0 1em; text-indent:-1em; margin:0; margin-bottom:20px; width:auto; height:auto;}

.wtbox   {width:130px;margin:210px 20px 0 18px;}

.course    {position:relative}
.course p  {font-size:14px; letter-spacing:0em;}

.course .tx1{
	position:absolute;
	width:188px;
	left: 20px;
	top: 147px;
	line-height:1.3em;
}
.course .tx2{
	position:absolute;
	width:188px;
	left: 244px;
	top: 147px;
	line-height:1.3em;
}
.course .tx3{
	position:absolute;
	width:188px;
	left: 470px;
	top: 144px;
	line-height:1.2em;
}
.course .tx4{
	position:absolute;
	width:192px;
	left: 689px;
	top: 144px;
	line-height:1.2em;
}

.mdft {
	margin: 80px 0 0 98px;
}

.mdfta {
	float:left;font-size:14px;letter-spacing:0em;line-height: 1.4em;
	width:161px;
	height:345px;
	margin-top:27px;
	background:url(../images/qdtr_a.png) no-repeat;
}

.mdftb {
	float:left;font-size:14px;letter-spacing:0em;line-height: 1.4em;
	width:161px;
	height:345px;
	margin-top:27px;
	background:url(../images/qdtr_b.png) no-repeat;
}

.mdftc {
	float:left;font-size:14px;letter-spacing:0em;line-height: 1.4em;
	width:161px;
	height:345px;
	margin-top:27px;
	background:url(../images/qdtr_c.png) no-repeat;
}

.mdftd {
	float:left;font-size:14px;letter-spacing:0em;line-height: 1.4em;
	width:161px;
	height:345px;
	margin-top:27px;
	background:url(../images/qdtr_d.png) no-repeat;
}

.mdfte {
	float:left;font-size:14px;letter-spacing:0em;line-height: 1.4em;
	width:161px;
	height:345px;
	margin-top:27px;
	background:url(../images/qdtr_e.png) no-repeat;
}

.cmp-boad-container {
	border-top:#ba1532 20px solid;
	border-bottom: #ba1532 20px solid;
}


#contBox        {width:860px; margin:60px auto;}
#contBox h4     {font-size:120%;font-weight:bold;border-bottom:2px solid #ba1532;padding-bottom:5px;margin-bottom:15px;}
#contBox dl.attention dd  {font-size:15px; line-height:1.5em;}
#contBox dl.attention dt  {font-weight: bold;margin-bottom:2px;}
#contBox dl.attention dd  {margin-bottom:15px;}


/* ページ内遷移 */
.pagetop {
	position: fixed;
	bottom: -40px;
	right: 50px;
	z-index:1000;
}
.pagetop a {
	display: block;
	width: 140px;
	height: 40px;
	background-color: #333;
	border-radius: 8px 8px 0 0;
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	line-height: 40px;
}

.pagetop span {font-size:12px;}

.contnr       {width:980px;margin:0 auto;text-align:center;}
.contnr p,.txleft     {text-align:left;}

.trend        {padding:45px 0 40px 0;border:#ba1532 solid 1px;margin:60px auto 60px auto; text-align:center; width:956px;}
.trend-box01  {width:435px;margin-top:20px;margin-left:55px;display:inline-block;font-size:15px;line-height:1.2em;}
.trend-box02  {width:394px;margin-top:20px;margin-left:18px;;display:inline-block;font-size:15px;line-height:1.2em;vertical-align:top;}

.mT35   {margin-top:35px;}
.mT45   {margin-top:45px;}

/* セミナー案内 */
/*div#seminerContainer {
	 width: 100%;
    background: url(../images/brijan.gif) repeat;
    height: 430px;
	margin: 0 auto;
	background-size: contain;
}*/
	/* @media (max-width:750px) {
		div#seminerContainer {
			background-image: url(../../images/bg-seminar_800.jpg);
			background-size: cover;
			margin: 0 auto;
			background-position: center bottom -175px;
		}
		}
	  @media (min-width: 751px) {
		div#seminerContainer {
			background-image: url(../../images/bg-seminar_1200.jpg);
			background-size: cover;
			margin: 0 auto;
			background-position: center bottom -175px;
			/* max-width: 1000px; */
		/* }
	  }  */

	div#seminerContainer {
	background-image: url(../../images/bg-seminar_1200.jpg);
	background-size: cover;
	margin: 0 auto;
	background-position: center bottom -175px;
}
div#seminerInner {
    height: 340px;
    margin: 0 auto;
    position: relative;
    max-width: 1000px;
    padding: 40px 0;
}

div#seminerContainer p.title {
	color: #008000;
	font-weight: bold;
	position: absolute;
    top: 30px;
    left: 414px;
}

p.ttlOpen {
    position: absolute;
    top: 65px;
    left: 405px;
}

a.seminerBtn {
    display: block;
    border: solid 3px #ba1532;
    padding: 13px 5px 8px;
    font-weight: bold;
    font-size: 24px;
    margin: 30px auto 0;
    text-align: center;
	max-width: 400px;
	background: white;
}

a.seminerBtn:hover {
	/* border:solid 3px #4FA2B3; */
	border:solid 3px #008000;
	background-color: #008000;
	text-decoration: none;
	color:white;
}
img.mapBg {
	opacity: 0.3;
}


