@charset "UTF-8";
* {
 margin : 0;
 padding : 0;
}

img {
 border : 0px;
}

body {
 margin-top: 40px;
 padding : 0;
 font-family: Osaka,"lr oSVbN", Verdana, Arial, Helvetica, sans-serif;
 height : 100%;
 background-color : #fff;
 text-align : center;
}


/*--------------- NeLXg --------------- */

a 			{ color : #40c2f3; text-decoration: none; }
a:link		{ color : #40c2f3; text-decoration: none; }
a:visited	{ color : #40c2f3; text-decoration: none; }
a:active	{ color : #40c2f3; text-decoration: none; }
a:hover		{ color : #999; text-decoration: underline; }


/*--------------- CERecEtb^[֌W --------------- */

#main_fla {
 margin : 0 auto;
 padding : 0;
 text-align : center;
 width: 969px;
 height: 580px;
}

#main {
 margin : 0 auto;
 padding : 0;
 text-align : center;
 background-image:url(../img/bg.gif);
 background-repeat:no-repeat;
 width: 969px;
 height: 580px;
}

#main_web_s {
	margin : 0 auto;
	padding : 0;
	text-align : center;
	background-image:url(../img/cg_s_bg.gif);
	background-repeat:no-repeat;
	width: 969px;
	height: 580px;
}

#main_multi_y_s {
 margin : 0 auto;
 padding : 0;
 text-align : center;
 background-image:url(../img/m_y_bg.gif);
 background-repeat:no-repeat;
 width: 969px;
 height: 580px; 
}

#main_multi_o_s {
 margin : 0 auto;
 padding : 0;
 text-align : center;
 background-image:url(../img/m_o_bg.gif);
 background-repeat:no-repeat;
 width: 969px;
 height: 580px; 
}

.suc {
 margin-top :20px;
 display:block;
 padding : 0;
 text-align : center;
 width: 950px;
}

#main_creator {
 margin : 0 auto;
 padding : 0;
 text-align : center;
 background-image:url(../img/creator_bg.gif);
 background-repeat:no-repeat;
 width: 969px;
 height: 580px;
}

#main_cg_engineer {
 margin : 0 auto;
 padding : 0;
 text-align : center;
 background-image:url(../img/cg_engineer_bg.gif);
 background-repeat:no-repeat;
 width: 969px;
 height: 580px;
}

#main_img_engineer {
 margin : 0 auto;
 padding : 0;
 text-align : center;
 background-image:url(../img/img_engineer_bg.gif);
 background-repeat:no-repeat;
 width: 969px;
 height: 580px;
}

#main_multi {
 margin : 0 auto;
 padding : 0;
 text-align : center;
 background-image:url(../img/multi_bg.gif);
 background-repeat:no-repeat;
 width: 969px;
 height: 580px;
}

#main_web {
 margin : 0 auto;
 padding : 0;
 text-align : center;
 background-image:url(../img/web_bg.gif);
 background-repeat:no-repeat;
 width: 969px;
 height: 580px;
}

#title_q {
 margin : 0;
 padding : 80px 0 0 110px;
 font-size : 14px;
 color : #333;
 text-align : left;
 line-height:20px;
}

#main_explain {
 margin : 0 0 0 20px;
 padding : 0;
 text-align : left;
 float:left;
 width: 700px;
}

#next {
 margin : 0px 160px 0 0;
 text-align : right;
 display : block;
}

#title {
 margin : 0 auto;
 padding : 0;
 width: 969px;
 text-align : left;  
}

#title img{
 margin: 0 0 5px 0;  
}

#footer {
 margin : 0 auto;
 padding: 10px 5px 0 10px;
 background-color : #fff;
 width : 969px; 
 text-align : right;
}

#footer img {
 margin : 0 auto;
 padding: 0 10px 0 0;
}

.right {
 margin : 0;
 padding : 0;
 text-align: right;
}

.q_img{
 margin-right:40px;
}

/*--------------- ֌W --------------- */

.main-txt {
 margin : 0;
 padding : 25px 140px 0 150px;
 font-size : 14px;
 color : #333;
 text-align : left;
 line-height:20px;
 height:260px;
}

.main-txt2 {
 margin : 0;
 padding : 10px 20px 10px 20px;
 font-size : 12px;
 color : #666;
 text-align : left;
 line-height:20px;
}

.explain-txt {
 margin : 0;
 padding : 0 15px 0px 15px;
 font-size : 12px;
 color : #666;
 text-align : left;
 line-height:20px;
}

.explain-txt2 {
 margin : 0;
 font-size : 12px;
 color : #ed0ea1;
 text-align : left;
 line-height:20px;
}

.right-txt {
 text-align : left;
 padding-right:80px;
}

.footer-txt {
 margin : 0;
 padding : 12px 0 0 0;
 font-size : 10px;
 color : #999;
 text-align : right;
}

#banner {
 margin : 5px 20px 0 0;
 padding : 0;
 font-size : 11px;
 color : #666666;
 text-align : left;
 line-height : 1.6; 
}

.TableValue {
margin: 10px 0;
border: 1px #c0c0c0 solid;
border-collapse: collapse;
}

.TableValue th {
border: 1px #c0c0c0 solid;
padding: 3px 15px 3px 15px;
background-color: #f9f9f9;
font-weight: normal;
text-align: center;
}

.TableValue td {
border: 1px #c0c0c0 solid;
padding: 3px 10px 3px 10px;
text-align: center;
font-size: 80%;
}

.SoValue {
	color: #666666;
	font-size:12px;
}

/*----------------------------------------------------------------------------------*/
/*BOOK - 関連書籍*/
/*----------------------------------------------------------------------------------*/

.book-detail {
	width:940px;
	padding:10px 0px 0px 10px;
}

.book-detail .cover {
	width:230px;
	float:left;
}

.book-detail .icon {
	width:80px;
	float:left;
}

.description {
	width:220px;
	float:left;
	line-height:150%;
	padding:0px 10px 25px 10px;
}

.des-hojotxt {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:solid 1px #d9d9d9;
}

.no-icon {
	width:220px;
}

.description .title {
	font-size:14px;
	padding-bottom:10px;
	text-align : left;
	line-height:140%;
}

.book-detail .spec {
	font-size:12px;
	clear:both;
	line-height:150%;
	padding-bottom:10px;
	padding-top:10px;
	text-align : left;
	border-top:solid 1px #d9d9d9;
}

.book-detail .point {
	clear:both;
	line-height:150%;
	padding-bottom:25px;
	padding-top:10px;
	border-top:solid 1px #d9d9d9;
}
#main_web_s2 {
	margin : 0 auto;
	padding : 0;
	text-align : center;
	background-image:url(../img/img_s_bg.gif);
	background-repeat:no-repeat;
	width: 969px;
	height: 580px;
}
#main_web_s3 {
	margin : 0 auto;
	padding : 0;
	text-align : center;
	background-image:url(../img/w_s_bg.gif);
	background-repeat:no-repeat;
	width: 969px;
	height: 580px;
}
#main_web_s4 {
	margin : 0 auto;
	padding : 0;
	text-align : center;
	background-image:url(../img/creator_s_bg.gif);
	background-repeat:no-repeat;
	width: 969px;
	height: 580px;
}
#main_bg {
	padding : 0;
	text-align : center;
	background-image:url(../img/main/main_bg.jpg);
	background-repeat:no-repeat;
	width: 967px;
	height: 578px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-position: 0px 1px;
}
#main_bg .btn_title {
	float: left;
	height: 32px;
	width: 389px;
	margin-top: 290px;
	margin-bottom: 5px;
	clear: left;
}
#main_bg .btn {
	float: left;
	height: 29px;
	width: 366px;
	margin-bottom: 8px;
	clear: left;
}
#main_bg .btn_info {
	float: right;
	height: 39px;
	width: 171px;
	margin-top: 0px;
	margin-right: 15px;
}