@charset "utf-8";

/*
-------------------------------------------------
ver 	1.0
jump
	=1 commonHeader
	=2 def
	=3 my profile
	=4 livedoor service
	=5 other service
	=6 livedoor footer
-------------------------------------------------
*/
a { outline: none; }
a:focus { outline: none; }
iframe {
	background: #fff;
}

/*-----------------------------------------------
	commonHeader (上書き)
-----------------------------------------------*/
body.portal {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
}

div#commonHeader {
	margin-bottom: 0;
	padding-bottom: 1px;
	background: #fff url(/design/common/img/404_border.gif) repeat-x bottom center;
}

div#commonHeader {
	width:100%;
	background:url("/design/common/img/404_border.gif") 		repeat-x scroll center bottom #FFFFFF;
	margin-bottom:0;
	padding-bottom:1px;
}

div#functionHeader {
	width:950px;
	margin:0 auto;
	padding-bottom:1px;
	padding-top:11px;
	background: #fff;
	border: none;
}

div#contentHeader {
	width:950px;
	margin:0 auto 20px auto;
	padding-top: 4px;
}

/*-----------------------------------------------
	def
-----------------------------------------------*/
.portal #lightbox-display {
	position: absolute;
	z-index: 50;
}

.portal #socialletMovieOuter {
	position: absolute;
	z-index: 100;
}

.portal div#wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: center;
}

.portal div#content {
	margin-top: 50px;
	background: url(/img/portal/mainImage.jpg) no-repeat left top transparent;
}

.portal div#main {
	width: 440px;
	margin-bottom: 90px;
	margin-right: 20px;
	text-align: left;
	float: right;
}

.portal #new-videoArea {
	left: 165px;
	position: relative;
	text-indent: -9999px;
	top: 310px;
	width: 207px;
	height: 23px;
}

*:first-child+html .portal #new-videoArea { left: 20px; } 

*+html .portal #new-videoArea { left: 20px; }

.portal #new-videoArea a {
	width: 207px;
	height: 23px;
	display: block;
	background: url("/img/portal/new-movieBtn.gif") no-repeat center top transparent;	
}

.portal #new-videoArea a:hover {
	background: url("/img/portal/new-movieBtn.gif") no-repeat center bottom transparent;
}

.portal div#sub {
	width: 770px;
	margin: 0 auto;
	text-align: center;
	clear: both;
}

.portal div#sub:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.portal div#sub {display: inline-block;}
 
/* Hides from IE-mac \*/
* html .portal div#sub {height: 1%;}
.portal div#sub {display: block;}
/* End hide from IE-mac */


.portal div.sub01 {
	margin-right: 20px;
	width: 240px;
	float: left;
}

.portal div.sub02 {
	margin-right: 20px;
	width: 240px;
	float: left;
}

.portal div.sub03 {
	width: 250px;
	float: left;
}

.portal div#siteWrapper {
	width: 100%;
	margin-top: 50px;
	background: #ededed;
}

.portal div#site {
	width: 950px;
	margin: 0 auto;
}

.portal div#site:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.portal div#site {display: inline-block;}
 
/* Hides from IE-mac \*/
* html .portal div#site {height: 1%;}
.portal div#site {display: block;}
/* End hide from IE-mac */

.portal div#siteContent {
	width: 625px;
	margin-top: 50px;
	float: left;
}

.portal div#picup {
	width: 310px;
	margin-top: 30px;
	float: right;
}

.portal #new-banner {
	width: 310px;
	margin-top: 50px;
	float: right;
}

.portal #joinFacebook {
	width: 310px;
	margin-top: 30px;
	float: right;
}

#jonFacebook .fb_ltr {
	background: #fff;
}

.portal div#footer {
	width: 100%;
	padding-top: 30px;
	clear: both;
	background: #ededed;
}

/*-----------------------------------------------
	detail
-----------------------------------------------*/

#socialletMovieOuter {

}

#socialletMovieOuter iframe {
	
}

#socialletMovieOuter .new-close-window {
	position: relative;
	top: 0;
	left: 464px;
	z-index: 10000;
	width: 15px;
	height: 15px;
}

*:first-child+html #socialletMovieOuter .new-close-window {
	left: 232px;
	top: -5px;
} 
*+html #socialletMovieOuter .new-close-window {
	left: 232px;
	top: -5px;
}

#sampleImage01 .new-close-window {
	position: relative;
	top: 16px;
	left: 785px;
	width: 15px;
	height: 15px;
}

#sampleImage02 .new-close-window {
	position: relative;
	top: 16px;
	left: 785px;
	width: 15px;
	height: 15px;
}

#lightbox-display {
    z-index: 111;
}

#joinWrapper2 {
	width: 600px;
	margin: 0 auto 50px auto;
	text-align: center;
}

#joinWrapper2 li {
	display: inline;
}

div#main h1 {
	margin-top: 60px;
}

div#main p {
	margin: 20px 0 50px 0;
	padding: 0 30px;
	font-size: 90%;
	color: #333;
	line-height: 1.6;
}

div#main ul {
	text-align: center;
}

div#main ul li{
	display: inline;
}

div#main ul li.prof_manage {
	/*float: right;*/
}

div#main p.alert {
	margin: 10px 0 0 0;
	padding: 0 10px 0 0;
	text-align: right;
	clear: both;
}

p.alert span {
	color: #cc0011;
}

div#sub h3, div#sub p {
	padding: 5px 0 5px 60px;
	font-size: 80%;
	text-align: left;
	line-height: 1.6;
}

div.sub01 {
	background: url(/img/portal/sub01.gif) no-repeat left center transparent;
}

div.sub01 p {
	color: #046fb9;
}

div.sub02 {
	background: url(/img/portal/sub02.gif) no-repeat left center transparent;
}

div.sub02 p {
	color: #3fa611;
}

div.sub03 {
	background: url(/img/portal/sub03.gif) no-repeat left center transparent;
}

div.sub03 p {
	color: #de1b4e;
}


div#siteWrapper {
	font-size: 90%;
	text-align: left;
}

div#site h2 {
	padding-left: 10px;
	font-size: 90%;
	line-height: 1.7;
	border-left: 4px solid #cc0000;
}

div#socialletList,
div#service {
	margin: 10px 0 30px 0;
	background: url(/img/portal/dot_bg.gif) repeat left top #fff;
	border: 2px solid #e0e0e0;
}

div#socialletList:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

div#socialletList {display: inline-block;}
 
/* Hides from IE-mac \*/
* html div#socialletList {height: 1%;}
.portal div#socialletList {display: block;}
/* End hide from IE-mac */

div#socialletList ul {

}

div#socialletList ul li {
	width: 180px;
	margin: 10px 10px 0 10px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

div#socialletList dl {

}

div#socialletList dt {
	width: 52px;
	height: 52px;
	overflow: hidden;
	float: left;
}

div#socialletList img {
	border: 1px solid #e8e8e8;
}

div#socialletList dd {
	width: 116px;
	height: 52px;
	min-height: 52px;
	padding: 10px 0 0 0;
	line-height: 1.5;
	font-size: 85%;
	float: right;
}

div#service a,
div#socialletList a { color: #333; }
div#service a:hover,
div#socialletList a:hover { color: #999; }

div#service ul {
	padding: 10px 10px 0 10px;
}

div#service ul:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

div#service ul li {
	width: 170px;
	padding-left: 30px;
	line-height: 2;
	float: left;
}

div#service p {
	margin: 10px;
	padding-top: 10px;
	padding-bottom: 4px;
	font-size: 80%;
	text-align: right;
	border-top: 1px dotted #bdbdbd;
	clear: both;
}

div#service .ldblog {
	background: url(http://profile.livedoor.com/img/cmn/service_icon/ldblog.gif) no-repeat left center;
}

div#service .ldclip {
	background: url(http://profile.livedoor.com/img/cmn/service_icon/ldclip.gif) no-repeat left center;
}

div#service .ldwiki {
	background: url(http://profile.livedoor.com/img/cmn/service_icon/ldwiki.gif) no-repeat left center;
}

div#service .ldpics {
	background: url(http://profile.livedoor.com/img/cmn/service_icon/ldpics.gif) no-repeat left center;
}

div#service .ldnews {
	background: url(http://profile.livedoor.com/img/cmn/service_icon/ldnews.gif) no-repeat left center;
}

div#service .ldgourmet {
	background: url(http://profile.livedoor.com/img/cmn/service_icon/ldgourmet.gif) no-repeat left center;
}

div#info {
	margin: 10px 0 30px 0;
	background: url(/img/portal/dot_bg.gif) repeat left top #fff;
	border: 2px solid #e0e0e0;
}

div#info ol {
	padding: 10px 10px 0 10px;
}

div#info ol:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

div#info ol li {
	padding: 8px 0;
	font-size: 90%;
	border-bottom: 1px dotted #bdbdbd;
}

div#info ol li a { text-decoration: none; }
div#info ol li a:hover { text-decoration: underline; }

div#info strong {
	padding-right: 10px;
}

div#info p {
	margin: 10px;
	font-size: 90%;
	text-align: right;
	background: url(/img/portal/list_mark_red.gif) no-repeat 445px 5px;
	clear: both;
}

div#info a {
	color: #666;
}

div#picup {
	padding-bottom: 14px;
	background: url(/img/portal/pic_bg_bottom.gif) no-repeat left bottom;
}

div#picup h3 {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 90%;
	color: #666;
	background: url(/img/portal/pic_bg_top.gif) no-repeat left top;
}

div#picInner {
	padding: 0 10px 10px 10px;
	background: url(/img/portal/pic_bg_center.gif) repeat-y left top transparent;
}

div#picInner ul {
	margin: 0 10px;
}

div#picInner ul:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

div#picInner ul {display: inline-block;}
 
/* Hides from IE-mac \*/
* html div#picInner ul {height: 1%;}
div#picInner ul {display: block;}
/* End hide from IE-mac */

div#picup ul li {
	width: 60px;
	height: 60px;
	margin: 6px 6px 0 0;
	background: #eee;
	float: left;
}

div#picup ul li img {
	/*border: 1px solid #999;*/
}

dl.livedoorService {
    font-size: 70%;
    margin: 0 auto;
    padding-top: 80px;
    text-align: center;
    width: 100%;
    clear: both;
    background: #ededed;
}

dl.livedoorService * {
    display: inline;
}

dl.livedoorService li {
	margin:0 3px;
	border-bottom: 1px dotted #BDBDBD;
}

dl.livedoorService a { text-decoration: none; color: #333; }
dl.livedoorService a:hover { color: #999; text-decoration: underline; }

div#footer {
	font-size: 80%;
	text-align: center;
	border: none;
}

div#footer li {
	border-bottom: 1px dotted #bdbdbd;
}

div#footer li a {
	color: #333;
	text-decoration: none;
}

div#footer li a:hover {
	color: #999;
}

div#footer p {
	margin-top: 10px;
	padding-bottom: 50px;
}

/*	
---------------------------------------------------------------------------
	sociallet
---------------------------------------------------------------------------
*/
.sociallet a { color: #666; text-decoration: none; }
.sociallet a:link { color: #666; }
.sociallet a:visited { color: #999; }
.sociallet a:hover { color: #cc0033; }
.sociallet a:active { color: #666; }

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

body.sociallet {
	width: 100%;
	margin: 0;
	padding: 0;
}

.sociallet div#siteWrapper {
    background: none repeat scroll 0 0 #EDEDED;
    clear: both;
    padding-top: 40px;
    width: 100%;
}

.sociallet div#wrapper {
    margin: 40px auto 30px auto;
    text-align: center;
    width: 700px;
}

.sociallet #content {
	text-align: left;
}

body.sociallet div#mainContents {
	width: 690px;
	background: url(/img/cms/new-mainContent_bg_bottom_26.gif) no-repeat center bottom transparent;
	border: none;
}

#new-contentInner {
	margin: 0;
	background: url(/img/cms/new-mainContents_bg.gif) repeat-y center top #fff;
}

#new-fantsuku-banner {

}

#new-fantsuku-banner p {
	width: 66px;
	height: 0px;
	position: relative;
	top: -153px;
	left: 143px;
}

#new-fantsuku-banner p a {
	
}

/* コンテントメニュー */
#new-contentMenu {
	margin: 0 2px;
	padding: 0 3px;
	background: url(/img/cms/new-mainMenu_bg.gif) repeat-x left bottom #b4b4b4;
	position: static;
}

#new-contentMenu li {
	font-size: 90%;
	color: #fff;
	border-right: 1px solid #ccc;
	float: left;
	
	text-shadow: 0px -1px 0px #333;
}

#new-contentMenu li small {
	color: #e9e9e9;
	display: block;
}

#new-contentMenu li a {
	padding: 10px 20px;
	color: #fff;
	display: block;
 }
#new-contentMenu li a:hover { color: #e5e5e5; }


#new-aboutApp {
	padding: 20px;
	background: url(/img/cms/new-mainContent_bg_bottom_26.gif) no-repeat center bottom transparent;
}

#new-aboutApp h2 {
	color: #39558f;
}

#new-aboutApp h3 {
	margin-top: 20px;
	padding-left: 10px;
	font-size: 100%;
	border-left: 3px solid #39558f;
}

#new-aboutApp p {
	line-height: 1.5;
}

#new-contentInner {
	margin: 0;
	background: url(/img/cms/new-mainContents_bg.gif) repeat-y center top #fff;
}

body#index #mainContents h2 {
	margin: 50px 0 0 0;
	padding: 0;
	font-size: 150%;
	font-weight: normal;
	background: none;
	border: none;
}

body#index #mainContents #new-contentInner h2 {
	margin: 50px 0 0 0;
	padding: 0;
	font-size: 130%;
	font-weight: normal;
	background: none;
	border: none;
	color: #39558F;
}

#new-aboutProfile {
	padding: 20px;
	background: url(/img/cms/new-mainContent_bg_bottom_26.gif) no-repeat center bottom transparent;
}

#new-aboutProfile h2 {
	color: #d71400;
}

div#mainContents #new-aboutProfile h3,
div#mainContents #new-tutorial h3,
div#mainContents #new-aboutFantsuku h3 {
	margin-top: 20px;
	padding:  2px 0 2px 10px;
	font-size: 100%;
	color: #666;
	border-left: 3px solid #39558f;
	background: none;
}

#new-aboutProfile p {
	line-height: 1.5;
}

#new-tutorial {
	padding: 20px;
	background: url(/img/cms/new-mainContent_bg_bottom_26.gif) no-repeat center bottom transparent;
}

#new-tutorial h2 {
	color: #39558f;
}

#new-tutorial h3 {
	margin-top: 20px;
	padding-left: 10px;
	font-size: 100%;
	border-left: 3px solid #39558f;
}

#new-tutorial p {
	line-height: 1.5;
}

#new-tutorial small {
	display: block;
}

#new-aboutApp {
	padding: 20px;
	background: url(/img/cms/new-mainContent_bg_bottom_26.gif) no-repeat center bottom transparent;
}

#new-aboutApp h2 {
	color: #39558f;
}

div#mainContents #new-aboutApp h3 {
	margin-top: 20px;
	padding:  0 0 0 10px;
	font-size: 90%;
	color: #333;
	border-left: 3px solid #39558f;
	background: none;
}

#new-aboutApp p {
	font-size: 90%;
	line-height: 1.5;
}

.new-box-left ul,
.new-box-right ul {
	margin-top: 10px;
}

.new-box-left li,
.new-box-right li {
	padding: 3px 15px;
	background: url("/img/cms/new-otherList-mark.gif") no-repeat left center transparent;
}

.pankuzu {
	color: #666;
	font-size: 80%;
}

body#index div#mainContents p a {
    background: none;
    color: #666;
    font-weight: normal;
    padding-left: 0;
}

body#index div#mainContents p a:hover { color: #cc0033; }

.new-box-left {
	margin: 10px 0 30px 0;
	padding-left: 10px;
	font-size: 90%;
	color: #666;
}

.new-box-left p {
	width: 380px;
}

.new-box-right {
	margin: 10px 0 30px 0;
	padding-left: 270px;
	font-size: 90%;
	color: #666;
}

.new-about01 {
	min-height: 157px;
	background: url(/img/cms/new-about01.jpg) no-repeat right top transparent;
}

.new-about02 {
	min-height: 120px;
	background: url(/img/cms/new-about02.jpg) no-repeat right top transparent;
}

.new-about03 {
	min-height: 113px;
	background: url(/img/cms/new-about-app01.jpg) no-repeat right top transparent;
}

.new-about04 {
	min-height: 90px;
	background: url(/img/cms/new-about-app02.jpg) no-repeat left center transparent;
}

.new-tutorial00 {
	min-height: 144px;
	background: url(/img/cms/new-tutorial00.jpg) no-repeat left top transparent;
}

.new-tutorial01 {
	min-height: 176px;
	background: url(/img/cms/new-tutorial01.jpg) no-repeat left top transparent;
}

.new-tutorial02 {
	min-height: 221px;
	background: url(/img/cms/new-tutorial02.jpg) no-repeat left top transparent;
}

.new-tutorial03 {
	min-height: 154px;
	background: url(/img/cms/new-tutorial03.jpg) no-repeat left top transparent;
}

.new-tutorial04 {
	min-height: 100px;
	background: url(/img/cms/new-tutorial04.jpg) no-repeat left top transparent;
}

.new-tutorial05 {
	min-height: 176px;
	background: url(/img/cms/new-tutorial05.jpg) no-repeat left top transparent;
}

.new-box-center {
	margin: 10px 0 30px 0;
	padding-left: 10px;
	font-size: 90%;
	color: #666;
}

#new-aboutFantsuku {
	padding: 20px;
	background: url(/img/cms/new-mainContent_bg_bottom_26.gif) no-repeat center bottom transparent;
}

#new-aboutFantsuku h2 {
	color: #39558f;
}

#new-aboutFantsuku h3 {
	margin-top: 20px;
	padding-left: 10px;
	font-size: 100%;
	border-left: 3px solid #39558f;
	clear: both;
}

#new-aboutFantsuku p {
	line-height: 1.5;
}

.new-useage-box {
	width: 200px;
	min-height: 165px;
	margin: 10px 0;
	padding-left: 10px;
	font-size: 90%;
	color: #666;
	float: left;
}

.new-useage-box dt {
	color: #000;
	font-weight: bold;
}

.new-useage-box dd {
	padding: 3px 0;	
}

.new-otherMenu {
	text-align: right;
}

.new-otherMenu li {
	margin-right: 10px;
	padding-left: 15px;
	font-size: 80%;
	color: #666;
	text-align: left;
	display: inline;
	background: url("/img/cms/new-otherList-mark.gif") no-repeat scroll left center transparent;
}

.new-box-left dl,
.new-box-right dl {
    width: 380px;
    margin-top: 20px;
}

.new-box-left dt,
.new-box-right dt {
    color: #666666;
    font-size: 90%;
}

.new-box-left dd,
.new-box-right dd {
    color: #999999;
    font-size: 80%;
    margin-bottom: 15px;
}

#new-facebook-sample {
	margin: 15px 0;
}

#new-facebook-sample ul {
    text-align: center;
}

#new-facebook-sample li {
    display: inline;
    margin: 0 5px;
}

div#mainContents #new-tutorial h3 {
	margin-top: 20px;
	padding:  0 0 0 10px;
	font-size: 90%;
	color: #333;
	border-left: 3px solid #39558f;
	background: none;
}


.twtr-widget {
    float: right;
    font-family: "lucida grande",lucida,tahoma,helvetica,arial,sans-serif !important;
    font-size: 12px !important;
    margin-right: 10px;
    margin-top: 20px;
    position: relative;
}