@charset "Shift_JIS";


/*-----------------------------------------------
__default style
-----------------------------------------------*/


/*
* {
margin: 0px;
padding: 0px;
}
*/

body {
margin: 0px;
padding: 0px;
color: #333333;
font-size: 85%;
line-height: 150%;
}

img {
border: none;
}

ul {
margin: 0px;
padding: 0px;
}

li {
list-style-type: none;
}

form {
margin: 0px;
padding: 0px;
}


/*-----------------------------------------------
__common style（pタグはcontainer）
-----------------------------------------------*/

h1 {
margin: 0px;
padding: 0px;
}

h2 {
margin: 0px 0px 20px;
padding: 0px;
}

.section25 {
width: 542px;
margin-top: 25px;
}

.section {
width: 542px;
margin-top: 30px;
}

.bgLightGreen {
background-color: #eff5c5;
}

.bgLightYellow {
background-color: #fff8db;
}

.bgLightOrange {
background-color: #f7f1da;
}

/* フォントサイズ、色 */

.small {
font-size: 0.9em;
}

.red {
color: #cc0000;
}


.nowrap{
white-space:nowrap;
}

/* マージン調整 */

.marginR10{
margin-right:10px;
}

.marginR15{
margin-right:15px;
}

.marginR20{
margin-right:20px;
}

.marginR30{
margin-right:30px;
}


.marginL10{
margin-left:10px;
}

.marginB0{
margin-bottom: 0px !important;
}

.marginB5{
margin-bottom: 5px;
}

.marginB10{
margin-bottom: 10px;
}

.marginB15{
margin-bottom: 15px;
}


.marginT5{
margin-top: 5px !important;
}

.marginT10{
margin-top: 10px !important;
}

.marginT15{
margin-top: 15px !important;
}

.marginT20{
margin-top: 20px !important;
}

.marginB10{
margin-bottom: 10px;
}

.marginB15{
margin-bottom: 15px;
}



/* 画像 */

div.imgFrame img {
padding: 2px;
border: 1px solid #cccccc;
}

.icon {
padding-right: 10px;
vertical-align: text-bottom;
}


/* 罫線 */

.dotline {
padding: 5px 0px;
}

.dotline2 {
padding: 5px 5px;
}

.dotline3 {
padding: 3px 8px;
}

/* リストアイコン */


ul.yellowPoint {
list-style-image: none;
}

ul.yellowPoint li,
li.yellowPoint {
list-style-image: url(../img/common/icon_point.gif);
margin-left: 20px;
}


ul.textlink li,
li.textlink {
list-style-image: url(../img/common/link_allow.gif);
margin-left: 20px;
}

/* ▼2012年6月　追記 */
ul.textlink2 li {text-align:left;}
ul.textlink2 li img.m01 { padding-right:4px;}
ul.textlink2 li img.m02 { padding:0 5px 0 4px}
ul.yellowPoint2 {list-style-image: none;}
ul.yellowPoint2 li,
li.yellowPoint2 {margin-left: 6px;}
div#train ul.yellowPoint2 li.top{padding-bottom:10px; padding-left:9px; text-indent:-10px}
/* ▲2012年6月　追記 */

ul.yellowSquare {
list-style-image:none;
}

ul.yellowSquare li {
list-style-image: url(../img/common/icon_square.gif);
margin-left: 20px;
}

li.arrow_left{
	margin: 0px;
	float: left;
	background: url(../img/common/link_allow.gif) no-repeat 0 0.6em ;
	padding: 3px 20px 0px 10px;
}

li.arrow_icon{
	margin: 0px;
	background: url(../img/common/link_allow.gif) no-repeat 0 0.6em ;
	padding: 3px 20px 0px 10px;
}

li.link_circle{
	background: url(../img/common/link_circle.gif) no-repeat left 0.3em;
	padding-left: 17px;
	padding-bottom: 5px;
}


/* 2010年3月10日　追記 */
div.yellow_bg{
	margin: 0px 0px 10px 5px;
	background-color: #fee7c9;
	padding: 8px;
}



/* 2010年3月10日　追記 */

/*  */
.pagetop {
margin: 15px 0px;
float:right
}

.aleft {
text-align: left;
}

.aright {
text-align: right;
}

.acenter {
text-align: center;
}

.left {
float: left;
}

.right {
float: right;
}

.clear {
clear: both;
}

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


.left1em{margin-left:1em;}

.widthSpace {
padding-right: 0.6em;
}


/*-----------------------------------------------
__会員登録用（Table）
-----------------------------------------------*/

table.layout01 {
width: 542px;
border: none;
border-collapse: collapse;
}

table.layout02 {
width: 540px;
/* width: 541px; */
border: 0;
border-collapse: collapse;
margin-left:1px;
}

table.layout01 th,
table.layout01 td {
padding: 9px;
border-top: 1px solid #bbbbbb;
border-bottom: 1px solid #bbbbbb;
border-left: none;
border-right: none;
empty-cells: show;
}

table.layout02 th,
table.layout02 td {
padding: 9px;
border: 1px solid #bbbbbb;
empty-cells: show;
}

table.layout01 th {
width: 45%;
font-weight: normal;
text-align: right;
}

table.layout02 th {
width: 30%;
font-weight: normal;
text-align: right;
}


table.layout01 th.bgLightGreen table td,
table.layout01 th.bgLightOrange table td,
table.layout01 th.bgLightYellow table td
{
padding:2px;
border:0px;
}

div.glayArea{background-color:#eee; padding:11px;}


.txtArea {
width: 400px;
}

.btnLayout {
margin-top: 25px;
text-align: center;
}

.btnLayout img.leftBtn {
margin-right:35px;
}


/* ポイント用 */

.nowpoint {
margin: 10px 0 15px;
text-align: center;
}

.point {
color: #ff3300;
font-size: 1.5em;
}


/*-----------------------------------------------
__container
-----------------------------------------------*/

#container {
width: 760px;
}

#container p {
margin: 0 0 0.7em;
}



/*-----------------------------------------------
__header
-----------------------------------------------*/

#headerIndex {
width: 760px;
}

#header {
width: 760px;
height: 67px;
background: url(../img/common/header_bg.gif) no-repeat;
position: relative;
}

#header div.linktop {
position: absolute;
right: 8px;
bottom: 13px;
}


/*-----------------------------------------------
__contents
-----------------------------------------------*/

#contents {
margin-right: 20px;
width: 563px;
float: left;
}


/*-----------------------------------------------
__main
-----------------------------------------------*/

#main {
margin-left: 21px;
margin-bottom: 15px;
width: 542px;
position: relative;
overflow:hidden;
}


/*-----------------------------------------------
__navigation
-----------------------------------------------*/

#navigation {
margin-top: 4px;
width: 177px;
float: right;
font-size: 0.9em;
line-height: 130%;
}

/* ログイン */

.login {
margin-bottom: 10px;
padding: 7px;
width: 161px;
border: 1px solid #ffd241;
background: url(../img/common/menu_bg.gif) no-repeat;
}

.loginMargin8{
padding-bottom: 10px;
}

.loginMargin5{
padding-bottom: 5px;
}

/* ログイン後 */

.loginMember {
padding: 3px;
background: url(../img/common/login_bg.gif) repeat-y;
text-align: center;
}

/* リスト */
#navigation {
margin-bottom: 30px;
}

#navigation ul li {
margin-bottom: 8px;
}


#navigation ul.navilink {
list-style-image:none;
}

#navigation ul.navilink li {
background: url(../img/common/link_circle.gif) no-repeat 0px 0.2em;
padding:0pt 0pt 0pt 20px;
width:156px;
}


#navigation .borderTop {
border-top: 1px solid #cccccc;
padding-top: 10px;
}

#navigation .navi {
	background: url(../img/include/navi_bg.gif) repeat-y left top;
	width: 177px;
	margin: 20px 0px 0px;
}
#navigation .navi p.text {
	margin-left: 14px;
	margin-right: 10px;
}
#navigation .navi .center {
	text-align: center;
	margin-top: 10px;
	margin-left: 0px;
}
#navigation .navi p.text a img {
	margin-left: 3px;
	vertical-align: middle;
}

/* 2009/10/20追記 ここから*/
#navigation .navi div.backnumber {
	margin-left: 12px;
	margin-right: 7px;
}
#navigation .navi div.backnumber p {
	margin: 0px 0px 3px 0px;
}
#navigation .navi div.backnumber ul {
	margin-bottom: 5px;
	padding: 0px;
}
#navigation .navi div.backnumber ul li {
	margin: 0px 0px 3px 0px;
	padding: 0px;
}
/* 2009/10/20追記 ここまで*/

/* JR以外のウォーキングイベント枠 2010/10/28追記*/

#navigation #walking{
	margin: 20px 0 0 0;
	padding: 0;
	border: solid 1px #cccccc;
}

#navigation #walking ul{
	margin: 4px;
	padding: 0;
	list-style: none;
}

#navigation #walking li{
	margin: 0 0 5px 0;
	padding: 0;
}

#navigation #walking li.icon_arrow{
	margin: 0 0 5px 0;
	padding: 0 0 0 16px;
	background: url(../img/include/icon_arrow.gif) 0 2px no-repeat;
}

#navigation #walking li span{
	color: #cc0000;
}

#navigation #walking p.caution{
	margin: 5px;
	padding: 5px 0 0 1em;
	text-indent: -1em;
	background: url(../img/include/dot_line.gif) 0 top no-repeat;
}


/*-----------------------------------------------
__eventSearch
-----------------------------------------------*/

#eventSearch {
width: 542px;
background-color: #eff5c5;
}

#eventSearch .wrap {
padding: 15px 15px 10px 15px;
}

#eventSearch .searchArea {
margin-bottom: 10px;
padding: 5px;
background-color: #d8e9b3;
}

#eventSearch .searchAreaNoColor {
padding: 0 5px 5px;
}

#eventSearch .searchArea  div.optionArea {
margin-right:10px;
float:left;
}

#eventSearch .searchArea  div.button {
/*width:116px;*/
display:inline;
position:relative;
top:-1px;
/*float:right;*/
}


/* __searchInfo */

#eventSearch .searchInfo {
margin-bottom: 5px;
width: 511px;
background-color: #ffffff;
float: left;
}

#eventSearch .searchInfoImg{
width: 138px;
float: left;
}

#eventSearch .searchInfoImg .img{
margin: 2px;
border: 1px solid #cccccc;
}

#eventSearch .searchInfoTxt {
margin-left: 10px;
padding: 15px 0px;
width: 320px;
float: left;
}

#eventSearch div.button {
text-align: center;
}

/*-----------------------------------------------
__login_error
-----------------------------------------------*/
div#login_error{border:1px solid #c03;text-align:center; margin-top:25px;}
div#login_error div{text-align:left; margin:12px; color:#c00;}


/*-----------------------------------------------
__会員規約スクロール
-----------------------------------------------*/
div.kiyaku_scroll{border:1px solid #ddd; height:331px; overflow:scroll; overflow-x:hidden; overflow-y:scroll; padding:11px;}



.red{ color: #FF0000; }

.hang30 { text-indent: -3.5em !important; margin-left: 3.5em !important; }




/*-----------------------------------------------
各コースエリアボタン
-----------------------------------------------*/

#osusume_tourarea{
	width:542px;
	margin-bottom:10px;
}
#osusume_tourarea p{
	margin:0;
}
#osusume_tourarea .tourbtn_area{
	background:#caf2fc;
	width:542px;
	margin:0;
	height:73px;
}

#osusume_tourarea .tourbtn_area .tour_areabtn{
	width:333px;
	margin:0 auto;
	text-align:center;
}
/*-----------------------------------------------
関連リンク
-----------------------------------------------*/
#Osusume .link_txt{
	width:542px;
	padding:0;
	margin:0;
}

#Osusume #link_ext{
	background-color:#ffffff;
	margin-bottom:10px;
	padding-bottom:10px;
	width:542px;
}
#Osusume #link_ext .text_area{
	width:542px;
	padding-top:10px;
}
#Osusume #link_ext .text_area .left_txtarea{
	float:left;
	width:250px;
	padding:0;
	margin:0 0 0 12px;
	_margin:0 0 0 5px;
}
/**/
#Osusume #link_ext .text_area .long_txtarea{
	width:520px;
	padding:0;
	margin:0 0 0 12px;
	_margin:0 0 0 10px;
}
#Osusume #link_ext .text_area .long_txtarea li{
	background: url(../img/common/link_allow.gif) no-repeat left center;
	padding:0px;
}

#Osusume #link_ext .text_area .long_txtarea li a{
	padding:0 0 0 10px;
}
/**/


#Osusume #link_ext .text_area .left_txtarea li{
	background: url(../img/common/link_allow.gif) no-repeat left center;
	padding:0px;
}
#Osusume #link_ext .text_area .left_txtarea .txt_fa{
	background: url(../img/common/link_allow.gif) no-repeat left 5px;
	padding:0px;
}

#Osusume #link_ext .text_area .left_txtarea .ar_none{
	background:none;
	padding:0px;
}
#Osusume #link_ext .text_area .left_txtarea .ar_none a{
	padding:0 0 0 3px;
}
#Osusume #link_ext .text_area .left_txtarea li a{
	padding:0 0 0 10px;
}
#Osusume #link_ext .text_area .right_txtarea{
	float:left;
	width:250px;
}
#Osusume #link_ext .right_txtarea li img{
	padding-right:3px;
}

#Osusume #link_ext .text_area .right_txtarea li.icon{
	background: url(../img/common/link_allow.gif) no-repeat left center;
	padding:0px;
}
#Osusume #link_ext .text_area .right_txtarea li.icon a{
		padding:0 0 0 10px;}
/*-----------------------------------------------
各コースページメールマガジン
-----------------------------------------------*/

#container .mailmagazine {
    border: 1px solid #00ADBD;
    margin: 4px 0 30px;
    padding: 0;
}
#container .mailmagazine p{
	margin:0 0 7px;
	line-height:140%;
}

.mailmagazineTxt {
    padding: 0 10px;
}
.mailmagazine ul{
	padding: 0 10px 10px 12px;
}
.mailmagazine .mailmagazineBtn li{
	background: url(../img/common/link_allow.gif) no-repeat left center;
	padding:0px;
}

.mailmagazine .mailmagazineBtn li a{
 	padding:0 0 0 10px;
}


/* 2014年3月 追記 */

/*-----------------------------------------------
　右ナビ 初めての方へ
-----------------------------------------------*/

.beginnersBox {
	width:165px;
	padding:10px 5px 5px 3px;
	border-left:2px solid #ffcc00;
	border-right:2px solid #ffcc00;
	border-bottom:2px solid #ffcc00;
	margin-bottom:10px;
}