commit 27507c1230a5bf0cf2bf43e58c40b4358fd94b5c
Author: shiwa <shiwa@i-hearts.jp>
Date:   Thu Mar 10 18:31:42 2016 +0900

    MyPageのベースデータ(admin_top.html)、及び変更されたCSSデータの追加、変更

diff --git a/app/View/top/admin_top.html b/app/View/top/admin_top.html
index 0518903..270df54 100755
--- a/app/View/top/admin_top.html
+++ b/app/View/top/admin_top.html
@@ -1,64 +1,102 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+	<title>-PictCode-</title>
+	<meta name="apple-mobile-web-app-capable" content="yes">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0,  maximum-scale=1.0, minimum-scale=1.0">
+	<meta charset = "UTF-8">
+	<meta http-equiv="pragma" content="public">
+	<meta http-equiv="Cache-Control" content="public">
+	<meta http-equiv="Expires" content="-1">
+	<meta http-equiv="Expires" content="86400">
+	<!-- css -->
+	<link href = "css/main.css" rel="stylesheet" type="text/css">
+	<link href="css/bootstrap/bootstrap.css" rel="stylesheet" >
+	<link href="css/jquery-ui.min.css" rel="stylesheet" >
+	<!-- 	<link href = "css/fixedheaderandfooter.css" rel="stylesheet" type="text/css">-->
+</head>
+
+<body>
+	<!-- ヘッダー -->
+
+	<header>
+		<a href=""><img class="header_button left" type="button" src="img/btn_header_004.png" alt=""></a>
+		<img class="center" src="img/header_title.png" alt="Pict Code">
+		<a href=""><img class="header_button right" type="button" src="img/btn_header_014.png" alt=""></a>
+	</header>
+	
+	<!-- メインコンテンツ -->
+
 	<main role="main">
 		<article class="admin">
 			<h2>
-				<img src="/img/img_h1_admin01.png" alt="お問い合わせ - 送信完了">
+				<img src="img/img_h1_admin01.png" alt="ほぞんプログラム - かんりページ">
 			</h2>
 			<p>ほぞんした PictCodeの プログラムを へんしゅうしたり さくじょしたり、コピーしたりできるよ！</p>
 			<p>下のいちらんから せんたくして へんしゅうしよう！</p>
 
-			<!-- Save Data 01 -->
-			<section class="save_data">
-				<a name="#save_data01">
-					<img src="/img/img_save_sample02.png" alt="タイトル">
-					<h3>作品タイトル作品タイトル</h3>
-					<p>内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。</p>
-				</a>
-				<ul>
-					<li><a href="delete_check">さくじょ</a></li>
-					<li><a href="play">きょうゆう</a></li>
-					<li><a href="copy">コピー</a></li>
-				</ul>
+			<!-- Brank Data 01 -->
+			<section class="data">
+				<section class="blank_data">
+					<a name="#save_data10">
+						<img src="img/img_save_blank.png" alt="タイトル">
+					</a>
+					<span class="blank"><a href="">あたらしく作る</a></span>
+				</section>
+				<section class="save_data">
+					<a name="#save_data01">
+						<img src="img/img_save_sample02.png" alt="タイトル">
+						<h3>ここにタイトルが入ります</h3>
+						<p>こちらに内容が入ります。</p>
+					</a>
+					<ul>
+						<li><a href="delete_check">さくじょ</a></li>
+						<li><a href="play">きょうゆう</a></li>
+						<li><a href="copy">コピー</a></li>
+					</ul>
+				</section>
 			</section>
 
 			<!-- Save Data 02 -->
 			<section class="save_data">
 				<a name="#save_data02">
-					<img src="/img/img_save_sample02.png" alt="タイトル">
+					<img src="img/img_save_sample02.png" alt="タイトル">
 					<h3>作品タイトル作品タイトル</h3>
 					<p>内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。</p>
 				</a>
 				<ul>
-					<li><a href="delete_check">さくじょ</a></li>
-					<li><a href="play">きょうゆう</a></li>
-					<li><a href="copy">コピー</a></li>
+					<li><a href="delete_check.html">さくじょ</a></li>
+					<li><a href="play.html">きょうゆう</a></li>
+					<li><a href="copy.html">コピー</a></li>
 				</ul>
 			</section>
 
 			<!-- Save Data 03 -->
 			<section class="save_data">
 				<a name="#save_data03">
-					<img src="/img/img_save_sample02.png" alt="タイトル">
+					<img src="img/img_save_sample02.png" alt="タイトル">
 					<h3>作品タイトル作品タイトル</h3>
 					<p>内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。</p>
 				</a>
 				<ul>
-					<li><a href="delete_check">さくじょ</a></li>
-					<li><a href="play">きょうゆう</a></li>
-					<li><a href="copy">コピー</a></li>
+					<li><a href="delete_check.html">さくじょ</a></li>
+					<li><a href="play.html">きょうゆう</a></li>
+					<li><a href="copy.html">コピー</a></li>
 				</ul>
 			</section>
 
 			<!-- Save Data 04 -->
 			<section class="save_data">
 				<a name="#save_data04">
-					<img src="/img/img_save_sample02.png" alt="タイトル">
+					<img src="img/img_save_sample02.png" alt="タイトル">
 					<h3>作品タイトル作品タイトル</h3>
 					<p>内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。</p>
 				</a>
 				<ul>
-					<li><a href="delete_check">さくじょ</a></li>
-					<li><a href="play">きょうゆう</a></li>
-					<li><a href="copy">コピー</a></li>
+					<li><a href="delete_check.html">さくじょ</a></li>
+					<li><a href="play.html">きょうゆう</a></li>
+					<li><a href="copy.html">コピー</a></li>
 				</ul>
 				</a>
 			</section>
@@ -66,88 +104,104 @@
 			<!-- Save Data 05 -->
 			<section class="save_data">
 				<a name="#save_data05">
-					<img src="/img/img_save_sample02.png" alt="タイトル">
+					<img src="img/img_save_sample02.png" alt="タイトル">
 					<h3>作品タイトル作品タイトル</h3>
 					<p>内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。</p>
 				</a>
 				<ul>
-					<li><a href="delete_check">さくじょ</a></li>
-					<li><a href="play">きょうゆう</a></li>
-					<li><a href="copy">コピー</a></li>
+					<li><a href="delete_check.html">さくじょ</a></li>
+					<li><a href="play.html">きょうゆう</a></li>
+					<li><a href="copy.html">コピー</a></li>
 				</ul>
 			</section>
 
 			<!-- Save Data 06 -->
 			<section class="save_data">
 				<a name="#save_data06">
-					<img src="/img/img_save_sample02.png" alt="タイトル">
+					<img src="img/img_save_sample02.png" alt="タイトル">
 					<h3>作品タイトル作品タイトル</h3>
 					<p>内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。</p>
 				</a>
 				<ul>
-					<li><a href="delete_check">さくじょ</a></li>
-					<li><a href="play">きょうゆう</a></li>
-					<li><a href="copy">コピー</a></li>
+					<li><a href="delete_check.html">さくじょ</a></li>
+					<li><a href="play.html">きょうゆう</a></li>
+					<li><a href="copy.html">コピー</a></li>
 				</ul>
 			</section>
 
 			<!-- Save Data 07 -->
 			<section class="save_data">
 				<a name="#save_data07">
-					<img src="/img/img_save_sample02.png" alt="タイトル">
+					<img src="img/img_save_sample02.png" alt="タイトル">
 					<h3>作品タイトル作品タイトル</h3>
 					<p>内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。</p>
 				</a>
 				<ul>
-					<li><a href="delete_check">さくじょ</a></li>
-					<li><a href="play">きょうゆう</a></li>
-					<li><a href="copy">コピー</a></li>
+					<li><a href="delete_check.html">さくじょ</a></li>
+					<li><a href="play.html">きょうゆう</a></li>
+					<li><a href="copy.html">コピー</a></li>
 				</ul>
 			</section>
 
 			<!-- Save Data 08 -->
 			<section class="save_data">
 				<a name="#save_data08">
-					<img src="/img/img_save_sample02.png" alt="タイトル">
+					<img src="img/img_save_sample02.png" alt="タイトル">
 					<h3>作品タイトル作品タイトル</h3>
 					<p>内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。</p>
 				</a>
 				<ul>
-					<li><a href="delete_check">さくじょ</a></li>
-					<li><a href="play">きょうゆう</a></li>
-					<li><a href="copy">コピー</a></li>
+					<li><a href="delete_check.html">さくじょ</a></li>
+					<li><a href="play.html">きょうゆう</a></li>
+					<li><a href="copy.html">コピー</a></li>
 				</ul>
 			</section>
 
 			<!-- Save Data 09 -->
 			<section class="save_data">
 				<a name="#save_data09">
-					<img src="/img/img_save_sample02.png" alt="タイトル">
+					<img src="img/img_save_sample02.png" alt="タイトル">
 					<h3>作品タイトル作品タイトル</h3>
 					<p>内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。</p>
 				</a>
 				<ul>
-					<li><a href="delete_check">さくじょ</a></li>
-					<li><a href="play">きょうゆう</a></li>
-					<li><a href="copy">コピー</a></li>
+					<li><a href="delete_check.html">さくじょ</a></li>
+					<li><a href="play.html">きょうゆう</a></li>
+					<li><a href="copy.html">コピー</a></li>
 				</ul>
 			</section>
 
-			<!-- Save Data 10 -->
-			<section class="save_data">
+			<!-- Brank Data 10 -->
+			<section class="blank_data">
 				<a name="#save_data10">
-					<img src="/img/img_save_sample02.png" alt="タイトル">
-					<h3>作品タイトル作品タイトル</h3>
-					<p>内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。</p>
+					<img src="img/img_save_sample02.png" alt="タイトル">
 				</a>
-				<ul>
-					<li><a href="delete_check">さくじょ</a></li>
-					<li><a href="play">きょうゆう</a></li>
-					<li><a href="copy">コピー</a></li>
-				</ul>
+				<span class="blank"><a href="">あたらしく作る</a></span>
 			</section>
 
 
 		</article>
 	</main>
 
+	<!-- フッター -->
+
+	<footer>
+		<div id="wrapper">
+			<ul>
+				<li><a href="aboutthis.html" alt="">PictCodeについて</a></li>
+				<li><a href="terms.html" alt="">利用規約</a></li>
+				<li><a href="privacy.html" alt="">プライバシーポリシー</a></li>
+				<li><a href="aboutus.html" alt="">運営会社情報</a></li>
+				<li><a href="contact.html" alt="">お問い合わせ</a></li>
+			</ul>
+			<a href="index.html"><img class="logo" src="img/footer_logo01.png" alt=""></a>
+			<hr>
+			<img class="logo" src="img/footer_logo02.png" alt="">
+		</div>
+	</footer>
+
+	<!-- js -->
+	<script src="js/require_config.js"></script>
+	<script data-main="js/app.js" src="js/require.js"></script>
+</body>
+</html>
diff --git a/app/View/top/mypage.ctp b/app/View/top/mypage.ctp
index 0518903..a2eeb77 100755
--- a/app/View/top/mypage.ctp
+++ b/app/View/top/mypage.ctp
@@ -6,12 +6,18 @@
 			<p>ほぞんした PictCodeの プログラムを へんしゅうしたり さくじょしたり、コピーしたりできるよ！</p>
 			<p>下のいちらんから せんたくして へんしゅうしよう！</p>
 
-			<!-- Save Data 01 -->
+			<!-- Brank Data 01 -->
+			<section class="blank_data">
+				<a name="#save_data10">
+					<img src="/img/img_save_sample02.png" alt="タイトル">
+				</a>
+				<span class="blank"><a href="">あたらしく作る</a></span>
+			</section>
 			<section class="save_data">
 				<a name="#save_data01">
 					<img src="/img/img_save_sample02.png" alt="タイトル">
-					<h3>作品タイトル作品タイトル</h3>
-					<p>内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。</p>
+					<h3>ここにタイトルが入ります</h3>
+					<p>こちらに内容が入ります。</p>
 				</a>
 				<ul>
 					<li><a href="delete_check">さくじょ</a></li>
diff --git a/app/webroot/css/main.css b/app/webroot/css/main.css
index 0ccd00b..af6d088 100755
--- a/app/webroot/css/main.css
+++ b/app/webroot/css/main.css
@@ -922,7 +922,6 @@ article.admin p {
 	font-size: 18px;
 }
 
-
 article.admin section.save_data {
 	display: block;
 	overflow: hidden;
@@ -942,19 +941,25 @@ article.admin section.saved {
 article.admin section.save_data a,
 article.admin section.save_data a:hover,
 article.admin section.save_data a:visited,
-article.admin section.save_data a:link {
+article.admin section.save_data a:link
+article.admin section.blank_data a,
+article.admin section.blank_data a:hover,
+article.admin section.blank_data a:visited,
+article.admin section.blank_data a:link {
 	color: #40220F;
 	text-decoration: none;
 }
 
 article.admin section.save_data h3 {
 	text-align: left;
+	font-size: 32px;
 	margin: 6px auto 12px;
 }
 
-article.admin section.save_data img {
+article.admin section.save_data img,
+article.admin section.blank_data img {
 	float: left;
-	margin: 0 12px auto 0;
+	margin: 15px 12px auto 0;
 }
 
 article.admin section.save_data p {
@@ -966,7 +971,7 @@ article.admin section.save_data p {
 article.admin section.save_data ul {
 	float: right;
 	height: 45px;
-	margin: 0 0 0 auto;
+	margin: -15px 0 0 auto;
 }
 
 article.admin section.save_data ul li {
@@ -989,3 +994,42 @@ article.admin section.save_data ul li a:hover {
 	display: block;
 	box-shadow:none;
 }
+
+
+/* Blank Data */
+
+article.admin section.blank_data {
+	display: block;
+	overflow: hidden;
+	position: absolute;
+	background-color: rgba(0,0,0,0.5);
+	border-radius: 10px;
+	width: 744px;
+	height: 205px;
+	margin: 0px auto;
+	padding: 12px;
+}
+
+article.admin section.blank_data span.blank a {
+	display: block;
+	float: left;
+	text-align: center;
+	vertical-align: middle;
+	width: 496px;
+	height: 148px;
+	background-color: rgb(247,82,109);
+	font-size: 36px;
+	font-weight: bold;
+	color: #FFF !important;
+	margin: 15px 0px 0px 12px;
+	padding-top: 48px;
+	border-radius: 12px;
+	box-shadow:0 5px rgba(58,20,20,0.65);
+}
+
+article.admin section.blank_data span.blank a:hover {
+	display: block;
+	margin-top: 20px;
+	background-color: rgb(252,146,167);
+	box-shadow:none;
+}
\ No newline at end of file
