@charset "utf-8";

/* default
=================================================================================== */

* {
	margin: 0;
	padding: 0;
	list-style: none;
	outline : none;
}

body {
	background: url(../../common/images/bg.gif) repeat;
	border-top: 2px solid #e6002d;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, verdana, arial, clean, sans-serif;
	font-size: 12px;
	line-height: 0;
	text-align: center;
	color: #333;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
}

img { border: none;}

p,li,th,td,h1,h2,h3,h4,h5,dt,dd { text-align: left; line-height: 1.6em;}

.ma5 { margin: 5px !important;}
.ma10 { margin: 10px !important;}

.mt0 { margin-top: 0 !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}
.mt70 { margin-top: 70px !important;}

.mr0 { margin-right: 0px !important;}
.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr30 { margin-right: 30px !important;}
.mr40 { margin-right: 40px !important;}
.mr50 { margin-right: 50px !important;}

.mb0 { margin-bottom: 0 !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}

.ml-4 { margin-left: -4px !important;}
.ml-8 { margin-left: -8px !important;}
.ml-7 { margin-left: -7px !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml30 { margin-left: 30px !important;}
.ml40 { margin-left: 40px !important;}
.ml50 { margin-left: 50px !important;}
.ml60 { margin-left: 60px !important;}
.ml70 { margin-left: 70px !important;}
.ml80 { margin-left: 80px !important;}
.ml90 { margin-left: 90px !important;}

.pt1 { padding-top: 1px !important;}
.pt2 { padding-top: 2px !important;}
.pt3 { padding-top: 3px !important;}
.pt4 { padding-top: 4px !important;}
.pt5 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt40 { padding-top: 40px !important;}
.pt50 { padding-top: 50px !important;}
.pt100 { padding-top: 100px !important;}

.pl9 { padding-left: 9px !important;}
.pl35 { padding-left: 35px !important;}

.pb0 { padding-bottom: 0px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb60 {
	padding-bottom: 60px !important;
}
.pb100 { padding-bottom: 100px !important;}
.pb200 { padding-bottom: 200px !important;}
.pb300 { padding-bottom: 300px !important;}

.fs10 { font-size: 10px !important;}
.fs11 { font-size: 11px !important;}
.fs12 { font-size: 12px !important;}
.fs13 { font-size: 13px !important;}
.fs14 { font-size: 14px !important;}
.fs15 { font-size: 15px !important;}
.fs16 { font-size: 16px !important;}
.fs17 { font-size: 17px !important;}
.fs18 { font-size: 18px !important;}
.fs21 { font-size: 21px !important;}
.fs24 { font-size: 24px !important;}
.fs28 { font-size: 28px !important;}
.fs32 { font-size: 32px !important;}

.tl { text-align: left !important;}
.tc { text-align: center !important;}
.tr { text-align: right !important;}

.vt { vertical-align: top !important;}
.vb { vertical-align: bottom !important;}
.lh0 { line-height: 0 !important;}
.db { display: block !important;}

.fl { float: left !important;}
.fr { float: right !important;}
.fc { margin-left: auto !important; margin-right: auto !important;}
.cl { clear: both !important; float: none !important;}

.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cf { zoom: 1;}

.fn { font-weight: normal !important;}
.fb { font-weight: bold !important;}
.ws { white-space: nowrap !important;}
.db { display: block !important;}
.line { text-decoration: underline !important;}
.mincho { font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif !important;}


/* common
=================================================================================== */
/* header
=================================================================================== */
#header {
	width: 100%;
	height: 77px;
	background: #fff;
	}
	#header #header-inner {
		width: 980px;
		height: 77px;
		margin: 0 auto;
		position: relative;
	}
	#header h1 {
		position: absolute;
		top: 10px;
		left: 0;
	}
	#header #header-gnav {
		height: 48px;
		width: 455px;
		float: right;
		margin-top: 15px;
		margin-right: -1px;
		position: relative;
		z-index: 0;
		}
		#header #header-gnav li {
			float: left;
			background: url(../../common/images/header_gnav_bg.gif) left repeat-x;
			padding: 0 11px 0 10px;
			}
			#header #header-gnav li a {
				display: block;
				width: 70px;
				height: 48px;
				line-height: 0;
				text-indent: -9999em;
				}
				#header #header-gnav li a.header-gnav-1 { background: url(../../common/images/header_gnav_01.gif) top no-repeat;}
				#header #header-gnav li a.header-gnav-2 { background: url(../../common/images/header_gnav_02.gif) top no-repeat;}
				#header #header-gnav li a.header-gnav-3 { background: url(../../common/images/header_gnav_03.gif) top no-repeat;}
				#header #header-gnav li a.header-gnav-4 { background: url(../../common/images/header_gnav_04.gif) top no-repeat;}
				#header #header-gnav li a.header-gnav-5 { background: url(../../common/images/header_gnav_05.gif) top no-repeat;}
				#header #header-gnav li a:hover,
				#header #header-gnav li.current a { background-position: bottom;}
	#header #header-bnr-1 {
		float: right;
		margin-top: 17px;
		position: relative;
		margin-right: 10px;
		z-index: 1;
		}
	#header #header-bnr-2 {
		float: right;
		margin-top: 17px;
		position: relative;
		z-index: 1;
		}
		#header #header-bnr-1 a,
		#header #header-bnr-2 a {
			display: block;
			line-height: 0;
		}

/* footer
=================================================================================== */
#footer {
	width: 100%;
	/*height: 80px;*/
	height: 178px;
	background: #f4f4f4;
	position: relative;
	z-index: 0;
	}
	#footer #footer-inner {
		width: 1000px;
		/*height: 80px;*/
		height: 178px;
		margin: 0 auto;
		position: relative;
		}
		#footer #footer-inner #pagetop {
			position: absolute;
			top: -25px;
			right: 0;
			}
			#footer #footer-inner #pagetop a {
				display: block;
				line-height: 0;
			}
		#footer #footer-inner #footer-bnr {
			position: absolute;
			top: 20px;
			left: 5px;
			background: #fff;
			}
			#footer #footer-inner #footer-bnr a {
				display: block;
				line-height: 0;
			}
		#footer #footer-inner #footer-social {
			position: absolute;
			top: 24px;
			width: 100%;
			height: 60px;
			margin: 0 auto;
			}
			#footer #footer-inner #footer-social ul,
				#footer #footer-inner #footer-social li {
					font-size: 0;
					display: inline-block;
				}
				#footer #footer-inner #footer-social .social-line {
					margin-left: 25px;
				}
				#footer #footer-inner #footer-social .social-tw {
					margin-left: 84px;
				}
				#footer #footer-inner #footer-social .social-fb {
					margin-left: 64px;
			    margin-right: -15px;
					}
					#footer #footer-inner #footer-social a {
						display: block;
						text-align: center;
						text-decoration: none;
						}
						#footer #footer-inner #footer-social img {
							width: 30px;
							height: 30px;
						}
						#footer #footer-inner #footer-social span {
							display: block;
							font-size: 12px;
							line-height: 1;
							letter-spacing: 0.06em;
							text-decoration: none;
							margin-top: 10px;
							padding-bottom: 1px;
						}
						#footer #footer-inner #footer-social .social-line span {
							color: #00c402;
							border-bottom: solid 1px #00c402;
						}
						#footer #footer-inner #footer-social .social-tw span {
							color: #55acef;
							border-bottom: solid 1px #55acef;
						}
						#footer #footer-inner #footer-social .social-fb span {
							color: #3c5a98;
							border-bottom: solid 1px #3c5a98;
						}

		#footer #footer-inner #footer-menu {
			position: absolute;
			/*top: 24px;*/
			top: 121px;
			right: 5px;
			text-align: right;
			width: 100%;
			}
			#footer #footer-inner #footer-menu li {
				display: inline;
				font-size: 11px;
				line-height: 1em;
				}
				#footer #footer-inner #footer-menu li a {
					color: #707070;
					text-decoration: none;
					}
					#footer #footer-inner #footer-menu li a:hover {
						text-decoration: underline;
					}
		#footer #footer-inner #footer-copy {
			position: absolute;
			/*bottom: 21px;*/
			bottom: 22px;
			right: 5px;
			line-height: 0;
		}

/* container
=================================================================================== */
#container {
	padding-bottom: 115px;
	position: relative;
	}
	#contents {
		width: 980px;
		margin: 0 auto;
		position: relative;
		}
		.left-column {
			width: 210px;
			float: left;
			}
			.left-column .left-column-nav dt {
				line-height: 0;
				border-bottom: 1px solid #e5e5e5;
			}
			.left-column .left-column-nav dd {
				background: url(/common/images/left_bg.gif) #ffffff left center no-repeat;
				width: 208px;
				line-height: 1em;
				border-left: 1px solid #e5e5e5;
				border-right: 1px solid #e5e5e5;
				border-bottom: 1px solid #e5e5e5;
				font-size: 11px;
				}
				.left-column .left-column-nav dd a {
					display: block;
					padding: 10px 10px 9px 28px;
					color: #333;
					text-decoration: none;
					}
					.left-column .left-column-nav dd a:hover {
						text-decoration: underline;
					}
			.left-column .left-column-nav2 li {
				width: 210px;
				}
				.left-column .left-column-nav2 li a {
					display: block;
					line-height: 0;
					width: 210px;
					text-indent: -9999em;
					}
					.left-column .left-column-nav2 .left-column-nav2-1 { background: url(/levain-cup/images/left_nav01.gif) no-repeat; height: 41px;}
					.left-column .left-column-nav2 .left-column-nav2-2 { background: url(/levain-cup/images/left_nav02.gif) no-repeat; height: 40px;}
					.left-column .left-column-nav2 .left-column-nav2-3 { background: url(/levain-cup/images/left_nav03.gif) no-repeat; height: 40px;}
					.left-column .left-column-nav2 .left-column-nav2-4 { background: url(/levain-cup/images/left_nav04.gif) no-repeat; height: 40px;}
					.left-column .left-column-nav2 .left-column-nav2-5 { background: url(/levain-cup/images/left_nav05.gif) no-repeat; height: 40px;}
					.left-column .left-column-nav2 li a:hover,
					.left-column .left-column-nav2 li.current a { background-position: bottom;}
			.left-column .left-column-nav3 li {
				width: 210px;
				}
				.left-column .left-column-nav3 li a {
					display: block;
					line-height: 0;
					width: 210px;
					text-indent: -9999em;
					}
					.left-column .left-column-nav3 .left-column-nav3-1 { background: url(/company_nb/images/left_nav_01.gif) no-repeat; height: 38px;}
					.left-column .left-column-nav3 .left-column-nav3-2 { background: url(/company_nb/images/left_nav_02.gif) no-repeat; height: 20px;}
					.left-column .left-column-nav3 .left-column-nav3-3 { background: url(/company_nb/images/left_nav_03.gif) no-repeat; height: 23px;}
					.left-column .left-column-nav3 .left-column-nav3-4 { background: url(/company_nb/images/left_nav_04.gif) no-repeat; height: 40px;}
					.left-column .left-column-nav3 .left-column-nav3-5 { background: url(/company_nb/images/left_nav_05.gif) no-repeat; height: 40px;}
					.left-column .left-column-nav3 .left-column-nav3-6 { background: url(/company_nb/images/left_nav_06.gif) no-repeat; height: 40px;}
					.left-column .left-column-nav3 li a:hover,
					.left-column .left-column-nav3 li.current a { background-position: bottom;}
		.left-column a img {
			filter:alpha(opacity=100)!important;
			-moz-opacity: 1!important;
			opacity: 1!important;
		}


		#right-column {
			width: 758px;
			border: 1px solid #e5e5e5;
			background: #fff;
			float: right;
		}

#pankuzu {
	height: 30px;
	line-height: 30px;
	font-size: 10px;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	}
	#pankuzu a {
		color: #333;
		text-decoration: none;
		}
		#pankuzu a:hover {
			text-decoration: underline;
		}
#mainttl {
	background: url(../../common/images/mainttl_bg.png) repeat-x;
	height: 80px;
	margin-bottom: 10px;
	}
	#mainttl h2 {
		width: 980px;
		margin: 0 auto;
		text-align: left;
		padding-top: 20px;
		line-height: 0;
		}
		#mainttl h2 img {
			display: block;
			margin-left: 5px;
		}

.totop {
	width: 970px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 18px;
	}
	.totop a {
		width: 124px;
		display: block;
		line-height: 0;
	}
