@charset "UTF-8";
/* CSS Document */

/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 767px){
img{
max-width: 100%;
height: auto;
}

/* ------------------------------------------
  RESET
--------------------------------------------- */

html {
	height:100%;
}

body{
     width: 100%;
     height:100%; /*ブラウザいっぱいに高さを取得*/
     margin:0;
     padding:0;
     background-color: #f2f1f1;
}

body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0;
	border: 0;
}

a:active,
a:hover {
  outline: 0;
}

body {
	background:#F3C526;
	background-image: url("images/back.png");

}

hr {
	border: 1px #E5E5E5 solid;
	margin:10px 0;
}

/* ------------------------------------------
  wrapper
--------------------------------------------- */
#wrapper {
	width:100%;
	margin:0 auto;
}

/* ------------------------------------------
  メインコンテンツ
--------------------------------------------- */
#main {
	width:1000px;
	margin:0 auto;
	padding-bottom:60px;
}

#menu {	/*メニューここから*/
	width:870px;
	margin:0 auto;
}

#menu ul {
    list-style-type: none;
    padding-left: 0;
}
#menu ul li {
    height: 50px;
    margin: 10px;
}
.inline-block {
    text-align: center;
}
.inline-block li {	/*メニューここまで*/
    display: inline-block;
}

.read { /*リード文*/
	width:850px;
	background:#F3D960;
	padding:30px 20px;
	
	margin:0 auto;
}

.book {	/*デジタルブック*/
	width:870px;
	height:600px;
	background:#DEDEDE;
	margin:0 auto;
	border:10px solid #fff;
	
	-webkit-box-shadow: 0 0 8px #999;
    box-shadow: 0 0 8px #999;
}

img.title {	/*タイトル画像*/
	margin:20px auto;
	padding:10px;
	color:#fff;
	display:block;
	text-align:center;
}

.btn,
.btn2,
.btn3 {		/*ボタン*/
	width:200px;
	margin:0 auto;
	padding:10px;
	color:#fff;
	text-decoration:none;
	display:block;
	text-align:center;
}

.btn {
	background:#D92E18;
}

.btn:hover {
	background:#A2220E;
}


/* ------------------------------------------
  デジタルブック
--------------------------------------------- */

.book iframe {
    width: 870px;
    height: 600px;
}
user agent stylesheetiframe {
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border: 2px inset;
}

/* ------------------------------------------
  ダウンロードページ
--------------------------------------------- */

.dl-txt {		/*ダウンロードテキスト*/
	width:840px;
	background:#fff;
	margin:0 auto;
	padding:30px;	
	-webkit-box-shadow: 0 0 8px #999;
    box-shadow: 0 0 8px #999;
}

.btn2 {
	background:#0F518F;
}

.btn2:hover {
	background:#0A4277;
}

.btn3 {
	background:#378A5E;
}

.btn3:hover {
	background:#226241;
}

.pre-title {	/* タイトル -- 30人にプレゼント */
	color:#D92E18;
	text-size:16px;
	font-weight:700;
}

dd { /*段落*/
	text-indent: 14px;
}

/* ------------------------------------------
  ヘッダー
--------------------------------------------- */

.head {
	height:70px;
	width:100%;
	background-repeat:repeat-x;
	background-image: url("images/head-img.jpg");
}


/* ------------------------------------------
  フッター
--------------------------------------------- */

footer {
	color:#fff;
	text-align:center;
	font-size:9px;
    width: 100%;
	height:20px;
	
	padding-bottom:25px;
	background-position: center bottom; 
	background-repeat:repeat-x;
	background-image: url("images/head-img.jpg");
}

footer a {
	color:#fff;
}

/* ------------------------------------------
  スクロール
--------------------------------------------- */
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
}

/* ------------------------------------------
　その他
--------------------------------------------- */

.mt30 {
	margin-top:30px;
}

.mb30 {
	margin-bottom:30px;
}

.mb15 {
	margin-bottom:15px;
}

.top_img {
	text-align:center;
}

.left {
	float:left;
}

.right {
	float:right;
}

.center {
	text-align:center;
	margin:0 auto;
}

/*clearfix */
.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}

.clearfix{display: inline-block;} 

/* Hides from IE Mac \*/
* html ..clearfix {height: 1%;}
.clearfix{display:block;}
/* End Hack */ 

.pc-none {
	display:none;
}

}