/**********************************************************************
kameari [ /common/css/base.css ]

08.10.00
**********************************************************************/


/*---------------------------------------------
 Initialization
---------------------------------------------*/
body{
	background: #dcf2e8;
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #666666;
}
p, div, ul, li, ol, dl,
dd, dt, img, form       { margin: 0; padding: 0; }
p						{
	font-size: 75%;
	line-height: 15pt;
}
select, input, textarea { font-size: 12px; }
input   { vertical-align: middle; }
hr      { display: none; }
ul      { list-style-type: none; }
img     { border: none; }

.none       { display: none; }
.clear      { clear: both; }
.section    { margin-bottom: 30px; }
.element    { margin-bottom: 15px; }
.explanation{ margin-bottom: 5px; }
/*.elem-note{ margin-top: 10px; }*/
.center   { text-align: center; }

.noscript-txt{
	margin-top: 20px;
	text-align: center;
	color: #ff0000;
}


/*---------------------------------------------
 clearFix
---------------------------------------------*/
/*---- for not IE ----*/
.clearFix:after{
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/*---- for IE7 and Mac ----*/
.clearFix{
	display: inline-block;
	min-height: 1%;
	/* escape MacIE5 \*/
	display: block;      /*---- for not Mac ----*/
	/* escape MacIE5 */
}

/*---- for IE5 IE6... ----*/
/* escape MacIE5 \*/
* html .clearFix{
	height: 1%;
}
/* escape MacIE5 */


/*---------------------------------------------
 Text
---------------------------------------------*/
.xlarge{ font-size: 100%; }
.large { font-size: 87.5%; }
.small { font-size: 68.8%; }

.txtlink  { color: #1787a6; }
.txtact   { color: #007648; }
.txtemp   { color: #ff6600; }
.txtnote  { color: #cc0000; }


/*---------------------------------------------
 Link Text
---------------------------------------------*/
a:link   { color: #1787a6; }
a:visited{ color: #1787a6; }
a:hover  { color: #1787a6; text-decoration: none; }
a:active { color: #1787a6; }


/*---------------------------------------------
 Icon
---------------------------------------------*/
/* 共通アイコン */
.ico-none{
	padding-left: 20px;
	line-height: 1.5;
}
.ico-arw01{
	background: url(../images/ico_arrow01.gif) 0 0.12em no-repeat;
	padding-left: 20px;
	line-height: 1.5;
}
.ico-arw02{
	background: url(../images/ico_arrow02.gif) 0 0.12em no-repeat;
	padding-left: 20px;
	line-height: 1.5;
}
.ico-win01{
	background: url(../images/ico_window01.gif) 0 0.12em no-repeat;
	padding-left: 20px;
	line-height: 1.5;
}
.ico-win02{
	background: url(../images/ico_window02.gif) 0 0.12em no-repeat;
	padding-left: 20px;
	line-height: 1.5;
}
.ico-pdf{
	background: url(../images/ico_pdf.gif) 0 0em no-repeat;
	padding-left: 20px;
	line-height: 1.5;
}
.ico-open{
	background: url(../images/ico_open.gif) 0 0.12em no-repeat;
	padding-left: 20px;
	line-height: 1.5;
}
.ico-other{
	background: url(../images/ico_other.gif) 0 0 no-repeat;
	padding-left: 20px;
	line-height: 1.5;
}
.ico-kame01{
	background: url(../images/ico_kame01.gif) 0 0.2em no-repeat;
	padding-left: 30px;
	line-height: 1.5;
}

/* 法人アイコン */
.ico-corp-arw01{
	background: url(../images/ico_corp_arrow01.gif) 0 0.12em no-repeat;
	padding-left: 20px;
	line-height: 1.5;
}
.ico-corp-arw02{
	background: url(../images/ico_corp_arrow02.gif) 0 0.12em no-repeat;
	padding-left: 20px;
	line-height: 1.5;
}
.ico-corp-win01{
	background: url(../images/ico_corp_window01.gif) 0 0.12em no-repeat;
	padding-left: 20px;
	line-height: 1.5;
}
.ico-corp-win02{
	background: url(../images/ico_corp_window02.gif) 0 0.12em no-repeat;
	padding-left: 20px;
	line-height: 1.5;
}
.ico-corp-kame01{
	background: url(../images/ico_corp_kame01.gif) 0 0.2em no-repeat;
	padding-left: 30px;
	line-height: 1.5;
}

/* 緊急アイコン */
.ico-emeg-arw01{
	background: url(../images/ico_emeg_arrow01.gif) 0 0.12em no-repeat;
	padding-left: 20px;
	line-height: 1.5;
}
.ico-emeg-kame01{
	background: url(../images/ico_emeg_kame01.gif) 0 0.2em no-repeat;
	padding-left: 30px;
	line-height: 1.5;
}
li .ico-arw01,
li .ico-arw02,
li .ico-win01,
li .ico-win02,
li .ico-corp-arw01,
li .ico-corp-arw02,
li .ico-corp-win01,
li .ico-corp-win02,
li .ico-emeg-arw01,
li .ico-open { background-position: 0 0.2em; }
li .ico-pdf,
li .ico-other{ background-position: 0 0.1em; }
li .ico-kame01,
li .ico-corp-kame01,
li .ico-emeg-kame01{ background-position: 0 0.35em; }


/*---------------------------------------------
 Heading
---------------------------------------------*/

/* 大見出し */
h1{
	margin: 0 0 20px;
}

/* 中見出し */
h2{
	border-bottom: 2px #cccccc solid;
	margin: 0 0 15px 0;
	width: 700px;
	font-size: 87.5%;
	line-height: 1.1;
}
#TypeCOLUMN3 h2{
	width: 530px;
}
h2 span{
	display: block;
	background: #ffffff;
	margin-bottom: 5px;
	padding: 8px 10px 8px 15px;
	border-left: 5px #b5c95b solid;
}
h2.corp span{
	display: block;
	background: #ffffff;
	margin-bottom: 5px;
	padding: 8px 10px 8px 15px;
	border-left: 5px #74adc7 solid;
}

/* 小見出し */
h3{
	background: #ffffff url(../images/line_dot.gif) 0 100% repeat-x;
	margin: 0 0 15px 0;
	padding-bottom: 6px;
	width: 700px;
	font-size: 87.5%;
	line-height: 1.1;
}
#TypeCOLUMN3 h3{
	width: 530px;
}
h3 span{
	display: block;
	background: #ffffff;
	padding: 0 10px;
	border-left: 10px #666666 solid;
}

/* 強調見出し */
.emptit{
	background: url(../images/emptit_bg02.gif) 0 100% no-repeat;
	margin-bottom: 15px;
	padding-bottom: 7px;
	width: 700px;
	font-size: 87.5%;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.1;
}
#TypeCOLUMN3 .emptit{
	width: 530px;
}
.emptit span{
	display: block;
	background: url(../images/emptit_bg01.gif) 0 0 no-repeat;
	padding: 7px 10px 0 20px;
}
.emptit-corp{
	background: url(../images/emptit_corp_bg02.gif) 0 100% no-repeat;
	margin-bottom: 15px;
	padding-bottom: 7px;
	width: 700px;
	font-size: 87.5%;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.1;
}
#TypeCOLUMN3 .emptit-corp{
	width: 530px;
}
.emptit-corp span{
	display: block;
	background: url(../images/emptit_corp_bg01.gif) 0 0 no-repeat;
	padding: 7px 10px 0 20px;
}
#TypeCOLUMN3 .emptit{
	background: url(../images/emptit_bg04.gif) 0 100% no-repeat;
}
#TypeCOLUMN3 .emptit span{
	background: url(../images/emptit_bg03.gif) 0 0 no-repeat;
}
#TypeCOLUMN3 .emptit-corp{
	background: url(../images/emptit_corp_bg04.gif) 0 100% no-repeat;
}
#TypeCOLUMN3 .emptit-corp span{
	background: url(../images/emptit_corp_bg03.gif) 0 0 no-repeat;
}

/* テキスト見出し */
.txttit-L{
	margin-bottom: 5px;
	font-size: 87.5%;
	font-weight: bold;
}
.txttit  {
	margin-bottom: 5px;
	font-weight: bold;
}

/* Q＆A見出し */
.QATitArea{
	margin-bottom: 10px;
	width: 700px;
}
#TypeCOLUMN3 .QATitArea{
	width: 530px;
}
.QATitArea .tit-q,
.QATitArea .tit-a{
	background: #ffffff url(../images/line_dot.gif) 0 0 repeat-x;
	padding-top: 1px;
}
.QATitArea .tit-q span{
	display: block;
	background: #ffffff url(../images/qa_q.gif) 0 0 no-repeat;
	margin: 5px 0;
	padding: 0 10px 5px 25px;
	font-weight: bold;
}
.QATitArea .tit-a span{
	display: block;
	background: #ffffff url(../images/qa_a.gif) 0 0 no-repeat;
	margin: 5px 0;
	padding: 0 10px 5px 25px;
	font-weight: bold;
}

/* インデックス見出し */
.indtit{
	margin-bottom: 15px;
}

/* メニュー見出し */
.menutit{
	background: #efefef;
	border: 4px #cccccc solid;
	margin-bottom: 15px;
	padding: 8px 16px;
	width: 660px;
	font-weight: bold;
}
#TypeCOLUMN3 .menutit{
	width: 490px;
}
.menutit a{
	background: #efefef url(../images/menutit_ico.gif) 0 0 no-repeat;
	padding-left: 20px;
	color: #666666;
}

/* リードコピー（画像） */
.leadimg{
	margin-bottom: 30px;
}

/* リードコピー（テキスト） */
.leadtxt-L,
.leadtxt{
	margin-bottom: 5px;
}
.leadtxt-L{ font-size: 87.5%; font-weight: bold; }
.leadtxt  { font-weight: bold; }

/* 上付きテキスト */
.sup{
	vertical-align: super;
	font-size: 80%;
}

/* テンプレート用 */
.tmptit{
	background: #ffcccc;
	padding: 10px;
	margin-bottom: 10px;
	width: 12em;
	font-weight: bold;
	text-align: center;
	color: #ff0000;
}


/*---------------------------------------------
 List
---------------------------------------------*/

/* リスト型テキスト */
/*
dl.list-note{ margin-top: 10px; }
dl dl.list-note{ margin-top: 0; }
*/

dl.list-maru01 dt,
dl.list-note dt{
	float: left;
	margin-bottom: 3px;
	width: 1.0em;
	font-size: 75%;
	line-height: 1.5;
}
dl dl.list-maru01 dt,
dl dl.list-note dt{ width: 1.0em; }

dl.list-maru01 dd,
dl.list-note dd{
	margin-left: 1.0em;
	margin-bottom: 3px;
	line-height: 1.5;
}
dl dl.list-maru01 dd,
dl dl.list-note dd{ margin-left: 1.0em; }

dl dl.list-note,
dl dl.list-note01,
dl dl.list-maru01,
dl dl.list-no01,
dl dl.list-no02{ padding-top: 5px; }

/*
.yellowbox dl.list-note{ margin-top: 0; }
*/
.yellowbox dl.list-note dt,
.yellowbox dl.list-note dd{ margin-bottom: 0; }

dl .li-empbox dl.list-note,
dl .li-empbox dl.list-note01,
dl .li-empbox dl.list-maru01,
dl .li-empbox dl.list-no01,
dl .li-empbox dl.list-no02{ background:#eaeaea; padding:10px 15px 5px 15px; margin-top:5px; }

dl.list-note02 dt{
	float: left;
	margin-bottom: 3px;
	width: 2.7em;
	font-size: 75%;
	line-height: 1.5;
}
dl.list-note02 dd{
	margin-left: 2.3em;
	margin-bottom: 3px;
	line-height: 1.5;
}
dl.list-no01 dt{
	float: left;
	margin-bottom: 3px;
	width: 1.4em;
	font-size: 75%;
	line-height: 1.5;
}
dl.list-no01 dd{
	margin-left: 1.2em;
	margin-bottom: 3px;
	line-height: 1.5;
}
dl.list-no02 dt{
	float: left;
	margin-bottom: 3px;
	width: 1.8em;
	font-size: 75%;
	line-height: 1.5;
}
dl.list-no02 dd{
	margin-left: 1.6em;
	margin-bottom: 3px;
	line-height: 1.5;
}

dl.listinfo{
	background: url(../images/line_dot.gif) 0 100% repeat-x;
	width: 700px;
	padding: 5px 0 6px 0;
}
#TypeCOLUMN3 dl.listinfo{ width: 530px; }

dl.listinfo dt{
	float: left;
	width: 0;
	height: 16px;
	font-size: 75%;
}
dl.listinfo dd{
	margin-left: 30px;
	_margin-left: 27px;
	width: 670px;
}

dl.listinfo02{
	background: url(../images/line_dot.gif) 0 100% repeat-x;
	width: 700px;
	padding: 5px 0 6px 0;
}
#TypeCOLUMN3 dl.listinfo02{
	width: 530px;
}
dl.listinfo02 dt{
	float: left;
	padding-left: 30px;
	width: 88px;
	font-size: 75%;
}
dl.listinfo02 dd{
	margin-left: 118px;
	width: 582px;
	_width: 579px;
}
#TypeCOLUMN3 dl.listinfo dd  { width: 500px; }
#TypeCOLUMN3 dl.listinfo02 dd{
	width: 412px;
	_width: 409px;
}

/* for IE6 */
dl.listinfo .ico-kame01,
dl.listinfo .ico-corp-kame01,
dl.listinfo .ico-emeg-kame01{
	padding-left: 23px;
}

/*---------------------------------------------
 Page Top
---------------------------------------------*/
#PageTopArea{
	margin-top: 60px;
	padding-right: 20px;
	text-align: right;
}
.pagetop{
	background: url(../images/line_dot.gif) 0 0 repeat-x;
	margin: 15px 0 30px 0;
	padding-top: 11px;
	width: 700px;
	text-align: right;
}
#TypeCOLUMN3 .pagetop{
	width: 530px;
}