@charset "utf-8";

/*===================================================
*
*	base style sheet
*
*	Font-size  [ base::13px ]
*
*	 72% = 10px |
*	 79% = 11px |  150% = 21px
*	 86% = 12px |  158% = 22px
*	 93% = 13px |  165% = 23px
*	100% = 14px |  172% = 24px
*	108% = 15px |  179% = 25px
*	115% = 16px |  186% = 26px
*	122% = 17px |  193% = 27px
*	129% = 18px |  200% = 28px
*	136% = 19px |  208% = 29px
*	143% = 20px |  215% = 30px
*
*
*	1. base style
*		1-1. universal selector
*		1-2. body
*	2. element style
*		2-1. anchor
*		2-2. text
*		2-3. list
*		2-4. form
*		2-5. object
*		2-6. table
*
====================================================*/

/* ---------------------------------------
 1. base style
----------------------------------------*/
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}

blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/*
 1-1. universal selector
---------------------------------*/

* {
	zoom: 1;
}


/*
 1-2. body
---------------------------------*/

html {
	overflow-y: scroll;
}

* body {
	font-size: 13px;
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.6;
	text-align:center;
	color: #000000;
	background: #FFFFFF;
	-webkit-text-size-adjust: 100%;
}


/* ---------------------------------------
 2. element style
----------------------------------------*/

/*
 2-1. anchor
---------------------------------*/

a {
	zoom: normal;
	color: #000000;
	outline: none;
	text-decoration: underline;
}

a:hover {
	color: #000000;
	text-decoration: none;
}


/*
 2-2. text
---------------------------------*/

.red {
	color:#EE0000;
}

.blue {
	color:#578ee8;
}

.gray {
	color:#666;
}

.bold {
	font-weight: bold;
}

.f14 {
	font-size: 14px;
}

.f15 {
	font-size: 15px;
}

.f16 {
	font-size: 16px;
}

.f17 {
	font-size: 17px;
}

.f18 {
	font-size: 18px;
}

.f19 {
	font-size: 19px;
}

.f20 {
	font-size: 20px;
}


/*
 2-3. list
---------------------------------*/

ul,ol {
	list-style: none;
}

ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
}


/*
 2-4. form
---------------------------------*/

form {
	margin: 0;
	padding: 0;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

legend {
	color:#000;
}

input,
textarea {
	font-family: Arial, Helvetica, sans-serif;
}

input {
	line-height: 1.2;
}

textarea {
	padding: 0.2em;
}

optgroup {
	font-style: normal;
	background: #CCC;
}

option {
	background: #FFF;
}

.placeholder {
    color: #777;
}


/*
 2-5. object
---------------------------------*/

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

object {
	vertical-align: bottom;
}


/*
 2-6. table
---------------------------------*/

table {
	border-collapse: collapse;
	font-size: inherit;
	font: 100%;
}

table td,
table th {
	border: 1px solid #CCC;
	padding: 5px;
}

table th {
	background: #EEE;
	font-weight: bold;
	text-align: center;
}


/*
 2-7. hr
---------------------------------*/

hr{
	clear:both;
	height: 0;
	padding: 0;
	margin: 0;
	border: 0;
	border-top: 1px solid #CCC;
}