@charset "utf-8";
@import url("contents.css");

.nobrd {
	border: none !important;
}

div.centerImg img {
	display: block;
	margin: 0 auto;
}

button {
	background: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

#wrap {
	width: 754px;
	margin: 0 auto;
}

#header {
	width: 754px;
	border-top: 3px solid #CB161B;
	position: relative;
	height: 112px;
}

body.index #header {
	height: 386px !important;
}

	h1 {
		position: absolute;
		left: 10px;
		top: 13px;
		height: 40px;
		width: 134px;
	}
		
	h1 a{
		background: url(../common_images/logo.jpg) no-repeat;
		display: block;
		width: 134px;
		height: 40px;
		text-indent: -9999px;
	}
	
	ul#fontsize{
	position:absolute;
	left: 620px;
	top: 6px;
	width: 72px;
	height: 21px;
	background:url(../common_images/fontsize_tit.jpg) left center no-repeat;
	padding:0 0 0 60px;
	}
	
	ul#fontsize li{
		float:left;
		padding: 0 3px 0 0;
	}
	


	#hNavi{
		position: absolute;
		width: 441px;
		height: 17px;
		left: 311px;
		top: 33px;
	}
	#hNavi li{
		float:left;
		height:17px;
		}
		
	#hNavi li a {
		display: block;
		height: 17px;
		text-indent: -9999px;
		outline-style: none;
	}
	
	#hNavi li.hitem1 a { width: 62px; background:url(../common_images/top1.gif) left top no-repeat;}
	#hNavi li.hitem2 a { width: 70px; background:url(../common_images/top2.gif) left top no-repeat;}
	#hNavi li.hitem3 a { width: 67px; background:url(../common_images/top3.gif) left top no-repeat;}
	#hNavi li.hitem4 a { width: 67px; background:url(../common_images/top4.gif) left top no-repeat;}
	#hNavi li.hitem5 a { width: 88px; background:url(../common_images/top5.gif) left top no-repeat;}
	#hNavi li.hitem6 a { width: 87px; background:url(../common_images/top6.gif) left top no-repeat;}
	#hNavi li a:hover{
		background-position: bottom;
	}
	
	#mainVisual{
		position: absolute;
		left: 0px;
		top: 66px;
		}
	p.mainBnn01{
		position:absolute;
		left: 506px;
		top: 5px;
		width:236px;
		height:127px;
		}	
	p.mainBnn02{
		position:absolute;
		left: 506px;
		top: 137px;
		width:236px;
		height:127px;
		}
	p.mainBnn01 a{
		display:block;
		width:236px;
		height:127px;
		background:url(../common_images/mainBnn01.jpg) left top no-repeat;
		text-indent:-9999px;
		}
	p.mainBnn02 a{
		display:block;
		width:236px;
		height:127px;
		background:url(../common_images/mainBnn02.jpg) left top no-repeat;
		text-indent:-9999px;
		}
	p.mainBnn01 a:hover, p.mainBnn02 a:hover{
		background-position:left bottom;
		}
	
	
	
	
	
	
	#navi {
		position: absolute;
		border: 1px solid #ccc;
		padding: 1px;
		width: 750px;
		height: 44px;
		left: 2px;
		top: 64px;
	}
	
	body.index #navi {
	left: 0px !important;
	top: 338px !important;
	}
	
	#navi li {
		height: 44px;
		float: left;
		zoom: 1;
	}
	
	#navi li a {
		display: block;
		height: 44px;
		zoom: 1;
		text-indent: -9999px;
		outline-style: none;
	}
	
	#navi li#navi1 a { width: 131px; background: url(../common_images/navi1.gif) no-repeat left top;}
	#navi li#navi2 a { width: 100px; background: url(../common_images/navi2.gif) no-repeat left top;}
	#navi li#navi3 a { width: 90px; background: url(../common_images/navi3.gif) no-repeat left top;}
	#navi li#navi4 a { width: 100px; background: url(../common_images/navi4.gif) no-repeat left top;}
	#navi li#navi5 a { width: 130px; background: url(../common_images/navi5.gif) no-repeat left top;}
	#navi li#navi6 a { width: 90px; background: url(../common_images/navi6.gif) no-repeat left top;}
	#navi li#navi7 a { width: 109px; background: url(../common_images/navi7.gif) no-repeat left top;}
	
	#navi li a:hover,
	#navi li.current a {
		background-position: bottom !important;
		zoom: 1;
	}

	#contents {
		width: 754px;
		padding: 13px 0 15px 0;
	}
	
	/* main */
	
	#main {
		width: 474px;
		float: right;
		padding: 0 22px 0 19px;
		background: #fff;
	}

	/* for index */
	
	body.index #main {
		width: 464px;
		float: left;
		padding: 0 0 0 26px;
	}
		
	#whatsNew ul {
		padding: 10px 0;
	}
	
	#whatsNew li{
		padding: 3px 0;
	}
	span.date{
		font-style:normal;
		margin-right: 10px;
	}
	p.goBtt{
		float:right;
		font-size: 83%;
	}
	
	#campaignList {
		padding: 20px 0 0 0;
	}
	
	#campaign dl {
		width: 195px;
		padding: 10px 15px;
		float: left;
	}
	
	#campaign dl img {
		display: block;
	}

	#campaign dl dt {
		padding: 0 10px 0 0;
		float: left;
	}

	#campaign dl dt img {
		padding: 1px;
		border: 1px solid #d2d2d2;
	}
	
	#campaign dl dd {
		width: 119px;
		float: left;	
	}
	
	#indexTable {
		margin: 0 auto;
	}
	
	#indexTable td {
		width: 225px;
	}

	#indexTable td.rbBrd {
		border-bottom: 1px dotted #d2d2d2;
		border-right: 1px dotted #d2d2d2;
	}
	
	#indexTable td.bBrd {
		border-bottom: 1px dotted #d2d2d2;
	}
	
	#indexTable td.rBrd {
		border-right: 1px dotted #d2d2d2;
	}

	
	/* //for index */
	
	#main div.mainimg {
		margin: 0 0 0 -19px;
	}
	
	#main div.mainimg img {
		display: block;
	}
	
	#pan {
		padding: 10px 0 0 0;
	}
	
	#pan ul li {
		float: left;
	}
	
	#pan ul li a {
		background: url(../common_images/pan_icon.gif) no-repeat right center;
		padding: 0 10px 0 0;
		margin: 0 5px 0 0;
	}
	
	/* heading */
	
	h2 {
		clear: both;
		width: 474px;
		height: 35px;
		text-indent: -9999px;
		padding-top: 10px;
		margin: 0 0 10px 0;
	}
	
	body.index h2 {
		text-indent: 0;
		padding: 0;
		margin: 0;
		height: 23px;
		width: auto;
	
	}
	
	h3 {
		clear: both;
		width: 474px;
		height: 40px;
		text-indent: -9999px;
		margin: 0 0 10px 0;
		padding-top: 0px;
	}
	
	h4 {
		font-size: 100% !important;
		clear: both;
		background: url(../common_images/h4_icon.gif) no-repeat 7px 7px;
		padding: 5px 0px 5px 25px;
		margin: 0 0 5px 0;
	
	}
	
	h4.bgType {
		background: url(../common_images/h4_icon.gif) no-repeat 7px 6px #eeebe0;
		font-weight: bold;
		margin-top: 20px;
	}
	
	h4.bgType.detailTitle {
		font-size: 115% !important;
		background-position: 7px 3px;
	}
	
	div.h4Text {
		padding: 10px 0 0 10px;
	}
	
	div.h4Text p {
		line-height: 1.6;	
	}

	div.h4Text2 {
		padding: 0 0 10px 10px;	
	}
	
	div.h4Text2 p {
		line-height: 1.6;	
	}
	
	div.h4Text3 {
		padding: 0 0 0 10px;	
	}
	
	div.h4Text3 p {
		line-height: 1.6;
		padding: 0 0 10px 0;
	}

	
	div.ruby {
		background: #eeebe0;
	}
	div.ruby p {
		font-size: 95%;
		color: #999;
		padding: 5px 0 0 25px;
	}
	
	div.ruby h4 {
	padding-top: 0;
	background-position: 7px 1px;
	margin-top: 0 !important;
	}
	
	/* //heading */
	div.rBoxWrap {
		background: url(../common_images/rbox_top.gif) no-repeat left top;
		width: 100%;
		margin: 0 0 15px 0;
	}
	div.rBox {
		background: url(../common_images/rbox_bottom.gif) no-repeat left bottom;
		padding: 15px;
	}
	
	div.borderBox {
		margin: 20px 0 0 0;
		width: 456px;
		border: 7px solid #eee;
		padding: 2px;		
	}
	
	div.pageTop {
		clear: both;
		padding: 10px 0;
	}
	
	div.pageTop a {
		display: block;
		float: right;
		width: 90px;
		height: 18px;
		background: url(../common_images/page_top.gif) no-repeat left top;
		text-indent: -9999px;
		outline-style: none;
	}
	
	
	

	
		/* side */
		
		#side {
			width: 220px;
			float: left;
			padding: 0 0 0 5px;
		}
		
		body.index #side {
			width: 233px;
			float: right;
			padding: 0 0 10px 0;
		}
		
		#shopWrap {
			width: 233px;
			background: url(../common_images/shopTop.gif) no-repeat left top;
			padding: 7px 0 0 0;
		}
		
		#shopSearch {
			width: 204px;
			height: 52px;
			margin: 0 0 3px 9px;
			padding: 0 0 3px 0;
			border-bottom: 1px dotted #ccc;
		}
		
		#shopSearch a {
			display: block;
			width: 204px;
			height: 52px;
			background: url(../common_images/top_banner_btn.gif) no-repeat left top;
			text-indent: -9999px;
		}
		
		#shopSearch a:hover {
			background-position: bottom;
		}
		
		ul#shopList {
			background: url(../common_images/shopBottom.gif) no-repeat left bottom;
			padding: 0 0 6px 9px;
		}
		
		ul#shopList li {
			padding: 0 0 3px 0;
		}
		
		div#banner {
			width: 204px;
			margin: 0 auto 3px;
			border-bottom: 1px dotted #ccc;
			padding: 10px 0 10px;
		}
		div#qrcode {
			width: 204px;
			margin: 0 auto 3px;
			border-bottom: 1px dotted #ccc;
			padding: 10px 0 10px;
		}

		div#banner_ajoc {
			width: 204px;
			margin: 0 auto 3px;
			border-bottom: 1px dotted #ccc;
			padding: 10px 0 10px;
		}
		
		div#banner img {
			display: block;
			margin-bottom: 3px;
		}
		
		body.index div#banner {
			margin: 0 0 3px 10px;
		}

		body.index div#qrcode {
			margin: 0 0 3px 10px;
		}
		
		body.index div#banner_ajoc {
			margin: 0 0 3px 10px;
		}

		div#banner a {
			display: block;
		}
		
		div#gSearch {
			width: 204px;
			margin: 0 auto 3px ;
			padding: 10px 0 10px;
			text-align: center;
		}
		
		body.index div#gSearch {
			margin: 0 0 3px 10px;
		}
		
		ul#subMenu {
			padding: 10px 0 10px;
			width: 220px;
			margin: 0 auto;
			border-bottom: 1px dotted #ccc;
		}
		
		ul#subMenu li {
			width: 220px;
			height: 41px;
			margin: 0 0 2px 0;
		}
		
		ul#subMenu li a {
			display: block;
			width: 220px;
			height: 41px;
			text-indent: -9999px !important;
			outline-style: none;
		}
		
		ul#logoList {
			width: 210px;
			margin: 0 auto;
		
		}
		
		ul#logoList li {
			width: 210px;
			height: 42px;
			border-bottom: 1px dotted #ccc;
			margin: 3px 0;
			float: left;
		}

		ul#logoList li a {
			display: block;
			width: 210px;
			height: 42px;
			background: url(../common_images/logo_icon.gif) no-repeat 15px center;
			text-indent: 40px;
		}
		
			/* sub page side banner */
		
		div.sideBanner {
			clear: both;
			width: 210px;
			margin: 0 auto 10px;
			padding: 15px 0 10px 0;
			border-bottom: 1px dotted #ccc;
		}
		
		div.sideBannerWrap {
			
			background: url(../common_images/sidebanner_top.gif) no-repeat left top;
			margin: 0 0 5px 0;
		}
		
		div.sideBanner dl {
			width: 192px;
			padding: 9px;
			float: none;
			background: url(../common_images/sidebanner_bottom.gif) no-repeat left bottom;
		}
		
		div.sideBanner dl img {
			display: block;
		}
	
		div.sideBanner dl dt {
			padding: 0 10px 0 0;
			float: left;
			width: 66px;
		}
	
		div.sideBanner dl dt img {
			padding: 1px;
			border: 1px solid #d2d2d2;
		}
		
		div.sideBanner dl dd {
			float:left;
			width:116px;
		}
		
		/* //sub page side banner */




#footer {
	clear: both;
	width: 754px;
	font-size: 83%;
}

#fNavi {
	text-align: center;
	background: #4c4c4c;
	padding: 5px 0;
	margin: 0 0 5px 0;
}

#fNavi li {
	display: inline;

	border-left: 1px solid #fff;
	padding: 0 7px;
	text-align: center;
}

#fNavi li a {
	color: #fff;
	text-decoration: none;
}

#fNavi li a:hover {
	text-decoration: underline;
}

#fMenu {
	float: left;
	margin-left: 12px;
	display: inline;
}

#fMenu li {
	display: inline;
	border-left: 1px solid #4c4c4c;
	padding: 0 7px;
	text-align: center;
}

#fMenu li a {
	text-decoration: none;
}

p#copyright {
	float: right;
	margin-right: 12px;
	display: inline;

}
#recruit_table {
	padding: 10px;
}
#recruit_table td{
	padding: 5px;
}