@charset "utf-8";

/* --HTML-- */
html,body{
	color: #333;
	overflow-x: hidden;
	vertical-align: bottom;
	padding: 0px;
	margin: 0px;
}

/* --BODY-- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0px;
	overflow: visible;
	padding: 0px;
}
	/* for IE8 */
	html>/**/body {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 75%;
	}
	/* for IE7 */
	*+html body {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 75%;
	}
	/* for IE6 */
	* html body {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 75%;
	}

/* --OTHER TAGS-- */
.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}
a {
	overflow:hidden;
}
a img, img {
	vertical-align: bottom;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: none;
}
a:hover img{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}
abbr, acronym {
	border: 0;
}
address, caption, cite, code, dfn, em, th, strong, var {
	font-style: normal;
	font-weight: normal;
}
blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
	margin: 0px;
	padding: 0px;
	line-height: none;
}
code, kbd, pre, samp, tt {
	font-family: monospace;
	line-height: 100%;
}
	/* for IE7 */
	*+html code, *+html kbd, *+html pre, *+html samp, *+html tt {
		font-size: 108%; 
	}
h1, h2, h3, h4, h5, h6, p {
	font-size:100%;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
q:before, q:after {
	content:'';
}
/* form */
button, fieldset, form, input, label, legend, select, textarea {
	/*font-family:inherit;*/
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

	/* for IE6 */
	* html input, * html textarea {
		font-family:'ＭＳ Ｐゴシック';
	}
	
	/* for IE7 */
	*+html input, *+html textarea {
		font-family:'メイリオ', 'ＭＳ Ｐゴシック';
	}	

/* tables still need 'cellspacing="0"' */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}


/*
---------------------------------------------------------------------
	basic.css ver 1.1 [2008/11/25] 
	*This document validates as CSS level 3
	*GNU General Public License v3
	*http://higash.net/labo/

	Modify YUI Base CSS
	*Copyright (c) 2008, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.html
	
	Modify Formy CSS Form Framework 0.8(beta)
	*GNU General Public License v2
	*http://code.google.com/p/formy-css-framework/
---------------------------------------------------------------------
*/

/* --FORM-- */
fieldset {
	border: 1px solid #ccc;
	margin-bottom: 1em;
	padding: 0 1em 1em 1em;
}
input, textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4;
	padding: 0;
	vertical-align: baseline;
}
input[type="checkbox"], input[type="radio"] {
	vertical-align: baseline;
}
input[type="submit"] {
	padding: 0.1em;
}
legend {
	background: #fff;
	padding: 0.3em;
}
select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0;
}

	/* for IE6 */
	* html input {
		padding: 0.1em;
	}
	* html input.checkbox,
	* html input.radio {
		vertical-align: -0.3em;
	}
	* html input.submit {
		line-height: 1.2;
		padding-top: 0.2em;
	}
	* html select {
		vertical-align: -0.2em;
	}
	/* for IE7 */
	*+html input {
		padding: 0.1em;
	}
	*+html input.submit {
		line-height: 1.2;
		padding-top: 0.2em;
	}
	*+html select {
		vertical-align: -0.2em;
	}
	/* for Opera9.27 */
	html:first-child input {
		padding: 0.1em;
	}
	html:first-child input[type="checkbox"],
	html:first-child input[type="radio"] {
		vertical-align: middle;
		margin-right: 5px;
	}
	html:first-child input[type="submit"] {
		padding:0.3em;
	}
	html:first-child select {
		padding:0.2em 0.5em;
	}
	/* for Opera9.5+ [Safari3 & Chrome] */
	body:first-of-type input {
		padding:0.1em;
	}
	body:first-of-type input[type="checkbox"],
	body:first-of-type input[type="radio"] {
		vertical-align: middle;
		margin-right: 5px;
	}
	body:first-of-type input[type="submit"] {
		padding: 0.3em 0.3em 0.2em 0.3em;
	}
	/* for Safari3 & Chrome */
	html:not(:only-child:only-child) input {
		padding: 0;
		vertical-align: middle;
	}
	html:not(:only-child:only-child) select {
		vertical-align:0;
	}	

/* --HEADLINE-- */
h1, h2, h3, h4, h5, h6 {
	margin: 0;/*margin:1em 0;*/
}
/* --LIST-- */
ol, ul {
	margin: 0;/*margin:1em 1em 1em 3em;*/
}
dl {
}
ol li {
	list-style: none;/*list-style:decimal outside;*/
}
ul li {
	list-style: none;/*list-style:disc outside;*/
}

/* --OTHER TAGS-- */
abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;
}
blockquote {
}
caption {
	margin-bottom: 0.5em;
}
em, strong {
	font-weight: bold;
}
/*	
p {
	margin-bottom: 1em;
	text-align: left;
	width: auto;
}
*/
/* clearfix */
.clearfix { zoom: 1; }
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
	content: " ";
}
	/* for IE6 */
	* html .clearfix {
		display: inline-block;
	}
	/* for IE7 */
	*+html .clearfix {
		display: inline-block;
	}
	/* IE8ハック */
	html>/**/body .clearfix {
		display /*\**/: block\9
	}
	/* no ie mac \*/
	* html .clearfix {
		height: 1%;
	}
	.clearfix {
		display: block;
	}
header,footer,nav,section,article,figure,aside {
　display: block;
}

.clear{clear:both;}
.st{font-weight:bold;}
.fl{float:left;}
.fr{float:right;}
.tac{text-align:center;}
.tar{text-align:right;}
.vam{vertical-align:middle;}

.red {color: #DB0004;}


/* Margin
-----------------------------------------------------------------*/
.mb5 {margin-bottom: 5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}

.mt5 {margin-top: 5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}