@charset "UTF-8";
/* style.css */

/* --------------------------------------------------
reset */

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/* --------------------------------------------------
clearfix */

div#header:after,
div#body div.shishokukai:after,
div#body div.okaimotome div.okaimotome-bg-bottom:after,
div#body div.okaimotome div.okaimotome-bg-bottom div.convenience-store:after,
div#body div.blop-toha div.blop:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: " ";
}

div#header,
div#body div.shishokukai,
div#body div.okaimotome div.okaimotome-bg-bottom,
div#body div.okaimotome div.okaimotome-bg-bottom div.convenience-store,
div#body div.blop-toha div.blop-bottom {
	display: inline-block;
}

/* Hide MacIE */
/*\*/
* html div#header,
* html div#body div.shishokukai,
* html div#body div.okaimotome div.okaimotome-bg-bottom,
* html div#body div.okaimotome div.okaimotome-bg-bottom div.convenience-store,
* html div#body div.blop-toha div.blop {
	height: 1%;
}

div#header,
div#body div.shishokukai,
div#body div.okaimotome div.okaimotome-bg-bottom,
div#body div.okaimotome div.okaimotome-bg-bottom div.convenience-store,
div#body div.blop-toha div.blop {
	display: block;
}
/**/

/* --------------------------------------------------
layout */

html {
	margin: 0;
	padding: 0;
	overflow-y: scroll;
}

body {
	color: #000;
	font-size: 75%;/* 11px */
	line-height: 1.4;
	text-align: center;
}

/* id="wrapper"-------------------------------------------------- */
div#wrapper {
	position: relative;
	width: 760px;
	margin: 0 auto;
	padding: 4px 0 0;
	background: url(../images/img-wrapper-bg.gif) repeat-y left top;
	text-align: left;
}

/* id="header"-------------------------------------------------- */
div#header {
	width: 758px;
	margin: 0 1px;
	margin-bottom: 5px;
}

div#header h1 {
	float: left;
	width: 308px;
	padding: 11px 0 0 14px;
}

div#header p.img-shishokukai {
	float: right;
	width: 436px;
}

div#header p.txt-shishokukai {
	float: left;
	width: 308px;
	padding-left: 14px;
}

div#header ul.img-butasan-kumasan {
	position: absolute;
	left: -20px;
	top: 160px;
	width: 343px;
	height: 238px;
	padding-right: 65px;
	background: url(../images/img-kumasan-tiramisu-bg.jpg) no-repeat right bottom;
}

div#header ul.img-butasan-kumasan li {
	display: inline;
}

div#header ul.img-butasan-kumasan li img {
	vertical-align: top;
}

div#header ul.txt-butasan-kumasan {
	float: right;
	width: 436px;
}

div#header ul.txt-butasan-kumasan li {
	padding-bottom: 4px;
	font-size:0;
}

/* id="body"-------------------------------------------------- */
div#body {
	width: 730px;
	padding: 0 15px 25px;
}

div#body div.shishokukai {
	width: 702px;
	margin-bottom: 20px;
	padding: 41px 14px 15px;
	background: url(../images/img-shishokukai-bg.gif) no-repeat left top;
}

div#body div.shishokukai div.shishokukai-sankasha {
	float: left;
	width: 390px;
}

div#body div.shishokukai div.shishokukai-sankasha h2 {
	width: 219px;
	padding: 10px 0 8px 10px;
}

div#body div.shishokukai div.shishokukai-sankasha div.sanka-model {
	float: left;
	width: 120px;
	padding-left: 10px;
}

div#body div.shishokukai div.shishokukai-sankasha div.sanka-model h3 {
	padding-bottom: 8px;
}

div#body div.shishokukai div.shishokukai-movie {
	float: right;
	width: 300px;
	border: 1px solid #fd9268;
}

div#body div.okaimotome {
	width: 730px;
	background: url(../images/img-okaimotome-bg.gif) repeat-y left top;
}

div#body div.okaimotome div.okaimotome-bg-bottom {
	width: 730px;
	padding-bottom: 32px;
	background: url(../images/img-okaimotome-bg-bottom.jpg) no-repeat left bottom;
}

div#body div.okaimotome div.okaimotome-bg-bottom div.convenience-store {
	float: left;
	width: 384px;
	padding: 15px 15px 0;
	background: url(../images/img-convenience-bg.gif) no-repeat left top;
}

div#body div.okaimotome div.okaimotome-bg-bottom div.convenience-store h3 {
	width: 384px;
	margin-bottom: 5px;
	padding-bottom: 9px;
	background:url(../images/img-border-convenience.gif) repeat-x left bottom;
}

div#body div.okaimotome div.okaimotome-bg-bottom div.convenience-store h4 {
	float: left;
	width: 91px;
	padding-top: 3px;
}

div#body div.okaimotome div.okaimotome-bg-bottom div.convenience-store ul {
	float: right;
	width: 283px;
}

div#body div.okaimotome div.okaimotome-bg-bottom div.convenience-store ul li {
	padding-top: 7px;
	font-size: 0;
}

div#body div.okaimotome div.okaimotome-bg-bottom div.convenience-store ul li img {
	vertical-align: bottom;
}

div#body div.okaimotome div.okaimotome-bg-bottom div.convenience-store div.blop-pop {
	clear: both;
	width: 384px;
	height: 67px;
	padding-top: 11px;
}

div#body div.okaimotome div.okaimotome-bg-bottom div.convenience-store div.blop-pop p.img-blop-pop {
	float: left;
	width: 132px;
}

div#body div.okaimotome div.okaimotome-bg-bottom div.convenience-store div.blop-pop p.txt-blop-pop,
div#body div.okaimotome div.okaimotome-bg-bottom div.convenience-store div.blop-pop p.btn-circlek-sunkus {
	float: right;
	width: 235px;
}

div#body div.okaimotome div.okaimotome-bg-bottom div.convenience-store div.blop-pop p.txt-blop-pop {
	padding-bottom: 10px;
}

div#body div.okaimotome div.okaimotome-bg-bottom div.cereal-mammy {
	float: right;
	width: 295px;
	padding: 15px 12px 0 8px;
	background: url(../images/img-cereal-mammy-bg.gif) no-repeat left top;
}
div#body div.okaimotome div.okaimotome-bg-bottom div.cereal-mammy h3 {
	float: left;
	width: 111px;
}

div#body div.okaimotome div.okaimotome-bg-bottom div.cereal-mammy h4 {
	float: right;
	width: 177px;
	margin-bottom: 2px;
	padding-bottom: 9px;
	background:url(../images/img-border-convenience.gif) repeat-x left bottom;
}

div#body div.okaimotome div.okaimotome-bg-bottom div.cereal-mammy p.txt-cereal-mammy {
	float: right;
	width: 177px;
	padding-top: 10px;
}

div#body div.okaimotome div.okaimotome-bg-bottom div.cereal-mammy p.btn-cereal-mammy {
	clear: both;
	padding-top: 10px;
}


div#body div.blop{
	width:730px;
}

div#body div.blop p.img-blop{
	float: left;
	width: 193px;
}

div#body div.blop p.txt-blop{
	float: left;
	width: 378px;
}

div#body div.blop p.img-qr-code{
	float: right;
	width: 159px;
}

div#body div.blop-toha {
	width:730px;
	margin-bottom: 10px;
	background: url(../images/img-blop-toha-bg.gif) repeat-y left top;
	color: #666;
}

div#body div.blop-toha div.blop-toha-bg-top {
	width: 730px;
	background: url(../images/img-blop-toha-bg-top.gif) no-repeat left top;
}

div#body div.blop-toha div.blop-toha-bg-bottom {
	width: 700px;
	padding: 15px 15px 13px;
	background: url(../images/img-blop-toha-bg-bottom.gif) no-repeat left bottom;
}

div#body div.blop-toha div.blop-toha-bg-bottom h4 {
	padding-bottom: 5px;
	font-weight: bold;
}

div#body div.blop-toha div.blop-toha-bg-bottom p {
	float: left;
	width: 453px;
	line-height: 1.5;
}

div#body div.blop-toha div.blop-toha-bg-bottom p.img-blop-toha {
	float: left;
	width: 130px;
	padding-right: 20px;
}

div#body div.blop-toha div.blop-toha-bg-bottom p.img-blop-toha span.caption {
	display: block;
	padding-top: 10px;
	font-size: 87%;
	line-height: 1.3;
}

div#body div.blop-toha div.blop-toha-bg-bottom span.btn-blop-toha {
	display: block;
	width: 152px;
	padding-top: 10px;
}

div#body div.blop-toha div.blop-toha-bg-bottom p.img-qr-code {
	float: right;
	width: 89px;
}

div#body div.blop-toha div.blop-toha-bg-bottom p.img-qr-code img {
	border: 1px solid #bfbfbf;
}

div#body div.blop-toha div.blop-toha-bg-bottom p.img-qr-code span.caption {
	display: block;
	font-size: 87%;
	line-height: 1.3;
}

/* id="footer"-------------------------------------------------- */
div#footer {
	width: 740px;
	height: 18px;
	padding: 0 10px;
	background-color: #fd9268;
}

div#footer p.copy {
	float: left;
	width: 198px;
	height: 18px;
}

div#footer p.uneigaisha-tsuite {
	float: right;
	width: 100px;
	height: 18px;
}

/* /style.css */