@charset "utf-8";
/* CSS Document */

/* --------------------------------

	* Default Style Sheet[beta] 

	{
		* last update 2009/10/08
		* author : 	Richard Clark - http://richclarkdesign.com ,
					SUPER Katapad

		* modify : 	NAZAL30mL;
	}
	
	※注意	できたての為かなり不安定なバージョン。
			リセットする必要ないスタイルもあるかもしれません。
	
--------------------------------

	* Contents
	
	1. Reset
	2. Structure
	3. Block Elements
	4. Inline elements / other elements
	5. Forms	
	
--------------------------------- */

/* ==========================================================================================================

	 1. Reset
 
============================================================================================================*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	/*background: transparent;*/
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
}
/* ==========================================================================================================

	 2. Structure
 
============================================================================================================*/

html {
	overflow-y : scroll; /* for FireFox scrollbar */
	height : 100%;
}
body {
	background-color: #FFFFFF;
	height : 100%;
	font-size : 16px;
	font-family : "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	color : #000;
	letter-spacing : 0.03em;
	line-height : 1.8;
}
/* ==========================================================================================================

	 3. Block Elements
 
============================================================================================================*/
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
ul {
	list-style : none;
}
dt {
	display : block;
	width : auto;
}
table {
	border : none;
	border-collapse : collapse;
	border-spacing : 0;
	font-size : 100%;
}
td,
th { /* セルの規定値をmiddleからtopに */
	vertical-align : top;
}
th {
	font-weight : normal;
	text-align : left;
}
caption {
	text-align : left;
}
/* ==========================================================================================================

	  4. Inline elements / other elements

============================================================================================================*/

/*  ------------------------------------------------------------------

	Anchor

---------------------------------------------------------------------*/
a {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration : none;
}
a:link {
	background: #141414;
	color: #FFFFFF;
	text-decoration: none;
	-webkit-transition-propaty: all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	text-shadow: none;
}
a:visited {
	background: #444444;
	color: #FFFFFF;
	text-decoration: none;
	-webkit-transition-propaty: all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
}

a:hover {
	background: #d72e61;
	color: #FFFFFF;
	text-decoration: none;
}
a:active {
}

/*  キーボードユーザー配慮
-----------------------------------*/
a:focus,
input:focus,
textarea:focus {
	display: inline-block;
	outline: 3px dotted #FF0033;
}

/*  ------------------------------------------------------------------

	Inline elements

---------------------------------------------------------------------*/
pre,
code,
samp,
kbd,
var {
	/*font-size		: 99%;*/
	font-family : Monaco, 'Andale Mono', "Courier New", Courier, monospace;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
kbd {
	border: 1px solid #999999;
	padding: 0.2em 0.4em;
	text-transform: uppercase;
	font-size: 83%;
}
abbr {
	border-bottom : 1px dashed #999;
	cursor : help;
}
abbr[title],
dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
cite {
	font-weight: bold;
}
dfn {
	font-weight: bold;
}
sup,
sub {
	font-size : 75%;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
/*  ------------------------------------------------------------------

	空要素

---------------------------------------------------------------------*/
/*  イメージをボックスを上に
-----------------------------------*/
img {
	background-color : transparent;
	vertical-align : top;
}
a img {
	border : none;
	display: block; /* 画像の隙間からアンカーの背景色が出るのを防ぐ。インラインで使う場合は注意 */
}
br {
	letter-spacing : normal;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

/* ==========================================================================================================

	5. Forms

============================================================================================================*/
input,
textarea,
select,
option,
optgroup {
	vertical-align : middle;
	background-color : #FFF;
	font : 99%/1.6 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
select {
	min-width : 2em;
}
option,
optgroup {
	padding-right : 0.4em;
	color: inherit; /* for Opera(Operaは継承してくれない)*/
}
fieldset {
	border : none;
}
legend {
	display : none;
}
/*  input & label & option mousePointer
-----------------------------------*/
label[for],
input[type="checkbox"],
input[type="radio"],
input[type="button"],
input[type="image"],
input[type="reset"],
input[type="submit"],
select,
option {
	cursor : pointer;
}
optgroup {
	cursor : default;
}

/* label clickの明示
label[for]:active {
	outline: 1px dotted #333333;
}*/