﻿/* CSS Document */
/* layout */
/*=================================
	Initialization of style
===================================*/
body {
	margin: 0 auto;
	padding: 0;
	color:#666;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "メイリオ", Meiryo, Osaka;
	font-size:16px;
	line-height:150%;
	width:100%;
	max-width:100%;
	background: url(../images/header_bg.jpg) center top no-repeat #fff;
}

div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form {
	margin: 0;
	padding: 0;
}

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

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

/* inline-style */

a,
a:link,
a:visited {text-decoration:none; color:#666;}
a:hover,
a:active {text-decoration:underline; color:#888;}

small a {font-size:12px;color: #fff !important;}

/* table */
table {
	width:100%;
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
}
tr,th,td {}

/* blockgroup */

.bold{
	font-weight: bold;
}

.small{
	font-size: 80%;
}

.big{
	font-size: 120%;
}
.clear {
	clear:both;
	visibility:hidden;
}

.right{
	text-align: right;
}

.center{
	text-align: center;
}

.errorMessage,
.attention{
	color: #ff211b;
}

.blue{
	color: #2466c2;
}

.ore{
	color: #ff6600;
}

.red{
	color:#FF0000;
}
.mt0{
	margin-top: 0px !important;
}
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mb0{
	margin-bottom: 0px !important;
}
.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px !important;
}
.mb15{
	margin-bottom: 15px;
}
.mb20{
	margin-bottom: 20px;
}
.mb30{
	margin-bottom: 30px;
}
.mb40{
	margin-bottom: 40px !important;
}
.mr10{
	margin-right: 10px;
}
.mr20{
	margin-right: 20px;
}
.ml10{
	margin-left: 10px;
}
.ml20{
	margin-left: 20px;
}
.pt0{
	padding-top: 0px !important;
}
.pt10{
	padding-top: 10px;
}
.pt20{
	padding-top: 20px;
}
.pb0{
	padding-bottom: 0px !important;
}
.pb10{
	padding-bottom: 10px;
}
.pb20{
	padding-bottom: 20px;
}
.pb30{
	padding-bottom: 30px;
}
.pr10{
	padding-right: 10px;
}
.pr20{
	padding-right: 20px;
}
.pl10{
	padding-left: 10px;
}
.pl20{
	padding-left: 20px !important;
}

