@charset "utf-8";
/* CSS Document */

/* ----------------------------------------
*	汎用要素スタイル 
---------------------------------------- */

/* ----------------------------------------
*	汎用クラススタイル
---------------------------------------- */

/* ----------------------------------------
*	ワイヤーフレーム部位別スタイル 
---------------------------------------- */

/* ----------------------------------------
*	共通スタイル
---------------------------------------- */

/*	header ヘッダー		---------------------------------------- */
#wrapper {
	margin: 0 auto 16px;
	width: 950px;
}
#wrapper #header {
	margin-bottom: 16px;
	border-bottom: 2px #0960a7 solid;
	position: relative;
	height: 35px;
} 
#wrapper #header .logo {
	position: absolute;
	top: 14px;
	left: 21px;
}
#wrapper #header ul {
	position: absolute;
	top: 14px;
	left: 726px;
}
#wrapper #header ul li {
	display: inline;
	font-size: 12px;
}
#wrapper #header ul li.top {	margin-right: 32px;}
#wrapper #header ul li a {	color: #004d8a;}
#wrapper #header ul li a:hover {	text-decoration: none;}

/*	footer フッター		---------------------------------------- */
#wrapper #footer {
	border-top: 2px solid #0960a7;
	position: relative;
	height: 37px;
}
#wrapper #footer ul {
	position: absolute;
	top: 11px;
	left: 25px;
}
#wrapper #footer ul li {
	margin-right: 32px;
	display: inline;
	font-size: 12px;
}
#wrapper #footer ul li a {	color: #004d8a;}
#wrapper #footer ul li a:hover {	text-decoration: none;}
#wrapper #footer address {
	position: absolute;
	top: 11px;
	left: 712px;
}

/* ----------------------------------------
*	ページスタイル　monthly.html
---------------------------------------- */
#monthlyItem{
	background:url(../images/monthly/bg_content.jpg) no-repeat 0 0;
	width: 950px;
	height: 893px;
	margin-bottom:10px;
}
#monthlyItem h1{
	margin: 0 0 31px;
	padding: 35px 0 0 25px;
	float: left;
}
#monthlyItem .lead{
	float: right;
	margin: 0;
	padding: 38px 23px 0 0;
}
#monthlyItem #itemList{
	clear: both;
	float: left;
	width: 440px;
	height:489px;
	margin: 0 0 0 29px;
}
#monthlyItem #itemComplete{
	float: right;
	margin: 0 8px 0 0;
	padding: 21px 0 0;
}
#monthlyItem #missItem{
	clear: both;
	position: relative;
	width:899px;
	height: 193px;
	padding-left: 23px;
}
#monthlyItem #missItem h2{
	position: absolute;
	top:16px;
	left: 53px;
}
#closeBtn{
	text-align:center;
	margin-bottom: 20px;
}

/* ----------------------------------------
*	ページスタイル　netpoint.html
---------------------------------------- */
#contentsWrap{
	width:934px;
	border:solid 8px #ffd200;
	margin:0 auto 20px;
}
#pointPC #contentsWrap{	background:url(../images/netpoint/bg_contents_pc.png) no-repeat 0 bottom;}
#pointTab #contentsWrap{	background:url(../images/netpoint/bg_contents_tab.png) no-repeat 0 bottom;}
#contentsWrap img{	vertical-align:bottom;}
#contentsHead{
	background:url(../images/netpoint/bg_title.jpg) no-repeat 0 0;
	width:934px;
	height:336px;
}
#contentsHead h1{	padding:31px 0 11px 288px;}
#contentsHead p{	padding:0 0 0 251px;}
#contentsHead ul{
	overflow:hidden;
	padding:23px 0 0 103px;
}
#contentsHead li{
	list-style:none;
	float:left;
	margin-right:20px;
}
#contentsHead li a{
	display:block;
	width:354px;
	height:56px;
}
#contentsHead li #navPC{	background:url(../images/netpoint/btn_nav_pc_cr.png) no-repeat 0 0;}
#contentsHead li #navTab{	background:url(../images/netpoint/btn_nav_tablet_cr.png) no-repeat 0 0;}

.contentsSection{
	background:url(../images/netpoint/bg_contents_repeat.png) repeat-y 0 0;
	width:888px;
	margin:0 auto;
}
.contentsSection .inner{	padding:10px 0 34px;}
#contentsPC .inner{	background:url(../images/netpoint/bg_contents_top_pc.png) no-repeat 0 0;}
#contentsTablet .inner{	background:url(../images/netpoint/bg_contents_top_tab.png) no-repeat 0 0;}
.contentsSection table{
	margin:0 auto;
	border-collapse:collapse;
	border-spacing:0;
}
.contentsSection table tr.not{	background-color:#dedede;}
.contentsSection table th{
	border-right:solid 1px #FFF;
	padding:0;
}
.contentsSection table td{
	padding:0;
	border-right:dashed 1px #179dff;
	border-bottom:dashed 1px #179dff;
	padding:16px 9px;
}
.contentsSection table td.lastChild{	border-right:0; text-align:center;}
.contentsSection table tr.lastChild td{	border-bottom:0;}
.contentsSection .cell1{	width:154px;}
.contentsSection .cell2{	width:241px;}
.contentsSection .cell3{	width:308px;}
.contentsSection .cell4{	width:163px;}

#contentsAttention p{
	padding:15px 0 0 28px;
	margin:0 0 50px;
	background:url(../images/netpoint/bg_contents_bottom.png) no-repeat 23px 0;
}