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

html, body, #wrapper {
	height: 100%;
}

body > #wrapper {
	height: auto; 
	min-height: 100%;
}

body  {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #696969;
	line-height: 1.8;
}


#header {
	margin: 0 auto ;
	width: 1000px;
	height: 100px;
	background-image: url(images/share/head_img.gif);
}

h1{
	text-align: left;
	font-size: 85%;
	font-weight: normal;
	color:#bfbfbf;
	padding-left: 5px;
	margin-top: 15px;
}

#header_top {
	margin: 0 auto ;
	width: 1000px;
	height: 100px;
} 



#head_menu:after { 
	height: 0; 
	visibility: hidden;	
	content: "."; 
	display: block; 
	clear: both; 
}
#head_menu a{
	width: 55px;
	height: 20px;
	display: block;
}
#head_menu a span{
	display:none;
} 

#head_menu ul	{
	float: right;
	margin: 40px 10px 0px 0px;
}
#head_menu li	{
	float: left;
	list-style: none;
	padding-left: 20px;
}

#head_menu .sitemap a	{
	background: url(images/share/head_sitemap.gif) no-repeat;
}
#head_menu .contact a	{
	background: url(images/share/head_contact.gif) no-repeat;
}
 
#head_menu a:hover	{
	background-position: 0 -20px;
}





#wrapper {
	height: 100%;
	border-top: 3px solid #bbd422;
	margin: 0 auto;
} 




#container { 
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 80px;
} 


/* ここからサイドメニュー */



#navigation {
	float: left;
	width: 200px; 
	background: #ffffff;
	margin: 20px 0px 0px 3px;
	padding: 0px;
}

#navi_menu:after { 
	height: 0; 
	visibility: hidden;	
	content: "."; 
	display: block; 
	clear: both; 
}

#navi_menu a{
	width: 180px;
	height: 36px;
	display: block;
	margin: 20px 0px 20px 0px;
}

#navi_menu a span{
	display:none;
} 

#navi_menu ul	{
	float: left;
	text-align: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
}

#navi_menu li	{
	float: left;
	list-style: none;
	border-bottom: 1px dotted #cfc6b0;
}



#navi_menu .home a	{
	background: url(images/share/home_menu.gif) no-repeat;
}
#navi_menu .news a	{
	background: url(images/share/news_menu.gif) no-repeat;
}

#navi_menu .profile a	{
	background: url(images/share/profile_menu.gif) no-repeat;
}
#navi_menu .works a	{
	background: url(images/share/works_menu.gif) no-repeat;
}
#navi_menu .contact a	{
	background: url(images/share/contact_menu.gif) no-repeat;
}
#navi_menu a:hover	{
	background-position: 0 -36px;
}


/* サイドメニュー END*/


/* ここからコンテンツ */



p {
	font-size: 95%;
	line-height: 1.9;
	color: #8a8a8a;
}







#contents {
	float: right;
	width: 750px;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}

#contents .title{
	text-align: left;
	width: 750px;
	height: 36px;
	margin: 40px 0px 30px 0px;
	padding: 0px;
}


#contents .title h2{
	float: left;
	width: 670px;
	height: 35px;
	margin: 50px 0px 30px 0px;
	padding: 0px;
}


#contents .subtitle{
	float: left;
	text-align: left;
	width: 750px;
	height: 25px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}


#contents .subtitle h2 {
	float: left;
	width: 750px;
	height: 25px;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

#contents .subtitle h3 {
	text-align: left;
	width: 750px;
	height: 25px;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}


#contents .section{
	float: left;
	text-align: left;
	width: 750px;
}
#contents .section_block p{
	float: left;
	text-align: left;
	width: 245px;
	padding:0px 0px 50px 0px;
}

#contents .section h3 {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
}

#contents .section p {
	margin: 0px 0px 40px 0px;
}

#contents .section_info p {
	margin: 0px 0px 0px 0px;
}

#contents .section_list {
	text-align: left;
	float: left;
	width: 350px;
	padding-left: 20px;
}



/* ニュース更新情報 */


#contents .section_news{
	text-align: left;
	width: 750px;
	margin-top: 30px;
	border-bottom: 1px dotted #cfc6b0;
}

h3{
	font-size: 100%;
}

#contents .section_day{
	text-align: right;
	width: 750px;
	color: #a6a6a6;
	margin: 5px 0px 10px 0px;

}



/* 実績一覧 */


#contents .title_works{
	float: left;
	text-align: left;
	width: 750px;
	height: 36px;
	margin: 55px 0px 20px 0px;
	padding: 0px;
}

#contents .title2{
	float: left;
	text-align: left;
	width: 750px;
	height: 36px;
	margin: 40px 0px 0px 0px;
	padding-top: 30px;
	border-top: 1px dotted #cfc6b0;
}

#works {
	float: right;
	width: 750px;
	margin: 0px 0px 35px 0px;
	padding: 0px;
}

#works .subtitle{
	text-align: left;
	width: 750px;
	height: 25px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

#works .section_list ul {
	text-align: left;
	float: left;
	width: 350px;
	list-style-type: none;
	margin-left: -10px;
	padding: 0px;
}

#works .section_list2 ul {
	text-align: left;
	float: left;
	width: 730px;
	list-style-type: none;
}


#works_list:after { 
	height: 0; 
	visibility: hidden;	
	content: "."; 
	display: block; 
	clear: both; 
}
#works_list a{
	width: 110px;
	height: 20px;
	display: block;
}
#works_list a span{
	display:none;
} 

#works_list ul	{
	float: left;
	margin: 20px 10px 0px 0px;
}
#works_list li	{
	float: left;
	list-style: none;
	padding-right: 50px;
}

#works_list .tvcm a	{
	width: 55px;
	background: url(images/profile/tvcm.gif) no-repeat;
}
#works_list .game a	{
	width: 60px;
	background: url(images/profile/game.gif) no-repeat;
}
#works_list .cinema a	{
	background: url(images/profile/cinema.gif) no-repeat;
}
#works_list .design a	{
	width: 103px;
	background: url(images/profile/design.gif) no-repeat;
}
#works_list .web a	{
	width: 80px;
	background: url(images/profile/web.gif) no-repeat;
}
 
#works_list a:hover	{
	background-position: 0 -20px;
}




/* 実績作品 */

#work_results {
	float: left;
	width: 750px;
}


.work_img {
	float: left;
	width: 360px;
}
#headerFlash	{
	flort: left;
	width: 360px;
}

#headerFlash2	{
	flort: left;
	width: 360px;
}


#work_results_right {
	width: 360px;
}

.section_works {
	float: right;
	text-align: left;
	width: 330px;
	font-size: 80%;
	line-height: 1.6;
	margin: 0px 0px 20px 0px;
}




/* サイトマップ */



#sitemap .list {
	text-align: left;
	width: 500px;
	margin: 50px 0px 0px 0px;
	padding: 0px;
}


#sitemap .list p {
	font-size: 0px;
	line-height: 15px;
	color: #8a8a8a;
}


#sitemap .list ul {
	text-align: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
}

#sitemap .list ul li {
	display: block;
	width: 200px;
	height: 34px;
	background-image: url(images/sitemap/icon2.gif);
	background-repeat: no-repeat;
	background-position: left 40%;
	padding-left: 15px;
	text-align: left;
	margin-left: 0px;
	margin-bottom: 10px;
	list-style-type: none;
}
#sitemap .list  ul li a{	
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	line-height: 30px;
	color: #8a8a8a;
}

#sitemap .list  ul li a:hover{
	text-decoration: underline;	
	line-height: 30px;
	padding-left: 0px;
	color: #0c1968;
}

#sitemap .list  ul li a img{	
	border: none;
}




/* コンテンツ END*/



#footer {
	position: relative;
	margin-top: -80px;
	height: 80px;
	background: #c1c797;
	clear: both;
}

#footer .menu_left {
	float: left;
	width: 150px;
	text-align: left;
	margin: 15px 0px 0px 5px;
}


#footer .menu_right p{
	text-align: right;
	font-size: 10px;
	padding: 10px 15px 0px 0px;
	color: #ffffff;
}