@charset "UTF-8";

/*-----------------------------------------------
 tradecarview
 mytrade
 概要:default
 制作日時 :2008.1.13
 制作者 yutakais
 
 Last Update Date :20110609  (yutakais）
-------------------------------------------------
CSS Index--------------------------------------
1：リンク設定 
2：template
3：fontマージン
4：Clearfix
5：パンくず
------------------------------*/

/*------------------------------
1.リンク設定 
------------------------------*/
a:link{
	color: #1F36DB;
}

a:visited{
	color: #623D91;
}

a:hover{
	color: #FF2233;
}
a.bl:link{
	color: Black;
	text-decoration: none;
}

a.bl:visited{
	color: Black;
	text-decoration: none;
}

a.bl:hover{　
	color: #FF2233;
	text-decoration: underline;
}
/*------------------------------
2.template
------------------------------*/

/*	Banner枠
----------------------------------------------*/
.AdColum{
	margin:0;
	padding:5px 0 5px;
	background-color:#fafafa;
	border:1px solid #ccd1d7;
}
.AdColum02{
	margin:0px;
	padding:5px 0 10px;
	background-color:#fafafa;
	border:1px solid #ccd1d7;
}
/*leaderboard*/
.leaderboard,
.leaderboard_30{
	width:728px;
	}
.leaderboard{
	margin:0 auto 15px;
	}
.leaderboard_30{
	margin:0px auto 30px;
	}
.leaderboard p,
.leaderboard_30 p{
	font-size:84%;
	color:#434343;
	text-align:right;
	width:728px;
}
.leaderboard img{
	margin:0;
	padding:0;
}
/*MediumRectangle*/
.MediumRectangle{
	margin:0 auto 15px;
	width:300px;
}
.MediumRectangle p{
	font-size:84%;
	color:#434343;
	text-align:center;
	width:300px;
}
.MediumRectangle img{
	margin:0;
}
/*Skyscraper*/
.Skyscraper{
	margin:5px auto 15px;
	width:160px;
}
.Skyscraper p
{
	width:160px;
	margin:0;
	padding:0;
	font-size:84%;
	color:#434343;
	text-align:center;
}
.Skyscraper img{
	margin:0;
}
	
.Banner175 a img{
	margin-bottom:5px;
}
.bannerBox{
	margin-bottom:10px;
}


/*	サーチLMSで使用
----------------------------------------------*/
.searchBoxSelect{
width:190px;
padding:2px;
}

.yearSelect{
width:86px;
padding:2px;
}


/*テキストボックスの幅(PagelayoutColumから移動)
----------------------------------------------*/
input.textBox1 {width:220px;}

/*	list
----------------------------------------------*/
/*module*/
.rightward{
	list-style-type:none;
	background:url(../images/common/arrowtop.gif) left center no-repeat;
	padding-left:12px;
	margin-right:20px;
}
p.transition{
	padding:0 10px 3px 0px;
	text-align:right;
}
p.transition a,
ul.rightaction li.transition a{
	background:url(../images/common/changeBg.gif) 0px 5px no-repeat;
	padding-left:8px;
}
li.transitionTop a{
	background:url(../images/common/changeBg.gif) 0px -30px no-repeat;
	padding:0 0 0 10px;
}
p.guidelnk{
	padding:0 0px 3px 0px;
	float:right;
}

p.guidelnk img{
	vertical-align:middle;

}

/*	ナビ同様雛型
----------------------------------------------*/
.boxCategory{
	border:1px solid #cad1db;
	margin-bottom:10px;
	padding:1px 1px 10px 1px;
	}
		
.boxCategory h3 {
	font-size:100%;
	letter-spacing:1px;
	font-weight:bold;
	color:#fff;
	background:url(../images/common/nabi_default.gif) repeat-x 0 0;
	height:25px;
	line-height:25px;
	padding-left:10px;
}
.boxCategory h3 a:link,
.boxCategory h3 a:visited,
.boxCategory h3 a:hover{
	color:#fff !important;
}
/*	クレームフォーム
----------------------------------------------*/
.problem_header{
	list-style-type:none;
	background:url(../images/common/15report.gif) left center no-repeat;
	padding-left:20px;
	font-size:84%;
}
.stcontactGray{
	border:1px #ebeff0 solid;
	height:auto;
}

/*	エラーメッセージ
----------------------------------------------*/
.warning01{
	color: #FF0000;
	font-weight:bold;
	}
.edit_error em{
	color: #FF0000;
	margin:0 0 5px 0px;
	font-weight:bold;
	font-style: normal;
}
.edit_error em img{
	vertical-align:center;
	padding-right:6px;
}
.edit_error02 em{
	color: #FF0000;
	margin:0 0 10px 0px;
	font-weight:bold;
	font-style: normal;
	font-size:84%;
	line-height:1.4;
}
.edit_error02 em img{
	vertical-align:middle;
}

/*pageLayoutColumn.cssより移動*/	
.errorM{
	color: #ff0000;
}
.val_error ul{
	margin:0 0 5px 0px;
}

.val_error li{
	color: #FF0000;
	font-weight:bold;
	background: url(../images/common/ico_check.gif) left center no-repeat;
	padding-left:18px;
	}
/*	登録完了アラート・登録、解除ボックス*
----------------------------------------------*/
.nlAlertsBox{
	border:1px #ccc solid;
	margin:0 0 20px 0;
	background-color:#f5f5f5;
	padding: 10px;
}

.nlAlertsBox p{
	margin: 0;
	padding: 0 0 5px 0px;
	font-weight:bold;
	font-size:100%;
	color:#0d4484;
}

.nlAlertsBox em{
	color: #ff0000;
	margin:0 0 10px 10px;
	font-weight:bold;
	font-style: normal;
}
.nlAlertsBox span{
	font-size:92%;
	color:#1b1b1b;
	font-weight:normal;
}
/*	Color
----------------------------------------------*/
/*必須項目*//*pageLayoutColumn.cssより移動*/	
.redB,
.required{
color:#FF0000;
font-weight:bold;
}
/*フォーム*/
.grayoutcolor{
	color:#aca899;
}

/*Sell toカラー*//*content.cssより移動*/
.sea{
	color:#0066FF;
}
.dom{
	color:#f75303;
}

/*下層タイトル*/
.contenttitle,
.contenttitle01{
	font-weight: 700;
	padding:0px;
	color:#203b73;
}
.contenttitle{
	font-size: 24px;
	padding:0 0 10px 0;
	line-height:1em;
}
.contentsubtitle{
	color:#203b73;
	font-size: 18px;
}
.contenttitle01{
	border-bottom: 1px #E5E7E9 solid;
	font-size: 20px;
	margin-bottom:5px;
	}
.mytradeBox01 h5,
h5.mytratitle{
	background-color:#f1f6fb;
	border-bottom:1px solid #bfd4ea;
	padding:5px 0 0 8px;
	margin:0 0 5px 0;
	color:#003f7e;
	font-weight:700;
}
p.view_tit{
	font-weight:bold;
	color:#002a80;
	border-bottom:3px solid #e3e6ea;
	margin:10px 0 5px 0;
}
/*タイトル横にprintBotton*/
li.printbutton a,
li.paytradefaq a,
li.howorder a{
	padding-left:18px;
}
li.printbutton a{
	background:url(../images/common/mywork.gif) left 0px no-repeat;

}

ul.rightaction {
	float:right;
}
ul.rightaction li {
	display:inline;
	margin:0 0 0 10px;
}
/*未使用なら削除*/
.tbxPrice{
	 width:50px;
	 text-align:right;
}

span.lmstag,
span.stocktag,
.storagetag{
	font-size:92%;	
}
span.lmstag,
span.stocktag{
	padding:2px 0 2px 18px;
}
span.stocktag{
	background:url(../images/common/caricon.gif) left center no-repeat;
	
}
span.lmstag{
	background:url(../images/common/lms_15_15.gif) left center no-repeat;
	
}
.storagetag{
	background:url(../images/common/paytrade_15_26.gif) left center no-repeat;	
	padding:2px 0 2px 30px;
}
.storagetag_s{
	background:url(../images/common/paytrade12_25.gif) left center no-repeat;	
	padding:2px 0 2px 30px;
}
/*収納代行のステータス*/
.nonpaid,
.paid,
.nonpayment,
.repayment,.paystatus_cancel{
	font-weight:bold;
	color:#fff;
}
.nonpaid{
	background:url(../images/common/nonpaid.gif) #ff7c00 repeat-x 50% center;
	border:1px solid #ffe2cf;
	padding:0 1.4em 0;
}
.paid{
	background:url(../images/common/paid.gif) #7dd1ef repeat-x 50% center;
	border:1px solid #abdbee;
	padding:0 2em 0;
}
.nonpayment{
	border:1px solid #ff5d5a;
	background:url(../images/common/nonpayment.gif) #cf1d00 repeat-x 50% center;
	padding:0 1.1em 0;
}
.repayment{
	border:1px solid #8c94a6;
	background:url(../images/common/repayment.gif) #3f4c6b repeat-x 50% center;
	padding:0 2.1em 0;
}

.paystatus_cancel{
	border:1px solid #ff985a;
	background:url(../images/common/cancel.gif) #ff985a repeat-x 50% center;
	padding:0 2.1em 0;
}

/*abc.cssより移動*/
.pre{
	background-color:#f0f8ff;
}


/*	table
----------------------------------------------*/
/*tr solid  td dashed*/
table.table02 {
	width: 100%;
	text-align:left;
 	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	line-height:1.3;
}
table.table02,
table.table02 tr{
	border: solid 1px #E5E7E9;
	padding:2px 5px;
}
table.table02 td {
	border-left: dotted 1px #E5E7E9;
	border-right: dotted 1px #E5E7E9;
	border-top: solid 1px #E5E7E9;
	border-bottom: solid 1px #E5E7E9;
	padding:2px 5px;
	}
/*tr td none*/
table.table03 {
	width: 100%;
	text-align:left;
 	border-collapse:collapse;
	border-spacing:0;
	border-width:none;

	padding:0;
	line-height:1.3;
}
table.table03,
table.table03 tr{
	border-width:none;
	padding:2px 5px;
}
table.table03 td {
	border-width:none;
	padding:2px 5px;
}

table.table02 table.table03 tr,
table.table02 table.table03 td
{
	border-width:0px;
	padding:2px 5px;
	line-height:1;
}

table.table04 {
	text-align:left;
 	border-collapse:collapse;
	border-spacing:0;
}
table.table04,
table.table04 tr,
table.table04 td{
	border-width:none;
	padding:0px;
}
/*tr td none*/
table.table05 {
	text-align:left;
 	border-collapse:collapse;
	border-spacing:0;
}
table.table05,
table.table05 tr,
table.table05 td{
	border-width:none;
}
/*tr solid  td dotted*/
table.table06 {
	width:auto;
	text-align:left;
 	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	line-height:1.3;
}
table.table06,
table.table06 tr{
	border: solid 1px #E5E7E9;
	padding:2px 5px;
}
table.table06 td {
	border-left: dotted 1px #E5E7E9;
	border-right: dotted 1px #E5E7E9;
	border-top: solid 1px #E5E7E9;
	border-bottom: solid 1px #E5E7E9;
	padding:2px 5px;
	}
	
/*	border
----------------------------------------------*/	
.accentborder03{
	border-bottom:1px dotted #cfcfcf;
}	
		
	
	
/*addstockcssで使用*/
table.details{
	width:556px;
	margin-left:0px;
	border:0px;
	font-size: 12px;
	letter-spacing:normal;
	word-spacing:normal;
	line-height:130%;	
}
.head{
	line-height:1.8em;
	font-weight:bold;
	font-size:16px;
	color:#334252;
}

/*	question POP
----------------------------------------------*/
.question_culum {
background-color:#fafafa;
border:1px solid #176fcc;
width:400px;
height:auto;
padding:5px;
}
.close {
text-align:right;
float:right;
}

.exchange_table {
background-color:#FFFFFF;
padding:6px;
border:1px dotted #edeeef;
font-size:84%;
}
.exchange_table ul{
	margin:0px 5px 0 5px ;
}
.exchange_table li{
	list-style-type:disc;
	margin-left:10px;
}

.notepop {
font-size:11px;
font-style:italic;
}

.fontbold{
font-weight:bold;
}
.modalBackground {
	filter: alpha(opacity=70);
	background-color: gray;
	opacity: 0.7;
}

/*
 Loginbox
------------------------------------------*/
.LogBox{
		border:1px solid #dddddd;
		padding:2px;
		margin:0 0px 10px 0;
		min-width:300px;
		max-width:465px;	
}
* html .LogBox{
		width:300px;
}
.Logmain{
		padding:6px;
		border:1px solid #e2e2e2;
		background:url(../images/top/toploginbg.gif) left bottom repeat-x;
		zoom:100%;/*IE6*/
		overflow:auto;/*IE7 and Firefox*/
}
* html div.Logmain{
	overflow: visible;
	height:1px;
}
/*logout*/
.Logmain .roginBtn{
	margin-bottom:5px;
}

/*	resultBox module
----------------------------------------------*/
p.resultNumberBox{
	clear:left;
}
p.pricePage{
	float:right;
}
p.pricePage span.viewPrice,
p.pricePage span.listPage{
	vertical-align:middle;
	font-size:84%;
}
p.pricePage img{
	vertical-align:text-bottom;
}
div.resultBox table.pageNumberLine{
	float:left;
}
div.resultBox table.pageNumberLine td {
	padding-right:4px;
}
div.resultBox table.pageNumberLine td span{
	font-weight:700;
}
div.resultBox table.pageNumberLine td.pageNumber{
	padding:0 7px;
}
div.resultBox table.pageNumberLine td.pageNumberNext{
	padding-right:15px;
}


/*	select module
----------------------------------------------*/
.select_module{
	border-collapse:collapse;
	border:solid 1px #cad1d7;
	margin:4px 0 5px;
	padding:3px 10px  3px 10px;
	vertical-align:middle;
	}
.select_module img{
	vertical-align:middle;
}
.select_module input{
	vertical-align:middle;
	margin-left:5px;
}
.select_module a.upButton,
.select_module a.defaultButton{
	margin-left:3px;
}
.pageNumber{
	line-height:1;
}
.select_module p.selectAction{
	float:left;
}
.select_module p.selectAction input{
}
.select_module p.selectSort{
	float:right;
}
.select_module p.selectSort select,
.select_module p.selectSort label{
	font-size:84%;
}
.select_module p.selectSort select{
	margin:3px 0 0 0;
}
/*	メール送信注意書き
----------------------------------------------*/
p.infoseller{
	padding:3px 0 0;
	font-size:84%;
	color:#999;
}
p.infoseller input{
	margin-right:3px;
	vertical-align:middle;
}

/*	テキストボタン
----------------------------------------------*/                               
a.negativeG {
	border:1px solid #8a8a8a;
	padding:3px 7px 3px 7px;
	background: url(../images/common/bg-button-Gray.gif) #626262 repeat-x 50% bottom;
	color: #fff !important;
	font-weight:bold;
	display:block;
	font-size:92%;
	line-height:1em;
	text-align:center;
}
/*display:inline-block;で幅制御できる*/
a.actionButton,
a.defaultButton,
a.roginBtn,
a.upButton,
a.productButton,
span.grayButton{
	padding:0.2em 1em 0.3em;
	margin:0;
	font-weight:bold;
	display:inline-block;
	font-size:92%;
	line-height:1em;
	text-align:center;
}
a.actionButton img,
a.defaultButton img
{
	padding-right:2px;
	vertical-align:text-bottom;
}
a.actionButton {
	border:1px solid #9abfe1;
	background: url(../images/common/bg_action_button.gif) #fff repeat-x 50% top;
	color: #0071e9 !important;
}
/*printボタンに使用*/

a.defaultButton {
	border:1px solid #ccd1d7;
	background: url(../images/common/bg-button-positive.gif) #fff repeat-x 50% top;
	color: #626262 !important;
}
a.upButton{
	background: url(../images/common/bg-button-negative.gif) #0071e9 repeat-x 50% center;
	border:1px solid #3777c7;
	color: #fff !important;
}
a.productButton {
	padding:14px 20px;
	border:1px solid #3777c7;
	background: url(../images/common/bg_project_button.gif) #fff repeat-x 50% top;
	color: #fff !important;
}

input.ruquestButton {
	border:1px solid #e5e5e5;
	padding:3px 7px 3px 7px;
	background: url(../images/common/bg-button-positive.gif) #fff repeat-x 50% top;
	color: #e93f18 !important;
	font-weight:bold;
	display:block;
	font-size:110%;
	line-height:1em;
	text-align:center;
}
a.roginBtn {
	border:1px solid #d85600;
	background: url(../images/common/bg_login_button.gif) #fcbd00 repeat-x 50% top;
	color: #d85600 !important;
	font-size:100%;
}
/*グレイアウトする*/
span.grayButton {
	border:1px solid #c9c7ba;
	background-color:#f5f4ea;
	color: #c9c7ba !important;
}

input.submit-refine {
	background: url(../images/common/bg_negative30.gif) #0071e9 repeat-x 50% bottom;
	border:1px solid #3777c7;
	color: #FFFFFF;
    font-weight: bold;
	font-size:125%;
	padding:5px 10px 5px 10px;
	margin:0 10px;
}
input.submit-serachS {
	padding:1px 7px 1px 7px;
	background: url(../images/common/bg-button-negative.gif) #0071e9 repeat-x 50% center;
	border:1px solid #3777c7;
	color: #FFFFFF;
    font-weight: bold;
	font-size:92%;
}
/*Firefox*/
html:not([lang*=""]) input.submit-serachS {
	padding:3px 15px 2px 15px;
}
/*Ie8*/
head~/* */body  input.submit-serachS {
	padding:3px 15px 3px 15px;
}
input.submit-serachM{
	padding:2px 25px 2px 25px;
	font-weight: bold;
	font-size:92%;
}
/*Firefox*/
html:not([lang*=""]) input.submit-serachM{
	padding:4px 35px 4px 35px;
}
/*Ie8*/
head~/* */body  input.submit-serachM{
	padding:4px 35px 4px 35px;
}
input.submit-serachM,
a.submit-serachM{
	background: url(../images/common/bg-button-negative.gif) #0071e9 repeat-x 50% bottom;
	border:1px solid #3777c7;
	color: #FFFFFF !important;
}
input.submit-serachReM,
a.submit-serachReM{
	background: url(../images/common/bg-button-positive.gif) #fff repeat-x 50% bottom;
	border:1px solid #8a8a8a;
	color: #0071e9 !important;
    font-weight: bold;
}
input.submit-actionM,
a.submit-actionM{
	background: url(../images/common/actionbtnbg.gif) #ff8b15 repeat-x 50% top;
	border:1px solid #ff5555;
	color: #fff !important;
	display:inline-block;
	font-size:129%;
	font-weight:700;
}
a.submit-actionM{
	padding:12px 20px 12px 20px;
}
input.submit-actionM{
	padding:12px 0 12px 0 !important;
}
/*Ie8*/
head~/* */body input.submit-actionM {
	padding:12px 30px 12px 30px!important;
}
a.submit-serachM img,
a.submit-actionM img,
input.submit-actionM img{
	vertical-align:middle;
	padding:0 0 0 5px;
}

a.submit-serachM{
	font-weight: bold;
	font-size:92%;
	display:inline-block;
	line-height:1.2em;
	text-align:center;
	margin:0 0.5em;
	padding:4px 15px;
}

/*IE8*/
html>/**/body a.submit-serachM,
html>/**/body a.submit-actionM,
html>/**/body input.submit-actionM{
	line-height:1em;
}

a.negativeG:link,
a.actionButton:link,
a.defaultButton:link,
a.submit-serachM:link,
a.submit-actionM:link,
a.upButton:link,
a.productButton:link{
	text-decoration:none;
}

a.negativeG:visited,
a.actionButton:visited,
a.defaultButton:visited,
a.upButton:visited,
a.submit-serachM:visited,
a.submit-actionM:visited,
a.productButton:visited{
	text-decoration:none;
}
a.negativeG:hover,
a.productButton:hover{
	text-decoration:underline;
}
/*　アイコンステータス
----------------------------------------------*/
span.Usedicn,
span.Salvageicn,
span.brnewicn{
	padding:0px 3px;
	line-height:1em;
	font-weight:700;
	display:inline-block;
}
span.Usedicn{
	background-color:#f1f4f8;
	border:1px solid #176fcc;
	color:#176fcc;
}
span.Salvageicn{
	background-color:#f3f3f3;
	border:1px solid #C7000B;
	color:#C7000B;
}
span.brnewicn{
	background-color:#f6ebbe;
	border:1px solid #cf0f0b;
	color:#cf0f0b;
}

span.star01{
	background:url(../images/common/star01.gif) left center no-repeat;
	width:77px;
	height:13px;
	display:block;
	text-indent:-9999px;
}

span.star02{
	background:url(../images/common/star02.gif) left center no-repeat;
	width:77px;
	height:13px;
	display:block;
	text-indent:-9999px;
}

span.star03{
	background:url(../images/common/star03.gif) left center no-repeat;
	width:77px;
	height:13px;
	display:block;
	text-indent:-9999px;
}

span.star04{
	background:url(../images/common/star04.gif) left center no-repeat;
	width:77px;
	height:13px;
	display:block;
	text-indent:-9999px;
}

span.star05{
	background:url(../images/common/star05.gif) left center no-repeat;
	width:77px;
	height:13px;
	display:block;
	text-indent:-9999px;
}

/*画面拡大表示
------------------------------*/
.expandable_Colum{
	background-color:#fff;
	height:auto;
	padding:15px 15px;
	text-align:center;
	border:1px solid #ccd1d7;
}
.yellowcommon_bg{
	background-color:#fff799;
}

/*	livechat
----------------------------------------------*/  

/* livechat-advance */
.livechat-advance {
	position: fixed;
	bottom: -170px;
	right: 0;
	margin-right: 15px;
	width: 257px;
	height: 235px;
	font-size: 120%;
	line-height: 1.1em;
	text-align: center;
	z-index: 1000000;
}
* html body .livechat-advance {
	bottom: 0px;
}
.livechat-advance dt {
	height: 65px;
	color: #FFF;
	text-indent: -9999px;
	cursor: pointer;
}
.livechat-advance dt.tab-open {
	background: url(../images/1/common/ttl_livechat.png) no-repeat 0px 0px;
}
.livechat-advance dt.tab-close {
	display: none;
	background: url(../images/1/common/ttl_livechat.png) no-repeat 0px -70px;
}
.livechat-advance dd {
	height: 149px;
	padding: 20px 10px 0;
	border: 1px solid #d01c78;
	border-top: none;
	background: #FFF;
}
.livechat-advance dd p.chat-button {
	padding: 15px 0;
}
.livechat-special{
	position: fixed;
	bottom: 0px;
	right: 0;
	margin-right: 15px;
	width: 257px;
	height: 65px;
	font-size: 120%;
	line-height: 1.1em;
	text-align: center;
	z-index: 1000000;
}

/* footer ad */
.bottomad,
.bottommsg {
	position: fixed;
	bottom: -210px;
	right: 50px;
	width: 201px;
	height: 173px;
	z-index: 1;
}
.bottomad img,
.bottommsg img{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.bottomad a.close-btn,
.bottommsg a.close-btn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 25px;
	background: url(../images/1/common/button_close.png) no-repeat 0px 0px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 10;
}

/* banner-pagehead */

.banner-pagehead {
	display: none;
	position: relative;
	padding: 20px 0;
	text-align: center;
}
.banner-pagehead span {
	position: relative;
	margin: 0 auto;
	display: inline-block;
}
.banner-pagehead span img {
	position: relative;
	z-index: 9;
}
.banner-pagehead a.close-btn {
	display: block;
	position: absolute;
	top: -12px;
	right: -12px;
	width: 25px;
	height: 25px;
	background: url(../images/1/common/button_close.png) no-repeat 0px 0px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 10;
}

/*
フレイト,顧客情報
------------------------------*/
p.freight a{
	padding:0 0 0 15px;
    background:url(../images/common/freight_12_12.gif) left top no-repeat;

}
p.cusinfo a,
li.cusinfo a{
	padding:0 0 0 15px;
    background:url(../images/common/info_12_12.gif) left top no-repeat;

}

/*
収納代行喚起　
------------------------------*/
.rousing{
	background-color:#f6faff;
	border:1px solid #5085d6;
	padding:10px;
	color:#434343;
}
.rousing span{
	color:#ff0000;
}



/*safebuyingTips
------------------------------*/	
div.safebuying{
	position:relative;
	clear:both;
	background-color:#fcebeb;
	border:4px solid #ec9494;
	padding:10px 10px 0;
	margin:0 10px 20px 0;
}
*+html div.safebuying{
	padding:5px 0 13px;
}
div.safebuying h4{
	color:#000000;
	font-weight:700;
	font-size:117%;
	background:url(../images/common/icon_attention_bl.gif) left center no-repeat;
	padding:0 0 0 23px;
	margin:0 0 0 0;
}
*+html div.safebuying h4{
	margin:0 20px 0 12px;
}
div.safebuying h4, x:-moz-any-link div.safebuying h4{
	line-height:1.3;
}
div.safebuying h4 strong{
	font-size:125%;
}
div.safebuying p.fcs{
	text-align:right;
	font-size:109%;
	line-height:1em;
	margin:-3px 10px 0 0;
}
div.safebuying ol{
	clear:both;
	font-weight:700;
	margin:5px 10px 0 25px;
	font-size:109%;
}
*+html div.safebuying ol{
	margin:5px 20px 0 38px;
}
div.safebuying ol li{
	line-height:1.4em;
	margin:0 0 3px 0;
}
div.safebuying p{
	font-weight:normal;

}
div.safebuying p span{
	font-weight:700;

}
div.safebuying a{
	font-weight:700;

}
div.safebuying ol li strong{
	font-size:125%;
}


/*------------------------------
3.fontマージン
------------------------------*/
/*	font
----------------------------------------------*/
/*ブラウザdefault*/
.ft18 {font-size:112.5%;}	/* 18px */
.ft20 {font-size:125%;}	/* 20px */

/*trade12px継承*/
.f9 {font-size:75%;}	/* 9px */
.f10 {font-size:84%;}	/* 10px */
.f11 {font-size:92%;}	/* 11px */
.f12 {font-size:100%;}	/* 12px */
.f13 {font-size:109%;}	/* 13px */
.f14 {font-size:117%;}	/* 14px */
.f15 {font-size:125%}	/* 15px */

.fb{
	font-weight:bold;
}


/*	margin padding
----------------------------------------------*/
.tm0 {margin-top:0px !important;}
.tm5 {margin-top:5px !important;}
.tm10 {margin-top:10px !important;}
.bm1 {margin-bottom:1px !important;}
.bm5 {margin-bottom:5px !important;}
.bm10 {margin-bottom:10px !important;}
.bm30 {margin-bottom:30px !important;}
.lm4{margin-left:4px !important;}
.lp5{padding-left:5px !important;}
.lp10{padding-left:10px !important;}
.rp5{padding-right:5px !important;}
.tp10{padding-top:10px !important;}
.tp15{padding-top:15px !important;}
.tp20{padding-top:20px !important;}



.bp5{padding-bottom:5px !important;}
.bp10{padding-bottom:10px !important;}


.mp0{
	margin:0;
	padding:0;
}

/*	position
----------------------------------------------*/
.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clearBoth			{ clear: both; }
.clearLeft			{ clear: left; }
.clearRight			{ clear: right; }
.layoutCenter		{ margin: 0 auto; }
.textCenter			{ text-align: center; }
.textRight			{ text-align: right; }
.textLeft			{ text-align: left; }
.vertTop		{vertical-align:top;}
.vertBottom		{vertical-align:bottom;}
.vertMiddle {vertical-align:middle;}
.vertTxbottom {vertical-align:text-bottom;}
.textIndent { text-indent:1em;
}
.lineHeight {
	line-height:1em;
}
.centerimg{
	text-align:center;
	margin:0 auto;
	}
.disline{
	display:inline;
}

/*------------------------------
4.clearfix
------------------------------*/
.dealerCard:after,
.import_selectbox:after,
.subBoxCategory:after,
.container:after,
.newsLeading:after,
.agentMessage:after,
.messageGoods:after,
.main_800:after,
.select_module:after,
.miRegister_colum:after,
.miRegister_Main:after,
.mytradeBox01:after,
.clearfix:after
{
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.dealerCard,
.import_selectbox,
.subBoxCategory,
.container,
.newsLeading,
.agentMessage,
.messageGoods,
.main_800,
.select_module,
.miRegister_colum,
.miRegister_Main,
.mytradeBox01,
.clearfix {
  min-height: 1px;
}
* html .dealerCard,
* html .import_selectbox,
* html .subBoxCategory,
* html .container,
* html .newsLeading,
* html .agentMessage,
* html .messageGoods,
* html .main_800,
* html .select_module,
* html .miRegister_colum,
* html .miRegister_Main,
* html .mytradeBox01,
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*------------------------------
5.パンくず
------------------------------*/
.sub_navi {
	font-size:12px;
	margin:5px 0;
}
.p_navi{
	padding:0 0 0 27px;
	/* width: 673px; */
	background:url(../images/common/icon_navi.gif) 0 6px no-repeat;
}
.howtoorder{
	width:230px;
	float:left;
	height:20px;
	text-align:right;}

div.safebuying h3{
	margin-bottom:20px;
	font-size:200%;
	line-height:1;
}
div.safebuying .txt{
	width:70%;
}
div.safebuying .txt h4 {
	display:block;
    background: url("../images/common/icon_attention_bl.gif") no-repeat scroll left top 2px; transparent;
	font-size:140%;
	line-height:1.2;
}
div.safebuying .txt h4 .subtxt{
	font-size:80%;
}
div.safebuying .txt p{
	clear:both;
	margin-left:24px;
	margin-bottom:20px;
}

div.safebuying .bnr{
	position:absolute;
	bottom:20px;
	right:20px;
}
div.safebuying .bnr a{
	display:block;
	margin-top:20px;
}
.fcase-pop{
	font-size:12px;
	line-height:1.5;
	height:180px;
	width:180px;
	margin-bottom:10px;
	padding:5px 10px;
	border:1px solid #999;
	background-color: #dbdbdb;
	background: -moz-linear-gradient(center bottom , #dbdbdb 0%, #fdfdfd 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#dbdbdb), to(#fdfdfd));
	background: -ms-linear-gradient(top, #dbdbdb 0%,#fdfdfd 100%);
}
.fcase-pop .close-btn{
	margin-top:-8px;
	margin-right:-8px;
}
.fcase-pop .tit{
	font-size:130%;
	font-weight:bold;
}
.fcase-pop .arrow{
	display:block;
	margin-top:5px;
	padding:5px;
    background: url("../images/myTrade/fraudcase_bg.png") no-repeat right;
	font-size:140%;
	font-weight:bold;
	text-decoration:none;
	color:#f2b800;
}
.fcase-pop .arrow:hover{
		color:#f3cf5e;

}

/*------------------------------
 20170929 バグ対応
 タブレットでモーダルを表示させると右側にスペースが空く
------------------------------*/
.save-template-modal,
.msg-translate-modal {
	top: 0;
	left: 0;
}