@charset "shift_jis";
/* CSS Document */

/* =================================================================================

   1.Top
   2.Top2ndBlock
   3.top_7fslogo
 
=================================================================================== */


/* =================================================================================

   Top
 
=================================================================================== */
#top {
	text-align:center;
}

#topbackground {
	background-color:#FFF4C8;
}


#topmain {
	width:922px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
	height:475px;
}

#topClick1 { position:absolute; width:673px; top:93px; left:0;}
#topClick2 { position:absolute; width:249px; top:93px; left:673px;}
#topClick3 { position:absolute; width:249px; top:308px; left:673px;}
#topClick4 { position:absolute; width:285px; top:93px; left:388px;}
#topClick5 { position:absolute; width:76px; top:386px; left:817px;}


#main-picture {
	width:100%;
	position:relative;
	top:100px;
	text-align:center;
	margin:auto;
}

#main-picture .chara {
	position: absolute;
    right: 300px;
    bottom: -12px;
	transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
}

#main-picture .chara img {
	width:100px;
}

#main-picture .chara2 {
	position: absolute;
	top: -50px;
    left: 200px;
	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}

#main-picture .chara2 img {
	width: 70px;
}



/*  topHeadL
-----------------------------------*/
#topHeadL {
	position:absolute;
	width:288px;
	top:11px;
	left:14px;
}

#topHeadL ul {
}

#topHeadL li {
	float:left;
	padding-right:10px;
}

/*  topHeadC
-----------------------------------*/
#topHeadC {
	position:absolute;
	top:7px;
	width:100%;
	text-align:center;
}

#topHeadC h1 {
	padding-top:4px;
	font-size:11px;
	line-height:1.6;
}

/*  topHeadC
-----------------------------------*/
#topHeadR {
	position:absolute;
	top:11px;
	right:9px;
	width:208px;
}

/*  topHeadC 120727
-----------------------------------*/
*:first-child+html #topHeadR{
	position:absolute;
	top:11px;
	right:9px;
	width:154px;
}

/*  TopComment
-----------------------------------*/
#TopComment{
	width:922px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

/*  TopEvent
-----------------------------------*/
#TopEvent{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}

#TopEventL{
	width:650px;
	float:left;
}

#TopEventR{
	width:213px;
	float: right;
}

/* =================================================================================

   Top2ndBlock
 
=================================================================================== */
#Top2ndBlock{
	width:900px;
	margin:30px auto 0;
	text-align:left;
}

#Top2ndBlock h2{
	padding-bottom:10px;
}

/*  Top2ndBlockL
-----------------------------------*/
#Top2ndBlockL{
	width:328px;
	float:left;
}

#Top2ndBlockL #what{
	width:328px;
}

#Top2ndBlockL #what dl {
	background: url(/pp/images/top_what_line.gif) no-repeat;
	background-position:bottom;
	padding: 0 0 22px;
}

#Top2ndBlockL #what dl dt{
	width:50px;
	float:left;
	text-align:left;	
}

#Top2ndBlockL #what dl dd{
	width:265px;
	float: right;
}


/*  Top2ndBlockC
-----------------------------------*/
#Top2ndBlockC{
	width:282px;
	float:left;
	margin-left:40px;
}

.topBnrPickup {
	margin-top:15px;
}

.BnrRecruit {
	margin: 40px 0 0 0;
}

.BnrRecruit a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}

/*  Top2ndBlockR
-----------------------------------*/
#Top2ndBlockR{
	width:212px;
	float: right;
}

#TopMobile{
	width:212px;
	background:#EFFDC4;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	box-sizing:border-box;
	padding:0 0 10px;
}

#TopMobile a {
	width:185px;
	display: block;
	margin:auto;
}

.TopMobilelinkMark{
	background:url(../images/mobile_linkmark.gif) no-repeat;
	display:block;
	margin: 5px 0 0 0;
    padding: 0 0 0 10px;
}

.TopbtnSearch {
	padding:10px 0 0;
}


/* =================================================================================

   top_7fslogo
 
=================================================================================== */

#top_7fslogo {
margin-top:15px;
padding:10px;
margin-left: auto;
margin-right:auto;
width:900px;
margin-bottom:15px;
/*overflow:hidden;*/
text-align:center;
}

#top_7fslogo ul {
text-align:center;
width:594px;
}

#top_7fslogo li {
width:58px;
float:left;
margin-right:8px;
}

#top_7fslogo .tit {
padding-bottom:5px;
font-size:10px;
text-align:center;
}