@charset "UTF-8";
/* CSS Document */

/* -- BASE -- */
html { color:#333; height:100%; }
body { color:#333; font-size:12px; line-height:1.5; 
		height:100%; margin:0px auto; font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "メイリオ", Meiryo, Geneva, Arial, Verdana, sans-serif;
}
		
		
strong { font-weight: bold; }
li img { vertical-align: bottom; }


/* -- LINK -- */
a:link { color: #fff; text-decoration:none; }
a:visited { color: #fff; text-decoration:none; }
a:hover, a:active { color: #fff; text-decoration:underline; } 


body {
	background:#212732;
}
#Wrapper {
	background:url(../images/common/Bg.jpg)  repeat;
}
#Container {
}

#HeaderArea {
	width:100%;
	height:120px;
	background:#212732;
}
#Header #Logo {
	width:980px;
	margin:0 auto;
	padding:20px 0 0 0;
}
#Header {
	width:980px;
	margin:0 auto;
}
#Header p {
	margin:-65px 0 0 0;
	text-align:right;
}

#GrobalNaviArea {
	height:100px;
	background:url(../images/common/Header_Bg.jpg)  repeat-x;
}
#GrobalNavi {
	width:980px;
	margin:0 auto;
}
#GrobalNavi li {
	float:left;
}

#SiteList p {
	width:980px;
	margin:0 auto;
	padding:5px 0 0 10px;
	font-size:10px;
	color:#666;
}
#SiteList a {
	color:#666;
}


#Contents {
	width:980px;
	min-height:330px;
	margin:0 auto;
	padding:50px 0 40px 0;
}

#Top #Contents {
	padding:30px 0 40px 0;
}
#TopNavi li {
	float:left;
}

#FooterArea {
	clear:both;
	height:40px;
}
#Footer {
	width:980px;
	height:40px;
	margin:0 auto;
	padding:20px 0 0 0;
	text-align:center;
}
#FooterLink {
	width:980px;
	margin:0 auto;
	padding:0 0 10px 0;
	text-align:center;
}
#FooterLink p {
	margin:20px 0 0 0;
	text-align:center;
	color:#999;
	font-size:10px;
}

.Red #ContentsLeft {
	float:left;
	width:345px;
}
.Red #ContentsRight {
	float:left;
	width:598px;
	height:495px;
	padding:0 0 0  35px;
	background:url(../images/red/Contents_Bg.png)  no-repeat;
}

.Red #ContentsRight #VideoArea {
	clear:both;
	height:230px;
}

.Red #ContentsRight #VideoArea #VideoTopArea {
	float:left;
	margin:20px 0 0 0;
}
.Red #ContentsRight #VideoArea #Lead {
	float:left;
	width:260px;
	padding:20px 0 0 15px;
	line-height:2;
	font-size:13px;
}
.Red #ContentsRight #VideoArea h1 {
	margin:5px 0 20px 0;
}
.Red #ContentsRight #VideoArea #Material {
	clear:both;
	margin:10px 0 20px 0;
	border:solid 1px red;
}
#Material h3 {
	margin:0 0 5px 0;
}
#Material p {
	width:580px;
	font-size:11px;
}

#Chapter {
	margin:15px 0 0 0;
}
#Chapter li {
	float:left;
	margin:0 10px 0 0;
}


/* ======================
Blue
=======================*/


.Blue #ContentsLeft {
	float:left;
	width:490px;
	text-align:center;
}
.Blue #ContentsRight {
	float:left;
	width:490px;
	height:495px;
	text-align:center;
}


#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.modal_close{ 
  position: absolute;
  top: -50px;
  right: 0px;
  display: block; 
  width: 50px;
  height: 50px; 
  background: url(../images/js/Close_Green.png);
  z-index: 2;
}

.Red .modal_close{ 
  position: absolute;
  top: -50px;
  right: 0px;
  display: block; 
  width: 50px;
  height: 50px; 
  background: url(../images/js/Close_Red.png);
  z-index: 2;
}

.Blue .modal_close{ 
  position: absolute;
  top: -50px;
  right: 0px;
  display: block; 
  width: 50px;
  height: 50px; 
  background: url(../images/js/Close_Blue.png);
  z-index: 2;
}
.Blue #mov01 .modal_close, .Blue #mov02 .modal_close, .Blue #mov03 .modal_close, .Blue #mov04 .modal_close { 
  position: absolute;
  top: -50px;
  right: 6px;
  display: block; 
  width: 50px;
  height: 50px; 
  background: url(../images/js/Close_Blue.png);
  z-index: 2;
}




.addthis_default_style {
	with:450px;
	display:block;
	margin:0;
	padding:o;
}
.addthis_toolbox {
	display:block;
	margin:0;
	padding:15px 0 0 470px;
	line-height:1;
}

.Blue #ShareBox {
	position:relative;
	top:100px;
	right:-850px;
}
.Blue #ShareBox .addthis_toolbox {
	padding:0;
	text-align:right;
}

.Blue #ShareBox2 {
	position:relative;
	top:100px;
	left:110px;
}

.Blue #ShareBox2 .addthis_toolbox {
	padding:0;
}
	
#Download {
	clear:both;
	padding:15px 0 0 0;
}
#Download a {
	color:#FF0004;
}



.Message {
	padding:0 0 30px 0;
	text-align:center;
}
.FAQ a:link { color: #333; text-decoration:none; }
.FAQ a:visited { color: #333; text-decoration:none; }
.FAQ a:hover, a:active { color: #333; text-decoration:underline; } 

#FaqFormBox {
	width:540px;
	margin:0 auto;
	padding:30px 60px 30px 60px;
	background:#fff;
	border:solid 1px #ccc;
}

#FaqAdminBox {
	text-align:center;
}

#FaqResBox {
	text-align:right;
}

#FaqQBox {
	margin:0 0 10px 0;
}

#Material a {
	color:#ff0000;
}