/****************************
HTMLの共通の設定
****************************/
body 	{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12.5px;
	display:block;
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	border-width : 0px 0px 0px 0px;
	background-image: url("./image/bg.gif");
	background-repeat: repeat-x;
	}
ul, ol, li {
	margin: 0;
	list-style: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
.spaceline {
	width:100%;
	margin:16px 0px 0px 0px;
	}
.listmark{
	vertical-align: middle;
	}
.break{
	clear:both;
	}
.list_image {
	max-width:250px;
	}
.cargo_image {
	max-width:100%;
	}
.notlist {
	margin:200px 0px 200px 0px;
	font-size:20px;
	color:#FF0000;
	}
/****************************
ヘッダー
****************************/
/*** PCサイズ ***/ 
@media(min-width:960px){
	#header {
		left:0;
		line-height:1;
		position:fixed;
		margin-top: 0px;
		margin-bottom: 1px;
		padding: 0px;
		width: 100%;
		height: 70px;
		text-align:center;
		background-image:linear-gradient(#EAFFEA,#CCEECC);
		border:1px solid #006633;
		border-width : 5px 0px 5px 0px;
	}
	#headerlist {
		float: center;
		margin-bottom: 0px;
		padding: 0px;
		display: inline-block;
		width: 960px;
		height: 70px;
		background-color: #FFFFFF;
		clear: both;
		}
	#header #headerlist ul li {
		float: left;
		display: block;
		color: #555555;
		line-height: normal;
		padding: 3px 0px 0px 10px;
		font-weight: bold;
		}
	#headerleft{
		float: center;
		text-align:center;
		width: 250px;
		font-size:15px;
		}
	#headercenter{
		float: center;
		text-align:center;
		width: 450px;
		font-size:15px;
		}
	#headerright{
		float: right;
		width: 220px;
		padding: 10px;
		}
	#upmenu {
		float: center;
		display: inline-block;
 		padding:10px 0px 0px 10px;
		width: 630px;
		text-align:right;
		background-color: #FFFFFF;
		}
	#upmenu .menu{
		float: center;
		display: inline-block;
		width;600px;
		background-color: #FFFFFF;
		margin:0px 30px 0px 0px;
		}
}
/*** タブレットサイズ ***/
@media(max-width:960px) and (min-width: 321px){
	#header {
		left:0;
		line-height:1;
		position:fixed;
		margin-top: 0px;
		margin-bottom: 1px;
		padding: 0px;
		width: 100%;
		height: 70px;
		text-align:center;
		background-image:linear-gradient(#EAFFEA,#CCEECC);
		border:1px solid #006633;
		border-width : 5px 0px 5px 0px;
	}
	#headerlist {
		float: center;
		margin-bottom: 0px;
		padding: 0px;
		display: inline-block;
		width: 100%;
		height: 70px;
		background-color: #FFFFFF;
		clear: both;
		}
	#headerleft{
		float: left;
		width: 100%;
		display: block;
		color: #555555;
		line-height: normal;
		padding-top: 0px;
		padding-bottom: 0px;
		font-weight: bold;
		}
	#headerleft img {
		height:40px;
		}
	#headercenter{
		display:none;
		}
	#headerright{
		display:none;
		}
	#upmenu {
		float: left;
		padding:3px 0px 0px 5px;
		width: 100%;
		}
	.headerbox{
		padding: 0px;
		}
}
/****************************
上部メニュー
****************************/
#smartheadmenu{
	display:none;
	}
#smartwrapper {
	height:0px;
	}
/****************************
コンテンツ
****************************/
/*** PCサイズ ***/ 
@media(min-width:960px){
	#contents {
		margin: 60px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		background-color: #FFFFFF;
		text-align:center;
		height:auto;
		}
}
/*** タブレットサイズ ***/ 
@media(max-width:960px) and (min-width: 321px){
	#contents {
		margin: 60px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		background-color: #FFFFFF;
		text-align:center;
		height:auto;
		}
}
/********** メインコンテンツ **********/
/*** PCサイズ ***/ 
@media(min-width:960px){
	#maincontents {
		float: center;
		display: inline-block;
		margin: 0px;
		padding: 10px 0px 0px 0px;
		width: 960px;
		background-color: #FFFFFF;
		}
}
/*** タブレットサイズ ***/ 
@media(max-width:960px) and (min-width: 321px){
	#maincontents {
		float: center;
		display: inline-block;
		margin: 0px;
		padding: 10px 0px 0px 0px;
		width: 98%;
		background-color: #FFFFFF;
		}
}
/****************************
フッター
****************************/
#lastarea {
	width:100%;
	text-align: center;
	margin:0px;
	padding:3px 0px 0px 0px;
	background-color: #FFFFFF;
}
/*** PCサイズ ***/ 
@media(min-width:960px){
	#lastlist {
		float: center;
		display: inline-block;
		width:960px;
		margin:0px;
		padding:3px 0px 0px 5px;
		text-align: center;
	}
	/*** 最下部左 ***/
	#lastleft {
		float: left;
		width:400px;
		margin:0px;
		padding:3px 0px 0px 5px;
		text-align: left;
		display: inline-block;
	}
	/*** 最下部中央 ***/
	#lastcenter{
		float: left;
		width:250px;
		margin:0px;
		padding:3px 0px 0px 5px;
		text-align: left;
		display: inline-block;
	}
	/*** 最下部右 ***/
	#lastright{
		float: left;
		width:250px;
		margin:0px;
		padding:3px 0px 0px 5px;
		text-align: left;
		display: inline-block;
	}
}
/*** タブレットサイズ：固定幅、チェックリスト非表示 ***/ 
@media(max-width:960px) and (min-width: 321px){
	#lastlist {
		width:98%;
		margin:0px;
		padding:3px 0px 0px 0px;
		text-align: center;
	}
	/*** 最下部左 ***/
	#lastleft {
		float: left;
		width:40%;
		margin:0px;
		padding:3px 0px 0px 5px;
		text-align: left;
		display: inline-block;
	}
	/*** 最下部中央 ***/
	#lastcenter{
		float: left;
		width:25%;
		margin:0px;
		padding:3px 0px 0px 5px;
		text-align: left;
		display: inline-block;
	}
	/*** 最下部右 ***/
	#lastright{
		float: left;
		width:25%;
		margin:0px;
		padding:3px 0px 0px 5px;
		text-align: left;
		display: inline-block;
	}
}
/*** 最下部共通 ***/
.lasttitle{
	font-size:18px;
	border : 1px solid #aaEE99;
	border-width : 0px 0px 2px 0px;
	margin:0px 0px 5px 0px;
}
.lastlogo{
	margin:5px 0px 0px 0px;
}
.lastsubtitle {
	font-size:14px;
	font-weight:bold;
}

#lastcenter a {
	float: left;
	display: inline-block;
	text-decoration: none;
	text-align:left;
	color: #333333;
	margin: 3px 0px 0px 15px;
	overflow: hidden;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	width: 180px;
	height: auto;
	font-size:12px;
	font-weight: normal;
}
#lastcenter a:hover {
	color: #FFAA33;
}
#lastright a {
	float: left;
	display: inline-block;
	text-decoration: none;
	text-align:left;
	color: #333333;
	margin: 3px 0px 0px 15px;
	overflow: hidden;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	width: 180px;
	height: auto;
	font-size:12px;
	font-weight: normal;
}
#lastright a:hover {
	color: #FFAA33;
}
hr.lastline{
	border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}
#copyright {
	width:100%;
	text-align:center;
	}
#copyright a {
	text-decoration:none;
	}
/********** 入力部品 ************/
input[type='text'],input[type='password']{
	max-width: 400px;
	margin:1px 0px 1px 0px;
	padding: 5px;
	border-radius: 5px;
	font-size:16px;
	border: 1px solid #ccc;
  	appearance: none;
  	-webkit-appearance: none;
  	-moz-appearance: none;
	}
input[type="radio"],input[type="checkbox"]{
	width: 1.3em;
	height: 1.3em;
	vertical-align:middle;
	}
input[ type="number" ] {
	border: solid 1px #ddd;
	color: #444;
	font-size: 15px;
	padding: 1px 8px;
	line-height: 2.5;
	width: 50px;
	}
textarea{
	max-width: 400px;
	padding: 5px;
	border-radius: 3px;
	font-size:16px;
	border: 1px solid #ccc;
  	appearance: none;
  	-webkit-appearance: none;
  	-moz-appearance: none;
	}
select{
	padding: 5px;
	border-radius: 5px;
	font-size:16px;
	border: 1px solid #ccc;
  	appearance: none;
  	-webkit-appearance: none;
  	-moz-appearance: none;
	}
.textin {
	max-width: 90%;
	}

/****************************
ボックス
****************************/
#titlebox {
	float: center;
	display: inline-block;
	width: 98%;
	font-size : 20px;
	color : #555555;
	text-align:center;
	background-image:linear-gradient(#EAFFEA,#CCEECC);
	margin: 3px 0px 3px 0px;
	padding:5px;
	border:1px solid #222;
	box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 1.3);
	border-radius:3px;
	}
.subtitle {
	float: center;
	display: inline-block;
	width: 98%;
	font-size : 16.5px;
	color : #555555;
	text-align:left;
	background-color:#F7FFFB;
	margin: 1px 0px 1px 0px;
	padding:3px;
	border:1px solid #222;
	border-width:1px 1px 1px 1px;
	border-radius:2px;
	}
.listbox {
	float: center;
	display: inline-block;
	width: 98%;
	margin: 2px 0px 0px 0px;
	padding:0px;
	text-align:left;
	}
.centerbox {
	float: center;
	display: inline-block;
	width: 98%;
	margin: 2px 0px 0px 0px;
	padding:0px;
	text-align:center;
	}
/****************************
リンクとボタン
****************************/
.submitBT {
	line-height:140%;
	display: inline-block;
	cursor:pointer;
	font-size : 14px;
	padding: 3px 20px 3px 20px;
	margin: 2px;
	color     :#FFFFFF;
	text-decoration:none;
	background-color:#006633;
	border : 1px solid #006633;
	border-width:1px 1px 1px 1px;
	}
.submitBT:hover {
	color     :#006633;
	background-color:#FFFFFF;
	}
.cargoBT{
	line-height:140%;
	cursor:pointer;
	font-size : 18px;
	padding: 3px 20px 3px 20px;
	margin: 2px;
	color     :#FFFFFF;
	background-color:#006633;
	border : 1px solid #006633;
	border-width:1px 1px 1px 1px;
	}
.cargoBT:hover {
	color     :#006633;
	background-color:#FFFFFF;
	}
.backBT {
	line-height:140%;
	display: inline-block;
	white-space: nowrap;
	cursor:pointer;
	font-size : 14px;
	padding: 3px 20px 3px 20px;
	margin: 2px;
	color     :#FFFFFF;
	text-decoration:none;
	background-color:#006633;
	border : 1px solid #006633;
	border-width:1px 1px 1px 1px;
	}
.backBT:hover {
	color     :#006633;
	background-color:#FFFFFF;
	}
.PAYBT{
	line-height:140%;
	cursor:pointer;
	font-size : 18px;
	padding: 3px 20px 3px 20px;
	margin: 2px;
	color     :#FFFFFF;
	background-color:#006633;
	border : 1px solid #006633;
	border-width:1px 1px 1px 1px;
	}
.PAYBT:hover {
	color     :#006633;
	background-color:#FFFFFF;
	}

/****************************
商品一覧
****************************/
.goodslist {
	width:98%;
	}
.glist_area {
	float: center;
	display: inline-block;
	width:100%;
	text-align:left;
	margin:10px 0px 0px 0px;
	padding:3px;
	border : 1px solid #006633;
	border-width:1px 1px 1px 1px;
	border-radius:2px;
	}
.glist_image{
	float: center;
	display: inline-block;
	width:30%;
	text-align:center;
	}
.glist_image img{
	width:100%;
	}
.glist_detail {
	float: center;
	display: inline-block;
	width:65%;
	text-align:left;
	vertical-align:top;
	}
.glist_name{
	float: center;
	display: inline-block;
	margin:0px;
	font-size:18px;
	font-weight:bold;
	}
.gno {
	margin:0px 10px 0px 0px;
	font-size:10.5px;
	}
.glist_price{
	float: center;
	display: inline-block;
	width:50%;
	font-size:15px;
	text-align:right;
	}
.glist_comment{
	float: center;
	display: inline-block;
	width:100%;
	font-size:13px;
	}
.glist_cargo{
	float: center;
	display: inline-block;
	width:100%;
	text-align:right;
	}
/****************************
商品詳細画面
****************************/
.detail_area {
	float: center;
	display: inline-block;
	width:98%;
	margin:10px 0px 0px 0px;
	padding:3px;
	border : 1px solid #006633;
	border-width:1px 1px 1px 1px;
	border-radius:2px;
	}
.detail_line {
	float: center;
	display: inline-block;
	width:100%;
	display: flex;
	border : 2px solid #BCBCBC;
	border-width:0px 0px 1px 0px;
	}
.item_name {
	float: center;
	display: inline-block;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:3px;
	width:30%;
	background-color:#EFEFEF;
	}
.item_value {
	float: center;
	display: inline-block;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:3px;
	width:70%;
	background-color:#FFFFFF;
	}

/****************************
カゴの中
****************************/
.cargo_area {
	float: center;
	display: inline-block;
	width:98%;
	margin:10px 0px 0px 0px;
	padding:3px;
	border : 1px solid #006633;
	border-width:1px 1px 1px 1px;
	border-radius:2px;
	}
.cargo_line {
	float: center;
	display: inline-block;
	width:100%;
	display: flex;
	border : 2px solid #BCBCBC;
	border-width:0px 0px 1px 0px;
	}
.cargo_imagearea {
	float: center;
	display: inline-block;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:3px;
	width:30%;
	}
.cargo_detail {
	float: center;
	display: inline-block;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:3px;
	width:70%;
	}
.cargo_name {
	float: left;
	display: inline-block;
	text-align:left;
	margin:0px 0px 0px 0px;
	font-size:15px;
	padding:3px;
	width:80%;
	}
.gno {
	font-size:10.5px;
	}
.gname {
	font-size:18px;
	font-weight:bold;
	}
.delearea {
	float: left;
	display: inline-block;
	text-align:right;
	margin:5px 0px 0px 0px;
	padding:3px;
	width:15%;
	}
.cargo_unitprice {
	float: left;
	display: inline-block;
	text-align:right;
	margin:0px 0px 0px 0px;
	padding:3px;
	width:60%;
	}
.cargo_amount {
	float: left;
	display: inline-block;
	text-align:right;
	margin:0px 0px 0px 0px;
	padding:3px;
	width:15%;
	}
.cargo_price {
	float: left;
	display: inline-block;
	text-align:right;
	margin:0px 0px 0px 0px;
	padding:3px;
	width:20%;
	}
.cargo_item_name {
	float: center;
	display: inline-block;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:3px;
	width:30%;
	background-color:#EFEFEF;
	}
.cargo_item_value {
	float: center;
	display: inline-block;
	text-align:right;
	margin:0px 0px 0px 0px;
	padding:3px;
	width:70%;
	background-color:#FFFFFF;
	}
.delelink{
	line-height:130%;
	cursor:pointer;
	white-space: nowrap;
	font-size : 13px;
	padding: 3px 20px 3px 20px;
	margin: 2px;
	color     :#FFFFFF;
	text-decoration:none;
	background-color:#006633;
	border : 1px solid #006633;
	border-width:1px 1px 1px 1px;
	}
.delelink:hover {
	color     :#006633;
	background-color:#FFFFFF;
	}
.cargo_subtitle {
	float: center;
	display: inline-block;
	width:100%;
	display: flex;
	font-size : 18px;
	color : #555555;
	text-align:left;
	vertical-align:middle;
	background-color:#F7FFFB;
	border : 2px solid #BCBCBC;
	border-width:0px 0px 1px 0px;
	}
.cargo_inputline {
	float: center;
	display: inline-block;
	width:100%;
	display: flex;
	border : 2px solid #BCBCBC;
	border-width:0px 0px 1px 0px;
	}
.input_title {
	float: center;
	display: inline-block;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:3px;
	width:30%;
	background-color:#EFEFEF;
	}
.required {
	font-size:10.5px;
	color:#FF3300;
	}
.input_form {
	float: center;
	display: inline-block;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:3px;
	width:70%;
	background-color:#FFFFFF;
	}
.input_comment{
	float: center;
	display: inline-block;
	width:100%;
	display: flex;
	font-size : 15px;
	color : #555555;
	text-align:left;
	}
.postnoBT {
	line-height:130%;
	cursor:pointer;
	font-size : 13px;
	padding: 3px 20px 3px 20px;
	margin: 2px;
	color     :#FFFFFF;
	text-decoration:none;
	background-color:#006633;
	border : 1px solid #006633;
	border-width:1px 1px 1px 1px;
	}
.postnoBT:hover {
	color     :#006633;
	background-color:#FFFFFF;
	}
.errcomment {
	font-size:16px;
	font-weight:bold;
	color:#DD3300;
	}
/****************************
進捗状況
****************************/
#statearea {
	float: center;
	display: inline-block;
	width:80%;
	text-align:center;
	}
.thisstate {
	font-size:16px;
	background-color:#FF6600;
	color:#FFFFFF;
	}
.state {
	font-size:16px;
	background-color:#FFDEDD;
	}
.statemark {
	font-size:20px;
	background-color:#FFFFFF;
	}
/****************************
ページの表示
****************************/
.pagearea {
	width:90%;
	text-align:center;
	}
.pageli {
	float: center;
	display: inline-block;
	}
.dotli {
	float: center;
	display: inline-block;
	}
.PAGE {
	cursor:pointer;
	font-size : 14px;
	color     :#FFFFFF;
	background-color:#999999;
	border : 1px solid #999999;
	border-width:1px 1px 1px 1px;
	}
.PAGE:hover {
	color     :#999999;
	background-color:#FFFFFF;
	}
.THISPAGE {
	font-size : 16px;
	font-weight : bold;
	color     :#FFFFFF;
	background-color:#006633;
	border : 1px solid #006633;
	border-width:1px 1px 1px 1px;
}
.BNPAGE {
	cursor:pointer;
	font-size : 15px;
	color     :#006633;
	background-color:#FFFFFF;
	border : 1px solid #006633;
	border-width:1px 1px 1px 1px;
	}
.BNPAGE:hover {
	color     :#FFFFFF;
	background-color:#006633;
	}
.NOPAGE {
	cursor:pointer;
	font-size : 14px;
	color     :#BBBBBB;
	background-color:#EFEFEF;
	border : 1px solid #BBBBBB;
	border-width:1px 1px 1px 1px;
	}