@charset "Shift_JIS";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: header.css

		Setting of: Header area
			1: header setting
			2: headUserNav setting
			3: headNav setting
	}

****************************************************************** */

/*===================================================================
	1: container setting
===================================================================*/
div.common_wrapper{
	background:url(https://www.cocolog-nifty.com/common_header/ver2/images/wrapper_bg.gif) top center repeat-y;
	min-width:950px;
	*padding-left:1px;
}

div.common_container{
	width :950px;
	margin:0 auto;
	text-align:left;
	background:#fff no-repeat 0 0;
	border-top:#fff 1px solid;
}


/*===================================================================
	2: commonHeader setting
===================================================================*/

div#commonHeader{
	padding:0px 10px 10px 6px;
	border-top:2px solid #fabf00;
	font-size:82%;
}

div#commonHeader div#commonHeadLogo{
	width:923px;
}

div#commonHeader div#commonHeadLogo div a{
	display:block;
	float:left;
	margin:12px 0 0;
}

div#commonHeader div#commonHeadLogo div p{
	float:left;
	margin:12px 0 0;
}


div#commonHeader div#commonHeadLogo div a.icon{
	margin:4px 0 0 5px;
}
div#commonHeader div#commonHeadLogo div a.niftyLogo{
	margin:10px 0 0;
}
div#commonHeader div#commonHeadLogo div span{
	float:right;
	padding:0 0 0 0;
	text-align:right;
	font-size:small;
}
div#commonHeader div#commonHeadLogo div span a{
	margin:3px 0 0;
}

#headBnn{
	padding:10px 0 0;
	margin:0 0 0 4px;
	text-align:center;
}

/*===================================================================
	3: commonHeadUserNav setting
===================================================================*/

div#commonHeadUserNav{
	width: 948px; 
	padding:6px 0px 5px;
	_padding-bottom:0;
	background:#FBFBFB url(https://www.cocolog-nifty.com/common_header/ver2/images/head_usernav_bg.gif) repeat-x left top;
	font-size:small;
}


div#commonHeadUserNav p{
	float:left;
	width:430px;
	margin-right:10px;
}

div#commonHeadUserNav p span{
	padding-left:12px;
	display:block;
}

div#commonHeadUserNav ul{
	float:right;
	width:490px;
	text-align:right;

}

div#commonHeadUserNav ul li{
	display:inline;
	padding:0 12px 0 0;
}

div#commonHeadUserNav ul li a{
	padding:3px 0 3px 20px;
	zoom:1;
}

div#commonHeadUserNav ul li.about a{
	background:url(https://www.cocolog-nifty.com/common_header/ver2/images/ico_headernavi_about.gif) no-repeat left center;
}

div#commonHeadUserNav ul li.support a{
	background:url(https://www.cocolog-nifty.com/common_header/ver2/images/ico_headernavi_support.gif) no-repeat left center;
}

div#commonHeadUserNav ul li.new a{
	background:url(https://www.cocolog-nifty.com/common_header/ver2/images/ico_headernavi_new.gif) no-repeat left center;
}

div#commonHeadUserNav ul li.login a{
	background:url(https://www.cocolog-nifty.com/common_header/ver2/images/ico_headernavi_login.gif) no-repeat left center;
}



/*===================================================================
	4: commonHeadNav setting
===================================================================*/

div#commonHeadNav{
	border-left:#dea303 1px solid;
	border-right:#dea303 1px solid;
	background:url(https://www.cocolog-nifty.com/common_header/ver2/images/headnavi_bg.gif) repeat-x 0 0;
}
div#commonHeadNav ul li{
	float:left;
}

/*===================================================================
	6: footer setting
===================================================================*/


div#footer{
	border-top:#fabf00 4px solid;
	padding:15px 0 20px;
	width:948px;
	margin:0;
	text-align:center;
	font-size:small;
}

/*clearfix*/
div#commonHeadNav ul:after,
div#commonHeadUserNav:after,
div#commonHeadNav:after,
div#commonHeader div#commonHeadLogo:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:hidden;
}

div#commonHeadNav ul,
div#commonHeadUserNav,
div#commonHeadNav,
div#commonHeader div#commonHeadLogo{ display: inline-block; }

div#commonHeadNav ul{
	width:950px;
}

/* no ie mac \*/
* html div#commonHeadNav ul,
* html div#commonHeadUserNav,
* html div#commonHeadNav,
* html div#commonHeader div#commonHeadLogo{ height: 1%; }
div#commonHeadNav ul,
div#commonHeadUserNav,
div#commonHeadNav,
div#commonHeader div#commonHeadLogo{ display: block; }
/* */



/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: common.css

		Setting of: General pages
			1: General setting
			2: container setting
	}

****************************************************************** */


/*===================================================================
	1: General setting
===================================================================*/

html {
	overflow-y:scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,em { 
	margin:0;
	padding:0;
	font-style:normal;
	/*font-size:100%;*/
}

body{
	/*font-size:small;*/
	font-family: 'MS PGothic',Verdana, Arial,'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	text-align:center;
	background:#fff url(https://www.cocolog-nifty.com/common_header/ver2/images/body_bg.gif) top center;
	line-height:1.4;
	word-break:break-all;
}
/* ff3 */
body,x:-moz-broken {
	padding-right:0.5px;
}

/* html body{font-size:x-small;}*/

h1,h2,h3,h4,h5,h6{ font-weight:bold;}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { border:0;}
img{vertical-align:top;}

/*
a:link{color:#0066cc; text-decoration:underline;}
a:visited{color:#777; text-decoration:underline;}
a:hover{color:#00a1e4; text-decoration:none;}
a:active{color:#00a1e4; text-decoration:none;}
*/
hr{display:none;}

em , em a{font-weight:bold;}

address{font-style:normal;}

ul , ol{list-style:none;}

.dispNone,
.skipNav{
	display: none;
	/* Hides from IE5-Mac \*/ 
	display: block;
	position: absolute;
	top: -500px;
	left: -2500px;
	font-size:0;
	/*end  Hides from IE5-Mac */
	color:#000;
}
.dispNone a,
.skipNav a,
.dispNone a:visited,
.skipNav a:visited{
	color:#000;
}

.clearBoth{clear:both;}

/* clearfix */

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

.pkg{ display: inline-block; }

/* no ie mac \*/
* html .pkg{ height: 1%; }
.pkg{ display: block; }
/* */