@charset "Shift_JIS";

/*===================================================================
	#container setting
===================================================================*/
html {
	background-color:#f1efe0;
}

body {
	background:#f1efe0;
}

div#container {
	width :852px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

/*===================================================================
	#tagline setting
===================================================================*/


div#tagline h1 {
	text-align:left;
	font-weight:normal;
	color:#fff;
	float:left;
	width:400px;
	padding:8px 0 0 15px;
}

div#tagline h1 span {
	display:block;
	line-height:1.2em;
}

/*===================================================================
	#header setting
===================================================================*/
div#header {
	margin:0 0 25px;
	width:100%;
	padding:8px 0;
	background:#028ee2;
	border-top:4px solid #003d67;
}

div#header a {
	color:#fff;
}

div#header div.inner {
	padding:0px 10px;
	width:852px;
	margin:0 auto;
	position:relative;
}

div#header div.headLogo {
	padding:6px 0;
	zoom:1;
}

div#header div.headLogo:after {
	content:'';
	display:block;
	clear:both;
}

p.siteLogo {
	float:left;
}

p.niftyTop {
	float:right;
}

div#header div.headLogo img {
	vertical-align:middle;
}

div.adBanner {
	padding:0 0 10px;
	text-align:center;
}

/*===================================================================
	#headUserNavi setting
===================================================================*/
div#userNavi {
	padding:6px 0px 5px;
 *padding:3px 0px 1px;
	margin:0 0 10px;
	background:#FBFBFB url(../images/head_usernav_bg.gif) repeat-x left top;
	border-bottom:5px solid #F6A045;
}

div#userNavi div.inner {
	zoom:1;
}

div#userNavi div.inner:after {
	content:'';
	display:block;
	clear:both;
}

div#userNavi p {
	float:left;
	width:400px;
 *margin:2px 0 0;
}

div#userNavi p span {
	padding-left:12px;
}

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

div#userNavi ul li {
	display:inline;
	padding:0 12px 0 0;
	white-space:nowrap;
}

div#userNavi ul li a {
	min-height:17px;
	_height:11px;
	padding:3px 0 3px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	zoom:1;
}

div#userNavi ul li.home a {
	background:url(../images/icon_home.gif) no-repeat left center;
}

div#userNavi ul li.help a {
	background:url(../images/icon_help.gif) no-repeat left center;
}

div#userNavi ul li.sitemap a {
	background:url(../images/icon_sitemap.gif) no-repeat left center;
}

/*===================================================================
	#contentsTop setting
===================================================================*/

div#contentsTop {
	padding:0 14px 15px;
}

div#contentsTop p.footpath strong {
	font-weight:normal;
}

/*===================================================================
	#contents setting
===================================================================*/

div#contents {
}

.socialplugins {
	text-align:center;
}

.socialplugins li {
	margin: 0 4px;
}

.socialplugins li {
	display: inline;
}

/*===================================================================
	#mainContents setting
===================================================================*/

body.column1 div#mainContents {
	width:852px;
	overflow:hidden;
}

body.column2 div#mainContents {
	float:left;
	width:555px;
	padding:0;
	overflow:hidden;
}

div#mainContents p.description {
	margin:0 0 15px;
}

div#mainContents div.module .red {
	color:#e7141a;
}

div#mainContents div.module table.normal {
	border-collapse:collapse;
	border-spacing:0;
	border-top: 1px solid #C0CBD7;
	border-right: 1px solid #C0CBD7;
	width:790px;
	margin:10px 0 25px;
}

div#mainContents div.module table.normal th,
div#mainContents div.module table.normal td {
	padding:8px 6px;
	border-bottom: 1px solid #C0CBD7;
	border-left: 1px solid #C0CBD7;
}

div#mainContents div.module table.normal th {
	background:#F6F8FA;
}

div#mainContents div.module .noteWrap {
	margin:17px 0 0;
	font-size:78%;
}

div#mainContents div.module .noteWrap li {
	margin:5px 0 0;
	padding-left: 1em;
	text-indent: -1em;
}

div#mainContents div.module {
	margin:0 0 25px;
	font-size:114%;
}

div#mainContents div#itemWrap {
	font-size:100%;
}

div#mainContents div.module div.moduleInner {
	padding:10px 30px;
	background:url(../images/sec_bg.gif) 0 0 repeat-y;
}

div#mainContents div.module .maintextWrap {
}

div#mainContents div.module .maintextWrap .linetitle {
	border-bottom:1px solid #028ee2;
	padding:0 0 3px;
	margin:0 0 5px;
	color:#028ee2;
}

div#mainContents div.module .maintextWrap p.linetext {
	margin:0 0 10px;
}

div#mainContents div.module .maintextWrap p {
	margin:10px 0 0;
}

div#mainContents div.module div.head {
	background:url(../images/sec_head.gif) 0 0 no-repeat;
	height:19px;
	font-size:0;
}

div#mainContents div.module div.foot {
	background:url(../images/sec_foot.gif) 0 0 no-repeat;
	height:19px;
}

div#mainContents div.module .titleimg {
}

div#mainContents div.module .titleimg img {
	vertical-align:top;
}

div#mainContents p.more,
div#mainContents ul.more {
	text-align:right;
}

div#mainContents p.more {
	margin:0 5px 0 0;
}

div#mainContents ul.more li {
	display:inline;
	padding:0 5px 0 3px;
}

div#mainContents p.more a,
div#mainContents ul.more li a {
	padding:0 0 0 14px;
	background:url(../images/arrow_r.gif) no-repeat left center;
	zoom:1;
}



/*===================================================================
	#subContents setting
===================================================================*/

/*-------------------------------------------------------------------
	Setting of Common.
-------------------------------------------------------------------*/

div#subContents {
	float:right;
	width:300px;
	padding:0 0 10px;
	overflow:hidden;
}

div#subContents div.module {
	margin:0 0 10px;
	border:1px solid #A6AEB2;
	background:#fff;
}

div#subContents div.module div.moduleInner {
	padding:10px;
}

div#subContents div.module h2 {
	padding:3px 6px;
	margin:0px;
	border-bottom:1px solid #A6AEB2;
	font-size:1em;
}

div#subContents div.module ul li {
	background:url(../images/li_dot.gif) no-repeat 0px 6px;
	padding:0 0 0 8px;
}

/*-------------------------------------------------------------------
	Setting of adRectangle.
-------------------------------------------------------------------*/

div#subContents div.adRectangle {
	margin:0 0 10px;
}

/*-------------------------------------------------------------------
	Setting of sideInfo.
-------------------------------------------------------------------*/

div#subContents div#sideInfo div.moduleInner {
	padding:10px 10px 5px 10px;
}

div#subContents div#sideInfo dl {
	line-height:1.35em;
}

div#subContents div#sideInfo dt {
	background:url(../images/li_dot.gif) no-repeat 0px 7px;
	padding:0 0 0 8px;
	margin:0;
}

div#subContents div#sideInfo dd {
	padding:0 0 0 8px;
	margin:0 0 10px;
}

/*===================================================================
	#contentsBtm setting
===================================================================*/

div#contentsBtm {
	padding:0px 14px 8px;
	margin:0;
}

div#contentsBtm p.pgTopLink {
	margin:0 0 15px;
	text-align:right;
	zoom:1;
}

div#contentsBtm p.pgTopLink:after {
	content:'';
	display:block;
	clear:both;
}

div#contentsBtm p.pgTopLink a {
	display:block;
	_display:inline;
	padding:1px 0 3px 20px;
	float:right;
	zoom:1;
}

div#contentsBtm p.pgTopLink span {
	display:block;
	_display:inline;
	min-height:12px;
	_height:12px;
	cursor:pointer;
	zoom:1;
}

div#contentsBtm div#btmNavi {
	padding:0 0 10px;
}

div#contentsBtm div#btmNavi div.monitor {
	float:left;
	width:555px;
}

div#contentsBtm div#btmNavi p.HomepageLink {
	float:right;
	width:300px;
	text-align:right;
}

/*===================================================================
	#footer setting
===================================================================*/


div#footer {
	padding:15px 0 5px;
	margin:0;
	text-align:center;
	background:#fff;
}

div#footer .footerInner {
	width:852px;
	margin:0 auto;
}

/*===================================================================
	.infoWrap setting
===================================================================*/

.infoWrap {
}

.infoWrap .title {
	background:#028ee2;
	display:block;
}

.infoWrap .inner {
	padding:10px 25px;
	margin:0 0 25px;
	background:#fff;
	border:1px solid #028ee2;
}

.infoWrap .inner ul {
	overflow:hidden;
}

.infoWrap .inner ul li {
	margin:0 0 10px;
	overflow:hidden;
}

.infoWrap .inner ul li .info {
	overflow:hidden;
	float:left;
	width:680px;
	line-height:1.5;
}

.infoWrap .inner ul li .icon {
	vertical-align:middle;
	margin:0 0 0 6px;
}

.infoWrap .inner ul li .time {
	width:90px;
	color:#888888;
	font-weight:bold;
	float:left;
}

/*===================================================================
	.mainimgWrap setting
===================================================================*/

.mainimgWrap {
	margin:0 0 15px;
}

.mainimgWrap .mainimgWrapInner {
	overflow:hidden;
	zoom:1;
	padding:13px 20px 0;
	background:url(../images/mainimgwrap_bg.gif) 0 0 repeat-y;
}

.mainimgWrap .foot {
	height:18px;
	background:url(../images/mainimgwrap_foot.gif) 0 0 no-repeat;
}

.mainimgWrap .btnWrap {
	float:left;
	width:410px;
}

.mainimgWrap .btnWrap .btn {
	margin:0 0 10px;
}

.mainimgWrap .infolistWrap {
	float:right;
	width:379px;
}

.mainimgWrap .infolistWrap ul {
}

.mainimgWrap .infolistWrap ul li {
	background:url(../images/listmark.gif) 0 0.4em no-repeat;
	padding:0 0 0 10px;
	margin:5px 0 0;
}

.mainimgWrap .infolistWrap .head {
	background:url(../images/main_wrap_head.gif) 0 0 no-repeat;
	height:9px;
	font-size:0;
}

.mainimgWrap .infolistWrap .inner {
	background:url(../images/main_wrap_bg.gif) 0 0 repeat-y;
	padding:0 16px 5px;
	overflow:hidden;
	zoom:1;
}

.mainimgWrap .infolistWrap .foot {
	background:url(../images/main_wrap_foot.gif) 0 0 no-repeat;
	height:9px;
	font-size:0;
}

/*===================================================================
	.presentWrap setting
===================================================================*/

div#mainContents #presentWrap .titleWrap {
	position:relative;
}

div#mainContents #presentWrap .titleWrap p.text {
	position:absolute;
	top:40px;
	left:360px;
	color:#fff;
}

div#mainContents #presentWrap .weeklyPresentWrap {
	width:790px;
}

div#mainContents #presentWrap .weeklyPresentWrap .head {
	background: url(../images/presentwrap_head.gif) 0 0 no-repeat;
	height:14px;
}

div#mainContents #presentWrap .weeklyPresentWrap .weeklyPresentWrapInner {
	background:url(../images/presentwrap_bg.gif) 0 0 repeat-y;
	padding: 0 20px;
	overflow:hidden;
	zoom:1;
}

div#mainContents #presentWrap .weeklyPresentWrap .weeklyPresentWrapInner h4 {
	margin:0 0 9px;
}

div#mainContents #presentWrap .weeklyPresentWrap .weeklyPresentWrapInner .ph {
	text-align:center;
	margin:0 0 22px;
}

div#mainContents #presentWrap .weeklyPresentWrap .weeklyPresentWrapInner .ph img {
	vertical-align:top;
}

div#mainContents #presentWrap .weeklyPresentWrap .foot {
	background: url(../images/presentwrap_foot.gif) 0 0 no-repeat;
	height:13px;
}

div#mainContents #presentWrap .weeklyPresentWrap .present1 {
	width:372px;
	float:left;
	background:url(../images/line02.gif) 100% 0 repeat-y;
	padding-bottom:3px;
}

div#mainContents #presentWrap .weeklyPresentWrap .present1 .presentInner {
}

div#mainContents #presentWrap .weeklyPresentWrap .present2 {
	float:right;
	width:346px;
	padding-bottom:3px;
}

div#mainContents #presentWrap .weeklyPresentWrap .present2 .presentInner {
}

div#mainContents .presentWrap .present3 .presentInner .textWrap {
	float:left;
	width:700px;
	font-size:1.05em;
	line-height:1.6;
	padding-top:10px;
}

div#mainContents .presentWrap .present3 .presentInner p.ph {
	float:right;
	width:70px;
}

div#mainContents .present4 {
	padding-top:12px;
	margin-top:12px;
	background:url(../images/line01.gif) 0 top repeat-x;
}

div#mainContents .present4 .pkg .txt{
	float:left;
	width:560px;
	font-size:1.12em;
	font-weight:bold;
}

div#mainContents .present4 .pkg .txt h4{
	margin-bottom:1px !important;
}

div#mainContents .present4 .pkg .txt p{
	line-height:1.5;
}

div#mainContents .present4 .pkg .ph{
	float:right;
	width:180px;
	margin-bottom:0 !important;
}


/*===================================================================
	.itemListWrap setting
===================================================================*/

div#mainContents div#itemWrap div.moduleInner {
	padding: 20px 30px 0;
}

div#mainContents .itemListWrap {
	overflow:hidden;
	zoom:1;
}

div#mainContents .itemListWrap li {
	float:left;
	background:#c3e9ff;
	margin:0 0 20px 20px;
	width:140px;
	padding:1px 1px 0;
}

div#mainContents .itemListWrap li .itemText {
	padding:5px;
}

div#mainContents .itemListWrap li.first {
	margin:0;
	clear:both;
}

div#mainContents .itemListWrap li img {
	vertical-align:top;
}

div#mainContents .itemListWrap li h4 {
	text-align:center;
	margin:0 0 4px;
}

div#mainContents .itemListWrap li h4 img {
	vertical-align:middle;
	margin:0 0 0 3px;
	zoom:1;
	position :relative;
}