@charset "utf-8";

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

	 1. Universal Selector + body
 
============================================================================================================*/


* {
	background-color	: transparent;
	margin				: 0;
	padding				: 0;
	font-size			: 14px;
	font-style			: normal;
}


html{overflow-y: scroll;}


body {
	color			: #333333;
	letter-spacing	: 0.1em;
	line-height		: 1.5;
	background:url(../images/qdbg.png)
}



hr {	height	: 1px;}


h1, h2, h3, h4, h5, h6{
font-size:100%;
font-weight:normal;
}


p, ul, dl{
margin: 0;
padding: 0;

}

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

	  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 {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#cbox h1{background:#FFF;}

div#footer{
	margin:0 20px;
	padding:10px 0 20px 0;
	border-top:#909090 solid 1px;
}


.pagetop{
text-align:right;
padding:5px 15px 5px 0px;
}

.pagetop2{
text-align:right;
padding-bottom:30px;}


.blue{color:#1e41b9;}
.red{color:#bb1417;}
.f14{background:url(../images/arrow01.gif) no-repeat left top;
padding-left:40px;
padding-bottom:2px;
font-weight:bold;}

.f14 a {color: #1e41b9;font-size:120%;line-height:1.0;}
.f14 a:link {color: #1e41b9;font-size:120%;line-height:1.0;}
.f14 a:visited {color: #1e41b9;font-size:120%;line-height:1.0;}
.f14 a:hover {color: #b1b1b1;font-size:120%;line-height:1.0;}

/*  randing page
-----------------------------------*/

.btds,.btds a    {margin:0 auto;width:411px;height:166px;display:block;text-indent:-9999px;}
.btds a          {background:url(../images/qd_kkbt2_green.png);background-position: left top;}
.btds a:hover    {background-position: right top;}

.btms,.btms a    {margin:0 auto;width:411px;height:166px;display:block;text-indent:-9999px;}
.btms a          {background:url(../images/qd_kkbt2.png);background-position: left top;}
.btms a:hover    {background-position: right top;}

.btss,.btss a    {margin:0 auto;width:411px;height:166px;display:block;text-indent:-9999px;}
.btss a          {background:url(../images/qd_ssbt2.png);background-position: left top;}
.btss a:hover    {background-position: right top;}

.btkl,.btkl a    {margin:0 auto;width:547px;height:92px;display:block;text-indent:-9999px;}
.btkl a          {background:url(../images/klgg_bt01.png);background-position: left top;}
.btkl a:hover    {background-position:bottom;}


#rp_top_box{
	width:980px;
	text-align:center;
	padding:2px 0 0 0; 
	margin:0;
	background:#FFF;
}

.tvcm p{text-align:center;margin:40px 0;}

.tvcm .left{
	float: left;
	width: 480px;
	height: 385px;
	background: url("../images/img_ytube_ny_bg.png") repeat;}

.tvcm .right{
	float: right;
	width: 480px;
	height: 385px;
	background: url("../images/img_ytube_paris_bg.png") repeat;}


	.tvcm .left30 {
		float: left;
		width: 480px;
		height: 337px;
		background: url("../images/img_ytube_30_bg.png") no-repeat;
	}

	.tvcm .right60 {
		float: right;
		width: 480px;
		height: 337px;
		background: url("../images/img_ytube_60_bg.png") no-repeat;
		padding-bottom:20px;
	}


.tvcm .embed {
	width: 444px;
	height: 274px;
	margin: 18px 18px 0 18px;}



.kkbtn {
    /* text-align: center; */
    padding: 2em 1em 2em;
    border-top: 10px solid #ba1532;
    border-bottom: 10px solid #ba1532;
}

.kkbtn2{
	text-align:center;
}

.kkbtn > img {
    max-width: 100%;
}

.mdtt{
	margin: 0 0 0 -15px;
}

.mdkl{
	margin: 0 0 0 -20px;
}

.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 {
	float:left;
	width:182px;
	margin-top:20px;
}

.ymdp4t {
	float:left;
	width:380px;
}

.mdp4t p {
	font-weight:bold;
	margin:10px 0;
	letter-spacing:0;
	color:#333;
}

.ymdp4t p {
	font-weight: normal;
	margin:20px 0;
	letter-spacing:0;
	color:#333;
}

.prtv{
	position:relative;
}

.prtv p {
	position: absolute;
	left: 356px;
	top: 63px;
	width: 452px;
	height: 151px;
}

.prtic{
	position:relative;
}

.prtic p {
	position:absolute;
	font-size:15px;
	line-height:1.4em;
}

.mdft {
	margin: 25px 0 0 60px;
}

.mdfta {
	float:left;
	width:161px;
	height:345px;
	margin-top:27px;
	background:url(../images/qdtr_a.png) no-repeat;
}

.mdftb {
	float:left;
	width:161px;
	height:345px;
	margin-top:27px;
	background:url(../images/qdtr_b.png) no-repeat;
}

.mdftc {
	float:left;
	width:161px;
	height:345px;
	margin-top:27px;
	background:url(../images/qdtr_c.png) no-repeat;
}

.mdftd {
	float:left;
	width:161px;
	height:345px;
	margin-top:27px;
	background:url(../images/qdtr_d.png) no-repeat;
}

.mdfte {
	float:left;
	width:161px;
	height:345px;
	margin-top:27px;
	background:url(../images/qdtr_e.png) no-repeat;
}

.nart {
	text-align:left;font-size:12px; line-height:1.2em; color:#333;
}

.okc      {
	position:absolute;
	left: 331px;
	top: 258px;
	width: 505px;
	height: 210px;
	line-height:1.9em;
}
.okc span {color:#ba1532;}

.wtbox   {width:130px;margin:210px 20px 0 18px;}

.course    {position:relative}

.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;
}

.offmt           {width:675px; margin:24px auto 40px auto;}
.offbox          {float:left;width:349px;padding:10px;position:relative;}
.offbdr          {border-left:#c0c0c0 2px solid;}
.offbox p        {position:absolute; left: 23px; top: 63px; width: 321px; height: 79px;}

.artbox       {width:600px;margin:20px auto 20px auto; background:#ffffe5; border:1px solid #c0c0c0; padding:20px 8px 20px 15px;}
.artbox ul li {list-style-type:disc;font-size:12px;line-height:1.3em;}
.artbox ul    {padding-left:10px; padding-top:15px;}

.kltxt {font-size:18px; line-height:1.6em;}
.klbg  {background:url(../images/klblog_line.png) top center no-repeat;}

/*  共通　margin・padding/
------------------------------------------------------------------------*/

.clr{clear:both;}
.txc{text-align:center;}

.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB20{margin-bottom:20px;}
.mB30{margin-bottom:30px;}
.mB40{margin-bottom:40px;}
.mB45{margin-bottom:45px;}

.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;}
.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;}
.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;}
.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;}

/*----------------------- 
  注意事�??
------------------------*/
#contBox {
	background:#ededed;
	padding:10px 25px 20px 25px;
	margin-top: 30px;
	margin-bottom: 13px;
}

/* タイトル */
#contBox h4 {
	font-size: 120%;
	font-weight: bold;
	color: #ba1532;
	border-bottom: 2px solid #ba1532;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

#contBox dl.attention {
	margin-left: -1px;
}

#contBox dl.attention dt{
	font-weight: bold;
	margin-bottom:2px;
}

#contBox dl.attention dd {
	margin-bottom:15px;
}


#contBox  p{
	margin-left: 0;
	line-height: 150%;
}


div#seminerContainer {
	background-image: url(../../images/bg-seminar_1200.jpg);
	background-size: cover;
	margin: 0 auto;
	background-position: center bottom -175px;
}
div#seminerInner {
    height: 390px;
    margin: 0 auto;
    position: relative;
    max-width: 1000px;
    padding: 40px 0;
}
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;
}

h2 {font-size: 40px;
    margin: 30px 0;
	font-weight: bold;
	color:#ba1532;
}
a,a:visited { color:#ba1532; text-decoration: none; }
p.lead {font-size: 28px; line-height: 1.4em;}
p.lead span { font-size: 28px; }
.txtRed {color:#ba1532;}
.txtGreen {color:#008000;}
.clr{clear:both;}
.txc{text-align:center;}
.bold { font-weight: bold; }
.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;}


/* upperBlock */

.nt_con     {margin:50px 0;position:relative;}
.nt_con p   {margin:0;padding:0;position:absolute; line-height:1.3em;}



.icquestion {margin-right:60px; margin-top:60px; margin-left:80px;}
.qtMD       {float:left; padding:0 10px 10px 0;}
.qtTX       {font-size:18px; color:#ba1532; padding-top:5px;}

.icanswer   {margin-right:60px; margin-top:30px; margin-left:80px; clear:both;}
.icanswer a:link  {color: #BA1532;}

.asMD       {float:left; padding:0 10px 30px 8px;}
.asTX       {font-size:16px; line-height:2em;}

.addbox     {color:#CCC;width:800px;display:block;margin:30px auto 20px auto;padding:10px;text-align:center;background:#141414;border:#585858 solid 1px;}

.artMM p 		 {text-indent:-1em;margin:0 0 0 1em;padding:10px 20px 0 20px; font-size:13px;}
.artMM a:link    {color: #BA1532;}