@charset "UTF-8";

/*////////////////////////////////////////////////////////////
common.css
Copyright (C) SANYO Group. All Rights Reserved.
////////////////////////////////////////////////////////////*/
/* ------------------------------------------------------------
	0. Yahoo UI Library: Reset CSS, Fonts CSS
   ------------------------------------------------------------ */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
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;}/* to preserve line-height and selector appearance */sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}/*because legend doesn't inherit in IE */legend{color:#000;}

/* ------------------------------------------------------------
	1. HTML, Body, Anchor
   ------------------------------------------------------------ */
html {
	overflow-y: scroll;
	color: #333;
	background: #00aad6 url(../images/bg_grd.jpg) repeat-x 0 0;
}

body {
	margin: 0;
	padding: 0;
	font-family:"メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size: 13px;
	line-height: 1.2;
}
*:first-child+html body { font-size: 82%; } /* for IE7 */
* html body { font-size: 82%; } /* for IE6 */

a:link,
a:visited { color: #006699; }
a:hover,
a:active  { color: #006699; text-decoration: none; }


/*  99-1. Inline-level Elements
   ------------------------------------------------- */
img { vertical-align: top; }
object { outline: none; }
strong { font-weight: bold; }

/*  99-2. Block-level Elements
   ------------------------------------------------- */
hr { display: none; }
pre { overflow: auto; font-family: "ＭＳ ゴシック", monospace; }

/*  99-3. For IE
   ------------------------------------------------- */
/* For IE7 Page Zoom */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }



/* ------------------------------------------------------------
	1. Container
   ------------------------------------------------------------ */
div#container {
	position: relative;
	width: 100%;
}

/* ------------------------------------------------------------
	2. Header
   ------------------------------------------------------------ */
div#header {
	position: relative;
	width: 840px;
	height: 540px;
	margin: 0 auto;
	background-color: #ffffff;
}


/* ------------------------------------------------------------
	3. Content
   ------------------------------------------------------------ */
div#content {
	position: relative;
	width: 840px;
	margin: 0 auto;
	padding: 0 0 30px;
}

/*  1-1. Box01
   ------------------------------------------------- */
div.box01 {
	padding-bottom: 32px;
	background: url(../images/bg_box_01_btm.gif) no-repeat 0 100%;
}

div.box01 div.boxTop {
	height: 70px;
	padding: 0 30px;
}

div.box01 div.boxMdl {
	width: 840px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

div.box01 div.boxMdl div.boxMdlInner {
	background-color: #FFFFFF;
}
* html div.box01 div.boxMdl div.boxMdlInner { height: 150px; }


/* ------------------------------------------------------------
	99. Others
   ------------------------------------------------------------ */

/* Hidden Nav & elements */
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* note */
.note01 { font-size: 77%; }

/* width class... */
.w50 { width: 50px; }
.w150 { width: 150px; }
.w460 { width: 460px; }


/* ------------------------------------------------------------
	1. Site Name
   ------------------------------------------------------------ */
div#header .siteName {
	width: 190px;
	margin: 0;
	padding: 0;
}

/* ------------------------------------------------------------
	2. Other
   ------------------------------------------------------------ */

/* title */
div#header div.title {
	position: absolute;
	top: 3px;
	left: 7px;
}

/* visual */
div#header div.visual {
	position: absolute;
	top: 193px;
	left: 10px;
}

/* copy */
div.copy {
	margin: 0px 0px 20px 100px;
}

/* SANYO logo */
div#header div.logoSanyo {
	position: absolute;
	top: 6px;
	right: 0;
	margin-right: 20px;
}



/* ################################################################################
	[Clearfix] Clearfix CSS Hack
   ################################################################################ */
.group:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

.group { display: inline-block; }

/* exclude MacIE5 [start] ¥*/
* html .group { height: 1% }

.group { display: block; }
/* exclude MacIE5 [end] */


p#Note01 {
	padding: 0px 0px 0px 100px;
	padding-bottom: 40px;
	font-size: 93%;
	line-height:150%;
	text-align: left;
}


ul.btnList01 {
	padding: 30px 0px 0px 0px;
	text-align: center;
}



/*  -. Terms & Agreement
   ------------------------------------------------- */
div#blkTerms {
	width: 609px;
	height: 100px;
	overflow: auto;
	margin: 0 auto;
	padding: 5px 15px 0;
	border: 1px solid #ccc;
	border-right: none;
	font-size: 77%;
}

div#blkTerms h3 {
	margin: 0 0 1em;
	font-weight: bold;
}

div#blkTerms dl {
	margin: 20px 0 0;
	padding: 0 0 15px;
	line-height: 1.2;
}

div#blkTerms dl dt {
	display: block;
	margin: 20px 0 0;
	font-weight: bold;
}

div#agreement {
	width: 640px;
	margin: 0 auto 35px;
	background: #88cccc;
	color: #000;
}

div#agreement ul {
	padding: 10px 0;
	text-align: center;
}

div#agreement ul li {
	display: inline;
	margin-right: 30px;
}