@charset "utf-8";


/****************************************************************************

	MAIN CSS
	
*****************************************************************************/


/*	GENERAL
----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	/*background-color: transparent;*/
	color: #5A5A5A;
}

html {
	overflow-y: scroll;
}

body {
	background-color: #FFFFFF;
	background-image: url(../common/main_bg.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	font-family: "メイリオ",Meiryo,Verdana,Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-size: 13px;
	line-height: 1.4;
	/*position: relative;*/
}

img {
	border: none;
	vertical-align: bottom;
}

ul,ol,dl {
	margin: 0;
	padding: 0;
}

li {
	list-style-position: outside;
}

fieldset {
	border: none;
}

table {
	border: none;
	border-collapse: collapse;
	empty-cells: show;
}

th, td, form {
	margin: 0;
	padding: 0;
	color: #333333;
}

/*th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}*/

h1, h2, h3, h4, h5, h6, h7, h8 {
	margin: 0;
	padding: 0;
	font-size : 100% ;
	font-weight : normal ;
	font-style : normal ;
}

hr {
	color: #000;
	border-top: 1px solid #CCC;
}


dl dt {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

dl dd {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

span.alt {
	display: none;
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1;
}



/*	links
----------------------------------------------------------------------------*/

a:link 		{ color: #000099; text-decoration: none; }
a:visited	{ color: #000099; text-decoration: none; }
a:hover		{ color: #000099; text-decoration: underline; }



/*	space
----------------------------------------------------------------------------*/

.unit00 { margin: 0 0 0px; }
.unit01 { margin: 0 0 5px; }
.unit02 { margin: 0 0 10px; }
.unit03 { margin: 0 0 15px; }
.unit04 { margin: 0 0 20px; }
.unit05 { margin: 0 0 25px; }
.unit06 { margin: 0 0 30px; }
.unit07 { margin: 0 0 35px; }
.unit08 { margin: 0 0 40px; }
.unit09 { margin: 0 0 45px; }
.unit10 { margin: 0 0 50px; }
.unit11 { margin: 0 0 75px; }
.unit12 { margin: 0 0 100px; }



/*	position
----------------------------------------------------------------------------*/

.center	{ text-align: center; vertical-align: middle; }
.right	{ text-align: right; vertical-align: middle; }



/*	text
----------------------------------------------------------------------------*/

	/*---	color	--*/

.attention	{ color: #FF0000; }	/*---	red	--*/
.danger		{ color: #C40000; }	/*---	deep red	--*/
.eco		{ color: #5f7427; } /*---	green	--*/
.caution	{ color: #808000; }	/*---	deep green	--*/
.notice		{ color: #FF6633; }	/*---	orange	--*/
.warning	{ color: #633626; }	/*---	brown	--*/
.cool		{ color: #0000BF; } /*---	blue	--*/
.normal		{ color: #333333; } /*---	blue	--*/


	/*---	color bold	--*/

.attention-pw	{ color: #FF0000; font-weight: bold; }	/*---	red	--*/
.danger-pw		{ color: #C40000; font-weight: bold; }	/*---	deep red	--*/
.eco-pw			{ color: #5f7427; font-weight: bold; }	/*---	green	--*/
.caution-pw		{ color: #808000; font-weight: bold; }	/*---	deep green	--*/
.notice-pw		{ color: #FF6633; font-weight: bold; }	/*---	orange	--*/
.warning-pw		{ color: #633626; font-weight: bold; }	/*---	brown	--*/
.cool-pw		{ color: #0000BF; font-weight: bold; }	/*---	blue	--*/


	/*---	size	--*/

.xlarge		{ font-size: 17px; line-height: 1.5; }
.large		{ font-size: 15px; line-height: 1.5; }
.small		{ font-size: 12px; line-height: 1.5; }
.xsmall		{ font-size: 11px; line-height: 1.5; }
.xxsmall	{ font-size: 10px; line-height: 1.2; }


	/*---	decoration	--*/

.bold		{ font-weight: bold; }
.italic		{ font-style: italic; }
.stk 		{ text-decoration:line-through; }
.bkred		{ background-color:#FEE0E9; }
.bkblue		{ background-color:#D5F2E9; }


/****************************************************************************
	* Mac IE 文字化け回避対策
*****************************************************************************/

input, select, textarea {
	font-family:"ヒラギノ角ゴ Pro W3", osaka, verdana, "ＭＳ ゴシック", sans-serif;
}



/****************************************************************************
	clearfix
*****************************************************************************/

.clearfix:after {
	content: url(../common/clear.gif);
	display: block;
	clear: both;
	height: 0; 
}

.clearfix {
	display: inline-block;
}

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