/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       cake
 * @subpackage    cake.app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */

* {
	margin:0;
	padding:0;
}

/** General Style Info **/
body {
  background: url("/img/back.gif") repeat scroll 0 0 #EEF2FB;
  font-family:"メイリオ", Meiryo,"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif;
  font-size:15px;
	margin: auto;
  color:#4D4D4D;
}
body:before 
{ 
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   z-index: 100;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   }
p{
	text-align:center;
}
a {
	color: #4591FF;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #066CFF;
	text-decoration:none;
}
a img {
	border:none;
}
h1, h2, h3, h4 {
	font-weight: normal;
	margin-bottom:0.5em;
}
h1 {
	background:#fff;
	color: #555;
	font-size: 17px;
	padding:2px 10px 2px 10px;
  clear:both;
  width:400px;
  float:left;
}
h1 img{
  height:27px;
}
h2 {
	background:#fff;
	color: #000;
	font-size: 18px;
  background-image:url("/img/h2.png");
  background-repeat:no-repeat;
  background-position:0% 50%;
  padding:3px 0px 0px 32px;
  padding-left:32px;
  font-weight:bold;
  border-bottom:4px solid #ccc;
  clear:both;
}
h3 {
	background:#fff;
	color: #0099ff;
	font-size: 16px;
	margin-top:10px;
}
h4 {
	color: #FF9900;
	font-weight: normal;
	font-size:120%;
	border-bottom:1px solid #FF9900;
}
ul, li {
	//margin: 0 12px;
  list-style:none;
}

.cl{
  clear:both;
  height:1px;
}

.littlebig{
  font-size:120%;
}

.big{
  font-size:150%;
}

.red{
  color:#F00;
}

.blue{
  color:#00F;
}

.note{
  border:2px solid #AAA;
  background-color:#EFEFEF;
  margin-top:20px;
  padding:10px;
}

#logo{
    color: #504F4F;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 60px;
    text-shadow: 0 2px 1px #BBBABA;
}

#logo span{
  display:block;
  font-size:50%;
  color:#666666;
}

#container{
  padding:100px 0px 0px 0px;
}

#header{
  width:500px;
  margin:0px auto;
  text-align:center;
  padding:0px 0px 30px 0px;
}

#content{
  position: relative;
  width:500px;
  margin:0px auto;
  background-color:#FFF;
  padding:20px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

#content:before, #content:after 
{
  z-index: -1; 
  position: absolute; 
  content: "";
  bottom: 15px;
  left: 10px;
  width: 500px; 
  top: 80%;
  max-width:300px;
  background: rgba(0, 0, 0, 0.7); 
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);   
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);    
  -moz-transform: rotate(-3deg);   
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

#content:after 
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

#footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align:center;
    padding:10px 0px;
    background-color:#ddd;
}


label {
	display: block;
	margin-bottom:3px;
}
input, textarea {
	clear: both;
  font-family:"メイリオ", Meiryo,"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif;
	padding: 3px;
}

input[type=submit] {
	display: inline;
	font-size: 110%;
	width: auto;
}
form .submit input[type=submit] {
	background:#62af56;
	background: -webkit-gradient(linear, left top, left bottom, from(#a8ea9c), to(#62af56));
	background-image: -moz-linear-gradient(top, #a8ea9c, #62af56);
	border-color: #2d6324;
	color: #444;
	text-shadow: #8cee7c 0px 1px 0px;
  font-weight:bold;
  font-size:110%;
  padding:5px 20px;
}
form .submit input[type=submit]:hover {
	background:#4ca83d;
	background: -webkit-gradient(linear, left top, left bottom, from(#85e573), to(#4ca83d));
	background-image: -moz-linear-gradient(top, #85e573, #4ca83d);
}

input[type=submit],
div.actions ul li a,
td.actions a ,
button.actions{
	font-weight:normal;
	padding: 3px 4px;
	background:#e6e49f;
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1d4), to(#e6e49f));
	background-image: -moz-linear-gradient(top, #f1f1d4, #e6e49f);
	color:#333;
	border:1px solid #aaac62;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	text-decoration:none;
	text-shadow: #fff 0px 1px 0px;
	min-width: 0;
	display:inline;
  font-weight:bold;
  font-size:110%;
  padding:5px 20px;
}

form div.submit {
	margin-top:30px;
}
form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}

form .required {
	font-weight: bold;
}
form .required label:after {
	color: #e32;
	content: '　[必須]';
	display:inline;
  font-size:10px;
}


.maintance_box span{
  font-weight:bold;
  color:#55f;
}

.maintance_box .message{
  padding:20px 0px;
}