@charset "shift-JIS";

/*-----------------------------------
		surf Header
-----------------------------------*/

#main-col { background-color:#000000; margin:0 auto; width:791px !important; }

#main-col .surfHeader { width:791px; height:64px; position:relative; }

#main-col .surfHeader .logo { position:absolute; top:0; left:0; }

#main-col .surfHeader .navi01 { position:absolute; top:0; left:79px; }

#main-col .surfHeader .navi02 { position:absolute; top:0; left:198px; }

#main-col .surfHeader .navi03 { position:absolute; top:0; left:317px; }

#main-col .surfHeader .navi04 { position:absolute; top:0; left:436px; }

#main-col .surfHeader .navi05 { position:absolute; top:0; left:555px; }

#main-col .surfHeader .navi06 { position:absolute; top:0; left:674px; }

/*-----------------------------------
	index Flash Contents
-----------------------------------*/

#main-col .flashContents { margin:40px auto 30px; width:751px; height:297px; }

#main-col .flashContents .noText { padding-top:140px; color:#fff; text-align:center; display:block; }

/*-----------------------------------
	index News
-----------------------------------*/

#main-col .newsContents { margin:0 auto 50px; width:751px; }

#main-col .newsContents h3 { margin-bottom:5px; }

#main-col .newsContents dl { margin:0 10px; padding:5px 0; width:731px; font-size:90%; color:#9f9fa0; border-bottom:1px #4d4d4d dotted; }

#main-col .newsContents dl dt { width:151px; float:left; }

#main-col .newsContents dl dt span { background:url(img/bg_arrow.gif) left 3px no-repeat; padding-left:18px; line-height:11px !important; }

#main-col .newsContents dl dd { width:580px; float:right; }

#main-col .newsContents dl dd.pop { display:none; }

#shadowbox dl { background-color:#000; width:476px; height:276px; position:relative; border:12px #808080 solid; }

#shadowbox dl dt.pic01 { position:absolute; top:28px; left:20px; }

#shadowbox dl dt.pic02 { position:absolute; top:28px; left:302px; }

#shadowbox dl dt img { vertical-align:top; }

#shadowbox dl dd.txt { width:436px; font-size:110%; line-height:150%; color:#9f9fa0; position:absolute; top:20px; left:20px;}

#news a, #shadowbox dl dd.txt a {text-decoration:underline;}

#news a:hover, #shadowbox dl dd.txt a:hover {text-decoration:none;}

/*-----------------------------------
	2nd Common
-----------------------------------*/

.end { margin-bottom:0 !important; }

p.pgbk { margin:0 auto !important; padding-bottom:10px; width:751px; text-align:left; display:block; }

p.pgbk a { margin-bottom:10px; color:#727171; font-weight:bold; clear:both; }

/*-----------------------------------
	surfing
-----------------------------------*/

#main-col .surfContents { margin:40px auto 25px; width:751px; height:260px; position:relative; }

#main-col .surfContents .typeA { position:absolute; top:0; left:0; }

#main-col .surfContents .typeB { position:absolute; top:0; left:382px; }

#main-col .surfCatch { margin-bottom:50px; text-align:center; }

#main-col .glideContents { margin:40px auto 25px; width:751px; height:263px; }

#main-col .glideDetail { margin:0 auto 30px; width:751px; }

#main-col .glideDetailL { width:234px; text-align:right; float:left; }

#main-col .glideDetailL h3 { padding:100px 0 30px; }

#main-col .glideDetailL h3.babygTitle { padding:0 0 30px !important; }

#main-col .glideDetailR { width:465px; text-align:left; float:right; }

#main-col .glideDetailR h4 { width:435px; color:#7e9cab; }

#main-col .glideDetailR p { margin:0 0 15px !important; width:435px; color:#fff; }

#main-col .babyg { padding-top:35px !important; }
#main-col  .productsPs  { padding-top:35px !important; }
#main-col  .productsPs  li {
	float: left;
	text-align: center;
	margin-right: 40px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 30px;
}


/*-----------------------------------
	team
-----------------------------------*/

#main-col .teamContents { background-color:#dadace; margin:40px auto 25px; width:751px; height:204px; position:relative; }

#main-col .teamContents ul { width:751px; height:204px; }

#main-col .teamContents ul li { height:204px; text-align:right; position:absolute; top:0; }

#main-col .teamContents ul li.team01 { width:69px; left:0; }

#main-col .teamContents ul li.team02 { width:68px; left:69px; }

#main-col .teamContents ul li.team03 { width:68px; left:137px; }

#main-col .teamContents ul li.team04 { width:68px; left:205px; }

#main-col .teamContents ul li.team05 { width:68px; left:273px; }

#main-col .teamContents ul li.team06 { width:69px; left:341px; }

#main-col .teamContents ul li.team07 { width:68px; left:410px; }

#main-col .teamContents ul li.team08 { width:68px; left:478px; }

#main-col .teamContents ul li.team09 { width:68px; left:546px; }

#main-col .teamContents ul li.team10 { width:68px; left:614px; }

#main-col .teamContents ul li.team11 { width:68px; left:682px; }

#main-col .teamCatch { margin-bottom:50px; text-align:center; }

#main-col .teamPhoto { background-color:#fff; margin:40px auto 0; width:751px; height:355px; }

#main-col .teamProfile { background-color:#fff; margin:0 auto 10px; padding:15px 0 50px; width:751px; color:#727171; }

#main-col .teamProfile .teamProfileL { width:174px; float:left; text-align:right; }

#main-col .teamProfile .teamProfileC { margin-left:30px; width:267px; float:left; }

#main-col .teamProfile .teamProfileR { width:550px; float:right; }

#main-col .teamProfile h3 { margin-bottom:10px; border-left:4px #b5b6b6 solid; border-bottom:1px #dadada solid;  }

#main-col .teamProfile h3 span { padding:4px 5px; display:block; }

#main-col .teamProfile ul,

#main-col .teamProfile p { font-size:90% !important; }

#main-col .teamProfile ul.profile { margin-bottom:1em; }

#main-col .teamProfile a.teamLink { color:#727171; font-weight:bold; }

#main-col .teamProfile .teamProfileR h3,

#main-col .teamProfile .teamProfileR ul,

#main-col .teamProfile .teamProfileR p { margin-right:20px; }

/*-----------------------------------
	interview
-----------------------------------*/

#main-col .interviewContents { margin:40px auto 50px; width:637px; }

#main-col .interviewContents ul { width:637px; }

#main-col .interviewContents ul li { width:318px; float:left; }

#main-col .interviewContents ul li.interview2nd { text-align:right; }

#main-col .accountContents { background:#fff; margin:40px auto 30px; width:751px; }

#main-col .accountContents .accountPhoto { margin:10px; width:267px; float:left;  }

#main-col .accountContents .accountPhoto div { margin-bottom:6px; }

#main-col .accountContents .accountText { margin:0 27px 0 10px; padding:10px 0; padding-left:287px; }

#main-col .accountContents .accountText .engText { margin-bottom:30px; border-bottom:1px #dadada solid; }

#main-col .accountContents .accountText h2 { margin-bottom:40px; }

#main-col .accountContents .accountText h3 { margin-bottom:0.5em; color:#af4a97; font-weight:bold; }

#main-col .accountContents .accountText h3.cen { color:#005497 !important; }

#main-col .accountContents .accountText p { margin:0 0 30px; color:#727171; }

/*-----------------------------------
	blog
-----------------------------------*/

#main-col .blogContents { margin:40px auto 50px; width:592px; height:391px; position:relative; }

#main-col .blogContents h2 { position:absolute; top:0; left:0; }

#main-col .blogContents ul li { width:142px; height:120px; position:absolute; }

#main-col .blogContents ul li.blog01 { top:0; left:150px; }

#main-col .blogContents ul li.blog02 { top:0; left:300px; }

#main-col .blogContents ul li.blog03 { top:0; left:450px; }

#main-col .blogContents ul li.blog04 { top:136px; left:0; }

#main-col .blogContents ul li.blog05 { top:136px; left:150px; }

#main-col .blogContents ul li.blog06 { top:136px; left:300px; }

#main-col .blogContents ul li.blog07 { top:136px; left:450px; }

#main-col .blogContents ul li.blog08 { top:271px; left:0; }

#main-col .blogContents ul li.blog09 { top:271px; left:150px; }

#main-col .blogContents ul li.blog10 { top:271px; left:300px; }

#main-col .blogContents ul li.blog11 { top:271px; left:450px; }

/*-----------------------------------
		clearFix
-----------------------------------*/

#main-col .newsContents dl:after,

#main-col .glideDetail:after,

#main-col .teamProfile:after { content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; }

* html #main-col .newsContents dl,

* html #main-col .glideDetail,

* html #main-col .teamProfile { display:inline-block; }

