@charaset "utf-8";

* {
	margin:0;
	padding:0;
	} 
	
	
	

	
	
body, th, td {
	background-color: #e1e1e1;
	color:#444444;
	font-family:Verdana,'Lucida Grande',sans-serif;
	font-size:75%;
	line-height:150%;
}

body{
/*
	background-image:url(../img/background_01.gif);
	background-repeat:repeat;
*/
}

.clear {
	clear:both;
	font-size:0;
	line-height:0;
}


img {
	border:0 none;
	margin:0;
	padding:0;
}


/* 高さ */	

.h5{height:5px}	
.h10{height:10px}	
.h15{height:15px}
.h20{height:20px}
.h30{height:30px}
.h100{height:100px}






/*　別ウィンドウアイコン */

.vmiddle{
vertical-align:middle;
}


/*　上へ戻るボタン */

div#arrow{
	width:730px;
	height:20px;
	float:right;
	
}

	

/*　普通のリンク設定 */


a:link {
	color: #0099ff;
	text-decoration:none;} 
a:visited {
	color: #0099ff;
	text-decoration:none;} 
a:hover { 
	color: #0099ff;
	text-decoration:underline;} 
a:active {
	color: #0099ff;} 



div#mother{
	width:800px;
	margin-left : auto ; margin-right : auto ;
	}


/*　ヘッダー */	
	
div#header{
	width:800px;
	margin-top:30px;
	background-color:#ffffff;
	float:left;
}


/*　メニュー */



div#menu{
	width:auto;
	margin:auto;
}


div#menu{
	padding-top:11px;
	padding-bottom:15px;
}

div#menu div {
	width:100%;
	overflow:hidden;
}

div#menu a{
	padding-left :8px;
	padding-right:8px;
	display:block; 
	border-right:1px solid #dddddd; 
	text-align:center;

}

div#menu ul { 
	padding :0 ; 
	list-style-type : none; 
	position:relative;
	float:left;
	left:50%
}

div#menu li { 
	display : inline; 
	padding :0; 
	margin:0; 
	float:left;
	position:relative;
	right:50%;
}


div#menu #menu_right a {
	padding-left :8px;
	padding-right:8px;
	display:block; 
	text-align:center;
	border:none; 
}



/*　メイン */

div#main{
	width:800px;
	height:300px;
	background-color:#ffffff;
	margin-top:10px;
	float:left;
	
}


/* NEWS お知らせ */

div#news100{
	width:800px;
	margin-top:10px;
	background-color:#ffffff;
	float:left;
	text-align:left;
}

div#news{
	float: left;
	padding:40px 50px;
	background-color:#ffffff;
}



div#news_title{
	width:190px;
	float:left;	
}


div#news_set{

	width:510px;
	float:right;
}

div#news_set .date100{
	float:left;
	margin:0;
	padding:0;
}

div#news_set .date{
	margin:0;
	padding:0;
	float:left;
}

div#news_set .text100{
	width:410px;
	float:left;
	margin:0;
	padding:0 0 0 10px;
}

div#news_set .text{
	margin:0 0 13px 0;
	padding:0;
	
}


/* シンフォニックとは */



div#sym{
	float:left;
	width:800px;
	height:320px;
	background-image:url(../img/sym_img.gif);
	background-color:#fff;
	background-position:top;
	background-repeat:no-repeat;
	text-align:left;
	position:relative;

}

div#sym .arrow{
	width:16px;
	height:20px;
	
}

div#sym .arrow_position{
	margin:295px 20px 5px 764px;
	position: absolute;

}


div#sym .text100{
	width:410px;
	position: absolute;
}

div#sym .text{
	padding-top:180px;
	padding-left:65px;
	
}


/* DESIGN for Communication 事業内容 */

div#design{
	width:730px;
	float: left;
	margin-top:10px;
	padding:40px 20px 5px 50px;
	background-color:#ffffff;
	text-align:left;
}

div#design .text{
	width:670px;
	margin-top:45px;
	margin-left:10px;
	float:left;
}

div#design .img{
	float:left;
	width:700px;
	margin-top:45px;
	margin-bottom:33px;
}

/* WORKS 作品紹介 */



div#works100{
	width:800px;
	margin-top:10px;
	background-color:#ffffff;
	float:left;
	text-align:left;
}

div#works{
	float:left;
	padding:40px 20px 5px 50px;
	background-color:#ffffff;

}

div#works .title{
	width:700px;
	height:53px;
	float:left;
	margin-bottom:45px;
}

div#works_set{
	width:700px;
	margin-bottom:21px;
	float:left;	
	background-color:#ffffff;
}

div#works_set .img100{
	float:left;
	width:270px;
}

div#works_set .img{
	padding-left:60px;
}

div#works_set .text100{
	float:left;
	width:380px;
	
}

div#works_set .text{
	padding-left:45px;
	text-align:left;
	
}

div#works .line{
	float:left;
	width:700px;
	height:1px;
	margin-bottom:20px;
	
}


/* ABOUT US 会社案内 */

div#about100{
	width:800px;
	margin-top:10px;
	background-color:#ffffff;
	float:left;
	text-align:left;
}

div#about{
	float:left;
	padding:40px 20px 0px 50px;
	background-color:#ffffff;
}

div#about .title{
	width:700px;
	height:53px;
	float:left;
	margin-bottom:45px;
}

div#about_set{
	width:700px;
	float:left;	
	background-color:#ffffff;
	background-image:url(../img/about_line.gif);
	background-position:top;
	background-repeat:repeat-y;
}


	
div#about_set .left100{
 width:268px;
 float:left;
}

div#about_set .left{
 padding-left:10px;

}
 	
div#about_set .right100{
 width:427px;
 float:right;
}

div#about_set .right{
 padding-left:55px;
}

div#about_set .plus100{
	width:427px;
	float:right;
}
	
div#about_set .plus{
	float:right;
	padding-top:5px;
	padding-right:45px;
}

div#about_set .plus_icon{
	padding-top:5px;
}
	

div#about_arrow{
	padding-top:15px;
	padding-right:20px;
	padding-bottom:5px;
	float:right;
}



/* BP募集 */

div#bp100{
	width:800px;
	margin-top:10px;
	background-color:#ffffff;
	float:left;
	text-align:left;
}

div#bp{
	float:left;
	padding:40px 20px 5px 50px;
	background-color:#ffffff;

}

div#bp .title{
	width:700px;
	height:53px;
	float:left;
	margin-bottom:20px;
}

div#bp .text100{
	float:left;
	width:680px;
	
}

div#bp .text{
	padding-left:10px;
	text-align:left;
	
}


div#bp .button{
	padding-top:20px;
	padding-left:6px;
}



/*フォーム*/

div#inquiry100{
	width:800px;
	margin-top:10px;
	background-color:#ffffff;
	float:left;
	text-align:left;
}

div#inquiry{
	float:left;
	padding:40px 20px 5px 50px;
	background-color:#ffffff;

}

div#inquiry .title{
	width:700px;
	height:53px;
	float:left;
	margin-bottom:20px;
}

div#inquiry .text100{
	float:left;
	width:680px;
	
}

div#inquiry .text{
	padding-left:10px;
	text-align:left;
	
}


 .formset{
	width:680px;
	margin-top:10px;
}

 .formtext{
	width:130px;
	float:left;
}

 .formbox{
	float:left;
}



	

/* RECRUIT リクルート */

div#recruit100{
	width:800px;
	margin-top:10px;
	background-color:#ffffff;
	float:left;
	text-align:left;
}

div#recruit{
	float:left;
	padding:40px 20px 5px 50px;
	background-color:#ffffff;

}

div#recruit .title{
	width:700px;
	height:53px;
	float:left;
	margin-bottom:20px;
}

div#recruit .text100{
	float:left;
	width:680px;
	
}

div#recruit .text{
	padding-left:10px;
	text-align:left;
	
}


div#recruit .button{
	padding-top:20px;
	padding-left:6px;
	float:left;
}

div#recruit .hr{
	padding-top:17px;
	padding-bottom:16px;
	float:left;
}




/* CONTACT 問い合わせ */

div#contact100{
	width:800px;
	margin-top:10px;
	background-color:#ffffff;
	float:left;
	text-align:left;
}

div#contact{
	float:left;
	padding:40px 20px 5px 50px;
	background-color:#ffffff;

}

div#contact .title{
	width:700px;
	height:53px;
	float:left;
	margin-bottom:20px;
}

div#contact .text100{
	float:left;
	width:680px;
	
}

div#contact .text{
	padding-left:10px;
	padding-bottom:20px;
	text-align:left;
	
}


div#contact .button{
	padding-top:5px;
	padding-left:6px;
	float:left;
}


/* フッター */
div#footer100{
	width:800px;
	margin-top:10px;
	float:left;
}

div#footer{
	float:left;
	width:800px;
	margin-bottom:15px;
	text-align: center; 


}