@charset "uft-8";

@font-face{
	font-family: 'Rounded-L M+ 1c regular';
	src:url('../fonts/regular.woff2') format('woff2');
}

html {
	overflow-y		:scroll;
	font-size 		: 62.5%;
}

body {
	font-size		: 12px;
	font-size		: 1.2rem;
	-webkit-text-size-adjust: none;
	background-image: url("../img/little-knobs.png");
	background-color: #EFEFEF;
}

html,
body {
	height			: 100%;
}

/* フォント設定 */
body,
input,
select,
button {
/*	font-family		: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	font-family		: "Titillium Web","Rounded-L M+ 1c regular","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,"ＭＳ ゴシック",sans-serif;
}

input[type=text],
input[type=password] {
	font-size		: 12px;
	font-size		: 1.2rem;
	height			: 20px;
	border			: 1px solid #888;
	padding			: 1px 2px;
}

input[type=radio] {
	margin			: 5px 2px 0;
	vertical-align	: top;
}

input[type=text],
input[type=password] {
	vertical-align: middle;
}

select {
	height: 24px;
	border: 1px solid #888;
	font-size: 12px;
	font-size: 1.2rem;
}

a {
	text-decoration	: none;
}

a:focus {
	outline			: none;
}

/* ボタン
--------------------------------------*/
button {
	font-size		: 12px;
	font-size		: 1.2rem;
	height			: 24px;
	vertical-align	: top;
	padding			: 0 2px;
	margin			: 0;
	background-color: #e8e8e8;
	color			: #444;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9 0%), to(#d9d9d9 50%));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #d9d9d9 50%, #c8c8c8 50%, #cccccc 100%);
	background-image: -moz-linear-gradient(top, #f9f9f9 0%, #d9d9d9 50%, #c8c8c8 50%, #cccccc 100%);
	background-image: -ms-linear-gradient(top, #f9f9f9 0%, #d9d9d9 50%, #c8c8c8 50%, #cccccc 100%);
	background-image: -o-linear-gradient(top, #f9f9f9 0%, #d9d9d9 50%, #c8c8c8 50%, #cccccc 100%);
	background-image: linear-gradient(top, #f9f9f9 0%, #d9d9d9 50%, #c8c8c8 50%, #cccccc 100%);
	border-top		: 1px solid #aaaaaa;
	border-right	: 1px solid #999999;
	border-bottom	: 1px solid #777777;
	border-left		: 1px solid #999999;
	-webkit-border-radius : 4px;
	-moz-border-radius : 4px;
	-ms-border-radius : 4px;
	-o-border-radius : 4px;
	border-radius : 4px;
	-webkit-box-shadow : inset 0 0 2px 0 rgba(255, 255, 255, 0.8);
	-moz-box-shadow : inset 0 0 2px 0 rgba(255, 255, 255, 0.8);
	-ms-box-shadow : inset 0 0 2px 0 rgba(255, 255, 255, 0.8);
	-o-box-shadow : inset 0 0 2px 0 rgba(255, 255, 255, 0.8);
	box-shadow : inset 0 0 2px 0 rgba(255, 255, 255, 0.8);
}

button:hover {
	background-color: #e0e0e0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9 0%), to(#c9c9c9 50%));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #e9e9e9 0%, #c9c9c9 50%, #b8b8b8 50%, #bbbbbb 100%);
	background-image: -moz-linear-gradient(top, #e9e9e9 0%, #c9c9c9 50%, #b8b8b8 50%, #bbbbbb 100%);
	background-image: -ms-linear-gradient(top, #e9e9e9 0%, #c9c9c9 50%, #b8b8b8 50%, #bbbbbb 100%);
	background-image: -o-linear-gradient(top, #e9e9e9 0%, #c9c9c9 50%, #b8b8b8 50%, #bbbbbb 100%);
	background-image: linear-gradient(top, #e9e9e9 0%, #c9c9c9 50%, #b8b8b8 50%, #bbbbbb 100%);
	cursor: pointer;
}

button:active {
	border-top : 1px solid #999999;
	border-right : 1px solid #888888;
	border-bottom : 1px solid #666666;
	border-left : 1px solid #888888;
	-webkit-box-shadow: inset 0 0 2px 2px #666666, 0 1px 0 #eeeeee;
	-moz-box-shadow: inset 0 0 2px 2px #666666, 0 1px 0 #eeeeee;
	-ms-box-shadow: inset 0 0 2px 2px #666666, 0 1px 0 #eeeeee;
	-o-box-shadow: inset 0 0 2px 2px #666666, 0 1px 0 #eeeeee;
	box-shadow: inset 0 0 2px 2px #666666, 0 1px 0 #eeeeee;
}

button[disabled=disabled],
button[disabled=disabled]:hover,
button[disabled=disabled]:active {
	background-color : #e8e8e8;
	border			 : 1px solid #CCC;
	background-image : none;
	color			 : #999;
	cursor: default;
}

button[disabled=disabled]:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

footer div:first-child {
	height			: 12px;
	padding			: 15px 0;
	background-color: #ff9f1c;
	color			: #412f1e;
	font-size		: 12px;
	font-size		: 1.2rem;
	font-weight		: bold;
	text-align		: center;
	letter-spacing	: 1px;
	position		: relative;
	box-shadow		: 0 6px 22px -5px rgba(134, 36, 2, 1) inset, 0 4px 8px 0 rgba(17, 17, 17, 1);
	width			: 950px;
	margin			: 0 auto;
	border-radius	: 4px;
	text-shadow		: -1px 0 1px #000000, 1px 0 1px #ffc16d;
}

footer {
	text-transform	: uppercase;
	margin-top		: -52px;
}

ul li {
	list-style		: none;
}