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

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
/*h1,*/ h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
/*legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}*/
/*input,button,textarea,select{*font-size:100%;}*/
img {vertical-align:bottom;}

body {
	background:url(/img/common/bg_body.gif) center top repeat-y;
	text-align:center;
	color:#4a4a4a;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Lucida Grande",geneva,verdana,sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

body.popup {
		background:none;
}

* html body { /* for IE6 */
font-size: small;
}
*:first-child+html body { /* for IE7 */
font-size: small;
}
html[xmlns*=""] body:last-child #wrapper { /* for Safari */
	font-size:12px;
	color:#4a4a4a;
	line-height:1.7;
}


#wrapper {
	margin:0 auto;
	width:760px;
	text-align:left;
}

/* #header */
#header {
	/*height:50px;*/
	background:#FFFFFF;
}
#rogoClub {
	float:left;
	margin:6px 7px 3px 9px;
}
#rogoGlico {
	float:left;
	margin-bottom:1px;
}

#tagline {
	float:left;
	padding-top:2px;
	width:604px;
}
#tagline h1 {
	float:left;
	padding:6px 0 3px 0;
	width:550px;
	font-size:75%;
	font-weight:normal;
}
#tagline ul {
	clear:both;
	padding-bottom:0px;
	width:604px;
	height:25px;
	background:url(/img/common/nav.gif) 0 0 no-repeat;
	font-size:1px;
}
#tagline ul li {
	float:left;
	text-indent:-9999px;
}
#tagline ul li a {
	display:block;
	height:25px;
	overflow:hidden;
}
#tagline ul li#navNews {width:86px;}
#tagline ul li#navBlog {width:82px;}
#tagline ul li#navLife {width:41px;}
#tagline ul li#navRecp {width:143px;}
#tagline ul li#navAdvc {width:93px;}
#tagline ul li#navCafe {width:41px;}
#tagline ul li#navGame {width:41px;}
#tagline ul li#navShop {width:77px;}

/* onMouse */
#tagline ul li#navNews a:hover,
#news #navNews {
	background:url(/img/common/nav.gif) 0 -25px;
}
#tagline ul li#navBlog a:hover,
#blog #navBlog {
	background:url(/img/common/nav.gif) -86px -25px;
}
#tagline ul li#navLife a:hover,
#life #navLife {
	background:url(/img/common/nav.gif) -168px -25px;
}
#tagline ul li#navRecp a:hover,
#recp #navRecp {
	background:url(/img/common/nav.gif) -209px -25px;
}
#tagline ul li#navAdvc a:hover,
#advc #navAdvc {
	background:url(/img/common/nav.gif) -352px -25px;
}
#tagline ul li#navCafe a:hover,
#cafe #navCafe {
	background:url(/img/common/nav.gif) -445px -25px;
}
#tagline ul li#navGame a:hover,
#game #navGame {
	background:url(/img/common/nav.gif) -486px -25px;
}
#tagline ul li#navShop a:hover,
#shop #navShop {
	background:url(/img/common/nav.gif) -527px -25px;
}
/* #header End */



/* #userBlock */
#userBlock {
	clear:both;
	margin:0 10px 0 10px;
	padding-bottom:3px;
	background:url(/img/common/user_icon.gif) 0 3px no-repeat;
}
#userBlock p {
	float:left;
	padding:3px 0 0 22px;
}
#userBlock ul {
	float:right;
	padding-top:3px;
}
#userBlock ul li {
	display:inline;
	padding-left:16px;
	padding-bottom:2px;
	margin-left:10px;
	background:url(/img/common/arrow.gif) 0 0 no-repeat;
}
#userBlock ul li a {
	text-decoration:none;
	color:#4a4a4a;
}
#userBlock ul li a:hover {
	text-decoration:underline;
}
/* #userBlock End */


/* #topicPath */
#topicPath {
	clear:both;
	padding:5px 0 5px 10px;
	/*width:760px;*/
	background:#d5efff;
	border-top:3px solid #0c92e1;
}
#topicPath li {
		display:inline;
}
	/*#topicPath li.fc {
			padding-left:10px;
	}*/
#topicPath li a {
	padding:0 15px 0 0;
	color:#4a4a4a;
	background:url(/img/common/bg_path_other.gif) center right no-repeat;
	text-decoration:underline;
}
#topicPath li a:hover {
	text-decoration:underline;
}
#news #topicPath {
	background:#ffe5e5;
	border-top:3px solid #ff0000;
}
#news #topicPath li a {
	background:url(/img/common/bg_path_news.gif) center right no-repeat;
}
#blog #topicPath {
	background:#f0e8d9;
	border-top:3px solid #9b6701;
}
#blog #topicPath li a {
	background:url(/img/common/bg_path_blog.gif) center right no-repeat;
}
#recp #topicPath {
	background:#ffefd9;
	border-top:3px solid #ff9600;
}
#recp #topicPath li a {
	background:url(/img/common/bg_path_life.gif) center right no-repeat;
}
#advc #topicPath {
	background:#f0f6e1;
	border-top:3px solid #9bc134;
}
#advc #topicPath li a {
	background:url(/img/common/bg_path_advc.gif) center right no-repeat;
}		
#life #topicPath {
	background:#ffefd9;
	border-top:3px solid #ff9600;
}
#life #topicPath li a {
	background:url(/img/common/bg_path_life.gif) center right no-repeat;
}
#cafe #topicPath {
	background:#e2f3e9;
	border-top:3px solid #3db06e;
}
#cafe #topicPath li a {
	background:url(/img/common/bg_path_cafe.gif) center right no-repeat;
}
#game #topicPath {
	background:#feeef3;
	border-top:3px solid #f78baf;
}
#game #topicPath li a {
	background:url(/img/common/bg_path_game.gif) center right no-repeat;
}
#shop #topicPath {
	background:#f3ebf7;
	border-top:3px solid #ad76cc;
}
#shop #topicPath li a {
	background:url(/img/common/bg_path_shop.gif) center right no-repeat;
}
/* #topicPath End */

#contents {
	clear:both;
	margin:0;
	width:760px;
}


/* footer */
#footer {
	clear:both;
	margin:0 auto;
	width:740px;
	padding-top:10px;
	text-align:center;
	font-size:84%;
}
#news #footer { /* news用フッター */
	width:760px;
	padding-top:8px;
}
#footer ul {
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #888888;
	text-align: center;
}
#footer ul li {
	display: -moz-inline-box;
	display: inline-block;
	border-left:1px solid #888888;
	padding:0 8px;
}
*html #footer ul li {
	display: inline;
	zoom: 1;
} 
*+html #footer ul li {
	display: inline;
	zoom: 1;
}
#footer ul li.fc {
	border-left:none;
}
#footer ul li a {
	text-decoration:none;
	color:#4a4a4a;
}
#footer ul li a:hover {
	text-decoration:underline;
}
#footer address {
	clear:both;
	margin-bottom:10px;
	font-style:normal;
	font-size:100%;
}
#footer address a {
		text-decoration:none;
		color:#4a4a4a;
}
/* footer End */


.bannerMobile {
		width: 740px;
		margin: 10px auto 10px auto;
		text-align: center;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 0px 1px 3px #555555;
		-webkit-box-shadow: 0px 1px 3px #555555;
		font-weight: bold;
		font-size: 25px;
		line-height: 1 !important;
		border: 1px solid #a70000;
		background: -moz-linear-gradient(top, #f90000, #a80000);
		background: -webkit-gradient(linear, left top, left bottom, from(#f90000), to(#a80000));
	}
.bannerMobile a {
		display: block;
		padding: 20px 0;
		background: url(/images_mobile/common/mobile.png) left center no-repeat;
		color: #fff;
		text-decoration: none;
	}

.nengaTitle {
	margin: 0 auto;
	width: 450px;
	text-align: center;
}






/* clearfix
------------------------------------------------------------------ */
#header:after,
#userBlock:after,
#contents:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#header,
#userBlock,
#contents {
	display: inline-table;
	zoom:1;
}

/*\*/
*html #header,
*html #userBlock,
*html #contents {
	height: 1%;
}

#header,
#userBlock,
#contents {
	display:block;
}
/**/