@charset "utf-8";

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}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;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

html {
	background-color: transparent;
	background-image: none;
}

body {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
}

html, body{ overflow-x: hidden; overflow-y: auto;}

*{
-webkit-appearance: none;
-moz-appearance: none;
	appearance: none;
}

body{ -webkit-text-size-adjust: none; }

a{
-webkit-touch-callout: none;
	text-decoration: none;
	color : #0000cc;
}

a:hover{
	color : #0088ff;
}

select{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#cccccc');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#cccccc')";
	background: url("../img/arrow.png") right 50% no-repeat, -moz-linear-gradient(top, #ffffff, #cccccc);
	background: url("../img/arrow.png") right 50% no-repeat, -ms-linear-gradient(top, #ffffff, #cccccc);
	background: url("../img/arrow.png") right 50% no-repeat, -webkit-linear-gradient(top, #ffffff, #cccccc);
	background: url("../img/arrow.png") right 50% no-repeat, linear-gradient(top, #ffffff, #cccccc);
	background-color: #fff;
}

select:hover{
	background :#ffffff;
	background: url("../img/arrow.png") right 50% no-repeat;
}

.appear_pc{
	display: none;
}

.float_left{
	float : left;
}

.float_right{
	float : right;
}

.align_center{
	text-align : center;
}

.align_left{
	text-align : left;
}

form{
	text-align : center;
}

input{
	padding : 10px;
	width : 100%;
	border : 1px solid #dddddd;
	border-radius : 4px;
	font-size : 1.25em;
	box-sizing : border-box;
}

textarea{
	padding : 10px;
	width : 100%;
	border : 1px solid #dddddd;
	border-radius : 4px;
	font-size : 1.25em;
	box-sizing : border-box;
}

select {
	padding: 10px;
	border: 1px solid #dddddd;
	border-radius: 4px;
	color: #555555;
	width: 100%;
}

li{
	list-style : none;
}

.pointer{
	cursor : pointer;
}

.clearfix:after{
	display: block;
	clear: both;
	content: "";
}

input[type=radio],input[type=checkbox] {
	width : 10px;
	height : 10px;
	vertical-align : middle;
}

input:checked{
	background : #555555;
}

.two_options{
	width : 50%;
}

.three_options{
	width : 30%;
}

.num{
	text-align: right;
}

@media all and (min-width: 500px){

.float-left-tablet{
	float : left;
}

.float-right-tablet{
	float : right;
}

.float_left_tab_only{
	float : left;
}

}

@media all and (min-width: 1000px){

.appear_pc{
	display: inline-block;
}

.float_left_pc{
	float : left;
}

.float_right_pc{
	float : right;
}

.float_left_tab_only{
	float : none;
}
.float_right_tab_only{
	float : none;
}