@charset "utf-8";
/* ===========================================================
 CSS information
 file name : base.css
 style info : stylesheet base file
 copyright : Kotaro Saito
============================================================== */

/*----------------------------------------------------
	Base
----------------------------------------------------*/
* { font-family:"Hiragino Kaku Gothic ProN","meiryo","メイリオ","ms pgothic","ms pゴシック","osaka",sans-serif,"TakaoPGothic","Sazanami Gothic"; }

img { border:none; vertical-align:bottom; }

/*----------------------------------------------------
	Float
----------------------------------------------------*/
.f_left { float:left; }
.f_right { float:right; }
.clear { clear:both; }
.clearfix:after { content:""; display:block; clear:both; }

/*----------------------------------------------------
	Disply
----------------------------------------------------*/
.display_none { display:none; }
.display_block { display:block; }

/*----------------------------------------------------
	Link
----------------------------------------------------*/
a { color:#eb6877; text-decoration:none;  }
a:hover { opacity:0.7; }

/*----------------------------------------------------
	Table
----------------------------------------------------*/
table.no {
	width:100%;
	border:none; border-collapse:collapse;
	padding:10px;
}
table.no th { padding:10px; text-align:right; vertical-align:top; border:none; border-collapse:collapse; }
table.no td { padding:10px; border:none; border-collapse:collapse; }

/*----------------------------------------------------
	Border
----------------------------------------------------*/
.bccc { border:1px solid #cccccc; }
.br3 { border-radius:3px; }

/*----------------------------------------------------
	Text Align Color
----------------------------------------------------*/
.t_center { text-align:center; }
.t_left { text-align:left; }
.t_right { text-align:right; }

.t_red { color:#e60012; }
.t_green { color:#8fc41f; }
.t_blue { color:#448aca; }
.t_orange { color:#ed6d00; }
.t_gray { color:#aaaaaa; }
.t_white { color:#ffffff; }

/*----------------------------------------------------
	Zindex
----------------------------------------------------*/
.z1 { z-index:1; }
.z2 { z-index:2; }
.z3 { z-index:3; }
.z4 { z-index:4; }
.z5 { z-index:5; }
.z6 { z-index:6; }
.z7 { z-index:7; }
.z8 { z-index:8; }
.z9 { z-index:9; }

/*----------------------------------------------------
	Margin
----------------------------------------------------*/
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }

/*----------------------------------------------------
	Padding
----------------------------------------------------*/
.p5 { padding:5px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }

/*----------------------------------------------------
	Form
----------------------------------------------------*/
input[type="text"],
input[type="email"] {
	height:2em;
	padding:5px;
	border:1px solid #cccccc;
	background:#ffffff;
	font-size:100%; line-height:2em;
	-webkit-appearance:none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea {
  outline: 0;
  background:#fffafa;
}

textarea {
	padding:5px;
	border:1px solid #cccccc;
	background:#ffffff;
	font-size:100%;
}
input[type="submit"],
input[type="button"] {
	width:200px; height:3em;
	border:none;
	background:#eb6877;
	font-size:100%; color:#ffffff; text-align:center; line-height:3em;
	cursor:pointer;
	-webkit-appearance:none;
}
input[type="submit"]:hover,
input[type="button"]:hover { opacity:0.7; }