/* 三菱化学メディアブランドサイト：共通スタイルシート */




/* 全体基本設定 */
* {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
html {
    font-family: "ＭＳ ゴシック", "Osaka－等幅";
    font-size: 75%;
}
img {
    border: none;
}
a {
    color:#999999;
	overflow:hidden;
	text-decoration:none;
}
a:hover {
	color:#ff0000;
}
body {
    background-color:#ffffff;
}


/* float時高さ0回避（適宜使用） */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */






/* ページ基本レイアウト */
#wrapper {
	background:none;
	width:726px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
}
#wrapper #header {
	background:url(../images/common/bg_header.gif) top repeat-y;
	width:915px;
	height:85px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	position:relative;
	display:none;
}
#wrapper #main {
	width:726px;
	background: none;
	margin:0px auto 0px auto;
	padding:0px 0 0px 0;
	position:relative;
}
	/* コンテンツ左 */
	#wrapper #main #contents {
		with:726px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		float:left;
		display:inline;
	}
	/* コンテンツ右（サイドバー） */
	#wrapper #main #sidebar {
		with:188px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		float:right;
		display:inline;
		display:none;
	}
#wrapper #footer {
	clear:both;
	width:915px;
	margin:0px auto 0 auto;
	padding:0 0 0 0;
	position:relative;
	display:none;
}





/* ヘッダー */
/* h1（ロゴ） */
#wrapper #header h1 {
	background:url(../images/common/logo.gif) no-repeat;
	text-indent:-9999px;
	width:219px;
	height:23px;
	position:absolute;
	top:15px;
	left:15px;
}
#wrapper #header h1 a {
	display:block;
	width:219px;
	height:23px;
}
/* グローバルナビ */
#wrapper #header #navi ul {
	list-style:none;
	width:484px;
	height:85px;
	float:right;
}
#wrapper #header #navi ul li {
	width:120px;
	height:85px;
	float:left;
	margin:0 1px 0 0;
}
#wrapper #header #navi ul li a {
	display:block;
	width:120px;
	height:85px;
	text-indent:-9999px;
}
/* AV用メディア */
#wrapper #header #navi ul li a.av {
	background:url(../images/common/navi_av.gif) no-repeat 0 0;
}
#wrapper #header #navi ul li a.av-current,
#wrapper #header #navi ul li a:hover.av {
	background:url(../images/common/navi_av.gif) no-repeat 0 -85px;
}
/* データ用メディア */
#wrapper #header #navi ul li a.data {
	background:url(../images/common/navi_data.gif) no-repeat 0 0;
}
#wrapper #header #navi ul li a.data-current,
#wrapper #header #navi ul li a:hover.data {
	background:url(../images/common/navi_data.gif) no-repeat 0 -85px;
}
/* その他のメディア */
#wrapper #header #navi ul li a.other {
	background:url(../images/common/navi_other.gif) no-repeat 0 0;
}
#wrapper #header #navi ul li a.other-current,
#wrapper #header #navi ul li a:hover.other {
	background:url(../images/common/navi_other.gif) no-repeat 0 -85px;
}
/* プリンター用紙 */
#wrapper #header #navi ul li a.paper {
	background:url(../images/common/navi_paper.gif) no-repeat 0 0;
}
#wrapper #header #navi ul li a.paper-current,
#wrapper #header #navi ul li a:hover.paper {
	background:url(../images/common/navi_paper.gif) no-repeat 0 -85px;
}







/* パンくず */
#wrapper #topic-path {
	width:915px;
	margin:0px auto 0px auto;
	border-bottom:#aabcc7 1px solid ;
	display:none;
}
#wrapper #topic-path ul {
	list-style:none;
	padding:0px 0px 3px 16px;
	color:#999999;
}
#wrapper #topic-path ul li {
	display:inline;
	padding:0 0 0 0;
}
#wrapper #topic-path ul li.current {
	color:#ff0000;
}






/* メイン（左） */
/* h2 */
#wrapper #main #contents h2 {
	padding:0 40px 25px 17px;
	width:669px;
}





/* メイン（右サイドバー） */
/* メディア紹介 */
#wrapper #main #sidebar div.introduction {
	width:158px;
	background:url(../images/common/bg_introduction.gif) top repeat-x;
	background-color:#dee5ea;
	margin:10px 0 0 0;
}
#wrapper #main #sidebar div.introduction p.subtitle {
	width:158px;
}
#wrapper #main #sidebar div.introduction ul {
	list-style:none;
	padding:15px 10px 5px 10px;
}
#wrapper #main #sidebar div.introduction ul li {
	background:url(../images/common/arrow_introduction.gif) no-repeat top left;
	padding:0 0px 0 15px;
	margin-bottom:10px;
	vertical-align:top;
}
#wrapper #main #sidebar div.introduction ul li a:hover, 
#wrapper #main #sidebar div.introduction ul li a.current {
	color:#000000;
}
/* サブナビゲーション */
#wrapper #main #sidebar ul.subnavi {
	list-style:none;
	width:158px;
	margin:0px 15px 0 0;
}
#wrapper #main #sidebar ul.subnavi li {
	width:158px;
	height:36px;
	margin:0 0px 0 0;
}
#wrapper #main #sidebar ul.subnavi li a {
	display:block;
	width:158px;
	height:36px;
	text-indent:-9999px;
}
/* メディアの知識 */
#wrapper #main #sidebar ul.subnavi li a.media {
	background:url(../images/common/subnavi_media.gif) no-repeat 0 0;
}
#wrapper #main #sidebar ul.subnavi li a.media-current,
#wrapper #main #sidebar ul.subnavi li a:hover.media {
	background:url(../images/common/subnavi_media.gif) no-repeat -158px 0;
}
/* オンデマンドサービス */
#wrapper #main #sidebar ul.subnavi li a.ondemand {
	background:url(../images/common/subnavi_ondemand.gif) no-repeat 0 0;
}
#wrapper #main #sidebar ul.subnavi li a.ondemand-current,
#wrapper #main #sidebar ul.subnavi li a:hover.ondemand {
	background:url(../images/common/subnavi_ondemand.gif) no-repeat -158px 0;
}
/* グリーン購入法適合商品 */
#wrapper #main #sidebar ul.subnavi li a.green {
	background:url(../images/common/subnavi_green.gif) no-repeat 0 0;
}
#wrapper #main #sidebar ul.subnavi li a.green-current,
#wrapper #main #sidebar ul.subnavi li a:hover.green {
	background:url(../images/common/subnavi_green.gif) no-repeat -158px 0;
}
/* サポート */
#wrapper #main #sidebar ul.subnavi li a.support {
	background:url(../images/common/subnavi_support.gif) no-repeat 0 0;
}
#wrapper #main #sidebar ul.subnavi li a.support-current,
#wrapper #main #sidebar ul.subnavi li a:hover.support {
	background:url(../images/common/subnavi_support.gif) no-repeat -158px 0;
}
/* バナー全体 */
#wrapper #main #sidebar div.banner {
	width:158px;
	margin:30px 15px 0 0;
}
/* 各バナー */
#wrapper #main #sidebar div.banner p {
	width:158px;
	margin:0 0px 7px 0;
}
/* Our BRAND */
#wrapper #main #sidebar div.brand {
	width:158px;
	margin:25px 15px 0 0;
}
/* タイトル */
#wrapper #main #sidebar div.brand p.subtitle {
	width:158px;
	margin:0px 0 0 0;
}
/* 各バナー */
#wrapper #main #sidebar div.brand p {
	width:158px;
	margin:0 0px 0px 0;
}




/* フッター */
#wrapper #footer div.link {
	width:915px;
	border-bottom:#aabcc7 1px solid ;
	padding:40px 0 5px 0;
}
/* 各リンク */
#wrapper #footer div.link ul {
	list-style:none;
	text-align:center;
}
#wrapper #footer div.link ul li {
	display:inline;
	padding:0 1.0em 0 1.0em;
	background:url(../images/common/arrow_footer.gif) no-repeat left;
}
/* Copyright画像 */
#wrapper #footer p {
	text-align:center;
	padding:10px 0 30px 0;
}









/* ボタン */
#wrapper #main #contents div.button {
	width:180px;
	margin:20px 0 0 270px;
	display:none;
}
/* 印刷 */
#wrapper #main #contents div.button p.print {
	width:110px;
	height:21px;
	float:left;
}
#wrapper #main #contents div.button p.print a {
	display:block;
	width:110px;
	height:21px;
	background:url(../../images/common/bg_product_print.gif) no-repeat;
	text-indent:-9999px;
}
/* 戻る */
#wrapper #main #contents div.button p.back {
	width:70px;
	height:21px;
	float:left;
}
#wrapper #main #contents div.button p.back a {
	display:block;
	width:70px;
	height:21px;
	background:url(../../images/common/bg_product_back.gif) no-repeat;
	text-indent:-9999px;
}