/*

白

faf9f4:背景



緑

95cf56:ナビゲーションバー、サイドh1背景

40a020:リンク

72a549:フッター

208020:タイトル文字

7CB63D:mainのh1

306A00:mainのh2

0c7072:sideのh2



オレンジ

f1844c:選択中のナビゲーションリンク

ffa500:リンクhover

FFEAB2:サイドナビリンク背景

FF6E30:mainのh2のp、strong

*/



body {

	margin: 0;

	background-color: #faf9f4;

	color: #4D4D4D;

	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3AE\30CE\89D2\30B4\20\50\72\6F\20\57\33","Hiragino Kaku Gothic Pro","メイリオ1\30A4\30EA\30AA",Meiryo,"ＭＳ Ｐゴシック33\20\FF30\30B4\30B7\30C3\30AF", sans-serif;

	font-size: 14px;

	line-height: 1.2;

}



a:link { color: #40a020; }

a:visited { color: #40a020; }

a:hover { color: #ffa500; text-decoration: underline; }



img {

	border: 0;

	max-width: 100%;

}

@media (max-width: 768px) {

	*{margin: 0; padding: 0}

	body {

		font-size: 14px;

	}

	img {

		height: auto;

		width: auto;

	}

}



#top {

	width: 100%;

	background-color: #ffffff;

}

#top:after {

	content: '';

	clear:both;

	display: table;

}

#nav {

	width: 100%;

	background-color: #95cf56;

}

#nav:after {

	content: '';

	clear:both;

	display: table;

}

#container {

	width: 900px;

	margin: 0 auto;

	*zoom:1;

	background-color: #faf9f4;

}

#container:after {

	content: '';

	clear:both;

	display: table;

}

#main {

	float:right;

	padding: 0;

	margin:0;

	width:680px;

	*zoom:1;

}

#side {

	width: 200px;

	padding: 0;

	margin: 0 10px;

}

#bottom {

	margin-top: 10px;

	width: 100%;

	background-color: #72a549;

}

@media (max-width: 768px) {

	#top {

		width: 98%;

		margin: 0 auto;

		background-color: #faf9f4;

	}

	#container {

		width: 98%;

		margin: 0 auto;

	}

	#main {

		width: 100%;

		float:none;

	}

	#side {

		width: 100%;

		margin: 0;

	}

}



/* header

   ========================================================================== */

header {

	width: 880px;

	margin: 0 auto;

	padding: 10px 0;

	height: 70px;

	font-size: 14px;

	display: block;

}

header h1 {

	margin: 0;

	padding-top:10px;

	text-align: left;

	color: #208020;

}

header p {

	margin: 0;

}

header .strong {

	color: #ff0000;

	font-weight: bold;

	display: inline;

}

header .tel {

	text-align:right;

	font-size:16px;

	font-weight:bold;

}

header .left {

	display: inline;

}

header .right {

	float:right;

	text-align: right;

	display: inline;

	padding-bottom: 5px;

}

@media (max-width: 768px) {

	header {

		width: 100%;

		padding: 5px 0;

	}

	header .tel {

		margin-right: 0;

	}

}

@media (max-width: 480px) {

	header {

		font-size: 10px;

	}

	header .tel {

		font-size: 12px;

	}

	header h1 {

		font-size: 18px;

	}

}

@media (max-width: 320px) {

	header {

		font-size: 10px;

	}

	header .tel {

		font-size: 12px;

	}

	header h1 {

		font-size: 16px;

	}

	header .right {

		padding-bottom: 3px;

	}

}



/* topnav

   ========================================================================== */

.topnav {

	width: 900px;

	height: 42px;

	margin: 0 auto;

	text-align: left;

	position: relative;

	background-color: #95cf56;

}

.topnav ul {

	height: 42px;

	list-style-type: none;

	margin:0;

	padding:0;

	width:900px;

	background-color: #95cf56;

}

.topnav li {

	display:inline-block;

	margin: 0 3px;

	float: left;

}

.topnav a {

	display: block;

	padding: 6px 3px;

	text-align: center;

	text-decoration: none;

	font-size: 15px;

	font-weight: bold;

	color: #ffffff;

	line-height: 20px;

}

.topnav li a span{

	display:inline-block;

	padding:5px 10px 5px 10px;

	-webkit-border-radius:10px;

	-moz-border-radius:10px;

	-ms-border-radius:10px;

	-o-border-radius:10px;

	border-radius:10px

}

.topnav a:link {

	background-color: #95cf56;

}

.topnav a.active span,

.topnav li a:hover span

{

	color: #ffffff;

	background-color: #f1844c;

}

@media (max-width: 768px) {

	.topnav {

		width: 100%;

	}

	.topnav a {

		font-size: 12px;

		padding: 4px 3px;

	}

	.topnav ul {

		width: 100%;

	}

	.topnav li {

		width: 110px;

	}

	.topnav li a span {

		width: 85px;

	}

}

@media (max-width: 480px) {

	.topnav a {

		font-size: 12px;

		padding: 3px 0;

	}

	.topnav li {

		width: 31%;

	}

	.topnav li a span {

		width: 70%;

	}

}

@media (max-width: 320px) {

	.topnav a {

		font-size: 12px;

		padding: 3px 0;

	}

	.topnav li {

		width: 47%;

	}

	.topnav li a span {

		width: 70%;

	}

}



/* breadcrumb

   ========================================================================== */

.breadcrumb {

	padding:7px 14px;

	margin:0;

	list-style:none;

	background-color:#faf9f4;

}

.breadcrumb li {

	display:inline-block;

	*display:inline;

	*zoom:1;

}

.breadcrumb .divider {

	padding:0 10px;

	color:#999999;

}

.breadcrumb a {

	color:#40a020;

	text-decoration: none;

}

.breadcrumb a:hover {

	color: #ffa500;

	text-decoration: underline;

}

@media (max-width: 768px) {

	.breadcrumb {

		padding: 7px 0;

	}

}



/* block

   ========================================================================== */

/* block */

.block {

	margin: 0 0 10px 0;

	*zoom:1;

}

.block p {

	margin: 5px;

}

#main .block {

	padding: 10px;

	background-color: #ffffff;

}

#main .block:after {

	content: '';

	clear:both;

	display: table;

}

#side .block {

	padding-bottom: 5px;

	background-color: #ffffff;

	font-size: 14px;

	

  border: 1px solid #95cf56;

  border-radius: 4px;

  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);

          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);

}

#side .block h1 {

	margin: 0;

	padding: 5px;

	background-color: #95cf56;

	color: #ffffff;

	line-height: 1;

	font-size: 16px;

	font-weight: normal;

}

#side .block h2 {

	font-size:14px;

	font-weight:bold;

	color:#0c7072;

	margin:0 0 5px 5px;

	padding:6px 0 0 0;

}

#main .block h1 {

	color: #827437;

	margin: 0 0 7px;

	font-size: 20px;

}

#main .block h1 p {

	display: inline;

	font-size: 14px;

	color: #999999;

}

#main .block h2 {

	color: #306A00;

	margin: 0 0 7px;

	font-size: 15px;

}

#main .block h2 p {

	display: inline;

	font-size: 14px;

	color: #FF6E30;

}

@media (max-width: 768px) {

	#main ul {

		margin: 0 0 10px 20px;

	}

	#main ol {

		margin: 0 0 10px 30px;

	}

	#side .block {

		float: left;

		display: inline;

		margin-right: 5px;

		width: 32%;

	}

}

@media (max-width: 480px) {

	#main ul {

		margin: 0 0 10px 20px;

	}

	#main ol {

		margin: 0 0 10px 30px;

	}

	#side .block {

		float: left;

		display: inline;

		margin-right: 5px;

		width: 48%;

	}

}

@media (max-width: 320px) {

	#main ul {

		margin: 0 0 10px 20px;

	}

	#main ol {

		margin: 0 0 10px 30px;

	}

	#side .block {

		float: left;

		display: inline;

		margin-right: 0;

		width: 100%;

	}

}



/* block-image */

.block .block-image {

	float: right;

	margin: 0 0 10px;

}

@media (max-width: 480px) {

	.block .block-image {

		float: none;

		margin:0 10px;

	}

	.block .block-image img {

		margin: 0 auto;

	}

}



/* banner */

.banner {

	padding-top: 10px;

	text-align: center;

}

.banner img {

	border: 0;

}

.banner a {

	text-decoration: none;

}



/* banner-main */

.banner-main {

	text-align: center;

}

.banner-main .list {

	margin: 5px auto 5px auto;

	text-align: left;

	font-weight: bold;

	width: 570px;

}

.banner-main .list ul {

	margin: 0;

	padding: 0 0 0 5px;

	list-style-type: none;

}

.banner-main .list li {

	margin-bottom: 5px;

}

@media (max-width: 480px) {

	.banner-main .list {

		width: 100%;

	}

}



/* policy */

.policy {

	background: #ffffff url("../img/map.gif") no-repeat right top;

}

.policy-text {

	width: 80%;

}

@media (max-width: 480px) {

	.policy-text {

		width: 70%;

	}

}

@media (max-width: 320px) {

	.policy {

		background-image: none;

	}

	.policy-text {

		width: 100%;

	}

}



/* related-article */

.related-article {

	margin: 0 0 0 10px;

}

.related-article ul {

	margin: 0;

	padding-left: 10px;

}

.related-article li {

	margin-bottom: 3px;

}



/* top-product-info

   ========================================================================== */

.top-product-info {

	margin-top: 0;

}

.top-product-info p {

	margin-bottom: 0;

}

.top-product-info ul {

	float: left;

	margin: 10px 0 0 0;

	padding-left: 0;

	vertical-align: middle;

	list-style:none;

	line-height:1.5;

}

.top-product-info .product-image {

	float: left;

}

.top-product-info:after {

	content: '';

	clear:both;

	display: table;

}



/* product

   ========================================================================== */

.product > .product-image {

	float: left;

	width: 310px;

}

.product > .product-data {

	float: left;

	width: 330px;

	margin: 0 10px;

}

@media (max-width: 480px) {

	.product > .product-image {

		width: 100%;

	}

	.product > .product-data {

		width: 100%;

		margin: 0px;

	}

}

.product-data > .price {

	font-size: 20px;

	font-weight: bold;

}

.product-data table {

	margin: 10px auto;

}

.product-data th {

	width: 70px;

}

.product:after {

	content: '';

	clear:both;

	display: table;

}

.product > .product-info {

	width: 660px;

	margin: 0 10px;

}

.product-data > .purchase {

	padding:8px 14px;

	margin-bottom:10px;

	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);

	background-color:#fcf8e3;

	border:1px solid #fbeed5;

	-webkit-border-radius:4px;

	-moz-border-radius:4px;

	border-radius:4px;

	

	background-color:#f2dede;

	border-color:#eed3d7;

	color:#b94a48;

	font-weight: bold;

	margin-top: 5px;

}

.purchase > select {

	margin: 0 10px;

	height: 25px;

	min-width: 70px;

}

.purchase > input[type="submit"] {

	width: 100px;

	height: 30px;

}



/* productlink-list

   ========================================================================== */

#productlink-list {

	display: none;

}

#productlink-list h2 {

	margin: 0 !important;

}

#productlink-list ul {

	margin-left: 10px;

	list-style: none;

	line-height: 1.5;

}

@media (max-width: 768px) {

	#productlink-list {

		display: block;

	}

}



/* footer

   ========================================================================== */

footer {

	width: 900px;

	background-color: #72a549;

	height: 60px;

	font-size: 12px;

	margin:auto;

	padding:10px 0;

	color: #ffffff;

}

@media (max-width: 768px) {

	footer {

		width: 98%;

		padding: 10px 0;

	}

}

footer p {

	text-align:left;

	font-size:14px;

	margin:20px;

	border:0px;

	padding:0px;

}

footer .company {

	vertical-align: bottom;

	margin-right: 3px;

}

footer a {

	text-align:left;

	text-decoration:none;

	color:#60a040;

}

footer .left {

	display: inline;

}

footer .address {

	float:right;

	text-align: right;

	display: inline;

	padding-bottom: 5px;

}

.footer-nav {

	background-color: #ecf1db;

	padding: 10px 0px 10px 0px;

}

.footer-nav [class*="span"] {

	height:160px;

	padding: 0px 10px 0px 10px;

}

.footer-nav-menu {

	margin: 0px;

	padding: 0px;

	font-size: 8pt;

}

.footer-nav-menu li a {

	font-weight: normal;

}





aside {

	padding: 10px;

	font-size: 14px;

}









/* subnav

   ========================================================================== */

.subnav {

	font-size:12px;

}

.subnav ul {

	padding: 0;

	margin: 0;

	list-style: none;

	border-top: 1px solid #D9D9D9;

}

.subnav li {

	border-bottom: 1px solid #D9D9D9;

}

.subnav li a {

	padding: 5px;

	text-decoration: none;

	display: block;

}

.subnav li a:hover {

	background: #FFEAB2;

	text-decoration: none;

}

.subnav a {

	text-align:left;

	text-decoration:none;

	color:#40a020;

}

.subnav a:hover {

	color: #40a020;

	text-decoration: underline;

}

.subnav li.active {

	border-left: 3px solid #FF6E30;

}

.subnav li.active>a {

	color: #0D6D00;

	font-weight: bold;

}

/*

.subnav {

	font-size:12px;

}

.subnav ul {

	list-style:none;

	line-height:normal;

	margin:0;

	padding:0;

}

.subnav li {

	margin-bottom:0;

	padding:0 0 10px;

}

.subnav li ul {

	margin:0;

}

.subnav p {

	line-height:10%;

	margin:0;

	padding:0 14px;

}

*/

/*

.subnav h1 {

	font-size:16px;

	font-weight:bold;

	color:#ffffff;

	margin:0 0 5px 0;

	padding:6px 0 3px 5px;

	background-color: #72a549;

}

*/

.subnav h2 {

	font-size:14px;

	font-weight:bold;

	color:#0c7072;

	margin:0 0 5px;

	padding:6px 0 0 0;

}



/* label

   ========================================================================== */

.label {

	margin: 0 5px;

	font-size:10.998px;

	font-weight:bold;

	line-height:14px;

	color:#ffffff;

	vertical-align:baseline;

	white-space:nowrap;

	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);

	background-color:#999999;

	padding:1px 4px 2px;

	-webkit-border-radius:3px;

	-moz-border-radius:3px;

	border-radius:3px;

}

.label-important { background-color:#b94a48; }

.label-warning { background-color:#f89406; }

.label-success { background-color:#468847; }

.label-info { background-color:#3a87ad; }

.label-inverse { background-color:#333333; }



/* alert

   ========================================================================== */

.alert {

	padding:8px 35px 8px 14px;

	margin-bottom:18px;

	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);

	background-color:#fcf8e3;

	border:1px solid #fbeed5;

	-webkit-border-radius:4px;

	-moz-border-radius:4px;

	border-radius:4px;

	color:#c09853;

	

	background-color:#f2dede;

	border-color:#eed3d7;

	color:#b94a48;

}



/* abbreviation

   ========================================================================== */

abbr[title] {

	cursor:help;

	border-bottom:1px dotted #999999;

}

abbr.initialism{

	font-size:90%;

	text-transform:uppercase;

}



code, pre {

	padding:0 3px 2px;

	font-family:Menlo,Monaco,Consolas,"Courier New",monospace;

	font-size:12px;color:

	#333333;

	-webkit-border-radius:3px;

	-moz-border-radius:3px;

	border-radius:3px;

}

code {

	padding: 2px 4px;

	color: #d14;

	background-color: #f7f7f9;

	border: 1px solid #e1e1e8;

}

pre {

	display: block;

	padding: 8.5px;

	margin: 0 0 9px;

	font-size: 12.025px;

	line-height: 18px;

	word-break: break-all;

	word-wrap: break-word;

	white-space: pre;

	white-space: pre-wrap;

	background-color: #f5f5f5;

	border: 1px solid #ccc;

	border: 1px solid rgba(0, 0, 0, 0.15);

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

}

pre.prettyprint { margin-bottom: 18px; }

pre code {

	padding: 0;

	color: inherit;

	background-color: transparent;

	border: 0;

}



/* table

   ========================================================================== */

table {

	max-width: 100%;

	background-color: #ffffff;

	border-spacing: 0;

	width: 100%;

	margin-bottom: 18px;

	border: 1px solid #dddddd;

	border-collapse: separate;

	*border-collapse: collapsed;

	border-left: 0;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

}

table th,

table td {

	padding: 8px;

	line-height: 18px;

	text-align: left;

	vertical-align: top;

	

	border-top: 1px solid #dddddd;

	border-left: 1px solid #dddddd;

}

table th { font-weight:bold; }

table thead th { vertical-align:bottom; }

table caption+thead tr:first-child th,

table caption+tbody tr:first-child th,

table caption+tbody tr:first-child td,

table colgroup+thead tr:first-child th,

table colgroup+tbody tr:first-child th,

table colgroup+tbody tr:first-child td,

table thead:first-child tr:first-child th,

table tbody:first-child tr:first-child th,

table tbody:first-child tr:first-child td {

	border-top: 0;

}

table thead:first-child tr:first-child th:first-child,

table tbody:first-child tr:first-child td:first-child {

	-webkit-border-top-left-radius: 4px;

	border-top-left-radius: 4px;

	-moz-border-radius-topleft: 4px;

}

table thead:first-child tr:first-child th:last-child,

table tbody:first-child tr:first-child td:last-child {

	-webkit-border-top-right-radius: 4px;

	border-top-right-radius: 4px;

	-moz-border-radius-topright: 4px;

}

table thead:last-child tr:last-child th:first-child,

table tbody:last-child tr:last-child td:first-child {

	-webkit-border-radius: 0 0 0 4px;

	-moz-border-radius: 0 0 0 4px;

	border-radius: 0 0 0 4px;

	-webkit-border-bottom-left-radius: 4px;

	border-bottom-left-radius: 4px;

	-moz-border-radius-bottomleft: 4px;

}

table thead:last-child tr:last-child th:last-child,

table tbody:last-child tr:last-child td:last-child {

	-webkit-border-bottom-right-radius: 4px;

	border-bottom-right-radius: 4px;

	-moz-border-radius-bottomright: 4px;

}



.displaytable {

	display: table;

}

.displaytable-row {

	display: table-row;

}

.displaytable-row > div {

	display: table-cell;

	padding: 3px;

}



/* button

   ========================================================================== */

/*

.btn {

	font-size:14px;

	font-family:Arial;

	font-weight:normal;

	-moz-border-radius:8px;

	-webkit-border-radius:8px;

	border-radius:8px;

	border:1px solid #f1834c;

	padding:6px 12px;

	text-decoration:none;

	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fe9059), color-stop(100%, #f1834c) );

	background:-moz-linear-gradient( center top, #fe9059 5%, #f1834c 100% );

	background:-ms-linear-gradient( top, #fe9059 5%, #f1834c 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe9059', endColorstr='#f1834c');

	background-color:#fe9059;

	color:#ffffff;

	display:inline-block;

}

.btn:hover {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #95cf56), color-stop(100%, #72a549) );

	background:-moz-linear-gradient( center top, #95cf56 5%, #72a549 100% );

	background:-ms-linear-gradient( top, #95cf56 5%, #72a549 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#95cf56', endColorstr='#72a549');

	background-color:#95cf56;

	border:1px solid #72a549;

}

.btn:active {

	position:relative;

	top:1px;

}

*/

.btn {

  display: inline-block;

  *display: inline;

  padding: 4px 12px;

  margin-bottom: 0;

  *margin-left: .3em;

  font-size: 14px;

  line-height: 20px;

  *line-height: 20px;

  color: #333333;

  text-align: center;

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

  vertical-align: middle;

  cursor: pointer;

  background-color: #f5f5f5;

  *background-color: #e6e6e6;

  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));

  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);

  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);

  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);

  background-repeat: repeat-x;

  border: 1px solid #bbbbbb;

  *border: 0;

  border-color: #e6e6e6 #e6e6e6 #bfbfbf;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  border-bottom-color: #a2a2a2;

  -webkit-border-radius: 4px;

     -moz-border-radius: 4px;

          border-radius: 4px;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);

  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

  *zoom: 1;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

}



.btn:hover,

.btn:active,

.btn.active,

.btn.disabled,

.btn[disabled] {

  color: #333333;

  background-color: #e6e6e6;

  *background-color: #d9d9d9;

}



.btn:active,

.btn.active {

  background-color: #cccccc \9;

}



.btn:first-child {

  *margin-left: 0;

}



.btn:hover {

  color: #333333;

  text-decoration: none;

  background-color: #e6e6e6;

  *background-color: #d9d9d9;

  /* Buttons in IE7 don't get borders, so darken on hover */



  background-position: 0 -15px;

  -webkit-transition: background-position 0.1s linear;

     -moz-transition: background-position 0.1s linear;

       -o-transition: background-position 0.1s linear;

          transition: background-position 0.1s linear;

}



.btn:focus {

  outline: thin dotted #333;

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}



.btn.active,

.btn:active {

  background-color: #e6e6e6;

  background-color: #d9d9d9 \9;

  background-image: none;

  outline: 0;

  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

}



.btn.disabled,

.btn[disabled] {

  cursor: default;

  background-color: #e6e6e6;

  background-image: none;

  opacity: 0.65;

  filter: alpha(opacity=65);

  -webkit-box-shadow: none;

     -moz-box-shadow: none;

          box-shadow: none;

}



.btn {

  border-color: #c5c5c5;

  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);

}

.btn-group {

  position: relative;

  display: inline-block;

  *display: inline;

  *margin-left: .3em;

  font-size: 0;

  white-space: nowrap;

  vertical-align: middle;

  *zoom: 1;

}



.btn-group:first-child {

  *margin-left: 0;

}



.btn-group + .btn-group {

  margin-left: 5px;

}



.btn-toolbar {

  margin-top: 10px;

  margin-bottom: 20px;

  font-size: 0;

  text-align: center;

}



.btn-toolbar .btn + .btn,

.btn-toolbar .btn-group + .btn,

.btn-toolbar .btn + .btn-group {

  margin-left: 5px;

}



.btn-group > .btn {

  position: relative;

  -webkit-border-radius: 0;

     -moz-border-radius: 0;

          border-radius: 0;

}



.btn-group > .btn + .btn {

  margin-left: -1px;

}



.btn-group > .btn,

.btn-group > .dropdown-menu {

  font-size: 14px;

}



.btn-group > .btn-mini {

  font-size: 11px;

}



.btn-group > .btn-small {

  font-size: 12px;

}



.btn-group > .btn-large {

  font-size: 16px;

}



.btn-group > .btn:first-child {

  margin-left: 0;

  -webkit-border-bottom-left-radius: 4px;

          border-bottom-left-radius: 4px;

  -webkit-border-top-left-radius: 4px;

          border-top-left-radius: 4px;

  -moz-border-radius-bottomleft: 4px;

  -moz-border-radius-topleft: 4px;

}



.btn-group > .btn:last-child,

.btn-group > .dropdown-toggle {

  -webkit-border-top-right-radius: 4px;

          border-top-right-radius: 4px;

  -webkit-border-bottom-right-radius: 4px;

          border-bottom-right-radius: 4px;

  -moz-border-radius-topright: 4px;

  -moz-border-radius-bottomright: 4px;

}



.btn-group > .btn.large:first-child {

  margin-left: 0;

  -webkit-border-bottom-left-radius: 6px;

          border-bottom-left-radius: 6px;

  -webkit-border-top-left-radius: 6px;

          border-top-left-radius: 6px;

  -moz-border-radius-bottomleft: 6px;

  -moz-border-radius-topleft: 6px;

}



.btn-group > .btn.large:last-child,

.btn-group > .large.dropdown-toggle {

  -webkit-border-top-right-radius: 6px;

          border-top-right-radius: 6px;

  -webkit-border-bottom-right-radius: 6px;

          border-bottom-right-radius: 6px;

  -moz-border-radius-topright: 6px;

  -moz-border-radius-bottomright: 6px;

}



.btn-group > .btn:hover,

.btn-group > .btn:focus,

.btn-group > .btn:active,

.btn-group > .btn.active {

  z-index: 2;

}



.btn-group .dropdown-toggle:active,

.btn-group.open .dropdown-toggle {

  outline: 0;

}



.btn-group > .btn + .dropdown-toggle {

  *padding-top: 5px;

  padding-right: 8px;

  *padding-bottom: 5px;

  padding-left: 8px;

  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

     -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

}



.btn-group > .btn-mini + .dropdown-toggle {

  *padding-top: 2px;

  padding-right: 5px;

  *padding-bottom: 2px;

  padding-left: 5px;

}



.btn-group > .btn-small + .dropdown-toggle {

  *padding-top: 5px;

  *padding-bottom: 4px;

}



.btn-group > .btn-large + .dropdown-toggle {

  *padding-top: 7px;

  padding-right: 12px;

  *padding-bottom: 7px;

  padding-left: 12px;

}



.btn-group.open .dropdown-toggle {

  background-image: none;

  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

}



.btn-group.open .btn.dropdown-toggle {

  background-color: #e6e6e6;

}



.btn-group.open .btn-primary.dropdown-toggle {

  background-color: #0044cc;

}



.btn-group.open .btn-warning.dropdown-toggle {

  background-color: #f89406;

}



.btn-group.open .btn-danger.dropdown-toggle {

  background-color: #bd362f;

}



.btn-group.open .btn-success.dropdown-toggle {

  background-color: #51a351;

}



.btn-group.open .btn-info.dropdown-toggle {

  background-color: #2f96b4;

}



.btn-group.open .btn-inverse.dropdown-toggle {

  background-color: #222222;

}





.dropshadow{

    box-shadow: 0 0 10px rgba(0,0,0,0.25);

    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.25);

    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25);

}



/* キャプション */

.cap {

	position: relative;

}

.cap img {

	border: none !important;

	margin: 0 !important;

	padding: 0 !important;

}

.cap p {

	position: absolute;

	left: 0;

	bottom: 0;

	color: #ffffff;

	padding: 5px;

	background: #000000;

	filter: Alpha(opacity=70);

	opacity:0.7;

	font-size: 10px;

}



/* サムネイル */

.thumbnail,

.img-thumbnail {

  padding: 4px;

  line-height: 1.428571429;

  background-color: #ffffff;

  border: 1px solid #dddddd;

  border-radius: 4px;

  -webkit-transition: all 0.2s ease-in-out;

          transition: all 0.2s ease-in-out;

}

.thumbnail {

  display: block;

  width: 190px;

  float: left;

  margin: 0 5px 5px 0;

}

.thumbnail > img,

.img-thumbnail {

  display: inline-block;

  height: auto;

  max-width: 100%;

}

a.thumbnail:hover,

a.thumbnail:focus {

  border-color: #428bca;

}

.thumbnail > img {

  margin-right: auto;

  margin-left: auto;

  width: 200px;

}

.thumbnail .caption {

  padding: 9px;

  color: #333333;

}

.thumbnail .caption h3 {

	margin: 0;

}

.thumbnail .price strong {

	font-weight: bold;

	color: #ff0000;

}

@media (max-width: 768px) {

	#side .thumbnail {

		display: inline;

		margin-right: 5px;

		width: 32%;

	}

}

@media (max-width: 480px) {

	#side .thumbnail {

		display: inline;

		margin-right: 5px;

		width: 48%;

	}

}

@media (max-width: 320px) {

	#side .thumbnail {

		float: left;

		display: inline;

		margin-right: 0;

		width: 100%;

	}

}



.well {

	padding:8px 10px 8px 10px;

	margin-bottom:10px;

	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);

	background-color:#fcf8e3;

	border:1px solid #fbeed5;

	-webkit-border-radius:4px;

	-moz-border-radius:4px;

	border-radius:4px;

	

	background-color:#f5f5f5;

	border-color:#cccccc;

}

.book-info {

	padding:8px 10px 8px 10px;

	margin-bottom:10px;

	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);

	background-color:#fcf8e3;

	border:1px solid #fbeed5;

	-webkit-border-radius:4px;

	-moz-border-radius:4px;

	border-radius:4px;

	

	background-color:#f2dede;

	border-color:#eed3d7;

}

.book-info>h3 {

	color: #b94a48;

}

.book-info h4 p {

	display: inline;

	font-size: 14px;

	color: #FF6E30;

}



.go-to-top {

	text-align: right;

	margin-bottom: 5px;

}



.qa-list li {

	padding: 2px 0;

}

.qa h3, h4 {

	margin: 5px 0;

}

.qa p {

	line-height: 1.3;

}



.ingredient {

	float: left;

	width: 240px;

	height: 20px;

	padding: 2px 0;

	border-bottom: solid 1px #cccccc;

}

.ingredient-name {

	display: inline-block;

	width: 140px;

	font-weight: bold;

}

.ingredient-value {

	display: inline-block;

	width: 50px;

}



strong {

	color: #FF6E30;

}



hr {

	border: solid 1px #cccccc;

	margin: 10px 0;

}



.sns-button {

    float: left;

    margin-left: 6px;

}





.csusing-m {

	padding:8px 10px 8px 10px;

	margin-bottom:10px;

	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);

	background-color:#fcf8e3;

	border:1px solid #fbeed5;

	-webkit-border-radius:4px;

	-moz-border-radius:4px;

	border-radius:4px;

	

	background-color:#d9edf7;

	border-color:#bce8f1;

}

.csusing-m>h3 {

	margin: 5px 0 5px 5px;

	color: #3a87ad;

}

.csusing-f {

	padding:8px 10px 8px 10px;

	margin-bottom:10px;

	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);

	background-color:#fcf8e3;

	border:1px solid #fbeed5;

	-webkit-border-radius:4px;

	-moz-border-radius:4px;

	border-radius:4px;

	

	background-color:#f2dede;

	border-color:#eed3d7;

}

.csusing-f>h3 {

	color: #b94a48;

}