@charset "utf-8";
/**
 * common.css 
 * (c) FOURDIGIT Inc.
 *
 */
/* cmn_container */
  #indexPage #Container {
    width: 980px!important;
  }
  #indexPage #cmn_container,
  #indexPage #cmn_topbox,
  #indexPage #cmn_btmbox,
  #indexPage #g_header,
  #indexPage #cmn_header,
  #indexPage #MainContents,
  #indexPage #g_footer #g_footer_wrap_top,
  #indexPage #g_footer #g_fnavi_s,
  #indexPage #g_footer_wrap_btm {
    width: 950px!important;
  }
  #indexPage #Footer #g_footer {
    width: 980px!important;
  }

/* MainPanelArea */
  #MainPanelArea {
    position: relative;
    margin-bottom: 120px;
    width: 950px;
  }
  #BrandPanel {
    overflow: hidden;
    width: 950px;
    height: 400px;
    z-index: 10;
  }
  #BrandPanel_nosystem {
    overflow: hidden;
    width: 950px;
    height: 400px;
    z-index: 10;
  }


/* gNav */
  #gNav {
    position: absolute;
    top: 360px;
    left: 18px;
    margin: 0;
    height: 140px;
    z-index: 500;
    zoom: 1;
  }
  #gNav:after { content : ''; display : block; clear : both; }
  #gNav ul {
    padding: 0;
  }
  #gNav li {
    margin: 0;
    margin-right: 5px;
  }
  #gNav li a,
  #gNav li a:hover {
    display: inline;
    height: 140px;
    text-indent: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: none;
    background-position: left top;
  }
  #gNavMember {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 490;
  }
  #gNavCourse {
    position: absolute;
    bottom: 46px;
    right: 15px;
    z-index: 490;
  }
  #gNavCourse a {
    padding: 2px 0 2px 15px;
    font-size: 123.1%;
    font-weight: bold;
    background-color: transparent;
    background-image: url(/index/imgs/icon-aa-about.gif);
    background-repeat: no-repeat;
    background-position: left 50%!important;
    zoom: 1;
  }
  #gNavIntro .linkCmn01 a {
    padding-left: 10px;
    background-color: transparent;
    background-image: url(/common/2010/imgs/icon/icon-link-01.gif);
    background-repeat: no-repeat;
    background-position: left 50%!important;
    zoom: 1;
  }

#gNavBanner{
    position: absolute;
    top: 255px;
    right: 15px;
    z-index: 495;
  }

/* ActionArea */
  #ActionArea {
    position: absolute;
    top: 17px;
    left: 15px;
    margin: 0;
    width: 240px;
    height: 188px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(/index/imgs/bg-actionarea.gif);
    background-position: left top;
    z-index: 500;
    zoom: 1;
  }
  #ActionArea .box {
    position: absolute;
    top: 15px;
    left: 15px;
  }
  #ActionArea .icon,
  #ActionArea .btn {
    margin-bottom: 3px;
  }
  #ActionArea .icon li,
  #ActionArea .btn li {
    margin-bottom: 5px;
  }
  #ActionArea .icon li a {
    padding: 0px 0 4px 25px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left top;
    zoom: 1;
  }
  #ActionArea .icon li a img { vertical-align: middle; }
  #ActionArea .icon .present {
    margin-bottom: 3px;
  }
  #ActionArea .icon .present a {
    padding: 0px 0 4px 25px;
    background-position: 6px top;
    background-image: url(/common/2010/imgs/icon/icon-present.gif);
  }
  #ActionArea .icon .confirm a { background-image: url(/index/imgs/icon-aa-confirm.gif); }
  #ActionArea .icon .friend a { background-image: url(/index/imgs/icon-aa-friend.gif); }

/* CommentArea */
  #CommentArea {
    position: absolute;
    top: 215px;
    left: 15px;
    margin: 0;
    width: 240px;
    height: 80px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(/index/imgs/bg-commentarea.gif);
    filter:alpha(opacity=60);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=60)"; /* IE8用 */
    -moz-opacity:0.6; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.6;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.6; /* Firefox 1.5以上, Opera, Safari用 */
    background-position: left top;
    z-index: 700;
    zoom: 1;
  }


/* CourseSearchArea */
  #CourseSearchArea {
    margin: 0 auto 20px;
    width: 950px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(/index/imgs/bg-search-top.gif);
    background-position: left top;
  }
  #CourseSearchArea .inner {
    padding: 15px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(/index/imgs/bg-search-bottom.gif);
    background-position: left bottom;
    zoom: 1;
  }
  #CourseSearchArea .inner:after { content : ''; display : block; clear : both; }
  #CourseSearchArea .heading,
  #CourseSearchArea select,
  #CourseSearchArea .inputArea,
  #CourseSearchArea .date,
  #CourseSearchArea .btn,
  #CourseSearchArea .btn input {
    float: left;
    zoom: 1;
  }
  #CourseSearchArea .heading,
  #CourseSearchArea .btn {
    margin-right: 20px;
  }
  #CourseSearchArea select {
    margin-top: 7px;
  }
  #CourseSearchArea .linkCmn01 {
    line-height: 32px;
  }
  #CourseSearchArea .linkCmn01 a {
    background-position: left 50%;
  }
  #CourseSearchArea .date,
  #CourseSearchArea .btn img {
    vertical-align: bottom;
  }  
  #cmn_btmbox {
    text-align: center;
  }

/* MainContents */
  #MainContents {
    margin: 0 auto 0;
    width: 920px;
  }

/* MainContentsLeft */
  #MainContentsLeft {
    width: 720px;
    text-align: left;
  }
  #MainContentsLeft,
  #mainContentArea {
    border: none;
    border-top: 1px solid #fff;
    margin: 0;
    padding: 0;
  }

/* MainContentsRight */
  #MainContentsRight {
    width: 200px;
    text-align: left;
  }

/* ContentAreaSection */
  #ContentAreaSection {
    clear: both;
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    background-image: url(/common/2010/imgs/base/bar-01.gif);
    background-repeat: repeat-y;
    background-position: 465px top;
    zoom: 1;
  }
  #ContentAreaSection .separator {
    clear: both;
    margin-bottom: 10px;
    background-color: transparent;
    background-image: url(/index/imgs/bg-separator.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    zoom: 1;
  }
  #ContentAreaSection .separator:after,
  #ContentAreaSection .separator .box:after { content : ''; display : block; clear : both; }
  #ContentAreaSection .separator .box {
    padding-bottom: 10px;
    zoom: 1;
  }
  #ContentAreaSection .separator .left {
    float: left;
    width: 450px;
  }
  #ContentAreaSection .separator .right {
    float: right;
    width: 240px;
  }
  #ContentAreaSection .title {
    margin-bottom: 10px;
  }
  #ContentAreaSection .box .linkCmn01 {
    clear: both;
    margin-top: 5px;
    font-weight: normal;
    font-size: 93%;
  }

/* SectionBox01 */
  #SectionBox01 .photo {
    float: right;
    width: 145px;
  }
  #SectionBox01 .textArea {
    float: left;
    width: 290px;
  }

/* SectionBox03 */
  #SectionBox03 .list { zoom: 1; }
  #SectionBox03 .list:after { content : ''; display : block; clear : both; }
  #SectionBox03 .list li {
    float: left;
    margin-right: 4px;
  }
  #SectionBox03 .list li.last {
    margin-right: 0;
  }

/* SectionBox04 */
  #SectionBox04 .photo {
    margin-top: 5px;
  }

/* SectionBox05 */
  #ContentAreaSection .lastSeparator {
    margin-bottom: 0;
    padding-bottom: 0;
    background-image: none;
  }
  #ContentAreaSection #SectionBox05 .box01,
  #ContentAreaSection #SectionBox05 .box02 {
    width: 142px;
  }
  #ContentAreaSection #SectionBox05 .box01 { float: left; margin-right:12px;}
  #ContentAreaSection #SectionBox05 .box02 { float: right; }
  #SectionBox05 .boxInTop,
  #SectionBox06 .boxInTop {
    margin-bottom: 5px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(/index/imgs/bg-box-01-top.gif);
    background-position: left top;
  }
  #SectionBox05 .boxInBottom,
  #SectionBox06 .boxInBottom {
    padding: 10px 12px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(/index/imgs/bg-box-01-bottom.gif);
    background-position: left bottom;
    zoom: 1;
  }
  #SectionBox06 .boxInTop {
    background-image: url(/index/imgs/bg-box-02-top.gif);
  }
  #SectionBox06 .boxInBottom {
    background-image: url(/index/imgs/bg-box-02-bottom.gif);
  }
  #SectionBox05 .boxInBottom:after,
  #SectionBox06 .boxInBottom:after { content : ''; display : block; clear : both; }

  #SectionBox05 .boxInTop .logo {
    /*float: left;*/
    width: 75px;
	margin:0 auto;
  }

  #SectionBox06 .boxInTop .thumb {
    float: left;
    width: 75px;
  }

  #SectionBox05 .boxInTop dl,
  #SectionBox06 .boxInTop dl {
    /*float: right;*/
    /*padding-top: 10px;*/
    width: 85px;
	margin:0 auto;
  }
  #SectionBox05 .boxInTop dl.hiroba {
    /*float: right;*/
    /*padding-top: 10px;*/
    width: 105px;
  }

  #SectionBox06 .boxInTop dl {
    padding-top: 0px;
    width: 125px;
  }
  #SectionBox05 .boxInTop dt {
	text-align:center;
  }
  #SectionBox05 .boxInTop dt a,
  #SectionBox06 .boxInTop dt a {
    display: block;
  }
  #SectionBox05 .boxInTop dd,
  #SectionBox06 .boxInTop dd {
	text-align:center;
    /*margin-left: 10px;*/
  }
  #SectionBox05 .text,
  #SectionBox06 .text {
    clear: both;
  }

/* news_area */
  .news_list {
  	padding-top: 1px;
    background-color: transparent;
    background-image: url(/common/2010/imgs/base/bar-02.gif);
    background-repeat: repeat-x;
    background-position: left top;
  }
  .news_list li {
    clear: both;
  	margin:0px;
  	padding: 10px;
    font-size: 93%;
    background-color: transparent;
    background-image: url(/common/2010/imgs/base/bar-02.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    zoom: 1;
  }
  .news_list li:after { content : ''; display : block; clear : both; }
  .news_list li .link {
  	float: right;
  	width: 610px;
  }
  .news_list li .date {
  	float: left;
  	width: 75px;
  	color:#666666;
    min-height: 18px;
    height: 100%;
    height: 18px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right top;
  }

  .news_list li.icon_baby .date { background-image: url(/index/imgs/index_icon01.gif); }
  .news_list li.icon_petit .date { background-image: url(/index/imgs/index_icon02.gif); }
  .news_list li.icon_pocket .date { background-image: url(/index/imgs/index_icon03.gif); }
  .news_list li.icon_hop .date { background-image: url(/index/imgs/index_icon04.gif); }
  .news_list li.icon_step .date { background-image: url(/index/imgs/index_icon05.gif); }
  .news_list li.icon_j .date { background-image: url(/index/imgs/index_icon06.gif); }
  .news_list li.icon_s .date { background-image: url(/index/imgs/index_icon07.gif); }
  .news_list li.icon_petit_f .date { background-image: url(/index/imgs/index_icon08.gif); }


  #kitList {
    margin-top: 35px;
    margin-bottom: 25px;
    clear: both;
  }
  #kitList .news_list .link {
  	width: 550px;
  }
  #kitList .news_list .date,
  #kitList .news_list .link {
    padding-top: 6px;
  }
  #kitList .news_list .date {
    padding-right: 55px;
    padding-bottom: 6px;
  }
  #kitList .title,
  #newsList .title {
    margin-bottom: 10px;
  }
  #newsList .linkCmn01 {
    clear: both;
    margin-top: 10px;
    text-align: right;
  }

/* BnrArea */
  #BnrArea {
    clear: both;
    margin-top: 30px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(/index/imgs/bg-box-03-top.gif);
    background-position: left top;
  }
  #BnrArea .list {
    padding: 10px 0 0 10px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(/index/imgs/bg-box-03-bottom.gif);
    background-position: left bottom;
    zoom: 1;
  }
  #BnrArea .list:after { content : ''; display : block; clear : both; }
  #BnrArea .list li {
    float: left;
    margin-right: 10px;
    padding-bottom: 10px;
  }
  #BnrArea .list li img {
    vertical-align: top;
  }

/* LinkListArea */
  #LinkListArea {
    margin-top: 20px;
    clear: both;
  	padding-top: 1px;
    background-color: transparent;
    background-image: url(/common/2010/imgs/base/bar-02.gif);
    background-repeat: repeat-x;
    background-position: left top;
  }
  #LinkListArea .list {
    padding: 10px;
    background-color: transparent;
    background-image: url(/common/2010/imgs/base/bar-02.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    zoom: 1;
  }
  #LinkListArea .list:after { content : ''; display : block; clear : both; }
  #LinkListArea .list li {
    float: left;
    margin-right: 25px;
  }

/* MainContentsRight */
  #MainContentsRight .box {
    margin-bottom: 15px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(/index/imgs/bg-side-bottom.gif);
    background-position: left bottom;
    zoom: 1;
  }
  #MainContentsRight .box .inner {
    padding: 10px 10px 0;
  }
  #MainContentsRight .list li {
    padding-bottom: 10px;
  }
  #MainContentsRight .list li li {
    padding-bottom: 0;
  }
  #MainContentsRight .list img {
    vertical-align: top;
  }
  #MainContentsRight .list dt,
  #MainContentsRight .list dd {
    margin-bottom: 5px;
  }

/* SideMember */
  #SideMember .list li {
    padding-bottom: 5px;
  }

/* SideLink */
  #SideLink .list dd strong {
    font-weight: normal;
    color: #ea2700;
  }

/* SideShopRanking */
  #MainContentsRight #SideShopRanking .inner {
    padding: 0 14px 10px 15px;
  }
  #SideShopRanking .subTitle {
    margin-bottom: 5px;
  }
  #SideShopRanking .list li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    background-color: transparent;
    background-image: url(/common/2010/imgs/base/bar-02.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    zoom: 1;
  }
  #SideShopRanking .list li:after { content : ''; display : block; clear : both; }
  #SideShopRanking .linkCmn01 a {
    background-position: left top;
  }

/* SidePrivacy */
  #SidePrivacy {
    font-size: 88%;
  }
  #SidePrivacy .policyMarkArea {
    margin-bottom: 10px;
    line-height: 1.5;
    zoom: 1;
  }
  #SidePrivacy .policyMarkArea:after { content : ''; display : block; clear : both; }
  #SidePrivacy .policyMark {
    float: left;
    margin-right: 10px;
    width: 75px;
  }
  #SidePrivacy .linkCmn01 {
    clear: both;
  }
  #SidePrivacy .linkCmn01 a {
    background-position: left top;
  }

/* btnApply */
  #CourseSearchArea .left .btn input {
    border: none;
    outline: none;
    width: 195px;
    height: 31px;
    background-color: transparent;
    background-image: url(/index/imgs/bt-search.gif);
    background-repeat: no-repeat;
    background-position: left top;
    cursor: pointer;
  }
  #CourseSearchArea .left .btn .btnApplyOn {
    background-position: left -31px;
  }

  #SideShopRanking ul.list li a{
  	display:block;
  	padding-top:20px;
  	font-size:12px;
  	line-height:1.1em;
  }
  #SideShopRanking ul.list li a img{
  	float:left;
  	margin:-20px 10px 0 0;
  }
  #SideShopRanking ul.list li.ranking1 a{
  	background:url(../../images/ranking01_bg.gif) no-repeat 60px 0;
  }
  #SideShopRanking ul.list li.ranking2 a{
  	background:url(../../images/ranking02_bg.gif) no-repeat 60px 0;
  }
  #SideShopRanking ul.list li.ranking3 a{
  	background:url(../../images/ranking03_bg.gif) no-repeat 60px 0;
  }
  #SideShopRanking ul.list li.ranking4 a{
  	background:url(../../images/ranking04_bg.gif) no-repeat 60px 0;
  }
  #SideShopRanking ul.list li.ranking5 a{
  	background:url(../../images/ranking05_bg.gif) no-repeat 60px 0;
  }
  #SideShopRanking ul.list li.rcmnd a{
  	background:url(../../images/rankingrec_bg.gif) no-repeat 60px 0;
  }

/* ・ｽk・ｽЕ・ｽ・ｽ・ｽ・ｽﾎ会ｿｽ 110324 */

#311area{
margin:0 0 15px 0; 
padding:0; 
_margin:0 0 5px 0;
}

#area311_fl{
width:680px;
float:left;
display:block;}

#area311_fr{
width:250px;
float:left;
display:block;
padding-left:20px;
}

.cmn_snav311{
    width: 600px;
    bottom: 7px;
    padding-top: 5px;
    right: 10px;
}

.cmn_snav311 ul li {
float:left;
padding-right:35px;
font-weight:bold; 
font-size:15px;
}

.cmn_snav311 ul li a {
    background: url("http://www.benesse.co.jp/zemi/common/img/sankaku.gif") no-repeat scroll left center transparent;
    padding-left: 20px;
}

/* ・ｽk・ｽЕ・ｽ・ｽ・ｽ・ｽﾎ会ｿｽ 110704 */

#area311_fl2{
width:500px;
float:left;
display:block;}

#area311_fr2{
width:196px;
float:left;
display:block;
padding-left:20px;
}

.cmn_snav311_2{
    width: 500px;
    bottom: 7px;
    padding-top: 5px;
    right: 10px;
}

.cmn_snav311_2 ul li {
float:left;
padding-right:5px;
font-weight:bold; 
font-size:15px;
}

.cmn_snav311_2 ul li a {
    background: url("http://www.benesse.co.jp/zemi/common/img/sankaku.gif") no-repeat scroll left center transparent;
    padding-left: 20px;
}

.f_l{float:left;}