@charset "utf-8";
@import "styles.css";

/*--------------------------------------------------------------------
ホームページのタイトル
--------------------------------------------------------------------*/
#hp_title{
		width:950px;  height:107px; margin:0 auto; position: relative; overflow:hidden;
		}
/* ロゴの位置 */
#hp_title img{  margin-top:14px; }
/* 見出し(会社名) */
#hp_title h1{
		 position: absolute;  right:0px; bottom:12px; /* 位置 */
		 font-size:15px; /* サイズ */ line-height:15px; /* 行間 */ color:#000000; /* 文字の色 */
		 font-weight:normal;
		 }
/* 見出し(キャッチコピー) */
#hp_title h1 span{ font-size:9px; /* サイズ */ }
/*--------------------------------------------------------------------
トップ画像とメニュー
--------------------------------------------------------------------*/
#topimg{
		width:950px;  height:316px; margin:0 auto;  overflow:hidden;
		}
/* トップメニュー */
#topimg .topmenu {
		width:950px;  height:66px; margin:0 auto; list-style : none ; 
		background:url(../img/topmenu_bg.jpg) top no-repeat;
		}
#topimg .topmenu ul { margin:0; padding:0; list-style:none; }
#topimg .topmenu ul  li{ float:left; display:block;  line-height:11px; } 
#topimg .topmenu ul  li a { 
		display:block; margin:0; text-decoration:none; color:#000000; /* リンク色 */ font-weight:bold;
		font-size:16px;
		 }
#topimg .topmenu ul  li  span{ font-size:11px; font-weight:bold;  color:#7B7A7A; }
#topimg .topmenu ul  li a:hover {  color:#000000; /* リンク色 */ }
#topimg .topmenu ul  li.m_outline{ width:138px;  height:31px; } 
#topimg .topmenu ul  li.m_outline a { 
		line-height:31px; background:url(../img/m_outline.gif) left top no-repeat; 
		}
#topimg .topmenu ul  li.m_news { width:94px;  height:31px;  margin-left:28px; } 
#topimg .topmenu ul  li.m_news a{  
		line-height:31px; background:url(../img/m_news.gif) left top no-repeat; 
		}
#topimg .topmenu ul  li.m_works { width:113px;  height:31px; margin-left:28px; } 
#topimg .topmenu ul  li.m_works a { 
		line-height:31px; background:url(../img/m_works.gif)  left top no-repeat; 
		}
#topimg .topmenu ul  li.m_gallery{ width:152px;  height:31px; margin-left:26px; } 
#topimg .topmenu ul  li.m_gallery a{ 
		line-height:31px; background:url(../img/m_gallery.jpg)  left top no-repeat; 
		}
#topimg .topmenu ul  li.m_chara{ width:183px;  height:31px; margin-left:28px; } 
#topimg .topmenu ul  li.m_chara a{ 
		line-height:31px; background:url(../img/m_chara.gif)  left top no-repeat; 
		}
#topimg .topmenu ul  li.m_contact{ width:130px;  height:31px; margin-left:28px; } 
#topimg .topmenu ul  li.m_contact a{ 
		line-height:31px; 
		background:url(../img/m_contact.gif)  left top no-repeat; 
		}
#topimg .topmenu ul  li.m_outline a:hover { 
		background:url(../img/m_outline2.gif)  left top no-repeat; 
		}
#topimg .topmenu ul  li.m_news a:hover { 
		background:url(../img/m_news2.gif)  left top no-repeat; 
		}
#topimg .topmenu ul  li.m_works a:hover { 
		background:url(../img/m_works2.gif)  left top no-repeat; 
		}
#topimg .topmenu ul  li.m_gallery a:hover{ 
		background:url(../img/m_gallery2.jpg)  left top no-repeat; 
		}
#topimg .topmenu ul  li.m_chara a:hover{ 
		background:url(../img/m_chara2.gif)  left top no-repeat; 
		}
#topimg .topmenu ul  li.m_contact a:hover{ 
		background:url(../img/m_contact2.gif)  left top no-repeat; 
		}
/*--------------------------------------------------------------------
トップ内容
--------------------------------------------------------------------*/
#top_main{
		position: relative; width:950px;  height:450px; margin:0 auto; overflow:hidden;
		}
#top_main img.messe_img{
		position: absolute;  right:0px; top:53px; /* 位置 */
}
#top_main .top_main_messe{
		width:298px; margin:0 auto; overflow:hidden;
		position: absolute; top:49px; left:322px; /* 位置 */
		}
#top_main .top_main_messe p{
		text-align:left; padding-top:15px;
	    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size:15px;/* 文字のサイズ */ line-height:1.7; color:#000000;/* 文字の色 */
		}
/*--------------------------------------------------------------------
キャッチコピー
--------------------------------------------------------------------*/
#footer{
	    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size:13px;
		}
#footer span{
	font-size:11px;
}