@charset "utf-8";

/*======================================
	global part
=======================================*/
/* YUI CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
fieldset,img {
	border:0;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*======================================
	Common
=======================================*/
html { overflow-y:scroll; }

body {
  background-color:#f9f9f9;
	color:#484848;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	text-align:left;
  -webkit-text-size-adjust: 100%;
  font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
html,body{
    width: 100%;
}

a:link { color: #ef7897; text-decoration: none }/* まだ見ていない状態 */
a:visited { color: #ef7897; text-decoration: none }/* 既に見た状態 */
a:active { color: #511111; text-decoration: underline }/* カーソルがオーバーした状態 */
a:hover {color:#511111; text-decoration: underline;}/* マウスクリックされている状態 */

img.baseline { vertical-align : baseline ; }
img.middle   { vertical-align : middle ; }

/* -------------------------------------------
clearfix
------------------------------------------- */
/* for IE7.0 */
*:first-child+html .top .box_btn ul {
	min-height:1%;
}
/* for IE6.0 */
* html .top .box_btn ul {
	height:1%;
}


/*======================================
	Contents Common
=======================================*/
.clear { overflow:hidden; clear:both; }

/*--------- 表組&wrapper等で使用出来るwidth ----------*/
.w315 { width:315px; }
.w455 { width:455px; }
.w490 { width:490px; }
.w640 { width:640px; }
.w985 { width:985px; }

/*--------- 角丸[ 10px ] ----------*/
.radius {
	border-radius: 10px;
	 -moz-border-radius: 10px; /* Firefox */
	 -webkit-border-radius: 10px; /* Safari and Chrome */
	 behavior: url('border-radius.htc'); /* IE */
 }


/*======================================
	Head
=======================================*/
/*--------- Common ----------*/
.area_title {
  font-weight:bold;
  color:#e36688;
}
.area_subtitle {
  border-bottom:1px solid #e0e0e0;
  font-weight:normal;
  color:#e36688;
  padding-bottom:20px;
}
.area_text {
  border-top:1px solid #fef5e5;
  padding-top:20px;
}

/*---- form ----*/
.form_title {background-color:#d6ad72;color:#fff;}
.form_subwrapper {
  border-bottom:1px solid #e0e0e0;
  margin-bottom:15px;
  padding-bottom:15px;
  overflow:hidden;
  clear:both;
}
span.red{ color:#e9545d;}



/*--------- PC ----------*/
@media screen and (min-width: 1021px){
  #inbox{
    margin: 0;
    padding-top:2px;
  }
  #logo{
    float:left;
    margin-right:20px;
  }
  #head {
    width:955px;
    overflow:hidden;
    clear:both;
  }
  #banner_wrapper{
    width:950px;
    height:200px;
    margin-top:15px;
    overflow:hidden;
    clear:both;
  }
  #copy,.sponly,#lineup_title,.area_btn,#pagetop .btn,.Copyright_sp{display:none;}
  #head .pconly {
    float:right;
    width:735px;
    position:relative;
    left:5px;
  }
  p{font-size:12px;line-height:17px;text-align:left;}
  
  /*---- LINEUP ----*/
  .pc_wrapper {
    border-bottom:1px solid #e8dece;
    margin:25px 0;
    padding-bottom:25px;
    width:950px;
    text-align:left;
    overflow:hidden;
    clear:both;
  }
  .pc_wrapper_l {width:450px;margin-rigth:50px;float:left;}
  .pc_wrapper_r {width:450px;float:right;}
  .pc_subwrapper_l{width:222px;float:left;margin-right:20px;border:4px solid #fff;}
  .pc_subwrapper_r{width:200px;float:right;}
  .area_title {
    font-size:17px;
    line-height:19px;
    letter-spacing:0.5px;
    position: relative;
    transform: scaleX(0.9);
    transform-origin: left top;
  }
  .area_subtitle {
    border-bottom:1px solid #e8dece;
    font-weight:normal;
    color:#e36688;
    font-size:10px;
    margin-top:5px;
    padding-bottom:10px;
  }
  .area_text {
    border-top:1px solid #fef5e5;
    font-size:11px;
    padding-top:10px;
    line-height:17px;
  }
  
  /*---- form ----*/
  .form_wrapper {width:690px;overflow:hidden;clear:both;}
  .form_title {
    width:670px;
    padding:10px;
    font-size:15px;
    text-align:left;
  }
  .form_subwrapper {width:690px;text-align:left;}
  .form_subwrapper_l {float:left;width:160px;margin-right:30px;font-size:14px;}
  .form_subwrapper_r {float:right;width:500px;}
  .form_textarea {width:448px; height:100px;}
  .form_input {width:300px;height:20px;}
  .form_subinput {width:50px;height:20px;}
  .form_calinput {width:100px;height:20px;}
}

/*--------- Tablet / Smartphone ----------*/
@media only screen and (max-width: 1020px) {
  #logo{
    position:absolute;
    z-index:2;
    width:26%;
    left:4%;
  }
  #head{
    position:relative;
    z-index:1;
  }
  #copy{
    background-color:#e0dcdd;
    padding:50px 0;
    color:#5e5b56;
  }
  #copy .title {
    font-size:193%;
    line-height:40px;
    letter-spacing:2px;
    font-family: 'Times New Roman', 'Bodoni', 'Garamond', 'Georgia', 'Bitstream Cyberbit', "平成明朝",  "MS P明朝", 'New York', 'Palatino', serif;
  }
  #copy p {
    margin-top:15px;
    font-size:108%;
    line-height:30px;
  }
  #banner_wrapper {
    background-color:#d8d3d4;
    width:90%;
    padding:5%;
    overflow:hidden;
    clear:both;
  }
  p{font-size:108%;line-height:1.5;}
  .pconly,.Copyright_pc{display:none;}
  
  /*---- LINEUP ----*/
  #lineup_title{
    border-top:4px double #e56487;
    border-bottom:4px double #e56487;
    padding:20px 0;
    font-size:139%;
    text-align:center;
    color:#ff4588;
    font-family: 'Times New Roman', 'Bodoni', 'Garamond', 'Georgia', 'Bitstream Cyberbit', "平成明朝",  "MS P明朝", 'New York', 'Palatino', serif;
  }
  #contents{
    width:90%;
    margin:0 5%;
    clear:both;
  }
  .area_title {
    font-size:231%;
    margin-top:20px;
  }
  .area_subtitle {
    border-bottom:1px solid #e8dece;
    font-weight:normal;
    color:#e36688;
    margin-top:10px;
    padding-bottom:20px;
  }
  .area_text {
    border-top:1px solid #fef5e5;
    font-size:108%;
    padding-top:20px;
    line-height:23px;
  }
  .area_btn {
    background-color:#e36688;
    display:block;
    margin:15px 0 50px;
    width:100%;
    height:40px;
    font-size:116%;
    line-height:40px;
  }
  .area_btn a { color:#fff; }
  
  /*---- form ----*/
  .form_subwrapper {width:90%;}
  .form_subwrapper_nonline {width:94%;padding:0 3%;}
  .form_subwrapper_l,.form_subwrapper_r {font-size:131%;margin-bottom:5px;clear:both;}
  .form_title {
    width:90%;
    padding:5%;
    font-size:131%;
    text-align:center;
  }
  .form_textarea {width:90%; height:100px;}
  .form_input {width:98%;height:20px;}
  .form_subinput {width:30%;height:20px;}
  .form_calinput {width:100px;height:20px;}
}

.basefont {font-size:131%;margin-bottom:5px;clear:both;}


/*======================================
	Footer
=======================================*/
#Footer{
  border-top:3px solid #dfd4c3;
  background-color:#ebe0ce;
}

/*--------- PC ----------*/
@media screen and (min-width: 1021px){
#pagetop{
	width:945px;
	margin-top: 30px;
  overflow:hidden;
  clear:both;
}
#Footer{
	padding:25px 0 30px;
}
.Copyright_pc {
	padding-top:5px;
	width:945px;
	font-size: 10px;
	line-height: 17px;
	text-align:right;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.pc { display: block; }
.sp { display: none; }
}

/*--------- Tablet / Smartphone ----------*/
@media only screen and (max-width: 1020px) {
.pc { display: none; }
.sp { display: block; }

#pagetop{
  background-color:#dfd4c3;
	width:100%;
	margin-top: 30px;
  overflow:hidden;
  clear:both;
}
#pagetop .btn {
  font-size:300%;
  padding:30px 0;
  color:#ab9e89;
}
#pagetop .btn a {color:#ab9e89;}

#Footer{
	padding:25px 0 10px;
}
.Copyright_sp {
	font-size: 139%;
	line-height: 30px;
  letter-spacing:1px;
	text-align:center;
	font-weight: normal;
}
.Copyright_text {
  border-top:1px solid #dfd4c3;
  margin-top:20px;
  padding-top:10px;
	font-size: 40%;
	text-align:center;
	font-weight: normal;
}
}

/*======================================
	Line & Text
=======================================*/
/*--------- TOP ----------*/
.top2{margin-top:2px;}
.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top50{margin-top:50px;}
.top75{margin-top:75px;}

/*--------- Under ----------*/
.under5{margin-bottom:5px;}
.under10{margin-bottom:10px;}
.under15{margin-bottom:15px;}
.under20{margin-bottom:20px;}
.under30{margin-bottom:30px;}
.under50{margin-bottom:50px;}

/*--------- Line ----------*/
.Line{margin: 10px 0px 10px 0px;}
.Line15{margin: 15px 0px 15px 0px;}
.Line30{margin: 30px 0px 30px 0px;}

/*--------- Life ----------*/
.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left30{margin-left:30px;}

/*--------- Right ----------*/
.right5{margin-right:5px;}
.right10{margin-right:10px;}
.right15{margin-right:15px;}
.right25{margin-right:25px;}
.right30{margin-right:30px;}
.right40{margin-right:40px;}
.right50{margin-right:50px;}

/*---------- CakePHP ----------*/
.error-message {
    color: #F00;
    text-align: left;
}
label[for=Request2Unit] {
    padding-left: 0.3em;
    padding-right: 1.3em;
}
.att {
    color: #F00;
    padding-left: 1.0em;
}

input[type=submit],
input[type=button],
button[type=reset]
 {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 1.4em;
    font-weight: bold;
    padding: 10px 30px;
    background-color: #f2f2f2;
    color: #333;
    border-style: none;
    border: 1px solid #888;
    display: block;
    width: 80%;
    margin-bottom: 1.0em;
}