@charset "utf-8";

/* 汎用
------------------------------*/
.mag_clear {margin: 0;}
.mag_bt05 {margin-bottom:5px;}
.mag_bt10 {margin-bottom:10px;}
.mag_bt15 {margin-bottom:15px;}
.mag_bt20 {margin-bottom:20px;}
.mag_bt25 {margin-bottom:25px;}
.mag_bt30 {margin-bottom:30px;}
.mag_bt40 {margin-bottom:40px;}
.mag_bt50 {margin-bottom:50px;}
.mag_bt70 {margin-bottom:70px;}

.mag_tp05 {margin-top: 5px;}
.mag_tp10 {margin-top: 10px;}
.mag_tp15 {margin-top: 15px;}
.mag_tp20 {margin-top: 20px;}
.mag_tp25 {margin-top: 25px;}
.mag_tp30 {margin-top: 30px;}
.mag_tp40 {margin-top: 40px;}
.mag_tp50 {margin-top: 50px;}
.mag_tp70 {margin-top: 70px;}

.font_siz11 { font-size:110%;} 
.font_siz12 { font-size:120%;} 
.font_siz13 { font-size:130%;} 
.font_siz14 { font-size:140%;} 
.font_siz15 { font-size:150%;} 

.c-both { clear:both;}

/* 固定ページ
------------------------------*/
/* 用語辞典 */
.dic img { float:left;width:20%;padding-right:1%;}

/* 下線 */
.ud_line { width:100%;margin:1% 0% 1% 0%;}
.dashed_gr {border-bottom:1px dashed green;}
.dashed_bk {border-bottom:1px dashed #000;}
.solid_bk {border-bottom:1px solid #000;}
.solid_gr {border-bottom:1px solid green;}
.double_gr {border-bottom:3px double green;}
.double_bk {border-bottom:3px double #000;}

/* 150305 追加箇所ここから */
#help h2 {
	margin-bottom: 30px;
	text-align: center;
	color: #757575;
	font-size: 150%;
	font-weight: normal;
	line-height: 1.3;
}
#help h2 b {
	font-size: 150%;
	color: #2e2e2e;
}
#help .help_cont {
	background: #f0f0f0;
	padding: 40px 0 0 30px;
	margin-bottom: 40px;
}
#help .help_cont li {
	float: left;
	margin-left: 60px;
}
#help .help_cont .about {
	padding-bottom: 25px;
}
#help .help_cont .about h3 {
	margin-bottom: 13px;
	color: #2e2e2e;
	font-size: 17px;
	font-weight: normal;
}
#help .help_cont .about h3 img {
	vertical-align: middle;
	margin-right: 10px;
}
#help .help_cont .about h4 {
	color: #3d3d3d;
	font-size: 16px;
	font-weight: normal;
}
#help .help_cont .about ul {
	padding-left: 5px;
}
#help .help_cont .about li {
	float: none;
	margin: 0;
	padding: 2px 0;
}
#help .help_cont .about li a {
	color: #3d3d3d;
}
#help .help_cont .about .iconStar {
	background:url(/design/img/help/icon/star.png) no-repeat 0 -3px;
	background-size:30px;
	padding:2px 0 0 32px;

}
#help .help_cont .about .iconStar a {
	color: #0d3748;
	font-weight:bold;
}

#help .help_contact {
	margin-bottom: 50px;
}
#help .help_contact h3 {
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	color: #2d2d2d;
}
#help .help_contact .txt {
	margin-bottom: 25px;
	text-align: center;
	color: #808080;
}
#help .help_contact ul {
	margin-right: -20px;
}
#help .help_contact li {
	float: left;
	margin-right: 9px;
}
#help .help_contact li a {
	display: block;
	width: 330px;
	padding: 11px 0;
	background: #f0f0f0;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
	color: #4f4f4f;
	font-size: 17px;
}
#help .help_contact li a:hover {
	text-decoration: none;
	opacity: 0.8;
}
/* 150305 追加箇所ここまで */

#help .partsListFrame.col2 .box,
#help .partsListFrame.col3 .box {
	background:#f0f0f0;
}
#help .partsListFrame.col2 span,
#help .partsListFrame.col3 span {
	font-size:200%;
}
#help .partsListFrame.col2 a,
#help .partsListFrame.col3 a {
	text-decoration:none;
	color:#4f4f4f;
}
@media screen and (max-width: 767px) {
#help .partsListFrame.col2 .box,
#help .partsListFrame.col3 .box {
	float:none;
	width:auto;
}
#help .partsListFrame.col2span,
#help .partsListFrame.col3 span {
	font-size:17px;
}
}

/* Customer detail
------------------------------*/
.partsNavCustomer {
	margin: 0 0 10px -20px;
}
.partsNavCustomer li {
	float: left;
	margin: 0 0 0 20px;
	text-align: center;
}
	.partsNavCustomer img {
		display: block;
		border: 3px solid #dfe3e5;
		border-radius: 50%;
		width: 65px;
		margin: 0 auto 3px;
	}
	.partsNavCustomer a {
		display: block;
		border-bottom: 3px solid #dfe3e5;
		padding: 0 0 2px;
		text-decoration: none;
		color: #333;
	}
	.partsNavCustomer .current a,
	.partsNavCustomer .current img,
	.partsNavCustomer a:hover,
	.partsNavCustomer a:hover img {
		border-color: #e3662a;
		color: #e3662a;
	}

.partsNavCustomer .col4 li { width:180px;}
.partsNavCustomer .col5 li { width:140px;}

.partsCatchCustomer {
	margin: 0 0 20px;
}
.partsCatchCustomer .title {
	overflow: hidden;
	position: relative;
	zoom: 1;
	background: #e3662a url(/img/common/cs_diamond.gif) repeat 365px -45px;
	border-radius: 5px 5px 0 0;
	height: 260px;
}
.partsCatchCustomer .title .photo {
	float: left;
	width: 380px;
	text-align: center;
}
	.partsCatchCustomer .title .photo img {
		width: 380px;
		height: auto;
	}
.partsCatchCustomer .title .pr {
	float: right;
	width: 370px;
	padding: 20px 10px 0 20px;
}
	.partsCatchCustomer .title h3 {
		font-size: 145%;
		line-height: 1.7;
		color: #fff;
	}
	.partsCatchCustomer .title .myName {
		position: absolute;
		bottom: 18px;
		left: 400px;
		width: 195px;
	}
		.partsCatchCustomer .myName .ruby {
			display: block;
			letter-spacing: 0.28em;
			padding: 4px 0 0;
			font-size: 90%;
		}
		.partsCatchCustomer .myName .name {
			display: block;
			line-height: 1.1;
			font-size: 220%;
		}
	.partsCatchCustomer .title .mySns {
		position: absolute;
		bottom: 18px;
		right: 15px;
		width: 165px;
		text-align: right;
		letter-spacing: -0.45em;
	}
		.partsCatchCustomer .mySns li {
			display: inline-block;
			*display: inline;
			zoom: 1;
			letter-spacing: normal;
			margin: 0 0 0 8px;
		}
		.partsCatchCustomer .mySns img {
			width: 44px;
			height: auto;
		}
.partsCatchCustomer .voice {
	background: #f0f0f0;
	border-radius: 0 0 5px 5px;
	padding: 13px 15px;
}

.btnBack {
	padding: 40px 0 25px;
}
.btnBack .partsButton a {
	padding-right: 80px;
	padding-left: 80px;
}


@media screen and (max-width: 767px) {
.partsNavCustomer {
	margin: 0 0 20px;
}
.partsNavCustomer select {
	width: 100%;
	font-size: 20px;
	zoom: 1.1;
}
.partsCatchCustomer .title {
	background: none;
	height: auto;
}
.partsCatchCustomer .title .photo {
	float: none;
	width: auto;
}
	.partsCatchCustomer .title .photo img {
		border-radius: 5px;
		max-width: 100%;
	}
.partsCatchCustomer .title .pr {
	float: none;
	background: #e3662a url(/img/common/cs_diamond_sp.gif) repeat 50% 0;
	background-size: 433px auto;
	border-radius: 5px 5px 0 0;
	width: auto;
	margin-top: 10px;
	padding: 10px 0;
}
	.partsCatchCustomer .title h3 {
		text-align: center;
		font-size: 105%;
		line-height: 1.5;
	}
	.partsCatchCustomer .title .myName {
		position: static;
		width: auto;
		text-align: center;
	}
		.partsCatchCustomer .myName .ruby {
			letter-spacing: 0.15em;
			font-size: 90%;
		}
		.partsCatchCustomer .myName .name {
			font-size: 200%;
		}
	.partsCatchCustomer .title .mySns {
		position: static;
		width: auto;
		padding-top: 10px;
		text-align: center;
	}
		.partsCatchCustomer .mySns li {
			display: inline-block;
			*display: inline;
			zoom: 1;
			letter-spacing: normal;
			margin: 0 5px;
		}
.btnBack {
	padding-top: 25px;
}
}

/* list Customer
------------------------------*/


/* 海外フォームボタン */

.FS2_ReturnedSpecialContract{
	margin:15px 0px 5px 0px;
}
.FS2_ReturnedSpecialContract_text{
	margin:0px;
	border:none;
	padding:0px;
}
.FS2_ReturnedSpecialContract_text li{
	padding-bottom:10px;
}


/* sitemanager frameForm
------------------------------*/

/* テーブル設定 */
.column1 .sitemgrForm #basic-table,
.sitemgrForm #basic-table {
	margin:0px 0px 20px 0px;
}
.column1 .sitemgrForm #basic-table table,
.sitemgrForm #basic-table table {
	border-bottom: 1px solid #CCCCCC;
	width: 100%;
}
.column1 .sitemgrForm #basic-table td,
.sitemgrForm #basic-table td {
	margin:0px;
	padding:10px 15px 10px 15px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.column1 .sitemgrForm #basic-table .head,
.sitemgrForm #basic-table .head {
	font-weight:bold;
	font-size: 14px;
	color: #333333;
	background-color: #EEEEEE;
}
.column1 .sitemgrForm #basic-table .data,
.sitemgrForm #basic-table .data {
	font-size: 12px;
	color: #333333;
	border-right: 1px solid #CCCCCC;
}
.column1 .sitemgrForm #basic-table .sample,
.sitemgrForm #basic-table .sample {
	font-size: 10px;
	color: #0d3746;
	line-height:130%;
}
.column1 .sitemgrForm #basic-table .attention,
.sitemgrForm #basic-table .attention {
	font-size: 12px;
	color: #FF0000;
	line-height:130%;
}

@media screen and (max-width: 767px) {
.column1 .sitemgrForm #basic-table table,
.sitemgrForm #basic-table table {
	width:100%;
}
.column1 .sitemgrForm th,
.column1 .sitemgrForm td,
.sitemgrForm th,
.sitemgrForm td {
	display:block;
}
.sitemgrForm #basic-table td,
.sitemgrForm #basic-table td {
	border-right: 1px solid #CCCCCC;
}
}

/* フォーム設定 */
.column1 .sitemgrForm .textarea textarea,
.sitemgrForm .textarea textarea {
	width:90%;
}
.column1 .sitemgrForm .textarea input,
.sitemgrForm .textarea input {
	margin:0px 5px 0px 5px;
	padding:10px 5px 10px 5px;
	/*background-color: #EEEEEE;*/
	border: 1px solid #999999;
}
.column1 .sitemgrForm .textarea textarea:focus,
.sitemgrForm .textarea textarea:focus {
	margin:0px 5px 0px 5px;
	padding:5px 0 5px 0;
	/*background-color: #FFFFFF;*/
	border: 1px solid #999999;
}
.column1 .sitemgrForm select,
.sitemgrForm select {
	padding:10px 5px 10px 5px;
}
.sitemgrForm #button input,
a#add,a.delete,a#addItem{
	border-radius:3px;
	border:none;
	margin-right:10px;
	padding:10px;
	font-size:16px;
}
a#add,a#addItem,a.delete{
    background: #55b9ea;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 10px 43px;
    margin: 10px 0px 20px 0px;
    font-weight: bold;
}
td.btn-delete {
	text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
a.delete{
	width: 20%;
    background: #ccc;
    margin: 0px auto;
    text-align: center;
}
th .item-title {
    background: #ccc;
    padding: 10px;
    margin-bottom: 25px;
}
th .items-title {
    background: #ccc;
    padding: 10px;
    margin: 35px 0px 15px 0px;
}
.sitemgrForm #button input[name="submit"] {
	border-radius:3px;
	background-color:#f6a525;
	font-size:120%;
	font-weight:bold;
}

#google_translate_element{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 50;
    height: 52px;
    width: 200px;
    margin-left: 5px;
}
.goog-te-gadget{
	display: block;
}
.goog-te-gadget .goog-te-combo {
    padding: 2px;
}
#google_translate_element span{
    display: inline-block;
}

/* Rental
------------------------------*/

/* top */
#Rental .search_keyword { display:none;}

#Rental .partsBanner1.fv,.partsBanner1.fv li {
	padding-bottom:0px;
}

#Rental .partsPhotoFrame.col1,
#Rental .partsPhotoFrameR.col1 {
	margin-top:20px;
	/*border-bottom: 1px solid #ccc;*/
}
#Rental .partsPhotoFrame.col1 .box,
#Rental .partsPhotoFrameR.col1 .box {
	border:none;
}
#Rental .partsPhotoFrame.col1 .text,
#Rental .partsPhotoFrameR.col1 .text {
	vertical-align: middle;
	font-size:120%;
}
#Rental .partsPhotoFrameR.col1 .image {
	padding-right: 0px;
}
#Rental .partsPhotoFrame.col1.staff .image img {
	border: 3px solid #dfe3e5;
	border-radius: 50%;
}

#Rental .partsPhotoTextR.attention {
	border:#0d3748 5px solid;
	font-size:120%;
	padding:20px;
	margin-bottom:50px;
}
#Rental .partsPhotoTextR.attention .box {
	margin-bottom:0px;
}
#Rental .partsPhotoTextR.attention .image {
	vertical-align:middle;
}
#Rental .partsPhotoTextR.attention span {
	color:#0d3748;
	font-weight:bold;
	font-size:120%;
}
@media screen and (max-width: 767px) {
#Rental .partsPhotoTextR.attention .image {
	display:none;
}
}

/* flow */
#Rental .flow .partsTextBox h1 {
	font-size:300%;
	margin:20px 0 10px 0;
}
#Rental .flow .partsPhotoFrame.col1 {
	font-size:120%;
	position:relative;
}
#Rental .flow .partsPhotoFrame.col1 .box {
	border:3px solid #ccc;
	padding:25px 25px 40px 25px;
}
#Rental .flow .partsPhotoFrame.col1 .text h3 {
	font-size:150%;
}
#Rental .flow .partsPhotoFrame .arrow {
	position:absolute;
	top:73%;
	left:15%;
}
#Rental .flow .partsButton.btnGreen.sell {
	width:320px;
	margin:auto;
}
#Rental .partsPhotoFrame.col1 .text,
#Rental .partsPhotoFrameR.col1 .text {
	vertical-align:top;
	font-size:100%;
}
@media screen and (max-width: 767px) {
#Rental .flow .partsPhotoFrame.col1 .image {
	display:none;
}
#Rental .flow .partsButton.btnGreen.sell {
	max-width:100%;
}
}

/* info */
#Rental .partsTextBox h1 {
	font-size:300%;
	margin:20px 0 10px 0;
}
#Rental .partsListQ,
#Rental .partsListA {
	font-size:120%;
}
#Rental .partsListA p {
	margin-bottom:25px;
}
#Rental .partsTable1 {
	text-align:center;
	width:960px;
	margin:0 0 40px 30px;
}
#Rental .partsTable1 td {
	vertical-align:middle;
}
#Rental .partsTable1 span {
	color:#0d3748;
	font-weight:bold;
	font-size:130%;
}
#Rental .partsTable1 img {
	vertical-align:middle;
	margin-left:20px;
}
@media screen and (max-width: 767px) {
#Rental .partsListA p {
	margin-bottom:5px;
}
#Rental .partsTable1 {
	width:100%;
	margin:0 0 10px 0;
}
#Rental .partsTable1 img {
	margin-left:0px;
}
}

/* navi */
#Rental .partsListLinks {
	background-color:#dfe3e5;
	font-size:120%;
	padding:20px 0 10px;
	margin:0;
}
#Rental .partsListLinks li a {
	padding:0 0 0 30px;
}
#Rental .partsListLinks .home a {
	background: url(/design/img/sell/navi/home.png) no-repeat 0 3px;
}
#Rental .partsListLinks .club a {
	background: url(/design/img/sell/navi/club.png) no-repeat 0 3px;
}
#Rental .partsListLinks .fx a {
	background: url(/design/img/sell/navi/fx.png) no-repeat 0 3px;
}
#Rental .partsListLinks .qa a {
	background: url(/design/img/sell/navi/qa.png) no-repeat 0 3px;
}