/* begin Page */

/* Generated with Artisteer version 2.5.0.31067, file checksum is DD8646FC. */
html{
  overflow-y: scroll;
}
body, p
{
  margin: 0.5em 0;
 /* font-family: Arial, Helvetica, Sans-Serif;*/
  font-family: "ヒラギノ角ゴシック ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","游ゴシック体","Yu Gothic",YuGothic,sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
}

body
{
  margin: 0 auto;
  padding: 0;
  color: #4E3303;
  background-color: #fff;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover,
.art-blockheader .t, .art-vmenublockheader .t, .art-logo-text, .art-logo-text a,
h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover
{
  text-decoration: none;
  font-family: Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  text-align: left;
}

a, 
.art-post li a
{
  text-decoration: underline;
  color: #356DD4;
}

a:link,
.art-post li a:link
{
  text-decoration: underline;
  color: #356DD4;
}

a:visited, a.visited,
.art-post li a:visited, .art-post li a.visited
{

  color: #64524F;
}

a:hover, a.hover,
.art-post li a:hover, .art-post li a.hover
{

  text-decoration: none;
  color: #F6AE31;
}

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  margin: 0.67em 0;

  color: #000000;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  margin: 0.8em 0;
  font-size: 22px;
  color: #FF6600;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
   margin: 1em 0;
  font-size: 18px;
  color: #836B67;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  margin: 1.25em 0;
  font-size: 16px;
  color: #4E3303;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  margin: 1.67em 0;
  font-size: 14px;
  color: #4E3303;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  margin: 2.33em 0;
  font-size: 14px;
  color: #4E3303;
}

h1 a, h1 a:link, h1 a:visited, h1 a:hover,
h2 a, h2 a:link, h2 a:visited, h2 a:hover,
h3 a, h3 a:link, h3 a:visited, h3 a:hover,
h4 a, h4 a:link, h4 a:visited, h4 a:hover,
h5 a, h5 a:link, h5 a:visited, h5 a:hover,
h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
    margin:0;
}

/*2015.01--------------------------------------------*/

#mainContents {
	background:#fff;
	margin:0 auto;
	width:688px;
}
#mainContents h1 {
	line-height:1;
	margin:0;
}
.main_info{
	padding:15px;
}
.panList {
	font-size:16px;
	margin:10px 0;
	letter-spacing: .06em;
}

.panList ul {
	list-style:none;
	margin:0;
	padding:0 0 0 16px;
}
.panList li {
	display:inline-block;
	margin:0;
	padding:0;
}
.panList li:before {
	content:">";
	display:inline-block;
	margin:0 0.5ex;
}
.panList li:first-child:before {
	display:none;
}

#mainContents h2 {
	margin:20px 0 10px 10px;
}
.subMsg{
	margin: 0 10px 15px;
}
.walkAllCnt{
    height: 0px;
    position: relative;
}
.walkAllCnt .inner{
    position: absolute;
    right: 20px;
    bottom: 5px;
}
.walkAllCnt .inner span{
}
#mainContents p {
	color:#262626;
	margin:0.5em 10px;
}
#mainContents .formArea {
	margin:20px;
}
#footer {
	background:#000;
	margin:40px 0 0;
	padding:20px 0;
}
#footer p {
	color:#fff;
	text-align:center;
}
/*form------------------*/
form {
	text-align:center;
}
form table {
	width:450px;
	margin:0 auto;
}
form table th {
	height:30px;
	width:8em;
	text-align:left;
}
form table th.noBold {
	font-weight:normal;
}
form table td {
	text-align:left;
}
/*input text--------------*/
input[type="text"] {
    border: 1px solid #b9baba;
    border-radius: 3px;
    height: 25px;
    padding: 0 10px;
    width: 280px;
}
input[type="password"] {
    border: 1px solid #b9baba;
    border-radius: 3px;
    height: 25px;
    padding: 0 10px;
    width: 280px;
}

/*btn-------------------*/
input.loginBtn {
	width:270px;
	height:59px;
	display:block;
	background:url(../images/btn_login.gif) no-repeat;
	border:0;
	cursor:pointer;
	text-indent:-9999px;
	margin:20px auto 30px;
}
input.newentryBtn {
	width:270px;
	height:59px;
	display:block;
	background:url(../images/btn_newentry.gif) no-repeat;
	border:0;
	cursor:pointer;
	text-indent:-9999px;
	margin:0 auto;
}
input.nextBtn {
	width:270px;
	height:59px;
	display:block;
	background:url(../images/btn_next.gif) no-repeat;
	border:0;
	cursor:pointer;
	text-indent:-9999px;
	margin:0 auto;
}
input.confBtn {
	width:270px;
	height:59px;
	display:block;
	background:url(../images/btn_conf.gif) no-repeat;
	border:0;
	cursor:pointer;
	text-indent:-9999px;
	margin:20px auto;
}
input.entryBtn {
	width:200px;
	height:59px;
	display:inline-block;
	background:url(../images/btn_entry.gif) no-repeat;
	border:0;
	cursor:pointer;
	text-indent:-9999px;
	margin:20px auto;
}
input.backBtn {
	width:200px;
	height:59px;
	display:inline-block;
	background:url(../images/btn_back.gif) no-repeat;
	border:0;
	cursor:pointer;
	text-indent:-9999px;
	margin:20px auto;
}
input.reportBtn {
	width:270px;
	height:59px;
	display:block;
	background:url(../images/btn_report.gif) no-repeat;
	border:0;
	cursor:pointer;
	text-indent:-9999px;
	margin:20px auto;
}
input.loginBtn:hover,
input.newentryBtn:hover,
input.nextBtn:hover,
input.confBtn:hover,
input.entryBtn:hover,
input.backBtn:hover,
input.reportBtn:hover {
	filter:alpha(opacity=60);
	opacity:0.6; 
	-moz-opacity:0.6;
}

/*STEP1ご利用規約の同意-----------*/
.textArea {
	margin:20px;
}
.textArea h3 {
	font-size:14px;
	margin:20px 0 10px;
}
.textArea li li {
	color:#262626;
	margin:5px 0;
}
.textArea li ol.no {
	list-style:none;
	padding:0 0 0 2em;
}
/*STEP２（ユーザー情報入力）--------*/

.step02 #mainContents .formArea form p.btn {
	margin:0.5em 0;
}
span.redTxt {
	color:#f00;
	text-decoration:underline;
}
.indent {
	text-indent:1em;
}
/*STEP3（ユーザー情報登録確認）---------*/
.step03 #mainContents .formArea {
	margin:0 auto;
	width:430px;
}
.step03 #mainContents .formArea table {
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin:0 0 20px;
	width:100%;
}
.step03 #mainContents .formArea table th {
	width:27%;
	padding:10px 5px;
	text-align: left;
	vertical-align: top;
	background-color: #fafafa;
	border-left: 3px double #999;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.step03 #mainContents .formArea table td {
	width:75%;
	padding:10px 5px 10px 10px;
	background-color: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/*歩数を報告する-----------------*/
.report #mainContents .formArea {
	margin:0 auto;
	width:550px;
}
.report #mainContents .formArea form table{
	width:550px;
}
.report #mainContents .formArea form p {
	text-align:left;
	margin:10px 0;
}
.report #mainContents .formArea form select {
	margin:0 5px;
}
.report #mainContents .formArea form input[type="text"] {
	margin:0 5px 0 0;
}
.report #mainContents .formArea form textarea {
	width:550px;
	height:80px;
}
.report #mainContents .formArea form p.center {
	text-align:center;
}
#mainContents p.redTxt {
	color:#f00;
}
/*メインメニュー-----------------*/
.nav {
	margin:20px auto;
	width:400px;
}
.nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
.nav li {
	margin:20px 0;
}
.nav li a {
	display:block;
	height:60px;
	width:400px;
	text-indent:-99999px;	
}
.nav li.nav01 a {
	background:url(../images/nav01.gif) no-repeat;
}
.nav li.nav02 a {
	background:url(../images/nav02.gif) no-repeat;
}
.nav li.nav03 a {
	background:url(../images/nav03.gif) no-repeat;
}
.nav li.nav04 a {
	background:url(../images/nav04.gif) no-repeat;
}
.nav li.nav05 a {
	background:url(../images/nav05.gif) no-repeat;
}
.nav li a:hover {
	filter:alpha(opacity=60);
	opacity:0.6; 
	-moz-opacity:0.6;
}


/* add css */

.stepList{
	width: 650px;
	margin: 0 auto;
border-collapse: collapse;
}
.stepList th{
	padding: 6px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
}
.stepList td{
	padding: 6px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}


/* m1 td */
.m1Day{
width:17%;
}
.m1Step{
width:13%;
}
.m1Com{
width:46%;
}
.m1Add{
width:24%;
}
/* m2 td */
.m2Day{
width:17%;
}
.m2Name{
width:17%;
}
.m2Team{
width:19%;
}
.m2Step{
width:13%;
}
.m2Com{
width:34%;
}