/***************************************
 レスポンシブWEBデザイン pc
 スマホ用スタイルシート
 基本情報で設定した画面サイズ以下で適用
***************************************/

/****************************
画面全体の構成
****************************/
body 	{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	display:block;
	margin: 0;
	padding: 0;
	border-width : 0px 0px 0px 0px;
	}
#header{
	display:none;
	}
.lmenu_popuparea {
	display:none;
	}
.lmenu_category_area{
	display:none;
	}
#cm_area{
	display:none;
	}
#checked_area{
	display:none;
	}
/****************************
HTMLの共通の設定
****************************/
img{
	max-width: 100%;
	height: auto;
	}
textarea {
	max-width: 80%;
	}
input[type='text'],input[type='password']{
	max-width: 80%;
	}
select{
	max-width: 80%;
	}
/****************************
ヘッダー
****************************/
#smartheader {
	display: block;
	margin: 0px;
	padding: 0px;
	position:fixed;
	width: 100%;
	height: 70px;
	background-color: #FFFFFF;
	border:1px solid #006633;
	border-width : 3px 0px 3px 0px;
	}
#smartheaderlist {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	clear: both;
	text-align:center;
	background-color: #FFFFFF;
	}
#headerleft{
	float: left;
	display: inline-block;
	text-align:left;
	width: 50%;
	display: block;
	color: #555555;
	line-height: normal;
	padding: 5px;
	font-weight: bold;
	box-sizing: border-box;
	}
#headercenter{
	display:none;
	}
#languagearea{
	float: center;
	display: inline-block;
	text-align:center;
	width: 50%;
	padding: 5px;
	box-sizing: border-box;
	}
#headerright{
	display:none;
	}
#smartmenu {
	float: left;
	display:inline-block;
	padding:3px 0px 0px 5px;
	width: 45%;
	text-align:left;
	vertical-align: bottom;
	}
.menu {
	float: center;
	display: inline-block;
	}
#upmenu {
	display:none;
	}
/****************************
コンテンツ
****************************/
#contents {
	margin: 0;
	padding: 70px 0px 0px 0px;
	width: 100%;
	background-color: #FFFFFF;
	height:auto;
	}
/********** メインコンテンツ **********/
#maincontents {
	float: center;
	margin: 0px;
	padding: 0px;
	width: 95%;
	background-color: #FFFFFF;
	}
/****************************
フッター
****************************/
#lastleft {
	float: left;
	width:98%;
	margin:0px;
	padding:3px 3px 0px 3px;
	text-align: center;
	display: inline-block;
}
#lastcenter{
	display:none;
}
#lastright{
	display:none;
}
/****************************
カゴの中
****************************/
.cargo_area {
	width:98%;
	text-align:center;
	}
.cargo_line {
	width:100%;
	}
.cargo_imagearea {
	width:25%;
	}
.cargo_detail {
	width:75%;
	}
.cargo_name {
	width:70%;
	}
.gno {
	font-size:10.5px;
	}
.gname {
	font-size:15px;
	}
.delearea {
	width:15%;
	}
.delelink{
	line-height:120%;
	font-size : 12px;
	padding: 3px 10px 3px 10px;
	}
.cargo_unitprice {
	padding:0px;
	width:50%;
	}
.cargo_amount {
	padding:0px;
	width:20%;
	}
.cargo_price {
	padding:0px;
	width:30%;
	}
.centerbox {
	float: center;
	display: inline-block;
	width: 98%;
	margin: 2px 0px 0px 0px;
	padding:0px;
	text-align:center;
	}