@charset "shift_jis";
@import "../contents/common/css/reset.css";
/*=================================================================
■container
================================================================*/
#container{
	width:718px;
}
/*=================================================================
■header
================================================================*/
#header{

}
/*=================================================================
■見出し
================================================================*/
H2{
	margin-top:30px;
	margin-bottom:10px;
}
H2.first{ margin-top:20px; }/* 最初 */
H3{
	margin-bottom:5px;
	margin-left:14px;
	text-indent:5px;
	font-size:14px;
	line-height:1.6;
	color:#0666ae;
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	border-left:solid 4px #0666ae;
	border-bottom:solid 1px #0666ae;
}
/*=================================================================
■#txt_area
================================================================*/
#txt_area{
	width:550px;
	margin-top:-40px;
	margin-left:130px;
	padding:0.5em;
	position:relative;
}
#txt_area P{
	margin-bottom:1em;
	font-size:12px;
	line-height:1.6;
	text-align:justify;
	text-justify:inter-ideograph;
}
#txt_area P.copy{
	margin-bottom:0;
	text-align:right;
}
/*=================================================================
■.area
================================================================*/
.area{
	width:100%;
	background-color:#FFF;
	margin-bottom:10px;
}
.area UL{
	margin-bottom:20px;
	margin-left:20px;
	color:#08529A;
	font-size:12px;
}
.area UL LI{
	padding-left:20px;
	line-height:2;
	list-style:none;
	background-repeat:no-repeat;
	background-position:5px 4px;
}
#tips_01 UL LI{ background-image:url(../img/tips01_arrow.gif); }
#tips_02 UL LI{ background-image:url(../img/tips02_arrow.gif); }
#tips_03 UL LI{ background-image:url(../img/tips03_arrow.gif); }
#tips_04 UL LI{ background-image:url(../img/tips04_arrow.gif); }

.area UL LI.last{
	margin-bottom:0;
}
.area UL LI A{
	color:#333;
	text-decoration:none;
}
.area UL LI A:hover{
	color:#EB6100;
	text-decoration:underline;
	outline:none;
}
#tips_01 UL LI A:hover{ color:#00479D; }
#tips_02 UL LI A:hover{ color:#EB6100; }
#tips_03 UL LI A:hover{ color:#B80000; }
#tips_04 UL LI A:hover{ color:#069D02; }
/*=================================================================
■.area_clum01,.area_clum02
================================================================*/
.area_clum01,.area_clum02{
	width:355px;
	float:left;
}
#tips_02 .area_clum01,#tips_02 .area_clum02,#tips_02 .area_clum03{
	width:236px;
	float:left;
}
/*==================================================
■clearfix floatクリア用CSSハック
==================================================*/
.clearfix:after	{ content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix		{ display:inline-table; min-height: 1%; }
/* exlude MacIE5 \*/
* html .clearfix{ height: 1% }
.clearfix		{display:block;}
/* end MacIE5 */