@charset "utf-8";

/* -------------------------------------------------------------------
	●汎用スタイル
------------------------------------------------------------------- */	
.leftBox {float:left;}
.rightBox {float:right;}

.center {text-align:center;}

.sp00 {margin-top:0em;}
.sp05 {margin-top:0.5em;}
.sp10 {margin-top:1em;}

.red {color:#FF0000;}

.clear{
	clear:both;
	font-size:0px;
	height:0;
	line-height:0px;
	}
	
.auralnavi {
		position: absolute;
		left: -999px;
		top: -999px;
		}

a:focus { -moz-outline-style: none; }  		

html {overflow-y: scroll;}

hr.dotted{
  width:100%; height:1px; clear:both;
  margin:0; border:none;
  border-top:1px dotted #d0dcb5;}
	
.gbmedium{margin:0; padding:10px 0 10px 0px; font-weight:bold; color:#638c0b; font-size:medium;}
.gbsmall{margin:0; padding:10px 0 10px 0px; font-weight:bold; color:#638c0b; font-size:small;}


/* -------------------------------------------------------------------
	body・wrap
------------------------------------------------------------------- */
body 	{
	text-align:center;margin:0px;padding:0px;
	background:url(../../img/bg.gif);}
#wrap	{width:988px; text-align:left; margin:0 auto;}

/* -------------------------------------------------------------------
	header
------------------------------------------------------------------- */

#header	{width:100%;}
#header {
	background:url(../../img/header_bg.gif) no-repeat center top;}

#header p#logo {margin:0; float:left; width:362px;}

/*--headerMenu--*/
#headerMenu {float:left; padding:0 0 0 25px;}

#headerMenu p.logo {margin:0; padding:7px 1px 0 0; text-align:right;}

#headerMenu ul.menu01 {
	margin:0; padding:11px 34px 0 0; float:left;
	list-style:none; line-height:1em;}


#headerMenu ul.menu01 li {margin:0; padding:0; float:left;}
#headerMenu li img {vertical-align:bottom;}
#headerMenu ul.menu01 li.first {padding-right:47px;}
#headerMenu ul.menu01 li.env {padding-right:39px;}

#headerMenu ul.menu02 {
	margin:0; padding:6px 0 0 0; width:250px; 
	list-style:none; line-height:1em; float:left;}
#headerMenu ul.menu02 li {float:left;}
/*--titleBox--*/
#header .titleBox {
	float:left; margin:5px 0 0;
	background:url(../../img/titlebox_bg.gif) repeat-x;}
#header .titleBox p {margin:0; padding:10px 0 40px;}

#header .titleBox ul {margin:0 0 5px; padding:0; list-style:none;}
#header .titleBox ul li {display:inline;}
#header .titleBox ul li img {vertical-align:bottom;}

/* -------------------------------------------------------------------
	contents
------------------------------------------------------------------- */

#contentsWrap {
	margin:0 auto; padding:0 0 10px; width:980px; height:100%; clear:both;
	background:url(../../img/main_bottom.gif) no-repeat center bottom;}
*html #contentsWrap {
	margin:0 0 0 4px; 
	background:url(../../img/main_bottom.gif) no-repeat 0 bottom;}
#contents	{
	padding:0 30px 20px 10px; height:100%;
	background:url(../../img/contents_bg02.gif) repeat-y;}
	
/* -------------------------------------------------------------------
	main
------------------------------------------------------------------- */	
#column {width:720px; margin:0 auto;}	
*html #column {margin-left:120px;}


/* -------------------------------------------------------------------
	main
------------------------------------------------------------------- */	
/*--box--*/
#main .boxWrap,
#column .boxWrap {
	margin:1em 0 0;
	background:url(../../img/box_bg.gif) no-repeat #fff;}
#main .box,
#column .box {
	padding:0 20px 10px;
	background:url(../../img/box_bottom.gif) no-repeat center bottom;}

#main h1,
#column h1 {
	margin:0; padding:10px 0 0 22px; width:726px; height:25px;
	font-weight:normal; font-size:95%;
	background:url(../../img/h1.gif) no-repeat;}

#main p.sp10,
#column p.sp10 {margin:0; padding:1em 0 0;}

#main .box p#button,
#column .box p#button {margin:0 0 10px;}

/* -------------------------------------------------------------------
	sendBox
------------------------------------------------------------------- */	
.sendBox {width:362px; margin:0 auto; padding:20px 0;}
.sendBox p.address {
	width:362px; background:#638c0b; text-align:center;
	padding:8px 0; color:#fff;}	

.sendBox p.complete {margin:0; padding:0 0 30px; text-align:center;}
	
	
/* -------------------------------------------------------------------
	info (会員情報のフォーム)
------------------------------------------------------------------- */	
.hissu {font-size:75%; color:#FF0000;}

input,textarea {
	margin: 0 4px 0 0; padding: 2px 0;
	border: 1px solid #bdbcbd;}
input.radio {border:none;}

.formSS {width:70px;}
.formS {width:150px;}
.formM {width:200px;}

ul.formButton {margin:0.5em 0 0; padding:0; list-style:none;}
ul.formButton li {display:inline; margin:0; padding:0 10px 0 0;}

ul.formButton li input,input.button {border:none;}	
	
/* -------------------------------------------------------------------
	フォーム・表示部分のテーブル
------------------------------------------------------------------- */	
.table-a {width:100%; font-size:80%; border-collapse:collapse; margin:0; padding:1em 0 0;}
.table-a th {
	padding:10px 0; padding-left:10px;
	font-weight:normal; width:280px; color:#22ac38;
	border-bottom:1px dotted #d0dcb5; vertical-align:top; text-align:left;
	background:url(../../img/top_point.gif) no-repeat 0 13px;}
.table-a td {
	padding:10px 0 10px 10px; vertical-align:top;
	text-align:left;border-bottom:1px dotted #d0dcb5;}
.table-a tr.greenLine th,
.table-a tr.greenLine td {
	border-bottom:1px dotted #638c0b;}
	
.table-a tr.none th,
.table-a tr.none td {border:none;}
.table-a th.none {
	background:none;}
	
.table-a td div.ruleBox {
	margin:0; padding:0; width:680px; height:178px;
	border:1px solid #e3e3eb; overflow-y:scroll;
	border-top:1px solid #adadaf;}
.table-a td div.ruleBox p {font-size:95%; padding:0 10px;}

.table-a tr.rule td {border:0; padding:0 0 0 0; vertical-align:top;}
	

/* -------------------------------------------------------------------
	info (会員情報のテーブル)
------------------------------------------------------------------- */	
#main .box ul.pageList {
	margin:0; padding:1em 0; list-style:none;
	text-align:center;}
#main .box ul.pageList li {display:inline; padding:0;}
#main .box ul.pageList li img {vertical-align:bottom;}
#main .box ul.pageList li a {
	padding:1px 3px;
	border:1px solid #638c0b; color:#638c0b;}
#main .box ul.pageList li.pre a,
#main .box ul.pageList li.next a {border:none;}
#main .box ul.pageList li a.current {background:#638c0b; color:#fff;}

#main .box table.pointList {
	font-size:75%; border-collapse:collapse;}
#main .box table.pointList th,
#main .box table.pointList td {
	padding:8px 5px; border: 1px solid #dfdfdf;}
#main .box table.pointList th {background:#638c0b; color:#fff; text-align:center; font-weight:normal;}
#main .box table.pointList td {padding:10px 5px; text-align:right; background:#f2fcdc;}

#main .box table.pointList tr.box02 td {
	background:#fff;}

#main .box p.complete {text-align:center; margin:0; padding:50px 0 100px; color:#638c0b; font-weight:bold;}
#main .box p.compmulti {margin-left:24%; padding:50px 0 0 0;}

/* -------------------------------------------------------------------
	footer
------------------------------------------------------------------- */
#footerWrap {
	width:980px; margin:17px auto 10px; height:100%; clear:both; 
	background:url(../../img/footer_bg.gif) no-repeat;}
#footer	{
	width:950px; padding:3px 15px 8px; 
	background:url(../../img/footer_bottom.gif) no-repeat left bottom;}
#footer h3 {
	margin:0.5em 0 0; padding:0 0 0 10px;
	font-size:70%; font-weight:normal;
	background:url(../../img/footer_point.gif) no-repeat 0 2px;}	
#footer ul.footerMenu {margin:0; padding:0; list-style:none; font-size:85%;}
#footer ul.footerMenu li {
	display:inline; padding-left:10px; padding-right:10px;
	background:url(../../img/list_point.gif) no-repeat 0 2px;}
	
hr.dotted{
  width:100%; height:1px; clear:both;
  margin:5px 0; border:none;
  border-top:1px dotted #d0dcb5;}
*html hr.dotted {margin:0;}
*:first-child+html hr.dotted {margin:0;}

#footer .leftBox ul {margin:0; padding:0; list-style:none; width:600px;}
#footer .leftBox li {display:inline; font-size:70%;}
#footer .leftBox li a {color:#000; padding:0 3px;}
	
#footer .rightBox p {margin:0; font-size:70%;}

/* -------------------------------------------------------------------
	●BASIC SETTING
------------------------------------------------------------------- */

p,ul,ol,dl,h1,h2,h3,h4,h5,h6 {margin-top:1em; margin-bottom:0px;}
blockquote,form {margin-top:0px;margin-bottom:0px;}

a:link    { color: #2ba738; }
a:visited { color: #2ba738; }
a:active  { color: #2ba738; }
a:hover   { color: #FF9900; }

strong { font-style: normal; font-weight:bold; }
em     { font-style: normal; color: #990000;}

img {border:none;}


/* -------------------------------------------------------------------
	●BLOCK STYLE 
------------------------------------------------------------------- */

p, li, dd {	
	font-size: 80% ; line-height: 150%; color:#000;
	text-align:justify; text-justify:distribute;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "sans-serif";
}

	
/* -------------------------------------------------------------------
	印刷用
------------------------------------------------------------------- */

@media print {

	body {zoom: ;}
	
			
	}