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



/* 共通 */
*{
margin:0px;
padding:0px;
}
html,body{
	height:100%;
	}
	
#box{
	position: relative;
	width: 810px;
	background-color:#CCC;
	min-height:100%;
	height:auto;
	margin-bottom:-60px;
	margin-top: 0px;  
	margin-left:auto;
    margin-right:auto;
	text-align: left;
	font-size: 12px;
	color: #000;
	letter-spacing: 0.1em;
	line-height: 1.3em;	
	}
#box2{
	width: 810px;
	min-height:100%;
	height:auto;
	margin-bottom:-60px;
	margin-top: 0px;  
	margin-left:auto;
    margin-right:auto;
	text-align: left;
	font-size: 12px;
	color: #000;
	letter-spacing: 0.1em;
	line-height: 1.3em;	
	}
a:link{
	color:#ff6769;
	}
a:visited{
	color:#ff6769;
	}
a:hover{
	color:#ff6769;
	}
a:activ{
	color:#ff6769;
	}

h4{
	font-size:14px;
	}

.hidden{
	display: none;
	}




/* 共通-ヘッダ */
#head{
	margin: 0 0 0 0;
	height: 100px;
	width: 660px;
	float:right;
	background-color:#fff;
	}
#head a{
	display: block;
	width: 650px;
	height: 100%;
	float:right;
	overflow:hidden;
	background-image: url(pageimg/head07.jpg);
	background-repeat: no-repeat;
	}
	
	
	
	
	

/* 共通-メニュー */	
#menu{
	width:150px;
	min-height: 100%;
	padding: 0;
	float:left;
	background-color:#CCC;
	}
#a_logo{
	margin: 0;
	padding: 0;
	width:150px;
	height:60px;
	}
#a_logo a{
	display: block;
	height: 100%;
	width: 100%;
	overflow:hidden;	
	background-image: url(pageimg/a_logo.jpg);
	background-repeat: no-repeat;	
	}
#new_release{
	width:150px;
	height:20px;
	margin-bottom:2px;
	background-image: url(pageimg/new_release.jpg);
	}
#release01{
	margin: 0;
	padding: 0;
	width:150px;
	height:62px;
	}
#release01 a{
	display: block;
	height: 100%;
	width: 100%;
	overflow:hidden;	
	background-image: url(pageimg/pokopoko_ban.jpg);
	background-repeat: no-repeat;	
	}
#release02{
	margin: 0;
	padding: 0;
	width:150px;
	height:62px;
	}
#release02 a{
	display: block;
	height: 100%;
	width: 100%;
	overflow:hidden;	
	background-image: url(pageimg/magomusume_ban.jpg);
	background-repeat: no-repeat;
	}
#release03{
	margin: 0;
	padding: 0;
	width:150px;
	height:60px;
	}
#release03 a{
	display: block;
	height: 100%;
	width: 100%;
	overflow:hidden;	
	background-image: url(pageimg/chiteki_ban.jpg);
	background-repeat: no-repeat;
	}
#menu1{
	width:150px;
	height:20px;
	background-image: url(pageimg/menu.jpg);
	}
#menu2{
	width:150px;
	height:180px;
	}
#menu2 ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#menu2 li{
	float:left;
	width: 150px;
	height: 30px;
	margin: 0;
	padding: 0;
	}

#menu2 li a{
	display: block;
	width: 100%;
	height: 100%;
	overflow:hidden;
	background-image: url(pageimg/menu2.jpg);
	background-repeat: no-repeat;
	}
#menu2 #products a{background-position: 0 0;}
#menu2 #support a{background-position: 0 -30px;}
#menu2 #link a{background-position: 0 -60px;}
#menu2 #recruit a{background-position: 0 -90px;}
#menu2 #blog a{background-position: 0 -120px;}
#menu2 #top a{background-position: 0 -150px;}
#menu2 #products a:hover{background-position: -150px 0px;}
#menu2 #support a:hover{background-position: -150px -30px;}
#menu2 #link a:hover{background-position:-150px -60px;}
#menu2 #recruit a:hover{background-position: -150px -90px;}
#menu2 #blog a:hover{background-position: -150px -120px;}
#menu2 #top a:hover{background-position: -150px -150px;}









/* index */
#index_all{
	margin-left: 50px;
	}
#index_logo{
	margin: 200px 0 15px 0;
	}
#index_text1{
	margin: 0 0 15px 0;
	letter-spacing: 0.3em;
	line-height: 1.5em;
	color: #F66;
	}
#index_enter{
	margin: 0 0 80px 0;
	}
#index_works{
	margin: 0 0 15px 0;
	}
#index_crgbun{
	margin: 0 0 30px 0;
	}
#index_text2{
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	}
#index_copy{
	margin: 60px 0 0 0;
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	color: #F66;
	}






/* ホーム */

#main{
	width:660px;
	margin: 0 0 0 0; 
	float:right;
	background-color:#fff;
	}
#main_cg{
	position: relative;
	margin: 0;
	padding: 0;
	width:650px;
	height:450px;
	margin-left:10px;
	}
#main_cg2{
	position: relative;
	margin: 0;
	padding: 0;
	width:635px;
	height:120px;
	margin-left:10px;
	}
#swf1{
	position: absolute;
	z-index: 10;
	margin-top:10px;
	margin-left:430px;
	width:200px;
	left: 14px;
	top: 384px;
	}

#flv{
	text-align:center;
	width:480px;
	height:250px;
	float:left;
	border-bottom: thin solid #666;
	}
#log{
	width:635px;
	height:auto;
	margin-top:15px;
	margin-bottom:400px;
	margin-left:10px;
	padding-left:5px;
	overflow: auto;
	border:5px dotted #666;
	}
#info{
	width:635px;
	height:100%;
	float:left;
	margin-top:20px;
	padding-bottom: 5px;
	margin-left:10px;
	padding-bottom:20px;
	border-right: thin solid #666;
	}
#info_00{
	width:630px;
	height:25px;
	margin: 0;
	padding: 0 0 0 5px;
	float:left;
	}
#info_a{
	width:625px;
	height:20px;
	margin: 0;
	padding: 10px 0 0 10px;
	float:left;
	color:#F00;
	font-weight:bold;
	font-size:14px
	}
#info_b{
	margin: 5px 0 0 10px;
	padding: 0;
	width:100px;
	height:100px;
	float:left;
	}
#info_c{
	margin: 5px 0;
	padding: 0 10px 0 10px;
	width:500px;
	float:left;
	}
#infolog{
	width:625px;
	height:25px;
	margin-top: 20px;
	padding: 5px 0 0 5px;
	float:left;
	text-align: right;
	border-top: thin solid #666;
	}
#pickup{
	width:150px;
	float:right;
	margin-top:20px;
	background-color:#ff6769;
	text-align: center;
	}
#top_dl{
	width:500px;
	height:85px;
	margin-top:360px;
	margin-left:0px;
	overflow: hidden;
	text-align:center;
	}




/* 作品一覧 */
#products{
	width:650px;
	margin:0;
	padding:10px 0 0 10px;
	float:right;
	background-color:#fff;
	}
#soft_lineup{
	width:610px;
	height:260px;
	margin:0;
	padding:10px 0 10px 10px;
	border-bottom: solid 1px #888;
	float:left;
	}
#soft_lineup2{
	width:610px;
	height:260px;
	margin:0;
	padding:10px 0 10px 5px;
	float:left;
	}
#soft_pac{
	width:200px;
	margin-top:10px;
	padding:0;
	float:left;
	}
#soft_text{
	width:400px;
	margin-top:10px;
	padding:0;
	float:right;
	}		   
#banner{
	width:630px;
	border-top: dotted 1px #000;
	padding: 0 10px 0 10px;
	letter-spacing:0.14em;
	line-height:2.4em;
	float:left;
	}







/* 求人 */
#recruit{
	width:650px;
	margin:0;
	padding:10px 0 500px 10px;
	float:right;
	background-color:#fff;
	}
	
	
	
	
	
/* お問い合わせ */
#mail{
	width:650px;

	padding:50px 0 500px 10px;
	float:right;
	background-color:#fff;
	}
img.mail{
	vertical-align:bottom;
	}
dl {
	margin-bottom: 20px;
	}
dl dd {
	margin: 0px 0px 10px 30px;
	}
form dl dt {
	float: left;
	clear: left;
	width: 5em;
	}
form dl dd {
	margin: 1px;
	}
form dl dd textarea {
	margin-top: 2px;
	}
form ul {
	margin: 0px 0px 20px 0px;
	}
form ul li {
	list-style-type: none;
	}
form fieldset {
	border: 0px solid #000000;
	}
form legend {
	display: none;
	}
form input, form select {
	margin-right: 1px;
	padding: 1px;
	font-size: 90%;
	}
@media screen {
	form input, form select {
		font-family: Verdana, Arial, sans-serif;
		}
	}
form select {
	margin-top: 1px;
	}
form p input {
	text-align: center;
	}
form textarea {
	padding: 1px;
	width:500px;
	height:150px;
	font-family: 'ＭＳ ゴシック', Osaka, monospace;
	line-height: 1.2;
	}








/* リンク */
#link{
	width:650px;
	margin:0;
	padding:10px 0 0 10px;
	float:right;
	background-color:#fff;
	}
#linkbox{
	padding:10px 0 10px 5px;
	border-bottom: solid 1px #888; 
	}
#linkbox2{
	padding:10px 0 80px 5px;
	}






/* 共通-フッタ */
#pagetop{
	width: 645px;
	height:10px;
	clear:both;
	text-align: right;
	padding-bottom: 10px;
	}
#pagetop a{
	text-decoration: none;
	color:#888;
	}
#copy{
	clear:both;
	border-top: 5px solid #fff;
	margin-top:0;
	padding-top:10px;
	background-color:#666;
	color:#000;
	width:100%;
	height:20px;
	text-align: center; 
	}