@charset "utf-8";

/*************************************************
 * 基本タグ
 *************************************************/

body {
	background-color:#D9A300 !important;
	min-width:1000px;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', メイリオ, Meiryo,  sans-serif;
}

a:hover {
	filter: alpha(opacity=65);
	opacity:0.65;
}

.parking a {
	color:#333333;
}
.parking a:hover, a:focus {
	color: #333333;
	text-decoration: underline;
}

.wrap {
	position: relative;
	margin-right: auto !important;
	margin-left: auto !important;
	width: 960px;
}

/*************************************************
 * ヘッダー
 *************************************************/
header {
	background-image: url(../img/header_background_base.png);
	background-repeat: repeat;
	background-position: center top;
	height:128px;
}

.header_background_base {
	background-image: url(../img/header_background.png);
	background-repeat: no-repeat;
	background-position: center top;
	height:100%;
}

.header_contents {
	position:relative;
	width:960px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	color:#FFFFFF;
}

.header_contents a {
	color:#FFFFFF;
	text-shadow:1px 1px 3px rgba(0,0,0,0.6);
}

.header_contents > .logo {
	position:absolute;
	top:15px;
	left:0px;
}

.header_contents > .sitemap {
	position:absolute;
	top:0px;
	left:610px;
}

.header_contents > .contact {
	position:absolute;
	top:0px;
	left:780px;
}

.header_contents > .menu_top_01 {
	position:absolute;
	top:60px;
	left:610px;
	background-image: url(../img/icon01.png);
	background-repeat: no-repeat;
	background-position: left middle;
	padding-left:18px;
}

.header_contents > .menu_top_02 {
	position:absolute;
	top:60px;
	left:730px;
	background-image: url(../img/icon02.png);
	background-repeat: no-repeat;
	background-position: left middle;
	padding-left:22px;
}

.header_contents > .menu_top_03 {
	position:absolute;
	top:60px;
	left:860px;
	background-image: url(../img/icon03.png);
	background-repeat: no-repeat;
	background-position: left middle;
	padding-left:18px;
}

.header_contents > .menu_bottom_01 {
	position:absolute;
	top:97px;
	left:370px;
}

.header_contents > .menu_bottom_02 {
	position:absolute;
	top:97px;
	left:460px;
}

.header_contents > .menu_bottom_03 {
	position:absolute;
	top:97px;
	left:650px;
}

.header_contents > .menu_bottom_04 {
	position:absolute;
	top:97px;
	left:780px;
}

.header_contents > .menu_bottom_05 {
	position:absolute;
	top:97px;
	left:860px;
}

.header_contents > .menu_arrow {
	background-image: url(../img/arrow01.png);
	background-repeat: no-repeat;
	background-position: left middle;
	padding-left:19px;
}

/*************************************************
 * ヘッダー201410
 *************************************************/
#header {
	height: 122px;
	background: url(../img/share/head_bg.jpg) repeat-x left top;
}
#header .wrap { height: 100%; }
#header .wrap * { margin: 0; padding: 0; list-style: none; }

	#header #logo {
		padding-top: 10px;
		width: 205px;
	}

	#header #gnav {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 755px;
	}

		#header #gnav ul {
		}

			#header #gnav ul li {
				float: left;
				list-style: none;
			}

	#header .link {
		position: absolute;
		top: 0;
		right: 0;
		width: 419px;
	}

		#header .link li {
			float: left;
			list-style: none;
		}

/*************************************************
 * wrapper
 *************************************************/
.wrapper {
	padding-bottom: 50px;
	background-position: center top;
	background-repeat: repeat-x;
}
.wrapper * { margin: 0; padding: 0; list-style: none; }

.wrapper2 {
	padding-bottom: 50px;
	background-position: center top;
	background-repeat: repeat-x;
}
.wrapper2 * { margin: 0; list-style: none; }
.wrapper_frame { background-position: center top; background-repeat: no-repeat; }

/*************************************************
 * contents
 *************************************************/
#contents {
	position: relative;
}

	#page_title {
		position: absolute;
		top: 35px;
		left: 0;
		font-size: 10px;
		line-height: 1.2;
	}

	#side_column {
		position: relative;
		float: right;
		width: 200px;
	}

		#side_column h1 {
			position: absolute;
			top: 20px;
			width: 100%;
			text-align: center;
		}

		#side_column nav {
			margin-top: 200px;
			padding: 15px;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
		}

			#side_column nav ul {
			}

				#side_column nav ul li {
					border-bottom-style: solid;
					border-bottom-width: 1px;
				}
				#side_column nav ul li.last-child { border-bottom: none; }

					#side_column nav ul li a {
						display: block;
						padding: 8px 0 8px 14px;
						background-position: 2px center;
						background-repeat: no-repeat;
						font-size: 13px;
						font-weight: bold;
					}

			#side_column nav dl {
				margin-top: 10px;
			}

				#side_column nav dl dt { text-align: center; }
				#side_column nav dl dd { margin-top: 5px; }

		#side_column aside {
			margin-top: 20px;
		}

			#side_column aside ul {
				padding: 0 15px 15px;
				background: #555;
				border-radius: 0 0 5px 5px;
				-webkit-border-radius: 0 0 5px 5px;
				-moz-border-radius: 0 0 5px 5px;
				-ms-border-radius: 0 0 5px 5px;
				-o-border-radius: 0 0 5px 5px;
			}

				#side_column aside ul li {
					border-bottom: dotted #aaa 1px;
				}
				#side_column aside ul li.last-child { border-bottom: none; }

					#side_column aside ul li a {
						display: block;
						padding: 8px 0 8px 14px;
						background: url(../img/share/arrow1.png) no-repeat 2px center;
						font-size: 13px;
						font-weight: bold;
						color: #fff;
					}

		#side_column .banner {
			margin-top: 20px;
		}

	#main_column {
		position: relative;
		float: left;
		margin-top: 380px;
		width: 740px;
	}

		.block { margin-bottom: 20px; }
		.block h1,
		.block h2,
		.block h3 { margin: 0; font-size: 100%; line-height: 1.6; }
		.block h1 { padding-top: 30px; height: 87px; background: url(../img/share/block_bg_top.png) no-repeat left top; text-align: center; }
		.block_frame { position: relative; padding: 0 50px 50px; background: url(../img/share/block_bg.png) no-repeat left bottom; }
		.bnr_for_owner { text-align: center; }

/*************************************************
 * フッター
 *************************************************/

footer {
	position:relative;
	top:-18px;
}

.footer_background_base {
	background-image: url(../img/footer_background_base.png);
	background-repeat: repeat;
	background-position: center top;
	height:245px;
}

.footer_contents {
	position:relative;
	width:960px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	color:#FFFFFF;
}

.footer_contents a {
	color:#FFFFFF;
	text-shadow:1px 1px 3px rgba(0,0,0,0.6);
}

.footer_contents > .menu_dotto:before {
	content: "・";
}

.footer_contents > .menu_label {
	position:absolute;
	top:60px;
	left:20px;
	font-size:18px;
	font-weight:bold;
}

.footer_contents > .menu_left_01 {
	position:absolute;
	top:100px;
	left:20px;
}

.footer_contents > .menu_left_02 {
	position:absolute;
	top:120px;
	left:20px;
}

.footer_contents > .menu_left_03 {
	position:absolute;
	top:140px;
	left:20px;
}

.footer_contents > .menu_left_04 {
	position:absolute;
	top:160px;
	left:20px;
}

.footer_contents > .menu_left_05 {
	position:absolute;
	top:180px;
	left:20px;
}

.footer_contents > .menu_right_01 {
	position:absolute;
	top:100px;
	left:210px;
}

.footer_contents > .menu_right_02 {
	position:absolute;
	top:120px;
	left:210px;
}

.footer_contents > .menu_right_03 {
	position:absolute;
	top:140px;
	left:210px;
}

.footer_contents > .menu_right_04 {
	position:absolute;
	top:160px;
	left:210px;
}

.footer_contents > .menu_right_05 {
	position:absolute;
	top:180px;
	left:210px;
}

.footer_contents > .menu_right_06 {
	position:absolute;
	top:200px;
	left:210px;
}

.footer_contents > .menu_right_07 {
	position:absolute;
	top:200px;
	left:280px;
}

.footer_contents > .logo {
	position:absolute;
	top:40px;
	left:540px;
}

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

/*************************************************
 * コンテンツ
 *************************************************/
.content {

}

.main {
	margin-right:auto;
	margin-left:auto;
	width:960px;
	position:relative;
}

.background_base {
	background-image: url(../img/page_background.png);
	background-repeat: no-repeat;
	background-position: center top;
}
	

.container_main_paper {
	position:relative;
	margin-right:auto;
	margin-left:auto;
	width:960px;
	top:120px;
	padding:20px;
}

.container_main_daily {
	margin-right:auto;
	margin-left:auto;
	width:960px;
	position:relative;
	height:800px;
}

.container_main_login {
	margin-right:auto;
	margin-left:auto;
	width:478px;
	position:relative;
	height:337px;
}

article.formal {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	background-color: #FFFFFF;
	padding: 20px;
	margin-bottom:30px;
	min-height:220px;
}

article.formal_paper {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	padding: 20px;
	margin-bottom:30px;
}


/* セクションタイトル */
article.formal section > h2 {

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	    -ms-border-radius: 3px;
		    border-radius: 3px;
	
	background-image: url(../img/label01.png);
	background-repeat: no-repeat;
	background-position: center center;
	color: white;

	font-size: 18px;
	line-height: 40px;	
	font-weight: bold;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);

	padding-left: 60px;
	margin-bottom: 20px;

}

/* セクション内容 */
article.formal section > div {
	margin: 20px;
}

/* 横線付きフォーム */
article.formal .control-group {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgb(221, 221, 221);
}

/* 中央寄せボタン */
article.formal .form-actions {
	text-align: center;
	padding: 0;
	background-color: inherit;
	border-top: 0;
}

article.formal .table-condensed select,
article.formal .table-condensed textarea,
article.formal .table-condensed input[type="text"],
article.formal .table-condensed input[type="password"],
article.formal .table-condensed input[type="datetime"],
article.formal .table-condensed input[type="datetime-local"],
article.formal .table-condensed input[type="date"],
article.formal .table-condensed input[type="month"],
article.formal .table-condensed input[type="time"],
article.formal .table-condensed input[type="week"],
article.formal .table-condensed input[type="number"],
article.formal .table-condensed input[type="email"],
article.formal .table-condensed input[type="url"],
article.formal .table-condensed input[type="search"],
article.formal .table-condensed input[type="tel"],
article.formal .table-condensed input[type="color"],
article.formal .table-condensed .uneditable-input {
	margin-bottom: 0;
}

/*************************************************
 * TOPページ
 *************************************************/
 
.top_link_base {
	position:relative;
	width:960px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
}

.top_link_dailyCarboy {
	position:absolute;
	top:335px;
	left:10px;
}

.top_link_monthlyCarboy {
	position:absolute;
	top:335px;
	left:200px;
}

.top_link_timeCarboy {
	position:absolute;
	top:335px;
	left:390px;
}

.top_link_cycleCarboy {
	position:absolute;
	top:335px;
	left:580px;
}

.top_link_bikeCarboy {
	position:absolute;
	top:335px;
	left:770px;
}


/*************************************************
 * カレンダー
 *************************************************/
 .calendar {
	border-color: #999;
} 

.calendar td, .calendar th {
	width: 14.2857142857%;	
	text-align: center;
	border-color: #999;
}
.calendar tr th:first-child {
	background-color: #fdd;
}
.calendar tr th:last-child {
	background-color: #ddf;
}
.calendar tr td:first-child {
	background-color: #fee;
}
.calendar tr td:last-child {
	background-color: #ddf;
}

.calendar tr td.oos, .calendar tr th.oos {
	background-color: #ddd;
	color: #999;
	opacity: 0.8;
}

.calendar .day {
	float: left;
	margin: -6px 0 0 -4px;
}

.calendar label {
	margin-bottom: 0;
}

.calendar input[type=checkbox] {
	float: right;
	margin: -4px -4px 0 0;
	padding: 0;
}

.calendar .available {
	display: block;
	font-size: 18px;
	line-height: 22px;
}

.calendar .available:empty:after {
	content: '-';
}
.calendar .available:not(:empty):after {
}

.calendar .charge {
	clear: both;
	display: block;
	font-size: 12px;
	line-height: 14px;
}

/*************************************************
 * Popover
 *************************************************/

div.popover-content th {
	padding:5px;
}
div.popover-content td {
	padding:5px;
}
div.popover {
	z-index:2525;
	width: auto;
	font-size: 90%;
}

/*************************************************
 * その他いろいろ
 *************************************************/

/* button をリンクに */
.breadcrumb button {
    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',メイリオ,Meiryo,sans-serif;
    background: none;
    color: #08C;
    border: 0;
    padding: 0;
    display: inline;
}

.breadcrumb button:focus {
    outline: thin dotted #333;
    outline-offset: -2px;
}

.breadcrumb button:hover, .breadcrumb button:focus {
    color: #005580;
    text-decoration: underline;
}

/* ウィザード用 */
.breadcrumb > .active {
    color: #000;
    font-weight: bold;
}

.breadcrumb > .disabled {
    color: #999;
}

.well2 {
	background-image: url("../img/label01.png");
	background-repeat:no-repeat;
	background-position:center center;
	line-height:28px;
	padding-left:60px;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	text-shadow:1px 1px 3px rgba(0,0,0,0.6);
	padding:20px 60px;
}

.well3 {
	background-image: url("../img/label01.png");
	background-repeat:no-repeat;
	background-position:left center;
	line-height:28px;
	padding-left:60px;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	text-shadow:1px 1px 3px rgba(0,0,0,0.6);
	padding:20px 60px;
}

.keyvisual {
	text-align:center;
	padding:20px 0;
}

.button01 {
	position:absolute;
	top:345px;
	left:355px;
}

.lineborder {
	height:1px;
	background-color:#CCCCCC;
}

.sitemap {
	font-size:16px;
	line-height:30px;
}

.sitemap a {
	color:#555555;
	text-indent:50px;
	margin-left:20px;
}

.paper_header {
	background-image: url("../img/background_paper_top.png");
	height:162px;
	width:100%;
	background-repeat:no-repeat;
	background-position:center bottom;
	font-size:32px;
	font-weight:bold;
	text-align:center;
	line-height:162px;
}

.paper_footer {
	background-image: url("../img/background_paper_bottom.png");
	height:74px;
	width:100%;
	background-repeat:no-repeat;
	background-position:center top;
}

.paper_contents {
	background-image: url("../img/background_paper_middle.png");
	width:100%;
	background-repeat:repeat;
	background-position:center top;
	
}

.paper_tbl {
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

.paper_tbl th {
	text-align:right;
	vertical-align:top;
}

.paper_tbl th, td {
	padding:20px;
}

.tbl_line_b th,.tbl_line_b  td {
	border-bottom: 1px #CCCCCC solid;
}

.prebox {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	line-height:24px;;
	
}

.prebox .hdr {
	font-size:24px;
	font-weight:bold;
	text-align:center;
	line-height:162px;
}

.paper_header_bike {
	background-image: url("../img/background_paper_top_bike.png");
	height:300px;
	width:100%;
	background-repeat:no-repeat;
	background-position:center bottom;
	font-size:32px;
	font-weight:bold;
	text-align:center;
	line-height:300px;
}

.paper_header_cycle {
	background-image: url("../img/background_paper_top_cycle.png");
	height:300px;
	width:100%;
	background-repeat:no-repeat;
	background-position:center bottom;
	font-size:32px;
	font-weight:bold;
	text-align:center;
	line-height:300px;
}

.paper_header_monthly {
	background-image: url("../img/background_paper_top_monthly.png");
	height:300px;
	width:100%;
	background-repeat:no-repeat;
	background-position:center bottom;
	font-size:32px;
	font-weight:bold;
	text-align:center;
	line-height:300px;
}