/**-------------------------------------
	indexおよび共通部分スタイル
	・ヘッダ
	・ナビゲーション
	・サイドバー
	・フッタ
-------------------------------------**/



body {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color:#4c4c4c;
	font-size:14px;
	line-height:1.8;
	background: #fff;	
}

.wrapper {
	background: url("../images/headerBg.png") no-repeat center top #fff;
	width:100%;
/*	margin:0 auto;*/
}
.wrap_inner {
	width: 980px;
	margin: 0 auto;
}
/* clearfix
++++++++++++++++++++++++++++++*/
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

.clearfix{display:inline-block;}

/* Hides from IE-mac */
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hides from IE-mac */

/**------------------------------**/

/**--------------------------------------
  common
----------------------------------------**/
header ul,
header ul li,
header p,
header h1,
footer ul,
footer ul li,
footer p,
aside h2 ,
aside h3 ,
aside p ,
#main h2 ,
#main h3 ,
#main h4 ,
#main p ,
#main ul ,
#main ul li {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	font-size: 100%;
}

.home #main a ,
.second a {
	font-size: 14px;
	text-decoration: none;
	color: inherit;
}
.home #main a:hover ,
.second a:hover {
	color: #fc5170;
	text-decoration: underline;
}
.home h2 {
	font-size: 14px;
}
/**--------------------------------------
  header
----------------------------------------**/

header {
	height: 153px;
	position: relative;
	width:100%;
}

header #topnav{
	border-left: 1px solid #aaa;
	color: #4c4c4c;
	font-size: 12px;
	height: 1.2em;
	position: absolute;
	right: 0;
	top: 20px;
}
header #topnav ul li{
	border-right: 1px solid #aaa;
	display: block;
	float: left;
	height: 1.6em;
	padding-left: 1.3em;
	padding-right: 1.3em;
}

header #topnav ul li a{
	font-size: 11px;
}
header #topnav ul li#link_login {
	background: url(../images/img_top_nav.png) no-repeat 1em center;
/*	color: #fd859b;*/
	padding-left: 2.5em;
	padding-right: 1.5em;
}

header h1 a {
	background: url(../images/h1_logo.png) no-repeat center center;
	color:#000;
	display: block;
	height: 59px;
	overflow: hidden;
	position: absolute;
	text-decoration: none;
	text-indent: 100%;
	top:20px;
	white-space: nowrap;
	width: 257px;
}
header p#txt_logo {
	font-size: 12px;
	line-height: 1.3;
	position: absolute;
	text-align: center;
	top: 94px;
	width: 257px;
}

nav {
	background: url("../images/nav_bg.png") no-repeat center top;
	bottom: 28px;
	clear:both;
	height: 58px;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 662px;
}

header nav ul li{
	display: block;
	float: left;
	text-align: center;
	height: 53px;
}

li#menu01 {
	padding-left: 3px;
	width: 213px;
}
li#menu02 ,
li#menu03 ,
li#menu04 ,
li#menu05 {
	width: 110px;
}
header nav ul li a{
	margin-left: 4px;
	margin-top: 4px;
	width: 96%;
}
header ul.menu li a{
	color: #4c4c4c;
	display: block;
	height: 100%;
	text-decoration: none;
}
header ul.menu li a:hover span{
	background-color: #ffff62;
}

/**-----------------------------------**/

/**--------------------------------------
  content
----------------------------------------**/
.content {
	margin-bottom: 70px;
	width: 100%;
}
#main {
	float: left;
	width: 702px;
}
#main #mainVisual {
	margin-bottom: 4px;
}
#main #mainVisual .mv_btn_box{
  height: 20px;
  padding: 20px;
  width: 120px;
  margin: 0 auto;
}
#main #mainVisual div.btn_mv {
  width: 20px;
  height: 20px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  
}
#main #mainVisual div.btn_mv a {
  text-indent: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  height: 100%;
  width: 100%;
  background: #aaa;
  /*
  border-radius: 50%;
  */
}
#main #mainVisual div.btn_mv a.btn_act {
  background: #faa;
}
#main #attention div{
  float: left;
  width: 20%;
  background: #f00;
  color: #fff;
  margin-right: 2em;
}
#main #attention p{
}
#main #attention,
#main #rss_box{
	border-bottom: 1px solid #c7c7c7;
	border-top: 1px solid #c7c7c7;
	margin-top: 20px;
	margin-bottom: 28px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

#main #rss_box p.rss_label{
	height: 20px;
	font-size: 12px;
}
#main #rss_box p.rss_title{
	margin-left: 73px;
	background: url(../images/rss_marker.png) no-repeat left center;
	padding-left: 20px;
	font-weight: bold;
	font-size: 14px;
	margin-top: 5px;
}


#main #bn_top{
	margin-bottom: 30px;
}

#main .box_left{
	float: left;
}
#main .box_right{
	float: right;
}
#main #bn_top .box_left,
#main #bn_top .box_right {
	background: url(../images/block1_bg.png) no-repeat center center;
	height: 229px;
	position: relative;
	width: 340px;
}

#main #bn_top .box_right img ,
#main #bn_top .box_left img{
	display: block;
	margin: 0 auto;
}
	
#main #bn_top .box_left img{
	margin-top: 12px;	
	
}
#main #bn_top .box_right img {
	margin-top: 30px;	
}

#main #bn_top .box_left a{
	margin: 20px auto 10px;
}
#main #bn_top .box_right a {
	margin: 25px auto 10px;
}
#main #bn_top .box_left a,
#main #bn_top .box_right a {
	background: url(../images/arrow.png) no-repeat 10px center #b2b2b2;
	border-radius: 11px;
	color: #fff;
	display: block;
	font-size: 13px;
	height: 1.7em;
	padding: 0 20px;
	text-align: center;
	width: 206px;
}
#main #bn_top .box_left a:hover,
#main #bn_top .box_right a:hover {
	background-color: #fc5170;
}


/** #nav_block  
-------------------------------------**/

#main #nav_block {
	margin-bottom: 37px;
}
#main #nav_block h2 {
	background: url(../images/h2_bg.png) no-repeat center center;
	color: #fc5170;
	letter-spacing: 0.25em;
	margin: 25px auto 26px;
	text-align: center;
}

#main #nav_block .box_left,
#main #nav_block .box_right {
	background: url(../images/block2_bg.png) no-repeat center center;
	height: 390px;
	position: relative;
	width: 341px;
}

#main #nav_block ul {
	list-style-image: url(../images/marker.png) ;
	list-style-position: inside;
	margin-left: 35px;
	margin-top: 0;
	padding: 0;
	width: 75%;
}
#main #nav_block ul li{
	line-height: 2.0em;
}
#main #nav_block ul li a:hover {
	color: #fc5170;
	text-decoration: underline;
}
#main #nav_block a#to_list {
	bottom: 22px;
	position: absolute;
	right: 35px;
	text-decoration: underline;
}
#main #nav_block a#to_list:hover {
	text-decoration: none;
}
#main #nav_block .box_right a#to_login ,
#main #nav_block .box_right a#to_entry {
	color: #fff;
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 289px;
}

#main #nav_block .box_right a#to_login {
 	height: 36px;
	background: url(../images/btn_member.png) no-repeat right top;
	font-size: 16px;
	margin-bottom: 8px;
	margin-top: 35px;
	padding-top: 7px;
}
#main #nav_block .box_right a#to_entry {
 	height: 27px;
	background: url(../images/btn_member.png) no-repeat right bottom;
	font-size: 16px;
	padding-top: 3px;
}
#main #nav_block .box_right a#to_login:hover {
	background-position:  left top;
}
#main #nav_block .box_right a#to_entry:hover {
	background-position:  left bottom;
}



/** #banner
-------------------------------------**/
#main #bn_bottom {
	width: 100%;
}
#main #bn_bottom a {
	background: #ccc;
	display: block;
	float: left;
	margin-bottom: 30px;
	margin-right: 10px;
	text-align: center;
	width: 220px;
}




/**--------------------------------------
  sidebar
----------------------------------------**/
aside{
	float: right;
	padding-top: 15px;
	width: 270px;
}
aside #side_top {
	margin: 0 auto 23px;
}
#side_tel {
    text-align: center;
}
#side_tel img{
    margin: 0 auto;
}
#side_best {
    text-align: center;
}
#side_best p{
    text-align: left;
    font-size: 11px;
    line-height: 1.5em;
}
#side_tweet {
    text-align: center;
}
#side_timetable a:before {
    content: "》";
    color: #fff;
}
#side_timetable a {
    display: block;
    background: #fc5170;
    color: white;
    font-weight: 900;
    width: calc(236px - 2em);
    margin: 0 auto;
    padding: 1em;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin-bottom: 2em;
}

/**
    side form
-----------------**/
.home .form_area{
  padding-bottom: 1em;
  margin: 0 0 2em;
  background: #fffafa;  
  border: 1px #ccc solid;
}
.home .form_area .select_box{
  width: 100%;
  padding: 0 1em;
}
.home .form_area p,
.home .form_area .form_element {
    margin: 0 0.5em 0.5em;
}
.home .form_area p.sectionhead{
  font-size: 125%;
  text-align: center;
  font-weight: bold;
  display: block;
  margin:0 0 1em;
  background: url(../images/common/icon01.gif) no-repeat 1.5em center,linear-gradient(to top,rgba(168, 168, 168, 0.4) 1%,transparent 30%);
   
}
.home .cal_box{
  margin: 0 0.5em 0.5em;
}
aside #side_top .btn_area input{
  display: block;
  margin: 0 auto;
}

aside a#side_btn_rsrv {
	background: url(../images/btn_rsrv.png) no-repeat left bottom;
	display: block;
	height: 68px;
	margin: 0 0 25px 20px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 250px;
}
aside a#side_btn_rsrv:hover {
	background-position: right bottom;
}
aside .side_block {
	background: url(../images/side_bottom_line.png) no-repeat center bottom #f7f7f7;
	padding-bottom: 40px;
	padding-top: 14px;
	width: 248px;
}
.home aside .side_block {
	margin: 0 0 0 10px;
}
aside .side_box {
	margin: 0 auto;
	width: 231px;
	
}
aside #side_credit {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 17px;
	padding-bottom: 17px;
}
aside #side_cashpost {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 17px;
	padding-bottom: 17px;
}
aside #side_cvs {
	margin-bottom: 24px;
}
aside #side_qr {
	background: url("../images/img_smp.png") no-repeat 3px top;
	height: 196px;
	margin: 0 auto;
	position: relative;
	width: 230px;
}
aside #side_qr img {
  display: block;
  position: absolute;
  left: 60px;
  top: 20px;
  
}

aside #side_qr p{
	bottom: 0;
	font-size: 12px;
	position: absolute;
}
aside h2{
	background: url(../images/side_h2_bg.png) no-repeat center top;
	color: #fff;
	font-weight: normal;
	height: 28px;
	padding-top: 8px;
	text-align: center;
}

aside .side_block h3{
	background: url(../images/h3_bg.png) no-repeat left center;
	display: block;
	font-size: 12px;
	margin: 20px auto 5px;
	padding-left: 16px;
	text-align: left;
	width: 205px;

}
aside .side_block img{
	display: block;
	margin: 0 auto;
}

#button_area {
	height: 82px;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
#button_area a#to_top {
	background: url(../images/btn_toTop.png) no-repeat center top;
	bottom: 0;
	height: 49px;
	overflow: hidden;
	position: absolute;
	right: 5px;
	text-indent: 100%;
	white-space: nowrap;
	width: 84px;
}
#button_area a#to_top:hover {
	background-position: center bottom;
	height: 53px;
}
/**--------------------------------------
  footer
----------------------------------------**/
footer{
	background: url(../images/footer_bg.png);
	padding-top: 23px;
	position: relative;
}
footer a {
	color: #4c4c4c;
	text-decoration: none;
}
footer a:hover {
	color: #fc5170;
	text-decoration: underline;
}
footer #footer_inner {
	margin: 0 auto 40px;;
	width: 980px;
}
footer ul.footer_menu {
	display: block;
	float: left;
	list-style-position: inside;
	margin-left: 1px;
	padding: 0;
	width: 24%;
}
footer ul.footer_menu > li {
	list-style-image: url(../images/footer_marker.png);
}
footer ul.footer_menu > li ,
footer ul.footer_menu > li a{
	font-size: 14px;
	font-weight: bold;
}
footer ul.submenu {
	list-style-type: disc;
	margin-left: 1em;
}
footer ul.submenu li a {
	font-size: 12px;
}

footer #copyright {
	background: #fc5170;
	color: #fff;
	text-align: center;
	width: 100%;
}

.info { padding:12px; font-weight:850; color:#262626; background:#99CCFF; border:2px solid #0066CC; }
.success { padding:12px; font-weight:850; color:#262626; background:#CCFFCC; border:2px solid #00CC00; }
.error { padding:12px; font-weight:850; color:#262626; background:#FFEBE8; border:2px solid #990000; }

/**/