@charset "Shift_JIS";

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

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

		Setting of: General pages
			1: General setting
	}

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


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

.cocologPlan{
	margin-bottom:20px;
	padding:10px;
	background:#fffae6;
	border:solid 1px #ff9401;
	color:#666;
}

.cocologPlan h3{
	padding:0;
	background:none;
	color:#000;
}

.cocologPlan h3 .planName{
	font-size:large;
}


/*
#####################################################################
	body
#####################################################################
*/


body#entryIndex .skyhighWrap{

	padding:330px 0 0 !important;
	background: url(../images/sgrk/header1.gif) no-repeat center 62px;
}

body#entryStep .skyhighWrap{
	padding:330px 0 0 !important;
	background: url(../images/sgrk/header2.gif) no-repeat center 62px !important;
}

body#entryEnd .skyhighWrap{
	padding:330px 0 0 !important;
	background: url(../images/sgrk/header3.gif) no-repeat center 62px !important;
}

body{
position:relative;
background:#1393ff url(../images/sgrk/bgr.jpg) no-repeat center 62px !important;
}

/*
#####################################################################
	#commonHeader
#####################################################################
*/

	
div#commonHeader{
	position:absolute;
	top:0;
	left:0;
	background-color: #028ee2;
	font-size:82%;
	margin-bottom: 10px;
	overflow:hidden;
	zoom:1;
	width:100%;
	padding:14px 0;
	color: #FFFFFF;
	border-top: 4px solid #003D67;
}
div#commonHeader div{
	width:852px;
	margin:0 auto;
}
div#commonHeader div#commonHeadLogo h2 {
	float:left;
	width:400px;
	text-align:left;
	font-size:1.2em;
	font-weight:normal;
	padding: 8px 0 0 15px;
}
div#commonHeader div#commonHeadLogo div a{
	display:block;
	float:left;
	margin: 0px;
}
div#commonHeader div#commonHeadLogo div a.icon{
	margin:0px 0 0 5px;
}
div#commonHeader div#commonHeadLogo div a.niftyLogo{
	margin:0px 0 0;
}
div#commonHeader div#commonHeadLogo div ul{
	float:right;
	text-align:right;
	font-size:small;
}

div#commonHeader div#commonHeadLogo div ul li{
	float:left;
}

div#commonHeader div#commonHeadLogo div ul li a{
	padding-left: 5px;
	line-height: 1.37;
}
div#commonHeader div#commonHeadLogo div span a{
	margin:3px 0 0;
}

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

div#contentsInner {
	border-top: 2px solid #FF8201;
    padding: 15px 14px 0;
	margin:0 1px;
}


div#commonHeader div#commonHeadLogo div ul li.gotoniftytop a {
	color: #FFFFFF;
}

body#entryEnd .return{
	font-size:2.5em;}

/*
#####################################################################
	#commonHeader
#####################################################################
*/
/*
div#mainContents form.userInfoArea table #tr3 td dl.brdrTp{ 
	display:none;
}

div#mainContents form.userInfoArea table #tr3 .notice ul{
	display:none;
}
*/

/*
#####################################################################
	#wrapper
#####################################################################
*/

#wrapper {
	background:url(../images/sgrk/bg_side.gif) repeat-y center 0px;
}
/*
#####################################################################
	#contentsInner,#footer border-top
#####################################################################
*/

#container div#contentsInner {
	border-top:2px solid #1393FF;
}
#container div#footer {
	border-top:4px solid #1393FF;
}