@charset "utf-8";

/*DOG-EAR　2008.10.21*/

@import "common.css";
@import "layout.css";

/*reset*/
html {
}

body {
background:url(img/bg.gif) repeat-x #808080;
font:12px/1.87 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
letter-spacing:0.03em;
margin:0;
padding:0;
overflow:visible;
color:#ddd;
}
	/*ie7*/
	*+html body { 
	font-size:75%;
	}
	/*ie6*/
	* html body {
	font-size:75%;
	}

a img, img { 
border:0;
}

h1, h2, h3, h4, h5, h6,
div, p, ul, li, ol, dl, dt, dd,
pre, span, th, td, blockquote{
margin:0;
padding:0;
}

abbr, acronym {
border:0;
}

address, caption, cite, code, dfn, em, th, strong, var {
font-style:normal;
font-weight:normal;
}

caption, th {
text-align:left;
}

code, kbd, pre, samp, tt {
font-family:monospace;
line-height:100%;
}

	*+html code, kbd, pre, samp, tt {
	font-size:108%; 
	}

/*format*/
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

p {
text-align:justify;
text-justify:inter-ideograph;
}

ol, ul {
list-style:none;
}

a {
color:#FB975F;
cursor:pointer;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

q:before, q:after {
content:'';
}

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

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;
border:none;
}

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

input[type="checkbox"],
input[type="radio"] {
vertical-align:text-bottom;
}

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

select {
padding:0;
}

	* 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;
	}
	
	*+html input {
	padding:0.1em;
	}
	
	*+html input.submit {
	line-height:1.2;
	padding-top:0.2em;
	}
	
	*+html select {
	vertical-align:-0.2em;
	}

	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;
	}

	body:first-of-type input {
	padding:0.1em;
	}

	body:first-of-type input[type="checkbox"],
	body:first-of-type input[type="radio"] {
	vertical-align:-0.3em;
	}
	
	body:first-of-type input[type="submit"] {
	padding:0.3em 0.3em 0.2em 0.3em;
	}

	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;
	}

form{clear:both;}

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

input,
textarea,
select{
color:#333;
letter-spacing:0;
padding:5px;
border:1px solid #b2b2b2;
background-color:#f2f2f2;
height:14px;
line-height:23px;
vertical-align:middle;
overflow:auto;
}

	*+html body input,
	*+html body textarea,
	*+html body select {
	height:24px;
	}
	
	* html body input,
	* html body textarea,
	* html body select {
	height:24px;
	}

	html[xmlns*=""] body:last-child input,
	html[xmlns*=""] body:last-child textarea,
	html[xmlns*=""] body:last-child select {
	height:24px;
	}

select{
height:27px;
}
option{
padding: 0.1em 5px;
}

textarea{
padding:5px;
height:120px;
}

input:hover,
textarea:hover,
select:hover,
option:hover{
border: 1px solid #000;
background-color: #fff;
}

input:focus,
textarea:focus,
select:focus,
option:focus{
border: 1px solid #000;
background-color: #fff;
}

input.cr{
padding:0px;
margin:0px;
border:0px;
background:none;
}

button{
float:left;
border:none;
cursor:pointer;
display:block;
width:98px;
height:27px;
line-height:27px;
background:none;
border: 1px solid #f2f2f2;
color:#f2f2f2;
}

button:hover{
background:#f2f2f2;
color:#333;
}

.clear:after {
content:"";
display:block;
clear:both;
}
* html .clear,
*+html .clear {
display:inline-block;
}