@charset "utf-8";
/*
--------------------------------------------------------------------------------
DevCastWebページスタイルシート
作成者：福田利恵子
作成日：2008/08/11
--------------------------------------------------------------------------------
目次：
・基本構造（ページ全体のフレーム構造やデフォルト指定などを作成）
・リンク（リンクのマウスオーバーや挙動等の指定）
・ヘッダ（ヘッダのレイアウト指定）
・ナビゲーション（メニューのマウスオーバー、挙動、レイアウト等の指定）
・タイトル（ページタイトルのレイアウト指定）
・サイドバー（サイドバーのレイアウト指定）
・メインコンテンツ（メインコンテンツのレイアウト指定）
・フォーム（フォームのレイアウト指定）
・フッター（フッターのレイアウト指定）
・その他（上記に含められないCSS）
--------------------------------------------------------------------------------
注意事項：
■CSSの名称は、小文字だけにして下さい。
■ページの構造は、横幅760px（サイドバー250px／コンテンツ760px）で作成。
　レイアウトに合わせて適時変更して下さい。
■基本フォントサイズは、.pageで14pxに指定しています。
■ひとまず、ページ固有のCSSなども上記構造内に書いて下さい。
　全ページ共有のサイドサイドバー指定と、固有ページだけのサイドバー指定などは、
　後ほど切り分けのテクニックで分類を検討します。
■印刷用のCSS、クロスブラウザ用のCSSについては、別に作成してインポートする予定。
--------------------------------------------------------------------------------
*/


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

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

.Aheader
{
  	width: 760px;
}

.content
{
  	width: 760px;
}

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

.content .main
{
	float: left;
	width: 760px;
}

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

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

.footer { width: 760px; }


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

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; }*/


/* DevCastトップページ固有設定
------------------------------------------------------------ */

	
#devcast-top .page .content .main-inner
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:60px;
}

#devcast-top .page .content .main-inner-top
{
	font-size:24px;
	padding-left:15px;
}
	
#devcast-top .page .content .properties
{
	margin-top:20px;
	margin-bottom:10px;
	text-align:center;
}

#devcast-top .page .content .main-inner-rogo
{
	float:right;
	margin-top:50px;
	padding-right:20px;
}

/* DevCast問題ページ固有設定
------------------------------------------------------------ */

	
#devcast-problem .page .content .main-inner
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:60px;
}

#devcast-problem .page .content .main-inner-top
{
	font-size:24px;
	padding-left:15px;
}

#devcast-problem .page .content .main-inner-rogo
{
	float:right;
	margin-top:100px;
	padding-right:20px;
}


/* DevCastサービスページ固有設定
------------------------------------------------------------ */

	
#devcast-service .page .content .main-inner
{
	padding-bottom: 10px;
	padding-left:60px;
	font-size:16px;
}

#devcast-service .page .content .main-inner-top
{
	font-size:24px;
	padding-left:15px;
}
	
#devcast-service .page .content .main-inner .properties
{
	margin-top:20px;
	margin-bottom:10px;
}

#devcast-service .page .content .main-inner-rogo
{
	float:right;
	margin-top:100px;
	padding-right:20px;
}

#devcast-service .page .content .main-inner-table
{
	padding-bottom:10px;
	padding-left:40px;
}

#devcast-service .page .content .main-inner-table .title
{
	padding-top:20px;
	padding-bottom:5px;
	font-size:16px;
}

#devcast-service .page .content .main-inner-table  table.consulting{
    border:2px solid #000000;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	font-size:12px;
	width:670px;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
}
#devcast-service .page .content .main-inner-table .consulting th{
    border:1px solid #000000;
    background-color:#F7C232;
	color:#FFFFFF;
    text-align:left;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
}
#devcast-service .page .content .main-inner-table .consulting td{
    border:1px solid #000000;
	color:#000000;
    text-align:left;
	white-space:normal;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
}



#devcast-service .page .content .main-inner-table  table.troubuleshooting{
    border:2px solid #000000;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	font-size:12px;
	width:670px;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
}
#devcast-service .page .content .main-inner-table .troubuleshooting th{
    border:1px solid #000000;
    background-color:#FE619B;
	color:#FFFFFF;
    text-align:left;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
}
#devcast-service .page .content .main-inner-table .troubuleshooting td{
    border:1px solid #000000;
	color:#000000;
    text-align:left;
	white-space:normal;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
}

#devcast-service .page .content .main-inner-table  table.service{
    border:2px solid #000000;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	font-size:12px;
	width:670px;
}
#devcast-service .page .content .main-inner-table .service th{
    border:1px solid #000000;
    background-color:#70EB8C;
	color:#FFFFFF;
    text-align:left;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
}

#devcast-service .page .content .main-inner-table .service td{
    border:1px solid #000000;
	color:#000000;
    text-align:left;
	white-space:normal;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
}

#devcast-service .page .content .main-inner-table  table.tool{
    border:2px solid #000000;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	font-size:12px;
	width:670px;
}
#devcast-service .page .content .main-inner-table .tool th{
    border:1px solid #000000;
    background-color:#6CBDFA;
	color:#FFFFFF;
    text-align:left;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
}
#devcast-service .page .content .main-inner-table .tool td{
    border:1px solid #000000;
	color:#000000;
    text-align:left;
	white-space:normal;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
}

#devcast-service .page .content .main-inner-rogo
{
	float:right;
	margin-top:20px;
	padding-right:20px;
}


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

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

.footer
{
	height: 30px;
	background: url(../img/devcast_common_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 */