/**

 *

 * 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-color:#EBE9E5;

	color: #666666;

  font-family:"メイリオ", Meiryo,"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif;

  font-size:14px;

	margin: auto;

}

p{

	text-align:center;

  font-size:12px;

}

a {

	color: #0071BC;

	text-decoration: none;

}

a:hover {

	color: #066CFF;

	text-decoration:none;

}

a img {

	border:none;

}

.required{

  color:#F00;

}

h1, h2, h3, h4 {

	font-weight: normal;

}

h1 {

  color:#000;

  font-size:14px;

  padding:5px 0px 0px 5px;

}

h2 {

  font-size:15px;

  font-weight:bold;

  background-color:#2CB0D4;

  padding:20px 0px 20px 0px;

  color:#FFF;

  text-align:center;

}



h3 {

  font-size:15px;

  font-weight:bold;

  margin-bottom:20px;

  background-image:url("/img/s/h2.png");

  background-repeat:repeat-x;

  background-position:0% 0%;

  height:30px;

  padding:5px 0px 0px 10px;

  color:#FFF;

}

h4 {

	color: #000;

	font-weight: normal;

	font-size:100%;

	border-top:1px solid #aaa;

	border-bottom:1px solid #aaa;

  background-color: #CEF0F2;

  padding:10px 5px;

  margin-top:10px;

}

ul, li {

	//margin: 0 12px;

  list-style:none;

}

.cl{

  height:1px;

  clear:both;

}

.inbox{

  padding:10px;

}

.block{

  display:block;

} 

.red{

  color:#F00;

}

/** Layout **/

header{

  margin:0px;

  background-color:#2CB0D4;

  padding:10px;

}

header h1{

  width:60%;

  display:inline-block;

  text-align:center;

}



header img{

  width:100%;

}



header #navi{

  width:35%;

  display:inline-block;

  text-align:right;

}



#tabs{

  margin-bottom:10px;

}



#tabs a{

  width:25%;

  display:inline-block;

  float:left;

}



#tabs a img{

  width:100%;

}







article{

}

article .panlist{

  padding:10px;

}





footer{

  margin-top:20px;

  padding:10px;

  background-color:#2CB0D4;

}



footer a{

  width:100%;

  display:block;

  background-color:#6E6B62;

	border-radius: 10px;		/* CSS3草案 */

	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */

	-moz-border-radius: 10px;	/* Firefox用 */

  color:#FFF;

  font-weight:bold;

  margin-bottom:2px;

}



footer a span{

  margin:10px 10px 10px 20px;

  display:inline-block;

}





table th{

  text-align:left;

  vertical-align:top;

  font-weight:normal;

}



table td{

  text-align:left;

  vertical-align:top;

}



.maximg{

  width:100%;

}



.half_image img{

  width:50%;

}



.image70 img{

  width:70%;

}



.tright{

  text-align:right;

}



.tcenter{

  text-align:center;

}



.mb10{

  margin-bottom:10px;

}



.mt20{

  margin-top:20px;

}



.mb20{

  margin-bottom:20px;

}



.bborder{

  border-bottom:1px solid #ccc;

  padding:5px 0px;

}



.line{

  border-bottom:1px solid #ccc;

  height:1px;

  width:100%;

  margin:15px 0px;

}



.pink{

  color:#F22C94;

}



.gray{

  color:#969696;

}



.twoButton{

  text-align:center;

}



.twoButton a{

  display:inline-block;

  width:48%;

  

}



.twoButton a img{

  display:inline-block;

  width:100%;

}



.pan{

  background-image:url("/img/pan.png");

  background-repeat:repeat-x;

  background-position:0% 0%;

  height:21px;

  padding:0px 10px;

  margin-bottom:10px;

}



.bold{

  font-weight:bold;

}



.orange{

  color:#FF9900;

}



























ul.accordion{

  margin-bottom:20px;

}



ul.accordion li{

  border-bottom:1px solid #aaa;

}



ul.accordion li .accordion_head{

  background-image:url("/img/s/trunks/plus.png");

  background-repeat:no-repeat;

  background-position:98% 50%;

  padding:10px 10px;

  background-color:#F9F9EA;

}



ul.accordion li .accordion_head .table{

  display:table;

  width:100%;



}



ul.accordion li .accordion_head .table .name{

  display:table-cell;

}



ul.accordion li .accordion_head .table .price{

  display:table-cell;

  text-align:right;

  padding-right:50px;

  color:#DC6E64;

}

ul.accordion li .accordion_body{

  padding:10px 10px;

}



.whitebox{

  background-color:#fff;

  padding:10px;

  margin-bottom:20px;

}



.whitebox div{

  color:#DC6E64;

  padding-bottom:10px;

  font-weight:bold;

}



#voices h3{

  margin-top:20px;

  color:#666;

}



#qa{



}

#qa ul.accordion{

  margin-bottom:20px;

}



#qa ul.accordion li{

  border-bottom:1px solid #aaa;

}



#qa ul.accordion li  a,

#qa ul.accordion li .accordion_head{

  background-image:none;

  padding:10px 10px;

  font-size:14px;

  font-weight:bold;

  background-color:#fff;

  color:#DC6E64;

}



#qa ul.accordion li .accordion_body{

  padding:10px 10px;

  font-size:14px;

  background-color:#fff;

  border-top:1px solid #aaa;

}





#trunks a.trunk_list{

  background-image:url("/img/s/trunks/trunk_list.png");

  background-repeat:repeat-x;

  background-position:0% 0%;

  height:67px;

  display:block;

  padding:5px 0px 0px 10px;

  font-weight:bold;

  color:#666;

}



#trunks a.trunk_list .address{

  font-size:12px;

  font-weight:normal;

}



.view .address{

  padding:0px 0px 20px 10px;

  border-bottom:1px solid #CCC;

}



.view .pr{

  margin-bottom:20px;

}



.view .pr .title{

  color:#DC6E64;

  font-weight:bold;

  margin-bottom:10px;

}



.view h3{

  color:#FFFFFF;

  font-weight:bold;

  font-size:18px;

  background-image:url("/img/s/trunks/h3.png");

  background-repeat:repeat-x;

  background-position:0% 0%;

  height:35px;

  display:block;

  padding:5px 0px 0px 10px;

  margin:0px;

}



.notopen{

  text-align:center;

  font-weight:bold;

  color:#FFF;

  background-color:#666666;

  padding:30px 0px;

}



#campaignbox{

  margin-bottom:20px;

  padding:10px;

}



#campaignbox a{

  background-image:url("/img/s/arrow.png");

  background-repeat:no-repeat;

  background-position:0% 50%;

  padding-left:20px;

}



#newsbox{

  padding:10px 10px;

  background-color:#2CB0D4;

  background-image:url("/img/s/index/back.png");

  background-repeat:repeat-x;

  background-position:0% 0%;



}



#newsbox a{

  display:table;

  padding:10px 0px;

  border-bottom:1px dotted #CCC;

  color:#fff;

  width:100%;

}



#newsbox a .date{

  display:table-cell;

}



#newsbox a .name{

  display:table-cell;

}



#news .date{

  color:#888;

  margin-bottom:10px;

  font-weight:bold;

}



#news .title{

  font-weight:bold;

  border-bottom:1px solid #CCC;

  background-color:#18A9D1;

  font-size:15px;

  padding:10px 5px;

  margin-bottom:10px;

  color:#FFF;

}



#news .content{

  padding:10px 0px;

}



#pagenate{

  display:table;

  width:100%;

  margin-bottom:20px;

}



#pagenate .blank{

  width:50%;

  display:table-cell;

}



#pagenate a{

  width:50%;

  display:table-cell;

}



#pagenate a img{

  width:100%;

}



/* Forms */

form {

	clear: both;

	margin-right: 20px;

	padding: 0;

	width: 100%;

}

fieldset {

	border: 1px solid #ccc;

	margin-top: 30px;

	padding: 16px 20px;

}

fieldset legend {

	background:#fff;

	color: #e32;

	font-size: 160%;

	font-weight: bold;

}

fieldset fieldset {

	margin-top: 0px;

	margin-bottom: 20px;

	padding: 16px 0;

}

fieldset fieldset legend {

	font-size: 120%;

	font-weight: normal;

	margin-left: 20px;

}

fieldset fieldset div {

	clear: left;

	margin: 0 20px;

}



form div {

	clear: both;

	margin-bottom: 0pc;;

	padding: .5em;

	vertical-align: text-top;

}

form div.input {

	color: #444;

}

form div.required {

	color: #333;

	font-weight: bold;

}

form label.required {

	color: #333;

	font-weight: bold;

  background:url("/img/required.gif") no-repeat left top;

  padding-left:10px;

  display:inline;

}

form div.submit {

	border: 0;

	clear: both;

	margin-top: 10px;

	margin-left: 0px;

  padding-left:0px;

  padding-right:0px;

}

label {

	display: block;

	font-size: 110%;

	padding-right: 20px;

}

input, textarea {

	clear: both;

	font-size: 100%;

	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;

	padding: 2px;

}

select {

	clear: both;

	font-size: 120%;

	vertical-align: text-bottom;

}

select[multiple=multiple] {

	width: 100%;

}

option {

	font-size: 120%;

	padding: 0 3px;

}

input[type=checkbox] {

	clear: left;

	float: left;

	margin: 0px 6px 7px 2px;

	width: auto;

}

input[type=submit] {

	display: block;

	font-size: 110%;

	padding: 2px 5px;

	width: 100%;

	vertical-align: bottom;

  padding: 20px 0px;

  font-weight:bold;

}



.radio input{

  display:inline;

}

.radio label{

  display:inline;

}



/* Notices and Errors */

div.message {

	clear: both;

	color: #900;

	font-size: 140%;

	font-weight: bold;

	margin: 1em 0;

}

div.error-message {

	clear: both;

	font-weight: bold;

  color:#444;

  border:1px solid #F00;

  margin:4px;

  background-color:#ff9999;

}

p.error {

	background-color: #e32;

	color: #fff;

	font-family: Courier, monospace;

	font-size: 120%;

	line-height: 140%;

	padding: 0.8em;

	margin: 1em 0;

}

p.error em {

	color: #000;

	font-weight: normal;

	line-height: 140%;

}

.notice {

	background: #ffcc00;

	color: #000;

	display: block;

	font-family: Courier, monospace;

	font-size: 120%;

	line-height: 140%;

	padding: 0.8em;

	margin: 1em 0;

}

.success {

	background: green;

	color: #fff;

}





/* エラーフラッシュ */

.error_flash{

  clear:both;

  background-color:#FFD9D9;

  border:1px solid #CC0000;

  color:#CC0000;

  font-size:120%;

  font-weight:bold;

  line-height:45px;

  margin:10px 10px 10px 10px;

  padding-top:2px;

  text-indent:55px;

  width:95%;

}

/* 成功フラッシュ */

.success_flash{

  clear:both;

  background-color:#F7F7F7;

  border:1px solid #A3A3A3;

  color:#0000CC;

  font-size:120%;

  font-weight:bold;

  line-height:45px;

  margin:10px 0px 10px 0px;

  padding-top:2px;

  text-indent:55px;

  width:900px;

}



#corporate{

}



#corporate table{

  width:100%;

}



#corporate table th{

  border-bottom:1px dotted #aaa;

  padding:5px;

}



#corporate table td{

  border-bottom:1px dotted #aaa;

  padding:5px;

}



#question{



}



#question h3{

  background-image:none;

  background-color:#DCB33C;

}



#question .answer{

  padding:0px 10px 10px 10px;

}



#features{

  padding:0px 10px;

}



#features .feature{

  display:table;

  margin-bottom:20px;

}



#features .feature div.image{

  display:table-cell;

  vertical-align:top;

  width:30%;

  padding:10px;

}



#features .feature div.image img{

  width:100%;

}



#features .feature div.content{

  display:table-cell;

  vertical-align:top;

  width:70%;

  padding:10px;

}



#features .feature div span{

  font-size:18px;

  display:block;

  font-weight:bold;

  color:#2CB0D4;

}



#informations{



}



#informations .arrow{

  text-align:center;

  margin:10px 0px;

}



#informations .arrow img{

  width:10%;

}



#informations .arrow2{

  text-align:center;

  margin:10px 0px;

}



#informations .arrow2 img{

  width:45%;

}





#informations .step{

  margin-top:20px;

}



#informations .step .titleimg img{

  width:20%;

}



#informations .step .title{

  font-size:24px;

  font-weight:bold;

}



#informations .step a{

  color:#FF9900;

}





#articles{

  padding:0px 10px;

}



#articles .article{

  display:table;

  padding:10px 0px;

  border-bottom:1px solid #aaa;

  background-image:url("/img/s/articles/arrow.png");

  background-repeat:no-repeat;

  background-position:98% 50%;

}



#articles .article .image{

  display:table-cell;

  width:25%;

}



#articles .article .image img{

  width:100%;

  vertical-align:top;

}



#articles .article .image a{

  display:block;

  margin-top:5px;

}



#articles .article .content{

  display:table-cell;

  width:70%;

  vertical-align:top;

  padding:0px 10px;

}



#articles .article .content a{

  display:block;

  color:#555;

  font-size:18px;

}



#view{



}



#view h4{

  border:none;

  background-color:#DCB33C;

  font-weight:bold;

  color:#FFF;

  margin:20px 0px 10px 0px;

}



#view table.detail{

  border-top:1px solid #AAA;

  width:100%;

}



#view table.detail th{

  border-bottom:1px solid #AAA;

  background-color:#DCDCDC;

  padding:10px;

}



#view table.detail td{

  border-bottom:1px solid #AAA;

  padding:10px;

}



#view table.price_table{

  border-top:1px solid #AAA;

  width:100%;

}



#view table.price_table th{

  border-bottom:1px solid #AAA;

  background-color:#DCDCDC;

  padding:10px;

}



#view table.price_table td{

  border-bottom:1px solid #AAA;

  padding:10px;

}



.pricediv{

  font-size:18px;

  padding:5px 10px;

  border-bottom:1px solid #aaa;

}



table.formTable{

  border-top:1px solid #AAA;

  width:100%;

}



table.formTable th{

  border-bottom:1px solid #AAA;

  background-color:#DCDCDC;

  padding:10px;

}



table.formTable td{

  border-bottom:1px solid #AAA;

  padding:10px;

}





table.mypage_table{

  border-top:1px solid #AAA;

  width:100%;

}



table.mypage_table th{

  border-bottom:1px solid #AAA;

  background-color:#DCDCDC;

  padding:10px;

}



table.mypage_table td{

  border-bottom:1px solid #AAA;

  padding:10px;

}









.menu{

  margin-top:20px;

  padding:10px;

  background-color:#2CB0D4;

}



.menu a{

  width:100%;

  display:block;

  background-color:#6E6B62;

	border-radius: 10px;		/* CSS3草案 */

	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */

	-moz-border-radius: 10px;	/* Firefox用 */

  color:#FFF;

  font-weight:bold;

  margin-bottom:2px;

}



.menu a span{

  margin:10px 10px 10px 20px;

  display:inline-block;

}
.bb {
    border-bottom: 1px dotted #FF0000;
}

#attention_check {
    font-size: 120%;
    font-weight: bold;}

p.left {text-align: left; }

.bold
{
font-weight:bold;

}