@charset "UTF-8";

/**********************************************************************
CRIEPI ENGLISH [ /en/common/css/base.css ]

2017.3
**********************************************************************/
*{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body{
	font-size: 13px;
	color: #333;
	font-family:"Segoe UI",Segoe,Tahoma,Helvetica,Arial,sans-serif;
}


p{ line-height: 1.5; }
li, dl{ line-height: 1.7; }

p{ margin:0 0 0.5em 0; }

select, input, textarea{ font-size: 12px; }
input{ vertical-align: middle; }

hr{ display: none; }

img{ border: none; }

.clear{ clear: both; }

ul{
	list-style: none;
}

ol.decimal{
	padding-left: 25px;
	list-style: decimal;
}

ul.disc{
	padding-left: 20px;
	list-style: disc;
}

ul ul.level1{}

ul ul.level1 .none{
	padding-left: 20px;
}

ul li.level1-group{
	margin-bottom: 15px;
}

.list-indent{
	padding-left: 40px;
}

.f-right p{ float: right; }
.f-left p{ float: left; }

.set-position01{ text-align: left; }
.set-position02{ text-align: right; }
.set-position03{ text-align: center; }

.bolder{
	font-weight:bold;
}

/*---------------------------------------------
 Icon
---------------------------------------------*/
.space{
	padding: 2px 0 0 20px;
}

.space_l5{
	padding: 0 0 0 5px;
}


.lnk-icon-window{
	padding: 2px 0 0 20px;
	background: url(../img/icon_window.gif) 0 4px no-repeat;
}

.lnk-icon-window02{
	padding: 2px 0 0 20px;
	background: url(../img/icon_window03.gif) 0 4px no-repeat;
}

.lnk-icon-window03{
	padding: 2px 0 0 20px;
	background: url(../img/icon_window02.gif) 0 4px no-repeat;
}

.lnk-icon-window04{
	padding: 2px 0 0 20px;
	background: url(../img/icon_window04.gif) 0 4px no-repeat;
}

.lnk-icon-window05{
	padding: 2px 0 0 20px;
	background: url(../img/icon_pop.gif) 2px 7px no-repeat;
}


.lnk-icon-pdf{
	padding: 2px 0 2px 20px;
	background: url(../img/icon_pdf.gif) 0 4px no-repeat;
}

.lnk-icon01{
	padding-left: 20px;
	background: url(../img/icon_arrow01.gif) 5px 6px no-repeat;
}

.lnk-icon02{
	padding-left: 20px;
	background: url(../img/icon_arrow03.gif) 5px 6px no-repeat;
}

.lnk-icon03{
	padding-left: 20px;
	background: url(../img/icon_arrow02.gif) 0 2px no-repeat;
}

.lnk-icon04{
	padding-left: 20px;
	background: url(../img/icon_square01.gif) 2px 4px no-repeat;
}

.lnk-icon05{
	padding-left: 20px;
	background: url(../img/icon_dot02.gif) 4px 7px no-repeat;
}

.lnk-icon06{
	padding-left: 20px;
	background: url(../img/icon_arrow04.gif) 0 2px no-repeat;
}

.lnk-icon07{
	padding-left: 20px;
	background: url(../img/icon_square02.gif) 5px 8px no-repeat;
}

.lnk-icon08{
	padding-left: 20px;
	background: url(../img/icon_arrow05.gif) 0 2px no-repeat;
}

.lnk-icon09{
	padding-left: 20px;
	background: url(../img/icon_arrow06.gif) 0 2px no-repeat;
}

/*---------------------------------------------
 
---------------------------------------------*/
.vali-T{ vertical-align:top;}
.vali-M{ vertical-align:middle;}
.vali-B{ vertical-align:bottom;}

/*---------------------------------------------
 FontSize
---------------------------------------------*/
.S{ font-size: 94%;  }
.L{ font-size: 120%; }
.LL{ font-size: 140%; }

/* S */
#GetPdfReader,
#HeadBreadArea,
#FootBreadArea {
	font-size: 94%;
}

/*---------------------------------------------
 FontColor
---------------------------------------------*/
.cl-variation01{ color: #669900; }
.cl-variation03{ color: #999999; }

#HeadBreadArea em,
#FootBreadArea em{
	color: #999999;
}

#ContentsArea{
	color: #333333;
}

#GetPdfReader,
#ContentsArea .h4-box h4.title02,
#ContentsArea .cont-lead p{
	color: #666666;
}

/*---------------------------------------------
 Link
---------------------------------------------*/

/* default */
a:link   { color: #003399; text-decoration: none; }
a:visited{ color: #003399; text-decoration: none; }
a:hover  { text-decoration: underline; }
a:active { text-decoration: underline; }

/* safari only \*/
html:\66irst-child #g-Navi a:hover  { text-decoration: none; }
html:\66irst-child #g-Navi a:active { text-decoration: none; }
/* end */

/* pankuzu */
#HeadBreadArea a:link,
#FootBreadArea a:link    { color:#666666; text-decoration: none; }

#HeadBreadArea a:visited,
#FootBreadArea a:visited {color:#666666; text-decoration: none; }

#HeadBreadArea a:hover, 
#FootBreadArea a:hover   { color:#666666; text-decoration: underline; }

#HeadBreadArea a:active,
#FootBreadArea a:active  { color:#666666; text-decoration: underline; }


#ContentsArea .h4-box a:link,
#ContentsArea h4.title04 a:link,
#ContentsArea h4.title05 a:link,
{ color:#666666; text-decoration: none; }

#ContentsArea .h4-box a:visited,
#ContentsArea h4.title04 a:visited,
#ContentsArea h4.title05 a:visited,
{ color:#666666; text-decoration: none; }

#ContentsArea .h4-box a:hover,
#ContentsArea h4.title04 a:hover,
#ContentsArea h4.title05 a:hover,
{ color:#666666; text-decoration: underline; }

#ContentsArea .h4-box a:active,
#ContentsArea h4.title04 a:active,
#ContentsArea h4.title05 a:active,
{ color:#666666; text-decoration: underline; }


/*---------------------------------------------
 Heading
---------------------------------------------*/
h2.img-title{
	margin-bottom: 20px;
}

h3.title01,
h3.title02{
	padding-bottom: 8px;
	margin-bottom: 20px;
	font-size:120%;
}

h3.title01{	background: url(../img/h3_bg01.gif) 0 100% no-repeat; }
h3.title02{	background: url(../img/h3_bg02.gif) 0 100% no-repeat; }

/*---------------------------------------------
 Outline
---------------------------------------------*/
#ContentsArea table tr.even td{ background-color: #f1f5fe; }
#ContentsArea table td.even01{ background-color: #f1f5fe; }
#ContentsArea table td.even02{ background-color: #fff6cd; }


#ContentsArea table td.td-head01{
	color: #669900;
	font-weight: bold;
}

#ContentsArea table.tb-simple{
	margin-bottom: 20px;
	border-top: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
}

#ContentsArea table.tb-simple p{
	margin: 0;
}
	
#ContentsArea table.tb-simple th,
#ContentsArea table.tb-simple td{
	text-align: left;
	padding: 10px;
	border-left: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
}

/*---------------------------------------------
 Form
---------------------------------------------*/
#hd-SearchBox input.search-input{
	padding-top: 2px;
	margin-right: 1px;
	border: 1px solid #a5acb2;
	width: 114px;
	height: 16px;
}



/*---------------------------------------------
 clearfix
--------------------------------------------*/
.clearfix:after,
.f-left:after,
.f-right:after,
#ContentsArea dl.inner-column3:after,
#ContentsArea .list-table ul:after,
#ChiefGreeting:after,
#g-Navi:after,
#TopVisualArea:after,
#hd-SubNavi:after,
#MainArea:after,
.relation-box:after,
#GetPdfReader:after{
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0.1px;
	visibility: hidden;
	clear: both; 
}



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