@charset "shift_jis";
@import "reset.css";
@import "common_txt.css";
/*=================================================================
TIPSインデックス基本設定CSS
=================================================================*/
/*=================================================================
基本設定CSS
=================================================================*/
/* ==========================  floatクリア用CSSハック clearfix STR ========================= */
.clearfix:after	{ content: "."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix		{ display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix{ height: 1% }
.clearfix		{display:block;}
/* end MacIE5 */
/* ==========================  floatクリア用CSSハック clearfix END ========================= */
/*===================================
■ﾀｸﾞの基本設定
===================================*/
BODY{
	margin-top:10px;
	font-size:12px;
	color:#000;
	background:#FFF;
}
* html BODY{ width:95%; }/* ie6 */
TABLE{
	font-size:12px;
}
P{
	line-height:1.5;
	margin-bottom:1em;
}
/* OL */
OL{
	margin-left:40px;
	margin-bottom:1em;
}
OL LI{
	list-style:decimal;
	line-height:1.4;
	margin-bottom:0.5em;
}
/* UL */
UL{
	margin-left:30px;
	margin-bottom:1em;
}
UL LI{
	list-style:square;
	line-height:1.4;
	margin-bottom:0.5em;
}
LI LI{ list-style:circle; }
/* DL */
DT{
	background:url(../img/dldot.gif) no-repeat 0px 8px;
}
DT P{ margin-left:15px; font-weight:bold; font-size:13px; }
* html DT P{ zoom:1; }/* ie6 */
DD{
	margin-left:15px;
	margin-bottom:15px;
}
DL UL LI{ list-style:circle; }
DD DT{ background:url(../img/dlcrc.gif) no-repeat 0px 7px; }
/*=================================================================
■container ﾒｲﾝｺﾝﾃﾅ
=================================================================*/
DIV#container{
	width:600px;
	margin:0 auto;
	padding-bottom:30px;
	text-align:left;
}
/*=================================================================
■entry 本文
=================================================================*/
DIV#entry{
	margin-left:20px;
}
DIV#entry P{

}
/*=================================================================
■entry内
=================================================================*/
/* - 本文 - */

DIV#entry DIV.entryTxt{
	margin-left:1em;
	margin-bottom:3em;
}
/*===================================
■cautionCont 注意ﾎﾞｯｸｽ
===================================*/
DIV.cautionCont{
	width:90%x;
	margin-top:10px;
	margin-bottom:20px;
	padding:10px;
	background:url(../img/caution.gif) #E5E5E5 10px 10px no-repeat;
}
DIV.cautionCont DIV.cautContInd{
	margin-left:25px;
}
DIV.cautionCont DIV.cautContInd CODE.code,
DIV.cautionCont DIV.cautContInd PRE.code{
	color:#333;
}
/*===================================
■annoContainer 注釈用ｺﾝﾃﾅ
===================================*/
DIV.annoContainer{
	width:90%;
	margin-bottom:20px;
	padding:10px;
	background:#EEE;
}
DIV.annoContainer DIV.annoInd{
	margin-left:10px;
}
/*=================================================================
■ｿｰｽｺｰﾄﾞ
=================================================================*/
DIV.srcHed{
	width:195px;
	height:19px;
	margin-left:1em;
	margin-bottom:0.5em;
/*	background:url(../img/src_mds_mo.gif) no-repeat;*/
	background:url(../img/smp.gif) no-repeat;
	position:relative;
}
DIV.srcHed A{
	width:50px;
	height:15px;
	text-indent:-9999px;
	display:block;
	cursor:pointer;
/*	background:url(../img/src_mds.gif) no-repeat;*/
	background:url(../img/source.gif) no-repeat;
	position:absolute;
	left:130px;
	top:2px;
}
/*DIV.srcHed A:hover{ background:none; }*/
DIV.smpHed{
	width:195px;
	height:19px;
	margin-left:1em;
	margin-bottom:0.5em;
	text-indent:-9999px;
	background:url(../img/smp.gif) no-repeat;
}
/*=================================================================
■footer ﾌｯﾀﾒﾆｭｰ
=================================================================*/
DIV#footer{
	width:600px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
	padding-top:10px;
	background:url(../img/fotter/line-short.gif) repeat-x top;
	text-align:center;
}
DIV#footer IMG{
	border:none;
}
DIV#FTRNAVI{
	background:url(../img/fotter/line-short.gif) repeat-x bottom;
	padding-bottom:10px;
}
DIV#footer UL.footerNavi{
	margin:0 auto;
}
DIV#footer UL.footerNavi LI{
	list-style:none;
	float:left;
	margin-bottom:0;
}
/* - ﾌｯﾀﾎﾞﾀﾝ上段 - */
DIV#footer UL.footerNavi LI.ftrTopBtn{
	width:200px;
}
/* - ﾌｯﾀﾎﾞﾀﾝ下段 - */
DIV#footer UL.footerNavi LI.ftrBtmBtn{
	width:600px;
	margin-top:10px;
}
/* - ﾎﾞﾀﾝが一つだけ - */
HTML BODY DIV#footer UL.footerNavi LI.naviOne{
	margin:0;
}
DIV#footer UL.footerNavi LI IMG{
	margin:0 auto;
	cursor:pointer;
}
/*===================================
■bscTbl 基本的なﾃｰﾌﾞﾙ
===================================*/
TABLE.bscTbl{
	width:100%;
	border-collapse:collapse;
}
TABLE.bscTbl TH,TABLE.bscTbl TD{
	padding:5px;
	border:solid 1px #555;
}
TABLE.bscTbl TH{
	color:#041D3E;
	background-color:#E3EDFB;
}
TABLE.bscTbl TH.topTh{/*colspan*/
	color:#FFF;
	background-color:#041D3E;
	font-weight:bold;
	text-indent:20px;
}
TABLE.bscTbl TD{
	background-color:#FFF;
}
/*===================================
■txtTbl ﾃｷｽﾄ用ﾃｰﾌﾞﾙ
===================================*/
TABLE.txtTbl{
	width:100%;
	margin-bottom:20px;
	border-collapse:collapse;
}
TABLE.txtTbl TH{ white-space:nowrap; }
TABLE.txtTbl TD{
	padding:3px;
	vertical-align:top;
}
/*===================================
■ﾃｰﾌﾞﾙ拡張
===================================*/
/* ﾃｰﾌﾞﾙ下余白 */
TABLE.tblInd{ margin-left:1em; }
TABLE.tblMrgn{ margin-bottom:1em; }
/* 中央 */
TABLE.cntTh TH,
TABLE.cntTd TD,
TH.cntTh,
TD.cntTd{ text-align:center !important; }
/* 上揃え */
TABLE.vrtTh TH,
TABLE.vrtTd TD{ vertical-align:text-top !important; }
/* 垂直中央揃え */
TABLE.vrtMdTh TH,
TABLE.vrtMdTd TD{ vertical-align:middle !important; }
/* 右揃え */
TD.rightTd{ text-align:right; }
/* サイズ調整 */
TABLE.herfTbl{ width:auto !important; }
/* ﾋﾞｯｸﾞﾍｯﾀﾞ */
TABLE TH.bigHed{
	padding:8px 15px;
	color:#FFF;
	background-color:#1C4784;
	font-weight:bold;
	text-indent:0;
	border-color:#FFF;
}
/*===================================
■qaContainer
===================================*/
DIV.qaContainer{
	margin-left:10px;
}
DIV.qaContainer DT{
	padding:7px 0;
	border-top:dotted 2px #AAA;
	border-bottom:dotted 2px #AAA;
	background:url(../img/q.gif) no-repeat #F0F6FF;
	background-position:5px 7px;
	_height:1%;
	_background-position:5px 3px;
}
DIV.qaContainer DD{
	padding:7px 0;
	margin:2px 0 40px 0;
	background:url(../img/a.gif) no-repeat;
	background-position:5px 3px;
	_height:1%;
	_background-position:5px 9px;
}
DIV.qaContainer DT P,
DIV.qaContainer DD P{
	margin-bottom:0.7em;
	margin-left:40px;
}
DIV.qaContainer DD UL{
	margin-left:60px;
}
DIV.qaContainer DD PRE.code{
	width:550px;
	margin-left:50px;
}
/*===================================
■sumContainer
===================================*/
.sum_hed{
	margin-left:5px;
	margin-bottom:2px;
}
.sumContainer{
	height:1%;
	padding-top:1em;
	padding-bottom:0.5em;
	border-top:solid 1px #555;
	background:url(../img/sum_bg.gif) repeat-x bottom;
	font-size:13px;
}
.sumContainer UL{
	margin-left:10px;
}
.sumContainer LI{
	margin-bottom:10px;
	padding-left:18px;
	list-style:none;
	background:url(../img/sum_mark.gif) no-repeat 0 3px;
	_background:url(../img/sum_mark.gif) no-repeat 0 2px;/* ie */
}
/*=================================================================
■.area
================================================================*/
.area{
	width:100%;
	background-color:#FFF;
	margin-bottom:10px;
	border:solid 1px;
}
#tips_01{ border-color:#0666AE; background-color:#F4FAFF; }
#tips_03{ border-color:#B60000; background-color:#FFF9F9; }
#tips_04{ border-color:#04A000; background-color:#F6FFF6; }

.area UL{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	color:#08529A;
	font-size:12px;
}
.area UL LI{
	height:1%;
	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:295px;
	float:left;
}