@charset "utf-8";

#dnav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}

#dnav_inner {
	width: 1078px;
	margin: 0 auto;
}

#dnav_inner dl {
	float: left;
	width: 224px;
	margin: 0 20px 0 0;
	padding: 0 0 59px;
	background: url(../../img/dnav_bg_01.png) no-repeat 0 100%;
	cursor: pointer;
}

#dnav_inner dl.open {
	padding: 0 0 72px;
}

#dnav_inner dl#dnav_02 {
	background: url(../../img/dnav_bg_02.png) no-repeat 0 100%;
}

#dnav_inner dl#dnav_02.open {
	background: url(../../img/dnav_bg_01.png) no-repeat 0 100%;
}

#dnav_inner dl dt {
	height: 44px;
	margin: 0 0 0 20px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

#dnav_inner dl.open dt {
	height: 64px;
}

#dnav_inner dl dd {
	display: none;
	margin: 0 0 0 20px;
	font-size: 0;
	line-height: 0;
}

#wrap {
	position: relative;
	width: 1214px;
	margin: 0 auto;
}

#wrap_inner {
	width: 1084px;
}

#wrap #side {
	position: absolute;
	top: 0;
	left: 875px;
	width: 238px;
	z-index: 10;
}

#side p {
	margin: 15px 0 0;
}

#side .sec_head {
	height: 315px;
	background: url(../../img/side_bg.png) no-repeat 0 100%;
}

#side .sec_head h1 {
	padding: 24px 0 0 21px;
	font-size: 0;
	line-height: 0;
}

#side .sec_head ul {
	padding: 5px 0 0;
}

#side .sec_head ul li {
	padding: 4px 0 1px;
	text-align: center;
	font-size: 0;
	line-height: 0;
}

#side .sec_news {
	position:relative;
	margin: 15px 0 0;
	padding: 46px 0 0;
	color: #333333;
}

#side .sec_news h3 {
	position: absolute;
	top: 0;
	left: 0;
}

#side .sec_news_inner {
	padding: 0 0 20px;
	background: url(../../img/side_bg_news_02.png) no-repeat 0 100%;
}

#side .sec_news dl {
	position: relative;
	padding: 0 39px 0 27px;
	background: url(../../img/side_bg_news_01.png) repeat-y 0 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS PGothic", sans-serif;
}

#side .sec_news dl dt {
	margin: 7px 0 0;
	padding: 0 0 0 14px;
	background: url(../../img/bullet_capsule.gif) no-repeat 0 0;
	font-size: 10px;
	line-height: 1.2;
}

#side .sec_news dl dd {
	margin: 4px 0 0;
	padding: 0 0 11px;
	background: url(../../img/line_news.gif) no-repeat 0 100%;
	font-size: 12px;
	line-height: 1.4;
}

#side .sec_news dl dd.last {
	padding: 0;
	background: none;
}

#side .sec_news dl dd a {
	color: #f2233f;
}

/* top_side_nav */
#side .top_side_nav ul {  }
#side .top_side_nav li { width: 100%; margin-top: 10px; }
#side .top_side_nav img { max-width: 100%; vertical-align: top; }
#side .top_side_nav a { background: none; }
/* top_side_nav-new, top_side_nav-ranking */
#side .top_side_nav-new { margin-top: 10px; background-color: #ffff99; box-sizing: border-box; padding: 7px 10px 10px; }
#side .top_side_nav-ranking { margin-top: 10px; background-color: #ff9999; box-sizing: border-box; padding: 7px 10px 10px; }
#side .top_side_nav-new ul,
#side .top_side_nav-ranking ul { width: 100%; padding-left: 0; }
#side .top_side_nav-new li:first-child,
#side .top_side_nav-ranking li:first-child { margin-top: 4px; }
#side .top_side_nav-ranking li { margin-top: 3px; }
#side .top_side_nav-ranking a { display: block; padding: 30px 2px 2px 2px; box-sizing: border-box; background: url(/common/img/side_nav/gn_sec-ranking_heading_no.png) no-repeat 0 0; }
#side .top_side_nav-ranking .top_side_nav-ranking_no1 a { background-position: 0 0; background-color: #ffe100; }
#side .top_side_nav-ranking .top_side_nav-ranking_no2 a { background-position: -222px 0; background-color: #c9caca; }
#side .top_side_nav-ranking .top_side_nav-ranking_no3 a { background-position: -444px 0; background-color: #c9a063; }
#side .top_side_nav-ranking .top_side_nav-ranking_no1 a:hover { background-position: -666px 0; background-color: #fffb00; }
#side .top_side_nav-ranking .top_side_nav-ranking_no2 a:hover { background-position: -888px 0; background-color: #f4f4f4; }
#side .top_side_nav-ranking .top_side_nav-ranking_no3 a:hover { background-position: -1110px 0; background-color: #f4dca0; }


#headerBanner {
	height: 160px;
}

#headerBanner a {
	position: absolute;
	top: 95px;
	left: 75px;
	z-index: 10;
}

#header {
	position: relative;
	width: 1084px;
	height: 774px;
	background: url(../../img/header_bg.jpg) no-repeat 0 0;
}

#header h2 {
	position: absolute;
	top: 432px;
	left: 68px;
}

#headerRegist {
	position: absolute;
	top: 104px;
	left: 94px;
}

#headerOrder {
	position: absolute;
	top: 114px;
	left: 334px;
}

#headerNondisclosure {
	position: absolute;
	top: 233px;
	left: 94px;
}

#header ul {
	position: absolute;
	top: 508px;
	left: 86px;
}

#header li {
	float: left;
}

#header li.ordermade_02 {
	margin: 0 0 0 24px;
}

#header li.ordermade_03 {
	margin: 0 0 0 25px;
}

#fulltime_parttime {
	position: relative;
	width: 1084px;
	height: 484px;
	background: url(../../img/fulltime_parttime.jpg) no-repeat 0 0;
}

#fulltime_parttime #fulltime {
	position: absolute;
	top: 0;
	left: 68px;
}

#fulltime h2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#fulltime .nav_01 {
	position: absolute;
	top: 31px;
	left: 0;
	z-index: 1;
}

#fulltime .nav_02 {
	position: absolute;
	top: 265px;
	left: 0;
}

#fulltime_parttime #parttime {
	position: absolute;
	top: 15px;
	left: 486px;
}

#regist {
	position: relative;
	width: 1084px;
	margin: 0 auto;
}

#regist h2 {
	position: absolute;
	top: 19px;
	left: 105px;
}

#regist #present {
	position: absolute;
	top: 405px;
	left: 360px;
}

#regist #registBtn {
	position: absolute;
	top: 355px;
	left: 568px;
}

#flow {
	position: relative;
	width: 1028px;
	height: 854px;
	margin: 0 auto;
	background: url(../../img/flow.jpg) no-repeat 0 0;
}

#flow h2 {
	position: absolute;
	top: 8px;
	left: 70px;
}

#flow #flow1 {
	position: absolute;
	top: 194px;
	left: 208px;
}

#flow #flow2 {
	position: absolute;
	top: 281px;
	left: 332px;
}

#flow #flow3 {
	position: absolute;
	top: 314px;
	left: 498px;
}

#flow #flow4 {
	position: absolute;
	top: 443px;
	left: 396px;
}

#flow #flow5 {
	position: absolute;
	top: 479px;
	left: 605px;
}

#flow #flow6 {
	position: absolute;
	top: 580px;
	left: 479px;
}

#flow #flow7 {
	position: absolute;
	top: 618px;
	left: 290px;
}

#flow #flowDetail {
	position: absolute;
	top: 681px;
	left: 163px;
}

#mamafest {
	position: relative;
	width: 1014px;
	margin: 0 auto;
}

#mamafest #mamafest1 {
	position: absolute;
	top: 116px;
	left: 319px;
}

#mamafest #mamafest2 {
	position: absolute;
	top: 503px;
	left: 151px;
}

#mamafest #mamafest3 {
	position: absolute;
	top: 558px;
	left: 622px;
}

#mamafest #mamafest4 {
	position: absolute;
	top: 574px;
	left: 319px;
}

#footer {
	position: relative;
	width: 1022px;
	margin: 0 auto;
}

#footer #footerRegist {
	position: absolute;
	top: 0;
	left: 691px;
}

#footer #footerPageTop {
	position: absolute;
	top: 132px;
	left: 789px;
}

#footer #footerPrivacy {
	position: absolute;
	top: 201px;
	left: 332px;
}

#footer #footerRule {
	position: absolute;
	top: 201px;
	left: 490px;
}

#footer #footerDisclaimer {
	position: absolute;
	top: 201px;
	left: 601px;
}

#footer #footerQol {
	position: absolute;
	top: 257px;
	left: 396px
}

#nav {
	position: absolute;
	top: 35px;
	left: 765px;
	line-height: 1;
}

#nav li {
	position: relative;
}

#nav li .new {
	position: absolute;
	top: 0px;
	left: 190px;
}

#nav img {
	vertical-align: top;
}

#script {
	position: absolute;
	top: 0;
	left: 0;
}




/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxContent{overflow:hidden;}
        .cboxIframe{}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{}
        /*#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}*/
		#cboxClose{display:none;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}