@charset "utf-8";
/*
 * Last Up Date: 2009-11-06 16:00
 */

/* reset
------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,label,input,textarea,p,blockquote,table,th,td {
	margin:0; 
	padding:0; 
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,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;
}

/* base
------------------------------ */
/* ------ body */
body {
	background: #117C80 url(../img/background.gif) no-repeat fixed bottom center;
	line-height: 1.5;
	text-align: center;
	font-family: "メイリオ", "Hiragino Kaku Gothic Pro" ,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Osaka, Verdana, Arial, sans-serif;
	font-size: 77%;
	color: #000;
}

/* ------ container */
#container {
	margin: 0 auto;
	background: #EEEFE2 url(../img/terms_back_bottom.gif) no-repeat bottom;
	width: 760px;
}
#container-inner {
	width: 760px;
	min-height: 413px;
}

/* ------ a */
a { 
	text-decoration: none;
}
a:link { 
	color: #009900;
}
a:visited {
	color: #009999;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
p a:hover,
ul a:hover,
ol a:hover {
	background: #DEE0C9;
	color: #0066CC;
	text-decoration: underline;
}
a:active {
	color: #FFF;
	text-decoration: underline;
}
a.blank {
	padding: 0 16px 0 1px;
	background: url(../img/icon_newWin.gif) no-repeat center right;
}
a:hover.blank {
	padding: 0 16px 0 1px;
	background: #DEE0C9 url(../img/icon_newWin.gif) no-repeat center right;
}

/* ------ float */
.left {
	float: left;
}
.right {
	float: right;
}

/* ------ clearfix */
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
/*\*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* */

/* ------ clear */
.clear {
	clear: both;
}

/* ------ text */
.note {
	margin-top: 0.5em;
	padding-left: 1em;
	color: #FF6600;
	text-indent: -1em;
}
.attention {
	margin: 1em 0 -0.5em 0;
	padding-left: 1.3em;
	background: #EEDBB8 url(../img/arrow_red.gif) no-repeat 0.1em 0.4em;
	color: #FF0000;
}
.black {
	color: #000;
}
.red {
	color: red;
}
.darkred {
	color: #CC6600;
}
.orange {
	color: #FFA062;
}
.txt-left {
	text-align: left;
}
.txt-right {
	text-align: right;
}
.txt-center {
	text-align: center;
}
.txt-bold {
	font-weight: bold;
}
.txt-lighter {
	font-weight: lighter;
}

/* ------ position */
.center {
	margin: 0 auto;
	text-align: center;
}

/* ------ margin, padding */
.marginB10 {
	margin-bottom: 10px;
}
.marginB20 {
	margin-bottom: 20px;
}
.marginB200 {
	margin-bottom: 200px;
}
.marginB300 {
	margin-bottom: 300px;
}
.marginT20B150 {
	margin: 20px 0 150px ;
}
.padding0 {
	padding: 0;
}
.paddingB5 {
	padding-bottom: 5px;
}
.paddingTB10 {
	padding: 10px 0;
}

/* ------ image button (common) */
.img-button a:hover {
	background-color:transparent;
}
.img-button a:hover img {
	visibility: hidden;
}