@charset "utf-8";
/*
	[01] R E S E T
	[02] B A S E & F O N T - S T Y L E
*/

/*
	R E S E T
*/
html{
color: #333;
background: #FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,
fieldset,legend,input,textarea,p,blockquote,th,td{
margin:0; padding:0;
}

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

del,ins {
text-decoration: none;
}

ul, ol, li {
list-style:none;
}

fieldset,img {
border: 0; vertical-align: bottom;
}

table{
border-collapse:collapse; border-spacing:0;
}

caption,th {
text-align:left;
}

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

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

abbr,acronym {
border:0;
font-variant:normal;
}

sup {
vertical-align: text-top;
}
sub {
vertical-align:text-bottom;
}

input, select {
vertical-align: middle;
}

pre,code,kbd,samp,tt {
font-family:monospace; *font-size:108%; line-height:99%;
}

/* because legend doesn't inherit in IE */
legend {
color: #000;
}

input,button,textarea,select,optgroup,option{
font-family:inherit;
font-size:inherit;
font-style: inherit;
font-weight:inherit;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select {
*font-size: 100%;
}


/*
	B A S E & F O N T - S T Y L E
*/

body, th, td{
font-family: "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
font-size: 13px;
*font-size: small;
*font:x-small;
line-height: 1.5;
-webkit-text-size-adjust:100%;/* Mobile Safari : 文字サイズの自動調整をオフに */
}
h1 {
font-size:135%;  
}
h2 {
font-size:123%; 
}
h3 {
font-size:108%;
}
h1,h2,h3 {
margin:0 0 1.2em;
}
h4,h5,h6 {
margin:0 0 15px;
}
h1,h2,h3,h4,h5,h6,strong {
font-weight:bold; 
}
em {
font-style:italic;
}
dl dt{
margin-bottom: 15px;
font-weight: bold;
}
dl dd{
margin-bottom: 10px;
}
ul li,
ol li{
margin-bottom: 7px;	
}

table{
}
th {
font-weight: bold;
text-align: left;
padding: .7em;
}
td {
padding: .5em;
}

optgroup {
font-weight:normal;
}
abbr,acronym {
border-bottom: 1px dotted #000;
cursor: help;
}
del {
text-decoration: line-through;
}
blockquote {
margin: 1em;
}
p,fieldset,table,pre,
ul,ol,dl {
margin-bottom: 1.3em;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}

button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
padding:1px;
}
select,
input,
button,
textarea {
margin: 0.2em;
padding: 0.1em 0.2em;
font-size: 99%;
font-family: Verdana, Arial, sans-serif;
}
textarea:focus,
input:focus,
select:focus {
/*background-color: #eeeeee;*/
}
label{
cursor: pointer;
}

.clear{
clear: both;
}

/* paragraph align */
.align-r{
clear: both;
text-align: right;
}
.align-c{
clear: both;
text-align: center;
}

/* img float left */
img.img_l{
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
/* img float right */
img.img_r{
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

/* important color */
em{
color: #F53636;
}
.important{
color: #F53636;
}

/* note */
.note{
color: #666;
font-size: 11px;
margin-bottom: 5px;
}

/* clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
font-size: 0;
}
.clearfix {
display: inline-block;
min-height: 1%;
}
/* Hides from IE-mac ＼*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */