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

.fl {float:left}
.fr {float:right;}
.clear {clear:both;}
.tr {text-align:right;}
.tl {text-align:left;}
.tc {text-align:center;}
hr,.hide  {display:none;}

.textRed {
	color:#FF0000;
}
.fontSmall {
	font-size:84%;
}

.borderNone {
	background:none;
}

.indent08 {
	padding-left:0.8em;
	text-indent:-0.8em;
}
.indent17 {
	padding-left:1.7em;
	text-indent:-1.7em;
}

/* 共通 */

/* margin */
.ma {margin: 0 auto;}
.mt05 {margin-top:5px;}
.mt07 {margin-top:7px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt107 {margin-top:107px;}

.mr05 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

.mb02 {margin-bottom:2px;}
.mb05 {margin-bottom:5px;}
.mb08 {margin-bottom:8px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}


.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}

.pt20 {padding-top:20px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}

.item104 {width:104px;}
.item210 {width:210px;}
.item224 {width:225px;}
.item232 {width:232px;}
.item239 {width:239px;}
.item264 {width:264px;}
.item269 {width:269px;}
.item274 {width:274px;}
.item279 {width:279px;}
.item284 {width:284px;}
.item292 {width:292px;}
.item305 {width:305px;}
.item310 {width:310px;}
.item330 {width:330px;}
.item386 {width:386px;}
.item390 {width:390px;}
.item395 {width:395px;}
.item400 {width:400px;}
.item416 {width:416px;}
.item450 {width:450px;}
.item569 {width:569px;}
.item580 {width:580px;}
.item620 {width:620px;}
.item650 {width:650px;}
.item658 {width:658px;}







#common #tagline,
#mente  #tagline {
		float:left;
		padding-top:2px;
		width:604px;
	}
#common #tagline h1,
#mente  #tagline h1 {
			float:left;
			padding:28px 0 0 0;
			width:550px;
			font-size:100%;
			font-weight:normal;
		}
#common #rogoGlico,
#mente  #rogoGlico {
	float:left;
	margin-top:25px;
}

#common #contents,
#mente  #contents {
	margin-top:5px;
	border-top:3px solid #FF0000;
}

#common #contents h2 {
	margin:25px auto 15px auto;
	padding-bottom:25px;
	width:700px;
	background:url(/img/common/line_dot.gif) left bottom no-repeat;
	text-align:center;
}
#common #contents #commonBox p {
	padding:5px 30px 0 30px;
	text-align:center;
}
#mente #contents h2 {
	margin:30px auto 20px auto;
	width:480px;
	text-align:center;
}



#mente #contents #menteBox {
	margin:0 auto;
	width:480px;
}

#mente #contents #term {
	margin-top:20px;
	padding:10px 10px 5px 10px;
	text-align:center;
	font-weight:bold;
	background:url(/img/other/bg_mente_top.gif) 0 0 no-repeat;
}
#mente #contents #term span {
	color:#FF0000;
}

#mente #contents #paragraph01 {
	padding-top:20px;
	background:url(/img/common/line_common.gif) 0 0 no-repeat;
}


#mente #contents #paragraph02 {
	padding-top:25px;
	background:url(/img/other/bg_mente_btm.gif) 0 0 no-repeat;
}
#mente address {
	margin:50px auto 10px auto;
	width:740px;
	font-style:normal;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #888888;
	text-align: center;
}
#mente address a {
	text-decoration:none;
	color:#4a4a4a;
}
#mente address a:hover {
	text-decoration:underline;
}




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

.clearfix {
	display: inline-table;
	zoom:1;
}

/*\*/
*html .clearfix {
	height: 1%;
}

.clearfix {
	display:block;
}
/**/