@charset "shift_jis";

/* 	sd_layout_popup.css

body#popup
��#pageContainer
�@��#headContainer
�@��#mainContainer
  ����#contents
  ��#footContainer
    ��.siteInfo
ex.)
/kouei/touhyo.html
====================================== */
img {
	font-size: 0;
	line-height: 0;
}
.forPCTB {
	display: block !important;
}
.forSP {
	display: none !important;
}

/* pageContainer
--------------------------------- */
#pageContainer {
	background-color: #fff;
	text-align: left;
	width:100%;
}

/* #popup
--------------------------------- */
/* headContainer */
#headContainer {
	border: none;
	border-bottom:solid 2px #dfdede;
}
#headContainer #identity {
	float:none;
	margin:0 auto;
	padding:13px 0 12px 20px;
	width:580px;
}

/* guidance */
.guidance {
	display: block;
	height: 1px;
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 1px;
}

/* mainContainer
--------------------------------- */
#mainContainer {
	margin: 0 auto;
	width: 600px;
}

/* #popupLarge
--------------------------------- */
#popupLarge #headContainer #identity {
	width:742px;
}
#popupLarge #mainContainer {
	margin: 0 auto;
	width: 762px;
}

/* contents
--------------------------------- */
#mainContainer #contents {
	float: none;
	padding: 0 15px;
	width: auto;
}
#contents h1 {
	color: #1a3694;
	font-size: 3em;
	line-height: 1.5em;
}
#contents p {
	font-size: 1.4em;
	line-height: 1.7em;
}
.winClose {
	background-color : #fff;
	line-height: 76px;
	text-align: center;
}
.winClose a {
	background: #fff url(/common/images/com_ic012_2.png) 4px 50% no-repeat;
	background-size: 15px;
	background: #fff url(/common/images/com_ic012.gif) 4px 50% no-repeat \9; /*ie8*/
	font-size:1.3em;
	padding-left: 25px;
}

/* toPageTop
--------------------------------- */
#toPageTop {
	background: url(/common/images/com_ic008_4.png) 50% 50% no-repeat;
	background-color: rgba(26, 54, 148, 0.25);
	background-size: 24px auto;
	border-radius: 50%;
	bottom: 210px;
	right: 1%;
	width: 50px;
	height: 50px;
	display: none;
	position: fixed;
}
#toPageTop a {
	display: block;
}
#toPageTop a img{
	width: 50px;
	height: 50px;
	visibility:hidden;
}

/* footContainer
--------------------------------- */
#footContainer {
	background-color: #193694;
	clear: both;
	width: 100%;
}

/* siteInfo */
#footContainer .siteInfo {
	padding: 8px 0;
}
#footContainer p {
	color: #fff;
	font-size: 1.3em;
	line-height: 1.8em;
	text-align: center;
}
#footContainer .copyright {
	padding: 5px 0;
}

/* clearFix
--------------------------------- */
#mainContainer{
	/zoom:1;
}
#mainContainer:after{
	content:'';
	display:block;
	clear:both;
}

/* smt */
@media screen and (max-width:761px){
	/* headContainer */
	#popupLarge #headContainer #identity{
		width: auto;
	}
	/* mainContainer */
	#popupLarge #mainContainer {
		width: 100%;
	}
	#popupLarge #mainContainer #contents{
		padding:0 3%;
	}
	/* toPageTop */
	#toPageTop{
	bottom: 15%;
	right: 3%;
	}
	/* common */
	.forPCTB{
		display:none !important;
	}
	.forSP{
		display:block !important;
	}
	.imgSize01{
		width: auto !important;
	}
	#mainContainer #contents img{
		height: auto;
		width: 100%;
	}
}

/* smt */
@media screen and (max-width:599px){
	/* headContainer */
	#headContainer #identity {
		padding: 16px 0 12px 10px;
		width: auto;
	}
	.touhyo #headContainer #identity {
		width: 310px;
	}
	#headContainer #identity img {
		height: 15px;
		width: 115px;
	}
	#mainContainer {
		margin: 0 auto;
		width: 100%;
	}
	.touhyo #mainContainer {
		width: 320px;
	}
	#mainContainer #contents {
		float: none;
		padding: 0 3%;
		width: auto;
	}
	#contents h1 {
		font-size: 2.1em;
		font-weight: bold;
	}
	#footContainer .siteInfo p {
		font-size: 1.0em;
		line-height: 1.2em;
	}
}