@charset "UTF-8";
#cg {
	font-size: 12px;
	width: 760px;
	padding: 20px;
}

#cg #lead{
	margin-bottom: 25px;
}

#cg #lead div#h1{
	height: 50px;
	width: 500px;
	overflow: hidden;
}

#cg #lead h1{
	background-image: url(../3dcg/cgH1.gif);
	margin: 0px;
	height: 0px;
	width: 500px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
}

#cg #lead p{
	margin: 0px;
	color: #666666;
	padding: 0px;
}


#cg .h2{
	display: block;
	height: 20px;
	width: 300px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
#cg #d01 h2,#cg #d02 h2,#cg #d03 h2,#cg #d04 h2,#cg #d05 h2,#cg #d06 h2{
	height: 0px;
	width: 300px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	overflow: hidden;
	font-size: 16px;
	line-height: 32px;
	margin: 0px;
	padding-top: 20px;
}

#cg #d01,#cg #d02,#cg #d03,#cg #d04,#cg #d05,#cg #d06{
	width: 490px;
	padding-left: 270px;
	height: 100px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#cg #d01 p,#cg #d02 p,#cg #d03 p,#cg #d04 p,#cg #d05 p,#cg #d06 p{
	margin: 0px;
	font-size: 10px;
	line-height: 16px;
	color: #333333;
}


#cg #d01{
	background-image: url(../3dcg/titleImageParse.jpg);
	background-repeat: no-repeat;
}

#cg #d01 h2{
	background-image: url(../3dcg/cgH2_01.gif);
	background-repeat: no-repeat;
}

#cg #d02{
	background-image: url(../3dcg/titleImageTVCM.jpg);
	background-repeat: no-repeat;
}

#cg #d02 h2{
	background-image: url(../3dcg/cgH2_02.gif);
	background-repeat: no-repeat;
}

#cg #d03{
	background-image: url(../3dcg/titleImageWeb3d.jpg);
	background-repeat: no-repeat;
}

#cg #d03 h2{
	background-image: url(../3dcg/cgH2_03.gif);
	background-repeat: no-repeat;
}

#cg #d04{
	background-image: url(../3dcg/titleImageLogo.jpg);
	background-repeat: no-repeat;
}

#cg #d04 h2{
	background-image: url(../3dcg/cgH2_04.gif);
	background-repeat: no-repeat;
}

#cg #d05{
	background-image: url(../3dcg/titleImageChara.jpg);
	background-repeat: no-repeat;
}

#cg #d05 h2{
	background-image: url(../3dcg/cgH2_05.gif);
	background-repeat: no-repeat;
}

#cg #d06{
	background-image: url(../3dcg/titleImageVisual.jpg);
	background-repeat: no-repeat;
}

#cg #d06 h2{
	background-image: url(../3dcg/cgH2_06.gif);
	background-repeat: no-repeat;
}


#cg a:link{
	color: #1A3575;
}


#cg a:visited{
	color: #2B4266;
}


#cg a:hover{
	color: #1440A2;
}




/*WEB3D*/

#web3d {
	font-size: 12px;
	width: 760px;
	padding: 20px;
}


#web3d #lead{
	margin-bottom: 25px;
}

#web3d #lead div#h1{
	height: 50px;
	width: 700px;
	overflow: hidden;
}

#web3d #lead h1{
	background-image: url(../3dcg/web3dH1.gif);
	margin: 0px;
	height: 0px;
	width: 700px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
}

#web3d #lead p{
	margin: 0px;
	color: #666666;
	font-size: 12px;
	line-height: 20px;
}




#web3d #container{
	width: 500px;
	float: right;
}

#web3d #container p{
	font-size: 10px;
	line-height: 15px;
}


#web3d .h2{
	display: block;
	height: 20px;
	width: 240px;
	overflow: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#web3d #for .h2{
	display: block;
	height: 30px;
	width: 300px;
	overflow: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}



#web3d .d00 h2,#web3d .d01 h2,#web3d .d02 h2,#web3d .d03 h2,#web3d .d04 h2,#web3d .d05 h2,#web3d .d06 h2{
	height: 0px;
	width: 300px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	overflow: hidden;
	font-size: 16px;
	line-height: 32px;
	margin: 0px;
	padding-top: 30px;
}

#web3d #for .d01,#web3d #for .d02,#web3d #for .d03,#web3d #for .d04,#web3d #for .d05,#web3d #for .d06{
	width: 370px;
	/*height: 180px;*/
	margin-bottom: 20px;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2B4266;*/
}

#web3d .d00 p,#web3d .d01 p,#web3d .d02 p,#web3d .d03 p,#web3d .d04 p,#web3d .d05 p,#web3d .d06 p{
	margin: 0px;
	font-size: 10px;
	line-height: 16px;
	color: #333333;
}



#web3d #for .d01 h2{
	background-image: url(../3dcg/web3dH2_05.gif);
	background-repeat: no-repeat;
}


#web3d #for .d02 h2{
	background-image: url(../3dcg/web3dH2_06.gif);
	background-repeat: no-repeat;
}


#web3d #for .d03 h2{
	background-image: url(../3dcg/web3dH2_07.gif);
	background-repeat: no-repeat;
}


#web3d #for .d04 h2{
	background-image: url(../3dcg/web3dH2_08.gif);
	background-repeat: no-repeat;
}

#web3d #for .d05 h2{
	background-image: url(../3dcg/web3dH2_13.gif);
	background-repeat: no-repeat;
}





#web3d #list{
	width: 760px;
	margin-bottom: 20px;
}


#web3d #list p{

}

#web3d #list .d00{
	width: 240px;
	float: left;
}
#web3d #list .d01,#web3d #list .d02,#web3d #list .d03,#web3d #list .d04,#web3d #list .d05,#web3d #list .d06{
	width: 240px;
	margin-bottom: 20px;

}

#web3d #list .d00 h2{
	background-image: url(../3dcg/web3dH2_12.gif);
	background-repeat: no-repeat;
}



#web3d #list .d01 h2{
	background-image: url(../3dcg/web3dH2_01.gif);
	background-repeat: no-repeat;
}


#web3d #list .d02 h2{
	background-image: url(../3dcg/web3dH2_02.gif);
	background-repeat: no-repeat;
}


#web3d #list .d03 h2{
	background-image: url(../3dcg/web3dH2_03.gif);
	background-repeat: no-repeat;
}


#web3d #list .d04 h2{
	background-image: url(../3dcg/web3dH2_04.gif);
	background-repeat: no-repeat;
}

#web3d #list1{
	float: left;
	width: 240px;
}


#web3d #list2{
	float: right;
	width: 240px;
}


#web3d #for{
	width: 760px;
	margin-bottom: 40px;
}

#web3d #for p{
	margin-bottom: 10px;
	margin-left: 5px;
}

#web3d .forBox{
}

#web3d #for .d01{
	width: 370px;
	float: left;
}

#web3d #for .a{
	height: 80px;
	width: 370px;
	overflow: hidden;
	margin-bottom: 5px;
}

#web3d #for .a a{
	height: 0px;
	width: 370px;
	padding-top: 80px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
	display: block;
}
#web3d #for .d01 .a a{
	background-image: url(../3dcg/web3dBanner_04.gif);
	background-repeat: no-repeat;
}

#web3d #for .d02{
	width: 370px;
	float: left;
}
#web3d #for .d02 .a a{
	background-image: url(../3dcg/web3dBanner_02.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}


#web3d #for .d03{
	float: right;
	width: 370px;
}
#web3d #for .d03 .a a{
	background-image: url(../3dcg/web3dBanner_03.gif);
	background-repeat: no-repeat;
}


#web3d #for .d04{
	float: left;
	width: 370px;
}
#web3d #for .d04 .a a{
	background-image: url(../3dcg/web3dBanner_01.gif);
	background-repeat: no-repeat;
}

#web3d #for .d05{
	float: right;
	width: 370px;
}
#web3d #for .d05 .a a{
	background-image: url(../3dcg/web3dBanner_05.gif);
	background-repeat: no-repeat;
}


#web3d #for .samples{
	width: 370px;
	text-align: right;
	height: 20px;
}

#web3d #for .samples p{
	width: 120px;
	text-align: right;
	height: 20px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: block;
	float: right;
}

#web3d #for .samples a{
	font-size: 12px;
	color: #2B4266;
	font-weight: bold;
	height: 0px;
	width: 120px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
	background-image: url(../3dcg/btn_sample.jpg);
	background-repeat: no-repeat;
	display: block;
}