@charset "UTF-8";


* {
	margin: 0;
	padding: 0;
}
body, input {
  color: #000b00;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
}
a {
	color: #000b00;
	text-decoration: none;
}


/* サイト紹介
------------------------------------ */
p.site_intro {
	line-height: 26px;
	padding-left: 5px;
	font-size: 85%;
	font-weight: bold;
}


/* サイトロゴ
------------------------------------ */
div.site_logo img {
	width: auto;
	height: 50px;
}


/* パーツ1
------------------------------------ */
div.part1 {
	position: absolute;
	top: 26px;
	right: 17%;
	width: 35%;
	max-width: 250px;
	letter-spacing: -.3em;
}
div.part1 li {
	display: inline-block;
	width: 48%;
	background-color: #fff;
	font-size: x-small;
	text-align: center;
	letter-spacing: 1px;
}
div.part1 li:first-child { /* My page */
	margin-right: 2%;
}
div.part1 li:first-child a::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background: url(mypage.png) no-repeat;
	background-size: 100%;
	vertical-align: middle;
}
div.part1 li:nth-of-type(2) a::before { /* Cart */
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background: url(cart.png) no-repeat;
	background-size: 100%;
	vertical-align: middle;
}
div.part1 li a {
	display: block;
	padding: 8px 0;
	border: 1px solid #ddd;
	border-radius: 8px;
}
div.part1 li a:hover { background-color: #eee; }


/* パーツ2
------------------------------------ */
div.part2 {
	position: absolute;
	top: 26px;
	right: 2px;
	width: 15%;
	line-height: 52px;
	background-color: #e6c0c0;
	border: 1px solid #e6c0c0;
	border-radius: 8px;
	text-align: center;
}
div.part2 .accordion_btn {
	cursor: pointer;
}


/* ナビ
------------------------------------ */
nav {
	margin: 5px auto;
}
nav ul {
	display: table;
	width: 100%;
	line-height: 50px;
	border: 1px solid #5c3c2d;
	text-align: center;
}
nav ul li {
	display: table-cell;
	border-right: 1px solid #5c3c2d;
}
nav ul li:nth-of-type(4) {
	border: 0;
}
nav ul li a {
	display: block;
}
nav ul li a:hover {
	background-color: #ede4e1;
}


/* 検索フォーム
------------------------------------ */
div.search_form input {
	display: inline-block;
	border: 1px solid #d4d9dc;
	border-radius: 8px;
	font-size: 110%;
}
div.search_form input[type="search"] { /* 入力欄 */
	width: 70%;
	margin: 0 1%;
	padding: 8px;
	box-shadow: 1px 2px 5px rgba(0,0,0,0.1) inset;
}
div.search_form input[type="submit"] { /* 検索ボタン */
	width: 27%;
	padding: 8px;
	background: -moz-linear-gradient(top, #f7f6fb, #d3d6dd); /* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f6fb), to(#d3d6dd)); /* Safari,Chrome用 */
	cursor: pointer;
}
div.search_form input[type="submit"]:hover {
	background: -moz-linear-gradient(top, #f7f6fb, #bbb); /* Firefox逕ｨ */
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f6fb), to(#bbb)); /* Safari,Chrome用 */
}