@charset "shift_jis";
/* CSS Document */

/* -------------- Resetting Again Base CSS -------------- */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, td, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
p {
	padding-top: 2px;	
}
td, th {
	vertical-align: bottom;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* scroll bar */
html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scroll;
}
body {
	font-size: 14px;
}

/* -------------- clear -------------- */
.clearfix {
	overflow: hidden;
}
* html .clearfix {
	zoom: 1;	
}

.clear {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* -------------- 共通 -------------- */

.float-l {
	float: left;	
}
.float-r {
	float: right;	
}
.align-center {
	text-align: center;	
}
.align-left {
	text-align: left;	
}
.align-right {
	text-align: right;	
}
.under-line {
	text-decoration: underline;	
}
.f12 {
	font-size: 12px;	
}
.f16 {
	font-size: 16px;	
}
.lh-130 {
	line-height: 130%;	
}
.p-15 {
	padding: 15px;	
}
.mb-15 {
	margin-bottom: 15px;	
}
.mb-40 {
	margin-bottom: 40px;	
}
.pb-40 {
	padding-bottom: 40px;	
}
.border-dot-glay {
	border-bottom: dotted 1px #999999;	
}
.btn-buy a {
	width: 205px;
	height: 50px;
	background: url(images/b_buy.gif) no-repeat;
	display: block;
	text-indent: -9999px;
}
.btn-buy a:hover {
	width: 205px;
	height: 50px;
	background: url(images/b_buy_ov.gif) no-repeat;
	display: block;
	text-indent: -9999px;
}
.btn-buy-app a {
	width: 205px;
	height: 50px;
	background: url(images/b_buy_app.gif) no-repeat;
	display: block;
	text-indent: -9999px;
}
.btn-buy-app a:hover {
	width: 205px;
	height: 50px;
	background: url(images/b_buy_app_ov.gif) no-repeat;
	display: block;
	text-indent: -9999px;
}
.yotei {
	width: 205px;
	height: 50px;
	background: url(images/b_yotei.gif) no-repeat;
	text-indent: -9999px;
}
.footer {
	width: 800px;
	margin: 40px auto;
	border: solid 1px #003672;
}


/* トップページ */

.head {
	margin: 0 0 30px 0;
	padding: 21px 0 13px 0;
	background: url(images/header_bg.jpg) repeat-x; 
}

h1 {
	margin: 0 auto;
	width: 940px;
	height: 244px;
	background: url(images/header.gif) no-repeat;
	text-indent: -9999px;
}
.wrapper {
	margin: 0 auto;
	padding: 0 0 0 20px;
	border-left: solid 5px #003672;
	width: 775px;
}
h2.catch {
	margin: 0 0 40px 30px;
	padding: 10px;
	width: 698px;
	border: solid 1px #003672;
	color: #002651;
	font-weight: bold;
	line-height: 140%;
	background: url(images/catch_bg.jpg) repeat-x;
}
.info-sup {
	width: 723px;
	margin: 0 0 30px 15px;
	padding: 10px;
	border: solid 1px #999999;
	line-height: 130%;
	white-space: no;
	color: #333;
}