/*-----------------------------------------------------------------------*/
/*	色関連 */
/*-----------------------------------------------------------------------*/

/* 全体の文字色 */
html {
	color:#000000;
}

/* 背景 */
body {
	background-color:#f8f4e6;
}

/* ヘッダの背景色 */
header {
	background:#999999;
}

/* リンク */
a {
	color:#333333;
	text-decoration:underline;
}
a:hover {
	color:#bdb76b;
}

/* フッタの色 */
footer {
	background:#628035;
}
footer a,
footer a:hover {
	color:#ffffff;
	text-decoration:underline;
}
footer p {
	color:#000000;
}
@media screen and (min-width:769px) {

footer {
}
footer a,
footer a:hover {
}
footer p {
}

}


/* ページタイトルの色 */
h1 {
	color:#1d2b38;
	border-bottom:solid 3px #ff8c00;
}

/* サブタイトルの色 */
h2 {
	color:#1d2b38;
	border-bottom:dotted 2px #9acd32;
}

/* 新着情報の日付の左側 */
.newinfo dt {
	border-left:solid 8px #ffa500;
}

/* テーブル */
table.syouhin,
table.syouhin th,
table.syouhin td {
	border:1px solid #663300;
}
table.syouhin th {
	color:#330000;
	background:#996633;
}

/* 会社概要のカンパニーサイトへのリンク */
#companylink a {
	color:#333333;
}

/* サイド部・サイトマップ */
#sitemap dt {
	background:#ececa8;
}
#sitemap dt a:hover {
	color:#000000;
}

/* サイド部・商品一覧 */
#goodslist dl {
	border-top:1px solid #b79b5b;
}
#goodslist dt {
	background:#ececa8;
	border-left:1px solid #b79b5b;
	border-right:1px solid #b79b5b;
	border-bottom:1px solid #b79b5b;
}
#goodslist dt a {
	color:#433d3c;
}
#goodslist dd {
	border-left:1px solid #b79b5b;
	border-right:1px solid #b79b5b;
	border-bottom:1px solid #b79b5b;
}
#goodslist dd a:hover {
	color:#554738;
	background:#ebe1a9;
}

/* お問い合わせ */
hr {
	border:2px solid #deb887;
}
@media screen and (min-width:600px) {

#inquiry table th {
	border:1px dotted #b79b5b;
	background:#ececa8;
}
#inquiry table td {
	border:1px dotted #b79b5b;
}
}

/*-----PCのみ（769px以上）-----*/
@media screen and (min-width:769px) {

/* ナビの色 */
#navi li a {
	color:#000000;
	background:#9acd32;
	border:1px solid #ececa8;
}
#navi li a:hover{
	color:#000000;
	background: #999999;
}

#navi li#first a {
	border-left:none;
}
#navi li#last a {
	border-right:none;
}

}/*-----PCのみ（769px以上）-----*/


/*-----スマホのみ（768px以下）-----*/
@media screen and (max-width:768px) {

/* 商品ページの下部のお問い合わせリンク */
#footinquiry a {
	color:#ffffff;
	background:#996633;
}

}/*-----スマホのみ（768px以下）-----*/


/*-----------------------------------------------------------------------*/
/*	これ以降に追加のスタイルを記述して下さい */
/*-----------------------------------------------------------------------*/
/*　他サイトリンク　*/
.linklist{
	margin: 5px 0 0 20px;
	list-style-type: square;
	font-size: 16px;
}
.linklist a{
	text-decoration: none;
	color: #f5661a;
}
.linklist a:hover{
	color: #4caaef;
}

/*　商品ページのコンテンツ　*/

.product-contents{
width: 100%;
overflow: hidden;
}
.product-photo{
	max-width: 50%;
    float: left;
 /*   overflow: hidden;
    margin-right: 50%;*/
}

.product-information{
	max-width: 48%;
/*    margin-left: 50%;*/
    float: right;
}

.center{
	text-align:center;
}

img:hover{
	opacity:0.7;
}

td.order_youso{
	color:#ffffff;
	background:#996633;
}
td.left{
	text-align:left !important
}

.relationcontainer{
	width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.relation{
	max-width: 315px;
/*    height: 100px;*/
    float: left;
    margin: 0 5px 10px 5px;
    padding: 5px;
    border-radius: 1px;
    border: 1px solid #666;
}

.relation img{
	float: left;
}

.detail {
	margin: 0;
	margin-left: 110px;
	font-size: 12px;
}

.detail h4{
	font-size: 14px;
	margin: 0px;
	border-bottom: 1px dashed #9acd32;
}
.detail p{
	margin: 12px;
}

img.hyaku{
	height: 100px !important;
	width: 100px !important;
}

.attention{
	background-color: #ffd648;
    border-radius: 10px;
    padding: 3px 10px;
    margin: 3px;
}


/*スマホサイズの商品コンテンツ設定*/
@media screen and (max-width: 480px){
.product-photo,
.product-information {
    float: none;
    max-width: 90%;
    margin-left: 10px;
}
.image4 li {
	width:21%;
}
}/*スマホサイズの商品コンテンツ設定*/


/*トップページのご注文の流れ*/
.contents_order{
max-width: 95%;
}

.order_step{
width: 23%;
margin: 1%;
border-radius: 15px ;
background-color: #e0ffa0;
display:table-cell;
vertical-align: middle;
padding: 5px;
}

.order_step h3{
margin: initial;
text-align:center;
}
.order_step p{
margin-left:0px;
margin:auto;

}

.tablecell{
display:table-cell;
vertical-align: middle;
}
}/*トップページのご注文の流れ*/

{}

.borderbox{
    width: 90%;
    border: 1px dotted #192f60;
    padding: 10px;
    background-color: #efefef;
    border-radius: 20px;
    box-sizing: border-box;
		margin: auto;
}

}