@charset "utf-8";

/*========================================================================================================
* @name: cyclist　CGMpart　デザイン
* @file: garage.css
* @date: 2013.03.06
* @author: y.koyama
* @comment: 各ページデザイン
* @attention: -
*========================================================================================================*/


/****** ナビ追加 ******/

/*=== 1-3. navi */

.global nav li.linkGarage {
	margin:-4px 0 0;
}

.global nav li.linkGarage a {
	line-height:46px;
	padding:0 15px;
	margin:-4px 0 -2px 15px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #82cc0d), color-stop(1, #a6ea2f));
	background-image: linear-gradient(to bottom, #82cc0d 0%, #a6ea2f 100%);
}


/*=== garage menu area */


#garage-menu-area {
	margin-bottom:20px;
}

#garage-menu-area nav {
	display: block;
	margin-bottom:20px;
}

#garage-menu-ul {
	display: block;
	width: 100%;
	margin:0;
	border-bottom:1px solid #ccc;
	position:relative;
}

#garage-menu-ul li {
	display:inline;
	line-height:34px;
	margin-left:10px;
}

#garage-menu-ul li a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #333;
	line-height:34px;
	padding:0 0.4em;
}

#garage-menu-ul li.current a {
	font-weight: bold;
	border-bottom:3px solid #0096B9;
	margin-bottom:-3px;
}

#garage-menu-ul li a:hover {
	color: #0096B9;
	border-bottom:3px solid #0096B9;
	text-decoration:none;
	margin-bottom:-3px;
}

#garage-menu-ul li.fbAccountLogin {
	position:absolute;
	bottom:0px;
	right:4px;
}

#garage-menu-ul li.fbAccountLogin a {
	background: url(images/common/fb_login.png) no-repeat;
	width:144px;
	height:28px;
	text-indent:-9999px;
}

#garage-menu-ul li.fbAccountLogin a:hover {
	border-bottom:none;
	text-decoration:none;
	margin-bottom:0;
}

#garage-menu-ul li.fbAccountLogout {
	position:absolute;
	bottom:0px;
	right:4px;
}

#garage-menu-ul li.fbAccountLogout a {
	background: url(images/common/fb_logout.png) no-repeat;
	width:144px;
	height:28px;
	text-indent:-9999px;
}

#garage-menu-ul li.fbAccountLogout a:hover {
	border-bottom:none;
	text-decoration:none;
	margin-bottom:0;
}

#garage-menu-area p.fbUsername {
	margin:15px 0;
}

#garage-search-area {
	margin-bottom:20px;
	position:relative;
}

#garage-search-area h3 {
	color: #fff;
	text-align: left;
	font-weight:bold;
	padding:5px 10px;
	border: 1px solid #0096b9;
	-webkit-text-shadow: 0 1px 1px #666666;
	-moz-text-shadow: 0 1px 1px #666666;
	-ms-text-shadow: 0 1px 1px #666666;
	-o-text-shadow: 0 1px 1px #666666;
	text-shadow: 0 1px 1px #666666;
	background: #0096b9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0096b9), color-stop(1, #017b97));
	background: -webkit-linear-gradient(top, #0096b9 0%, #017b97 100%);
	background: -moz-linear-gradient(top, #0096b9 0%, #017b97 100%);
	background: -ms-linear-gradient(top, #0096b9 0%, #017b97 100%);
	background: linear-gradient(top, #0096b9 0%, #017b97 100%);
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-ms-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	border-top-right-radius: 4px;

}

#garage-search-area div {
	display:inline-block;
	margin-bottom:10px;
	margin-right:15px;
}

#garage-search-area div span {
	min-width:4em;
	display:inline-block;
}

#garage-search-area div.searchbyText input {
	width:400px;
}

/* 2013/05/13 add koyama start
---------------------------------*/


#garage-search-area .search-area-opened {
	width:80px;
	height:40px;
	background: url(../../images/common/search_close.png) no-repeat ;
	position:absolute;
	right:5px;
	top:0;
	padding:0;
	border:0;
	
}

#garage-search-area .search-area-closed {
	width:80px;
	height:40px;
	background: url(../../images/common/search_open.png) no-repeat ;
	position:absolute;
	right:5px;
	top:0;
	padding:0;
	border:0;
	
}

#garage-search-area div.search-condition-area {
	padding:10px 15px;
	border:1px solid #daeef2;
	margin:0;
}

/* 2013/05/13 add koyama end
---------------------------------*/

/*=== garage-menu-dialog-aera */

#garage-menu-dialog-aera {
	margin-bottom:20px;
}

#garage-menu-dialog-aera p {
	line-height:1.5em;
}

#garage-menu-dialog-aera #garage-entry-dialog div {
	margin-top:20px;
	padding:10px 15px;
	font-size:1em;
	background-color:#efefef;
}


/*=== garage-mybike-area */

#garage-mybike-area {
	margin-bottom:20px;
}

#garage-mybike-area p {
	line-height:1.5em;
	margin-bottom:5px;
}

#garage-list-area h2,
#garage-mybike-area h2 {
	color: #fff;
	text-align: left;
	font-weight:bold;
	padding: 10px;
	margin-bottom:10px;
	border: 1px solid #0096b9;
	-webkit-text-shadow: 0 1px 1px #666666;
	-moz-text-shadow: 0 1px 1px #666666;
	-ms-text-shadow: 0 1px 1px #666666;
	-o-text-shadow: 0 1px 1px #666666;
	text-shadow: 0 1px 1px #666666;
	background: #0096b9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0096b9), color-stop(1, #017b97));
	background: -webkit-linear-gradient(top, #0096b9 0%, #017b97 100%);
	background: -moz-linear-gradient(top, #0096b9 0%, #017b97 100%);
	background: -ms-linear-gradient(top, #0096b9 0%, #017b97 100%);
	background: linear-gradient(top, #0096b9 0%, #017b97 100%);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	position:relative;
}

#garage-list-area h2 a,
#garage-mybike-area h2 a {
	color: #fff;
}

#garage-list-area h2 a:hover ,
#garage-mybike-area h2 a:hover {
	-webkit-text-shadow: 0 0 2px #efefef;
	-moz-text-shadow: 0 0 2px #efefef;
	-ms-text-shadow: 0 0 2px #efefef;
	-o-text-shadow: 0 0 2px #efefef;
	text-shadow: 0 0 2px #efefef;
	text-decoration:none;
}


#garage-list-area h2 .linkTo,
#garage-mybike-area h2 .linkTo{
	position:absolute;
	right:5px;
	top:10px;
	font-size:85.71%;
}

p.mybikeButton {
	margin:20px auto !important;
	text-align:center;
}

p.mybikeButton a {
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:0.5em 1em;
	background: #e86f05;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7941d), color-stop(1, #e86f05));
	background: -webkit-linear-gradient(top, #f7941d 0%, #e86f05 100%);
	background: -moz-linear-gradient(top, #f7941d 0%, #e86f05 100%);
	background: -ms-linear-gradient(top, #f7941d 0%, #e86f05 100%);
	background: linear-gradient(top, #f7941d 0%, #e86f05 100%);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

#garage-list-area #garage-list-title h2 {
	color: #fff;
	text-align: left;
	font-weight:bold;
	padding: 10px;
	margin-bottom:10px;
	border: 1px solid #0096b9;
	-webkit-text-shadow: 0 1px 1px #666666;
	-moz-text-shadow: 0 1px 1px #666666;
	-ms-text-shadow: 0 1px 1px #666666;
	-o-text-shadow: 0 1px 1px #666666;
	text-shadow: 0 1px 1px #666666;
	background: #0096b9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0096b9), color-stop(1, #017b97));
	background: -webkit-linear-gradient(top, #0096b9 0%, #017b97 100%);
	background: -moz-linear-gradient(top, #0096b9 0%, #017b97 100%);
	background: -ms-linear-gradient(top, #0096b9 0%, #017b97 100%);
	background: linear-gradient(top, #0096b9 0%, #017b97 100%);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	position:relative;
}

#garage-list-area #garage-list-title h2:after {
		content: ".";
		clear: both;
		height: 0;
		font-size: 0.1em;
		line-height: 0;
		display: block;
		visibility: hidden;
	}

#garage-list-area #garage-list-title h2 div{
	display:inline-block;
	margin:0 10px 0 0;
	height:32px;
	float:left;
}

#garage-list-area #garage-list-title h2 div.nameFb{
	line-height:32px;
	font-weight:bold;
}

#garage-list-area #garage-list-title h2 div img{
	width:32px;
	display:block;
}

#garage-list-area #garage-list-title h2 a:hover {
	-webkit-text-shadow: 0 0 2px #efefef;
	-moz-text-shadow: 0 0 2px #efefef;
	-ms-text-shadow: 0 0 2px #efefef;
	-o-text-shadow: 0 0 2px #efefef;
	text-shadow: 0 0 2px #efefef;
	text-decoration:none;
}

#garage-list-area #garage-list-title h2 .editFb { 
	position:absolute;
	right:10px;
	top:8px;
	font-size:85.71%;
	background: url(images/common/icon_editFb.png) no-repeat;
	padding-left:32px;
	line-height:24px;
	vertical-align:middle;
}

#garage-list-area #garage-list-title h2 .editFb a:hover {
	text-decoration:underline;
}

/* 2013/04/04 add motoyama start
---------------------------------*/
span.mybikeButton {
/*	margin:20px auto !important; */
	text-align:center;
}

span.mybikeButton a {
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:0.5em 1.5em;
	background: #e86f05;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7941d), color-stop(1, #e86f05));
	background: -webkit-linear-gradient(top, #f7941d 0%, #e86f05 100%);
	background: -moz-linear-gradient(top, #f7941d 0%, #e86f05 100%);
	background: -ms-linear-gradient(top, #f7941d 0%, #e86f05 100%);
	background: linear-gradient(top, #f7941d 0%, #e86f05 100%);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
/* 2013/04/04 add motoyama end
---------------------------------*/


#garage-login-area p.attention {
	margin:20px auto 10px;
	text-align:center;
	font-size:0.8em;
}

#garage-login-area p.attention a {
	color:#666;
}

#garage-mybike-list-bikeinfo {
	display:block;
	padding:10px 10px 0;
	border: 1px solid #ccc;
}

/*=== garage-allbike-area */

#garage-allbike-area {
	margin-bottom:20px;
}

#garage-allbike-area p {
	line-height:1.5em;
	margin-bottom:5px;
}

#garage-allbike-area h2 {
	color: #fff;
	text-align: left;
	font-weight:bold;
	padding: 10px;
	margin-bottom:10px;
	border: 1px solid #0096b9;
	-webkit-text-shadow: 0 1px 1px #666666;
	-moz-text-shadow: 0 1px 1px #666666;
	-ms-text-shadow: 0 1px 1px #666666;
	-o-text-shadow: 0 1px 1px #666666;
	text-shadow: 0 1px 1px #666666;
	background: #0096b9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0096b9), color-stop(1, #017b97));
	background: -webkit-linear-gradient(top, #0096b9 0%, #017b97 100%);
	background: -moz-linear-gradient(top, #0096b9 0%, #017b97 100%);
	background: -ms-linear-gradient(top, #0096b9 0%, #017b97 100%);
	background: linear-gradient(top, #0096b9 0%, #017b97 100%);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	position:relative;
}

#garage-allbike-area h2 a {
	color: #fff;
}

#garage-allbike-area h2 a:hover {
	-webkit-text-shadow: 0 0 2px #efefef;
	-moz-text-shadow: 0 0 2px #efefef;
	-ms-text-shadow: 0 0 2px #efefef;
	-o-text-shadow: 0 0 2px #efefef;
	text-shadow: 0 0 2px #efefef;
	text-decoration:none;
}

#garage-allbike-area h2 .linkTo{
	position:absolute;
	right:15px;
	top:10px;
	font-size:85.71%;
}

/* 2013/05/13 add koyama start 
---------------------------------*/ 

.search-area-shuffle {
	width:120px;
	height:26px;
	background: url(../../images/common/bikelist_shuffle.png) no-repeat ;
	position:absolute;
	right:5px;
	top:4px;
	padding:0;
	border:0;
	
}

.search-area-shuffle-re {
	width:120px;
	height:26px;
	background: url(../../images/common/bikelist_shuffle_re.png) no-repeat ;
	position:absolute;
	right:5px;
	top:4px;
	padding:0;
	border:0;
	
}

/* 2013/05/13 add koyama end 
---------------------------------*/

#garage-list-bikeinfo {
	display:block;
	padding:10px 10px 0;
	margin-bottom:10px;
	border: 1px solid #ccc;
}

#garage-allbike-list-bikeinfo {
	display:block;
	padding:10px 10px 0;
	margin-bottom:0;
	border: 1px solid #ccc;
}

.bikeAlbum {
	display:block;
	position:relative;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}

	.bikeAlbum:after {
		content: ".";
		clear: both;
		height: 0;
		font-size: 0.1em;
		line-height: 0;
		display: block;
		visibility: hidden;
	}

.bikeAlbum:last-of-type {
	border-bottom: none;
	margin-bottom:0;
}

.bikeAlbum a {
	display:block;
	color:#333;
}

	.bikeAlbum a:after {
		content: ".";
		clear: both;
		height: 0;
		font-size: 0.1em;
		line-height: 0;
		display: block;
		visibility: hidden;
	}


.bikeAlbum .bikeimage {
	float:left;
	margin:0 10px 0 0;
	width:150px;
	vertical-align:middle;
	text-align:center;
	overflow: hidden;
}

.bikeAlbum .bikeimage img {
	display:block;
	margin:0 auto;
	max-width:150px;
	max-height:150px;

}

.bikeAlbumDetail {
	float:left;
	width:400px;
	margin-bottom:0;
}

.bikeAlbumDetail li {
	margin-bottom:2px;
}

#garage-list-area .bikeAlbum h2.bikeAlbumTitle, 
#garage-mybike-area .bikeAlbum h2.bikeAlbumTitle, 
#garage-allbike-area .bikeAlbum h2.bikeAlbumTitle {
	font-size:1.2em;
	font-weight:bold;
	background:none;
	border:none;
	color:#333;
	padding:0;
	margin:5px 0;
	text-shadow:none;
}

.bikeAlbum a:hover {
	color:#0096B9;
}

.bikeAlbum .mybikeFbedit {
	padding: 5px 10px;
	border: 1px solid #c6cfdf;
	background-color:#fff;
	margin:10px 0 0;
	position:relative;
	display:block;
	font-size:85.71%;
	line-height:1.5em;
	min-height: 3em;
}

.bikeAlbum .editFb { 
	position:absolute;
	right:10px;
	top:10px;
	font-size:100%;
	background: url(images/common/icon_editFb.png) no-repeat;
	padding-left:32px;
	line-height:24px;
}

.bikeAlbum .editFb a:hover {
	text-decoration:underline;
	color:;
}



p.loadingMorebutton {
	font-weight:normal;

}

p.loadingMorebutton a {
	margin:0 auto 20px;
	color:#fff;
	font-weight:bold;
	padding: 10px;
	background: #e86f05;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7941d), color-stop(1, #e86f05));
	background: -webkit-linear-gradient(top, #f7941d 0%, #e86f05 100%);
	background: -moz-linear-gradient(top, #f7941d 0%, #e86f05 100%);
	background: -ms-linear-gradient(top, #f7941d 0%, #e86f05 100%);
	background: linear-gradient(top, #f7941d 0%, #e86f05 100%);
	border-bottom-left-radius: 4px ;
	border-bottom-right-radius: 4px ;
	display:block;
	width:200px;
	text-align:center;
}

.fbUser {
	position:absolute;
	right:10px;
	bottom:15px;
	font-size:0.8em;
}

.fbUser img {
	float:none;
	display:inline-block;
	margin:0 5px 0 0;
	width:32px;
}

.fbUser span {
	vertical-align:middle;
}

.fbUser a {
	display:inline-block;
	vertical-align:bottom;
}


/*=== garage-register-area */

#garage-register-area {
}



#garage-register-area p {
	line-height:1.5em;
	margin-bottom:5px;
}

#garage-fb-info-area {
	color: #333;
	text-align: left;
	font-weight:normal;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #ededed));
	background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%);
	background: linear-gradient(top, #ffffff 0%, #ededed 100%);
	position:relative;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

.fbThumb, 
.fbName {
	display:inline-block;
	vertical-align:middle;
}

#garage-fb-info-area img {
	display:block;
	margin-right:5px;
}

#garage-user-name {
/*
	font-size:1.2em;
*/
}

#garage-fb-title, 
#garage-fb-title-0 {
	display:block;
	margin-top:10px;
	font-weight:bold;
}


.whatsGarage { 
	position:absolute;
	right:10px;
	bottom:10px;
	font-size:85.71%;
	background: url(images/common/icon_whatsGarage.png) no-repeat;
	padding-left:28px;
	line-height:24px;
}

.editFb { 
	position:absolute;
	right:10px;
	top:3px;
	font-size:85.71%;
	background: url(images/common/icon_editFb.png) no-repeat;
	padding-left:32px;
	line-height:24px;
}

.whatsGarage a:hover, 
.editFb a:hover {
	text-decoration:underline;
	color:;
}

#garage-bikeinfo-area {
	padding:10px;
	border: 1px solid #ccc;
	margin-bottom:20px;
}

.infoblock {
	display: block;
	padding:5px 30px;
}

#garage-photo-area {
	display: block;
	margin-bottom:20px;
}

.infotitle {
	padding-top:5px;
	text-align:right;
	display: table-cell;
	width:140px;
}

.infodetail {
	display: table-cell;
	vertical-align:middle;
	padding-left:10px;
}

.infodetail span {
	margin-top:-3px;
	line-height:1.8em;
}


.required {
	display: inline-block;
	background: #D00;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	padding: 0px 4px;
	margin-left: 5px;
	-webkit-border-radius : 4px;
	-moz-border-radius : 4px;
	border-radius : 4px;
	vertical-align: 1px;
	line-height:1.5em;
}

.infodefine {
	display: block;
	margin:10px auto 20px;
	text-align:center;
}



#garage-mybikeinfo-edit-at-fb-div {
	display:block;
}

.mybikeFbedit {
	padding:10px 10px 5px;
	border: 1px solid #ccc;
	background-color:#c6cfdf;
	margin-bottom:10px;
}

.mybikeFberror {
	padding:10px 10px 5px;
	border: 1px solid #990000;
	background-color:#fff7c4;
	color:#990000;
	margin-bottom:10px;
}

#garage-bikeinfo-cover-pic-area {
	margin-bottom:10px;
	text-align:center;
}

img#garage-bikeinfo-cover-pic {
	margin:0 auto;
	display:block;
	max-width:300px;
	max-height:300px;
}



.garagePhotohead {
	color: #333;
	text-align: left;
	font-weight:bold;
	padding: 10px;
	margin-bottom:10px;
	border: 1px solid #ccc;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #ededed));
	background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%);
	background: linear-gradient(top, #ffffff 0%, #ededed 100%);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	position:relative;
}


.garagePhotohead p {
	display:inline;
	margin-bottom:0;
}

.garagePhotohead p.photoAddbutton {
	position:absolute;
	right:5px;
	font-size:85.71%;
	text-align:center;
}

.garagePhotohead p.photoAddbutton span {
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:5px 10px;
	background: #e86f05;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7941d), color-stop(1, #e86f05));
	background: -webkit-linear-gradient(top, #f7941d 0%, #e86f05 100%);
	background: -moz-linear-gradient(top, #f7941d 0%, #e86f05 100%);
	background: -ms-linear-gradient(top, #f7941d 0%, #e86f05 100%);
	background: linear-gradient(top, #f7941d 0%, #e86f05 100%);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

#garage-bikeinfo-photo-list-ul {
	display: block;
	margin:0 0 0 40px;
}

#garage-bikeinfo-photo-list-ul li {
	border: 1px solid #ccc;
	min-height:16em;
	display:inline-block;
	padding:4px;
	text-align:center;
	margin: 10px;
	vertical-align:top;
	width:150px;
}

.noCaption #garage-bikeinfo-photo-list-ul li {
	min-height:130px;
}

#garage-bikeinfo-photo-list-ul li .photoListimg {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:150px;
	height:130px;
	padding-bottom:5px;
}

.noCaption #garage-bikeinfo-photo-list-ul li .photoListimg {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:150px;
	height:130px;
	padding-bottom:5px;
}

#garage-bikeinfo-photo-list-ul li .photoListimg img {
	display:block;
	margin:0 auto;
}

#garage-bikeinfo-photo-list-ul li .photoListtxt {
	padding:0 5px;
	text-align:left;
	white-space: pre; /* CSS 2.0 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3.0 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP Printers */
	word-wrap: break-word; /* IE 5+ */
}

#garage-bikeinfo-photo-list-ul li .photoListtxt span {
}

#garage-photo-page-main-pic-area {
	width:100%;
	text-align:center;
	position:relative;
	margin-bottom:10px;
}

#garage-photo-page-main-pic {
	max-width:600px;
	max-height:600px;
}

#garage-photo-page-pre-button a {
	width:100%;
	text-align:center;
	position:absolute;
	left:0px;
	background: url("images/common/slider_prev_blk50.png") no-repeat scroll 0 50% transparent;
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -9999px;
	top: 0;
	width: 30px;
}

#garage-photo-page-next-button a {
	width:100%;
	text-align:center;
	position:absolute;
	right:0px;
	background: url("images/common/slider_next_blk50.png") no-repeat scroll 0 50% transparent;
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -9999px;
	top: 0;
	width: 30px;
}

#garage-photo-page-pre-button a:hover {
	background: url(images/common/slider_prev_blk70.png) 0 50% no-repeat;
}

#garage-photo-page-next-button a:hover {
	background: url(images/common/slider_next_blk70.png) 0 50% no-repeat;
}

#garage-photo-page-main-caption {
	line-height:1.5em;
	margin-bottom:20px;
}

/*=== fb_insert */

.fbLikebutton {
	text-align:right;
	margin-bottom:15px;
}

.fbCommentbox {
	text-align:center;
	margin-bottom:15px;
}


/*=== 左カラムモジュール */

#area1 .indexGarage {
	margin-bottom:15px;
	display:block;
	clear:both;
	background-color:#333;
	border-radius: 4px ;
}

#area1 .indexGarage h2 {
	color: #fff;
	text-align: left;
	font-weight:bold;
	line-height: 24px;
	height:24px;
	padding: 5px 10px;
	margin-bottom:0;
	border: 1px solid #0096b9;
	-webkit-text-shadow: 0 1px 1px #666666;
	-moz-text-shadow: 0 1px 1px #666666;
	-ms-text-shadow: 0 1px 1px #666666;
	-o-text-shadow: 0 1px 1px #666666;
	text-shadow: 0 1px 1px #666666;
	background: #0096b9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0096b9), color-stop(1, #017b97));
	background: -webkit-linear-gradient(top, #0096b9 0%, #017b97 100%);
	background: -moz-linear-gradient(top, #0096b9 0%, #017b97 100%);
	background: -ms-linear-gradient(top, #0096b9 0%, #017b97 100%);
	background: linear-gradient(top, #0096b9 0%, #017b97 100%);
	border-top-left-radius: 4px ;
	border-top-right-radius: 4px ;
	position:relative;
}

#area1 .indexGarage h2 a {
	color: #fff;
}

#area1 .indexGarage h2 .linkTo{
	position:absolute;
	right:15px;
	font-size:85.71%;
}

#area1 #cyclist-garage-bike-viewset {
	position:relative;
}

#area1 #cyclist-garage-bike-slider {
	margin:0 auto;
	overflow: hidden;
}

#area1 #cyclist-garage-bike-slider ul {
	position:relative;
	display:block;
	width: 660px;
}

#area1 #cyclist-garage-bike-slider ul li {
	float:left;
}

#area1 #cyclist-garage-bike-slider ul li a {
	position:relative; 
	color:#ffffff;
}

#area1 #cyclist-garage-bike-slider ul li a div.bikesliderThumb {
	height:150px;
	width:150px;
	overflow:hidden; 
	position:relative; 
	z-index:1; 
}

#area1 #cyclist-garage-bike-slider ul li a div.bikesliderThumb p{
	text-align:left;
	display:none;
}

#area1 #cyclist-garage-bike-slider ul li a:hover div.bikesliderThumb {
	filter:alpha(opacity=70);
	opacity:.7;
}

#area1 #cyclist-garage-bike-slider ul li a:hover div.bikesliderThumb p{
	font-size:85.71%;
	display:block;
	position:absolute;
	margin:5px;
	left:0px;
	bottom:0px;
	-webkit-text-shadow: 0 1px 1px #000000;
	-moz-text-shadow: 0 1px 1px #000000;
	-ms-text-shadow: 0 1px 1px #000000;
	-o-text-shadow: 0 1px 1px #000000;
	text-shadow: 0 1px 1px #000000;
}

#area1 #cyclist-garage-bike-slider ul li a div.bikesliderThumb img {
	max-height:200px;
	max-width:200px;
	float:left; 
	position:absolute;
}

#area1 #cyclist-garage-bike-viewset-pre-button a {
	width:100%;
	text-align:center;
	position:absolute;
	left:0px;
	background: url("images/common/slider_prev_blk50.png") no-repeat scroll 0 50% transparent;
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -9999px;
	top: 0;
	width: 30px;
	z-index:10; 
}

#area1 #cyclist-garage-bike-viewset-next-button a {
	width:100%;
	text-align:center;
	position:absolute;
	right:0px;
	background: url("images/common/slider_next_blk50.png") no-repeat scroll 0 50% transparent;
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -9999px;
	top: 0;
	width: 30px;
	z-index:10; 
}

#area1 #cyclist-garage-bike-viewset-pre-button a:hover {
	background: url(images/common/slider_prev_blk70.png) 0 50% no-repeat;
}

#area1 #cyclist-garage-bike-viewset-next-button a:hover {
	background: url(images/common/slider_next_blk70.png) 0 50% no-repeat;
}


/*=== 右カラムモジュール */


#area2 #cyclist-garage-side-bike-viewset {
	background-color:#333;
	position:relative;
	width: 298px;
	border:1px solid #dddddd;
	overflow: hidden;
}

#area2 #cyclist-garage-side-bike-slider {
	margin:0 auto;
	overflow: hidden;
	width: 298px;
}

#area2 #cyclist-garage-side-bike-slider ul {
	position:relative;
	display:block;
	overflow: hidden;
}

#area2 #cyclist-garage-side-bike-slider ul li {
	float:left;
}

#area2 #cyclist-garage-side-bike-slider ul li a {
	position:relative; 
	color:#ffffff;
}

#area2 #cyclist-garage-side-bike-slider ul li a div.bikesliderThumb {
	height:150px;
	width:150px;
	overflow:hidden; 
	position:relative; 
	z-index:1; 
}

#area2 #cyclist-garage-side-bike-slider ul li a div.bikesliderThumb p{
	text-align:left;
	display:none;
}

#area2 #cyclist-garage-side-bike-slider ul li a:hover div.bikesliderThumb {
	filter:alpha(opacity=70);
	opacity:.7;
}

#area2 #cyclist-garage-side-bike-slider ul li a:hover div.bikesliderThumb p{
	font-size:85.71%;
	display:block;
	position:absolute;
	margin:5px;
	left:0px;
	bottom:0px;
	-webkit-text-shadow: 0 1px 1px #000000;
	-moz-text-shadow: 0 1px 1px #000000;
	-ms-text-shadow: 0 1px 1px #000000;
	-o-text-shadow: 0 1px 1px #000000;
	text-shadow: 0 1px 1px #000000;
}

#area2 #cyclist-garage-side-bike-slider ul li a div.bikesliderThumb img {
	max-height:200px;
	max-width:200px;
	float:left; 
	position:absolute;
}

#area2 #cyclist-garage-side-bike-viewset-pre-button a {
	width:100%;
	text-align:center;
	position:absolute;
	left:0px;
	background: url("images/common/slider_prev_blk50.png") no-repeat scroll 0 50% transparent;
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -9999px;
	top: 0;
	width: 30px;
	z-index:10; 
}

#area2 #cyclist-garage-side-bike-viewset-next-button a {
	width:100%;
	text-align:center;
	position:absolute;
	right:0px;
	background: url("images/common/slider_next_blk50.png") no-repeat scroll 0 50% transparent;
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -9999px;
	top: 0;
	width: 30px;
	z-index:10; 
}

#area2 #cyclist-garage-side-bike-viewset-pre-button a:hover {
	background: url(images/common/slider_prev_blk70.png) 0 50% no-repeat;
}

#area2 #cyclist-garage-side-bike-viewset-next-button a:hover {
	background: url(images/common/slider_next_blk70.png) 0 50% no-repeat;
}

/*=== input select textarea */

input,
select,
textarea {
	font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}

select,
textarea {
	padding: 2px;
	font-size: 13px;
	border: 1px solid #888;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color:#fff;
}

select {
	margin: 0;
}

input[type="radio"]+label,
input[type="checkbox"]+label {
	margin-right: 15px;
	padding-top: 10px;
}

input[type="radio"],
input[type="checkbox"],
select {
	vertical-align: middle;
}


/*=== buttons */

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border-style: none !important;
}


section#content div#buttonarea a.subbutton,
section#content div#buttonarea input.subbutton {
	font-size: 14px;
	padding : 4px 9px;
	border : 1px solid rgba(0, 0, 0, .4);
}

/*=== popupWindow */

#containerSmall {
	width:600px;
	display:block;
	margin:0 auto 20px;
	background-color:#ffffff;
	box-shadow: 0 0 10px #aaaaaa;
	-webkit-box-shadow: 0 0 10px #aaaaaa;
	-moz-box-shadow: 0 0 10px #aaaaaa;
	-ms-box-shadow: 0 0 10px #aaaaaa;
	-o-box-shadow: 0 0 10px #aaaaaa;
}

#containerSmall .global header h1  {
	background:url("http://cyclist.sanspo.com/images/common/logo_cyclist.png") left top no-repeat;
	margin:5px 15px 0;
	width:245px;
	display:block;
	min-height:95px;
}

.global p.bar {
	color:#fff;
	font-weight:bold;
	clear: both;
	display: block;
	margin: 0 auto;
	padding:0 20px;
	width: 100%;
	background:url("http://cyclist.sanspo.com/images/common/bg_navi.png") 0 0 repeat-x;
	line-height:40px;
	height:40px;
}

#containerSmall #garage-photo-area {
	margin:30px 15px;
}

#garage-photo-area #garage-reg-photo-info-area {
	margin-bottom:20px;
	text-align:center;
}

/*=== guideline */


.guideline p {
	line-height: 1.75em;
	margin-bottom: 15px;
}

.guideline h3 {
	font-weight:bold;
	margin:15px 0  5px;
	padding: 5px 10px;
	border-left:5px solid #0096b9;
}

.guideline ul {
	margin-bottom:20px;
}

.guideline ul li {
	background: url("images/common/listpoint.png") no-repeat scroll left 7px transparent;
	margin:0 0 5px 15px;
	padding: 0 0 0 12px;
}

/* 2013/04/04 add motoyama start
---------------------------------*/
.infodetail textarea{
	width:400px;
	height:200px;
}

.not-loggedin-message{
	text-align:center;
}

.no-entried-message{
	width:100%;
    text-align:center;
}
.no-entried-message div{
	text-align:left;
	margin:0 auto;
	width:450px;
}

.no-register-message{
	width:100%;
    text-align:center;
}
.no-register-message div{
	text-align:left;
	margin:0 auto;
	width:280px;
}

.counter{
	margin:0px 6px;
}

/* 2013/04/04 add motoyama end
---------------------------------*/

#whats-garage-area h2 {
	color: #fff;
	text-align: left;
	font-weight:bold;
	padding: 10px;
	margin-bottom:10px;
	border: 1px solid #0096b9;
	-webkit-text-shadow: 0 1px 1px #666666;
	-moz-text-shadow: 0 1px 1px #666666;
	-ms-text-shadow: 0 1px 1px #666666;
	-o-text-shadow: 0 1px 1px #666666;
	text-shadow: 0 1px 1px #666666;
	background: #0096b9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0096b9), color-stop(1, #017b97));
	background: -webkit-linear-gradient(top, #0096b9 0%, #017b97 100%);
	background: -moz-linear-gradient(top, #0096b9 0%, #017b97 100%);
	background: -ms-linear-gradient(top, #0096b9 0%, #017b97 100%);
	background: linear-gradient(top, #0096b9 0%, #017b97 100%);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}


#whats-garage-area h3.garageTitle {
	background: url(http://cyclist.sanspo.com/images/common/bg_title_grn.png) 0 50% repeat-x;
	margin:20px 0 10px;
}

#whats-garage-area h3.garageTitle span {
	font-size:114.3%;
	font-weight:bold;
	line-height: 1.5em;
	margin-left: 15px;
	background-color:#fff;
	padding:5px 10px;
}

#whats-garage-area p {
	font-size:middium;
	line-height:1.5;
	margin-bottom:10px;
	margin-left:10px;
}

#whats-garage-area p.leadTitle {
	font-weight:bold;
	margin-top:10px;
}

#whats-garage-area p.leadTitle span {
	font-weight:bold;
	color:#0096b9;
	margin-right:10px;
}

#whats-garage-area p.leadTitleSmall {
	font-weight:bold;
	margin-top:10px;
	padding-left:10px;
}

#whats-garage-area p.leadTitleSmall span {
	font-weight:bold;
	color:#0096b9;
	margin-right:10px;
}


#whats-garage-area p span.garageAttention {
	font-size:85.71%;
	color:#cc0000;
	display:block;
	margin-bottom:10px;
}