@charset "utf-8";
@import "reset.css";

body{ font-family:'メイリオ', 'Meiryo',  sans-serif; }
input{ font-family:'メイリオ', 'Meiryo',  sans-serif; }
h1,h2,h3,h4{ font-weight: normal; /*display: inline;*/ }
.img{ font-size: 0px !important; line-height: 0px !important; }
.center{ text-align: center; }
.right{ float: right; }
.left{ float: left; }

.checkHp{
	font-size:18px;
	font-weight:bold;
	line-height:50px;
	text-align:center;
	color:#FFF;
	background:#66B838;
	border:#4A8729 solid 3px;
	margin:0 0 30px 0;
}

/* -------------------------
           header
-------------------------- */
#header .headerIn01{ background: #F3F3F1; }
#header .headerIn01 .cf{ width: 980px; margin: 0px auto; }
#header .headerIn01{
  	font-size: 11px;
    color: #444444;
    line-height: 28px;
}
#header .headerIn01 a{
  	display: inline-block;
    background: #E6E6E1;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    font-size: 10px;
    color: #333333;
    margin-left: 1px;
}
#header .headerIn01 a:hover{ background: #EAEAE5; color: #666666; }
#header .headerIn01 a.headerLink01{ width: 100px; }
#header .headerIn01 a.headerLink02{ width: 130px; }

#header .headerIn02{ width: 980px; margin: 0px auto; }


/* -------------------------
            nav
-------------------------- */
#nav{
  	width: 980px;
    margin: 0px auto;
    display: block;
}
#nav li{ float: left; }
#nav li a{
  	display: block;
    width: 225px;
    height: 45px;
    background-position: left top;
    background-repeat: no-repeat;
}
#nav li a.nav01{ background-image: url(../img/common/btnNav01.jpg); width: 80px; }
#nav li a.nav02{ background-image: url(../img/common/btnNav02.jpg); }
#nav li a.nav03{ background-image: url(../img/common/btnNav03.jpg); }
#nav li a.nav04{ background-image: url(../img/common/btnNav04.jpg); }
#nav li a.nav05{ background-image: url(../img/common/btnNav05.jpg); }
#nav li a.out,
#nav li a:hover{ background-position: right top; }


/* -------------------------
           pnkz
-------------------------- */
#pnkz{ border-top: 1px solid #EAEAE6; }
#pnkz ul{
  	display: block;
    width: 980px;
    margin: 0px auto;
    padding: 14px 0px;
    font-size: 11px;
    color: #666;
}
#pnkz li{ padding-left: 5px; float: left; }
#pnkz li a{
  	color: #390;
    text-decoration: none;
    display: inline-block;
    margin-right: 5px;
}
#pnkz li a:hover{ color: #6C3; }


/* -------------------------
          contents
-------------------------- */
#contents{
  	width: 980px;
    margin: 0px auto;
    position: relative;
    padding-bottom: 40px;
}

#contents .contactBtm{
  	border: 1px solid #CCC;
    background: #E4E4E4;
    border-top: none;
    padding: 0px 4px 4px;
    margin-bottom: 40px;
}
#contents .contactBtmIn{
  	background: #FFF;
    padding: 22px 0px 17px 15px;   
}

#contents .areaSearch ul{
  	display: block;
    width: 780px;
    background: #F9F9F9;
    height: 20px;
    float: left;
    padding: 30px 0px;
}
#contents .areaSearch ul li{ float: left; padding-left: 15px; }
#contents .areaSearch ul li a{
  	display: inline-block;
    line-height: 20px;
    background: url(../img/icon/iconArrow01.png) no-repeat left center;
    padding-left: 18px;
    color: #390;
    text-decoration: none;
    font-size: 12px;
}
#contents .areaSearch ul li a:hover{ color: #6C3; }


/* -------------------------
            pageTop
-------------------------- */
#pageTop{
	position: fixed;
	bottom:240px;
	right:50px;
	width:80px;
	height:60px;
}


/* -------------------------
            main
-------------------------- */
#main{ width: 730px; margin: 0px auto; }


/* -------------------------
            side
-------------------------- */
#side{ width: 220px; margin: 0px auto; }

/* newBox */
#side .newBox{
	width:218px;
	border:1px solid #CCC;
	margin:0 0 25px 0;
	font-size:12px;
}
#side .newBox .newTxtBox{
	width:198px;
	padding:10px;
	color:#333;
	background:#F7F6F6;
}
#side .newBox .newTxtBox.even{
	background:#FFF;
}

#side .newBox .dayTxt{
	vertical-align:middle;
}
#side .newBox .newTxt{
	padding:8px 0 0;
	font-size:13px;
	color:#339900;
	line-height:20px;
}
#side .newBox .newTxt a{
	text-decoration:none;
	color:#339900;
}
#side .newBox .newTxt a:hover{
	color:#66CC33;
}
/* post */
#side .listPostBox{ margin-bottom:25px ;}
#side .listPost{ margin-bottom: 5px; }
#side .listPost .titPost{
  	background: url(../img/common/bgTitPost.jpg) no-repeat;
    width: 78px;
    height: 36px;
    line-height: 36px;
    font-size: 13px;
    padding-left: 12px;
}
#side .listPost .txtPost{
  	border: 1px solid #CCC;
    border-left: 0px;
    text-align: right;
    padding-right: 10px;
    height: 34px;
    line-height: 34px;
    background: #FFFFE6;
    width: 119px;
    font-size: 12px;
}
#side .listPost .txtPost .postNum{ font-size: 24px; }
#side .listPost .txtPost .red{ color: #F00; }
#side .listPost .green{ color: #83C131; }

/*#side .request{ padding: 15px 0px 15px; }*/
#side .request.pb60{ padding-bottom: 60px; }
#side .request.pb15{ padding-bottom: 15px; }
#side .bnrSide{ padding-bottom: 15px; }

#side .bnrTwin{
	font-size:0;
	margin-bottom:25px;
}
#side .staffIntro{ padding-bottom:25px; }
/* keywords */
#side .keywords{
  	position: relative;
    border: 1px solid #CCC;
    border-top: none;
    margin-bottom: 15px;
}
#side .keywords h3{ position: absolute; top: -45px; left: -6px; }
#side .keywords .txtKeywords{
  	font-size: 11px;
    color: #27527E;
    background: #F0F0F0;
    line-height: 120%;
    padding-bottom: 5px;
}
#side .keywords .keywordSearch{ padding: 9px; }
#side .keywords .keywordSearch input{
  	background: url(../img/common/bgKeywords.jpg) no-repeat;
    width: 155px;
    height: 28px;
    line-height: 28px;
    border: none;
    padding-left: 5px;
    font-size: 12px;
}

/* selectArea */
#side .selectArea{
  	position: relative;
    border: 1px solid #CCC;
    border-top: none;
	margin:60px 0 15px 0;
}
#side .selectArea.station{
	margin:60px 0 60px 0;
}

#side .selectArea h3{ position: absolute; top: -45px; left: -6px; }
#side .selectArea .txtSelectArea{
  	border-bottom: 1px solid #FFF0D1;
    background: #FFFFF0;
    font-size: 14px;
    color: #27527E;
    padding: 3px 0px 5px 13px;
}
#side .selectArea .selectAreaIn{
  	padding: 10px;
    font-size: 13px;
    color: #39F;
    line-height: 20px;
}
#side .selectArea .selectAreaIn .cf{ padding-top: 10px; }

#side .bnrCity{ padding-bottom: 15px; }
#side .bnrTrain{ padding-bottom: 15px; }

/* refine */
#side .refine{
  	position: relative;
    border: 1px solid #CCC;
    border-top: none;
	margin: 45px 0 15px 0;
    background: #FFC;
    font-size: 11px;
    color: #333;
    line-height: 120%;
}
#side .refine h3{ position: absolute; top: -45px; left: -6px; }
#side .refine .refineIn{ padding: 10px; }
#side .refine .selectRefine{
	max-width:100%;
}
#side .refine .titRefine{
  	font-size: 14px;
    color: #28537E;
    background: #F0F0CC;
    padding: 8px 10px;
}
#side .refine .refineIn label{ margin-right: 40px; }
#side .refine .refineIn .radio{
  	display: inline-block;
    vertical-align: -4px;
    margin: 4px 3px;
}
#side .refine .refineIn .pt5{ padding-top: 5px; }
#side .refine .refineIn .checkbox{
  	display: inline-block;
    vertical-align: -4px;
    margin: 4px 3px;
}
#side .refine .btnRefine{ padding-bottom: 15px; }

/* shop */
#side .shop{ padding-bottom: 30px; }
#side .shopIn{
  	padding: 10px 0px 15px;
    background: url(../img/common/barBtm.jpg) no-repeat center bottom;
    font-size: 12px;
}
#side .shop .green{ color: #390; }

/* contact */
#side .contact{
    margin-bottom: 25px;
	background:#FFFFDF;
	border:1px solid #66B839;
	border-top:none;
	padding-bottom:8px;
}
#side .contact .contactBtn{
	width:200px;
	height:40px;
	margin:0 auto;
}
#side .contact.mg60{ margin-bottom:60px;}

/* favorite */
#side .favorite{
  	border: 1px solid #CCC;
    border-top: none;
    margin-bottom: 20px;
}
#side .favorite li{ padding: 11px 9px; }
#side .secSideFavorite li:nth-of-type(2n){
	background: #F7F6F6;
}


#side .favorite li .imgFav{
  	width: 56px;
    height: 56px;
    background: url(../img/common/bgImg.jpg) no-repeat center;
    padding: 2px;
    float: left;
    margin-right: 10px;
}
#side .favorite li .imgFav a{
  	display: block;
    width: 56px;
    height: 56px;
    background: #FFF;
	text-align:center;
}
#side .favorite li .txtArea{
  	float: left;
    width: 130px;
    font-size: 11px;
    line-height: 16px;
    color: #333;
}
#side .favorite li .txtArea .txtIn{
  	width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
#side .favorite li .txtArea .fee{
  	background: #EFEDEC;
    height: 26px;
    font-size: 11px;
    color: #630;
    padding: 0px 5px;
    line-height: 26px;
}
#side .favorite li .txtArea .fee .right{
  	text-align: right;
    color: #F60;
    font-size: 10px;
}
#side .favorite li .txtArea .fee .right .fBold{ font-size: 13px; }
#side .favorite li .titFav{
  	display: block;
    width: 100%;
    font-size: 12px;
    color: #390;
    text-decoration: none;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
#side .favorite li .titFav:hover{ color: #6C3; }
#side .favorite a.img{ display: block; }

/* showBuilding */
#side .showBuilding{
  	border: 1px solid #CCC;
    border-top: none;
    margin-bottom: 30px;
}
#side .showBuilding li{ padding: 11px 9px; }
#side .secSideHistory li:nth-of-type(2n){
	background: #F7F6F6;
}

#side .showBuilding li .imgFav{
  	width: 56px;
    height: 56px;
    background: url(../img/common/bgImg.jpg) no-repeat center;
    padding: 2px;
    float: left;
    margin-right: 10px;
}
#side .showBuilding li .imgFav a{
  	display: block;
    width: 56px;
    height: 56px;
    background: #FFF;
	text-align:center;
}
#side .showBuilding li .txtArea{
  	float: left;
    width: 130px;
    font-size: 11px;
    line-height: 16px;
    color: #333;
}
#side .showBuilding li .txtArea .txtIn{
  	width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
#side .showBuilding li .txtArea .fee{
  	background: #EFEDEC;
    height: 26px;
    font-size: 11px;
    color: #630;
    padding: 0px 5px;
    line-height: 26px;
}
#side .showBuilding li .txtArea .fee .right{
  	text-align: right;
    color: #F60;
    font-size: 10px;
}
#side .showBuilding li .txtArea .fee .right .fBold{ font-size: 13px; }
#side .showBuilding li .titFav{
  	display: block;
    width: 100%;
    font-size: 12px;
    color: #390;
    text-decoration: none;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
#side .showBuilding li .titFav:hover{ color: #6C3; }
#side .showBuilding a.img{ display: block; }

/* bnrBuilding */
#side .bnrBuilding{ padding-bottom: 30px; }

/* about */
#side .about{
  	border: 1px solid #CCC;
    border-top: none;
    margin-bottom: 30px;
}
#side .about a{
  	display: block;
    border-bottom: 1px solid #F1EFF0;
    padding: 0px 9px;
    height: 36px;
    line-height: 36px;
    text-decoration: none;
    font-size: 12px;
    color: #390;
}
#side .about a:hover{ color: #6C3; }
#side .about a.last{ border-bottom: none; }
#side .about a .bgIn{ background: url(../img/icon/iconArrow01.png) no-repeat left center; padding-left: 18px; }


/* -------------------------
           footer
-------------------------- */
#footer .footerLinkArea{
  	background: #F0F0F0;
    border-top: 5px solid #CCC;
    border-bottom: 1px solid #CCC;
}
#footer .footerLink{
  	width: 980px;
    padding: 30px 0px;
    position: relative;
    margin: 0px auto;
}
#footer .footerLink .titFooterLink{
  	position: absolute;
    top: -12px;
    left: 0px;
}
#footer .footerLink a{
  	font-size: 12px;
    color: #333;
    text-decoration: none;
}
#footer .footerLink a:hover{ color: #666; }
#footer .footerLink .col02{ padding-top: 12px; }

#footer .footerIn{ background: #F9F9F9; padding: 23px 0px; }
#footer .footerIn .copyArea{
  	width: 980px;
    margin: 0px auto;
    height: 35px;
    line-height: 35px;
    font-size: 11px;
    color: #333;
}
#footer .footerIn .copyArea .zip{ padding-left: 10px; }
#footer .footerIn .copyArea .right{ font-size: 10px; color: #666; }



/*-------------------------------
送信フォーム共通
-------------------------------*/
.inputRequire{
	background-color:#FEEEEE;
}
.inputError{
	background-color:#FFD0D0;
}
.secError{
	border:solid 1px #FF0000;
	padding:10px;
	margin:0 15px 15px 15px;
	line-height:18px;
	color:#FF0000;
}
.secError a{
	color:#FF0000;
}
.secError a:hover{
	color:#FF6666;
}
/*-------------------------------
エラーページ共通
-------------------------------*/
.secErrorPage{
	padding:180px 0 200px 0;
	line-height:20px;
	text-align:center;
}
.secErrorPage a{
	color:#00A4E2;
}
.secErrorPage a:hover{
	color:#17BFFF;
}

/*-------------------------------
secHpCheck
-------------------------------*/
.secHpCheck{
	margin:0 0 30px 0;
	border:solid 2px #00A4E2;
	background-color:#B2E4F6;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding:10px;
	text-align:center;
}
/*-------------------------------
リンク
-------------------------------*/
.noLink{
	pointer-events:none;
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
}