commit 1711ffed5ec823d46d5fdc75a0f9cf272ef294e1 Author: shiwa Date: Tue Mar 1 18:30:26 2016 +0900 Added CTP Files on the "design" folder diff --git a/app/Controller/TopController.php b/app/Controller/TopController.php index 8583dca..6dba4b4 100755 --- a/app/Controller/TopController.php +++ b/app/Controller/TopController.php @@ -38,7 +38,7 @@ class TopController extends AppController { */ var $name = 'top'; public $uses = array('ContactValidate'); - public $layout = 'top'; + public $layout = 'procedure'; function beforeFilter(){ $this->Auth->allow(); @@ -51,17 +51,17 @@ class TopController extends AppController { /** * privacy_policy */ - public function privacy_policy() { + public function privacy() { } /** - * kiyaku + * terms */ - public function kiyaku() { + public function terms() { } /** - * about + * about us */ - public function about() { + public function aboutus() { } /** * company diff --git a/app/View/Layouts/procedure.ctp b/app/View/Layouts/procedure.ctp index 2410de9..3764e24 100755 --- a/app/View/Layouts/procedure.ctp +++ b/app/View/Layouts/procedure.ctp @@ -49,22 +49,6 @@ - - - - -

fetch('content'); ?> diff --git a/app/View/top/aboutus.ctp b/app/View/top/aboutus.ctp new file mode 100644 index 0000000..0545d34 --- /dev/null +++ b/app/View/top/aboutus.ctp @@ -0,0 +1,59 @@ + +

+ +

この規約（以下「本規約」といいます。）は、IT KiDS株式会社（以下「当社」といいます。）が提供するPictCodeに関するすべての製品およびサービス（以下「本サービス」といいます。）の利用に関する条件を、本サービスを利用するお客様（以下「お客様」といいます。）と当社との間で定めるものです。

1. 定義

ここに法規的文言が入ります。ここに法規的文言が入ります。ここに法規的文言が入ります。ここに法規的文言が入ります。ここに法規的文言が入ります。ここに法規的文言が入ります。ここに法規的文言が入ります。ここに法規的文言が入ります。ここに法規的文言が入ります。ここに法規的文言が入ります。

1. 定義

\ No newline at end of file diff --git a/app/View/top/contact.ctp b/app/View/top/contact.ctp index 3392696..23e3d90 100755 --- a/app/View/top/contact.ctp +++ b/app/View/top/contact.ctp @@ -1,31 +1,35 @@ -

-お問い合わせテスト3 -

-Form->create('ContactValidate',array( - 'inputDefaults' => array( - 'div' => 'form-group', - 'wrapInput' => false, - 'class' => 'form-control' - ), - 'class' => 'well')); ?> -

- -Form->input('name',array('label'=>'お名前')); - echo $this->Form->input('mail',array('label'=>'メールアドレス')); - echo $this->Form->input('comment',array('type'=>'textarea','label'=>'問い合わせ内容')); -?> -Form->submit('送信する',array('class'=>'btn btn-info')); ?> -Form->end(); ?> -

- -element('footer');?> + +

+ +

PictCodeに関するお問い合わせやご相談、ご質問などがございましたら、下記のお問い合わせフォームより対応いたします。

お名前
年齢
メールアドレス
メールアドレス(確認用)
郵便番号
ご住所
お電話番号
お問い合わせ内容

\ No newline at end of file diff --git a/app/View/top/contact_check.ctp b/app/View/top/contact_check.ctp new file mode 100644 index 0000000..d8a397e --- /dev/null +++ b/app/View/top/contact_check.ctp @@ -0,0 +1,33 @@ + +

+ +

ご記入内容に誤りがないかをご確認ください。内容に誤りがある場合には「修正する」ボタンを押して修正を、問題がないようでしたら「送信する」ボタンを押して送信してください。

お名前: お名前　太郎
年齢: 92歳
メールアドレス: onamaetarou@onamae.com
郵便番号: 〒180-0004
ご住所: 東京都港区西麻布4-18-1; 麻布ウェストB1F
お電話番号: 03-3409-4767
お問い合わせ内容: 西麻布で長年愛され続けるオムライスが有名な洋食屋。
以前、職場が近かったのでよく利用していましたが、突然の閉店。その1年後に場所を変えて復活したという噂は聞いていましたが、職場が変りなかなか行けていなかったのですが、久々に行きました。
場所は以前の場所よりもさらに牛坂を上がった住宅地の奥。確実に知っている人しか来れない場所なので心配です。
店内は半地下ですが、以前よりも広く開放的になっていました。
オムライス（945円・大盛り1,155円）はデミソース、ホワイトソース、ケチャップの3種類から選べます。個人的にはほろ苦いデミソースが好きです。

\ No newline at end of file diff --git a/app/View/top/contact_thanks.ctp b/app/View/top/contact_thanks.ctp new file mode 100644 index 0000000..b301a9b --- /dev/null +++ b/app/View/top/contact_thanks.ctp @@ -0,0 +1,14 @@ + +

+ +

お問い合わせいただき、ありがとうございます。

ご記入いただきましたメールアドレスに送信確認メールを自動送信致しました。折り返し、３営業日以内にご返答させていただきます。お問い合わせ内容によっては３営業日以上お時間をいただく場合がございます。何卒、ご了承くださいませ。

万が一、送信確認メールが来ない場合は、自動的に振り分け処理にて迷惑メールに保管されているか、もしくはメールアドレスに誤りがある可能性があります。この場合には、大変お手数ではございますが、メールアドレスをご確認の上、お問い合わせフォームより再度ご送信下さい。

\ No newline at end of file diff --git a/app/View/top/delete_check.ctp b/app/View/top/delete_check.ctp new file mode 100644 index 0000000..953f6ec --- /dev/null +++ b/app/View/top/delete_check.ctp @@ -0,0 +1,19 @@ + +

+ +

せんたくしたプログラムをさくじょします。

一度さくじょしたプログラムはもとにもどすことができません。さくじょを止めるばあいには「もどる」ボタンを、さくじょしてもよいばあいには「さくじょ」ボタンをおしてさくじょしてください。

タイトルのタイトル

プログラム説明文・プログラム説明文・プログラム説明文・プログラム説明文・プログラム説明文・プログラム説明文・プログラム説明文・プログラム説明文

\ No newline at end of file diff --git a/app/View/top/delete_comp.ctp b/app/View/top/delete_comp.ctp new file mode 100644 index 0000000..33f8360 --- /dev/null +++ b/app/View/top/delete_comp.ctp @@ -0,0 +1,17 @@ + +

+ +

せんたくしたプログラムをさくじょしました。

\ No newline at end of file diff --git a/app/View/top/privacy.ctp b/app/View/top/privacy.ctp new file mode 100644 index 0000000..975cfdb --- /dev/null +++ b/app/View/top/privacy.ctp @@ -0,0 +1,59 @@ + +

+ +

1. 定義

\ No newline at end of file diff --git a/app/View/top/privacy_policy.ctp b/app/View/top/privacy_policy.ctp deleted file mode 100755 index fd030ac..0000000 --- a/app/View/top/privacy_policy.ctp +++ /dev/null @@ -1,12 +0,0 @@ -

-プライバシーポリシー -

-element('footer');?> diff --git a/app/View/top/reminder.ctp b/app/View/top/reminder.ctp new file mode 100644 index 0000000..2f3243e --- /dev/null +++ b/app/View/top/reminder.ctp @@ -0,0 +1,27 @@ + +

+ +

パスワードを再発行します。ご両親にご確認の上、ご登録いただいたメールアドレスを入力し、パスワード再発行用のURLを取得してください。ニックネームに関しましては、再発行用URLをクリックした際に表示されます。
(※携帯電話用メールアカウントの場合、メールフィルターを解除する必要があります。「itkids.club」のアカウント受信設定を行ってください。)

メールアドレス
メールアドレス(確認用)

メールアドレスが一致しません。
誤りがないかもう一度ご確認の上、正確にご入力ください。

\ No newline at end of file diff --git a/app/View/top/reminder_check.ctp b/app/View/top/reminder_check.ctp new file mode 100644 index 0000000..5590624 --- /dev/null +++ b/app/View/top/reminder_check.ctp @@ -0,0 +1,25 @@ + +

+ +

メールアドレス: onamaetarou@onamae.com

以上の内容でよろしいでしょうか？内容に誤りがある場合には「修正する」ボタンを押し修正を、再発行する場合には「送信する」ボタンを押して再発行用URLを取得してください。

\ No newline at end of file diff --git a/app/View/top/reminder_reissue.ctp b/app/View/top/reminder_reissue.ctp new file mode 100644 index 0000000..0f20e77 --- /dev/null +++ b/app/View/top/reminder_reissue.ctp @@ -0,0 +1,16 @@ + +

+ +

パスワード再発行用のURLを、ご登録いただいたメールアドレス宛てに送信しました。

メールボックスをご確認の上、メールに添付されているURLをクリックし、指示に従ってパスワードの再発行を行ってください。

\ No newline at end of file diff --git a/app/View/top/save.ctp b/app/View/top/save.ctp new file mode 100644 index 0000000..f2256d2 --- /dev/null +++ b/app/View/top/save.ctp @@ -0,0 +1,23 @@ + +

+ +

さくせいしたプログラムをほぞんします。

プログラムにタイトルを付け、せるめい文を書いてみんなにアピールしましょう。

プログラムのないようとせつめいが書けたら「かくにん」ボタンをおしてね！

タイトル
せつめい

\ No newline at end of file diff --git a/app/View/top/save_check.ctp b/app/View/top/save_check.ctp new file mode 100644 index 0000000..b4a938c --- /dev/null +++ b/app/View/top/save_check.ctp @@ -0,0 +1,23 @@ + +

+ +

さくせいしたプログラムをほぞんします。

文やタイトルにまちがいないかかくにんしましょう。まちがいがあれば「しゅうせい」ボタンをおしてしゅうせいし、まちがいがなければ「ほぞん」ボタンをおしてプログラムをほぞんしましょう。

タイトル: タイトルのタイトル
せつめい: 説明ごにょごにょ。説明ごにょごにょ。説明ごにょごにょ。説明ごにょごにょ。説明ごにょごにょ。説明ごにょごにょ。説明ごにょごにょ。説明ごにょごにょ。説明ごにょごにょ。説明ごにょごにょ。

\ No newline at end of file diff --git a/app/View/top/save_comp.ctp b/app/View/top/save_comp.ctp new file mode 100644 index 0000000..ad461bd --- /dev/null +++ b/app/View/top/save_comp.ctp @@ -0,0 +1,151 @@ + +

+ +

さくせいしたプログラムをほぞんしました！

+ + +

+ +

作品タイトル作品タイトル

内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。内容ないようナイヨウ内容ないようナイヨウ内容ないようナイヨウ。

今はまだログインされていません。ログインすることで作ったプログラムをほぞんできるよ！

ログインしますか？

今すぐとうろく！

\ No newline at end of file diff --git a/app/View/top/terms.ctp b/app/View/top/terms.ctp new file mode 100644 index 0000000..c8db430 --- /dev/null +++ b/app/View/top/terms.ctp @@ -0,0 +1,59 @@ + +

+ +

1. 定義

\ No newline at end of file diff --git a/app/webroot/css/_main.css b/app/webroot/css/_main.css new file mode 100644 index 0000000..c14cd92 --- /dev/null +++ b/app/webroot/css/_main.css @@ -0,0 +1,995 @@ +@header-height: 100px; +@header-color: white; +@header-bg: black; +@footer-height: 100px; +@footer-color: white; +@footer-bg: black; +@font-face { +font-family: 'Yasashisa'; +src:url('../fonts/YasashisaGothic.woff'); +} + +* { + margin: 0; + padding: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -o-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} + + + +body { + background-color: #FFF; + padding: 0px; + margin: 0; + font-family: Yasashisa !important; + color: #4C2A01 !important; + background-image: url(../img/bg_main_001.png); + +} + +#preload{ + width: 100%; + height: 100%; + position: relative; + background: #777; +} + +.progress{ + width: 200px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; +} + +#preload_bar{ + width: 200px; +} + +#ui-tab{ + position: absolute; + /*background: blue;*/ + width: 100%; + /*height: 100%;*/ +} + +#coding-tab{ + position: absolute; +} + +#header{ + -moz-background-size:100% 100%; + background-size:100% 100%; + border:0px; + width: 100%; + height: 90px; + z-index: 10; + display: none; +} + +.header_area { + display:inline-block; + text-align:center; + position: absolute; +} + +#header_left { + width: 140px; + left: 10px; +} + +#header_center { + width: 210px; + left: 0; + right: 0; + margin-left: auto; + margin-right: auto; +} + +#header_right { + width: 420px; + right: 10px; +} + +.header_button { + width: 64px; + height: 64px; + padding: 0px; + background: transparent; + margin-top:10px; + margin-right: 2px; + border:0px; + outline: 0 !important; + overflow : hidden; + + -moz-background-size:100% 100%; + background-size:100% 100%; + + box-shadow: 3px 3px 5px 0px #555; + -webkit-box-shadow: 3px 3px 5px 0px #555; + -moz-box-shadow: 3px 3px 5px 0px #555; + + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; +} + +.header_button:hover { + width: 64px; + height: 64px; + padding: 0px; + background: transparent; + margin-top:10px; + margin-right: 2px; + margin-left: 2px; + border:0px; + + -moz-background-size:100% 100%; + background-size:100% 100%; + + box-shadow: 3px 3px 5px 0px #000 inset; + -webkit-box-shadow: 3px 3px 5px 0px #000 inset; + -moz-box-shadow: 3px 3px 5px 0px #000 inset; + + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; +} + +/* +.header_button_image { + width: 64px; + height: 64px; + padding: 0px; + margin: 0px; +} + +#modal_coding_vector_cancel{ + padding: 5px; + background: transparent; + border:0px; +}*/ + + +/* Header on WEB Pages */ + + +header { + z-index: 128; + position: fixed; + top: 0; + width: 100%; + padding:9px 8px; + color: @header-color; + background: @header-bg; + height: @header-height; + line-height: @header-height; + background-image: url(../img/bg_header_001.png); + text-align: center; +} + +header img.left { + display: inline-block; +} + +header img.left { + float: left; +} + +header img.right { + float: right; +} + +header img.center { + margin: 25px auto; +} + + +/* Main on WEB Pages */ + +article { + background-color: rgba(255,255,255,0.75); + width: 944px; + padding: 24px 111px 24px; + margin: 20px auto !important; + border-radius: 10px; + box-shadow:5px 5px rgba(51,38,20,0.5); + font-family: +} + +main { + display: block; + height: ; + margin-top: 112px; + margin-bottom: 112px; +} + +article.main_top{ + display: block; + overflow: hidden; + background-image: url(../img/img_bg_top01.png); + width: 944px; + height: calc(100% - 300px); + padding: 24px 111px; + margin: 20px auto !important; + border-radius: 10px; +} + +article h2 { + margin: 0 auto 24px; +} + +article h3{ + margin: 0 auto 24px auto; + font-weight: bold; +} + +article section { + display: block; + margin: 0 auto 48px; +} + + +/* Footer on WEB Pages */ + +footer { + z-index: 128; + position: fixed; + bottom: 0; + background-image: url(../img/bg_footer_001.png); + width: 100%; + padding-top: 5px; + padding-bottom: 5px; + margin-top: 20px; + color: @header-color; + background: @header-bg; + height: @footer-height; + line-height: @footer-height; + text-align: center; +} + +footer ul { + display: block; + width: 940px; + padding-left: 10px; + padding-right: 10px; + list-style-type: none; +} + +footer ul li { + float: left; + background:url(../img/footer_arrow01.png) left no-repeat; + padding: 10px 0 10px 20px; + margin-right: 30px; + text-decoration: none; + color: #4C2A01 !important; +} + +footer hr { + clear: both; + border-top:1px solid #4C2A01 !important; + margin:5px auto; +} + +footer ul li a,a:link,a:visited { + font-size: 12px; + color: #4C2A01 !important; + font-weight: bold; + text-decoration: none !important; +} + +footer ul li a:hover { + color: #4C2A01 !important; + text-decoration: underline !important; +} + +img.logo { + float: right; + right: 0; + margin: 0 10px 0; +} + +#wrapper { + display: block; + width: 960px; + margin: 0 auto; + text-align: left; +} + +/* TOP Page */ + +section.main_top01 { + display: block; + width: 630px; + height: 350px; + margin: 6px auto 0 150px; + background-image: url(../img/img_contents_top01.png); +} + +section.main_top01 p.main_btn01{ + display:inline-block; + width: 420px; + height: 80px; + margin:190px 0 3px 140px; + text-align: center; + background-color: #FFF; + border-radius: 5px; + box-shadow:0 5px rgba(58,20,20,0.65); + } + +section.main_top01 p.main_btn01 a{ + display:block; + padding-top:20px; + height:80px; + font-size: 32px; + font-weight: bold; + color: #EA7575 !important; +} + +section.main_top01 img { + margin-right: 20px; + margin-top: -5px; +} + +section.main_top01 p.main_btn01:hover{ + margin:195px 0 0 140px; + box-shadow:none; +} + +section.main_top02{ + display: block; + width: 738px; + height: 270px; + margin: 4px auto 0 auto; + background-image: url(../img/img_contents_top02.png); +} + +section.main_top02 p.main_btn02{ + width: 210px; + height: 40px; + margin:90px 0 3px 385px; + font-size: 18px; + font-weight: bold; + display:inline-block; + text-align: center; + background-color: #F39800; + border-radius: 3px; + box-shadow:0 3px rgba(56,41,20,0.65); + } + +section.main_top02 p.main_btn02 a{ + display:block; + padding-top: 8px; + height:40px; + font-size: 18px; + font-weight: bold; + color: #FFF !important; +} + +section.main_top02 p.main_btn02:hover{ + margin:93px 0 0 385px; + box-shadow:none; +} + +section.main_top02 p.main_btn03{ + width: 190px; + height: 30px; + margin:60px 0 3px 395px; + font-weight: bold; + display:inline-block; + text-align: center; + background-color: #6AB4DE; + border-radius: 3px; + box-shadow:0 3px rgba(22,47,58,0.65); + } + +section.main_top02 p.main_btn03 a{ + display:block; + padding-top: 5px; + height:30px; + font-size: 15px; + font-weight: bold; + color: #FFF !important; +} + +section.main_top02 p.main_btn03:hover{ + margin:63px 0 0 395px; + box-shadow:none; +} + +article { + display: block; +} + +/* Login and Save Page */ + + +article.large_form { + font-size: 18px; +} + +article.large_form p { + margin-bottom: 6px; +} + +article.large_form dl { + display: inline-table; + height: 40px; + margin: 12px 0 0; +} + +article.large_form dl dt { + position: absolute; + padding: 0; + margin: 6px 0; + display: block; + width: 226px; +} + +article.large_form dl dd { + margin:0; + padding: 3px 0 3px 155px; +} + +article.large_form dl dt label{ + width: 226px; + margin-right: 0; + margin-bottom: 24px; + float: left; + text-align: left; + font-size: 36px; + font-weight: bold; +} + +article.large_form dl dd input, +article.large_form dl dd textarea { + display: block; + position: relative; + width: 464px; + height: 60px; + margin: 0 0 24px 120px; + padding: 3px 0 3px 1em;; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + font-size: 24px; +} + +article.large_form dl dd textarea { + height: 180px !important; +} + +article.large_form dl dd input:focus, +article.large_form dl dd textarea:focus{ + -webkit-transition: all .3s; + transition: all .3s; + box-shadow: 0 0 7px #1abc9c; + border: 1px solid #1abc9c; +} + +/* +article.login dl dd { + display: block; + position: relative; + width: 464px; + margin: 0 0 24px 120px; + padding: 3px 0 3px 1em;; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +article.login dl dd input { + height: 60px; +} + +article.login dl dd textarea { + height: 180px; +} +*/ + + +/* Register Page */ + +article.register, +article.contact { + display: block; + height:100%; + margin-top:112px; + padding: 24px 111px 24px; +} + +article.register { + font-size: 18px; +} + +article.register ol { + display: block; + overflow: hidden; + width: 768px; + height: 85px; + margin: 24px auto 48px; + padding: 0; + list-style: none; +} +article.register ol li { + display: block; + overflow: hidden; + float: left; + background-image: url(../img/img_register_nav.png); + width: 185px; + height: 85px; + margin: 0; +} +article.register ol li#navigator01_off {background-position:0 0;} +article.register ol li#navigator01_on {background-position:0 -85px;} +article.register ol li#navigator02_off {background-position:555px 0;} +article.register ol li#navigator02_on {background-position:555px -85px;} +article.register ol li#navigator03_off {background-position:370px 0;} +article.register ol li#navigator03_on {background-position:370px -85px;} +article.register ol li#navigator04_off {background-position:185px 0;} +article.register ol li#navigator04_on {background-position:185px -85px;} + +article h3 { + text-align: center; + margin: 24px auto; + font-size: 36px; + font-weight: bold; + color:#4C2A01; +} + +article.register img { + display: block; + margin: 24px auto 12px; +} + +article.register dl { + display: inline-table; + height: 40px; + margin: 12px 0 0; +} + +article.register dl dt { + position: absolute; + padding: 12px 0 0; + margin: 12px 0; + display: block; + width: 226px; +} + + +article.register dl dd { + margin:12px 0 0; + padding: 12px 0 3px 155px; + font-size: 24px; +} + +article.register dl dd p { + margin:9px 0 0 0px; + padding: 3px 0 3px 120px; +} + +article.register dl dt label{ + width: 226px; + margin-right: 0; + float: left; + text-align: left; + font-size: 24px; + font-weight: bold; +} + +article.register dl dd input { + display: block; + position: relative; + width: 464px; + height: 40px; + margin: 0 0 0 120px; + padding: 3px 0 3px 1em;; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +article.register dl dd input:focus{ + -webkit-transition: all .3s; + transition: all .3s; + box-shadow: 0 0 7px #1abc9c; + border: 1px solid #1abc9c; +} + + +/* Contact Form */ + +article.contact{ + font-size: 14px; +} + +article.contact dl { + display: inline-table; + height: 40px; + margin: 12px 0 0; +} + +article.contact dl dt { + position: absolute; + padding: 8px 0 0; + margin: 12px 0; + display: block; + width: 226px; +} + + +article.contact dl dd { + margin:12px 0 0; + padding: 6px 0 2px 155px; +} + +article.contact dl dt label{ + width: 226px; + margin-right: 0; + float: left; + text-align: left; + font-size: 14px; + font-weight: bold; +} + +article.contact dl dd input, +article.contact dl dd textarea { + display: block; + position: relative; + width: 464px; + height: 36px; + margin: 0 0 0 120px; + padding: 2px 0 2px 1em;; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +article.contact dl dd textarea { + height: 180px; +} + +article.contact dl dd.radio label, +article.contact dl dd.radio input { + display: block; + width: 80px; + height: 36px; + margin: 0 0 0 20px; + padding: 2px 0 2px 1em;; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +article.contact dl dd input:focus, +article.contact dl dd textarea:focus, +article.contact dl dd.radio:focus { + -webkit-transition: all .3s; + transition: all .3s; + box-shadow: 0 0 7px #1abc9c; + border: 1px solid #1abc9c; +} + + +/* Nav Button */ + +section.button_area01 { + display: block; + overflow: hidden; + position: bottom; + width: 536px; + height: 85px; + margin:48px auto 0; +} + +section.button_area01 .button { + display: block; + overflow: hidden; + width: 214px; + height: 85px; + background: no-repeat; +} + +section.button_area01 .button:hover {background-position: bottom;} + +section.button_area01 .btn_back01 {background: url(../img/img_button_back01.png) top; float: left;} +section.button_area01 .btn_back02 {background: url(../img/img_button_back02.png) top; float: left;} +section.button_area01 .btn_back03 {background: url(../img/img_button_back03.png) top; float: left;} +section.button_area01 .btn_alter01 {background: url(../img/img_button_alter01.png) top; float: left;} +section.button_area01 .btn_alter02 {background: url(../img/img_button_alter02.png) top; float: left;} +section.button_area01 .btn_check01 {background: url(../img/img_button_check01.png) top; float: right;} +section.button_area01 .btn_check02 {background: url(../img/img_button_check02.png) top; float: right;} +section.button_area01 .btn_register {background: url(../img/img_button_register01.png) top; float: right;} +section.button_area01 .btn_submit {background: url(../img/img_button_submit01.png) top; float: right;} +section.button_area01 .btn_save {background: url(../img/img_button_save01.png) top; float: right;} +section.button_area01 .btn_save02 {background: url(../img/img_button_save02.png) top; float: right;} +section.button_area01 .btn_delete {background: url(../img/img_button_delete01.png) top; float: right;} +section.button_area01 .btn_reissue {background: url(../img/img_button_reissue01.png) top; float: right;} +section.button_area01 .btn_login {background: url(../img/img_button_login01.png) top; float: right; width: 274px;} +section.button_area01 .btn_top01 {background: url(../img/img_button_top01.png) top; margin:auto;} +section.button_area01 .btn_top02 {background: url(../img/img_button_top02.png) top; margin:auto;} +section.button_area01 .btn_top03 {background: url(../img/img_button_top03.png) top; margin:auto; width: 274px;} + + +/* Reminder */ + +section.caution { + display: block; + text-align: center; + border: red 4px solid; + background-color: #FFF; + width: 736px; + height: auto; + margin: 24px auto 48px; + padding: 24px; +} + +section.caution p { + color: red; + font-weight: bold; + font-size: 18px; +} + +section.image img { + display: block; + margin: 24px auto; +} + +section span.link_reminder { + font-weight: bold; + font-size: 18px; + color: red; +} + +article.legacy h3 { + font-size: 24px; + text-align: left; +} + +article.legacy section p { + margin-left: 12px; +} + +article.legacy section ol, +article.legacy section ul { + margin-left: 24px; + list-style-position: inside; +} + +/* Login Top */ + +article.login_top { + font-size: 18px; + margin: 0 auto 12px; +} + +article.login_top section { + display: block; + margin: 12px auto; +} + +article.login_top p.btn_new , +article.login_top p.btn_continued { + display: block; + overflow: hidden; + width: 738px; + height: 155px; + background: no-repeat; +} + +article.login_top section p.btn_new { background: url(../img/img_button_login_top01.png) top; margin:auto; } +article.login_top section p.btn_continued { background: url(../img/img_button_login_top02.png) top; margin:auto; } + +article.login_top section p.btn_new:hover, +article.login_top p.btn_continued:hover { + background-position: bottom; +} + +article.login_top section.howto { + display: block; + width: 620px; + height: 200px; + margin: 12px auto; + background: url(../img/img_bg_login_top01.png) no-repeat; +} + +section.howto p.howto_btn{ + display:inline-block; + width: 280px; + height: 40px; + margin:110px 0 0 272px; + text-align: center; + background-color: #FFF; + border-radius: 5px; + box-shadow:0 3px rgba(22,53,20,0.5); + } + +section.howto p.howto_btn a{ + display:block; + height:40px; + padding-top:8px; + font-size: 18px; + color: #00B26A !important; + font-weight: bold; +} + +section.howto p.howto_btn a img{ + margin: -5px 10px 0 0; +} + +section.howto p.howto_btn:hover{ + margin:113px 0 0 272px; + box-shadow:none; +} + +/* Program Delete */ + +section.delete img { + display: block; + margin: 24px auto +} +section.delete p { + display: block; + background-color: white; + border-radius: 12px; + width: 524px; + height: auto; + margin: 0 auto 12px; + padding: 12px; +} + +/* Program Login */ + +section.login_top01 { + display: block; + overflow: hidden; + margin: 12px auto; + width: 738px; + height: 300px; + background: url(../img/img_contents_top03.png) no-repeat; +} + +section.login_top01 p.register_btn01{ + display:inline-block; + width: 420px; + height: 80px; + margin:120px 0 0 60px; + text-align: center; + background-color: #FFF; + border-radius: 5px; + box-shadow:0 5px rgba(58,20,20,0.65); + } + +section.login_top01 a p.register_btn01{ + display:block; + padding-top:18px; + height:80px; + font-size: 32px !important; + font-weight: bold; + color: #EA7575 !important; +} + +section.login_top01 p.register_btn01 img { + margin-right: 20px; + margin-top: -5px; +} + +section.login_top01 p.register_btn01:hover{ + margin:125px 0 0 60px; + box-shadow:none; +} + + +/* Admin Top */ + +article.admin p { + font-size: 18px; +} + + +article.admin section.save_data { + display: block; + overflow: hidden; + background-color: rgba(255,255,255,0.5); + border-radius: 10px; + width: 744px; + height: auto; + margin: 12px auto; + padding: 12px; +} + +article.admin section.saved { + background-color: #F39800; + color: #FFF !important; +} + +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 { + color: #40220F; + text-decoration: none; +} + +article.admin section.save_data h3 { + text-align: left; + margin: 6px auto 12px; +} + +article.admin section.save_data img { + float: left; + margin: 0 12px auto 0; +} + +article.admin section.save_data p { + width: auto; + font-size: 14px; + margin: 12px 0 12px 24px; +} + +article.admin section.save_data ul { + display: inline-block; + float: right; + height: 45px; + margin: 0 0 0 auto; +} + +/* +article.admin section.save_data ul li{ + display: inline-block; + float: right; + background-color: #FFF; + border-radius: 6px; + margin: 0 0 0 72px; + text-align: center; + font-weight: bold; + list-style-type: none; +} + +article.admin section.save_data ul li a { + display: block; + height: 36px; + font-size: 18px !important; + padding: 6px 24px; + border-radius: 6px; + box-shadow:0 5px rgba(58,20,20,0.65); +} + +article.admin section.save_data ul li a:hover { + height: 31px; + margin-top: 5px; + box-shadow: none; +} +*/ + + + +li.data_button { + display:inline-block; + height: 40px; + margin:0 0 0 75px; + text-align: center; + background-color: #FFF; + border-radius: 5px; + box-shadow:0 3px rgba(58,20,20,0.65); + } + +li.data_button a{ + display:block; + padding:6px 21px; + height:40px; + font-size: 18px; + font-weight: bold; +} + +li.data_button a:hover{ + margin:3px 0 0 75px; + box-shadow:none; +} \ No newline at end of file diff --git a/app/webroot/sound/bgm/BOSSA1.wav b/app/webroot/sound/bgm/BOSSA1.wav index 0ecf770..93607d2 100755 Binary files a/app/webroot/sound/bgm/BOSSA1.wav and b/app/webroot/sound/bgm/BOSSA1.wav differ diff --git a/app/webroot/sound/bgm/FANTASY2.wav b/app/webroot/sound/bgm/FANTASY2.wav index 0af2ec3..5d0ab42 100755 Binary files a/app/webroot/sound/bgm/FANTASY2.wav and b/app/webroot/sound/bgm/FANTASY2.wav differ diff --git a/app/webroot/sound/bgm/ROCK1.wav b/app/webroot/sound/bgm/ROCK1.wav index a2a66d4..8c0c3e2 100755 Binary files a/app/webroot/sound/bgm/ROCK1.wav and b/app/webroot/sound/bgm/ROCK1.wav differ diff --git a/app/webroot/sound/bgm/ROCK3.wav b/app/webroot/sound/bgm/ROCK3.wav index 68a012e..de2517b 100755 Binary files a/app/webroot/sound/bgm/ROCK3.wav and b/app/webroot/sound/bgm/ROCK3.wav differ diff --git a/app/webroot/sound/se/AIRPLANE1.mp3 b/app/webroot/sound/se/AIRPLANE1.mp3 index 58e8a75..7575fe0 100755 Binary files a/app/webroot/sound/se/AIRPLANE1.mp3 and b/app/webroot/sound/se/AIRPLANE1.mp3 differ