@charset "utf-8";

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

html {
}

body {
	font-family: 'メイリオ', Meiryo, Osaka, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #333;
}

input, textarea {
	font-family: 'メイリオ', Meiryo, Osaka, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/* for IE6 */
* html body { font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
* html input, * html textarea {	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}


/* リンク
----------------------------------------------------*/
a {	color: #333;}
a:link { color: #333;}
a:visited {	color: #333;}
a:hover { color: #999;}
a:active { color: #999;}

a:hover .hvA {
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}
a:hover .hvB {
	position:relative;
	top:1px;
	left:1px;
}


/* 汎用
----------------------------------------------------*/

/* clerfix */
.clearfix {
	display: inline-table;
	min-height: 1%;
	overflow: hidden;
}
.clearfix:after {
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
section:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

.None {
	display: none;
}

.fl {
	float: left;
}
.fr {
	float: right;
}

.ac { text-align: center;}
.ar	{ text-align:right;}

.mt5  {	margin-top: 5px;}
.mt10 {	margin-top: 10px;}
.mt20 {	margin-top: 20px;}
.mt40 {	margin-top: 40px;}

.mr10 {	margin-right: 10px;}
.mr20 {	margin-right: 20px;}

.mb5 {	margin-bottom: 5px;}
.mb10 {	margin-bottom: 10px;}
.mb20 {	margin-bottom: 20px;}
.mb40 {	margin-bottom: 40px;}

.ml10 {	margin-left: 10px;}
.ml20 {	margin-left: 20px;}


.idt1 {
	text-indent: -1em;
	padding-left: 1em;
}
.idt2 {
	text-indent: -2em;
	padding-left: 2em;
}
.idt3 {
	text-indent: -3em;
	padding-left: 3em;
}

.red { color: #F00;}

.mincho {
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
}
.iconPDF  {
	background-image: url(../img/icon_pdf.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	background-position: left;
}
.list1 li {
	background-image: url(../img/list1.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	background-position: left 2px;
}
.list2 li {
	background-image: url(../img/list2.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
	background-position: left 4px;
}

.tb {
	border: 1px solid #666;
	border-width: 0 1px 1px 1px;
	background-color:#F0F0F0;
}
.tb dt {
	padding: 2%;
	float: left;
	width: 24%;
	border-top: 1px solid #666;
}
.tb dd {
	padding: 2%;
	margin-left: 28%;
	border: 1px solid #666;
	border-width: 1px 0 0 1px;
	background-color:#FFF;
}


.triangle-bottom:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid #333;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}