@charset 'utf-8';

/* -----------------------------------------------------------
CSS Information

File name:      nifty081201.css
Update:         2008/11/28
Style Info:     nifty用ランディングCSS

	1. 全体用
	2. nifty layout

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



/*===================================================================
	1: 全体用
===================================================================*/

/* import style
------------------------------------------------------------------- */
@import url('../mod_default.css');
@import url('../mod_layout.css');
@import url('../mod_headerfooter.css');
@import url('../mod_common.css');
/*@import url('../mod_login.css');
@import url('../mod_form.css');*/





/*===================================================================
	2: nifty layout
===================================================================*/

#nifty #contentsArea{background:#FFF9E7;}
#contensInner{width:792px; margin:5px 10px;}

/* niftyHeader
---------------------------------------------------------------------- */
#niftyHeader {

	padding:0;
	width: 810px;
	height: 45px;
	background: #fff;
}

#niftyHeader p#logo {
	padding: 4px 0 0 15px;
	float:left;
}

#niftyHeader p.niftyTop {
	padding:10px 10px 0 0;
	text-align: right;
	float: right;
}



/* main
---------------------------------------------------------------------- */

#nifty #contentsArea #main{line-height:0; margin:0 0 10px;}
#nifty #contentsArea table{width:792px; margin:0; padding:0; border:0;}
#maintitle{text-align:center; padding:10px 0 0; line-height:0;}

/* about_nicotto
---------------------------------------------------------------------- */
#about_nicotto {
	width: 750px;
	height: 244px;
	background: url(/image/nifty/081201/common/pic_townphoto.gif) top right no-repeat;
	margin:0 21px 0;
}

#about_nicotto p {
	text-align:left;
}



/* noticeBox
---------------------------------------------------------------------- */
#noticeBox {
	width: 750px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	margin:0 21px 0;
}

body#nifty #noticeBox {
	background: url(/image/nifty/081201/nifty/bg_notice.gif) top right no-repeat;
}

body#cocolog #noticeBox {
	background: url(/image/nifty/081201/cocolog/bg_notice.gif) top right no-repeat;
}

body#fumi #noticeBox {
	background: url(/image/nifty/081201/fumi/bg_notice.gif) top right no-repeat;
}

#noticeBox_mini {
	width: 750px;
	min-height: 170px;
	height: auto !important;
	height: 170px;
	margin-bottom: 10px;
	background: url(/image/nifty/081201/common/bg_notice_mini.gif) top right no-repeat;
}

#noticeBox .noticeBox-inner {
	padding: 45px 60px;
}

#noticeBox_mini .noticeBox-inner {
	padding: 40px 60px;
}

#noticeBox h4,
#noticeBox_mini h4 {
	color: #d06273;
	margin-bottom: 5px;
}

#noticeBox ul,
#noticeBox_mini ul {
	margin-bottom: 5px;
}

#noticeBox li,
#noticeBox_mini li {
	padding-left: 10px;
	background: url(/image/nifty/081201/common/ico_notice.gif) no-repeat 0 8px;
	font-size: x-small;
	letter-spacing: 1px;
}

#noticeBox p,
#noticeBox_mini p {
	margin-bottom: 10px;
	font-size: x-small;
	letter-spacing: 1px;
}

/* registration
---------------------------------------------------------------------- */
#registration {
	margin: 0 auto 7px;
	text-align: center;
	width: 710px;
	height: 130px;
	background:url(/image/nifty/081201/common/bg_btn.jpg) no-repeat;
}

#registration .F_left{float:left;}
#registration .F_left img.entry_btn{margin:10px 0 0 10px;}
#registration .F_right{float:right;}
#registration .F_right img.entry_btn{margin:10px 10px 0 0;}

#registration .F_right p{ padding:10px;}
#registration .F_right p img{
	margin:0 5px -5px 0;
}