/* CSS Document */

body{
	font-family:sans-serif,"MS UI Gothic""ＭＳ Ｐゴシック","ＭＳ ゴシック",,平成明朝,"ヒラギノ角ゴ Pro W3","ヒラギノ丸ゴ Pro W4",Courier,Arial,Comic Sans MS,Times New Roman,Baskerville,BiauKai;
	color: #666666;
	line-height: 1.166;
	margin: 0px;
	padding:0px;
	background-color:#000099;
	font-size:8px;
}

/*****scrollbar*****/

html, body {
	scrollbar-face-color:#2D93E0;
	scrollbar-shadow-color:#CCCCCC;
	scrollbar-darkshadow-color:#666666;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#CCCCCC;
	scrollbar-arrow-color:#ffffff;
	margin: 0px;
	padding: 0px;
}

/*****baselayout*****/

#body{
	width:800px;
	height:600px;
	padding-top:0px;
}
 
#header{
	width:800px;
	height:70px;
	background-color:#2D93E0;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}

#main{
	width:800px;
	height:480px;
	padding: 0px;
	margin: 0px;
	background:url(bases_image/bg/back.gif);

}

#main2{
	width:800px;
	height:480px;
	padding: 0px;
	margin: 0px;
	background:url(bases_image/bg/back2.gif);

}

#mainEG{
	width:800px;
	height:480px;
	padding: 0px;
	margin: 0px;
	background:url(bases_image/bg/backEG.jpg);

}
  
#footer{
	width:800px;
	height:50px;
	background-color:#2D93E0;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
} 

/*****header_baselayout*****/
 
.headernavidiv div{
	float:right;
	width:90px;
	border-right:solid 0px;
	border-left:solid 0px;
	border-color:#FF3333;
	margin-left:0px;
}

#header-spray-logo{
	 width:70px;
	 height:50px;
	 position:absolute;
	 top:20px;
	 left:720px;
}
 
#header-text_box{
	width:700px;
	height:30px;
	position:absolute;
	left:15px;
	padding-top:3px;
	margin-top:auto;
	margin-bottom:auto;
	top: 1px;
}

#debucara_box{
	width:250px;
	height:35px;
	position:absolute;
	top:0px;
	padding:0px;
	left: 0px;
}

#header-menu_box{
    width:702px;
	height:35px;
	position:absolute;
	top:35px;
	left:15px;
	padding:0px;
	text-align:left;
}

/*****main_baselayout*****/

#basemenu{
	 width:215px;
	 height:100px;
	 padding: 0px 0px 0px 0px;
	 position:absolute;
	 top:215px;
	 left:450px;
	 visibility:0;
	 z-index:9;
}

#cpbasemenu{
	 width:400px;
	 height:100px;
	 font-size:1em
	 padding: 0px 0px 0px 0px;
	 position:absolute;
	 top:215px;
	 left:450px;
	 visibility:0;
	 z-index:auto;
}

#guide{
	width:320px;
	height:200px;
	background:
	 url(bases_image/bg/bg02.gif);
	padding: 0px 0px 0px 0px;
	position:absolute;
	top:300px;
	left:25px;
	visibility:0;
	z-index:9;
}

#comment{
	width:325px;
	position:absolute;
	top:500px;
	left:25px;
	height:40px;
	padding:0px;
	}

.flashplayer{
	width:88px;
	position:absolute;
	top:466px;
	left:25px;
	height:28px;
	padding:0px;
	}

#kazari{
	width:100px;
	height:100px;
	padding: 0px 0px 0px 0px;
    position:absolute;
	top:400px;
	left:500px;
}	

#textlogo{
    width:200px;
    height:80px;
    padding:0px 0px 0px 0px;
    position:
	absolute;
    top:275px;
    left:35px;
}

#webtop {
	position:relative;
	width:315px;
	height:200px;
	top: 0px;
	left: 0px;
	background-image:url(bases_image/bg/web-top-link.gif);
}

/*****footer_baselayout*****/
	
#message{
	position:relative;
	width:720;
	height:15px;
	z-index:0;
	top: 10px;
	left: 40px;
}

#guidemessage{
	 width:200px;
	 height:150px;
	 padding: 0px 0px 0px 0px;
	 position:absolute;
	 top:416px;
	 left:27px;
	 visibility:0;
	 z-index:9;
}

/*****TOP*****/ 

#top-whatsnew a{
    display:block;
    width:210px;
    background:
	url(bases_image/whatsnew01.gif) no-repeat;
    background-position:right;
    height:30px;
    line-height:50px;
    text-decoration:none;
}

#top-whatsnew a:hover{
	background:
	url(bases_image/whatsnew02.gif) no-repeat;
	background-position:right;
	border-right-width: 215px;
}

#top-works a{
    display:block;
    width:210px;
    background:
	url(bases_image/works01.gif) no-repeat;
    background-position:right;
    height:30px;
    line-height:50px;
    text-decoration:none;
}

#top-works a:hover{
    background:
	url(bases_image/works02.gif) no-repeat;
    background-position:right;
}

#top-aboutus a{
    display:block;
    width:210px;
    background:
	url(bases_image/aboutus01.gif) no-repeat;
    background-position:right;
    height:30px;
    line-height:50px;
    text-decoration:none;
}

#top-aboutus a:hover{
	background:
	url(bases_image/aboutus02.gif) no-repeat;
	background-position:right;
	border-right-width: 215px;
}

#top-spraychannel a{
    display:block;
    width:210px;
    background:
	url(bases_image/spray-botan01.gif) no-repeat;
    background-position:right;
    height:30px;
    line-height:50px;
    text-decoration:none;
}

#top-spraychannela:hover{
    background:
	url(bases_image/spray-botan02.gif) no-repeat;
    background-position:right;
}

#top-recruit a{
    display:block;
    width:210px;
    background:
	url(bases_image/recruit01.gif) no-repeat;
    background-position:right;
    height:30px;
    line-height:50px;
    text-decoration:none;
}

#top-recruit a:hover{
	background:
	url(bases_image/recruit02.gif) no-repeat;
	background-position:right;
	border-right-width: 215px;
}

#top-yogen a{
    display:block;
    width:210px;
    background:
	url(others/yogen/gifswf/dolly-botan.gif) no-repeat;
    background-position:right;
    height:30px;
    line-height:50px;
    text-decoration:none;
}

#top-yogen a:hover{
	background:
	url(others/yogen/gifswf/dolly-botan.gif) no-repeat;
	background-position:right;
	border-right-width: 215px;
}


/*****OUR-PROPOSAL*****/

#guide-ourproposal{
	 width:300px;
	 height:200px;
	 padding: 0px 0px 0px 0px;
	 position:absolute;
	 top:320px;
	 left:30px;
	 visibility:0;
	 z-index:9;
}

#group-base{
	 width:350px;
	 height:320px;
	 background-image:
	 url(bases_image/bg/bg03.gif);
	 padding: 0px 0px 0px 0px;
	 position:absolute;
	 top:185px;
	 left:420px;
	 visibility:0;
}

/*****CONTACT*****/

#contact-map{
    width:240px;
    height:180px;
    position:absolute;
    top:290px;
    left:20px;
}

#contact-design{
	 width:280px;
	 height:100px;
	 background-image:url(bases_image/bg/bg02.gif)
	 padding: 0px 0px 0px 0px;
	 position:
	 absolute;
	 top:230px;
	 left:385px;
	 visibility:0;
}

#contact-cpvi-logo{
	 width:77px;
	 height:50px;
	 position:
	 absolute;
	 top:180px;
	 left:385px;
}

#contact-spray-logo{
	 width:70px;
	 height:49px;
	 position:
	 absolute;
	 top:180px;
	 left:465px;
}

#contact-jimak{
	 width:280px;
	 height:100px;
	 background-image:url(bases_image/bg/bg02.gif)
	 padding: 0px 0px 0px 0px;
	 position:absolute;
	 top:385px;
	 left:385px;
}

#contact-jimak-logo{
	 width:52px;
	 height:50px;
	 position: absolute;
	 top:335px;
	 left:385px;
}

/*****Link*****/

#link-list{
    position:absolute;
	left: 379px;
	top: 200px;
	width: 320px;
	height: 230px;
	background:url(bases_image/bg/bg03.gif);
	overflow:auto;
}

#link-message{
	position:
	relative;
	width:540;
	height:15px;
	z-index:0;
	top: 10px;
	left: 40px;
}

#link-banner{
    width:176px;
    height:45px;
    padding: 0px 0px 0px 0px;
    position:absolute;
    top:555px;
    left:620px;
}

/*****ABOUT*****/

#about-proposal a{
	display:block;
    width:210px;
	background:
	url(bases_image/ourproposal01.gif) no-repeat;
    background-position:right;
    height:30px;
    line-height:50px;
    text-decoration:none;
}

#about-proposal a:hover{
    background: 
	url(bases_image/ourproposal02.gif) no-repeat;
    background-position:right;
}

#about-contact a{
    display:block;
    width:210px;
    background:
	url(bases_image/contact01.gif) no-repeat;
    background-position:right;
    height:30px;
    line-height:50px;
    text-decoration:none;
}

#about-contact a:hover{
    background:
	url(bases_image/contact02.gif) no-repeat;
    background-position:right;
}

#about-link a{
    display:block;
    width:210px;
    background:
	url(bases_image/links01.gif) no-repeat;
    background-position:right;
    height:30px;
    line-height:50px;
    text-decoration:none;
}

#about-link a:hover{
    background:
	url(bases_image/links02.gif) no-repeat;
    background-position:right;
}

#about-recruit a{
    display:block;
    width:210px;
    background:
	url(bases_image/recruit01.gif) no-repeat;
    background-position:right;
    height:30px;
    line-height:50px;
    text-decoration:none;
}

#about-recruit a:hover{
	background:
	url(bases_image/recruit02.gif) no-repeat;
	background-position:right;
	border-right-width: 215px;
}

/*****RECRUIT_basemenubotan*****/

#recruit-base{
	 width:350px;
	 height:330px;
	 background-image: url(bases_image/bg/bg03.gif);
	 padding: 0px 0px 0px 0px;
	 position:absolute;
	 top:170px;
	 left:400px;
	 visibility:0;
}

#recruit-design_link{
	 width:225px;
	 height:20px;
	 position:absolute;
	 top:102px;
	 left:550px;
	 visibility:0;
}

#recruit-jimaku_link{
	 width:225px;
	 height:20px;
	 position:absolute;
	 top:120px;
	 left:550px;
	 visibility:0;
}

#recruit-student_message{
	 width:225px;
	 height:20px;
	 position:absolute;
	 top:140px;
	 left:550px;
	 visibility:0;
}


#recruit02-recture{
	 width:400px;
	 height:400px;
	 background-image:
	 url(bases_image/bg/bg03.gif);
	 padding: 0px 0px 0px 0px;
	 position:absolute;
	 top:120px;
	 left:350px;
	 visibility:0;
}

/*****WHATSNEW_basemenubotan*****/

#whatsnew-list{
    position:absolute;
	left: 350px;
	top: 178px;
	width: 380px;
	height: 300px;
	background:url(bases_image/bg/bg03.gif);
	overflow: auto;
}

/*****WORKS*****/

#works-message{
	position:absolute;
	width:395px;
	height:25px;
	z-index:0;
	top: 120px;
	left: 355px;
}

#works-cg-douga a{
    display:block;
    width:210px;
    background:
	url(bases_image/cg_douga01.gif) no-repeat;
    background-position:right;
    height:30px;
    line-height:50px;
    text-decoration:none;
}

#works-cg-douga a:hover{
    background:
	url(bases_image/cg_douga02.gif) no-repeat;
    background-position:right;
}

#works-cg-seishiga a{
    display:block;
    width:210px;
	background:
	url(bases_image/cg_seisiga01.gif) no-repeat;
    background-position:right;
    height:30px;
    line-height:50px;
    text-decoration:none;
}

#works-cg-seishiga a:hover{
    background:
	url(bases_image/cg_seisiga02.gif) no-repeat;
    background-position:right;
}

#works-cg-flip a{
    display:block;
    width:210px;
	background:
	url(bases_image/flip01.gif) no-repeat;
    background-position:right;
    height:30px;
    line-height:50px;
    text-decoration:none;
}

#works-cg-flip a:hover{
    background:
	url(bases_image/flip02.gif) no-repeat;
    background-position:right;
}

#works-derector a{
    display:block;
    width:210px;
    background:	
	url(bases_image/directer01.gif) no-repeat;
    background-position:right;
    height:30px;
    line-height:50px;
    text-decoration:none;
}

#works-derector a:hover{
    background:
	url(bases_image/directer02.gif) no-repeat; 
    background-position:right;
}

#works-eizoujimaku a{
    display:block;
    width:210px;
    background:
	url(bases_image/eizoujimaku01.gif) no-repeat;
    background-position:right;
    height:30px;
    line-height:50px;
    text-decoration:none;
}

#works-eizoujimaku a:hover{
    background:
	url(bases_image/eizoujimaku02.gif) no-repeat;
    background-position:right;
}


#works-e-commerce a{
    display:block;
    width:210px;
    background:
	url(bases_image/e-commerce02_up.gif) no-repeat;
    background-position:right;
    height:30px;
    line-height:50px;
    text-decoration:none;
}

#works-e-commerce a:hover{
    background:
	url(bases_image/e-commerce02_over.gif) no-repeat;
    background-position:right;
}
/*****CG-movie*****/

#movie_full-base{
	width:360px;
	height:360px;
	position:absolute;
	top:100px;
	left:365px;
	padding:0px;
	margin:0px;
	background-image:url(../image/bg03.gif);
}

#guide-movie{
	width:310px;
	height:150px;
	background:url(bases_image/bg/bg02.gif);
	padding: 0px 0px 0px 0px;
	position:absolute;
	top:280px;
	left:28px;
	visibility:0;
	z-index:9;
	background-image: url(bases_image/bg/bg03.gif);
}

#movie_sample{
	width:350px;
	height:300px;
	position:absolute;
}

/*****CG-no_movie & flip*****/ 

#sampleflash{
    width:400px;
    height:400px;
    position:absolute;
    top:111px;
    left:350px;
    z-index:20;
}

#guide-no_movie{
	width:310px;
	height:150px;
	background:url(bases_image/bg/bg02.gif);
	padding: 0px 0px 0px 0px;
	position:absolute;
	top:280px;
	left:25px;
	visibility:0;
	z-index:9;
	background-image: url(bases_image/bg/bg03.gif);
}

#jiseki-desighn{
	width: 320px;
	height: 230px;
	padding-bottom:inherit;
}

#radio-base{
	 width:430px;
	 height:400px;
	 background-image: url(bases_image/bg/bg03.gif);
	 padding: 0px 0px 0px 0px;
	 position:absolute;
	 top:100px;
	 left:350px;
	 visibility:0;
}


/*****English*****/
#english{
	 width:700px;
	 height:330px;
	 background-image: url(bases_image/bg/bg03.gif);
	 padding: 0px 0px 0px 0px;
	 position:absolute;
	 top:180px;
	 left:50px;
	 visibility:0;
}