@charset "UTF-8";
/*　ヘッダー強制
==================================================*/
#web_header_bottom_v1 {
	display: none;
}
#web_smenu_v1 {
	display: none;
}
#web_header_inner_v1 {
	height: 135px;
}
/*　レイアウト
==================================================*/
#wapper {
	width: 100%;
}
#container, #custom-doc {
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
#mg_body {
	position: relative;
}
#mg_left {
	width: 234px;
	float: left;
}
#mg_right {
	width: 749px;
	float: right;
}
#mg_contents {
	margin: 0 0 20px 0;
	color: #333;
}
/*　共通
==================================================*/
#mg h2 {
  color: #fff;
  background: #2c3e50;
  padding: 10px 12px;
  font-size: 14px;
}
#mg a {
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
}
input {
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
}
/*　コメント　*/
div.comments {
	background: #ecf0f1;
	height: auto;
	margin: 5px 0;
	vertical-align: bottom;
	clear: both;
}
div.comments h4 {
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	padding: 10px;
}
div.comments img {
	float: left;
	margin: 0 8px;
	width: 40px;
	height: 40px;
}
div.comments dl {
	overflow: hidden;
	word-wrap: break-word;
}
div.comments dl dt span {
	font-size: 11px;
	color: #999;
}
div.comments div.clearfix {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	padding: 5px 0;
}
div.input_comment {
	padding: 8px 0 0;
	border-top: #ccc 1px solid;
}
div.input_comment p {
	color: #F10039;
	font-weight: bold;
}
div.input_comment textarea {
	border: 1px solid #B3C3D2;
	font-size: 12px;
	height: 32px;
	overflow: hidden;
	padding: 3px;
	resize: none;
	vertical-align: bottom;
	width: 450px;
}
div.input_comment input[type=button] {
	background: #2980b9;
	color: #fff;
	border: none;
	padding: 3px 7px;
	font-size: 10px;
	cursor: pointer;
}
div.input_comment input[type=button]:hover {
	background: #3498db;
}
div.contents_none {
	padding: 50px;
	text-align: center;
}
/* 投稿が無い場合 */
/* フォーム */
.form_set {
	font-family: "メイリオ", Meiryo, Verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
/* チェックボックスをスイッチ化 */
.field.switch {
	margin: 0 5px 0 0;
	float: left;
}
.field.switch input {
	display: none;
}
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span {
	display: block;
	float: left;
}
.cb-enable span, .cb-disable span {
	line-height: 20px;
	display: block;
}
.cb-enable span {
	background: #ccc;
	padding: 0 8px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.cb-enable span:hover {
	background: #9ADEFC;
}
.cb-enable.selected {
	background: #09c;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.cb-enable.selected span {
	background: #09c;
	color: #fff;
}
.cb-disable span {
	background: #ccc;
	padding: 0 10px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.cb-disable span:hover {
	background: #F96;
}
.cb-disable.selected {
	background: #F33;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.cb-disable.selected span {
	background: #F33;
	color: #fff;
}
.switch label {
	cursor: pointer;
}
/* パンくず */
#breadcrumb {
	margin: 5px 0;
}
/* フォームボタン */
.btn input[type=button], .btn input[type=submit] {
	padding: 5px 12px;
	background: #2980B9;
	border: none;
	color: #fff;
	cursor: pointer;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
	font-family: "メイリオ", Meiryo, verdana, Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
	cursor: pointer;
}
input[type=button]:hover, input[type=submit]:hover {
	background: #ccc;
}
.delete input[type=button], .delete input[type=submit] {
	background: #000;
	border:none;
	color:#fff;
	padding: 5px 7px;
	font-size: 11px;
}
.delete input[type=button]:hover, .delete input[type=submit]:hover {
	background: #333;
}
/* 右側リンクボタン(フォーム系) */
div.btn {
	text-align: center;
	margin: 15px 0 0 0;
}
div.btn a {
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
	color: #fff;
	margin: 5px 0;
	background: #2980b9;
	text-align: center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
div.btn a:hover {
	background: #3498db;
}
/* プログレスバー */
.progress {
	background: none repeat scroll 0 0 #EBEDEF;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
  border-radius: 32px;
	box-shadow: none;
	height: 12px;
	overflow: hidden;
	float: left;
	margin: 0 10px 0 0;
}
.progress .bar {
	-moz-box-sizing: border-box;
	background: #1ABC9C;
	color: #FFFFFF;
	float: left;
	font-size: 12px;
	height: 100%;
	text-align: center;
	transition: width 0.6s ease 0s;
	width: 0;
}
/*　タブメニュー
==================================================*/
#mg_nav {
	margin: 0 0 10px 0;
	clear: both;
}
#mg_nav > ul {
	float: left;
	width: 950px;
	min-height: 29px;
}
#mg_nav ul {
	position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
	background: #2c3e50;
	padding: 5px;
	z-index: 1;
}
#mg_nav ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 5px 15px;
}
#mg_nav ul li a:hover, #mg_nav ul li a.current {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
	background: #3498db;
}
#mg_nav ul li.update {
	float: right;
}
#mg_nav ul li.update a {
	background: none;
}
#mg_nav ul li.update ul {
	right: 0;
	list-style-type: none;
	margin-left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease-out 0s;
	visibility: hidden;
	width: 234px;
	z-index: -100;
	border: #ccc 1px solid;
	background: #fff;
}
#mg_nav ul li.update ul li {
	border-bottom: #ccc 1px dotted;
	padding: 5px 15px;
}
#mg_nav ul li.update ul li a {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 0;
}
#mg_nav ul li.update ul li a:hover {
	background: #ccc;
}
#mg_nav ul li > ul:before {
	position: absolute;
	top: 5px;
	width: 0;
}
#mg_nav ul li:hover > ul {
	opacity: 1;
	z-index: 100;
	top: 100%;
	-webkit-transform: scale(1, 1);
	visibility: visible;
	display: block\9;
}
#mg_nav ul li > ul {
	top: 80%;
	width: 150px;
}
#mg_nav ul ul {
	left: 0;
	list-style-type: none;
	margin-left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease-out 0s;
	visibility: hidden;
	z-index: -100;
}
#mg_nav ul ul li {
	padding: 3px;
}
#mg_nav ul ul li a {
	display: block;
}
#mg_nav ul ul li:last-child {
	border-bottom: none;
}
#mg_nav > ul > li {
	float: left;
	margin: 0 1px 0 0;
	position: relative;
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
#mg_nav > ul > li > a {
	line-height: 1.6;
}
#mg_nav #rss {
	float: right;
}
.navbar-unread {
	background-color: #E74C3C;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
	color: white;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	min-width: 8px;
	padding: 0 5px;
	position: absolute;
	right: -7px;
	text-align: center;
	text-shadow: none;
	top: -8px;
	z-index: 10;
}
/*　車両名部分
==================================================*/
#head {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: #ccc 3px solid;
}
/*　メイン画像部分
==================================================*/
#main_visual {
	position: relative;
	min-height: 260px;
	height: auto !important;
	height: 260px;
	margin: 0 0 10px 0;
	background:#efefef;
}
/* 大画像 */
#cover_photo {
	position: absolute;
	left:25px;
}
#cover_photo div {
	position: absolute;
	right: 10px;
	top: 14px;
	display: none;
}
#cover_photo div a {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
	background: #fff;
	padding: 5px;
	color: #333;
	font-size: 11px;
	text-decoration: none;
	display: block;
}
#cover_photo div a:hover {
	background: #000;
	color: #fff;
}
#cover_photo:hover div, #cover_photo div:hover {
	display: block;
}
/* プロフィール写真 */
#prof_photo {
	width: 150px;
	height: 150px;
	overflow: hidden;
	border: #2c3e50 2px solid;
	background: #fff;
	position: relative;
	top: 96px;
	left: 10px;
	text-align: center;
}
#prof_photo div {
	display: none;
	position: absolute;
	left: 13px;
	top: 55px;
}
#prof_photo:hover div {
	display: block;
}
#prof_photo div:hover {
	display: block;
}
#prof_photo div a {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
	background: #fff;
	padding: 5px;
	color: #333;
	font-size: 11px;
	text-decoration: none;
	display: block;
	border: #ccc 1px solid;
}
#prof_photo div a:hover {
	background: #000;
	color: #fff;
}
#cover_photo2{
	margin: 0 auto;	
}


/*　プロフィール
==================================================*/
#profile #prof_text {
	padding: 10px 10px 0;
	background: #2c3e50;
}
#profile .btn {
	text-align: center;
	font-size: 11px;
}
#profile .btn a {
	display: block;
	padding: 5px 7px;
	text-decoration: none;
	color: #fff;
	margin: 5px 0;
	background: #2980b9;
	text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
#profile .btn a:hover {
	background: #3498db;
}
#profile p {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	border-bottom: #1e2f40 1px solid;
}
#profile dl {
	color: #becddd;
	border-bottom: #1e2f40 1px solid;
}
#profile dl dt {
	margin: 0;
	margin-right: -13em;
	padding: 0.4em 0 0.2em;
	border-top: #405467 1px solid;
	float: left;
	clear: both;
	display: inline;
	width: 6em;
}
#profile dl dd {
	margin-left: 6em;
	padding: 0.4em;
	border-top: #405467 1px solid;
}
#profile ul {
	border-bottom: #1e2f40 1px solid;
	border-top: #405467 1px solid;
}
#profile ul li a {
	color: #becddd;
}
#profile .my_list {
	padding: 10px 0 10px 15px;
}
#profile .my_list li {
	padding: 2px 0;
	color: #6E7378;
	list-style: circle;
}
/*　カウンター
==================================================*/
#counter {
	margin: 15px 0 0 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
	border: #2c3e50 1px solid;
	padding: 3px;
}
#counter table {
	width: 100%;
	padding: 5px;
	border-collapse: collapse;
}
#counter table caption {
	color: #fff;
	background: #2c3e50;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
	padding: 5px 0;
}
#counter table th {
	padding: 5px;
	font-weight: normal;
	border: #405467 1px solid;
}
#counter table td {
	border-left: 1px solid #405467;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding: 5px;
	text-align: right;
	letter-spacing: 1px;
	border: #405467 1px solid;
}
#counter2 {
	float: right;
	margin: 0 0 10px 0;
}
#counter2 > p {
	padding: 3px;
	border: #2c3e50 1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
#counter2 > p > span {
	background: #2c3e50;
	color: #fff;
	padding: 0 5px;
	font-weight: bold;
	font-size: 14px;
	margin: 0 5px 0 0;
	letter-spacing: 3px;
}
/*　Webikeからのお知らせ
==================================================*/
#mg_information {
	color: #ff1818;
	background: #ffecf0;
	font-size: 11px;
	border: #ffb4b4 1px solid;
	padding: 5px;
	margin: 0 0 10px 0;
}
#mg_information li {
	list-style: disc;
	margin: 0 0 0 15px;
}
#mg_information li a {
	color: #ff1818;
}
/*************************************************
MyガレージTOP
*************************************************/
/*　友人近況一覧
==================================================*/
.activity_list {
	padding: 15px 0;
	border-bottom: #ccc 1px solid;
	overflow: hidden;
}
.activity_list div.al_myphoto {
	float: left;
	margin: 0 10px 0 0;
}
.activity_list div.al_detail {
	overflow: hidden;
}
.activity_list p.al_overview span {
	font-size: 11px;
	color: #999;
}
.activity_list div.al_myphoto img {
	width: 80px;
}
.activity_list h4 {
	font-weight: bold;
}
.activity_list div.al_photo {
	float: left;
	margin: 0 10px 10px 0;
}
.activity_list div.al_text {
	margin: 15px 0 0;
	overflow: hidden;
}
.activity_list div.al_text h4 {
	margin: 0 0 5px;
}
.activity_list div.al_text div {
	color: #666666;
	font-size: 12px;
}
.activity_list div.al_text div img {
	vertical-align: middle;
}
.activity_list div.al_text p {
	margin: 10px 0 0;
}
/*************************************************
一覧
*************************************************/
.list1 {
	padding: 15px 0 5px 0;
}
.list1 h3 {
	margin: 0 0 10px 0;
}
.list1 h3 span {
	font-weight: normal;
	font-size: 11px;
}
.list1 h3 input[type=checkbox] {
	vertical-align: middle;
	margin: 0 5px 0 0;
}
.list1 .edit {
	border-top: #ccc 1px solid;
	text-align: right;
	padding: 5px 0;
	clear: both;
}
.list1 .edit a {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
	background: #efefef;
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
	color: #555;
	border: #fff 1px solid;
}
.list1 .edit a:hover {
	background: #fff;
	border: #333 1px solid;
}
.list1 .eva {
	display: inline-block;
	margin: 0 0 5px 0;
}
.list1 img.thum {
	float: left;
	margin: 0 10px 10px 0;
	border: #ccc 1px solid;
}
.list1 ul.count {
	font-size: 10px;
	color: #999;
	clear: both;
	text-align: right;
	border-top: #ccc 1px solid;
	padding: 5px 0 0 0;
}
.list1 ul.count li {
	display: inline;
	margin: 0 5px 0 0;
}
.list2 {
	padding: 10px 0 5px 0;
  /* 友達未承認 */
  /* 写真選択済み */ }
.list2 ul {
	border-bottom: 1px solid #ccc;
	min-width: 130px;
	display: inline;
}
.list2 ul li {
  float: left;
  width: 166px;
  text-align: center;
  border: #ccc 1px solid;
  padding: 10px;
  min-height: 160px;
  margin: 0 -1px -1px 0;
	background:#efefef;
}
.list2 ul li span {
	display: block;
}
.list2 ul li a.thum {
	display: block;
	height: 138px;
	margin:0 0 10px 0;
}
.list2 ul li a.thum img {
  max-width: 140px;
  max-height: 100px;	
	margin:0 0 10px 0;
	border:#fff 5px solid;
}
.list2 ul li a.remove {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  background: #fff;
  display: inline-block;
  padding: 5px 15px;
  text-decoration: none;
  color: #555;
}
.list2 ul li a.remove:hover {
  background: #555;
	color:#fff;
}
.list2 ul li.not_friend {
	background: #FFC;
	position: relative;
}
.list2 ul li.not_friend p {
	display: none;
	z-index: 1;
	position: absolute;
	text-align: left;
	height: 100px;
	overflow: auto;
}
.list2 ul li.not_friend:hover p {
	display: block;
	background: #fff;
	padding: 10px;
}
.list2 ul li.current {
	background: #FFC;
}
.list3 {
	padding: 10px 0 5px 0;
}
.list3 ul {
	min-width: 130px;
	display: inline-block;
}
.list3 ul li {
	float: left;
	width: 353px;
	border: #ccc 1px solid;
	padding: 5px;
	min-height: 100px;
	margin: -1px 0 0 -1px;
}
.list3 ul li span {
	display: block;
	font-weight: bold;
}
.list3 ul li a.thum {
	display: block;
	height: 105px;
	overflow: hidden;
}
.list3 ul li a.thum img {
	max-width: 130px;
	float: left;
	margin: 0 10px 0 0;
}
/*************************************************
ページ移動
*************************************************/
.prev_next li.prev {
	float: left;
	width: 50%;
}
.prev_next li.next {
	float: right;
	width: 50%;
	text-align: right;
}
/*************************************************
日記投稿
*************************************************/
/* タイトル */
#diary_form {
/* 写真アップロード */
  /* アップロード前 */
  /* アップロード後 */
  /* オプション */
  /* 主要項目 */
  /* 地図 */
  /* ボタン部分 */
  /* ソーシャル/投稿ボタン
  ==================================================*/
  /* ソーシャル */
  /* 投稿ボタン部分 */ }
#diary_form .df_box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
	background: #efefef;
	padding: 10px;
	margin: 0 0 10px 0;
}
#diary_form input {
	border: #ccc 1px solid;
	padding: 2px;
	vertical-align: middle;
}
#diary_form .must {
	border: #f28ab1 2px solid;
}
#diary_form select {
	border: #ccc 1px solid;
	padding: 2px;
}
#diary_form textarea {
	border: #ccc 1px solid;
	padding: 2px;
	width: 700px;
	height: 150px;
}
#diary_form dl dt {
	font-weight: bold;
}
#diary_form dl dt span {
	font-size: 12px;
	font-weight: normal;
}
#diary_form dl dd {
	margin: 5px 0 0 0;
}
#diary_form #df_title dt {
	float: left;
	width: 60px;
	padding: 3px 0 0 0;
	margin: 0;
}
#diary_form #df_title dd {
	float: left;
	width: 640px;
	margin: 0;
}
#diary_form #df_title input {
	font-size: 16px;
	font-weight: bold;
	width: 640px;
}
#diary_form #df_main .photo {
	position: relative;
	overflow: hidden;
	width: 320px;
	min-height: 240px;
	height: auto !important;
	height: 240px;
	float: left;
	overflow: hidden;
	text-align: center;
}
#diary_form .photo {
	float: left;
	position: relative;
	width: 320px;
	height: 240px;
	margin: 0;
	text-align: center;
	overflow: hidden;
}
#diary_form .photo p {
	width: 320px;
	height: 240px;
	margin: 0;
	top: 10px;
	position: absolute;
	cursor: pointer;
	background: url(/sys_images/upload_photo.gif) no-repeat;
}
#diary_form .photo .large_p {
	width: 320px;
}
#diary_form .photo .small_p {
	height: 240px;
}
#diary_form .photo .file {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 320px;
	height: 240px;
	font-size: 300px;
	z-index: 2;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#diary_form .photo .change p {
	width: 164px;
	height: 34px;
	margin: 0;
	cursor: pointer;
	background: url(/sys_images/btn_change.png) no-repeat;
	position: absolute;
}
#diary_form .photo .change .file {
	position: absolute;
	width: 164px;
	height: 34px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#diary_form .photo ul li.delete {
	position: absolute;
	top: 50px;
}
#diary_form .photo ul.actions {
	display: none;
	position: absolute;
	top: 86px;
	left: 86px;
}
#diary_form .photo ul li {
	margin: 0 0 10px 0;
	z-index: 2;
}
#diary_form .photo ul li.change a {
	background: url(/sys_images/btn_change.png) no-repeat;
	width: 164px;
	height: 34px;
	text-indent: -9999pt;
	display: block;
}
#diary_form .photo ul li.delete a {
	background: url(/sys_images/btn_delete.png) no-repeat;
	width: 164px;
	height: 34px;
	text-indent: -9999pt;
	display: block;
}
#diary_form .photo ul li a:hover, #diary_form .photo ul li p:hover {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
#diary_form .option1 dl dt, #diary_form .option2 dl dt {
	float: left;
	width: 110px;
	margin: 0 5px 5px 0;
}
#diary_form .option1 dl dd, #diary_form .option2 dl dd {
	float: left;
	width: 500px;
	margin: 0 0 5px 0;
}
#diary_form #df_main .text {
	width: 380px;
	min-height: 240px;
	height: auto !important;
	height: 240px;
	float: right;
}
#diary_form #df_main .text dl dt {
	float: left;
	margin: 0 5px 10px 0;
	width: 105px;
}
#diary_form #df_main .text dl dd {
	width: 200px;
	margin: 0 0 10px;
	float: left;
}
#diary_form #df_main .text dl dd img {
	vertical-align: middle;
}
#diary_form #df_main .event {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
	padding: 5px;
	background: #fff;
}
#diary_form #df_main .event input {
	margin: 0 5px 0 0;
}
#diary_form #map_area dt {
	cursor: pointer;
	background: url(/sys_images/icon.gif) no-repeat right;
}
#diary_form #map_area dt.open {
	background: url(/sys_images/icon2.gif) no-repeat right;
}
#diary_form #map_area dd {
	display: none;
}
#diary_form #btn_add {
	text-align: center;
	margin: 0 0 50px 0;
}
#diary_form #btn_add img {
	cursor: pointer;
}
#diary_form .dummy {
	display: none;
}
#diary_form .btn_delete {
	/*display:none;*/
	margin: 0 0 10px 0;
}
#diary_form .btn_delete.view {
	display: block;
}
#diary_form .chapter {
	background: #dfdfdf;
	padding: 10px 10px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
	margin: 0 0 10px 0;
}
#diary_form .chapter .text {
	float: right;
	width: 359px;
}
#diary_form .chapter .text textarea {
	width: 349px;
	min-height: 210px;
	height: auto !important;
	height: 210px;
}
#diary_form .chapter .option2 {
	float: left;
	width: 709px;
}
#diary_form .chapter .btn_delete {
	text-align: right;
	float: right;
}
#diary_form .chapter .btn_delete img {
	cursor: pointer;
}
#diary_form #control {
	background: #dce9ef;
	padding: 10px;
}
#diary_form .social {
	background: #fff;
	text-align: center;
}
#diary_form .social li {
	display: inline;
	margin: 0 10px;
}
#diary_form .social a {
	color: #333;
	text-decoration: none;
}
#diary_form .social img {
	vertical-align: middle;
	margin: 0 5px 0 0;
}
#diary_form #btns {
	margin: 15px 0 0 0;
	text-align: center;
}
#diary_form #btns li {
	margin: 5px 0 0;
}
/*************************************************
日記表示
*************************************************/
#diary {
	padding: 20px 0 0 0;/*　ジャンルアイコン
  ==================================================*/
  /* 日帰り＆ロング */
  /* 日帰りツーリング */
  /* グルメ */
  /* 温泉 */
  /* 林道 */
  /* フェリー */
  /* キャンプ */
  /* ツーリング仲間 */
  /* おすすめルート */
  /* 絶景ポイント */
  /* 道の駅 */
  /* ツーリング準備 */
  /* 名所、名跡めぐり */
  /* 宿泊施設 */
  /* その他 */
  /*　タイトル
  ==================================================*/
  /* いいねボタン */
  /*　日記詳細
  ==================================================*/
  /*　チャプター
  ==================================================*/ }
#diary .genre_touring {
	position: absolute;
	background: url(/sys_images/commu/touring_icon01.png) no-repeat;
	width: 100px;
	height: 60px;
	z-index: 3;
}
#diary .genre_longtouring {
	position: absolute;
	background: url(/sys_images/commu/touring_icon02.png) no-repeat;
	width: 100px;
	height: 60px;
	z-index: 3;
}
#diary .genre_grume {
	position: absolute;
	background: url(/sys_images/commu/touring_icon03.png) no-repeat;
	width: 100px;
	height: 60px;
	z-index: 3;
}
#diary .genre_spring {
	position: absolute;
	background: url(/sys_images/commu/touring_icon04.png) no-repeat;
	width: 100px;
	height: 60px;
	z-index: 3;
}
#diary .genre_forest {
	position: absolute;
	background: url(/sys_images/commu/touring_icon05.png) no-repeat;
	width: 100px;
	height: 60px;
	z-index: 3;
}
#diary .genre_ferry {
	position: absolute;
	background: url(/sys_images/commu/touring_icon06.png) no-repeat;
	width: 100px;
	height: 60px;
	z-index: 3;
}
#diary .genre_camp {
	position: absolute;
	background: url(/sys_images/commu/touring_icon07.png) no-repeat;
	width: 100px;
	height: 60px;
	z-index: 3;
}
#diary .genre_fellow {
	position: absolute;
	background: url(/sys_images/commu/touring_icon08.png) no-repeat;
	width: 100px;
	height: 60px;
	z-index: 3;
}
#diary .genre_route {
	position: absolute;
	background: url(/sys_images/commu/touring_icon09.png) no-repeat;
	width: 100px;
	height: 60px;
	z-index: 3;
}
#diary .genre_point {
	position: absolute;
	background: url(/sys_images/commu/touring_icon10.png) no-repeat;
	width: 100px;
	height: 60px;
	z-index: 3;
}
#diary .genre_station {
	position: absolute;
	background: url(/sys_images/commu/touring_icon11.png) no-repeat;
	width: 100px;
	height: 60px;
	z-index: 3;
}
#diary .genre_preparation {
	position: absolute;
	background: url(/sys_images/commu/touring_icon12.png) no-repeat;
	width: 100px;
	height: 60px;
	z-index: 3;
}
#diary .genre_famous {
	position: absolute;
	background: url(/sys_images/commu/touring_icon13.png) no-repeat;
	width: 100px;
	height: 60px;
	z-index: 3;
}
#diary .genre_inn {
	position: absolute;
	background: url(/sys_images/commu/touring_icon14.png) no-repeat;
	width: 100px;
	height: 60px;
	z-index: 3;
}
#diary .genre_other {
	position: absolute;
	background: url(/sys_images/commu/touring_icon15.png) no-repeat;
	width: 100px;
	height: 60px;
	z-index: 3;
}
#diary #diary_title {
	background: url(/sys_images/commu/touring.png) no-repeat bottom;
	margin: 60px 0 10px 0;
	padding: 0 0 15px 0;
	position: relative;
}
#diary .float_title {
	position: fixed;
	top: 0;
	background: #fff;
	margin: 0;
	z-index: 100;
	border-bottom: #ccc 3px solid;
	padding: 15px 0;
	box-shadow: 0 5px 6px -5px #777777;
}
#diary #diary_title img.user_icon {
	width: 60px;
	height: 60px;
	float: left;
	margin: 0 10px 0 0;
}
#diary #diary_title h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0 0 0;
	background: none;
	color: #000;
}
#diary .actions {
	float: right;
	position: relative;
}
#diary #diary_detail {
	margin: 0 0 10px 0;
}
#diary a.photo {
	float: left;
	margin: 0 15px 15px 0;
	display: block;
	text-align: center;
}
#diary a.small_p {
	width: 318px;
	border: #ccc 1px solid;
}
#diary a.large_p img {
	width: 320px;
}
#diary #diary_detail dl.spec {
	float: left;
	width: 390px;
	padding: 10px 10px 5px;
	margin: 0 0 10px 0;
	border: #ccc 2px solid;
	background: #efefef;
}
#diary #diary_detail dl.spec2 {
	padding: 10px 10px 5px;
	margin: 0 0 10px 0;
	border: #ccc 2px solid;
	background: #efefef;
}
#diary #diary_detail dl.spec dt, #diary #diary_detail dl.spec2 dt {
	float: left;
	margin: 0 0 5px 0;
	width: 100px;
}
#diary #diary_detail dl.spec dd, #diary #diary_detail dl.spec2 dd {
	margin: 0 0 5px 0;
}
#diary #diary_detail p {
	margin: 0 0 15px 0;
}
#diary dl.attend {
	clear: both;
	border-top: #ccc 1px dotted;
	border-bottom: #ccc 1px dotted;
	background: #efefef;
	padding: 5px 0;
	margin: 5px 0 0 0;
	font-size: 11px;
}
#diary dl.attend dt {
	display: inline;
	font-weight: bold;
	margin: 0 0 0 8px;
}
#diary dl.attend dd {
	display: inline;
}
#diary .chapter {
	border-top: 1px dotted #CCCCCC;
	margin: 0 0 15px;
	padding: 15px 0 0;
}
#diary .chapter span {
	color: #999999;
	display: block;
	font-weight: bold;
}
/*　関連情報
==================================================*/
#material {
	margin: 15px 0 0 0;/* 日帰り＆ロング */
  /* 日帰りツーリング */
  /* グルメ */
  /* 林道 */
  /* フェリー */
  /* キャンプ */
  /* ツーリング仲間 */
  /* おすすめルート */
  /* 絶景ポイント */
  /* 道の駅 */
  /* ツーリング準備 */
  /* 名所、名跡めぐり */
  /* 宿泊施設 */
  /* その他 */ }
#material h3 {
	color: #fff;
	background: #2c3e50;
	padding: 5px 10px;
	font-size: 14px;
}
#material li {
	margin: 5px 0 0 0;
}
#material span.icon {
	display: inline-block;
	width: 120px;
	height: 20px;
	background: url(/sys_images/commu/touringcate_splie.gif) no-repeat;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
#material span.genre_touring {
	background-position: 0 0;
}
#material span.genre_longtouring {
	background-position: 0 -40px;
}
#material span.genre_grume {
	background-position: 0 -80px;
}
#material span.genre_spring {
	background-position: 0 -120px;
}
#material span.genre_forest {
	background-position: 0 -160px;
}
#material span.genre_ferry {
	background-position: 0 -200px;
}
#material span.genre_camp {
	background-position: 0 -240px;
}
#material span.genre_fellow {
	background-position: 0 -280px;
}
#material span.genre_route {
	background-position: 0 -320px;
}
#material span.genre_point {
	background-position: 0 -360px;
}
#material span.genre_station {
	background-position: 0 -400px;
}
#material span.genre_preparation {
	background-position: 0 -440px;
}
#material span.genre_famous {
	background-position: 0 -480px;
}
#material span.genre_inn {
	background-position: 0 -520px;
}
#material span.genre_other {
	background-position: 0 -560px;
}
#material span.date {
	font-size: 10px;
	color: #555;
}
/*************************************************
インプレッション
*************************************************/
#impression .article dl {
	margin: 30px 0 0 0;
}
#impression .article dl dt {
	font-weight: bold;
	font-size: 16px;
}
#impression p img {
	float: left;
	width: 200px;
	margin: 0 10px 10px 0;
}
#impression .article dl dd.movie {
	background: #efefef;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 10px;
	line-height: 0;
}
#impression h2 {
	background: none;
	padding: 0;
}
#impression .ui_appraisal {
	border: 1px dotted #CCCCCC;
	padding: 10px;
	margin: 10px 0;
}
#impression .ui_appraisal ul {
	height: auto;
	min-height: 20px;
	padding: 0 0 0 30px;
}
#impression .ui_appraisal ul.good {
	background: url(/sys_images/sd/icon.gif) no-repeat scroll 0 -292px transparent;
	margin: 0 0 15px;
}
#impression .ui_appraisal ul.bad {
	background: url(/sys_images/sd/icon.gif) no-repeat scroll 0 -359px transparent;
}
#impression .ui_appraisal li {
	display: inline;
	margin: 0 10px 0 0;
}
#impression .reference {
	background: #EFEFEF;
	font-size: 10px;
	padding: 7px 7px 5px 5px;
	text-align: right;
}
#impression .agree {
	font-weight: bold;
	color: #FF0000;
}
#impression .evaluation-y, #impression .evaluation-n {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
	background: #f1c40f;
	color: #000;
	display: inline-block;
	width: 35px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
}
#impression .evaluation-y:hover, #impression .evaluation-n:hover {
	background: #f39c12;
}
.action2 {
	float: right;
	margin-bottom: 12px;
	margin-top: 0;
	font-size: 11px;
}
.action2 a {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
	background: #2980b9;
	color: #fff;
	display: block;
	width: 100px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	margin: 0 0 5px 0;
}
.action2 a:hover {
	background: #3498db;
}
.action3 {
	float: right;
	margin-bottom: 12px;
	margin-top: 0;
	font-size: 11px;
}
.action3 a {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
	background: #2980b9;
	color: #fff;
	display: block;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	margin: 0 0 5px 0;
}
.action3 a:hover {
	background: #3498db;
}
/*　インプレヘッダー
==========================================================================*/
.impre_header {
	margin: 0 auto 15px;
	width: 750px;
}
.impre_header .impre_flow {
	float: left;
}
.impre_header .impre_usage {
	float: right;
	position: relative;
	top: 30px;
}
.impre_header p {
	text-align: center;
	margin: 30px 0 0 0;
}
.impre_goods {
	border-radius: 3px;
	border: #ccc 3px solid;
	margin: 0 0 10px 0;
	padding: 15px;
}
.impre_goods img {
	max-width: 140px;
	max-height: 140px;
}
/*　インプレ投稿画面
==========================================================================*/
.impre_main {
	font-size: 13px;
	color: #333;
}
.impre_main table {
	margin: 0 0 30px 0;
	border-top: #ccc 1px solid;
}
.impre_main table th {
	background: #efefef;
	padding: 15px;
	width: 230px;
	border-top: #fff 1px solid;
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
	vertical-align: top;
}
.impre_main table th span.icon_must {
	background: #333;
	color: #fff;
	display: inline-block;
	padding: 3px 8px;
	float: right;
	font-weight: normal;
	font-size: 11px;
}
.impre_main table td {
	padding: 10px;
	border-top: #fff 1px solid;
	border-bottom: #ccc 1px solid;
	border-left: #fff 1px solid;
}
.impre_main table td.must_area {
	background: #FFE2E2;
}
.impre_main table td.must_area .message {
	color: #c71444;
	margin: 0 0 5px 0;
}
.impre_main table td p{
	margin: 10px 0 0 0;
	cursor: pointer;
	background: none;
	position: relative;
	width: inherit;
	height: inherit;
	cursor: text;
}
.impre_main input, .impre_main textarea, .impre_main select {
	border: #ccc 1px solid;
	padding: 5px;
	vertical-align: middle;
	color: #333;
}
.impre_main input.caption{
	margin:10px 0 0 0;
}
.impre_main dl {
	overflow: hidden;
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
	background: #fff;
}
.impre_main dl dt {
	float: left;
	width: 25%;
	padding: 5px 10px;
	font-weight: bold;
	background: #efefef;
	box-sizing: border-box;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	height: 40px;
	line-height: 30px;
}
.impre_main dl dd {
	float: left;
	width: 75%;
	padding: 5px;
	background: #fff;
	box-sizing: border-box;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	height: 40px;
	line-height: 30px;
}
.impre_main dl dd img {
	vertical-align: middle;
}
.impre_main dl dd span[id^="star"]{
	position:relative;	
}
.impre_main dl dd img.raty-cancel{
	position:absolute;
	top:0;
	right:-60px;
}
.impre_main .total_value {
	padding: 10px;
	font-weight: bold;
	font-size: 20px;
	background: #efefef;
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-left: #ccc 1px solid;
	text-align: center;
}
.impre_main .total_value span {
	font-weight: normal;
	font-size: 12px;
}
.impre_main .total_value #ave {
	font-weight: bold;
	font-size: 20px;
	color: #ff8400;
}
.impre_main .attention {
	color: #c71444;
	font-size: 11px;
	margin: 10px 0 0;
}
.impre_main .photo{
	position:relative;
	width:320px;
}
.impre_main .photo .large_p,
.impre_main .photo .small_p {
	max-width: 320px;
}
.impre_main .photo ul.actions {
	display: none;
	position: absolute;
	width:164px;
	height:34px;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	left:0;
	padding:0;
}
.impre_main .photo ul li.delete a {
	background: url(/sys_images/btn_delete.png) no-repeat;
	width: 164px;
	height: 34px;
	text-indent: -9999pt;
	display: block;
}
.impre_main .photo ul li a:hover, .photo ul li p:hover {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
.btn_area {
	text-align: center;
	margin: 30px auto;
}
.btn_area input[type="submit"],
.btn_area input[type="button"] {
	padding: 15px 50px;
	cursor: pointer;
}


/* レイアウト */
#wrap_imp #impre_main, #wrap_imp #bd {
  width: 754px;
  margin: 0 auto;
}
/* 投稿フォオーム */
#impre_form {
  margin: 20px 0;
}
/* 共通 */
#impre_form .if_box {
  border-radius: 5px;
  background: #fff;
  padding: 10px;
  margin: 0 0 10px 0;
}

#impre_form .if_boxend {
  margin: 0;
}

#impre_form .if_box dt {
  font-weight: bold;
}

#impre_form .must {
  border: #f8b3cd 3px solid;
}

#impre_form input, #impre_form textarea {
  border: #ccc 1px solid;
  padding: 2px;
  vertical-align: middle;
  color: #333;
}

#impre_form dl dd {
  margin: 5px 0 0;
}
#impre_contents {
  border-radius: 5px;
  padding: 10px;
  background: #dfdfdf;
}
/* レイアウト */
#impre_contents {
	border-radius: 5px;
	padding: 10px;
	background: #dfdfdf;
}
/* 商品詳細 */
#goods_detail img {
	float: left;
	margin: 0 10px 0 0;
}
#goods_detail div {
	float: left;
}
#goods_detail div h2 {
	font-size: 14px;
	background: none;
	color: inherit;
	padding: 0;
}
/* 評価 */
#value dl dt {
	float: left;
	width: 130px;
}
#value dl dd {
	float: left;
	width: 500px;
	margin: 0;
}
#value dl dd img {
	vertical-align: top;
	margin: -5px 0 0 0;
}
/* 良い点悪い点 */
#impre_form #dashboard {
	overflow: hidden;
}
#impre_form #dashboard dl {
	float: left;
	width: 335px;
	padding: 10px;
}
#impre_form #dashboard dl dt {
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	color: #4f79a5;
	padding: 0 0 0 20px;
}
#impre_form #dashboard dl.good dt {
	background: url(/sys_images/sd/icon.gif) no-repeat 0 -292px;
}
#impre_form #dashboard dl.bad dt {
	background: url(/sys_images/sd/icon.gif) no-repeat 0 -359px;
}
#impre_form #dashboard ul li {
	list-style: circle;
	margin: 0 0 0 15px;
	list-style: none;
	margin: 0;
}
#impre_form #dashboard p {
	margin: 15px 0 0 0;
}
#impre_form #dashboard p input {
	width: 300px;
}
#impre_form .ui_appraisal {
	border: 1px dotted #CCCCCC;
	padding: 10px;
}
#impre_form .ui_appraisal ul {
	height: auto !important;
	min-height: 20px;
	padding: 0 0 0 30px;
}
#impre_form .ui_appraisal ul.good {
	background: url(/sys_images/sd/icon.gif) no-repeat 0 -292px;
	margin: 0 0 15px;
}
#impre_form .ui_appraisal ul.bad {
	background: url(/sys_images/sd/icon.gif) no-repeat 0 -359px;
}
/* タイトル */
#impre_form #if_title {
	font-size: 14px;
}
#impre_form #if_title dl dt {
	float: left;
	width: 70px;
	padding: 3px 0 0 0;
	margin: 0;
}
#impre_form #if_title dl dd {
	float: left;
	width: 590px;
	margin: 0;
}
#impre_form #if_title input {
	font-size: 16px;
	font-weight: bold;
	width: 634px;
}
/* 写真アップロード前 */
#impre_form .photo {
	position: relative;
	width: 320px;
	height: 240px;
	margin: 0;
	text-align: center;
	overflow: hidden;
	float:left;
}
#impre_form .photo p {
	width: 320px;
	height: 240px;
	margin: 0;
	top: 10px;
	position: absolute;
	cursor: pointer;
	background: url(/sys_images/upload_photo.gif) no-repeat;
}
/* IE7 only */
*:first-child + html .photo p {
	width: 320px;
	height: 240px;
	margin: 0 0 0 -160px;
	top: 10px;
	position: absolute;
	cursor: pointer;
	background: url(/sys_images/upload_photo.gif) no-repeat;
}
#impre_form .photo .large_p {
	max-width: 320px;
}
#impre_form .photo .small_p {
	max-height: 240px;
}
#impre_form .photo .file {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 320px;
	height: 240px;
	font-size: 300px;
	z-index: 2;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#impre_form .photo .change p {
	width: 164px;
	height: 34px;
	margin: 0;
	cursor: pointer;
	background: url(/sys_images/btn_change.png) no-repeat;
	position: absolute;
}
#impre_form .photo .change .file {
	position: absolute;
	width: 164px;
	height: 34px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	top:-34px;
	padding:0;
}
#impre_form .photo ul li.delete {
	position: absolute;
	top: 50px;
}
#impre_form .photo ul.actions {
	display: none;
	position: absolute;
	top: 86px;
	left: 86px;
}
#impre_form .photo ul li {
	margin: 0 0 10px 0;
	z-index: 2;
}
#impre_form .photo ul li.change a {
	background: url(/sys_images/btn_change.png) no-repeat;
	width: 164px;
	height: 34px;
	text-indent: -9999pt;
	display: block;
}
#impre_form .photo ul li.delete a {
	background: url(/sys_images/btn_delete.png) no-repeat;
	width: 164px;
	height: 34px;
	text-indent: -9999pt;
	display: block;
}
#impre_form .photo ul li a:hover, .photo ul li p:hover {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
/* アップロード後 */
/* 本文 */
#impre_form .text {
	float: right;
	width: 364px;
}
#impre_form .text textarea {
	width: 354px;
	min-height: 208px;
	height: auto !important;
	height: 208px;
}
/* 動画 */
#movie {
	float: left;
	width: 320px;
	margin: 0;
	min-height: 105px;
	height: auto !important;
	height: 105px;
}
#movie p {
	font-size: 10px;
	color: #990033;
	margin: 5px 0 0 0;
}
/* 車種選択 */
#select_bike {
	float: right;
	width: 364px;
	min-height: 105px;
	height: auto !important;
	height: 105px;
}
#select_bike select {
	width: 115px;
}
#select_bike #mybike {
	border-radius: 5px;
	background: #ededed;
	padding: 10px;
	margin: 15px 0 0 0;
}
/* キャンペーン申し込み */
.if_boxend ul li {
	float: left;
	margin: 0 10px 0 0;
}
.post_text {
	margin: 10px 0 0;
}
div.article {
	margin: 0 0 10px;
}
/* 送信ボタン */
.submit {
	text-align: center;
	margin: 15px 0 0 0;
}
/*下部のテキストリンク*/
#wrap_imp #container .underlink {
	text-align: right;
	line-height: 200%;
	padding-top: 10px;
	clear: both;
}
#wrap_imp #container .underlink a {
	background: url(/sys_images/footer/footer_menu_icon.gif) no-repeat 0 5px;
	padding: 0 0 0 10px;
	margin: 0 10px 0 0;
}
#wrap_imp #container .underlink_post {
	text-align: right;
	line-height: 200%;
	padding-top: 45px;
	clear: both;
}
/* 注意書き */
.impre_post_caution {
	background: url(/garage_img/icon_caution.gif) 0 center no-repeat;
	color: #EE0000;
	padding: 0 0 0 16px;
	font-size: 12px;
	font-weight: normal;
}
/*　インプレ確認画面
==========================================================================*/
/* 投稿内容 */
#custom-doc .post_text {
	margin: 10px 0 0 0;
}
#custom-doc .post_text img {
	float: left;
	margin: 0 10px 10px 0;
}
#custom-doc .please_read {
	background: #eee;
	border-radius: 5px;
	border: #ccc 3px solid;
	padding: 10px;
	font-size: 12px;
	margin: 40px 0 10px 0;
}
#custom-doc .please_read p {
	color: #982000;
}
#custom-doc .please_read img {
	vertical-align: middle;
}
#custom-doc .please_read li {
	list-style: square;
	margin: 0 0 5px 20px;
}
#custom-doc .button_side_text {
	color: #990000;
	float: left;
	font-size: 10px;
	line-height: 120%;
	padding-left: 20px;
	padding-bottom: 10px;
	text-indent: -1.8em;
	width: 330px;
}
.button_side_text2 {
	color: #990000;
	float: left;
	font-size: 10px;
	line-height: 120%;
	padding-left: 20px;
	padding-bottom: 10px;
	text-indent: -1.8em;
	width: 330px;
}
/*送信ボタン*/
#submit > div {
	text-align: center;
	background: #eee;
	padding: 15px;
	margin: 0 0 10px 0;
}
#submit > div > div {
	margin: 0 0 5px 0;
}
.please_read {
	background: #eee;
	border-radius: 5px;
	border: #ccc 3px solid;
	padding: 10px;
	font-size: 12px;
	margin: 40px 0 10px 0;
}
.please_read p {
	color: #982000;
}
.please_read img {
	vertical-align: middle;
}
.please_read li {
	list-style: square;
	margin: 0 0 5px 20px;
}
.button_side_text, .button_side_text2 {
	color: #990000;
	float: left;
	font-size: 10px;
	line-height: 120%;
	padding-left: 20px;
	padding-bottom: 10px;
	text-indent: -1.8em;
	width: 330px;
}
/*　インプレ完了画面
==========================================================================*/
/*インプレ完了ページ ユーザータイトル */
#impre_info2 {
	font-weight: bold;
	margin: 30px 0;
	color: #c71444;
}
#impre_info2 span {
	background-color: #555555;
	color: #FFFFFF;
	margin: 5px 5px 8px;
	padding: 5px;
}
/*公開審査中 グレー*/
/*************************************************
友達
*************************************************/
/*　検索
==================================================*/
.search_set01 {
	margin: 10px 0;
}
.search_set01 .search_set01 select {
	border: #ccc 1px solid;
	padding: 3px;
	font-family: "メイリオ", Meiryo, verdana, Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
	max-width: 200px;
	width: auto !important;
	width: 200px;
}
.search_set02 {
	margin: 10px 0;
}
.search_set02 .search_set02 .section {
	padding: 10px;
}
.search_set02 h3 {
	padding: 3px 5px;
	background: #efefef;
	margin: 0 0 10px 0;
}
.search_set02 dl {
	padding: 5px;
	border-bottom: #ccc 1px dotted;
}
.search_set02 dl dt {
	float: left;
	font-weight: bold;
	width: 130px;
}
/*　友達を招待する、申請する
==================================================*/
#invite {
	margin: 10px 0;
}
#invite table {
	border: #ccc 1px solid;
	margin: 0 0 10px 0;
	border-collapse: collapse;
	width: 100%;
}
#invite table th {
	font-weight: bold;
	width: 220px;
	padding: 10px;
	background: #efefef;
	vertical-align: top;
	border: #ccc 1px solid;
}
#invite table th span {
	font-weight: normal;
	display: block;
}
#invite table td {
	padding: 10px;
	overflow: hidden;
	border: #ccc 1px solid;
}
#invite table td input {
	border: #ccc 1px solid;
	padding: 3px;
	width: 300px;
	margin: 0 0 5px 0;
}
#invite table td textarea {
	border: #ccc 1px solid;
	padding: 3px;
	width: 499px;
	font-size: 12px;
}
#invite table td input[type=submit] {
	padding: 10px;
}
#invite table td img {
	float: left;
	margin: 0 5px 0 0;
}
/*　メッセージ
==================================================*/
#message_menu {
	background: #2c3e50;
	border-radius: 5px;
	padding: 10px 10px 0;
	overflow: hidden;
}
#message_menu li {
	margin: 0 0 10px 0;
	font-size: 11px;
}
#message_menu li a {
	font-size: 11px;
	display: block;
	padding: 5px 2px;
	text-decoration: none;
	color: #fff;
	background: #2980b9;
	text-align: center;
	border-radius: 3px;
}
#message_menu li a:hover {
	background: #3498db;
}
#message .bulk {
	padding: 10px;
	background: #efefef;
}
#message .bulk select {
	padding: 2px;
	border: #ccc 1px solid;
}
#message table {
	width: 100%;
}
#message table tr.unread {
	font-weight: bold;
}
#message table tr:nth-child(even) {
	background: #efefef;
}
#message table td {
	padding: 5px;
}
#message table td.checkbox {
	width: 10px;
}
#message table td.name {
	width: 150px;
}
#message table td.time {
	width: 200px;
}
#message .message_nav li {
	float: left;
}
#message li.delete {
	float: right;
	margin: 0 0 10px 0;
}
#message .receive {
	margin: 10px 0 0 0;
	padding: 10px;
	border: #ccc 5px solid;
	border-radius: 5px;
	position: relative;
}
#message .receive:after {
	content: " ";
	position: absolute;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top-color: #1c69bb;
	top: 11%;
	left: 50%;
}
#message .receive img {
	height: 38px;
	float: left;
	margin: 0 10px 0 0;
}
#message .receive p {
	overflow: hidden;
	padding: 5px 0 0 0;
	border-top: #ccc 1px dotted;
	margin: 5px 0 0 0;
}
#message .send {
	margin: 10px 0 0 0;
	padding: 10px;
}
#message .send input, #message .send textarea {
	border: #ccc 1px solid;
	padding: 3px;
	width: 702px;
}
#message .send dl dt {
	font-weight: bold;
}
#message .send dl dd {
	border-bottom: #ccc 1px solid;
	padding: 10px 0;
	margin: 0 0 10px 0;
}

#message .photo {
	position: relative;
	width: 320px;
	height: 240px;
	margin: 0;
	text-align: center;
	overflow: hidden;
}
#message .photo p {
	width: 320px;
	height: 240px;
	margin: 0;
	top: 10px;
	position: absolute;
	cursor: pointer;
	background: url(/sys_images/upload_photo.gif) no-repeat;
}
#message .photo .large_p {
	width: 320px;
}
#message .photo .small_p {
	height: 240px;
}
#message .photo .file {
	position: absolute;
	top: -40px;
	left: 10px;
	width: 320px;
	height: 240px;
	font-size: 300px;
	z-index: 2;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#message .photo .change p {
	width: 164px;
	height: 34px;
	margin: 0;
	cursor: pointer;
	background: url(/sys_images/btn_change.png) no-repeat;
	position: absolute;
}
#message .photo .change .file {
	position: absolute;
	width: 164px;
	height: 34px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#message .photo ul li.delete {
	position: absolute;
	top: 50px;
}
#message .photo ul.actions {
	display: none;
	position: absolute;
	top: 86px;
	left: 86px;
}
#message .photo ul li {
	margin: 0 0 10px 0;
	z-index: 2;
}
#message .photo ul li.change a {
	background: url(/sys_images/btn_change.png) no-repeat;
	width: 164px;
	height: 34px;
	text-indent: -9999pt;
	display: block;
}
#message .photo ul li.delete a {
	background: url(/sys_images/btn_delete.png) no-repeat;
	width: 164px;
	height: 34px;
	text-indent: -9999pt;
	display: block;
}


/*　設定
==================================================*/
#setting table {
	margin: 10px 0;
	border-collapse: collapse;
	width: 100%;
}
#setting table caption {
	background: #ccc;
  padding: 8px 12px;
	text-align: left;
	font-weight: bold;
}
#setting table th {
  padding: 8px 12px;
	background: #efefef;
	border: #ccc 1px solid;
	width: 280px;
}
#setting table td {
  padding: 8px 12px;
	border: #ccc 1px solid;
}
#setting table td p {
	color: #999;
}
/*　プロフィール
==================================================*/
#profile_all table {
	margin: 10px 0;
	border-collapse: collapse;
	width: 100%;
}
#profile_all table caption {
	background: #ccc;
	padding: 8px 12px;
	text-align: left;
	font-weight: bold;
}
#profile_all table th {
	padding: 8px 12px;
	background: #efefef;
	border: #ccc 1px solid;
	width: 250px;
}
#profile_all table td {
	padding: 8px 12px;
	border: #ccc 1px solid;
}
#profile_all table td.non_active {
	color: #ccc;
}
#profile_all table td .progress{
	width:300px;
}
#profile_all table td input[type=checkbox],#profile_all table td input[type=radio]{
	vertical-align:middle;
	margin:0 5px 0 0;	
}
#profile_all table td input[type=text], #profile_all table td select, #profile_all table td textarea {
	border: #ccc 1px solid;
	padding: 3px;
	font-size: 12px;
}
#profile_all table td input.must, #profile_all table td select.must {
	border: 2px solid #F28AB1;
}
#profile_all span.caution {
	color: #F28AB1;
	margin: 0 0 0 5px;
}
/*　写真設定
==================================================*/
#setting_photo h3 {
	background: #ccc;
	padding: 5px;
	margin: 10px 0;
}
#setting_photo #now_photo {
	text-align: center;
	background: #efefef;
	margin: 0 0 10px 0;
}
#setting_photo #upload {
	background: #efefef;
	border-top: #ccc 1px dotted;
	border-bottom: #ccc 1px dotted;
	padding: 5px;
	margin: 0 0 25px 0;
}
#setting_photo #upload input[type=file] {
	background: #fff;
	border: #ccc 1px solid;
	padding: 4px;
}
/*　Myバイク一覧
==================================================*/
#mybike_list {
	margin: 10px 0 0 -10px;
	overflow: hidden;
}
#mybike_list > li {
	width: 357px;
	height: 106px;
	background: #efefef;
	float: left;
	margin: 0 0 10px 10px;
	padding: 5px;
	border: #ccc 1px solid;
	position: relative;
}
#mybike_list > li img {
	float: left;
	margin: 0 5px 0 0;
}
#mybike_list > li.add a {
	display: block;
	height: 100%;
	background: url(/sys_images/add_mybike.gif) -5px -5px no-repeat;
	text-indent: -9999pt;
	overflow: hidden;
}
#mybike_list > li.add a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#mybike_list > li div.photo {
	float: left;
	width: 140px;
	margin: 0 5px 0 0;
	text-align: center;
}
#mybike_list > li div.text {
	float: right;
	width: 203px;
}
#mybike_list > li p.field.switch {
	margin: 0 5px 5px 0;
}
#mybike_list > li p.status {
	display: inline-block;
	padding: 3px 5px;
	font-size: 10px;
	background: #477abf;
	color: #fff;
	margin: 0 0 5px 0;
}
#mybike_list > li p.nickname {
	border-top: #ccc 1px dotted;
	font-weight: bold;
	font-size: 14px;
}
#mybike_list > li p.name {
	border-bottom: #ccc 1px dotted;
	font-size: 10px;
}
#mybike_list > li p.up {
	margin: 5px 0 0 0;
	color: #666;
	font-size: 11px;
}
#mybike_list > li ul {
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 10px;
	background: #fff;
	display: none;
	border: #ccc 1px solid;
}
#mybike_list > li:hover ul {
	display: block;
}
#mybike_list > li ul li {
	list-style: square;
	margin: 0 0 0 15px;
}
/* Myバイク詳細
==================================================*/
#mybike {
	margin: 0 0 10px 0;
}
#mybike div.title {
	position: relative;
}
#mybike div.title a {
	position: absolute;
	right: 9px;
	top: 9px;
	display: inline-block;
	padding: 3px 10px;
	background: #fff;
	color: #000;
	border-radius: 3px;
}
#mybike div.title a:hover {
	background: #333;
	color: #fff;
	text-decoration: none;
}
#mybike #mb_left {
	float: left;
	width: 670px;
}
#mybike #mb_left table {
	border-collapse: collapse;
	width: 100%;
}
#mybike #mb_left table th {
	background: #ddd;
	border: #aaa 1px solid;
	padding: 5px;
	width: 150px;
	text-align: left;
}
#mybike #mb_left table td {
	border: #aaa 1px solid;
	padding: 5px;
	background: #fff;
}
#mybike #mb_right {
	width: 320px;
	float: right;
}
#mybike #mb_right table {
	background: #fff;
	width: 100%;
	border-collapse: collapse;
}
#mybike #mb_right table th {
	color: #3e6892;
	padding: 5px;
	width: 100px;
	text-align: left;
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
}
#mybike #mb_right table td {
	padding: 5px;
	border-bottom: #ccc 1px solid;
}
#mybike #mb_right .banner {
	background: url(/sys_images/top-index/bg_r_banner.gif);
	padding: 5px;
	margin: 0 0 10px 0;
}
#mybike .section {
	border: #ddd 1px solid;
	background: #efefef;
	padding: 10px;
	margin: 0 0 10px 0;
}
#mybike .section h3 {
	background: #000;
	color: #fff;
	padding: 10px;
	margin: 0 0 5px 0;
}
#mybike #gallery {
/*サムネイル*/
    /*メイン画像*/ }
#mybike #gallery #gthum {
	background: #fff;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}
#mybike #gallery p.count {
	text-align: right;
	padding: 5px 20px;
}
#mybike #gallery #gthum div.prev {
	float: left;
	margin: 0 0 0 5px;
	width: 10px;
	height: 88px;
}
#mybike #gallery #gthum div.prev a {
	display: block;
	width: 10px;
	height: 88px;
	background: url(/sys_images/btn_arrow.png) -200px 35px no-repeat;
}
#mybike #gallery #gthum div.next {
	float: right;
	margin: 0 5px 0 0;
	width: 10px;
	height: 88px;
}
#mybike #gallery #gthum div.next a {
	display: block;
	width: 10px;
	height: 88px;
	background: url(/sys_images/btn_arrow.png) -300px 35px no-repeat;
}
#mybike #gallery #gthum div.prev a:hover, #mybike #gallery #gthum div.next a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#mybike #gallery #gthum ul {
	float: left;
	width: 618px;
}
#mybike #gallery #gthum ul li {
	float: left;
	background: #fff;
	margin: 0 0 0 5px;
	border: #ccc 2px solid;
	text-align: center;
	width: 93px;
	min-height: 93px;
}
#mybike #gallery #gthum ul li:hover, #mybike #gallery #gthum ul li.current {
	border: #000000 2px solid;
}
#mybike #gallery #gthum ul li a {
	display: block;
	border: #fff 2px solid;
}
#mybike #gallery #gthum ul li img {
	max-width: 89px;
	max-height: 89px;
}
#mybike #gallery #gmain {
	position: relative;
}
#mybike #gallery #gmain > div.photobox {
	left: 25px;
	float: left;
	width: 595px;
	background: #fff;
}
#mybike #gallery #gmain > div > div.photoarea {
	width: 595px;
	max-height: 595px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 0 10px 0;
}
#mybike #gallery #gmain > div > div > img {
	max-width: 595px;
	max-height: 595px;
}
#mybike #gallery #gmain > div > p {
	padding: 10px;
	clear: both;
}
#mybike #gallery #gmain div.prev {
	width: 25px;
	height: 40px;
	float: left;
}
#mybike #gallery #gmain div.prev a {
	display: block;
	width: 25px;
	height: 40px;
	float: left;
	position: relative;
	top: 250px;
	background: url(/sys_images/btn_arrow.png) 0 0 no-repeat;
}
#mybike #gallery #gmain div.next {
	width: 25px;
	height: 40px;
	float: right;
}
#mybike #gallery #gmain div.next a {
	display: block;
	width: 25px;
	height: 40px;
	float: right;
	position: relative;
	top: 250px;
	right: 0;
	background: url(/sys_images/btn_arrow.png) -100px 0 no-repeat;
}
#mybike #gallery #gmain div.prev a:hover, #mybike #gallery #gmain div.next a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#mybike #gallery #gmain .comments {
	height: 150px;
	overflow: hidden;
	background: #fff;
	position: relative;
}
#mybike #gallery #gmain .comments h4 {
	border-top: none;
}
#mybike #gallery #gmain .comments textarea {
	width: 364px;
}
#mybike #option {
	background: #e3e9e9;
	padding: 10px;
}
#mybike #option ul li {
	margin: 5px 0;
}
#mybike #option h3 {
	color: #fff;
	background: #4c7292;
	padding: 10px;
}
#mybike #option > div {
	margin: 0 0 10px 0;
}
#mybike #maintenance_diary ul {
	background: #fff;
	padding: 5px;
}
#mybike #maintenance_diary ul li {
	padding: 5px;
	color: #666;
	font-size: 10px;
	border-bottom: #ccc 1px dotted;
}
#mybike #maintenance_diary ul li a {
	font-size: 12px;
}
#mybike #maintenance_diary ul li a span {
	color: #000;
	font-weight: bold;
	display: block;
}
#mybike #maintenance_records #mr_tab li {
	float: left;
	padding: 10px;
	list-style: none;
	cursor: pointer;
	background: #eee;
	width: 129px;
	text-align: center;
	position: relative;
}
#mybike #maintenance_records #mr_tab li.current {
	background: #333;
	color: #fff;
}
#mybike #maintenance_records #mr_tab li.current:after {
	content: " ";
	position: absolute;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top-color: #333;
	top: 100%;
	left: 50%;
}
#mybike #maintenance_records div.content_wrap ul {
	background: #fff;
	padding: 5px;
}
#mybike #maintenance_records div.content_wrap ul li {
	padding: 5px;
	color: #666;
	font-size: 10px;
	border-bottom: #ccc 1px dotted;
}
#mybike #maintenance_records div.disnon {
	display: none;
}
#mybike #maintenance_records div.content_wrap ul li a {
	font-size: 12px;
}
#mybike #maintenance_records div.content_wrap ul li a span {
	color: #000;
	font-weight: bold;
	display: block;
}
#mybike #mybike_slist ul li {
	background: #fff;
	padding: 1px;
	border: #ccc 1px solid;
	margin: 1px 0 0 0;
}
#mybike #mybike_slist ul li a {
	text-decoration: none;
	display: block;
}
#mybike #mybike_slist ul li:hover {
	background: #efefef;
}
#mybike #mybike_slist ul li a img {
	width: 80px;
	float: left;
	margin: 0 5px 0 0;
}
#mybike #mybike_slist ul li a span {
	color: #000;
	font-weight: bold;
	display: block;
}
#mybike #same_bike ul {
	overflow: hidden;
	margin: 5px 0 0 -5px;
}
#mybike #same_bike ul li {
	float: left;
	margin: 0 0 5px 5px;
	width: 56px;
	height: 56px;
	overflow: hidden;
	background: #fff;
	display: table-cell;
	vertical-align: middle;
}
#mybike #same_bike ul li img {
	width: 56px;
}
/* Myバイク投稿
==================================================*/
/* レイアウト
==================================================*/
#mybike_form {
	color: #333;
}
#mybike_form div#mb_box {
	background: #dfdfdf;
	border-radius: 5px;
	padding: 10px;
	margin: 0 0 10px 0;
}
#mybike_form .df_box {
	border-radius: 5px;
	background: #fff;
	padding: 10px;
	margin: 0 0 10px 0;
}
#mybike_form input {
	border: #ccc 1px solid;
	padding: 2px;
	vertical-align: middle;
}
#mybike_form input[name=mchassisNumber], #mybike_form input[name=title] {
	width: 190px;
}
#mybike_form .must {
	border: #f28ab1 2px solid;
}
#mybike_form select {
	border: #ccc 1px solid;
	padding: 2px;
}
#mybike_form textarea {
	height: auto !important;
	min-height: 210px;
	width: 330px;
	border: #ccc 1px solid;
	padding: 2px;
}
#mybike_form dl dt {
	font-weight: bold;
}
#mybike_form dl dt span {
	font-size: 12px;
	font-weight: normal;
}
#mybike_form dl dt span.caution {
	font-size: 12px;
}
#mybike_form dl dd span.caution {
	font-size: 12px;
}
#mybike_form .df_box.spec {
	width: 320px;
	float: left;
}
#mybike_form .df_box.spec > dl {
	min-height: 25px;
	margin: 5px;
}
#mybike_form .df_box.spec dl dt {
	float: left;
	width: 110px;
}
#mybike_form .df_box.spec dl dd {
	float: left;
}
#mybike_form .df_box.spec dl dd select {
	max-width: 200px;
	width: auto !important;
	width: 200px;
}
#mybike_form .df_box div.following dl {
	float: left;
	margin: 5px 15px 5px 5px;
}
#mybike_form .df_box div.following dl dt, #mybike_form .df_box div.following dl dd {
	float: left;
}
#mybike_form .raty {
	width: 359px;
	float: right;
	line-height: 1.25;
}
#mybike_form .df_box.raty dl dd dl dt {
	float: left;
	width: 125px;
	margin: 6px 0 0 0;
}
#mybike_form .df_box.raty dl dd dl dd {
	float: left;
}
#mybike_form .point {
	width: 359px;
	float: right;
}
#mybike_form .comment {
	clear: both;
}
#mybike_form .comment dl {
	width: 236px;
	float: left;
}
#mybike_form .comment dl dd textarea {
	width: 220px;
	min-height: 100px;
	height: auto;
	height: 100px;
}
#mybike_form .photo {
	float: left;
	position: relative;
	width: 320px;
	height: 240px;
	margin: 0;
	text-align: center;
	overflow: hidden;
}
#mybike_form .photo p {
	width: 320px;
	height: 240px;
	margin: 0;
	top: 10px;
	position: absolute;
	cursor: pointer;
	background: url(/sys_images/upload_photo.gif) no-repeat;
}
#mybike_form .photo .large_p {
	width: 320px;
}
#mybike_form .photo .small_p {
	height: 240px;
}
#mybike_form .photo .file {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 320px;
	height: 240px;
	font-size: 300px;
	z-index: 2;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#mybike_form .photo .change p {
	width: 164px;
	height: 34px;
	margin: 0;
	cursor: pointer;
	background: url(/sys_images/btn_change.png) no-repeat;
	position: absolute;
}
#mybike_form .photo .change .file {
	position: absolute;
	width: 164px;
	height: 34px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#mybike_form .photo ul li.delete {
	position: absolute;
	top: 50px;
}
#mybike_form .photo ul.actions {
	display: none;
	position: absolute;
	top: 86px;
	left: 86px;
}
#mybike_form .photo ul li {
	margin: 0 0 10px 0;
	z-index: 2;
}
#mybike_form .photo ul li.change a {
	background: url(/sys_images/btn_change.png) no-repeat;
	width: 164px;
	height: 34px;
	text-indent: -9999pt;
	display: block;
}
#mybike_form .photo ul li.delete a {
	background: url(/sys_images/btn_delete.png) no-repeat;
	width: 164px;
	height: 34px;
	text-indent: -9999pt;
	display: block;
}
/* 共通部分
==================================================*/
/* スペック */
/* レート */
/* 点数 */
/* 写真アップロード */
/* アップロード前 */
/* アップロード後 */
.photo ul li a:hover, .photo ul li p:hover {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
/* 写真コメント */
#mybike_form #df_main .text {
	width: 359px;
	min-height: 240px;
	height: auto !important;
	height: 240px;
	float: right;
	margin: 0;
}
#mybike_form #df_main .text dl dd img {
	vertical-align: middle;
}
#mybike_form #df_main .event {
	border-radius: 5px;
	padding: 5px;
	background: #fff;
}
#mybike_form #df_main .event input {
	margin: 0 5px 0 0;
}
#mybike_form table {
	border-collapse: collapse;
	width: 100%;
}
#mybike_form table th {
	font-weight: bold;
	width: 140px;
	padding: 10px;
	background: #efefef;
	vertical-align: top;
	border: #ccc 1px solid;
}
#mybike_form table th span {
	font-weight: normal;
	display: block;
}
#mybike_form table td {
	padding: 10px;
	overflow: hidden;
	border: #ccc 1px solid;
}
#mybike_form table td textarea {
	border: #ccc 1px solid;
	padding: 3px;
	width: 499px;
	min-height: 60px !important;
	font-size: 12px;
}
/* 装備
==================*/
/* チャプター部分
==================*/
/* ボタン部分 */
#btn_add {
	text-align: center;
	margin: 0 0 50px 0;
}
#btn_add img {
	cursor: pointer;
}
#mybike_form .dummy {
	display: none;
}
#mybike_form .btn_delete {
	/*display:none;*/
	margin: 10px 0;
}
#mybike_form .btn_delete.view {
	display: block;
}
#mybike_form .chapter {
	background: #dfdfdf;
	padding: 10px 10px 0;
	border-radius: 5px;
	margin: 0 0 10px 0;
}
#mybike_form .chapter .text {
	float: right;
	width: 340px;
	margin: 0;
}
#mybike_form .chapter .text dl dt {
	margin: 0 5px 5px 0;
}
#mybike_form .chapter .text textarea {
	width: 330px;
	min-height: 210px;
	height: auto !important;
	height: 210px;
	padding: 2px;
}
#mybike_form .chapter .option2 {
	float: left;
	width: 650px;
}
#mybike_form .chapter .btn_delete {
	text-align: right;
	float: right;
}
#mybike_form .chapter .btn_delete img {
	cursor: pointer;
}
#mybike_form #control {
	background: #dce9ef;
	padding: 10px;
}
#mybike_form #btns {
	margin: 15px 0 0 0;
	text-align: center;
}
#mybike_form #btns li {
	margin: 5px 0 0;
}

/*# sourceMappingURL=my_garage.css.map */