@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(../cart_img/header_title_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	font-size:100%;
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#ccc;
	scrollbar-3dlight-color:#ff9900;
	scrollbar-arrow-color:#ff9900;
	scrollbar-track-color:#eee;
	scrollbar-darkshadow-color:#ff9900;

	}

/* ヘッダー */
#cartheader {
	width:1000px;
	margin:0 auto;
	height:60px;
	padding:0;
	background-image:url(../cart_img/header_title.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	}
#cartheader p {
	text-align:right;
	margin:0;
	padding-top:1.5em;
	margin:0px;
	font-size:0.9em;
	}
#cartheader a {
	text-decoration:none;
	color:#333;
	}
#cartheader a:hover {
	color:#FF0000;
	text-decoration:underline;
	}

#logoContainer {
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto auto;
	grid-gap: 0px 0px;
	margin-left: auto;
	padding-right: 10px;
	padding-top: 0 !important;
	align-items: center;
	justify-items: start;
	justify-content: end;
	position: relative;
}

#mypageContainer.show #mypageDropdown.dropdown-content,
#mypageContainer.show #mypageDropdown.dropdown-content.show {
	display: block;
}
#mypageImg {
	width: 40px;
	height: 40px;
	min-width: 0;
	min-height: 0;
	grid-column: 1;
	grid-row: 1;
	overflow: hidden;
	position: relative;
}
#mypageImg img {
	display: block;
	width: 100%;
	height: 100%;
}

#container {
	max-height: 60px;
}

#mypageContainer {
	cursor: pointer;
	max-height: 100%;
	/* overflow: hidden; */
	grid-column: 1;
	grid-row: 1;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 60px;
}

#mypageText {
	color: red;
	font-weight: bold;
	text-align: center;
	justify-items: center;
	align-items: center;
	grid-column: 1;
	grid-row: 2;
}
#mypageLink {
	text-align: left;
	grid-column: 2;
	grid-row: 1;
	align-self: center;
	max-height: 20px;
	/* overflow: hidden; */
}

/* マイページプルダウン */
#mypageDropdown.dropdown-content {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 180px;
	margin-top: 2px;
	padding: 4px 0;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
	z-index: 100;
	text-align: left;
}
#mypageDropdown.dropdown-content a {
	display: block;
	padding: 8px 12px;
	color: #333;
	text-decoration: none;
	font-size: 0.9em;
}
#mypageDropdown.dropdown-content a:hover {
	background: #f5f5f5;
}


/*　パンくずリスト
--------------------------------------------- */
#panlist {
	clear:both;
	width:1000px;
	margin:10px auto;
	text-align:left;
	font-size:0.8em;
	padding:0;
	}
#panlist span {
	margin:0 5px;
	}

#panlist a#current {
	text-decoration:none;
	font-weight:bold;
	}


/*　商品一覧用
------------------------------------------------*/

#janle {
	border-bottom:solid 1px;
	font-size:0.9em;
	background-color:#cc0000;
	height:1.5em;
}

#janlemenu {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	text-align:left;
	padding:5px 0;
	color:#666;
	font-size:0.8em;
	border-bottom:solid 1px #ff9900;

	}

/* #janlemenu span {
	} */

#janlemenu a {
	position:relative;
	width: 105px;
	font-size:1.2em;
	background-color:#FFCC66;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	color:#333;
	text-decoration:none;
	padding:5px;
	}
#janlemenu .show_type {
	color:#333;
	font-weight:bold;
	background-color:#FFCC00;
}
#janlemenu a:hover {
	text-decoration: underline;
	color:#FF0000;
	}

#janlemenu a#first {
	margin-left:80px;
}

#janlemenu a#current {
	font-weight:bold;
	color:#FF0000;
}

#janlemenu a:hover#current {
	text-decoration:none;
	}


/*　トップナビ
------------------------------------------------*/
#topnaviscontainer {
	background-color:#FFFF99;
	border-bottom:2px solid #ff9900;
	margin:0;
	}
#topnavis {
	width:1000px;
	margin:0 auto;
	text-align:left;
	padding:3px 0;

}

#topnavis form {
	padding:0;
	margin:0;
	}

#topnavis img {
	float:right;
	margin:0;
	padding:0;
	}


/*　フッター
------------------------------------------------*/
#footer {
	border-top:1px solid #000;
	background-color:#EC0000;
	padding-top:10px;
	font-style:normal;
	color:#FFFFFF;
	font-size:0.9em;
	text-align:center
	}

address {
	clear:both;
	border-top:10px solid #ff9900;
	background-color:#FFCC00;
	padding:10px 0;
	font-style:normal;
	color:#FFFFFF;
	font-size:0.75em;
	text-align:center;
	margin-top:1em;
	}

address a {
		color:#666;
		text-decoration:none;
	}

address a:hover {
	color:#CC0000;
	}

.link {
	text-align:right;
	font-size:0.725em;
	color:#CCCCCC;
	margin-top:10px;
	padding-right:10px;
	}

/* 商品ページ */


/*  メイン１　*/
#main1 {
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	padding:0;
	margin-top:20px;
	}

#photo1 {
	width:310px;
	text-align:left;
	float:left;
	}

#topprice {
	text-align:right;
	margin-bottom:10px;
	font-size:0.9em;
	}


/*submenu170*/

#submenu400 {
	width:400px;
	float:left;
	margin-right:10px;
	text-align:left;
	}

.sub400title {
	background-color:#FF9900;
	font-weight:bold;
	color:#FFFFFF;
	margin:0;
	padding:4px 0;
	text-align:center;
	font-size:0.8em;
	}

div.subitemname {
	border-bottom:dotted 1px #cccccc;
	padding:3px 0;
	font-size:0.75em;
	line-height:1.3;
	background-image:url(../cart_img/orange-arrow.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
	padding-left:12px;

	}

.subitemname a {
	text-decoration:none;
	color:#666666;

}

.subitemname a:hover {
	color:#FF0000;
	text-decoration:underline;
	}

span.subteika {
	color:#999999;
	text-align:right;
	font-weight:normal;
	}
span.submember {
	font-size:0.7em;
	text-align:right;
	color:#FF0000;
	font-weight:normal;
	}

#sub170mem {
	clear:both;
	border:1px solid #ff0000;
	padding:5px;
	font-size:0.8em;
	background-color:#FFFFCC;
	margin-top:5px;
	text-align:center;
	}

/*submenu170*/


#text1 {
	width:590px;
	float:right;
	text-align:left;
	}
#photo1 div.info{
	font-weight:bold;
	color:#ff0000;
	line-height:150%;
	border:2px dashed #ff0000;
	padding:5px;
	background-color:#FFF7F7;
	margin-top:10px;
	width:280px;
	}

#check {
	font-size:0.9em;
	background-image:url(../images/check.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	margin-top:10px;
	margin-left:1em;
	padding-top:2px;
	padding-bottom:2px;
	}

#shop {
	font-size:0.8em;
	margin-top:20px;
	border-left:solid 5px #ccc;
	padding-left:5px;
	}

/* メイン2　　*/

#main2 {
	clear:both;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	padding:0;
	margin-top:10px;
	margin-bottom:10px;
	line-height:150%;
	}

#photo2 {
	width:430px;
	float:left;
	text-align:left;
	}

/* お客様の声 */

#customer_voice {
	clear:both;
	width:550px;
	text-align:left;
	color:#444444;
	font-size:0.8em;
	height:150px;
	overflow:auto;
	padding:0 5px;
	margin:20px 0;
	}




#text2 {
	width:220px;
	float:right;
	text-align:left;
	color:#444444;
	font-size:0.8em;
	height:170px;
	overflow:auto;
	padding:0 5px;
	}

#voice {
	margin-top:0;
	font-size:90%;
	color:#666;
	border:dotted 1px;
	padding:10px;
	text-align:left;
	}
#voice p {
	margin-top:10px;
	}

/*　商品インフォ
-------------------------------------------------------- */

#iteminfotbl {
	clear:both;
	width:1000px;
	margin:1em auto;
	border-collapse:collapse;
	border:5px solid #FFDB6F;
	background-color:#FFFFFF;
	}

#iteminfotbl td {
	padding:7px;
	text-align:left;
	line-height:1.4;
	font-size:0.8em;
	color:#333333;
	vertical-align:top;
	}

.guidetitle {
	font-weight:bold;
	letter-spacing:0.2em;
	padding:3px 0 3px 10px;
	background-color:#eee;
	margin:0;
	border-left:5px solid #ccc;

	}




/* オーダーフォーム　*/

#order {
	clear:both;
	margin:0 auto;
	width:1000px;
	padding:0;
	margin-top:10px;
	}

thead {
	background-color:#FFCC00;
	color:#333;
	font-size:90%;
	}
tbody {
	background-color:#fff;
	font-size:95%;
	}
.list {			/*table Class*/
	width:998px;
	border:solid 1px #000;
	text-align:center;
	}

.list td {
	border:none;
	border-right: 1px solid #999;
	border-bottom : 1px solid #666;
	padding:5px;
	}

/* .list caption { */
/*
	background-color:#FFCC00;
	text-align:left;
	font-size:0.9em;
	padding:10px;
	border:none;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 0px none;
	border-bottom: 0px none;
*/
	/* } */

.list .ok_caption {
	background-color:#FFFFCC;
	text-align:left;
	font-size:0.9em;
	padding:10px;
	/*border:none;*/
	}

.nosiselect {
	overflow: hidden;
	width: 100%;
	margin: 2em auto;
	background-color: #f5f5f5;
	font-size: inherit;
	text-align: center;
	font-weight: 900;
}

#listunder {
	width:998px;
	border:none;
	text-align:center;
	padding:5px 0;
	font-size:90%;
	font-weight:bold;
	color:#CC0000;
	margin:10px 0 10px 0;
	}

#listunder span {
	font-weight:normal;
	color:#666666;
	}

p.carttitle {
	font-size:110%;
	font-weight:bold;
	text-align:center;
	color:#cc0000;
	margin:20px 0;
	}

#shopbid {
	margin:20px 0 30px 0;
	width:710px;
	background-color:#FFFFCC;
	padding:10px;
	text-align:right;
	font-size:80%;
	border:solid 2px #ddd;
	}


#orderbutton {
	margin:30px auto;
	width:100%;
	padding:10px 0;
	border-top:2px solid #999;
	}

#topbtn {
	float:left;
	width:49%;
	text-align:right;
	}
#godbtn {
	float:right;
	width:49%;
	text-align:left;
	}

th {
	border:none;
	border-right: 1px solid #999;
	border-bottom : 1px solid #666;
	padding:5px 0;
	font-size:80%;
	}
.itemno {
	font-size:0.8em;
	border-left:1px solid #ccc;
	background:#FFFFE1;
	}
.itenmname {
	text-align:left;
	line-height:1.5;
	}
.mprice {
	font-weight:bold;
	color:#cc0000;
	}
.teika,.mprice {
	text-align:right;
	}

.teika {
	color:#666;
	}

form {
	margin:0;
	padding:0;
	}

/*セルサイズ指定*/

.p001 {
	width:60px;
	}
/* .p002 {
	} */
.p004 {
	width:100px;
	}
.p005,.p006,.p007 {
	width:90px;
	}

.small_gray {
	font-size:0.8em;
	color: #006600;
	text-decoration:none;
	}

.new_items,.no1_items {
	color: #FFFF00;
	background:#FF0000;
	font-size:0.8em;
	font-weight:bold;
	padding:2px 3px;
	margin-right:0.5em;
	text-decoration:none;
	}

/*
.no1_items {
	color: #FFFF00;
	background: #009900;
	font-size:0.8em;
	font-weight:bold;
	padding:2px 3px;
	margin-right:0.5em;
	text-decoration:none;
	}
*/

p.tax {
	background-color:#eeeeee;
	font-size:1em;
	padding:10px;
	}

#totop {
	clear:both;
	margin:20px auto;
	width:1000px;
	text-align:right;
	font-size:0.8em;
	font-weight:normal;
	}
p.more {
	text-align:right;
	border-top:solid 1px #ccc;
	font-size:0.9em;
	padding-top:5px;
	font-weight:bold;
	}

#extra {
	clear:both;
	width:800px;
	margin-right:auto;
	margin-left:auto;
	padding:10px 0 0 0;
	text-align:left;
	font-size:0.8em;
	margin-top:10px;

	}

#extra img {
	float:left;
	margin-right:5px;
	}

#ex1 {
	width:230px;
	float:left;
	margin-right:10px;
	padding:5px;
	line-height:1.3;
	}

#ex2 {
	width:230px;
	float:left;
	margin-right:10px;
	padding:5px;
	line-height:1.3;
	}

#ex3 {
	width:230px;
	float:left;
	padding:5px;
	line-height:1.3;
	}

/*商品一覧*/

#ichiran {
	width:1000px;
	margin:20px auto;
	padding:0;
	text-align:left;
	}

/*カート下部*/

#cart_u {
	text-align:center;
	margin:20px auto 0 auto;
	font-size:0.8em;
	color:#666666;
	font-weight:normal;
	padding:10px 0 0 0;
	width:1000px;
	border-top:1px solid #ccc;
	}

#cart_u a {
	margin:0 7px;
	}


/*Okonomi form*/
.okonomi-ls {
	width: 100%;
}
.okonomi-ls caption {
	text-align:left;
}
.okonomi-ls thead {
	font-size:1em;
	background-color:#FFCC66;
}
.okonomi-ls td {
	font-size: 0.8em;
}