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

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

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}
li{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;font-variant:normal;}
sup,sub{line-height:-1px;vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

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

div#header:after,
div#body:after,
div#body div.model-osusume:after,
div#body div.model-boshu div.obo-hoho div.hoho:after,
div#footer:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: " ";
}

div#header,
div#body,
div#body div.model-osusume,
div#body div.model-boshu div.obo-hoho div.hoho,
div#footer {
	display: inline-block;
}

/* Hide MacIE */
/*\*/
* html div#header,
* html div#body,
* html div#body div.model-osusume,
* html div#body div.model-boshu div.obo-hoho div.hoho,
* html div#footer {
	height: 1%;
}

div#header,
div#body,
div#body div.model-osusume,
div#body div.model-boshu div.obo-hoho div.hoho,
div#footer {
	display: block;
}
/**/

/* --------------------------------------------------
common class */

br.wcl {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

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

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

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

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

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

div#header p.logo-blop {
	position: absolute;
	left: 607px;
	top: 0;
	width: 131px;
	z-index: 1;
}

div#header h1 {
	width: 322px;
	padding-left: 18px;
}

div#header h1 span.txt-vivica {
	display: block;
	width: 317px;
	padding: 8px 0;
}

div#header p.img-vivica {
	position: absolute;
	left: 340px;
	top: 23px;
	width: 418px;
	z-index: 0;
}

/* id="body"-------------------------------------------------- */
div#body {
	width: 758px;
	margin: 0 1px;
	padding-bottom: 20px;
}

div#body img {
	vertical-align: bottom;
}

div#body div.present {
	width: 758px;
	padding: 5px 0 22px;
	background: url(../images/img-present-bg.gif) repeat-x left top;
}

div#body div.present h2 {
	float: left;
	width: 112px;
	padding: 12px 4px 0 10px;
}

div#body div.present p {
	padding: 0 0 8px 21px;
	font-size: 0;
	line-height: 0;
}

div#body div.present p.img-shorts {
	float: left;
	width: 195px;
	padding: 0;
}

div#body div.present p.img-shorts img {
	vertical-align: bottom;
}

div#body div.model-osusume {
	position: relative;
	float: left;
	width: 408px;
	margin: -15px 0 8px;
	padding-left: 17px;
	background: url(../images/img-model-osusume-bg.gif) repeat-y 17px top;
	z-index: 2;
}

div#body div.model-osusume h2 {
	position: absolute;
	left: 356px;
	top: -59px;
	width: 115px;
	height: 73px;
}

div#body div.model-osusume div.model {
	float: left;
	width: 91px;
	margin: 0;
	padding: 0 11px 0 0;
	background: none;
}

div#body div.model-osusume div.model.watanabe {
	padding: 0;
}

div#body div.model-osusume div.model h3 {
	margin: 0;
	padding: 6px 0 12px;
	background-color: #fff;
	font-size: 0;
	line-height: 0;
	text-align: center;
}

div#body div.model-osusume div.model p {
	margin: 0;
	padding: 0;
	font-size: 87%;
}

div#body div.model-osusume div.model p.profile {
	margin: 0;
	padding: 8px 5px;
}

div#body div.model-osusume ul li {
	float: left;
	width: 83px;
	margin-right: 11px;
	padding: 0 4px 8px;
}

div#body div.model-osusume ul li.watanabe {
	margin: 0;
}

div#body div.web-shop {
	float: right;
	width: 310px;
	margin: 20px 0 6px;
	padding-right: 20px;
	background: url(../images/img-web-shop-bg.gif) repeat-y left top;
	text-align: center;
}

div#body div.web-shop h2 {
	padding: 12px 0 14px;
	background: url(../images/img-web-shop-bg-top.gif) no-repeat left top;
}

div#body div.web-shop p {
	padding-bottom: 10px;
}

div#body div.web-shop p.btn-web-shop {
	width: 288px;
	padding: 0 11px 7px;
	background: url(../images/img-web-shop-bg-bottom.gif) no-repeat left bottom;
	text-align: left;
}

div#body div.web-shop p.btn-web-shop span.official-site {
	padding-left: 6px;
}

div#body div.model-boshu {
	width: 720px;
	margin: 0 19px;
}

div#body div.model-boshu h2 {
	float:left;
	width: 297px;
	padding: 19px 0 14px;
}

div#body div.model-boshu h3,
div#body div.model-boshu p,
div#body div.model-boshu ul {
	padding-bottom: 10px;
}

div#body div.model-boshu ul li {
	margin-left: 1.3em;
	list-style: disc outside;
}

div#body div.model-boshu p.img-model-boshu {
	float: right;
	width:; 275px;
	padding: 0;
}

div#body div.model-boshu div.obo-joken {
	float: left;
	width: 445px;
}

div#body div.model-boshu div.obo-hoho {
	width: 720px;
	padding-bottom: 22px;
}

div#body div.model-boshu div.obo-hoho ul{
	width: 350px;
	padding-right: 10px;
}

div#body div.model-boshu div.obo-hoho ul.left{
	float:left;
}

div#body div.model-boshu div.obo-hoho ul.right{
	float:left;
}

div#body div.model-boshu div.obo-hoho div.hoho {
	width: 704px;
	margin: 5px 0 10px;
	padding: 15px 0 15px 16px;
	background-color: #f1f1f1;
}

div#body div.model-boshu div.obo-hoho div.hoho dl {
	float: left;
	width: 335px;
	padding-right: 15px;
	line-height: 1.6;
}

div#body div.model-boshu div.obo-hoho div.hoho dl dt {
	font-weight: bold;
}

div#body div.model-boshu div.obo-hoho div.hoho dl dd a {
	color: #06c;
}

div#body div.model-boshu div.obo-hoho p.note {
	padding-bottom: 3px;
}

div#body div.model-boshu div.senko div.doji-boshu {
	width: 720px;
	margin-top: 15px;
	background: url(../images/img-doji-boshu-bg.gif) repeat-y left top;
}

div#body div.model-boshu div.senko div.doji-boshu h4 {
	padding: 0 0 14px 18px;
	background: url(../images/img-doji-boshu-bg-top.gif) no-repeat left top;
}

div#body div.model-boshu div.senko div.doji-boshu p {
	padding: 0 19px 20px;
}

div#body div.model-boshu div.senko div.doji-boshu p.bg-bottom {
	background: url(../images/img-doji-boshu-bg-bottom.gif) no-repeat left bottom;
}

/* id="footer"-------------------------------------------------- */
div#footer {
	width: 720px;
	padding: 0 20px;
	background-color: #7b5a5a;
}

div#footer p {
	height: 30px;
}

div#footer p.copy {
	float: left;
	width: 212px;
}

div#footer p.unei-gaisha {
	float: right;
	width: 500px;
	color: #fff;
	text-align: right;
	line-height: 30px;
}

div#footer p.unei-gaisha a {
	padding-left: 12px;
	background: url(../images/img-footer-arrow.gif) no-repeat left 30%;
	color: #fff;
}

div#footer p.unei-gaisha a:link,
div#footer p.unei-gaisha a:visited {
	text-decoration: none;
}

div#footer p.unei-gaisha a:hover {
	text-decoration: underline;
}