/*================================================================
 LAYOUT CSS 
 ================================================================*/
  
  
/*---------------------------------
 body
-----------------------------------*/
body{color: #333;font-family:  "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, sans-serif;font-size: 12px;line-height: 1.231;word-wrap: break-word;}
body a{ color:#1480cc; text-decoration:none;}
body a:hover{ color:#0288cb; text-decoration:underline;}

input{font-family:"メイリオ","ヒラギノ角ゴ Pro W5", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, sans-serif;font-size: 12px;}


/*---------------------------------
 wrap
-----------------------------------*/ 
#wrap{ background:#f8f7f3;min-width:980px;}
#wrap{
  background:#fff;
  min-width:980px;
}



/*---------------------------------
 header
-----------------------------------*/
/*header*/
#header{ width:100%; background:#fff;}

/*searchLine*/
#header .searchLine{ width:100%;}
#header .searchLine .inner{width:980px; margin:0 auto; padding:15px 0 0;}
/*#header .searchLine form.searchHd { width:370px; float:right; height:30px;}*/
#header .searchLine form.searchHd {
  position: absolute;
}
.pA {
  position: absolute;
  top: 5px;
}
/*#header .searchLine form.searchHd .textInput01{ border: 1px solid #d6d6d6; border-right:none;  padding:4px 5px 4px 5px; width:153px; height:20px;margin:0 0 0 0 ;}*/
#header .searchLine form.searchHd .textInput01{ border: 1px solid #d6d6d6; border-right:none;  padding:4px 5px 4px 5px; width:153px; height:20px;margin:0 0 0 0 ;}
.searchBox {
  height: 30px;
  width: 200px;
  vertical-align: top;
  padding: 0 10px;
}
#header .searchLine form.searchHd input{ vertical-align:top; line-height:1;}
/*#header .searchLine form.searchHd input.hdBtn01{ margin:0 4px 0 0 ; border: 1px solid #d6d6d6; border-left:none;}*/
.hdBtn01 {
  border: 1px solid #d6d6d6;
  border-left: none;
  padding: 6px;
  width: 20px;
}
#header .hdMain .menuArea {
    /* float: right; */
    /* width: 600px; */
    position: absolute;
    right: 0;
    top: 0;
}
/*hdMain*/
/*#header .hdMain{ clear:both;}*/
#header .hdMain{
  clear:both;
  border-bottom: 1px solid #e3e3e3;
}
/*#header .hdMain .inner{ width:980px; margin:0 auto; padding:0 0;}*/
#header .hdMain .inner {
    width: 980px;
    margin: 10px auto;
    padding: 0 0 10px 0;
    position: relative;
}
/*#header .hdMain .logo{ float:left; width:206px; margin:-20px 0 0 0; position:relative; z-index:99;}*/
#header .hdMain .logo {
    margin: 0 auto;
    text-align: center;
    width: 260px;
}
#header .hdMain .logo a {
  display: block;
}
#header .hdMain .logo a:hover {
  opacity: .7;
}
/*#header .hdMain .menuArea{float:right; width:600px;} */
#header .hdMain .menuArea .textNav{ text-align:right; height:45px;}
#header .hdMain .menuArea .textNav li{ line-height:1;display:inline-block; padding:20px 0 13px 23px;}
#header .hdMain .menuArea .textNav li:nth-child(2){ padding: 0 0 0 15px;}
#header .hdMain .menuArea .textNav li.loginPoint{ padding:0;}
#header .hdMain .menuArea .textNav li img{ vertical-align:middle;}
#header .hdMain .menuArea .textNav li a{ color:#333333;}

/*hdNav*/
#header .hdNav{ background:url(/common_img/common_bg_hdline02.gif) repeat-x left bottom; padding:15px 0 0 0; clear:both;}
#header .hdNav ul{ width:980px; margin:0 auto; overflow:hidden; }
#header .hdNav ul li{ float:left;}

#index #header .hdNav{ background:url(/common_img/common_bg_hdline03.gif) repeat-x left bottom; padding:15px 0 0 0; clear:both;}



/*---------------------------------
 slider
-----------------------------------*/ 
/*#slider{ padding:0 0 0 0; background:#f1ede2; width:100%; margin:0 auto 40px; height:415px; position:relative; min-width:1240px; overflow:hidden;}*/
#slider{
  padding:0 0 0 0;
  background:#e3e3e3;
  width:100%;
  margin:0 auto 40px;
  height:415px;
  position:relative;
  min-width:1240px;
  overflow:hidden;
}

#slider ul.slideblock{position:relative; left:0; top:15px; }
#slider ul.slideblock li{ width:352px; height:368px; display:table-cell; line-height:1; margin:0; padding:0 5px;}
#slider ul.slideblock li a{ display:block;background:url(/common_img/bg_slider_li.png) no-repeat 0 0; width:330px; height:346px; padding:11px;}
#slider ul.slideblock li a p.thumb{}
#slider ul.slideblock li a p.category{ width:330px; height:26px; line-height:26px; font-size:14px; font-weight:bold; color:#fff; text-align:center;}
#slider ul.slideblock li a p.category img{ margin:-1px 5px 0 0; vertical-align:middle; line-height:26px;}
#slider ul.slideblock li a p.text{ font-size:16px; line-height:1.37; color:#333333; text-align:left; margin:15px 10px 0 10px; width:310px; height:45px;overflow: hidden; -o-text-overflow: ellipsis;text-overflow: ellipsis; }
#slider ul.slideblock li a:hover{text-decoration:none;}
#slider ul.slideblock li a:hover p.text{}

#slider .status{ text-align:center; padding:8px 0 0; position:absolute; bottom:10px; width:100%;}
#slider .status li{ display:inline-block; padding:0 2px; cursor:pointer; line-height:1;}

/*color*/
#slider ul.slideblock li.challenge p.category { background:url(/common_img/bg_slider_category_01.gif) no-repeat 0 0;}
#slider ul.slideblock li.challenge a:hover{ background: url(/common_img/bg_slider_li_hover_01.png) no-repeat 0 0;}
#slider ul.slideblock li.labo p.category { background:url(/common_img/bg_slider_category_02.gif) no-repeat 0 0;}
#slider ul.slideblock li.labo a:hover{ background: url(/common_img/bg_slider_li_hover_02.png) no-repeat 0 0;}
#slider ul.slideblock li.glass p.category { background:url(/common_img/bg_slider_category_03.gif) no-repeat 0 0;}
#slider ul.slideblock li.glass a:hover{ background: url(/common_img/bg_slider_li_hover_03.png) no-repeat 0 0;}
#slider ul.slideblock li.report p.category { background:url(/common_img/bg_slider_category_04.gif) no-repeat 0 0;}
#slider ul.slideblock li.report a:hover{ background: url(/common_img/bg_slider_li_hover_04.png) no-repeat 0 0;}

#slider .nav{width:1240px; overflow:hidden; margin:0 auto;}
#slider .nav li{ float:right; right:0; width:63px; position:relative; z-index:10; margin:170px 0 0 0;}
#slider .nav li:hover{ cursor:pointer;}
#slider .nav li:first-child{ float:left; left:0;}


/*---------------------------------
 contents
-----------------------------------*/
#contents{
  width:980px;
  margin:0 auto;
  overflow:hidden;
  padding:0 0 50px 0;
}
#contents .topicPath{width:980px; margin:14px auto 15px;}
#contents .topicPath li{ background:url(/common_img/common_bg_topicpath.gif) no-repeat left center; padding:0 2px 0 10px; display:inline; color:#666666;}
#contents .topicPath li:first-child{ background:none; padding:0 2px 0 0;}


/*#index #contents{
  width:1240px;
}*/
#index #contents{
  width:980px;
}

/*---------------------------------
 topContents
-----------------------------------*/ 
/*.topContents{ width:920px; overflow:hidden;}*/
.topContents{
  width:660px;
  overflow:hidden;
}
.contentIcon {
  height: 32px;
  padding: 0 10px 10px 0!important;
  vertical-align: bottom;
  margin: 0 0 20px 0;
}
/*.contentIcon img {
  height: 32px;
  vertical-align: bottom;
}*/
.contentIcon img {
    height: 32px;
    vertical-align: bottom;
    margin: 0 8px 0 0;
}
/*.topContents dl{ width:300px; padding:4px 0 0 0; float:left; height: 785px; border-radius:0 0 4px 4px; margin:0 10px 20px 0;}*/
.topContents dl {
    width: 100%;
    margin: 0 0 60px 0;
}
/*.topContents dl dt{ font-size:16px; padding:20px 15px 15px 15px; line-height:1; font-weight:bold; color:#666666;}*/
.topContents dl dt {
  font-size: 16px;
  padding: 20px 15px 15px 15px;
  color: #666666;
  border-bottom: 1px solid #ff7f7b;
}
.topContents dl dt span{ font-size:12px; font-weight:normal; padding: 0 0 0 10px; line-height:16px; vertical-align:middle;}
.topContents dl dd{ padding:0 12px;}

/*.topContents dl dd .btn{ margin:17px 0 0;}*/
.topContents dl dd .btn {
  margin: 20px 0 0 0;
  display: inline-block;
  float: right;
}
/*.topContents dl dd .btn a{ text-align:center; border:1px solid #cccccc; font-size:10px; color:#666; display:block; border-radius:2px; padding:7px 0; font-size:12px; font-weight:bold;}*/
.topContents dl dd .btn a {
  text-align: center;
  background: #ff7f7b;
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 15px 40px;
}
/*.topContents dl dd .btn a:hover{ text-decoration:none; background:#efefef;}*/
.topContents dl dd .btn a:hover{
  text-decoration:none;
  opacity: .7;
}

/*color*/
/*.topContents dl.challenge{ background:url(/common_img/topcontents_bg_head_01.gif) no-repeat 0 0 #ffffff;}*/
.topContents dl.challenge dt span{ color:#ff7f7b;}
.topContents dl.challenge li .tag_date .tag{ background:#ff7f7b;}

.topContents dl.glass{ background:url(/common_img/topcontents_bg_head_02.gif) no-repeat 0 0 #ffffff;}
.topContents dl.glass dt span{ color:#7ec3e6;}
.topContents dl.glass li .tag_date .tag{ background:#7ec3e6;}
.topContents dl.glass dd span.sub{ text-align:right;}

.topContents dl.teens{ background:url(/common_img/topcontents_bg_head_03.gif) no-repeat 0 0 #ffffff; margin:0 0 10px; height:312px;}
.topContents dl.teens dt span{ color:#faa24b;}
.topContents dl.teens li .tag_date .tag{ background:#faa24b;}

/*.topContents dl.report{ background:url(/common_img/topcontents_bg_head_04.gif) no-repeat 0 0 #ffffff; margin:0 0 10px; height: 460px;}*/
.topContents dl.report{
  margin: 0px 0 60px 0;
}
.topContents dl.report dt span{ color:#ff7f7b;}
.topContents dl.report li .tag_date .tag{ background:#ff7f7b;}

/*.topContents dl.point{ background:url(/common_img/topcontents_bg_head_05.gif) no-repeat 0 0 #ffffff; clear:left; height:670px;}*/
.topContents dl.point{
  margin: 0 0 60px 0;
}
.topContents dl.point dt span{ color:#d8b811;}
.topContents dl.point li{ padding:16px 0;}
.topContents dl.point li:first-child{ padding:0 0 16px;}
.topContents dl.point li .tag{ background:#d8b811;}
.topContents dl.point li a:hover .tag{ text-decoration:none;}
.topContents dl.point dd .btn{ margin:0;}

.topContents dl.ranking{ background:url(/common_img/topcontents_bg_head_06.gif) no-repeat 0 0 #ffffff; margin:0 10px 10px 0; height:670px;}

.topContents dl.pickup{ padding:0;height:670px; margin: 0 0 0 ; background:#fff;}
.topContents dl.pickup dt{ padding:0;}
.topContents dl.pickup li .tag_date .tag{ background:#f38291;}


/*list*/
/*.thumbList01 li{ padding:12px 0; border-top:1px solid #e6e6e6;}*/
.thumbList01 li{
  float: left;
  /*padding:12px 0;*/
  /*border-bottom:1px dotted #e6e6e6;*/
  width: 200px;
  margin: 10px 5px;
}
/*.thumbList01 li:first-child{ padding:0 0 10px; border:none;}*/
.thumbList01 li:last-child{border:none;}
/*.thumbList01 li .tag_date{ width:100%; overflow:hidden; margin:0 0 10px;}*/
.thumbList01 li .tag_date {
  width: 100%;
  overflow: hidden;
  margin: 10px 0 0 0;
}
.thumbList01 li .tag_date .tag{ color:#fff; border-radius:2px; line-height:1; padding:4px 6px; font-size:11px; display:inline-block; float:left;}
.thumbList01 li .tag_date .date{ display:inline-block; float:right; color:#804422; font-size:11px;}
.thumbList01 li a{ display:block; overflow:hidden; width:100%;}
/*.thumbList01 li a .thumb{ float:left; width:78px;}*/
.thumbList01 li a .thumb{
  width:200px;
}
/*.thumbList01 li a .title{ float:left; width:196px; font-size:14px; line-height:1.28;}*/
.thumbList01 li a .title{
  /*float:left;
  width:86%;
  font-size:14px;
  line-height:1.28;*/
    width: 100%;
    font-size: 14px;
    line-height: 1.28;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    box-sizing: border-box;
    border-radius: 0 0 3px 3px;
    padding: 10px 5px;
    color: #000;
}
.thumbList01 li a .title span{ display:block;}
/*.thumbList01 li a .title span.sub{ display:block; color:#666666; font-size:11px; margin:3px 0 0 ;}*/
.thumbList01 li a .title span.sub{
  display:block;
  color:#666666;
  font-size:11px;
  margin:3px 0 0 ;
  text-align: right;
}
/*.thumbList01 li a .title span.tag{ color:#fff; border-radius:2px; line-height:1; padding:4px 6px; font-size:11px; display:inline-block; width:58px; text-align:center; margin:0 0 10px;}*/
.thumbList01 li a .title span.tag{
  color:#fff;
  border-radius:2px;
  line-height:1;
  padding:4px 6px;
  font-size:11px;
  display:inline-block;
  width:66px;
  text-align:center;
  /*margin:0 0 10px;*/
}
.pointTag {
  background: #ff7f7b;
}
.thumbList01 li a:hover span{ text-decoration:underline;}
.thumbList01 li a:hover .title span.sub{ text-decoration:none;}

.ranklist li{ padding:12px 0; border-top:1px solid #e6e6e6;}
.ranklist li:first-child{ padding:0 0 10px; border:none;}
.ranklist li a{ display:block; font-size:14px; width:100%; overflow:hidden;}
.ranklist li a:hover span{ text-decoration:underline !important;}
.ranklist li a span{ float:left;width:242px; padding:5px 0 0 0;}
.ranklist li a span.thumb{ width:34px; padding:0;}
.ranklist li a span.thumb img{ }


/*balloon*/
.balloonWrap{ background:url(/common_img/bg_balloon_top.gif) no-repeat 0 0; padding:15px 0 0 0; width:266px; margin:0 0 4px;}
.balloonWrap .inner{ background:url(/common_img/bg_balloon_btm.gif) no-repeat left bottom; padding:0 10px 30px 10px;}
.balloonWrap .inner p{ font-size:12px;}
.balloonWrap .inner p.tag{color:#fff; border-radius:2px; line-height:1; padding:4px 6px; font-size:11px; display:inline-block;}
.balloonWrap .inner p.ttl{ padding:10px 0;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.balloonWrap .inner p.ttl a{}
.balloonWrap .inner p.text{ line-height:1.4; color:#333333; font-size:11px;}
.balloonWrap .inner p.author{ font-size:11px; color:#666666; padding:7px 0 0 0; border-top:1px dotted #cbbacc; margin:15px 0 0 0;}

/*color*/
.balloonWrap .inner p.type01{ background:#f38291;}
.balloonWrap .inner p.type02{ background:#7ec3e6;}

.right {
  
}

/*---------------------------------
 main
-----------------------------------*/ 
#main{ width:660px; float:left;}
#index #main{ width:930px; float:left;}
#index #main{
  width:660px;
  float:left;
}

/*---------------------------------
 side
-----------------------------------*/ 
#side{
  width:300px;
  float:right;
  margin:0 0 0 0;
}

.imgBnr01{ text-align:center; background:#fff; margin:0 0 15px;}
.imgBnr01 a:hover img{
  filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}

/*loginBox*/
#side .loginBox{ background:#fff; padding:13px 10px; border-radius:3px;}
#side .loginBox dl.member { background:url(/common_img/bg_member_01.gif) repeat; padding:5px; margin:-13px -10px 0;border-radius:3px 3px 0 0;}

#side .loginBox dl.member dd{ background:#fff; width:266px; margin:0 auto; padding:15px 12px 5px 12px;border-radius:3px;}
#side .loginBox dl.member dd input.mailInput{ border:1px solid #c8c8c8; padding:5px; width:254px; margin:0 0 10px 0;}
#side .loginBox dl.member dd input.passInput{ border:1px solid #c8c8c8; padding:5px; width:254px; margin:0 0 10px 0;}
#side .loginBox dl.member dd p{ text-align:center; margin: 0 0 10px 0;}
#side .loginBox dl.member dd p input{ vertical-align:middle;}
#side .loginBox dl.member dd p label{ margin:0 0 0 5px;}
#side .loginBox dl.guest {background:url(/common_img/bg_member_01.gif) repeat; padding:5px; margin:0 -10px -13px;border-radius:0 0 3px 3px;}
#side .loginBox dl.guest dd{ background:#fff; width:266px; margin:0 auto; padding:15px 12px 5px 12px;border-radius:3px;}
#side .loginBox dl.guest dd p{ text-align:center; margin:0 0 10px 0;}
#side .loginBox dl.guest .message01{ text-align:center; color:#44a115; margin:0 0 5px 0;}
  
#side .loginBox dl.account { margin-top:16px;}
#side .loginBox dl.account dt{ background:url(/common_img/side_welcom_bg.gif) no-repeat left top; height:45px; line-height:45px; padding-left:50px; color:#fff; font-size:116%;}
#side .loginBox dl.account dt .name{ font-size:114%; font-weight:bold;}
#side .loginBox dl.account dd{ background:#fcf9e8; width:300px; margin:0 auto; padding:10px;}
#side .loginBox dl.account dd.bgW{ background:#fff;} 
#side .columnS .inner dl.thumData{ width:auto;}

/*memberData*/
.memberData{}
.memberData .name{ font-weight:bold; font-size:110%; border-left:3px solid #ee6600; padding:4px 10px; color:#333333;}
.memberData table{ width:100%; margin:0 0 0;border-bottom:1px solid #e6e6e6;}
.memberData table td,
.memberData table th{ font-weight:normal; text-align:left; padding:8px; background:#f4f4f4; border-top:1px solid #e6e6e6; font-size:95%;}
.memberData table td{ text-align:right; background:#fff;}
.moreLink01{ margin:10px 0 15px; text-align:right; font-size:95%;}
.moreLink01 a{ background:url(/common_img/icon_arrow_morelink_01.gif) no-repeat left 0.4em; padding:0 0 0 10px;}
.moreLink02{ margin:10px 15px 10px; text-align:left; font-size:95%;}
.moreLink02 a{ background:url(/common_img/icon_arrow_morelink_01.gif) no-repeat left 0.4em; padding:0 0 0 10px;}
.memberMenu{}
.memberMenu li{ margin:0 0 5px;}

.memberMenu li a:hover img{
  filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}

.titleFont {
  display: inline-block;
  font-family: 'Baloo Bhai', cursive;
  color: #ff7f7b!important;
  font-weight: bold;
  font-size: 30px!important;
  margin: 0 10px 0 0;
}
.rightNavTitle {
  font-size: 14px;
  border-bottom: 1px solid #ff7f7b;
}


/*sectionS*/
.columnS{ background:none; padding:0 0 0 0; margin:15px 0 0 0 ;}
.columnS .inner{ background:none;padding: 0; }

.columnS .inner dl{ width:; margin:10px auto 0 auto;}
.columnS .inner dl:first-child{ width:; margin:0 auto 0 auto;}
.columnS .inner .subTtl01{ padding:5px; background:#f4f4f4; font-weight:bold; font-size:133%; margin:10px;}
.columnS .inner ul.col2Links01{ width:270px; margin:0 auto; overflow:hidden;}
.columnS .inner ul.col2Links01 li{ width:135px; float:left; margin:0 0 7px 0;}
.columnS .inner ul.col2Links01 li a{ background:url(/common_img/common_icon_link.png) no-repeat left top; padding:0 0 0 18px; line-height:1.4; display:block;}

.columnS .inner ul.col1Links01{ width:270px; margin:0 auto; overflow:hidden;}
.columnS .inner ul.col1Links01 li{ margin:0 0 7px 0;}
.columnS .inner ul.col1Links01 li a{ background:url(/common_img/common_icon_link.png) no-repeat left top; padding:0 0 0 18px; line-height:1.4; display:block;}
.columnS .inner ul.col1Links01 li span{ background:url(/common_img/common_icon_link.png) no-repeat left top; padding:0 0 0 18px; line-height:1.4; display:block; font-weight:bold;}

.columnS .inner ul.rankList01{ width:280px; margin:0 auto;}
.columnS .inner ul.rankList01 li{ border-top:1px solid #e6e6e6; padding:10px 0 10px 36px;}
.columnS .inner ul.rankList01 li:first-child{border:none;}
.columnS .inner ul.rankList01 li.rank01{ background:url(/common_img/common_icon_number1.png) no-repeat left center ;}
.columnS .inner ul.rankList01 li.rank02{ background:url(/common_img/common_icon_number2.png) no-repeat left center ;}
.columnS .inner ul.rankList01 li.rank03{ background:url(/common_img/common_icon_number3.png) no-repeat left center ;}
.columnS .inner .moreRank{width:100%; margin:0 auto;border-top:1px solid #e6e6e6; padding:10px 0; text-align:right;}
.columnS .inner .moreRank a{background:url(/common_img/icon_arrow_morelink_01.gif) no-repeat left 0.4em; padding:0 0 0 10px;}
/*.columnS .inner .ranking,
.columnS .inner .staff{ border-radius:3px; background:#fff; padding:10px 10px 0 10px; margin:15px 0 0 0; width:auto;}*/
.columnS .inner .ranking,
.columnS .inner .staff{
  border-radius:3px;
  background:#fff;
  /*padding:10px 10px 0 10px;*/
  margin:15px 0 0 0;
  width:300px;
}
.columnS .inner .staff ul{ width:100%; margin:0 auto;}
.columnS .inner .staff ul li{ border-bottom:1px solid #e6e6e6; padding:10px 0; width:100%; overflow:hidden;}
.columnS .inner .staff ul li:last-child{ border-bottom:none;}
.columnS .inner .staff ul li dl.thumData{ }
.columnS .inner .staff ul li dl.thumData dt{ float:left; margin:0 10px 0 0;}
.columnS .inner .staff ul li dl.thumData dd{ margin-top:0;}
.columnS .inner .staff ul li dl.thumData dd.ttl{ color:#333333;}

a:hover dl.thumData dt img{
  filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}

.rightMenu {
  font-size: 14px;
  margin: 10px 0;
}
.rightMenu li {
    margin-bottom: 10px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #d6d6d6;
}
.rightMenu li a {
  color: #333;
}
.rightMenu img {
  height: 22px;
  vertical-align: bottom;
  padding: 0 5px 0 0;
}



.columnS .inner .staff ul li p{ overflow:auto;}
.columnS .inner .staff ul li p.genre{ margin-bottom:0;}
.columnS .inner .twitterWidget{ width:300px; margin:15px auto 0;}

.columnS .inner .magazineBox{ margin:15px  auto; width:270px; padding:15px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.columnS .inner .magazineBox dl{ width:270px; overflow:hidden;}
.columnS .inner .magazineBox dl dt{ float:left; width:105px;}
.columnS .inner .magazineBox dl dd{ float:left; width:165px;}
.columnS .inner .magazineBox dl dd .word{ display:block;}
.columnS .inner .magazineBox dl dd .ttl{ display:block; color:#db007e; font-size:140%; font-weight:bold;}
.columnS .inner .magazineBox dl dd p{ line-height:1.4;}
.bnrLinks{ width:100%; margin:15px auto 0;}
.bnrLinks li{ margin:0 0 10px 0 ;}

/*---------------------------------
 mainVisual
-----------------------------------*/ 
#mainVisual{ margin:5px 0 20px 0; background:url(/common_img/index_main_visual_bg.png) no-repeat 0 0; width:980px; overflow:hidden; position:relative;}

#mainVisual .colArea01{ top:16px; left:16px; position:absolute;}
#mainVisual .colArea01 .visual{ position:relative;}
#mainVisual .colArea01 .stepNav{ position:absolute; top:120px; left:0; width:640px; overflow:hidden;}
#mainVisual .colArea01 .stepNav li{ float:right;}
#mainVisual .colArea01 .stepNav li:first-child{ float:left;}
#mainVisual .colArea01 .numberNav{ position:absolute;bottom:8px; left:274px;}
#mainVisual .colArea01 .numberNav li{ background:url(/common_img/index_main_visual_btn_off.png) no-repeat 0 0; width:10px; height:10px; margin:0 5px; text-indent:-9999px; float:left;}
#mainVisual .colArea01 .numberNav li.cur{ background:url(/common_img/index_main_visual_btn_on.png) no-repeat 0 0;}


#mainVisual .colArea03{ width:310px; height:145px; bottom:10px; right:10px; position:absolute;}


#mainVisual .slides{ background:url(/common_img/index_main_visual_bg_b.png) no-repeat 0 bottom; }


/*---------------------------------
 footer
-----------------------------------*/
#footer{ background:#fff; position:relative; color:#555555;}
#footer .pageTop{ position: fixed; bottom:80px; right:20px;}


#mynaviTWrap{ background:#e6e4e1;}
#mynaviTWrap .mynaviTWrapInner{ width:980px; margin:0 auto; overflow:hidden; padding:20px 0;}

/*aboutJol*/
#footer .aboutJol{ width:320px; float:left;}
#footer .aboutJol dl{}
#footer .aboutJol dl dt{ font-size:116%; font-weight:bold; line-height:1.5; margin:10px 0 10px;}
#footer .aboutJol dl dd{line-height:1.7;}


/*footLinks01*/
#footer .footLinks01{ width:660px; float:left;}
#footer .footLinks01 .inner{ width:100%; margin:0 auto; overflow:hidden;}
#footer .footLinks01 .inner ul{ width:100%; overflow:hidden; float:left; padding:0;}
#footer .footLinks01 .inner ul li{ border-left:1px solid #cccccc; width:218px; float:left; padding:0 0 0 0; height:190px;}
#footer .footLinks01 .inner ul li ul{ width:178px; padding:0 20px;}
#footer .footLinks01 .inner ul li ul li{ float:none; width:auto; padding:0 0 0 0; background:none; line-height:1; border:none; height:auto;}
#footer .footLinks01 .inner ul li ul li a{background:url(/common_img/footer_icon_arrow02.gif) no-repeat left 0.5em; padding:5px 0 5px 8px; display:block; color:#555555; margin:0 0 4px;}
#footer .footLinks01 .inner .pMark{ background:url(/common_img/footer_bg_pmark.gif) no-repeat 0 0; width:165px; height:105px; text-align:center; line-height:89px; float:right;}
#footer .footLinks01 .inner ul li:first-child{ margin:4px 0 ;}


/*---------------------------------
 SNS Button
-----------------------------------*/
.socialButton a {
  color: #FFFFFF !important;
  display: block;
  float: left;
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 14px;
  margin-left: 6px;
  padding: 4px;
  text-decoration: none;
  width: 80px;
}
.socialButton a i {
  padding-right: 6px;
}
.buttonTwitter {
  background-color: #1B95E0;
  text-align: center;
}
.buttonFacebook{
  background-color: #3B5999;
  text-align: center;
}
.buttonPocket{
  background-color: #EE4056;
  text-align: center;
}
.buttonHatena{
  background-color: #00a5de;
  text-align: center;
}
.buttonHatena .hatenaCount {
  padding-left: 6px;
}
.buttonLine {
  background-color: #1EC221;
  text-align: center;
}
.buttonLine img {
  width: 20px;
  height: 20px;
  padding-right: 2px;
  margin: -4px 0;
}

.recPic {
  float: left;
  width: 120px;
}
.recText {
  float: right;
  width: 170px;
  margin: 0 0 0 10px;
}
.fL {
  float: left;
}
.fR {
  float: right;
}
.clear {
  clear: both;
}
.clear:before,
.clear:after {
  content: " ";
  display: table;
}
.clear:after {
  clear: both;
}
.clear {
  *zoom: 1;
}