@charset "utf-8";

/*
-------------------------------------
CSS file fstudio
FileName:base.css
-------------------------------------
*/

/*
===== CONTENTS ===========================================

	1: UNIVERSAL RESET 
	2: BODY AND BASE SETTING
	3: FONT SETTING
	4: LINK SETTING
	5: OTHER

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


/*
===== 1: UNIVERSAL RESET =================================
*/

html {
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquout,th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
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-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input,textarea,select {
	*font-size:100%;
}
legend {
	color:#000000;
}

/*
===== 2: BODY AND BASE SETTING ===========================
*/

html {
	overflow-y: scroll;
	background:url(../images/bg.jpg) repeat-x #F9F8F2;
	word-break:break-all;
}
body {
	color:#000000;
	background:url(../images/head_bg.gif) repeat-x;
	padding-top:19px;
}
img{
	border:0;
	vertical-align:top;
}
a {overflow:hidden;}

/*
===== 3: FONT SETTING ===========================
*/

body {
	font-family:
		"ヒラギノ角ゴ Pro W3",				/*優先度1 和名*/
		"Hiragino Kaku Gothic Pro W3",		/*優先度1 英語名*/
		"メイリオ",							/*優先度2 和名*/
		Meiryo,								/*優先度2 英語名*/
		Osaka,								/*優先度3 英語名のみ*/
		"ＭＳ Ｐゴシック",					/*優先度4 和名*/
		"MS P Gothic",						/*優先度4 英語名*/
		sans-serif;							/*総称ファミリー名*/
	font-size: 80%;
	line-height:1.4em;
	*font-size:small;
	*font:x-small;
	color:#333333;
	text-align: left;
}
/*
body{
	font-size: 80%;
	line-height:1.4em;
	*font-size:small;
	*font:x-small;
	color:#333333;
	text-align: left;
}
*/
table{
	font-size: inherit;
	font:100%;
}

/*
===== 4: LINK SETTING ===========================
*/

a:link{
	color:#333333;
	text-decoration:none;
}
a:visited{
	color:#333333;
	text-decoration:none;
}
a:hover{
	color:#1EB9EE;
}
a:active{
	color:#1EB9EE;
}

/*
===== 5: OTHER ===========================
*/
.hide{
	display:none;
}

.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt15{
	margin-top: 15px;
}
.vat{
	vertical-align:top;
}
.vam{
	vertical-align:middle;
}
.vab{
	vertical-align:bottom;
}

.tal{
	text-align:left;
}
.tac{
	text-align:center;
}
.tar{
	text-align:right;
}
.ofh {
	width:100%;
	overflow:hidden;
}

.fll{
	float:left;
	display:block;
}
.flr{
	float:right;
	display:block;
}

/*font*/
.fwb{
	font-weight:bold;
}
.fwn{
	font-weight:normal;
}


/*
===== 5: OTHER ===========================
*/

.clear{clear:both;}
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/*\*/
.clearfix{ display:block !important; height:1%;}
/**/

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

.floatClear {
	clear:both;
}