@charset "shift_jis";
/* ----------------------------------------------------------
	daiei
	popup.css     CSS of Pop UP
---------------------------------------------------------- */

/* body 
---------------------------------------------*/
body {
	text-align: center;
}

hr {
	display: none;
}


/* div id container
---------------------------------------------*/
#container {
	min-width: 400px;
	width: 100%;
	margin: 0 auto;
	background: #FFFFFF;
	text-align: left;
}


/* div id container IE6 min-width layout
---------------------------------------------------------------------------------*/
* html #container {
	border-right: 400px solid #ffffff;
}

/* div id innerContainer IE6 min-width layout
---------------------------------------------------------------------------------*/
* html #innerContainer {
	display: inline-block;
	position: relative;
	margin-right: -400px;
}


/* div id header
---------------------------------------------*/
#container #header {
	width: 100%;
	height: 38px;
	margin: 0;
	border-bottom: solid 2px #FF9934;
	font-size: 0;
}

/* IE6 IE7 hacks */
* html #container #header{
	margin: 0;
}
*:first-child+html #container #header{
	margin: 0;
}
/* END hacks */

#container #header .logoArea {
	float: left;
	width: 247px;
	margin: 2px 0 0 8px;
	padding-bottom: 4px;
}

#container #header .logoArea .text {
	margin: 20px 0 0 6px;
}




/* div id contents
---------------------------------------------*/
#container #contents {
	clear: both;
	width: 90%;
	margin: 30px 5%;
}

/* IE6 hacks */
* html #container #contents {
	width: 100%;
	margin: 30px 50px;
}
/* END hacks */

/* IE7 hacks */
*:first-child+html #container #contents {
	width: 90%;
	margin: 30px 4.5%;
}
/* END hacks */

#container #contents #mainContents {
	float: none;
	width: 100%;
}




/* div id footer
---------------------------------------------*/
#container #footer {
	width: 100%;
	position: relative;
	border-top: solid 2px #ff9934;
	padding: 8px 0 0;
	text-align: center;
}

#container #footer p.daieiLink {
	position: absolute;
	top: 9px;
	left: 10px;
}

#container #footer p.closeBtn {
}

#container #footer p.closeBtn img{
	cursor: pointer;
}


#container #footer p.copyright {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0 0 6px;
	padding: 3px 0 0;
	width: auto;
	color: #666666;
	
	font-size: 54%;
	font-family: verdana;
	letter-spacing: normal;
}

/* IE6 IE7 hacks */
* html #container #footer p.copyright {
	width: auto;
}
*:first-child+html #container #footer p.copyright {
	width: auto;
}
/* END hacks */



/* wrap col width 100% layout 
-----------------------------------------------------------------------------------------*/

/* div id mainContents .section
---------------------------------------------*/
#mainContents .section {
	position: relative;
	margin-top: 30px;
}

#mainContents .section .section {
	margin-top: 6px;
}



/* div id mainContents .wrap2
---------------------------------------------*/
#mainContents .wrap2 {
	margin-right: -2%;
	overflow: hidden;
}

#mainContents .wrap2 .col02 {
	float: left;
	width: 47%;
	margin-right: 2%;
}

#mainContents .wrap2 .col02 p.detail {
	text-align: left;
	margin: 5px 20px 0 25px;
}

/* IE6 IE7 hacks */
* html #mainContents .wrap2{
	width: 100%;	
}
*:first-child+html #mainContents .wrap2 {
	width: 100%;
}
/* END hacks */



/* div id mainContents .wrap3
---------------------------------------------*/
#mainContents .wrap3 {
	margin-right: -3%;
	overflow: hidden;
}

#mainContents .wrap3 .col01 {
	float: left;
	width: 29%;
	margin-right: 3%;
}

#mainContents .wrap3 .col01 a {
}

#mainContents .wrap3 .col03 {
	float: left;
	width: 64%;
	margin-right: 3%;
}

/* IE6 IE7 hacks */
* html #mainContents .wrap3{
	width: 100%;	
}
*:first-child+html #mainContents .wrap3{
	width: 100%;
}
/* END hacks */


/* div id mainContents .wrap3 .wrap2
---------------------------------------------*/
#mainContents .wrap3 .col .wrap2	{
	margin-right: -3%;
	}
#mainContents .wrap3 .col .wrap2 .col01	{	
	text-align: center;
	}
#mainContents .wrap3 .col01 p.detail {
	text-align: left;
	margin: 5px 20px 0 25px;
}

/* IE6 IE7 hacks */
* html #mainContents .wrap3 .col .wrap2{
	width: 69%;	
}
*:first-child+html #mainContents .wrap3 .col .wrap2 {
	width: 69%;
}
/* END hacks */


/* div id mainContents .wrap4
---------------------------------------------*/
#mainContents .wrap4 {
	margin-right: -4%;
	padding-bottom:15px;
	overflow: hidden;
}

#mainContents .wrap4 .col04 {
	float: left;
	width: 20%;
	margin-right: 4%;
}

#mainContents .wrap4 .col04 a {
}

#mainContents .wrap4 .col04 p {
	text-align: center;
}
#mainContents .wrap4 .col04 p.detail {
	text-align: left;
}


/* IE6 IE7 hacks */
* html #mainContents .wrap4{
	width: 100%;	
}
*:first-child+html #mainContents .wrap4{
	width: 100%;
}
/* END hacks */


/* div id mainContents .wrap5
---------------------------------------------*/
#mainContents .wrap5 {
	margin-right: -4%;
	padding-bottom:15px;
	overflow: hidden;
}

#mainContents .wrap5 .col05 {
	float: left;
	width: 206px;
	margin-right: 4%;
}

#mainContents .wrap5 .col05 a {
}

#mainContents .wrap5 .col05 p {
	text-align: center;
}

#mainContents .wrap5 .col05 p.text {
	text-align: left;
}


/* IE6 IE7 hacks */
* html #mainContents .wrap5{
	width: 100%;	
}
*:first-child+html #mainContents .wrap5{
	width: 100%;
}
/* END hacks */


/* div id mainContents .text-box
---------------------------------------------*/
#mainContents .text-box01 {
	float: left;
	width: 430px;
}


/* div id mainContents .imgBox
---------------------------------------------*/
#mainContents .imgBox01 {
	float: right;
	margin: 0 0 0 30px;
}

#mainContents .imgBox01 p{
	margin: 6px 0 30px;
	
	font-size: 70%;
}

#mainContents .imgBox02 {
	float: left;
	margin: 0 30px 0 0;
}

#mainContents .imgBox02 p{
	margin: 6px 0 30px;
	font-size: 70%;
}

#mainContents .imgBox03 {
	float: left;
	margin: 0 10px 0 0;
}

#mainContents .imgBox03 img{
	margin-bottom: 10px;
}

#mainContents .imgBox04 {
	float: right;
	margin: 0 0 0 10px;
}

#mainContents .imgBox04 img{
	margin-bottom: 10px;
}

#mainContents .imgBox05 {
	float: right;
	margin: 0 0 0 30px;
}

#mainContents .imgBox05 p{
	margin: 6px 0 30px;	
	font-size: 80%;
	text-align: center;
}


/* div id mainContents .anchorBox
---------------------------------------------*/
#mainContents .anchorBox{
	margin: 0;
	padding: 15px 15px 0px; 
	border: solid 3px #dddddd;
}

html:\66irst-child #mainContents .anchorBox{
	width: 92%;
}

/* IE6 IE7 hacks */
* html #mainContents .anchorBox{
	padding: 10px 15px; 
}
*:first-child+html #mainContents .anchorBox{
	padding: 15px;
}
/* END hacks */

#mainContents .anchorBox ul{
	margin-top: 0;
	width: auto;
	overflow: hidden;
}

#mainContents .anchorBox ul li{
	float: left;
	margin-left: -1px;
	padding: 0px 10px 0px 23px;
	background: url(../images/common_ic12.gif) no-repeat 0 0.5em;
	white-space: nowrap;
	line-height: 2;
	
	font-size: 80%;
}


/* div id mainContents div.halfBox
---------------------------------------------*/
#mainContents .halfBox {
	margin-left: -2%;
}

/* IE6 IE7 hacks */
* html #mainContents .halfBox{
	width: 100%;	
}
*:first-child+html #mainContents .halfBox{
	width: 100%;
}
/* END hacks */

#mainContents div.halfBox .halfContents {
	float: right;
	width: 46%;
	margin-left: 2%;
}




/* div id mainContents div.menuArea
---------------------------------------------*/
#mainContents div.halfBox .menuArea {
	margin: 20px 0 0;
	padding: 10px 16px;
	border: solid 1px #CCCCCC;
	color: nomal; 
}

#mainContents div.halfBox .menuArea .title02 {
	margin-top: 0px;
	border-top: none;	
	color: #333333;
}

#mainContents div.halfBox .menuArea .menuTitle {
	margin: 5px 0;
	padding: 0;
	border: none;
	background: none;
}

#mainContents div.halfBox .menuArea .menuTitle a {
	display: inline;
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
	background: none;

	font-weight: bold;
}

#mainContents div.halfBox .menuArea .imgBox {
	width: 140px;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: center;
}


/* div id mainContents .halfContents .menuArea .wrap2
----------------------------------------------------------------------------*/
#mainContents .halfContents .menuArea .wrap2 {
	margin-right: -3%;
	overflow: hidden;
}

#mainContents .halfContents .menuArea .wrap2 .col02 {
	float: left;
	width: 40%;
	margin-right: 3%;
}

/* IE6 IE7 hacks */
* html #mainContents .halfContents .menuArea .wrap2{
	width: 100%;	
}
*:first-child+html #mainContents .halfContents .menuArea .wrap2 {
	width: 100%;
}
/* END hacks */


/* a pageSend
---------------------------------------------*/
div.pageSend {
	width: 100%;
	margin-top: 30px;
	padding: 6px 0 0;
	border-top: solid 1px #CCCCCC;
}


/* a pageUp
---------------------------------------------*/
div.pageUp {
	width: 100%;
	margin-top: 30px;
	padding: 6px 0 0;
	border-top: solid 1px #CCCCCC;
	
	font-size: 80%;
}









/* clearfix
---------------------------------------------*/
.clearfix:after,
#container:after,
#container #header:after,
#container #header .siteInfo:after,
#container #contents:after,
#container #footer:after,
#container #footer .naviArea:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
}

.clearfix,
#container,
#container #header,
#container #header .siteInfo,
#container #contents,
#container #footer,
#container #footer .naviArea{
	display: inline-block;
}