@charset "EUC-JP";

/* --------------------------------------------------------

   =01 main

-------------------------------------------------------- */

/* =0 タイトル
-------------------------------------------------------- */

div.mainBox.indexTopics .mainTitle,
div.mainBox.indexFamous .mainTitle,
div.mainBox.indexMedia .mainTitle,
div.mainBox.indexMvb .mainTitle,
div.mainBox.indexGuide .mainTitle {
	background: url(/img/portal/skin/wood/main_top_blue.gif) no-repeat left top;
}

div.mainBox.indexPickup .mainTitle,
div.mainBox.indexBlogRanking .mainTitle,
div.mainBox.indexThemeBlog .mainTitle,
div.mainBox.indexInformation .mainTitle {
	background: url(/img/portal/skin/wood/main_top_red.gif) no-repeat left top;
}

div.mainBox.indexDesign .mainTitle,
div.mainBox.indexArticles .mainTitle {
	background: url(/img/portal/skin/wood/main_top_yellow.gif) no-repeat left top;
}

div.mainBox {
	margin-bottom: 35px;
}

div.mainBox div.mainBoxBody {
	background: url(/img/portal/skin/wood/main_top_middle.gif) repeat-y left top;
	zoom:1;
	display: inline-table;
	width: 100%;
	padding-bottom: 0;
}

div.mainBox div.mainBoxBody2 {
	background: url(/img/portal/skin/wood/main_top_bottom.gif) no-repeat left bottom;
	padding: 0 20px 25px;
	zoom: 1;
	position: relative;
	bottom: -15px;
	margin-top: -15px;
}

/* =1 タブメニュー
-------------------------------------------------------- */

ul.tabMenu {
	margin-bottom: 5px;
}
ul.tabMenu li {
	float: left;
	padding: 1px 5px;
	border-right: 1px solid #c2c2c2;
	font-weight: bold;
}

ul.tabMenu li.last {
	border-right: 0;
}

ul.tabMenu li a.on {
	color: #ff6633 !important;
	text-decoration: none !important;
}


/* =2 ブログランキング
-------------------------------------------------------- */

.rankingBox .ranking {
	padding-bottom: 10px;
}

.rankingBox .ranking.rank2 {
}

.rankingBox .ranking .image {
	width: 90px;
	float: left;
	text-align: right;
	padding-top: 13px;
}

.rankingBox .ranking .image img {
	border: 1px solid #ccd7db;
}

.rankingBox .ranking h3,
.rankingBox .ranking ul{
	width: 500px;
	float: right;
}

.rankingBox .ranking h3 {
	position: relative;
	font-size: 120%;
	padding: 10px 0;
}

.rankingBox .ranking h3 img.plan {
	vertical-align:	 middle;
	margin-right: 5px;
}

.rankingBox .ranking h3 span.number {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: -110px;
	line-height: 30px;
	white-space: nowrap;
	text-align: center;
	color: #7c4300;
	font-size: 14px;
	background: url(/img/portal/blog_ranking2/6.png) no-repeat left top;
}

* html .rankingBox .ranking h3 span.number {
	background: none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=http://blog.livedoor.com/img/portal/blog_ranking2/6.png);
	width: 30px;
	height: 30px;
}

.rankingBox .ranking h3 span.category {
	font-size: 83%;
	font-weight: normal;
	margin-left: 5px;
	color: #000;
}

.rankingBox .ranking h3 span.category a {
	color: #000;
}

.rankingBox .ranking ul li a:link {
	padding-left: 13px;
	background: url(/img/portal/blog_ranking2/check_off.gif) no-repeat left top;
	color: #0000ff !important;
}

.rankingBox .ranking ul li a:visited {
	padding-left: 13px;
	background: url(/img/portal/blog_ranking2/check_on.gif) no-repeat left top;
	color: #74aad9 !important;
}


/* =3 MVB
-------------------------------------------------------- */

ul.mvbList {
	margin-bottom: 10px;
}

ul.mvbList li {
	padding: 5px 10px 5px 10px;
	zoom: 1;
}

ul.mvbList li.rank4,
ul.mvbList li.rank2 {
}

ul.mvbList li a:link {
	padding-left: 13px;
	background: url(/img/portal/blog_ranking2/check_off.gif) no-repeat left top;
}

ul.mvbList li a:visited {
	padding-left: 13px;
	background: url(/img/portal/blog_ranking2/check_on.gif) no-repeat left top;
}

ul.mvbList li span {
	font-size: 83%;
	margin-left: 5px;
}

ul.mvbList li span a {
	padding: 0 !important;
	background: none !important;
	color: #000 !important;
}


/* =4 お知らせ
-------------------------------------------------------- */

ul.infoFromBlog {
	margin-bottom: 10px;
}
ul.infoFromBlog li {
	padding: 5px 10px 5px 10px;
}
ul.infoFromBlog li.subbg {
}
ul.infoFromBlog li span {
	font-size: 83%;
	margin-left: 5px;
}

ul.infoFromBlog li img {
	vertical-align: middle;
	margin-right: 3px;
}

ul.infoFromBlog li a:link {
	padding-left: 13px;
	background: url(/img/portal/blog_ranking2/check_off.gif) no-repeat left top;
}

ul.infoFromBlog li a:visited {
	padding-left: 13px;
	background: url(/img/portal/blog_ranking2/check_on.gif) no-repeat left top;
}


/* =5 ブログデザイン
-------------------------------------------------------- */

ul.designtmpl{
	padding: 5px 0 10px 10px;
}
ul.designtmpl li{
	float: left;
	width: 90px;
	padding-right: 10px;
	line-height: 110%;
}
ul.designtmpl li div{
	width: 70px;
	border: 1px solid #b59259;
	padding: 2px;
	margin-bottom:3px;
}


/* =6 有名人ブログ
-------------------------------------------------------- */
div.indexFamous div.mainBoxBody {
	position: relative;
}

div.celebrityBloger ul#celebrityTab {
	position: absolute;
	top: 0;
	left: 21px;
	padding-bottom: 0;
}
div.celebrityBloger ul#celebrityTab li {
	width: auto;
	background: none;
}

div.indexFamous div.todayBloger {
	padding-top: 30px;
}
div.indexFamous div.celebrityBloger {
	margin-top: 30px;
}


.blogger{
	position: relative;
}
.blogger .moreBlogger{
	position: absolute;
	bottom: 0;
	right: 0;
}
.todayBloger{
	float: left;
	width: 120px;
	text-align: center;
}
.todayBloger ul{
	padding-bottom: 10px;
}
.todayBloger ul li span{
	margin-top: -22px;
	display: block;
	padding: 0 20px;
}
.celebrityBloger{
	float: right;
	width: 460px;
	margin-top: 3px;
	border-left: 1px solid #ccc;
	padding-left: 10px;
}
.celebrityBloger ul{
	padding-bottom: 10px;
}
.celebrityBloger li{
	float: left;
	width: 70px;
	padding: 13px 11px 0;
	background: transparent url(/img/portal/common/frame_star.gif) no-repeat 50% 8px;
}
.celebrityBloger li.RecentUpdate{
	float: left;
	width: 70px;
	padding: 13px 11px 0;
	background: transparent url(/img/portal/common/frame_star_entry.gif) no-repeat 50% 8px;
}
.celebrityBloger li div{
	text-align: center;
	margin-bottom: 10px;
}

.celebMore {
	clear: both;
}


/* =7 目的別ガイド
-------------------------------------------------------- */

.mainPurposeGuide li{
	float: left;
	font-size: 12px;
}
.mainPurposeGuide li a{
	min-height: 38px;
	display: block;
	line-height: 1.2;
	margin-right: 10px;
	padding: 12px 0 0 50px;
	white-space: nowrap;
	overflow: hidden;
}
* html body .mainPurposeGuide li a{
	height: 38px;
}       
.mainPurposeGuide li.guide{
	background: transparent url(/img/portal/guide/icon01s.gif) no-repeat left top;
	width: 110px;
}       
.mainPurposeGuide li.plan{
	background: transparent url(/img/portal/guide/icon05s.gif) no-repeat left top;
	width: 140px;
}
.mainPurposeGuide li.mobile{
	background: transparent url(/img/portal/guide/icon02s.gif) no-repeat left top;
	width: 120px;
}       
.mainPurposeGuide li.business{
	background: transparent url(/img/portal/guide/icon03s.gif) no-repeat left top;
	width: 135px;
}
.mainPurposeGuide li.welcome{
	background: transparent url(/img/portal/guide/icon04s.gif) no-repeat left top;
	width: 100px;
}
.mainPurposeGuide li.welcome a{
	margin: 0;
}
.mainPurposeGuide li.plan a{
	padding: 12px 0 0 55px;
}


/* =8 テーマブログ
-------------------------------------------------------- */

div.indexThemeBlog div.themeBox {
	padding-top: 5px;
}

div.indexThemeBlog p.icon {
	position: absolute;
	left: 30px;
	padding: 2px;
	border: solid 1px #b59259;
}

div.indexThemeBlog ul.infoFromBlog {
	margin-left: 90px;
	height: auto!important; /* ie6 fix */
	height: 50px;
	min-height: 50px;
}

div.indexThemeBlog ul.infoFromBlog li {
	padding-bottom: 0;
}


div.indexThemeBlog ul.infoFromBlog li a.entryTitle {
	padding-left: 0;
	background: none;
}






/* =9 新着記事
-------------------------------------------------------- */

.introBox {
	padding-left: 10px;
	margin-left: -10px;
}

.recentArticle {
	display: inline-block;
	vertical-align: top;
	width: 285px;
	height: auto!important;
	height: 75px;
	min-height: 75px;
	margin-right: 10px;
}

* html .recentArticle {
	display: inline;
	zoom: 1;
}
*:first-child+html .recentArticle {
	display: inline;
	zoom: 1;
}


div#recentArticle-intro p.more {
	clear: both;
}
.recentArticle .title {
        float: right;
	width: 190px;
        margin-bottom: 3px;
        font-size: 111%;
}

.recentArticle p.blogtitle {
        float: right;
	width: 190px;
}


.recentArticle .blogtitle,
.recentArticle .title {
	xmargin: 0 0 5px 96px;
}
.recentArticle p.image {
	float: left;
	xposition: absolute;
	xtop: 0;
	xleft: 0;
}

.recentArticle p.image img {
	padding: 3px;
	border: solid 1px #ccd7db;
	width: 80px;
	height: 60px;
}

.recentArticle .title img {
	margin-right: 5px;
	vertical-align: middle;
}

.recentArticle .title span.category {
	font-size: 83%;
	font-weight: normal;
	margin-left: 5px;
	color: #000;
}

.recentArticle .title span.category a {
	color: #000;
}

.recentArticle .blogtitle a:link {
	padding-left: 13px;
	background: url(/img/portal/blog_ranking2/check_off.gif) no-repeat left top;
	color: #0000ff !important;
}

.recentArticle .blogtitle a:visited {
	padding-left: 13px;
	background: url(/img/portal/blog_ranking2/check_on.gif) no-repeat left top;
	color: #74aad9 !important;
}


/*
.recentArticle {
	padding: 10px;
	overflow: hidden;
}

.recentArticle.subbg {
	padding: 10px;
}

.recentArticle .title {
	float: right;
	width: 500px;
	margin-bottom: 3px;
	font-size: 111%;
}

.recentArticle p.blogtitle {
	float: right;
	width: 500px;
}

.recentArticle .title img {
	vertical-align: middle;
	margin-right: 5px;
}

.recentArticle p.image {
	float: left;
	width: 80px;
}

.recentArticle p.image img {
	border: 1px solid #ccd7db;
}

.recentArticle p.blogtitle a:link {
	padding-left: 13px;
	background: url(/img/portal/blog_ranking2/check_off.gif) no-repeat left top;
}

.recentArticle p.blogtitle a:visited {
	padding-left: 13px;
	background: url(/img/portal/blog_ranking2/check_on.gif) no-repeat left top;
}
*/


/* =10 おすすめメディアブログ
-------------------------------------------------------- */

.mediaBox {
	padding-left: 10px;
	margin-left: -10px;
}

div.scholarshipBox {
	position: relative;
	padding-left: 80px;
	zoom: 1;
}

div.scholarshipBox h3.scholarshipBnr {
	position: absolute;
	top: 0;
	left: 0;
}

div.scholarshipBox ul li {
	width: 241px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	margin: 0 5px 5px;
	background: url(/img/cmn/dot.gif) no-repeat -3px 3px;
	padding-left: 9px;
	line-height: 1.3;
}

div.scholarshipBox ul li.separates {
	margin: 0 5px 15px;
}

div.scholarshipBox ul li div {
	width: 25opx;
}

div.scholarshipBox ul li > div {
	width: 250px;
	display: block;
}

div.scholarshipBox p.scholarshipSort {
	text-align: right;
	padding-top: 5px;
}


/* =11 ブログトピックス
-------------------------------------------------------- */
div.indexTopics {
	margin-bottom: 25px;
	position: relative;
}

div.indexTopics div#blogTopicsMain {
	padding: 10px 0px 10px;
	min-height: 160px;
}

* html div.indexTopics div#blogTopicsMain {
	height: 160px;
}

div.indexTopics ul#blogTopicsNav {
	height: 20px;
}

div.indexTopics ul.blogTopicsArticle {
	width: 240px;
	padding-left: 5px;
}
div.indexTopics ul.blogTopicsArticle li {
	text-align: left;
	line-height: 1.2;
	display: block;
	padding-bottom: 7px;
}
div.indexTopics ul.blogTopicsArticle li a:link {
	text-decoration: none !important;
	border-bottom: #0270cc dotted 1px;
	background: url(/img/portal/topicblog/icon_check_off.gif) no-repeat left top;
	padding-left: 15px;
}

div.indexTopics ul.blogTopicsArticle li a:visited {
        text-decoration: none !important;
        border-bottom: #0270cc dotted 1px;
	background: url(/img/portal/topicblog/icon_check_on.gif) no-repeat left top;
	padding-left: 15px;
}
div.indexTopics div.blogTopicsImage {
	position: absolute;
	left: 255px;
	width: 150px;
	top: 30px;
}
div.indexTopics div.blogTopicsImage div.imageFrame {
	background: url(/img/portal/topicblog/bg_topic_thumb.gif) repeat-x 0 0;
	border: 1px solid #eae8e7;
	padding: 5px 8px;
	margin-bottom: 5px;
	text-align: center;
}
div.indexTopics div.blogTopicsImage div.imageFrame img {
        margin-bottom:5px;
        border:1px solid #0270cc;
}
div.indexTopics div.blogTopicsImage p.imageCaption {
	text-align: left;
	line-height: 1.3;
}
div.indexTopics p.mailMagazine {
	position: absolute;
	right: 30px;
	top: 60px;
	padding-left: 15px;
	border-left: 1px solid #eae8e7;
}

div.indexTopics ul.blogTopicsRead {
	text-align: right;
	width: 380px;
	padding-top: 5px;
}

div.indexTopics ul.blogTopicsRead li {
	display: inline;
	margin-left: 5px;
}


/** ブログトピックス・ランダム表示*/

.blogTopicsNewWrap ul {
	width: 210px;
}

.blogTopicsNewWrap li {
	display:none;
	margin-bottom:25px;
}

.blogTopicsNewWrap {
	line-height:120%;
	width: 205px;
	position: absolute;
	left: 430px;
	top:30px;
}

.blogTopicsNewTitle{
	font-weight: bold;
	text-decoration: underline;
}

.blogTopicsNewImg {
	float: left;
	margin: 8px 15px 25px 0;
}


.blogTopicsNewText {
	float:right;
	width: 140px;
	margin-top: 8px;
	color: #333333;
}

div.indexTopics ul.blogTopicsNewWrap li a {
	text-decoration: none !important;
}

.clearfix {
    content: ""; 
    display: block; 
    clear: both;
}



/* =11.2 ブログアワード*/
div.indexTopics div.blogAward {
	position: absolute;
	right: 15px;
	top: 70px;
	padding: 7px 0 0 15px;
	border-left: 1px solid #ccc;
	width: 200px;
}

div.indexTopics div.blogAward a {
	text-decoration: none;
}

div.indexTopics div.blogAward .awardBanner {
	text-align: center;
	padding: 0 6px 0 0;
}

div.indexTopics div.blogAward .awardTitle {
	font-weight: normal;
	padding-bottom: 5px;
	text-align: center;
	margin-top: -10px;
}

div.indexTopics div.blogAward p.awardText {
	line-height: 1.3;
}


/* =12 ピックアップテーマ
-------------------------------------------------------- */
div.indexPickupTheme {
	background: url(/img/portal/index/icon_nacchan.gif) no-repeat left top;
	padding-top: 3px;
	zoom: 1;
}

div.indexPickupTheme div.pickupTitle {
	background: url(/img/portal/index/fukidashi_bottom.gif) no-repeat left bottom;
	margin: 0 0 10px 55px;
	padding: 0 0 10px;
	min-height: 30px;
}

div.indexPickupTheme div.pickupTitle h3 {
	background: url(/img/portal/index/fukidashi_top.gif) no-repeat left top;
	padding: 10px 15px 0 25px;
	line-height: 1.3;
	font-size: 111%;
}

div.indexPickupTheme div.pickupTitle span {
	font-weight: normal;
	margin-left: 5px;
}

div.indexPickupTheme p.pickupText {
	line-height: 1.3;
	padding: 10px 15px 0;
}

div.indexPickupTheme p.pickupText a {
	margin-left: 5px;
}



/* =13 ライブドアブログをはじめよう
-------------------------------------------------------- */
div#registerBox {
	background: url(/img/portal/index/base.gif) no-repeat left top;
	height: 127px;
	color: #fff;
	text-align: center;
	margin-bottom: 10px;
}

div#registerBox a,
div#registerBox a:hover {
	color: #d8f2ff;
}

div#registerBox form {
	padding: 48px 10px 8px;
	font-weight: bold;
	font-size: 20px;
}

div#registerBox form input {
	vertical-align: middle;
}

div#registerBox form input.email {
	margin: 0 5px;
	width: 390px;
	color: #9cd7f1;
	border: 2px solid #d2f0fe;
	height: 32px;
	padding: 0 5px;
	line-height: 32px;
	ime-mode: disabled;
}

div#registerBox p.registerText {
	font-size: 13px;
	color: #d8f2ff;
}


/* =14 その他
-------------------------------------------------------- */


<<<<<<< HEAD

=======
>>>>>>> 23661a605cab826b13bd58dc0e3a7bd8bb8834f0
/* --------------------------------------------------------

   =02 sub

-------------------------------------------------------- */

/* =1 みんなのクチコミ
-------------------------------------------------------- */

div.subBox ul.reviewList li img {
	float: left;
	border: 1px solid #ccc;
	margin-right: 5px;
}
div.subBox ul.reviewList li span {
	margin-left: 5px;
	font-size: 83%;
}
div.subBox ul.reviewList li {
	margin-bottom: 10px;
	line-height: 1.6;
}

/* =2 おすすめブログパーツ
-------------------------------------------------------- */

div.subBox#blogparts p.item {
	text-align: center;
}
div.subBox#blogparts p.item img{
	margin-bottom: 10px;
}
div.subBox#blogparts p.pr {
	margin-top: 10px;
}

/* =3 その他
-------------------------------------------------------- */

p.gslLicense {
	text-align: center;
	margin-bottom: 10px;
}


/* --------------------------------------------------------

   =03 other

-------------------------------------------------------- */

/* clearfix */
div.subBox ul.reviewList li,
ul.designtmpl,
div.monthlyFeature ul.featureList,
div.scholarshipBox ul {
	zoom: 1;
}
div.subBox ul.reviewList li:after,
ul.designtmpl:after,
div.monthlyFeature ul.featureList:after,
div.scholarshipBox ul:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}