@charset "Shift-JIS";

/**********************************************************************
project name :  secom [ /common_02/popup/css/base.css ]

08.08.22

09.02.18
h4のcssを追加
**********************************************************************/


/*---------------------------------------------
 Initialization
---------------------------------------------*/

body#TypePOP01 #HeadArea div,
body#TypePOP02 #HeadArea div,
body#TypePOP02-2 #HeadArea div,
body#TypePOP01 #FootArea div,
body#TypePOP02 #FootArea div,
body#TypePOP02-2 #FootArea div,
body#TypePOP02-3 #FootArea div{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body#TypePOP01 #HeadArea p,
body#TypePOP02 #HeadArea p,
body#TypePOP02-2 #HeadArea p,
body#TypePOP01 #FootArea p,
body#TypePOP02 #FootArea p,
body#TypePOP02-2 #FootArea p,
body#TypePOP02-3 #FootArea p{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body#TypePOP01 #HeadArea ul,
body#TypePOP02 #HeadArea ul,
body#TypePOP02-2 #HeadArea ul,
body#TypePOP01 #FootArea ul,
body#TypePOP02 #FootArea ul,
body#TypePOP02-2 #FootArea ul,
body#TypePOP02-3 #FootArea ul{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body#TypePOP01 #HeadArea li,
body#TypePOP02 #HeadArea li,
body#TypePOP02-2 #HeadArea li,
body#TypePOP01 #FootArea li,
body#TypePOP02 #FootArea li,
body#TypePOP02-2 #HeadArea li,
body#TypePOP02-3 #HeadArea li{
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none;
}

body{
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-size: 75%;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

html >/**/ body{
	font-size: 12px;
}

body#TypePOP01 hr,
body#TypePOP02 hr,
body#TypePOP02-2 hr,
body#TypePOP02-3 hr{
	display: none;
	height: 0;
}

body#TypePOP01 #HeadArea img,
body#TypePOP02 #HeadArea img,
body#TypePOP02-2 #HeadArea img,
body#TypePOP01 #FootArea img,
body#TypePOP02 #FootArea img,
body#TypePOP02-2 #FootArea img,
body#TypePOP02-3 #FootArea img{
	border: none;
}


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

/*既存のコンテンツのリンク色は以下を修正してください
</common/>ディレクトリ以下のCSSを修正する必要はありません*/

body#TypePOP01 a,
body#TypePOP02 a,
body#TypePOP02-2 a,
body#TypePOP02-3 a{
	text-decoration: underline;
}

body#TypePOP01 a:link,
body#TypePOP02 a:link,
body#TypePOP02-2 a:link,
body#TypePOP02-3 a:link{
	color: #004a95;
}

body#TypePOP01 a:visited,
body#TypePOP02 a:visited,
body#TypePOP02-2 a:visited,
body#TypePOP02-3 a:visited{
	color: #863d95;
}

body#TypePOP01 a:hover,
body#TypePOP02 a:hover,
body#TypePOP02-2 a:hover,
body#TypePOP02-3 a:hover{
	color: #d70542;
}

body#TypePOP01 a:active,
body#TypePOP02 a:active,
body#TypePOP02-2 a:active,
body#TypePOP02-3 a:active{
	color: #d70542;
}


/*---------------------------------------------
 HeadArea
---------------------------------------------*/
body#TypePOP01 #HeadArea{
	margin-bottom: 40px;
	border-top: 4px #004a95 solid;
}

body#TypePOP02 #HeadArea,
body#TypePOP02-2 #HeadArea,
body#TypePOP02-3 #HeadArea{
	margin-bottom: 40px;
	padding-top: 14px;
	border-top: 4px #004a95 solid;
}

body#TypePOP01 #HeadArea .wrap{
	margin: 0 auto;
	width: 750px;
}

body#TypePOP02 #HeadArea .wrap{
	margin: 0 auto;
	width: 552px;
}

body#TypePOP02-2 #HeadArea .wrap{
	margin: 0 auto;
	width: 960px;
}

body#TypePOP02-3 #HeadArea .wrap{
	margin: 0 auto;
	width: 700px;
}

/*---------------------------------------------
 BodyArea
---------------------------------------------*/
body#TypePOP01 #BodyArea{
	margin: 0 auto;
	width: 750px;
	margin-bottom: 40px;
}

body#TypePOP02 #BodyArea{
	margin: 0 auto;
	width: 552px;
	margin-bottom: 40px;
}

body#TypePOP02-2 #BodyArea{
	margin: 0 auto;
	width: 960px;
	margin-bottom: 40px;
}

body#TypePOP02-3 #BodyArea{
	margin: 0 auto;
	width: 700px;
	margin-bottom: 40px;
}

/*---------------------------------------------
 ContentsArea
---------------------------------------------*/
body#TypePOP01 #ContentsArea{
	margin: 0 auto;
	width: 650px;
}

body#TypePOP02 #ContentsArea{
	margin: 0 auto;
	width: 502px;
}

body #TypePOP02-2 #ContentsArea{
	margin: 0 auto;
	width: 910px;
}

/*---------------------------------------------
 FootArea
---------------------------------------------*/
body#TypePOP01 #FootArea{
	padding-top: 15px;
	border-top: 4px #008381 solid;
}

body#TypePOP02 #FootArea,
body#TypePOP02-2 #FootArea,
body#TypePOP02-3 #FootArea{
	padding-top: 14px;
	border-top: 4px #008381 solid;
}

body#TypePOP01 #FootArea .wrap{
	margin: 0 auto 10px;
	width: 750px;
}

body#TypePOP02 #FootArea .wrap{
	margin: 0 auto 10px;
	width: 552px;
}

body#TypePOP02-2 #FootArea .wrap{
	margin: 0 auto 10px;
	width: 960px;
}

body#TypePOP02-3 #FootArea .wrap{
	margin: 0 auto 10px;
	width: 700px;
}

/*---------------------------------------------
 clearfix
---------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

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


/*---------------------------------------------
 h4のCSS 090218追加（石田）
---------------------------------------------*/


h4{
	margin-bottom: 15px;
	border: 1px #999999 solid;
	border-top: 2px #00529c solid;
	padding: 7px 5px;
	background: #f4f4f4;
}

h4 span{
	display: block;
	min-height: 24px;
	_height: 24px;
	padding-left: 14px;
	background: transparent url(../image/bg_h2_mark.gif) 0 0 no-repeat;
	font-size: 15px;
	line-height: 1.6;
}



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

/* CSS Document */