@charset "utf-8";
/*
Theme Name:a BonBons v1.0
Theme URI:abonbons.com
Description:This theme use for www.abonbons.com.
Author:Yasuhiro Nagata
Version:1.0
*/

* html {
	margin:0;
	padding:0;
}
html, body {
	height:100%;
}
body {
	background:#fff;
	margin:0;
	padding:0;
	text-align:left;
	color:#999;
	font-size:80%;
}
div {
	margin:0;
	padding:0;
}
img {
	border:none;
}
h1, h2, h3, h4, h5, h6, p {
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}
#distance {
	width:1px;
	height:50%;
	margin-bottom:-275px;
	float:left;
}
#container {
	width:720px;
	height:525px;
	margin:0 auto;
	text-align:left;
	position:relative;
	clear:both;
}

#header {
	width:100%;
	height:72px;
	background-image:url("bgpink1.jpg");
	background-repeat:no-repeat;
}
#header-logo {
	display:inline;
	position:relative;
	float:left;
	padding:18px 0 0 16px;
}
#header-menu {
	display:inline;
	position:relative;
	float:right;
	padding:18px 15px 0 0;
}
#header-menu img {
	margin:0 10px 0 10px;
}
#header-navi {
	font-size:12px;
	margin-bottom:5px;
	height:1em;
	overflow:hidden;
}
#header-navi ul {
	margin:0;
	padding:0;
	float:right;
}
#header-navi li {
	list-style:none;
	padding:0 4px;
	margin:0;
	float:left;
	text-align:center;
}
#header-navi li a {
	color:#999;
	text-decoration:none;
}
#header-navi li a:hover {
	text-decoration:underline;
}
#main-container {
	width:720px;
	height:356px;
	overflow:auto;
	scrollbar-base-color:#fff;
	scrollbar-arrow-color:#ccc;
	scrollbar-track-color:#fafafa;
	scrollbar-highlight-color:#f0f0f0;
	scrollbar-shadow-color:#fff;
	scrollbar-3dlight-color:#f0f0f0;
	scrollbar-darkshadow-color:#ccc;
}
#main-container-inner {
	margin:20px 0 10px 20px;
	padding:0 10px 10px 0;
}
#main-title {
	margin:10px 0;
	border-bottom:1px solid #e0e0e0;
}

#candymenu {
	width:720px;
	height:72px;
	background-image:url("bgpink2.jpg");
	background-repeat:no-repeat;
	text-align:center;
}
#candymenu img {
	margin:10px 15px 0 15px;
}

#footer {
	width:720px;
	text-align:center;
	margin:3px auto 0;
}
#copyright {
	margin-top:2px;
}
#copyright a {
	text-decoration:none;
}

/* WordPress  */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}

/* pagenavi */
.pagenavi {
	width:100%;
}
.pagenavi-l {
	display:inline;
	float:left;
}
.pagenavi-r {
	display:inline;
	float:right;
}


/* index */
.index #distance {
	width:1px;
	height:50%;
	margin-bottom:-250px;
	float:left;
}
.index #container {
	width:720px;
	height:500px;
	margin:0 auto;
	text-align:left;
	position:relative;
	clear:both;
}
.index h1 {
	display:none;
	height:0;
	font-size:0.1px;
	line-height:0px;
}

/* home */
.home #main-container {
	width:720px;
	height:auto;
	overflow:auto;
	text-align:center;
}
.home #main-container-inner {
	margin:0;
	padding:0;
}
.home h1 {
	display:none;
	height:0;
	font-size:0.1px;
	line-height:0px;
}


/* concept */
.concept #main-container {
	width:720px;
	margin:0;
	padding:0;
}
.concept #main-container-inner {
	width:690px;
	margin:0 auto;
	padding:0;
}
.concept #main-title {
	margin:20px 20px 10px 20px;
	border-bottom:none;
}


/* news */
.news h1 {
	margin:15px 20px 20px 20px;
}
.news h1.yearnews {
	margin:15px 20px 20px 0;
	font-size:large;
	font-weight:bold;
}
.news h2 {
	font-size:105%;
	font-weight:bold;
	padding:3px 5px;
	border-bottom:1px dashed #999;
}
.news h6 {
	text-align:right;
	font-size:90%;
	margin-top:2px;
}
.news h3 {
	padding:10px 10px 10px 20px;
	margin-bottom:16px;
}
.news-pic-l {
	float:left;
	display:inline;
	margin:0 10px 5px 0;
}
.news-pic-r {
	float:right;
	display:inline;
	margin:0 0 5px 10px;
}
#oldernews {
	margin:0;
	border-top:1px solid #ccc;
}
#oldernews ul {
	margin:5px;
	list-style:none;
}
#oldernews li {
	float:left;
	list-style:none;
	margin:0 10px;
}

/* shoplist */
.shoplist h2 {
	margin:16px 0 5px;
	padding:3px;
	border-bottom:1px dashed #666;
	font-weight:bold;
}
.shoplist-pic {
	width:240px;
	float:left;
	display:inline;
	margin:4px 12px 10px 4px;
}
.shoplist-pic img {
	border:1px solid #e0e0e0;
}
.shoplist h3 {
	font-weight:bold;
	margin-bottom:10px;
}
.shoplist h4 {
	line-height:150%;
}


/* shopmap */
body.shopmap  {
	padding-top:10px;
}
.shopmap #distance {
	width:1px;
	height:1px;
	margin-bottom:0;
}
.shopmap #container {
	width:640px;
	height:auto;
	margin:0 auto;
}
.shopmap #header {
	width:640px;
	height:72px;
}
.shopmap #header-logo {
}
.shopmap #main-container {
	width:640px;
	height:auto;
	margin:0 20px 0 0;
	overflow:show;
}
.shopmap #main-container-inner {
	width:600px;
	margin:20px auto 5px;
}
.shopmap #main-container-inner img {
	margin:0 0 10px;
}
.shopmap h1 {
	width:auto;
	font-weight:bold;
	font-size:large;
	margin:0 20px;
}
.shopmap-detail {
	width:570px;
	margin:10px auto 0;
	border-collapse:collapse;
}
.shopmap-detail th {
	text-align:center;
	width:150px;
	padding:0.5em;
	background:#f0f0f0;
	border:1px solid #888;
	font-weight:normal;
	color:#666;
}
.shopmap-detail td {
	text-align:left;
	padding:0.5em;
	padding-left:1.5em;
	border:1px solid #888;
	font-weight:normal;
	color:#666;
}
.shopmap #footer {
	width:620px;
	text-align:center;
	margin:5px auto;
	border-top:1px solid #666;
}


/* mailform */
#mailform-text {
	margin:10px;
}
.mailform {
}
.mailform-left {
	text-align:left;
	width:280px;
	float:left;
	display:inline;
	margin-left:40px;
}
.mailform-right {
	text-align:left;
}
.mailform-submit {
	clear:both;
	text-align:center;
}
.mailform-left input {
	width:240px;
	margin-top:3px;
	margin-bottom:12px;
	font-family:"ＭＳ Ｐゴシック", sans-serif;
}
.mailform-right textarea {
	width:320px;
	height:128px;
	margin-bottom:12px;
	font-family:"ＭＳ Ｐゴシック", sans-serif;
}


/* webshop */
#webshop-text {
	margin:10px;
}
#webshop-img {
	text-align:center;
	margin-top:40px
}
#webshop-img img {
	margin:2px
}


/* お友達リンク */
#bookmarks h2 {
	margin:0;
	font-size:105%;
	font-weight:bold;
}
#bookmarks ul {
	margin-top:0.5em;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}
#bookmarks ul li {
	margin-bottom:0.5em;
}
li.linkcat {
	list-style-type:none;
	margin:0.5em 0;
	padding:0;
}


.clearfloat {
	clear:both;
	height:0;
	font-size:0.1px;
	line-height:0px;
}

/* Hides from IE5-mac \*/
* html .clearfloat {height:1%;}
/* End hide from IE5-mac */



/* ----- Style for Ktai Entry ----- */
.photo {
	padding-right:6px;
	float:left;
	line-height:110%;
	font-size:0.85em;
	text-indent:0;
}
.photo img {
	background:white;
	margin:0 4px 4px 0;
	padding:3px;
	border:1px solid #999;
}
.photo-end {
	clear:left;
}
/* ---------- */