@charset "utf-8";




/* ==========================================

  “Reset” CSS

========================================== */

/**
 * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
 * http://cssreset.com
 * Copyright 2012 Yahoo! Inc. All rights reserved.
 * http://yuilibrary.com/license/
 */
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
	color:#000;
	background:#FFF;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF.
*/
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;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
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;
	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;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}



/* ==========================================

  “Reset Font” CSS

========================================== */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/

/*　notes
Font-size Adjustment.
			77% = 10px	|	123.1% = 16px	|	167% = 22px
			85% = 11px	|	131% =  17px	|	174% = 23px 
			93% = 12px	|	138.5% = 18px	|	182% = 24px 
			100% = 13px	|	146.5% = 19px	|	189% = 25px 
			108% = 14px	|	153.9% = 20px	|	197% = 26px 
			116% = 15px	|	161.6% = 21px	| 

*/


body {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif;
	font-size:13px;
}

* html body { font-size: 81.25% }/*IE6*/
*:first-child+html body { font-size: 81.25% }/*IE7*/

select,input,button,textarea { font-size:99%;}

table {
	font-size:100%;
}





/* ==========================================

  “Common” CSS

========================================== */



/* Default 
========================================== */

html	{	background:#ffffff;}
body	{	color:#333; background:#fff; line-height:1.5;}



	/* Text Module
	---------------------------------------- */
	p		{	margin:1em 0;}
	em 		{	font-style:italic;}
	strong	{	font-weight: bold;}


	/* Hypertext Module
	---------------------------------------- */
	a:link			{	text-decoration:underline; color:#01356F;	}
	a:visited		{	text-decoration:underline; color:#157751;	}
	a:hover,
	a:active		{	text-decoration:underline; color:#FF9B14;	}


	/* Image Module
	---------------------------------------- */
	img 		{	vertical-align:top;}




/* Content　Base
========================================== */

	/* Container
	---------------------------------------- */
	#container	{	width:950px; margin:0 auto; background:url(../_images/head_bg.jpg) no-repeat 0 0;}

	/* Footer
	---------------------------------------- */
	#footerNav		{	width:100%; overflow:hidden; line-height:1.2; padding:5px 0; margin-top:50px;}
	#footerNav ul	{	width:500px; margin:0 0 0 11px; overflow:hidden; float:left;}
	#footerNav li	{	background:url(../_images/arrow.gif) no-repeat 0 4px; padding-left:8px; font-size:10px; float:left; margin-right:9px;}
	#footerNav .pageTop	{	float:right;}
	
	#footer			{	background:url(../_images/footer_bg.gif) repeat-x top left; padding:5px 0;}
	#footer	div		{	width:950px; text-align:left; margin:0 auto; overflow:hidden; line-height:1.2;}
	#footer	div p	{	width:500px; float:left; color:#666666; margin-left:3px;}
	#footer	div img	{	float:right; margin-top:2px;}



/* Common Parts
========================================== */

	/* Float
	----------------------------------------*/
	 .clearFix:after	{	content:""; clear:both; display:block; height:0;}
	 .clearFix			{	min-height:1%;} 
	 
	 .fL	{	float:left;}
	 .fR	{	float:right;}


	/* Text Module
	----------------------------------------*/
	.textR	{	text-align:right;}
	.textC	{	text-align:center;}
	
	.text15	{	font-size:116%;}



/* Styles
========================================== */
#style01	{	width:935px; margin:0 0 0 9px;}
#style01 .left	{	width:451px; float:left;}
#style01 .right	{	width:473px; float:right;}

#style01 .left #reason			{	width:441px; margin:20px 0 0 7px; position:relative;}
#style01 .left #reason ul		{	width:404px; min-height:216px; position:absolute; top:66px; left:17px;}
#style01 .left #reason li		{	margin-bottom:17px;}
#style01 .left #reason li:after	{	content:""; clear:both; display:block; height:0;}
#style01 .left #reason li img	{	float:left; }
#style01 .left #reason li p		{	font-size:93%; line-height:1.2; margin:0; float:right; width:256px; padding:10px 0 0 0;}


.try					{	margin-top:59px;}
.try li					{	position:relative; width:473px;}
.try li:after			{	content:""; clear:both; display:block; height:0;}
.try li p				{	margin:0 20px 0 0; text-align:right; font-size:93%;}
.try li	p:nth-of-type(3){	position:absolute; margin:0; width:176px; bottom:12px; right:20px;}
.try li:first-child					{	background:url(../_images/img0300-trans.png) no-repeat bottom;}
.try li:first-child	p:nth-of-type(1){	margin-right:0;}
.try li:first-child	p:nth-of-type(2){	text-align:left; margin:5px 20px 0 215px; padding-bottom:60px;}
.try li:last-child					{	background:url(../_images/img0400.png) no-repeat bottom;}
.try li:last-child	p:nth-of-type(1){	margin-right:0;}
.try li:last-child	p:nth-of-type(2){	text-align:left; margin:5px 20px 0 256px; padding-bottom:60px;}

#tryWide 	{	width:946px; margin:24px auto 0 auto;}
#tryWide li	{	display:table-cell; /display:inline; /zoom:1; }
#tryWide li:last-child	{	padding-top:10px;}

#style02				{	position:relative; width:918px; margin:0 auto;}
#style02 p				{	width:616px; position:absolute; top:125px; left:157px; font-size:116%; margin:0; }

#style03					{	width:908px; margin:0 auto;}
#style03 ol:nth-of-type(1)	{	width:407px; float:left;}
#style03 ol:nth-of-type(2)	{	width:438px; float:right; background:url(../_images/img0510.jpg) no-repeat right bottom;}
#style03 ol:nth-of-type(3)	{	width:100%; clear:both;}
#style03 li p				{	margin:0 0 0 8px; font-size:116%;}

#style04				{	width:850px; margin:40px auto 0 auto;}
#style04 li				{	width:398px;}
#style04 li:first-child	{	float:left;}
#style04 li:last-child	{	float:right;}

#style05	{	width:898px; margin:0 auto;}
#style05 p	{	font-size:116%; margin-right:27px;}

#style06 li	{	float:left;}

#style07	{	width:922px; margin:1em auto;}