@charset "EUC-JP";


/*
* table of contents 
*
*
*
*
* ==ads hamaMethod
* ==textPack
*
 */


/*****************************************************************
	+ GlobalSet
*****************************************************************/

*{
	font-size:100%;
}
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,table,th,tr,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,hr,span,a,img,strong,em,ins,del,cite,abbr,acronym,sup,sub,dfn,code,var,samp,kbd,label {
	margin: 0;
	padding: 0;
}
body{
	font-size:83%;
	color:#333;
	background:#fff url(/img/portal/common/bg.gif);
}
img{
	border:0px;
}
ul,ol{
	list-style:none;
}
a{
	color:#0964ab;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
#mainWrapper a{
	text-decoration:underline;
}
#mainWrapper a:visited{
	color: #9257d4;
	text-decoration:underline;
}
#mainWrapper a:hover{
	color: #0090ff;
	text-decoration:underline;
}
a.black{
	color:#000;
	text-decoration:underline;
}
a.black:hover{
	text-decoration:none;
}
a.black2{
	color:#000;
	text-decoration: none;
}
a.black2:hover{
	text-decoration: underline;
}

.contentBox .mainTitle
,.contentBox .innerBox .subTitle2
,.subinnerBox .subTitle
,#footerWrapper{
	font-size:111%;
}

.section{
	margin-bottom: 20px;
}

/*****************************************************************
	+ Commons
*****************************************************************/
#globalContainer{
	text-align:center;
}
#globalHeader{
	background:#fff;
}
#headerText{
	background:#f4f4f4;
	padding:3px 0px 1px;
}
#headerText ul
,#commonHeader{
	width:960px;
	margin:0 auto;
}
#headerText ul li{
	display:inline;
}
#headerText ul li#linkText{
	float:left;
}
#headerText ul li#linkText span{
	margin:0px 10px;
}
#headerText ul li#linkHelp{
	float:right;
}
#headerText ul li#megaText{
    float: right;
    padding-right: 15px;
}
#commonHeader{
	padding:5px 0px 5px;
}
#commonHeader #logoBox{
	float:left;
	width:270px;
	padding-top:14px;
}
#commonHeader #logoBox h1{
    display: inline;
}
#commonHeader #searchBox{
	float:right;
	width:634px;
}

/* GlobalSearchbox */
div#search {
	height:64px;
	width:632px;
}
div#search {
	background:url(http://image.livedoor.com/img/top/13/search_bg.gif) 0 0 no-repeat;
}
ul#search-tabs {
	line-height:1;
	padding:8px 10px 0px;
	/*margin:8px 10px 0pt;*/
	text-align:left;
}
ul#search-tabs li {
	border-right:1px solid #999999;
	display:inline;
	margin-right:8px;
	padding-right:8px;
}
ul#search-tabs li.bdno {
	border-right:medium none;
}
ul#search-tabs a.on {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
ul#search-tabs li a {
	color:#333333;
}
form#search-form {
	padding-left:10px;
	text-align:left;
}
form#search-form div.searhline-outer {
	background:url(http://image.livedoor.com/img/top/13/searchform_bg.gif) 0 0 no-repeat;
}
form#search-form div.searhline-outer {
	float:left;
	height:28px;
	margin-top:5px;
	padding-top:3px;
	text-align:left;
	vertical-align:middle;
	width:490px;
}
form#search-form div.searhline-outer input.q{
	border:0pt none;
	float:left;
	line-height:1.1;
	margin:2px auto 0pt 6px;
	outline-color:black;
	outline-style:none;
	outline-width:0px;
	text-align:left;
	vertical-align:middle;
	width:378px;
}
form#search-form input {
	text-align:left;
	vertical-align:middle;
}

form#search-form div.searhline-outer input.bt{
	float:right;
	margin-right:2px;
	margin-top:-1px;
}
form#search-form input {
	text-align:left;
	vertical-align:middle;
}

#mainContainer{
	width:966px;
	margin:12px auto 0px;
	text-align:left;
}
#headerBox{
	width:966px;
	height:42px;
	background:url(/img/portal/common/login.png) no-repeat 0 0;
}
	*html #headerBox{
		width:966px;
		height:42px;
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://blog.livedoor.com/img/portal/common/login.png);
	}
	*html #headerBox a{
        position: relative;
    }
#headerBoxInner{
	padding:7px 7px 9px 8px;
}
#headerBoxInner #userBox{
	float:left;
	width:860px;
}
#headerBoxInner #userBox ul#userMenu{
	float:left;
	width:297px;
	padding:3px 0px 0px 3px;
    white-space: nowrap;
}
#headerBoxInner #userBox ul#userMenu li
,#headerBoxInner #userBox ul#contentsMenu li{
	display:inline;
}
#headerBoxInner #userBox ul#userMenu li img{
	vertical-align:-20%;
	margin-right:7px;
}
#headerBoxInner #userBox ul#userMenu li#user{
	margin-right:7px;
}
#headerBoxInner #userBox ul#userMenu li#login{
	padding-right:7px;
	background:url(/img/portal/icon/bar_s_gray.gif) no-repeat 100% 0;
	margin-right:7px;
}

#headerBoxInner #userBox ul#contentsMenu{
	float:right;
	width:500px;
	text-align:right;
}
#headerBoxInner #userBox ul#contentsMenu li{
	margin-right:40px;
}
#headerBoxInner #userBox ul#contentsMenu li#ranking img{
	vertical-align:-20%;
	margin-right:5px;
}
#headerBoxInner #userBox ul#contentsMenu li#guide img{
	vertical-align:-30%;
	margin-right:5px;
}
#headerBoxInner #userBox ul#contentsMenu li#pickupTheme{
	font-weight: bold;
}
#headerBoxInner #userBox ul#contentsMenu li#pickupTheme a{
    margin-right: 5px;
}
#headerBoxInner #userBox ul#contentsMenu li#pickupTheme img{
	vertical-align: middle;
	margin-right:5px;
}
#headerBoxInner #userBox ul#contentsMenu li#pickupTheme span{
    font-weight: normal;
}
#headerBoxInner #iconBox{
	float:right;
	width:83px;
	text-align:center;
	padding-top:3px;
}
#mainWrapper{
	width:960px;
	margin:0 auto;
}
#directoryBox{
	padding:0px 10px 4px;
}
	*html #directoryBox{
		padding:3px 10px 4px;
	}
	*+html #directoryBox{
		padding:3px 10px 4px;
	}
#directoryBox ul.bread{
	float:left;
    width: 60%;
}
#directoryBox ul.bread ul{
	float:none;
}
#directoryBox ul.bread,
#directoryBox ul.bread ul,
#directoryBox ul.bread li{
	display:inline;
}
#directoryBox ul.bread li ul li{
	padding-left:10px;
	background:url(/img/portal/icon/directory.gif) no-repeat 0 0;
	margin-left:7px;
}
#directoryBox ul.link{
	float:right;
    width: 39%;
    text-align: right;
}
#directoryBox ul.link li{
    display: inline;
	padding: 0 7px;
	background: url(/img/portal/icon/bar_s_black.gif) no-repeat 0 50%;
}
#directoryBox ul.link li.end{
    padding-right: 0;
}
#directoryBox a:link,
#directoryBox a:visited{
	text-decoration: underline;
	color: #000;
}
#directoryBox a:hover,
#directoryBox a:action{
	text-decoration: none;
	color: #000;
}

#footerMenu{
	background:#6dc2e4;
}
#footerWrapper{
	width:960px;
    padding-top: 10px;
	margin: 0 auto;
}
#footerWrapper .r_top{
	background:url(/img/portal/common/footer_top.gif) no-repeat 0 0;
	padding-top:7px;
	margin-bottom:5px;
}
#footerWrapper .r_btm{
	background:url(/img/portal/common/footer_btm.gif) no-repeat 0 100%;
	padding-bottom:7px;
}
#footerWrapper .r_body{
	background:url(/img/portal/common/footer_bg.gif) repeat-y 0 0;
	padding:5px 20px;
	text-align:left;
}
#footerWrapper .menuBox h2{
	margin-bottom: 5px;
}
#footerWrapper .menuBox .leftBox-b{
	float:left;
	width:438px;
}
#footerWrapper .menuBox .rightBox-b{
	float:right;
	width:438px;
}
#footerWrapper .menuBox .menuB .box{
	width:196px;
}
#footerWrapper .menuBox .menuB .leftbox{
	float:left;
}
#footerWrapper .menuBox .menuB .rightbox{
	float:right;
}
#footerWrapper .menuBox .menuB .box a{
	color:#fff;
}
#footerWrapper .menuBox .menuB .box h3{
	margin-bottom:5px;
}
#footerWrapper .menuBox .menuB .box ul{
	padding-left:5px;
}
#footerWrapper .menuBox .menuB .box ul li{
	padding-left:7px;
	background:url(/img/portal/icon/dot_white.gif) no-repeat 0 0;
	line-height:105%;
	margin-bottom:5px;
}
#footerWrapper .menuBox .menuB .box ul li ul{
	margin: 5px 0 0 -5px;
	padding: 0;
}
#footerWrapper .menuBox .menuB .box ul li ul li{
	background: none;
	float: left;
	padding: 0 7px;
	border-left: 1px solid #fff;
	white-space: nowrap;
}
#footerWrapper .menuBox .menuB .box ul li ul li.first{
	border: none;
}
#footerWrapper .menuBox .menuB .box ul li ul li.turn{
	border: none;
	clear: left;
}
#footerWrapper .menuBox .menuB .box p{
	color:#fff;
	padding-left:12px;
}
#footerWrapper ul.ServiceList {
    margin: 10px 0;
    padding: 0;
    font-size: 70%;
}
#footerWrapper ul.ServiceList li {
    display:inline;
    padding-right: 5px;
    color: #d7eef7;
    text-align: right;
}
#footerWrapper ul.ServiceList ul {
    display: inline;
}
#footerWrapper ul.ServiceList ul li{
    padding: 0 10px;
    border-right: 1px solid #d7eef7;
}
#footerWrapper ul.ServiceList ul li.last{
    border: 0;
}
#footerWrapper ul.ServiceList li a{
    color: #d7eef7;
}

#footerMenu #footerNav{
    background: #4dabd8;
    padding: 10px 0 20px;
}
#footerMenu ul.nav{
	text-align: center;
}
#footerMenu ul.nav li{
	display: inline;
	margin: 5px; 
}
#footerMenu ul.nav li a{
	color: #fff;
}
#footerMenu address{
	font-style: normal;
	margin-top: 5px;
}

/* pager */
.pager {
	margin-bottom:15px;
}
.pager span.left{
	float:left;
}
.pager span.right{
	float:right;
}
.pager span.right a{
	border: 1px solid #ccc;
	margin:0 1px;
	padding: 2px 4px;
	display: block;
	float: left;
	text-decoration: none;
}
.pager span.right a:hover{
	color:#fff;
	background:#6db0ff;
	border: 1px solid #ccc;
}
.pager span.right strong{
	margin:0 1px;
	padding: 2px 4px;
	display: block;
	float: left;
	background:#ddd;
	border: 1px solid #ccc;
}




/* pager2 */
.default-paging {
	margin: 15px 0 10px 0;
}
.default-paging .show-numbers {
	padding: 2px 0;
	text-align: center;
}
.default-paging .page-navi {
	text-align: center;
}
.default-paging .page-numbers {
	margin: 5px auto;
}
.default-paging .page-numbers a {
	border: 1px solid #ccc;
	margin:0 1px;
	padding: 2px 4px;
	text-decoration: none;
}
.default-paging .page-numbers a:hover {
	color:#fff;
	background:#6db0ff;
	border: 1px solid #ccc;
}
.default-paging .page-numbers a.first-page,
.default-paging .page-numbers a.last-page {
	margin:0 5px;
}
.default-paging .page-numbers strong {
	margin:0 1px;
	padding: 2px 4px;  
	background:#ddd;
	border: 1px solid #ccc;
}


/*****************************************************************
	+ MainContents
*****************************************************************/
#mainWrapper #main{
	float:left;
	width:650px;
	padding-bottom:10px;
}
#mainWrapper #sub{
	float:right;
	width:300px;
}

/* 1column */
.col1 #mainWrapper #main{
	float: none;
	width: auto;
}

.contentBox{
	margin-bottom:10px;
}
.contentBox .contentBoxBtm{
	padding-bottom:6px;
	background:url(/img/portal/common/btm_r_l.gif) no-repeat 0 100%;
}
.col1 .contentBox .contentBoxBtm{
	background:url(/img/portal/common/btm_r_l_1col.gif) no-repeat 0 100%;
}
.contentBox .mainTitle{
	background: transparent url(/img/portal/common/title_r_l.gif) no-repeat 0 0;
	line-height:26px;
	padding-left:15px;
	font-weight: bold;
}
.col1 .contentBox .mainTitle{
	background: transparent url(/img/portal/common/title_r_l_1col.gif) no-repeat 0 0;
}
.contentBox .mainTitle span{
	font-size: 90%;
	font-weight: normal;
	margin-left: 7px;
}
.contentBox .innerBox{
	padding:10px;
	background:#fff;
	border-top: 1px solid #d8d9da;
    zoom: 1;
}
.contentBox .innerBox #moblog,
.contentBox .innerBox #offer{
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
.contentBox .innerBox .blogger{
    position: relative;
}
.contentBox .innerBox .blogger .moreBlogger{
    position: absolute;
    bottom: 0;
    right: 0;
}
.contentBox .innerBox .todayBloger{
	float: left;
	width: 130px;
	border-right: 1px solid #ccc;
	padding-right: 20px;
	text-align: center;
}
.contentBox .innerBox .todayBloger ul{
	padding-bottom: 10px;
}
.contentBox .innerBox .todayBloger ul li span{
    margin-top: -22px;
    display: block;
	padding: 0 20px;
}
.contentBox .innerBox .celebrityBloger{
	float: right;
	width: 460px;
    margin-top: 3px;
}
.contentBox .innerBox .celebrityBloger ul{
    padding-bottom: 10px;
}
.contentBox .innerBox .celebrityBloger li{
	float: left;
	width: 70px;
	padding: 13px 11px 0;
	background: transparent url(/img/portal/common/frame_star.gif) no-repeat 50% 8px;
}
.contentBox .innerBox .celebrityBloger li div{
    text-align: center;
	margin-bottom: 10px;
}
.contentBox .innerBox ul.designtmpl{
	padding:5px 0 10px 20px;
}
.contentBox .innerBox ul.designtmpl li{
	float:left;
	width:90px;
	padding-right:10px;
	line-height:110%;
}
.contentBox .innerBox ul.designtmpl li div{
	width:70px;
	border:3px solid #d2f0ff;
	padding:7px;
	margin-bottom:3px;
}
.contentBox .innerBox ul.moblog{
	padding:5px 0px 10px 15px;
}
.contentBox .innerBox ul.moblog li{
	float:left;
	width:100px;
	padding:0px 10px;
    overflow: hidden;
}
.contentBox .innerBox p.more{
	text-align:right;
	margin-top: 5px;
    white-space: nowrap;
}
.contentBox .innerBox p.more img{
	vertical-align:-20%;
	margin-right:3px;
}
.contentBox .innerBox p.moreTemplate{
    margin-right: 6px;
}

.contentBox .innerBox .pickupIndex{
	background: transparent url(/img/pickup/yagi-san.gif) no-repeat left top;
	min-height: 95px;
}
* html body .contentBox .innerBox .pickupIndex{
	height: 95px;
}
.contentBox .innerBox .pickupIndex dl{
	background: transparent url(/img/pickup/pickup_index.gif) repeat-y 88px top;
}
.contentBox .innerBox .pickupIndex dl dt{
	background: transparent url(/img/pickup/pickup_index_top.gif) no-repeat 88px top;
	font-weight: bold;
	padding: 10px 10px 5px 105px;
}
.contentBox .innerBox .pickupIndex dl dd{
	background: transparent url(/img/pickup/pickup_index_bottom.gif) no-repeat 88px bottom;
	padding: 0 10px 10px 105px;
	line-height: 1.4;
}
.contentBox .innerBox .pickupIndex dl dt img{
	margin-right: 5px;
	vertical-align: middle;
}

/* subtitle */
.contentBox .subTitle{
	background: transparent url(/img/portal/common/sub_title.gif) no-repeat left top;
	zoom:1;
	line-height: 27px;
	padding: 0 100px 0 10px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.contentBox .titleWrap{
	position: relative;
	zoom: 1;
}
.contentBox .titleWrap p.more,
.contentBox .titleWrap ul.more{
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 90%;
}
.contentBox .titleWrap ul.more{
	margin-top: 6px;
}
.contentBox .titleWrap p.more img{
	margin-right: 3px;
}
.contentBox .titleWrap ul.more img{
	vertical-align: middle;
}
.contentBox .titleWrap ul.more li{
	display: inline;
	margin-left: 5px;
	line-height: 16px;
}

/* more */
.moreWrap{
	margin-top: 5px;
	text-align: right;
}
.moreWrap .more{
	display: inline;
	margin-left: 20px;
}


.topBanner{
	margin-bottom: 10px;
}

.topicList td{
	padding: 5px;
}
.topicList .profile{
	white-space: nowrap;
}
.topicList .profile img{
	margin-right: 5px;
	vertical-align: middle;
}
.topicList .on{
	background: #eff8fd;
}
.topicList .title{
	padding: 5px 5px 5px 12px;
	background: url(/img/portal/icon/dot_blue.gif) no-repeat 5px 7px;
}
.topicList .on .title{
	background: #eff8fd url(/img/portal/icon/dot_blue.gif) no-repeat 5px 7px;
}

/* design list */
ul.designNavi li{
	display: inline;
	margin-right: 10px;
}
ul.designNavi li img{
	vertical-align: middle;
	margin-right: 5px;
}
ul.designList{
	margin-bottom: 20px;
}
ul.designList li{
	float: left;
	width: 152px;
    padding-left: 5px;
	background: transparent url(/img/cmn/designframe.gif) no-repeat 5px top;
	position: relative;
	overflow: hidden;
}
ul.designList li img.design{
	margin: 7px 7px 10px;
}
ul.designList li img.column{
	position: absolute;
	top: 5px;
	left: 65px;
}
ul.designList li span{
	padding-right: 10px;
}
ul.designList li span img{
	vertical-align: middle;
	margin-right: 3px;
}


/* moblog list */
ul.moblogList{
	padding-bottom: 20px;
}
ul.moblogList li{
	float: left;
	width: 157px;
	overflow: hidden;
	text-align: center;
}
ul.moblogList li span{
	padding: 0 5px;
}
ul.moblogList5{
	margin-bottom: 20px;
}
ul.moblogList5 li{
	float: left;
	width: 126px;
	overflow: hidden;
	text-align: center;
}
ul.moblogList5 li img{
	margin-bottom: 5px;
}
ul.moblogList5 li span{
	display: block;
	padding: 0 14px;
}


/* design detail */
dl.designInfo {
	border: 1px solid #c5ebf8;
	padding: 10px;
}

dl.designInfo dt {
	float: left;
}

dl.designInfo dd {
	margin-left: 75px;
}

dl.designInfo dd.title {
	margin-bottom: 5px;
}

.designImage{
	text-align: center;
}
.designImage .note{
	margin: 3px 0 10px;
}
.designImage form{
	margin: 10px 0 30px;
}

/* ranking */
table.blogrankingtbl {
	width:100%;
}
table.blogrankingtbl th {
	width: 65%;
	padding: 5px 10px 5px 5px;
	font-weight:normal;
	text-align:left;
}
table.blogrankingtbl td.rank {
	width: 1%;
	padding: 5px;
	text-align:center;
}
table.blogrankingtbl td.profile {
	width: 1%;
	padding: 5px;
	text-align: center;
}
table.blogrankingtbl td.livedoorid {
	width: 25%;
	padding: 5px;
}
table.blogrankingtbl td.icon {
	width: 1%;
	padding: 5px 0 5px 5px;
	white-space:nowrap;
}
table.blogrankingtbl td.date {
	width: 1%;
	padding: 5px;
	white-space: nowrap;
	font-size: 80%;
}
table.blogrankingtbl td.article {
	width:50%;
	padding: 5px 5px 5px 23px;
	background: transparent url(/img/cmn/title.gif) no-repeat left center;
	line-height: 20px;
}
table.blogrankingtbl tr.subbg td.article {
	background: #eff8fd url(/img/cmn/title.gif) no-repeat left center;
}
table.blogrankingtbl td.blog {
	width:49%;
	padding: 5px 5px 5px 23px;
	background: transparent url(/img/cmn/ic_blog.gif) no-repeat left center;
	line-height: 20px;
}
table.blogrankingtbl tr.subbg td.blog {
	background: #eff8fd url(/img/cmn/ic_blog.gif) no-repeat left center;
}
table.blogrankingtbl td.blog.business {
	background: transparent url(/img/cmn/ic_blog_business.gif) no-repeat left center;
}
table.blogrankingtbl tr.subbg td.blog.business {
	background: #eff8fd url(/img/cmn/ic_blog_business.gif) no-repeat left center;
}
table.blogrankingtbl td.icon img {
	vertical-align:bottom;
	margin-left:3px;
}
table.blogrankingtbl tr.subbg td {
	background:#eff8fd;
}
table.blogrankingtbl tr.subbg th {
	background:#eff8fd;
}

/* recent blog */
.recentTitleWrap{
	margin-bottom: 5px;
}
.recentTitleWrap h2,
.recentTitleWrap ul,
.recentTitleWrap li{
	display: inline;
}
.recentTitleWrap li img{
	vertical-align: bottom;
	margin-left: 5px;
}
.recentBlog{
	padding: 10px;
	border-bottom: 1px dotted #ddd;
}
.recentBlogCheck{
	background: #e9f6fe;
}
.recentBlog p.desc{
	margin-bottom: 5px;
	line-height: 1.6;
}
.recentBlog ul.list{
	text-align: right;
	margin-right: 50px;
}
.recentBlog ul.list li{
	margin-left: 8px;
	display: inline;
}
.recentBlog ul.list li.date{
	font-size: 83%;
	color: #999;
}
.recentBlog ul.list li img{
	vertical-align: bottom;
	margin-right: 3px;
}
.recentBlog.ads{
	padding: 0;
}


/* static box */

.stBox p,
.stBox li{
	line-height: 1.4;
}
.stBox ul{
	list-style: disc none inside;
	margin: 5px 0 5px 10px;
}
.stBox ol{
	list-style: decimal none inside;
	margin: 5px 0 5px 10px;
}
.stBox .btn{
	text-align: center;
	margin-top: 30px;
}
.stBox form{
	display: inline;
	margin: 0 10px;
}


/* attention */
.attention p{
	line-height: 1.6;
	text-align: center;
}
.attention p.caution{
	font-size: 111%;
	font-weight: bold;
	margin: 20px 0 30px;
}
.attention p.caution img{
	vertical-align: middle;
	margin-right: 5px;
}
.attention p.link{
	font-size: 111%;
	margin-top: 20px;
}
.attention p.back{
	margin-top: 30px;
}
.attention p.back img{
	vertical-align: middle;
	margin-right: 5px;
}


/* cms button */
.cmsButton{
    margin: 0 50px 15px;
    padding: 3px 10px;
    background: #f9f6db;
}
.cmsButton .text{
    float: left;
    line-height: 24px;
}
.cmsButton .btn{
    float: right;
}


/* pr */
.prTop{
	border: 1px solid #9ba0c2;
	padding: 5px;
	margin-bottom: 10px;
}
.prTop li{
	line-height: 1.3;
}
.prTop li span{
	margin-right: 5px;
	color: #666;
}


/*****************************************************************
	+ SubContents
*****************************************************************/

.subcontentBox{
	padding-top:6px;
	background:url(/img/portal/common/title_r_s.gif) no-repeat 0 0;
	margin-bottom:10px;
}
.subcontentBox .subcontentBoxBtm{
	padding-bottom:6px;
	background:url(/img/portal/common/btm_r_s.gif) no-repeat 0 100%;
}
.subinnerBox{
	padding:4px 10px;
	background:#fff;
}
.subinnerBox .subTitle{
	margin-bottom: 10px;
}
.subcontentBox #infomation ul,
.subcontentBox #monitor ul,
ul.infoList{
	padding:4px 0px 0px;
}
.subcontentBox #infomation ul li,
.subcontentBox #monitor ul li,
ul.infoList li{
	padding-left:7px;
	background:url(/img/portal/icon/dot_blue.gif) no-repeat 0 2px;
	margin-bottom:7px;
    line-height: 1.2;
}
.subcontentBox #infomation ul li span,
.subcontentBox #monitor span,
ul.infoList li span{
	font-size: 83%;
	margin-left: 5px;
}
.subcontentBox #infomation p.more{
    margin-bottom: 10px;
}
.subcontentBox #infomation p.pr{
	margin-top: 5px;
}
/*
.subcontentBox #monitor ul li img{
    float: left;
}
.subcontentBox #monitor ul li div{
    float: right;
    width: 215px;
}
.subcontentBox #monitor ul li{
	margin-bottom: 10px;
    line-height: 1.4;
}
.subcontentBox #monitor ul li.last{
    margin-bottom: 0;
}
*/
.subcontentBox #purposeGuide ul li{
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
}
.subcontentBox #purposeGuide ul li.end{
	border-bottom: none;
	padding: 5px 0 0 0;
}
.subcontentBox #purposeGuide p{
	line-height: 46px;
}
.subcontentBox #purposeGuide img{
	float: left;
	margin-right: 10px;
}

.subcontentBox #otherContents ul li{
	padding: 2px 5px;
    white-space: nowrap;
    float: left;
}

/* more */
.subcontentBox .more{
    text-align: right;
    margin-top: 10px;
}
.subcontentBox .more img{
    vertical-align: middle;
    margin-right: 3px;
}


/* guide */
.mainPurposeGuide li{
    float: left;
}
.mainPurposeGuide li a{
    min-height: 43px;
    display: block;
    line-height: 1.2;
    margin-right: 10px;
    padding: 12px 0 0 55px;
}
* html body .mainPurposeGuide li a{
    height: 55px;
}
.mainPurposeGuide li.guide{
    background: transparent url(/img/portal/guide/icon01.gif) no-repeat left top;
    width: 137px;
}
.mainPurposeGuide li.mobile{
    background: transparent url(/img/portal/guide/icon02.gif) no-repeat left top;
    width: 177px;
}
.mainPurposeGuide li.business{
    background: transparent url(/img/portal/guide/icon03.gif) no-repeat left top;
    width: 157px;
}
.mainPurposeGuide li.welcome{
    background: transparent url(/img/portal/guide/icon04.gif) no-repeat left top;
    width: 157px;
}
.mainPurposeGuide li.welcome a{
    margin: 0;
}

/*****************************************************************
	+ parts
*****************************************************************/
.f14{
	font-size: 117%;
}
/* tag cloud */
.tagCloud li{
	display: inline;
	margin: 0 5px 5px 0;
	line-height: 1.6;
}
.tagCloud .t0{
}
.tagCloud .t1{
	font-size: 111%;
}
.tagCloud .t2{
	font-size: 130%;
	font-weight: bold;
}
.tagCloud .t3{
	font-size: 150%;
	font-weight: bold;
}       
.tagCloud .t4{
	font-size: 170%;
	font-weight: bold;
}

/* fukidashi of pickup theme */
span.pickNum{
	background: transparent url(/img/pickup/number_left_top.gif) no-repeat left top;
}
span.pickNum span{
	background: transparent url(/img/pickup/number_right_top.gif) no-repeat right top;
}
span.pickNum span span{
	background: transparent url(/img/pickup/number_left_bottom.gif) no-repeat 8px bottom;
}
span.pickNum span span span{
	background: transparent url(/img/pickup/number_right_bottom.gif) no-repeat right bottom;
}
span.pickNum span span span span{
	padding: 2px 5px 2px 14px;
	font-weight: normal;
}
span.pickNum span span span span strong{
	margin-right: 3px; 
}
span.pickNumA{
	background-color: #f23188;
	color: #fff;
}
span.pickNumB{
	background-color: #ff6daf;
	color: #fff;
}
span.pickNumC{
	background-color: #ffa7cf;
	color: #fff;
}
span.pickNumD{
	background-color: #ffdeed;
	color: #ff6daf;
}


/*****************************************************************
	+ ad
*****************************************************************/
.adbox{
	margin-bottom: 10px;
    text-align: center;
}
div.afcBox-rect {
	background: #fff;
    margin-bottom: 20px;
	padding: 10px;
    zoom: 1;
}

div.afcBox-rect a {
	text-decoration: none !important;
}

div.afcBox-rect div.ad-google {
	margin-bottom: 4px;
	padding: 0 5px;
	height: 15px;
	font-weight: bold;
	text-decoration: underline;
}

div.afcBox-rect div.ad-outer {
	padding-top: 0;
}

div.afcBox-rect span.ad-title {
	line-height: 150%;
	font-weight: bold;
	text-decoration: underline;
	color: #00f;
}

div.afcBox-rect span.ad-url {
	padding-left: 10px;
	color: #008000;
}

div.afcBox-rect span.ad-description {
	display: block;
	color: #000;
}

div.afcBox-rect div.ad-outer a {
	display: block;
	padding: 4px 5px 4px 20px;
}

div.afcBox-rect div.ad-outer a:hover {
	background: #fff9dd;
}




/* ==ads hamaMethod
------------------------------------------------------------------------- */
div.afcBox-banner,
div.afcBox-rect,
div.afcBox-map {
	padding-right: 0!important;
	padding-left: 0!important;
}

	div.afcBox-banner div.ad-outer a,
	div.afcBox-rect div.ad-outer a,
	div.afcBox-map div.ad-outer a {
		min-height: 46px!important;
		height: auto!important!important;
	/* for ie6 */ height: 46px!important;
		padding: 6px 5px 4px 10px!important;
		background: none!important;
	}

	div.afcBox-banner div.ad-outer a:hover,
	div.afcBox-rect div.ad-outer a:hover,
	div.afcBox-map div.ad-outer a:hover {
		background: url(/img/afc/background/bg01_coalescent.gif) no-repeat left top!important;
	}

		div.afcBox-banner div.ad-outer a span.ad-title,
		div.afcBox-rect div.ad-outer a span.ad-title,
		div.afcBox-map div.ad-outer a span.ad-title {
			padding-left: 20px!important;
			background: url(/img/afc/icon/icon01_link.gif) no-repeat left top!important;
		}

		div.afcBox-banner div.ad-outer a:hover span.ad-title,
		div.afcBox-rect div.ad-outer a:hover span.ad-title,
		div.afcBox-map div.ad-outer a:hover span.ad-title {
			background: url(/img/afc/icon/icon01_hover.gif) no-repeat left top!important;
		}

		div.afcBox-banner div.ad-outer a span.ad-description,
		div.afcBox-rect div.ad-outer a span.ad-description,
		div.afcBox-map div.ad-outer a span.ad-description {
			padding-left: 20px!important;
		}

/* test ver,
*	div.afcBox-rect div.ad-outer {
*		margin-bottom: 10px;
*		background: url(/img/afc/icon/icon01_link.gif) no-repeat left top;
*	}
*
*		div.afcBox-rect div.ad-outer a {
*			padding: 0!important;
*			background: url(/img/afc/background/bg01_bottom.gif) no-repeat left bottom!important;
*		}
*
*			div.afcBox-rect div.ad-outer a span {
*				display: block;
*			}
*
*			div.afcBox-rect div.ad-outer a span.ad-title {
*				float: left;
*				margin-top: -4px;
*				padding-top: 9px!important;
*				background: url(/img/afc/background/bg01_top.gif) no-repeat left top!important;
*			}
*
*			div.afcBox-rect div.ad-outer a span.ad-url {
*				float: left;
*				margin-top: -4px;
*				padding-top: 9px!important;
*				background: url(/img/afc/background/bg01_top.gif) no-repeat right top!important;
*			}
*
*			div.afcBox-rect div.ad-outer a span.ad-description {
*				clear: left;
*			}
*
END */







/* ==textPack
------------------------------------------------------------------------- */
div.textPack {
	margin-bottom: 10px;
	padding-bottom: 7px;
	background: url(/img/portal/ads/pr01_bottom.gif) no-repeat left bottom;
}

div.textPack ul {
	margin: 0;
	padding: 7px 5px 5px 10px;
	background: url(/img/portal/ads/pr01_top.gif) no-repeat;
}

	div.textPack li {
		list-style-type: none;
		margin-top: 5px;
	}

		div.textPack li img {
			margin-right: 5px;
			vertical-align: bottom;
		}

/* for ie \*/
/* 		*:first-child+html div.textPack li {
			margin-left: -16px;
		}
		* html div.textPack li {
			margin-left: -16px;
		} */
/* end */




div.afcBox-banner {
    background: #fff;
    margin-bottom: 20px;
	padding: 10px;
    zoom: 1;
}

div.afcBox-banner a {
    text-decoration: none !important;
}

div.afcBox-banner div.ad-google {
    height: 15px;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 4px;
    padding: 0 5px;
}

div.afcBox-banner div.ad-outer {
    padding-top: 0;
}

div.afcBox-banner span.ad-title {
    line-height: 150%;
    font-weight: bold;
    text-decoration: underline;
    color: #00f;
}

div.afcBox-banner span.ad-url {
    padding-left: 10px;
    color: #008000;
}

div.afcBox-banner span.ad-description {
    display: block;
    color: #000;
}

div.afcBox-banner div.ad-outer a {
    display: block;
    padding: 4px 5px 4px 20px;
}

div.afcBox-banner div.ad-outer a:hover {
    background: #fff9dd;
}

div.afcBox-map {
    background: #fff;
    padding-bottom: 10px;
}

div.afcBox-map a {
    text-decoration: none !important;
}

div.afcBox-map div.ad-google {
    height: 15px;
    font-weight: bold;
    margin-bottom: 4px;
    padding: 0 5px;
}

div.afcBox-map div.ad-outer {
    padding-top: 0;
}

div.afcBox-map span.ad-title {
    font-size: 105%;
    line-height: 150%;
    font-weight: bold;
    text-decoration: underline;
    color: #00f;
}

div.afcBox-map span.ad-url {
    padding-left: 10px;
    color: #008000;
}

div.afcBox-map span.ad-description {
    display: block;
    color: #000;
}

div.afcBox-map div.ad-outer a {
    display: block;
    padding: 4px 5px 4px 20px;
}

div.afcBox-map div.ad-outer a:hover {
    background: #fff9dd;
}

.adAmazon{
    padding: 10px 0;
    border-top: 1px dotted #ecbf34;
    border-bottom: 1px dotted #ecbf34;
    margin: 10px 0;
}
.adAmazon li{
    float: left;
    width: 200px;
    margin: 0 4px;
    line-height: 1.4;
}
.adAmazon li img{
    vertical-align: middle;
    margin-right: 5px;
}
.adAmazon li img.item{
    float: left;
}

.adImage{
    text-align: center;
    margin-bottom: 10px;
}
.footerAfcImage{
    margin: 50px 0;
    text-align: center;
}
.headerBanner{
    padding-bottom: 10px;
}

/*****************************************************************
	+ clearFix
*****************************************************************/
.c {
	zoom: 100%;
}
.c:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#headerText,
#commonHeader,
form#search-form,
form#search-form div.searhline-outer,
#headerBoxInner,
#headerBoxInner #userBox,
#mainWrapper,
#directoryBox,
.contentBox .innerBox ul.designtmpl,
.contentBox .innerBox .celebrityBloger ul,
.contentBox .innerBox ul.moblog,
.subcontentBox #monitor,
.subcontentBox #otherContents ul,
#footerWrapper .menuBox,
#footerWrapper .menuBox .menuB,
#footerWrapper .menuBox .menuB .box ul li ul{
	zoom:100%;
}

#headerText:after,
#commonHeader:after,
form#search-form:after,
form#search-form div.searhline-outer:after,
#headerBoxInner:after,
#headerBoxInner #userBox:after,
#mainWrapper:after,
#directoryBox:after,
.contentBox .innerBox ul.designtmpl:after,
.contentBox .innerBox .celebrityBloger ul:after,
.contentBox .innerBox ul.moblog:after,
.subcontentBox #monitor:after,
.subcontentBox #otherContents ul:after,
#footerWrapper .menuBox:after,
#footerWrapper .menuBox .menuB:after,
#footerWrapper .menuBox .menuB .box ul li ul:after{
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}