/*======================================================================
　ebook『open.htm』スタイルシート 【ベースのスタイル規則】
======================================================================*/

/*--------------------------------------------------
　1-1.Universal selector（すべての要素にスタイルを適用）
--------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	line-height: 1.3;
	color: #666666;
	font-style: normal;
}

/*--------------------------------------------------
　1-2.Structure Module
--------------------------------------------------*/

body {
	background-color: #ffffff;
	background:url(./img/all_bg.gif);
	font-family:"'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif";
	font-size: 80%; /* 基本文字サイズ */
	*font-size: small; /* IE7およびIE6標準準拠モードに適用 */
	*font: x-small; /* IE6後方交互モードに適用 */
	text-align: center;
}

a { color:#FA8100; }
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}

img {
	border:none;
	}

/*--------------------------------------------------
　1-3.外枠
--------------------------------------------------*/

#all {
	margin:10px auto 0 auto;
	width:400px
	}
	
#main {
	width:400px;
	background:url(./img/bg2.jpg) repeat-y;
	}

/*--------------------------------------------------
　1-4.ロゴ
--------------------------------------------------*/

#main div.logo {
	margin:0 20px;
	padding:10px 0 0 0;
	text-align:left;
	}

#main img.line {
	margin:10px 0 0 0;
	}

/*--------------------------------------------------
　1-5.媒体詳細
--------------------------------------------------*/

#main div.detail {
	text-align:left;
	margin:0 40px;
	padding:10px 0 10px 0;
	font-size:110%;
	font-weight:bold;
	}
	
#main div.detail dl {
	clear:left;
	}

#main div.detail dt {
	float:left;
	margin:0 0 0.5em 0;
	}
	
#main div.detail dt img {
	vertical-align:middle;
	}
	
#main div.detail dd {
	margin:0 0 0.5em 78px;
	padding:0 0 0 0;
	}

/*--------------------------------------------------
　1-6.eBOOKへリンクボタン
--------------------------------------------------*/
	
#main div.button {
	clear:both;
	margin:0 40px 0 210px;
	text-align:right;
	}

#main div.button .book {
	width:150px;
	height:25px;
	}
	
#main div.button .book span {
	visibility:hidden;
	}
	
#main div.button .book a {
	display:block;
	width:150px;
	height:25px;
	text-decoration:none;
	background:url(./img/button1.jpg) no-repeat;
	}
	
#main div.button .book a:hover {
	background:url(./img/button2.jpg) no-repeat;
	}
	
/*--------------------------------------------------
　1-7.Flash Player ダウンロード
--------------------------------------------------*/
#main p {
	margin:30px 30px 10px 30px;
	}
	
#main img.flash {
	margin:0 0 10px 0;
	}