@charset "utf-8";

/*-------------------------------------------------------------------
 *
 * Common Style Sheet
 * index
 * - Reset
 * - Basic
 * - Font
 * - Module
 * - Element
 * - Layout
 *
-------------------------------------------------------------------*/

/*===================================================================
	Reset
===================================================================*/
body,
html,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, textarea,
p, blockquote,
th, td {
	margin: 0; padding: 0;
}
table {
	border-collapse: collapse; border-spacing: 0; font-size: 100%;
}
fieldset, img { 
	border: 0;
}
img { 
	vertical-align: top;
}
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-weight: normal; font-size: 100%;
}
q:before, q:after {
	content: "";
}
abbr,acronym {
	border: 0;
}

/*===================================================================
	Basic
===================================================================*/
html {
	overflow-y: scroll; height: 100%;
}
body {
	background-color: #ffffff;
	-webkit-text-size-adjust: none;
}

/*===================================================================
	Font
===================================================================*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 12px;
	line-height: 1.6;
	color: #666666;
}
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "Sans-Serif";
	font-size: 75%; /* for IE6 */
}
*:first-child+html body {
	font-size: 75%; /* for IE7 */
}
select,
input,
textarea {
	font: 99% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
* html select,
* html input,
* html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "Sans-Serif";
}
pre, code {
	font: 115% monospace; *font-size: 100%;
}

/*===================================================================
	Module
===================================================================*/
/*	Link
-------------------------------------------------------------------*/
a:link, a:visited {
	color: #278fcf; text-decoration: underline;
}
a:active, a:hover {
	color: #278fcf; text-decoration: none;
}

/*	font-type
-------------------------------------------------------------------*/
.pType01_s { font-size: 84%; line-height: 1.4; }
.pType01_m { font-size: 100%; }
.pType01_l { font-size: 116%; }
.pType02 { font-weight: bold; color: #278fcf; }

sup {
	vertical-align: text-top;
	line-height: 1;
}

/*	Indent
-------------------------------------------------------------------*/
.indType01,
.indListType01 li {
	padding-left: 1em;
	text-indent: -1em;
}
.indType02,
.indListType02 li {
	padding-left: 0.6em;
	text-indent: -0.6em;
}
.indType03,
.indListType03 li {
	padding-left: 1.5em;
	text-indent: -1.5em;
}

/*	Partition
-------------------------------------------------------------------*/
.partType01 {
	padding-top: 1em;
	background: url("../img/h2v_alpha/bg_dotted_01.gif") repeat-x left top;
}

/*===================================================================
	clearfix
===================================================================*/
.clearfix:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*===================================================================
	Element
===================================================================*/
/*	width
-------------------------------------------------------------------*/
.w0 { width: 0% !important; }
.w5 { width: 5% !important; }
.w10 { width: 10% !important; }
.w15 { width: 15% !important; }
.w20 { width: 20% !important; }
.w25 { width: 25% !important; }
.w30 { width: 30% !important; }
.w35 { width: 35% !important; }
.w40 { width: 40% !important; }
.w45 { width: 45% !important; }
.w50 { width: 50% !important; }
.w55 { width: 55% !important; }
.w60 { width: 60% !important; }
.w65 { width: 65% !important; }
.w70 { width: 70% !important; }
.w75 { width: 75% !important; }
.w80 { width: 80% !important; }
.w85 { width: 85% !important; }
.w90 { width: 90% !important; }
.w95 { width: 95% !important; }
.w100 { width: 100% !important; }

/*	margin
-------------------------------------------------------------------*/
.mT0 { margin-top: 0px !important; }
.mT5 { margin-top: 5px !important; }
.mT10 { margin-top: 10px !important; }
.mT15 { margin-top: 15px !important; }
.mT20 { margin-top: 20px !important; }
.mT25 { margin-top: 25px !important; }
.mT30 { margin-top: 30px !important; }
.mT35 { margin-top: 35px !important; }
.mT40 { margin-top: 40px !important; }
.mT45 { margin-top: 45px !important; }
.mT50 { margin-top: 50px !important; }

.mR0 { margin-right: 0px !important; }
.mR5 { margin-right: 5px !important; }
.mR10 { margin-right: 10px !important; }
.mR15 { margin-right: 15px !important; }
.mR20 { margin-right: 20px !important; }
.mR25 { margin-right: 25px !important; }
.mR30 { margin-right: 30px !important; }
.mR35 { margin-right: 35px !important; }
.mR40 { margin-right: 40px !important; }
.mR45 { margin-right: 45px !important; }
.mR50 { margin-right: 50px !important; }

.mB0 { margin-bottom: 0px !important; }
.mB5 { margin-bottom: 5px !important; }
.mB10 { margin-bottom: 10px !important; }
.mB15 { margin-bottom: 15px !important; }
.mB20 { margin-bottom: 20px !important; }
.mB25 { margin-bottom: 25px !important; }
.mB30 { margin-bottom: 30px !important; }
.mB35 { margin-bottom: 35px !important; }
.mB40 { margin-bottom: 40px !important; }
.mB45 { margin-bottom: 45px !important; }
.mB50 { margin-bottom: 50px !important; }

.mL0 { margin-left: 0px !important; }
.mL5 { margin-left: 5px !important; }
.mL10 { margin-left: 10px !important; }
.mL15 { margin-left: 15px !important; }
.mL20 { margin-left: 20px !important; }
.mL25 { margin-left: 25px !important; }
.mL30 { margin-left: 30px !important; }
.mL35 { margin-left: 35px !important; }
.mL40 { margin-left: 40px !important; }
.mL45 { margin-left: 45px !important; }
.mL50 { margin-left: 50px !important; }

/*	padding
-------------------------------------------------------------------*/
.pT0 { padding-top: 0px !important; }
.pT5 { padding-top: 5px !important; }
.pT10 { padding-top: 10px !important; }
.pT15 { padding-top: 15px !important; }
.pT20 { padding-top: 20px !important; }
.pT25 { padding-top: 25px !important; }
.pT30 { padding-top: 30px !important; }
.pT35 { padding-top: 35px !important; }
.pT40 { padding-top: 40px !important; }
.pT45 { padding-top: 45px !important; }
.pT50 { padding-top: 50px !important; }

.pR0 { padding-right: 0px !important; }
.pR5 { padding-right: 5px !important; }
.pR10 { padding-right: 10px !important; }
.pR15 { padding-right: 15px !important; }
.pR20 { padding-right: 20px !important; }
.pR25 { padding-right: 25px !important; }
.pR30 { padding-right: 30px !important; }
.pR35 { padding-right: 35px !important; }
.pR40 { padding-right: 40px !important; }
.pR45 { padding-right: 45px !important; }
.pR50 { padding-right: 50px !important; }

.pB0 { padding-bottom: 0px !important; }
.pB5 { padding-bottom: 5px !important; }
.pB10 { padding-bottom: 10px !important; }
.pB15 { padding-bottom: 15px !important; }
.pB20 { padding-bottom: 20px !important; }
.pB25 { padding-bottom: 25px !important; }
.pB30 { padding-bottom: 30px !important; }
.pB35 { padding-bottom: 35px !important; }
.pB40 { padding-bottom: 40px !important; }
.pB45 { padding-bottom: 45px !important; }
.pB50 { padding-bottom: 50px !important; }

.pL0 { padding-left: 0px !important; }
.pL5 { padding-left: 5px !important; }
.pL10 { padding-left: 10px !important; }
.pL15 { padding-left: 15px !important; }
.pL20 { padding-left: 20px !important; }
.pL25 { padding-left: 25px !important; }
.pL30 { padding-left: 30px !important; }
.pL35 { padding-left: 35px !important; }
.pL40 { padding-left: 40px !important; }
.pL45 { padding-left: 45px !important; }
.pL50 { padding-left: 50px !important; }

/*	flaot
-------------------------------------------------------------------*/
.flL { float: left; }
.flR { float: right; }
.flN { float: none; }

/*	clear
-------------------------------------------------------------------*/
.clear	{ clear:both; }

/*	text-align
-------------------------------------------------------------------*/
.taC { text-align: center !important; }
.taL { text-align: left !important; }
.taR { text-align: right !important; }

/*	vertical-align
-------------------------------------------------------------------*/
.vaT { vertical-align: top !important; }
.vaM { vertical-align: middle !important; }
.vaB { vertical-align: bottom !important; }