@charset "utf-8";

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

	全ページ共通CSS

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

/* Reset
---------------------------------------------------------*/
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,table,th,td,
form,select,option,a,address,pre,blockquote,
fieldset,legend {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #333;
}

body {
	font-size: 62.5%;
	background-color: #FFF;
	color: #333;
}

*html body {	/* for IE6 */
	padding-left: 1px;
}

a img {
	border: none;
}
img {
	vertical-align: bottom;
}
ul,li {
	list-style-type: none;
}


/* micro clearfix
---------------------------------------------------------*/
/* For modern browsers */
.cf:before,
.cf:after {
	content: "";
	display: block;
	overflow: hidden;
}
.cf:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom: 1;
} 


/* Hyper Text
---------------------------------------------------------*/
a:link,
a:visited {
	color: #03C;
	text-decoration: underline;
}
a:focus,
a:hover,
a:active {
	color: #C00;
	text-decoration: none;
}


/* レイアウト
---------------------------------------------------------*/
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.nopd {
	padding: 0 !important;
}
.nomg {
	margin: 0 !important;
}
.pdbtm {
	padding-bottom: 10px !important;
}
.pdbtm5 {
	padding-bottom: 5px !important;
}
.nopdbtm {
	padding-bottom: 0 !important;
}
.nopdtop {
	padding-top: 0 !important;
}
.pdrgt {
	padding-right: 5px !important;
}
.pdlandr {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.pdtop {
	padding-top: 10px !important;
}
.pdtop15 {
	padding-top: 15px !important;
}
.pdtop5 {
	padding-top: 5px !important;
}
.mgtop {
	margin-top: 15px !important;
}
.center {
	text-align: center;
}
.txtright {
	text-align: right;
}
.txtleft {
	text-align: left !important;
}
.list {
	margin-left: 1em;
	text-indent: -1em;
}
img.icon {
	vertical-align: middle;
	padding-right: 5px;
}
a.lmark {
	background: url(../images/lbtn_lg.png) no-repeat 0 0.4em;
	padding-left: 12px;
}

/* フォントサイズ
---------------------------------------------------------*/
.lrg {
	font-size: 1.4em !important;
	line-height: 160% !important;
}
.mid {
	font-size: 1.2em !important;
	line-height: 140% !important;
}
.sml {
	font-size: 0.85em !important;
	line-height: 150% !important;
}
.nml {
	font-weight: normal !important;
}
sub {
	vertical-align: baseline;
	font-size: 0.85em;
}
sup {
	vertical-align: text-top;
	font-size: 0.85em;
}


/* 色
---------------------------------------------------------*/
.red {
	color: #C03;
}
.purple {
	color: #969;
}
.blue {
	color: #39C;
}