@charset "utf-8";



/*
////////////////////////////////////////////////////////////////////////////

Date:2012/05/30
Author:Tomori Soma

////////////////////////////////////////////////////////////////////////////
*/



/*
====================================================================================================
reset
====================================================================================================
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	}

img { border: 0 none; vertical-align: bottom; }

/*
table { border-collapse:collapse; border-spacing:0; }
*/

caption, th { text-align:left; }

h1, h2, h3, h4, h5, h6 { clear: both; font-size: 100%; font-weight: normal; }

ul, dl, ol { text-indent: 0; }
li {
	line-height: 1.5em;
	padding-bottom: 10px;
}

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }



/*
====================================================================================================
layout
====================================================================================================
*/

html { font-size: 100%; }

body {
	background-color: #ececec;
	font-family: 'メイリオ','Meiryo UI',Meiryo,'ＭＳ Ｐゴシック','MS UI Gothic',sans-serif;
	font-size: 18px;
	*font-size: 100%;
	line-height: 1.8;
	color: #393939;
	width: auto !important;
	}

#wrapper {
	width: auto !important;
	text-align: center;
	}

#header {
	width: auto !important;
	background: url(../image/bg_header.png) repeat-x 0 0;
	}

.header {
	margin: 0 auto;
	padding: 24px 0 0 0;
	width: 900px;
	height: 66px;
	text-align: left;
	}

#headline {
	width: auto	!important;
	height: 260px;
	background-color: #ffffff;
	}

.gnavi {
	width: auto !important;
	height: 65px;
	background-color: #0b0c6a;
	}

#contents {
	margin: 0 auto;
	padding: 20px 50px 30px 50px;
	width: 900px;
	background-color: #ffffff;
	text-align: left;
	}

#headline_sub {
	margin: 0 0 30px 0;
	}


#footer {
	margin: 0 auto;
	background-color: #ffffff;
	border-top: 2px solid #102a59;
	}

/*
====================================================================================================
gnavi
====================================================================================================
*/

.gnavi ul {
	margin: 0 auto;
	width: 980px;
	text-align: center;
	list-style-type: none;
	}

.gnavi ul li {
	float: left;
	}

.gnavi ul li a {
	display: block;
	padding: 20px 20px 0 20px;
	height: 43px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: url(../image/bar_navi.png) no-repeat right top;
	}

.gnavi ul li a:hover {
	color: #ff6000;
	text-decoration: none;
	}

.gnavi ul li a.last {	background: none;	}


/*
====================================================================================================
contents
====================================================================================================
*/

p {
	line-height: 2em;
	margin-top: 0;
	margin-bottom: 20px;
	}
.table1 {
	border: 1px solid #CCC;
}

.table1 tr td {
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #CCC;
}
.table1 tr td p {
	margin: 0px;
	padding: 0px;
}

td {
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}


.try_et a {
	display: block;
	margin: 0 auto;
	width: 700px;
	height: 70px;
	background: url(../image/btn_try_et.png) no-repeat 0 0;
	text-indent: -99999em;
	cursor: pointer;
	}

.try_et a:hover {	background-position: 0 -70px;	}


.try_Spread a {
	display: block;
	margin: 0 auto;
	width: 700px;
	height: 70px;
	background: url(../image/btn_Spread.png) no-repeat 0 0;
	text-indent: -99999em;
	cursor: pointer;
	}

.try_Spread a:hover {	background-position: 0 -70px;	}


.try_Cycle a {
	display: block;
	margin: 0 auto;
	width: 700px;
	height: 70px;
	background: url(../image/btn_Cycle.png) no-repeat 0 0;
	text-indent: -99999em;
	cursor: pointer;
	}

.try_Cycle a:hover {	background-position: 0 -70px;	}



.title {
	text-align: center;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 50px;
	margin-left: 0;
	}

.title_point, .title_nocorrespond {	margin: 0 0 25px 0;	}

.box_point {
	margin: 25px 20px 25px 20px;
	padding: 30px 20px 0 20px;
	border: dotted 2px #ccc;
	}

.box_nocorrespond {
	margin: 25px 20px 25px 20px;
	padding: 30px 20px 0 20px;
	}

#brand {
	margin: 0 auto 30px;
	border: solid 2px #999;
	line-height: 2;
	}

#brand td {
	padding: 10px 20px 10px 20px;
	border: solid 2px #999;
	}

#et_price {
	margin: 0 auto 30px;
	border: solid 2px #00f;
	background-color: #999999;
	}

#et_price td.title_price {
	color: #ffffff;
	font-weight: bold;
	background-color: #0000ff;
	}

#et_price td {
	padding: 5px 15px 5px 15px;
	text-align: center;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	}

.movie {
	margin: 0 0 50px 0;
	text-align: center;
	}

#footer ul {
	text-align: center;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}

#footer ul li {
	display: inline;
	font-size: 16px;
	}

#footer div.copyRight {
	clear: both;
	padding: 10px 0;
	width: auto	!important;
	background-color: #304567;
	color: #ffffff;
	font-size: 12px;
	}

#footer div.copyRight p {
	margin: 0 auto;
	text-align: center;
	}



/*
====================================================================================================
text
====================================================================================================
*/

/* --- background --- */

.iconSquare {
	padding: 0 0 0 27px;
	background: url(../images/icon_square.gif) no-repeat 0 center;
	}


/* --- color --- */

.red_1 {	color: #c5111a;}

.red_2 {	color: #f00000;}

.white {	color: #ffffff;}

/* --- decoration --- */

.bold {	font-weight: bold;}

.u {	text-decoration: underline;}

.dotted {	border-bottom: 1px dotted #c5111a; }



/* --- general --- */

a:hover {
	color: #ff6000;
	text-decoration: none;
	}

.noText {
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	padding:0;
	display:block;
}

.left {  text-align: left !important;}

.center {  text-align: center !important;}

.right {  text-align: right !important;}

img.left {
  float: left;
  margin: 0 25px 0 0;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.right {
  float: right;
  margin: 0 0 0 25px;
}

img.inline {
  margin: 0 2px 0 2px;
  vertical-align: middle;
}

div.center {
  margin-left: auto;
  margin-right: auto;
}


.top {  vertical-align: top;}

.middle {  vertical-align: middle;}

.bottom {  vertical-align: bottom;}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}


/* --- font size --- */
.txt_10px {  font-size: 72%;}

.txt_11px {  font-size: 79%;}

.txt_12px {  font-size: 86%;}

.txt_13px {  font-size: 93%;}

.txt_14px {  font-size: 100%;}

.txt_15px {  font-size: 108%;}

.txt_16px {  font-size: 115%;}

.txt_17px {  font-size: 122%;}

.txt_18px {  font-size: 129%;}

.txt_19px {  font-size: 136%;}

.txt_20px {  font-size: 143%;}

.txt_21px {  font-size: 150%;}

.txt_22px {  font-size: 158%;}

.txt_23px {  font-size: 165%;}

.txt_24px {  font-size: 172%;}

.txt_25px {  font-size: 179%;}

.txt_26px {  font-size: 186%;}