/*
Theme Name: 001 Blue Sky
Theme URI:
Description: 青がメインカラーの２カラムビジネステンプレート
*/

@CHARSET "utf-8";
body {
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	background-color: #ffffff;
	margin: 0;
	font-size: 14px;
	line-height: 24px;
	color: #404040;
	font-weight: normal;
}

a{
	color: #555555;
	text-decoration:none;
	}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 22px;
}

h3, h4, h5, h6 {
	font-size: 18px;
}

/* font size */
.small {
	font-size: 12px;
}

.smaller {
	font-size: 10px;
}

.big {
	font-size: 22px;
}

.huge {
	font-size: 34px;
}

/* float */
.left {
	float:left;
	}

.right {
	float:right;
	}

/* micro clearfix */
.clear {
	clear:both;
	}

.cf:before,
.cf:after{
  content:"";
  display: table;
}
.cf:after{
  clear:both;
}

/* micro clearfix IE6,7対策 （haslayout対策）*/
.cf{
  *zoom:1;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	width: 180px;
	padding-left: 20px;
	text-align: left;
	font-weight: bold;
	color : #252525;
	background-color: #f7f7f7;
	border-top:1px dotted #D5D5D5;
	border-left:1px dotted #D5D5D5;
	border-bottom:1px dotted #D5D5D5;
	border-right:3px solid #ee4231;
}

td {
	padding:15px 40px 15px 25px;
	border:1px dotted #D5D5D5;
}

form input.text {
/*	line-height:2em; */
	line-height:1em;
	background-color:#fbf8f1;
	border:0px;
}

form textarea {
	background-color:#fbf8f1;
	border:0;
}

.fb-like-box {
	margin-left: 20px;
}

/* facebookプラグインでiPhone表示時のスタイルが崩れる対策 */
#fb-root{
display: none;
}

/* container */
#container{
	width: 960px;
	background-color:#fbf8f1;
	margin:auto;
}

/* ヘッダー */
header.top {
	height: 403px;
	background-image: url("images/top.jpg");
	background-repeat: no-repeat;
	}

header.sub {
	height: 3px;
	background-image: url("images/redline.jpg");
	}


/* メニュー */
nav {
	clear:both;
}

nav ul{
  	display: block;
	margin: 0;
	padding-left:140px;
	width: 960px;
	height: 66px;
	background-color: #ffffff;
}

nav ul li{
	float:left;
	list-style:none;
}

nav ul li a {
  display: block;
  width:160px;
  height: 66px;
  background: url(images/glonavi.png) 0 66px no-repeat;
}

nav ul li.home a { background-position: -20px -66px; }
nav ul li.cool a { background-position: -180px -66px; }
nav ul li.products a { background-position: -340px -66px; }
nav ul li.shops a { background-position: -500px -66px; }

nav ul li.home a:hover { background-position: -20px 0; }
nav ul li.cool a:hover { background-position: -180px 0; }
nav ul li.products a:hover { background-position: -340px 0; }
nav ul li.shops a:hover { background-position: -500px 0; }

/* ページ */
article {
	clear:both;
	padding:20px;
}

article h1 {
	margin:0 0 25px 0;
	background:url(images/pig.png) no-repeat;
	background-position:0 bottom;
	padding:20px 0 0px 60px;
}


article h2 {
	margin:0 0 15px 0;
	background:url(images/flower.png) no-repeat;
	background-position:0 bottom;
	padding:0px 0 0px 40px;
}


article h3 {
	margin:0 0 15px 0;
	background:url(images/leaf.png) no-repeat;
	background-position:0 bottom;
	padding:0px 0 0px 40px;
}


/* トップページ */
.top-left {
	width:470px;
	padding:20px;
	background-color: #ffffff;
	border-radius: 1em;
	}

.top-left .subtitle {
	margin:7px 20px 0 0;
	}

.top-right {
	width:340px;
	padding:20px;
	background-color: #ffffff;
	border-radius: 1em;
	}

#top-feed .date {
	width:110px;
	height:24px;
	}

/* サブページ・デフォルト */
.main {
	width:880px;
	padding:20px;
	background-color: #ffffff;
	border-radius: 1em;
	}

/* こだわり */
.cool-image {
	margin-top:40px;
	}

/* 商品 */
.product_name {
	background:url(images/vredline.png) no-repeat;
	background-position:0 center;
	padding:2px 0 0 8px;
}

.ad-product-name {
	margin:-3px 0 0 -5px;
	}

.pop {
	color:#f24634;
	}

.box-product {
	margin: 0 10px 20px 0;
	width:205px;
	height:350px;
	}

.box-product-twin {
	margin: 0 10px 20px 0;
	width:410px;
	height:350px;
	}

.box-product:last-child {
	width:205px;
	}

.product_contents {
	width:190px;
	}

.product_contents ul {
	margin-left:-30px;
	}

.product_contents ul li{
	list-style:none;
	text-align:left;
	}

.order-button a {
  display: block;
  margin-right:30px;
  width:225px;
  height: 60px;
  background: url(images/chumon.png) 0 60px no-repeat;
	}

.order-button a {
	background-position: 0px -60px;
	}
.order-button a:hover { background-position: 0px 0px; }

.order-button-rakuten a {
  display: block;
  width:200px;
  height: 60px;
  background: url(images/rakuten.png) 0 60px no-repeat;
	}

.order-button-rakuten a {
	background-position: 0px -60px;
	}
.order-button-rakuten a:hover { background-position: 0px 0px; }

/* 店舗情報 */
.shop {
	width:400px;
	height:auto;
	padding: 10px;
	}

.shop img {
	margin:0 0 0 22px;
	}

.shop ul li{
	list-style:none;
	text-align:left;
	background:url(images/vredline.png) no-repeat;
	background-position:0 center;
	padding:2px 0 0 15px;
	}

.shop-info {
	margin: 0 0 0 -18px;
	}

.shop-desc{
	margin:0 0 0 22px;
	padding: 10px 0 0 0;
	width:380px;
	}

/* 注文のながれ */
table.fee-s th {
	width: 450px;
}

table.fee-s td {
	text-align:right;
}

table.fee-d th {
	width: 300px;
}

/* 注文フォーム */
table.order th {
	width: 300px;
}

table.order td {
	padding:15px 25px 15px 25px;
}
/* フッター */
footer	{
	clear:both;
	padding-top: 40px;
	text-align:center;
	}

footer .menu .inner {
	padding-left:80px;
	}

footer ul li{
	width: 200px;
	list-style:none;
	text-align:left;
}

footer .copyright {
	padding:20px 0 40px 0;
	}


@media only print {
body{
	background:#ffffff; // バックグラウンドイメージ印刷しない
}
nav {
    display:none;
}
header#pageheader img {
	display:none;
}
#contents {
	margin-top:70px;
    width:100%;
    float:none;
}

}