@charset "utf-8";

/*-------------------------------------

　上海問屋LP総合CSS

---------------------------------------*/

/*-------------------------------------
　ページ基本設定
---------------------------------------*/

.column2R #main {
	float: none;
	width: auto;
}

#lp_page {
	width: 900px;
	color: #333333;
	line-height: 1.6em;
	font-size: 14px;
	background-color:#FFF;
	margin: 30px auto;
}

#container h2 {
	background: none;
	font-size: 14px;
	color: #000;
	border-left: solid 4px #FF3300;
	margin: 0 0 20px 0;
	padding: 4px 8px;
	font-weight:normal;
}

/*-------------------------------------
　見出し設定
---------------------------------------*/

/*-- h3、h4は依頼内容に合わせて変更してください --*/
#container h3 {
    background: none repeat scroll 0 0 #c10001;
    color: #fffffb;
    font-size: 17pt;
	margin-bottom:20px;
    padding: 15px;
    text-align: center;
}

#container h4 {
	padding:8px 0 8px 5px;
	border-left:4px #FFF solid;
	border-bottom:1px #FFF solid;
	font-size:18px;
	font-weight:bold;
	margin-top:20px;
	color:#FFF;
}

/*-- タイトル画像部分 --*/
#title {
	margin-bottom: 15px;
}

.titleText {
	margin-bottom: 30px;
}

/*-------------------------------------
　バナーの下にテキストを設置する場合は
　sectionBox_b を使ってください
　通常はsectionBoxを使用
---------------------------------------*/

/*-------------------------
　.menuBtn　4カラム
　.menuBtn3column　3カラム
--------------------------*/

.sectionBox {
	margin-bottom:60px;
}
.menuBtn,
.menuBtn3column {
	margin-bottom:20px;
	width:910px;
}
.menuBtn li {
	/*border:1px solid #CCC;*/
	display:table;
	float:left;
	margin:0 10px 10px 0;
	position:relative;
	text-align:center;
	width:217px;
}
.menuBtn3column li {
	/*border:1px solid #CCC;*/
	display:table;
	float:left;
	margin:0 10px 10px 0;
	position:relative;
	text-align:center;
	width:293px;
}
.menuBtn a,
.menuBtn3column a {
	color:#FFF;
	display:table-cell;
	font-weight:bold;
	padding:5px 15px;
	vertical-align:middle;
	text-decoration:none;
}
.menuBtn li:hover {
	background: none repeat scroll 0 0 #eeeeee;
}
table.donya3Table,
table.donya1Table {
	border-bottom:1px #CCC solid;
}

table.donya3Table td {
	border:1px #CCC solid;
	text-align:center;
	padding:10px;
	width:20%;
}
table.donya3Table td p,
table.donya1Table td p {
	margin:5px 0;
}
table.donya1Table td {
	border-top:1px #CCC solid;
	padding:10px;
}
table.donya1Table img {
	overflow:hidden;
}
.priceTxt {
    color: #ef1a1a;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
	padding:5px 0;
}
.priceTxt s {
	color:#605b5a;
	font-size:14px;
	font-weight:normal;
}
.catchCopy {
	font-size:18px;
	font-weight:bold;
	vertical-align:text-bottom;
}

.catchCopy img {
	margin-right:10px;
}

.catchCopy span {
	color:#CC0000;
}

.subRank {
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color:#CC0000;
}

.djLink {
	padding:30px;
	border:5px solid #004DA2;
	font-size:24px;
	line-height:170%;
}

.djLink a {
	padding:2px 10px;
	background-color:#004DA2;
	color:#FFFFFF;
	display:inline-block;
	margin:0 0 0 5px;
	border-radius:5px;
	text-decoration:none;
	font-weight:bold;
}


#lp_page a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
.color01 {
	background: none repeat scroll 0 0 #f1ab11;
    border-bottom: 2px solid #bf8200;
}
.color02 {
	background: none repeat scroll 0 0 #0080cc;
    border-bottom: 2px solid #0066a1;
}
.color03 {
	background: none repeat scroll 0 0 #e5151f;
    border-bottom: 2px solid #a00008;
}
.color04 {
	background: none repeat scroll 0 0 #009d41;
    border-bottom: 2px solid #007330;
}
.color05 {
	background: none repeat scroll 0 0 #e26b0a;
    border-bottom: 2px solid #a64b00;
}
.color06 {
	background: none repeat scroll 0 0 #ed47ed;
    border-bottom: 2px solid #ed00ed;
}
.color07 {
	background: none repeat scroll 0 0 #00ced1;
    border-bottom: 2px solid #00b0b3;
}
.icon {
	bottom:5px;
    position: absolute;
	right:5px;
}

/*-------------------------------------
　ml：　margin-left
　mr：　margin-right
　mb：　margin-bottom
　mt：　margin-top
---------------------------------------*/

.ml20 {
	margin-left: 20px;
}
.ml13 {
	margin-left: 13px;
}
.ml7 {
	margin-left: 7px;
}
.ml6 {
	margin-left: 6px;
}

/*-------------------------------------
　罫線
---------------------------------------*/

.keisen {
	border: none;
	border-top: solid 1px #CCC;
	height:1px;
	color:#FFF;
	width:100%;
	margin-bottom: 20px;
}

/*-------------------------------------
　リンク
---------------------------------------*/

.donyaLink {
	background-color:#0082CD;
	border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
	margin: 20px auto;
    width: 90%;
}
.donyaLink:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: “alpha( opacity=60 )”;
}
.donyaLink a {
	display:block;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	padding:15px;
	text-align: center;
	text-decoration: none;
}

/*-------------------------------------
　ページTOPへ
---------------------------------------*/
#pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
#pagetop a {
	color: #fff;
	background-color: #333;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	display: block;
	font-size: 12px;
	line-height:1.5em;
	padding:5px 10px;
	text-align: center;
	text-decoration: none;
}