/* RESET */
* {
	letter-spacing: 0;
	padding-right: 0px;
}
html, body { height:100%; }
body {
	margin: 0px;
	padding: 0px;
}
.clear { clear:both; }
h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin: 0px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
dl, dt, dd, table {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
p, ul, ol, table {
	line-height: 140%;
}
/*table {border-collapse: collapse; border-spacing: 0;}*/

img {border-style: none;
	 vertical-align: text-bottom; 
	 }
body {word-wrap: break-word;}


/* LAYOUT */
.align_center {text-align: center;}
.align_right {text-align: right;}
.align_left {text-align: left;}
.float_right {float: right;}
.float_left {float: left;}

.pad_left10 {padding-left: 10px;}
.pad_right10 {padding-right: 10px;}
.pad_btm10 {padding-bottom: 10px;}
.pad_top10 {padding-top: 10px;}
.pad_left20 {padding-left: 20px;}
.pad_right20 {padding-right: 20px;}
.pad_btm20 {padding-bottom: 20px;}
.pad_top20 {padding-top: 20px;}

.mg_left10 {margin-left: 10px;}
.mg_right10 {margin-right: 10px;}
.mg_btm10 {margin-bottom: 10px;}
.mg_top10 {margin-top: 10px;}
.mg_left20 {margin-left: 20px;}
.mg_right20 {margin-right: 20px;}
.mg_btm20 {margin-bottom: 20px;}
.mg_top20 {margin-top: 20px;}

.space_height10 {
	height: 10px;
	display: block;
}
.space_height20 {
	height: 10px;
	display: block;
}
.space_height20 {
	height: 30px;
	display: block;
}
.space_height40 {
	height: 40px;
	display: block;
}
.space_height50 {
	height: 50px;
	display: block;
}


.float_right_mg {
	float: right;
	margin-left: 10px;
}
.float_left_mg{
	float: left;
	margin-right: 10px;
}


.hide{
	display: none;	
}
.nowrap {
	white-space: nowrap;
}
.middle {
	vertical-align:middle;
}
.half_left {
	width: 45%;
	float: left;
}
.half_right {
	width: 45%;
	float: right;
}

.indent-1m {text-indent: -1em; padding-left: 1em;}
.indent-2m {text-indent: -2em; padding-left: 2em;}
.indent-3m {text-indent: -3em; padding-left: 3em;}

.wide100 {width: 100%;}
.wide90 {width: 90%;}
.wide80 {width: 80%;}
.wide70 {width: 70%;}
.wide60 {width: 60%;}
.wide50 {width: 50%;}
.wide40 {width: 40%;}
.wide30 {width: 30%;}
.wide20 {width: 20%;}
.wide10 {width: 10%;}
.wide90_center {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.wide80_center {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.wide70_center {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.wide60_center {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.wide50_center {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

/* TEXT */
.txt_grn {color: #006666;}
.txt90 {font-size: 90%;}
.txt80 {font-size: 80%;}
.txt120 {font-size: 120%;}
.txt200{font-size: 200%;}
.txt_green {
	color: #006633;
	letter-spacing: 0px;
}
.txt_red {color: #CC0000;}
.txt_blue {color: #003366;}
.txt_white {color: #FFFFFF;}
.txt_space05 {letter-spacing: 0.5em;}
.txt_space02 {letter-spacing: 0.2em;}
.letterspace1 {letter-spacing: 1em;}
.txt_nomal {font-weight: normal;}
.comment_red {
	color: #CC3333;
	font-size: 85%;
	text-indent: -1em;
	padding-left: 6px;
}

/* COLOR */
.bk_yel {
	background: #FFFFCC;
	margin-top: 10px;
	margin-bottom: 10x;
}
.bk_grn {background: #CCFFCC;}
.bk_or {background: #FFCC99;}
.bk_pink {background: #FFCCCC;}
.bk_blue {background: #CCFFFF;}
.bk_white {background: #FFFFFF;}


/* table */
.table_border, .table_noborder {
	border-collapse: collapse; border-spacing: 0;}
.table_border td {border: 1px solid #999;}
.table_border td, .table_noborder td {
	vertical-align: top;
	padding: 4px;
}
.table_noborder {border-style: none;}
.table_noborder td {border-style: none;}
.table_border1 td, .table_border1 th {
	border: 1px solid #999;
	padding: 4px;
}

.table_noborder2 {border-style: none;}
.table_noborder2 td {border-style: none;}

.table_border_g {
	border: 2px solid #339966;
	margin: 8px;
	border-collapse: collapse; border-spacing: 0;
}
.table_border_g td , .table_border_g th{
	border: 1px solid #339966;
}



/* Line */

.underline_grey {border-bottom: 1px solid #999;}


hr {
	clear: both;
	visibility: hidden;
	height: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.round_pic {
	border-radius: 10px;
}

/* 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 */