@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2012-4-10
 * Editor:    contents
 * Modified:  2012-4-10 by:contents
 *
 * ***********************************************************
 */


/* font-size===========================================

11px -> 83.4%
12px -> 91.7%
13px -> 100%
14px -> 108.4%
15px -> 116.7%
16px -> 125%
17px -> 133.4%
18px -> 141.7%
19px -> 150%
20px -> 158.4%
21px -> 166.7%
22px -> 175%
23px -> 183.4%
24px -> 191.7%
25px -> 200%
25px -> 208.4%
27px -> 217% 

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


/* -------- html  -------- */

html {
	color:#3C3C3C;
	text-align:center;
}

/* -------- body -------- */

body {
	font:13px/1.5 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	margin:0;
	padding:0px 0px 0px 0px;
	background:#ffffff;;
}

	
	/* for Windows */
	.win body {
	font-family:'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック';
	}
	
	/* for Win IE6 */
	* html.win body {
	font-family:'ＭＳ Ｐゴシック';
	}

	/* for Mac firefox2 */
	.mac body.firefox2 {
	font-size:13px;
	}

/* -------- common -------- */

a img, img { 
border:0;

}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

	/* for IE6 */
	* html input, * html textarea {
	font-family:'ＭＳ Ｐゴシック';
	}

	/* for IE7 */
	*+html input, *+html textarea {
	font-family:'メイリオ', 'ＭＳ Ｐゴシック';
	}
	
	/* for IE8 */
	.msie8 select {
	font-family:sans-serif;
	}
	
	/* for Chrome1+ */
	.chrome1 select,
	.chrome2 select {
	font-family:'Lucida Grande', Arial, Helvetica;
	}



/* --A-- */
a {
cursor:pointer;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

/* --FORM-- */
fieldset {
border:1px solid #ccc;
margin-bottom:1em;
padding:0 1em 1em 1em;
}

legend {
background:#fff;
padding:0.3em;
}

input, textarea {
line-height:1.4;
vertical-align:middle;
}

input[type="checkbox"],
input[type="radio"] {
padding:0;
vertical-align:baseline;
margin-right:3px;
}

input[type="submit"] {
padding:0.1em;
}

select {
padding:0;
}

/* for IE6 */
	
	* html input {
	padding:0.1em;
	}
	
	* html input.checkbox,
	* html input.radio {
	vertical-align:-0.3em;
	}
	
	* html input.submit {
	line-height:1.2;
	padding-top:0.2em;
	}
	
	* html select {
	vertical-align:-0.2em;
	}
	
	/* for IE7 */
	
	*+html input {
	padding:0.1em;
	}
	
	*+html input[type="checkbox"],
	*+html input[type="radio"] {
	vertical-align:0;
	}
	
	*+html input.submit {
	line-height:1.2;
	padding-top:0.2em;
	}
	
	*+html select {
	vertical-align:-0.2em;
	}
	
	/* for IE8 */
	.msie8 input[type="checkbox"],
	.msie8 input[type="radio"] {
	vertical-align:-0.2em;
	}
	
	/* for Firefox2+ */
	.firefox2 input[type="checkbox"],
	.firefox2 input[type="radio"],
	.firefox3 input[type="checkbox"],
	.firefox3 input[type="radio"] {
	vertical-align:-0.2em;
	}

	/* for Opera9 */
	.opera9 input[type="checkbox"],
	.opera9 input[type="radio"] {
	vertical-align:middle;
	}
	
	/* for Opera9.27 */
	html:first-child input {
	padding:0.1em;
	}
	
	html:first-child input[type="checkbox"],
	html:first-child input[type="radio"] {
	vertical-align:middle;
	}

	html:first-child input[type="submit"] {
	padding:0.3em;
	}
	
	html:first-child select {
	padding:0.2em;
	}
	
	/* for Opera9.5 [Safari3] */
	body:first-of-type input {
	padding:0.1em;
	}

	body:first-of-type input[type="checkbox"],
	body:first-of-type input[type="radio"] {
	vertical-align:0em;
	}
	
	body:first-of-type input[type="submit"] {
	padding:0.3em 0.3em 0.2em 0.3em;
	}
	
	/* for Chrome1+ */
	.chrome1 input[type="checkbox"],
	.chrome1 input[type="radio"],
	.chrome2 input[type="checkbox"],
	.chrome2 input[type="radio"]	{
	vertical-align:-0.2em;
	}

	/* for Safari3 */
	html:not(:only-child:only-child) input {
	padding:0;
	vertical-align:baseline;
	}
	
	html:not(:only-child:only-child) input[type="checkbox"],
	html:not(:only-child:only-child) input[type="radio"] {
	vertical-align:baseline;
	}
	
	html:not(:only-child:only-child) select {
	vertical-align:0.1em;
	}	


/* ---- Links ---- */

a:link {
	color:#009966;
	text-decoration: underline;
}

a:visited {
	color: #996600;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
	color:#FF6600;
}

a:active {
	text-decoration: underline;
	color:#FF6600;
}