/* reset
-------------------------------------------------- */

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

body {
font-size:100%;
font-weight:normal;
font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
*:first-child + html body {
	font-family: "メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
table { 
border-collapse:collapse; 
border-spacing:0; 
}
 
img {  
border:0;
vertical-align:top;
}

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

ol,ul { 
list-style:none; 
}

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


a:link{
color:#00a8ff;
background-color:inherit;
text-decoration:underline;
}

a:visited{
color:#00a8ff;
background-color:inherit;
text-decoration:underline;
}

a:hover,a:active{
color:#00a8ff;
background-color:inherit;
text-decoration:none;
}

.right {
text-align:right;
margin-top:3em;
}

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

html{
margin:0;
padding:0;
color:#333;
letter-spacing:0.1em;
}



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

body{
margin:0;
padding:0;
text-align:center;
}



/* wrapper
-------------------------------------------------- */

#wrapper {
width:800px;
margin:0 auto;
text-align:left;
}

/* parts
-------------------------------------------------- */

h1 {
margin-bottom:2em;
}

h2 {
clear:both;
padding-top:0em;
margin-bottom:1em;
}

h3 {
clear:both;
margin-top:1.4em;
margin-bottom:0.4em;
}

p {
font-size:80%;
color:#555;
margin:0 0 1.6em 0;
line-height:1.6;
}

.sp-list {
list-style:none;
border-top:3px solid #333;
}

.sp-list li{
border-bottom:1px dotted #333;
padding:5px 0;
}


.sp-left {
width:400px;
margin-bottom:3em;
float:left;
}

.sp-right {
width:400px;
margin-bottom:3em;
float:right;
}

.sp-left2 {
width:395px;
margin-bottom:3em;
float:left;
}

.sp-right2 {
width:405px;
margin-bottom:3em;
float:right;
}

.sp-dl01 {
margin:0 0 1.6em 0;
border-left:3px solid #00a8ff;
padding-left:10px;
font-size:80%;
padding-top:0.4em;
padding-bottom:0.4em;
}

.sp-dl01 dt{
margin:0 0 0.6em 0;
}

.sp-ul01 li{
float:left;
margin-bottom:3em;
}

.sp-table01 th{
text-align:center;
}

.sp-table01 td p{
margin:0;
}

.sp-table01 td p.dot{
border-bottom:1px dotted #333;
padding-bottom:0.4em;
margin-bottom:0.4em;
}

.bg01 {
background:#dee6ee;
padding:0.2em 0;
margin:2em 0;
}

.bg01 h3{
margin-left:20px;
margin-right:20px;
}

.bg01 p{
margin-left:20px;
margin-right:20px;
}

.bg02 {
background:url(img/sp_79.gif) #eee6de no-repeat top right;
padding:0.2em 0;
margin:2em 0;
}

.bg02 h3{
margin-left:20px;
margin-right:20px;
}

.bg02 p{
margin-left:20px;
margin-right:20px;
}

.blue {
color:#00a8ff;
}

.mb1 {
margin-bottom:1em;
}

.clearfix:after {
content:url(../img/pixel.gif);
display:block;
clear:both;
height:0;
}

.clearfix {
display: inline-block;
} 

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix
{display: block;}
/* End hide from IE-mac */