@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.section:after,
div#body div.recent-entries div.entry:after,
div#footer div.blop-toha-bg-bottom:after,
div#footer div.footer:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: " ";
}
div#header,
div#body div.section,
div#body div.recent-entries div.entry,
div#footer div.blop-toha-bg-bottom,
div#footer div.footer {
	display: inline-block;
}
/* Hide MacIE */
/*\*/
* html div#header,
* html div#body div.section,
* html div#body div.recent-entries div.entry,
* html div#footer div.blop-toha-bg-bottom,
* html div#footer div.footer {
	height: 1%;
}
div#header,
div#body div.section,
div#body div.recent-entries div.entry,
div#footer div.blop-toha-bg-bottom,
div#footer div.footer {
	display: block;
}
/**/
/* --------------------------------------------------
common class */
br.wcl {
	clear: both;
	line-height: 0;
}
/* --------------------------------------------------
layout */
html {
	margin: 0;
	padding: 0;
	overflow-y: scroll;
}
body {
	background: #fff url(../images/img-body-bg.gif) repeat-x left top;
	color: #666;
	font-size: 75%;/* 11px */
	line-height: 1.4;
	text-align: center;
}
/* id="header"-------------------------------------------------- */
div#header {
	width: 760px;
       height:62px;
	margin: 9px auto 0;
	text-align: left;
}
div#header p.tagline {
	float: right;
	width: 760px;
	padding-bottom: 12px;
	font-size: 90%;
	text-align: right;
}
div#header p.tagline span.decoration {
	color: #ff89fd;
}
div#header p.logo {
       margin-left:0px;
       padding-left:0px; 
       position:absolute;
       top:9px;
       left:;
	width: 117px;
}
div#header p.otoiawase{
	float: right;
	width: 85px;
}
/* id="body"-------------------------------------------------- */
div#body {
	position: relative;
	width: 760px;
	margin: 0 auto;
	padding-top: 196px;
	text-align: left;
}
div#body h1 {
	position: absolute;
	left: -33px;
	top: -17px;
	width: 800px;
}
* html div#body h1 {
	position: absolute;
	left: -29px;
	top: 5px;
	width: 800px;
}
div#body div.section {
	padding-bottom: 30px;
}
div#body div.section h2 {
	margin-bottom: 15px;
	line-height: 20px;
}
div#body div.section h2 img {
	vertical-align: bottom;
}
div#body div.section h2 span.setsumei {
	padding-left: 5px;
	font-size: 10px;
	vertical-align: middle;
}
/* Hide MacIE */
/*\*/
* html div#body div.section h2 img {
	vertical-align: bottom;
}
* html div#body div.section h2 span.setsumei {
	display: inline-block;
}
* +html div#body div.section h2 img {
	vertical-align: bottom;
}
* +html div#body div.section h2 span.setsumei {
	display: inline-block;
}
/**/
div#body div.section.model-list {
	position: relative;
	width: 760px;
	padding-bottom:35px;
}
div#body div.section.model-list h2 img {
	vertical-align: top;
}
div#body div.section.model-list div.model {
	float: left;
    width: 248px;
	padding: 0 8px 10px 0;
    
}
div#body div.section.model-list div.model.long {
    width: 504px;
	padding-right: 0 8px 0px 0px;    
}
div#body div.section.model-list div.model.full {
    width: 760px;
	padding-right: 0px;
    
}
div#body div.section.model-list div.model.flap {
	padding-right: 0px;
}
div#body div.section.model-list div.model p {
	line-height: 1.3;
}
div#body div.section.model-list div.model h3 {
	padding-bottom: 5px;
}
div#body div.float-left{
	float: left;
	width: 370px;
}
div#body div.float-left div.section.movie,
div#body div.float-left div.section.recent-entries {
	width: 370px;
}
div#body div.float-left div.section.movie h2 {
	background: url(../images/img-movie-bg.gif) repeat-x left bottom;
}
div#body div.float-left div.section.movie p {
	padding-bottom: 10px;
	font-size: 87%;
}
div#body div.float-left div.section.movie p.flash-movie {
	padding-bottom: 5px;
}
div#body div.float-left div.section.movie dl {
	color: #000;
	font-size: 87%;
}
div#body div.float-left div.section.movie dl dt,
div#body div.float-left div.section.movie dl dd{
	display: inline;
}
div#body div.float-left div.section.movie dl dt {
	font-weight: bold;
}
div#body div.float-left div.section.recent-entries h2 {
	margin-bottom: 0;
	background: url(../images/img-recent-entries-bg.gif) repeat-x left bottom;
}
div#body div.float-left div.section.recent-entries div.entry {
	width: 370px;
	padding: 6px 0 7px;
	background: url(../images/img-border-dotted.gif) repeat-x left bottom;
}
div#body div.float-left div.section.recent-entries div.entry h3 {
	padding-bottom: 3px;
	font-size: 87%;
	font-weight: bold;
}
div#body div.float-left div.section.recent-entries div.entry h3 a:link,
div#body div.float-left div.section.recent-entries div.entry h3 a:visited {
	color: #999;
	text-decoration: none;
}
div#body div.float-left div.section.recent-entries div.entry h4 {
	float: left;
	font-size: 118%;
	font-weight: bold;
}
div#body div.float-left div.section.recent-entries div.entry h4 a:link,
div#body div.float-left div.section.recent-entries div.entry h4 a:visited {
	color: #9849b6;
	text-decoration: none;
}
div#body div.float-left div.section.recent-entries div.entry h3 a:hover,
div#body div.float-left div.section.recent-entries div.entry h4 a:hover {
	text-decoration:underline;
}
div#body div.float-left div.section.recent-entries div.entry p.date {
	float: left;
	margin: 0.4em 0 0 10px;
	font-size: 87%;
}
div#body div.float-right {
	float: right;
	width: 370px;
}
div#body div.float-right div.section.campaign-list,
div#body div.float-right div.section.news {
	width: 370px;
}
div#body div.float-right div.section.campaign-list h2 {
	background: url(../images/img-campaign-list-bg.gif) repeat-x left bottom;
}
div#body div.float-right div.section.campaign-list div.campaign {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../images/img-border-dotted.gif) repeat-x left bottom;
}
div#body div.float-right div.section.campaign-list div.campaign.bottom {
	padding-bottom: 0;
	margin-bottom: 0;
	background: none;
}
div#body div.float-right div.section.campaign-list div.campaign p.banner {
	padding-bottom:5px;
}
div#body div.float-right div.section.campaign-list div.campaign p.banner.butasan {
	margin-top: -4px;
}
div#body div.float-right div.section.campaign-list div.campaign dl dt {
	padding-bottom: 3px;
	color: #dd8a8a;
	font-weight: bold;
}
div#body div.float-right div.section.campaign-list div.campaign dl dd {
	font-size: 87%;
	line-height:1.2;
}
div#body div.float-right div.section.campaign-list div.campaign dl dd dl {
	padding-top: 10px;
	color: #000;
}
div#body div.float-right div.section.campaign-list div.campaign dl dd dl dt,
div#body div.float-right div.section.campaign-list div.campaign dl dd dl dd{
	display: inline;
	font-size: 100%;
}
div#body div.float-right div.section.campaign-list div.campaign dl dd dl dt {
	color: #000;
	font-weight: bold;
}
div#body div.float-right div.section.news h2 {
	margin-bottom: 5px;
	background: url(../images/img-news-bg.gif) repeat-x left bottom;
}
div#body div.float-right div.section.news table {
	width: 355px;
	height: 190px;
	overflow-x:hidden;
	overflow-y:scroll;
}
div#body div.float-right div.section.news table th {
	padding: 10px 10px 12px 0;
	background: url(../images/img-border-dotted.gif) repeat-x left bottom;
	color: #000;
	font-weight:bold;
	vertical-align:top;
	white-space: nowrap;
}
div#body div.float-right div.section.news table td {
	padding: 10px 10px 12px 0;
	background: url(../images/img-border-dotted.gif) repeat-x left bottom;
	vertical-align:top;
}
/* id="footer"-------------------------------------------------- */
div#footer {
	clear: both;
	width: 760px;
	margin: 0 auto;
	text-align: left;
}
div#footer div.blop-toha {
	width:760px;
	margin-bottom: 10px;
	background: url(../images/img-blop-toha-bg.gif) repeat-y left top;
}
div#footer div.blop-toha div.blop-toha-bg-top {
	width: 760px;
	padding-top: 10px;
	background: url(../images/img-blop-toha-bg-top.gif) no-repeat left top;
}
div#footer div.blop-toha div.blop-toha-bg-bottom {
	width: 730px;
	padding: 0 15px 20px 15px;
	background: url(../images/img-blop-toha-bg-bottom.gif) no-repeat left bottom;
}
div#footer div.blop-toha div.blop-toha-bg-bottom div.img-blop-toha {
	float: left;
	width: 157px;
	padding-right: 20px;
}
div#footer div.blop-toha div.blop-toha-bg-bottom div.txt-blop-toha {
	float: left;
	width: 530px;
	margin-top: 10px;
	padding: 5px 0 5px 20px;
	border-left: 1px solid #bfbfbf;
	line-height: 1.5;
}
div#footer div.blop-toha div.blop-toha-bg-bottom div.txt-blop-toha h3,
div#footer div.blop-toha div.blop-toha-bg-bottom div.txt-blop-toha p {
	padding-bottom: 10px;
}
div#footer div.blop-toha div.blop-toha-bg-bottom div.txt-blop-toha p.img-pop-blog {
	padding-bottom:0;
	text-align: center;
}
div#footer div.blop-toha div.blop-toha-bg-bottom p.img-qr-code {
	padding-top: 15px;
}
div#footer div.footer {
	width: 740px;
	height: 18px;
	padding: 0 10px;
	background-color: #9a9a9a;
}
div#footer div.footer p.copy {
	float: left;
	width: 216px;
	height: 18px;
}
div#footer div.footer p.uneigaisha-tsuite {
	float: right;
	width: 86px;
	height: 18px;
}
/* /syle.css */