@charset "utf-8";
/* =基本構造（ページ全体のフレーム構造やデフォルト指定などを作成）
-------------------------------------------------------------------------------- */
body
{
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応設定 */
  	padding: 0; /* 複数の異なるブラウザの初期設定値に対応設定 */
  	text-align: center; /* IE 5* ブラウザ用の中央揃え指定（.pageの指定が優先される） */
  	/* background: #A9ACB9; RGB242灰色 ENdoSnipeと同様の色 */
	background:#f2f4f4 url(../img/basic/background.gif) repeat-y top center;
	text-align:center;
}

.page
{
	font-size:15px;
	width: 760px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります（モダンブラウザ設定） */
	text-align: left; /* この設定は body エレメントの text-align: center より優先される */
	background:  url(../img/background.gif);
	font-family: Arial, Helvetica, sans-serif;
 }

.Aheader
{
  	width: 760px;
}

.main_img
{
	background-image:url(../img/main_img.gif);
  	width: 760px;
	height:350px;
}

.content
{
  	width: 760px;
}

.content .contentmain
{
	float: left;
	width: 400px;
}

.content .contentnews
{
	float: left;
	width: 250px;
}

.content .contentmain .main-header
{
 	float: left;
 	width: 400px;
}

.content .contentmain .main-inner
{
	float: left;
	width: 400px;
}

/* =リンク（リンクのマウスオーバーや挙動等の指定）
-------------------------------------------------------------------------------- */

a
{
	
}

a:link
{
}

a:visited
{
}

a:hover
{
 	 color: #FF0000;
  	text-decoration: underline;
}

a:active
{
}

/* パンくずリンクの設定 */
.page .pan-link
{
  	margin-top: 5px;
  	margin-bottom: 5px;
  	margin-left: 5px;
  	font-size: 12px;
}

.page .pan-link .here
{
  	font-weight: bold;
}

/* =ヘッダ（ヘッダのレイアウト指定）
-------------------------------------------------------------------------------- */
.page .header .page-header
{
	background:url(../img/devcast_common_header.gif);
	height:130px;
}



/* 例 */
  /* .header .page-header
     {
       background: url(../common/page.gif); 背景を指定する
       height: 30px;
     } */

/* =ナビゲーション（メニューのマウスオーバー、挙動、レイアウト等の指定）
-------------------------------------------------------------------------------- */

/* 例 */
/* 下のナビゲーションは、高さ32pxで作成している。 */

.menu ul
{
	height: 24px;
	list-style: none;
	margin: 0px;
	padding:0px;
}

.menu ul li
{
	float:left;
}

.menu ul li a
{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	padding-top: 24px;
	background: url(../img/devcast_common_menu.gif);
}


/* オフマウス時 */
.menu ul li.sn01 a { background-position:0px 0px; width:188px;}
.menu ul li.sn02 a { background-position:-188px 0px; width:188px;}
.menu ul li.sn03 a { background-position:-376px 0px; width:187px;}
.menu ul li.sn04 a { background-position:-563px 0px; width:188px;}

/* オンマウス時 */
.menu ul li.sn01 a:hover, .menu ul li.sn01 a.bton {background-position:0px 24px; width:188px;}
.menu ul li.sn02 a:hover, .menu ul li.sn02 a.bton {background-position:-188px 24px; width:188px;}
.menu ul li.sn03 a:hover, .menu ul li.sn03 a.bton {background-position:-376px 24px; width:187px;}
.menu ul li.sn04 a:hover, .menu ul li.sn04 a.bton {background-position:-563px 24px; width:188px;}


/* =タイトル（ページタイトルのレイアウト指定）
-------------------------------------------------------------------------------- */

/* 例 */
	/* ページ固有のタイトル画像設定 */
	/*#aisatsu .title { background: url(../aisatsu/img/title-aisatsu.gif); }*/


/* =サイドバー（サイドバーのレイアウト指定）
-------------------------------------------------------------------------------- */

/* =メインコンテンツ（メインコンテンツのレイアウト指定）
-------------------------------------------------------------------------------- */

/* 例 */
	/* ページ固有のページ背景色設定 */
	/*#aisatsu .content2{ background-color: #AAD269; }*/


/* エスエムジー株式会社 SMGトップページ固有設定
------------------------------------------------------------ */

#header
{
/*	height:1000px;		*/
	height: 800px;
	margin-bottom:50px;
}

#smg-top .page .header .rogo
{
	width:120px;
	float: left;
}

#smg-top .page .header .headermenu
{
	width:640px;
	height:20px;
	float:right;
	text-align:right;
	font-size:12px;
	background:url(../img/kokonavi.gif) no-repeat right center;
}
#smg-top .page .header .headermenu .a:hover{background:url(../img/kokonavi_on.gif) no-repeat right center;}

#smg-top .page .main_img
{
  	width: 760px;	
}

#smg-top .page .menubar
{
	width:760px;
}


/* -- メインのボタン部分 -- */
#smg-top .page .content .contentmain
{
	margin-top:5px;
	width:430px;
	float:left;
	margin-left:15px;
}

#smg-top .page .content .contentnews
{
	width:282px;
	float:right;
	margin-top:0px;
	margin-right:16px;
}

#smg-top .page .content .contentmain .link
{
	margin-top:0px;
}

#smg-top .page .content .contentnews .news
{
	margin-top:-20px;
}

#smg-top .page .content .contentnews .recruitbanner
{
	margin-top:5px;
}

#smg-top .page .content .contentnews .newsbanner
{
	margin-top:10px;
	margin-bottom:5px;
}

#smg-top .page .content .contentnews .news .rss
{
	margin-top:10px;
	margin-bottom:5px;
	text-align:right;
}



/* -- newの表示の為に追加 -- */
table#offi-navi .new{
	color: #FF0000;
	font-weight: bold;
}

/* -- topics --  */
table#offi-navi{
	margin-top:20px;
	/* ↓トップページでサイズが変わる部分があったため追加 */
	font-size:10px;
}


table#offi-navi td dl{
	padding:0px 0px 0px 0px;
	text-align:left;
}
table#offi-navi td dd{
	background:url(../img/dot01.gif) repeat-x bottom;
	font-size:12px;
	line-height:17px;
	padding:0px 0px 9px 0px;
	margin-left:20px;
	text-align:left !important;
}
table#offi-navi td dt{
	background:url(../img/point.gif) no-repeat top left;
	font-size:11px;
	line-height:17px;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	text-align:left !important;
}




/* =フォーム（フォームのレイアウト指定）
-------------------------------------------------------------------------------- */

/* =フッター（フッターのレイアウト指定）
-------------------------------------------------------------------------------- */

.footer
{
	height: 30px;
	width:760px;
	background: url(../img/top/footer.gif);
}

/* =その他（上記に含められないCSS）
-------------------------------------------------------------------------------- */

/* clear
------------------------------------------------------------ */
.clear
{
	clear: both;
}

/* clearfix
------------------------------------------------------------ */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}

.clearfix
{
	display: inline-block;
}

.red
{
	color:red;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */