@charset "utf-8";

/* ============================================
	CSS Reset
============================================ */
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset,
p, blockquote,
th, td
{ 
	margin: 0;
	padding: 0;
}


input, textarea
{
	margin: 0; /* natural padding */
}


table
{
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}


fieldset, img
{ 
	border: 0;
}


address, caption, cite, code, dfn, em, th, var
{
	font-style: normal;
	font-weight: normal;
}


ol, ul
{
	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;
}


/* ============================================
	Base font
============================================ */
body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	color: #666666;
}

/*ie7*/
*:first-child+html body {
	font-size:75%;
}
	
/*ie5-6*/
* html body {
	font-size:75%;
}


/* ============================================
	font Style
============================================ */
.fontBold {
	font-weight: bold;
}
.fontItalic {
	font-style: italic;
}
.fontSSS { font-size: 70%;}
.fontSS  { font-size: 78%;}
.fontS   { font-size: 85%; /* base 12px = 10px */}
.fontL   { font-size: 115%; /* base 12px = 14px */}
.fontLL  { font-size: 130%; /* base 12px = 16px */}
.fontLLL { font-size: 143%; /* base 12px = 18px */}


/* ============================================
	clearfix
============================================ */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* ============================================
	float
============================================ */
.fltL { float: left;}
.fltR { float: right;}


/* ============================================
	preset margin 
============================================ */
.mt05 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt12 { margin-top: 12px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt40 { margin-top: 40px;}
.mt45 { margin-top: 45px;}
.mt50 { margin-top: 50px;}

.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb12 { margin-bottom: 12px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb35 { margin-bottom: 35px;}
.mb40 { margin-bottom: 40px;}
.mb45 { margin-bottom: 45px;}
.mb50 { margin-bottom: 50px;}


/* ============================================
	inline align
============================================ */
.inlineL { text-align: left;}
.inlineC { text-align: center;}
.inlineR { text-align: right;}


/* ============================================
	block align
============================================ */
.blockC {
	text-align: center;
}
	.blockC .block {
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}

.blockR {
	text-align: right;
}
	.blockR .block {
		margin-left: auto;
		text-align: left;
	}


/* ============================================
	tools
============================================ */
.clear { 
	clear: both;
}

.block {
	display: block;
}
.inline {
	display: inline;
}

.nobg {
	background: none !important;
}

/* margin clear */
.mcAll { margin: 0 !important;}
.mcT   { margin-top: 0 !important;}
.mcR   { margin-right: 0 !important;}
.mcB   { margin-bottom: 0 !important;}
.mcL   { margin-left: 0 !important;}


/* ============================================
	Base Layout
============================================ */
body {
	background: #ffffff url(../images/body_bg.jpg) repeat-x left top;
	text-align: center;
}
	#wrapper {
		width: 100%;
		min-width: 950px;
		background: transparent url(../images/contents_bg.jpg) no-repeat center top;
	}


/* --------------------------------------------
	headerFrame
-------------------------------------------- */
#headerFrame {
	width: 100%;
}
	#header {
		background: url(../images/head_bg_top.jpg) no-repeat left top;
		margin: 0 auto;
		width: 950px;
		height: 57px;
		overflow: hidden;
		text-align: left;
	}
		#header h1 {
			display: inline;
			float: left;
			margin: 15px 0 0 2px;
		}
		.navi {
			display: inline;
			float: right;
			margin: 17px 61px 0 0;
			width: 331px;
			height: 12px;
		}
			.navi li { float: left; line-height: 0; }
			.navi li.navi01 { margin-right: 18px;}
			.navi li.navi02 { margin-right: 15px;}
			.navi li.navi03 { margin-right: 17px;}
	

/* --------------------------------------------
	contents
-------------------------------------------- */
#contents {
	margin: 0 auto;
	padding-bottom: 60px;
	width: 952px;
	min-height: 1%;
	text-align: left;
}
#contents:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html #contents {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
	#mainImg {}
	
	.twoColumn #mainContents {
		display: inline;
		background: #ffffff;
		border: 1px solid #e9ebcf;
		width: 698px;
		margin-right: 11px;
		min-height: 1%;
		float: right;
	}
	.oneColumn #mainContents {
		background: #ffffff;
		margin: 0 auto;
		border: 1px solid #e9ebcf;
		width: 930px;
		min-height: 1%;
	}
	#mainContents:after {
		clear: both;
		content:".";
		display: block;
		height: 0;
		visibility: hidden;
	}
	* html #mainContents {
		height: 1%;
		/*\*//*/
		height: auto;
		overflow: hidden;
		/**/
	}
		#mainSection {
			float: left;
			width: 413px;
			margin-top: 30px;
			border-right: 1px solid #e7e7e7;
			padding: 0 20px 30px 30px;
		}
		#subSection {
			display: inline;
			float: right;
			margin: 28px 30px 0 0;
		}
		
	#subContents {
		display: inline;
		background: url(../images/sub_bg_001.gif) no-repeat left bottom;
		margin-left: 11px;
		padding-bottom: 76px;
		width: 212px;
		float: left;
	}
		#subContents .bnrList {
			margin-top: 7px;
			width: 212px;
			overflow: hidden;
		}
			#subContents .bnrList li {
				float: left;
			}
				#subContents .bnrList li img {
					display: block;
				}
		.netshop a {
			display: block;
			background-image: url(../images/sub_bnr_netshopping_ov.jpg);
			width: 212px;
			height: 107px;
		}
		.netshop a:hover {
			background-color: transparent;
		}
			.netshop a:hover img {
				visibility: hidden;
			}
	.pageTop {
		clear: both;
		position: relative;
		bottom: -29px;
		right: 7px;
		text-align: right;
	}			


/* --------------------------------------------
	footer
-------------------------------------------- */
#footer {
	clear: both;
	margin: 0 auto;
	padding-bottom: 50px;
	width: 950px;
	text-align: left;
}
	#footer a {
		color: #336363;
		text-decoration: underline;
	}
	#footer a:hover {
		text-decoration: none;
	}

	/* footerTop */
	#footerTop {
		width: 950px;
		overflow: hidden;
		font-size: 85%;
	}
		#footerTopL {
			float: left;
		}
			.fNaviTop,
			.fNaviBottom {
				width: 675px;
				overflow: hidden;
			}
			.fNaviTop {
				margin-left: -10px;
			}
				.fNaviTop li,
				.fNaviBottom li {
					float: left;
				}
				.fNaviTop li {
					background: url(../images/foot_bg_fnavi.gif) no-repeat right center;
					padding: 0 9px 0 10px;
				}
				.fNaviTop li.last {
					background: none;
					padding: 0 0 0 10px;
				}
			.fNaviBottom {
				margin-top: 6px;
			}
				.fNaviBottom li {
					padding-right: 8px;
				}
		#footerTopR {
			float: right;
			width: 273px;
		}

	/* footerBottom */
	#footerBottom {
		margin-top: 15px;
		border-top: 2px solid #333333;
		padding-top: 10px;
	}
		#footerBottom ul {
			float: left;
			height: 11px;
			line-height: 11px;
			overflow: hidden;
		}
			#footerBottom ul li {
				float: left;
				margin-right: 9px;
			}
		#footerBottom p {
			float: right;
			font-size: 85%;
		}

/* ============================================
	gNavi
============================================ */
#globalMenu {
	background: url(../images/head_bg_gnavi02.jpg) no-repeat left top;
	margin: 0 auto;
	width: 950px;
	height: 59px;
	position: relative;
	z-index: 3;
}

	* html #globalMenu {
	}

	* html #globalMenu li {
		height:1%;
	}

	#globalMenu li#mainMenu01 {
		position: absolute;
		top: 0;
		left: 0px;
		width: 152px;
	}
	#globalMenu li#mainMenu02 {
		position: absolute;
		top: 0;
		left: 152px;
		width: 152px;
	}
	#globalMenu li#mainMenu03 {
		position: absolute;
		top: 0;
		left: 304px;
		width: 151px;
	}
	#globalMenu li#mainMenu04 {
		position: absolute;
		top: 0;
		left: 455px;
		width: 152px;
	}
	#globalMenu li#mainMenu05 {
		position: absolute;
		top: 0;
		left: 607px;
		width: 151px;
	}
	#globalMenu li#mainMenu06 {
		position: absolute;
		top: 0;
		left: 758px;
		width: 152px;
	}
	#globalMenu li#mainMenu07 {
		position: absolute;
		top: 0;
		left: 910px;
		width: 40px;
	}
	#globalMenu li#mainMenu08 {
		position: absolute;
		top: 0;
		left: 950px;
	}
		#globalMenu li a {
			display: block;
			width: 100%;
			height: 59px;
		}
		#globalMenu li a:hover { background-color: transparent;}
			#globalMenu li a:hover img { visibility: hidden;}


	#globalMenu li ul {
		display: none;
		margin-top: -1px;
		width: 152px;
		border-top: 1px solid #666666;
	}

	#globalMenu li ul li {	
	float:left;
		border: 1px solid #666666;
		border-top: none;
	}
	
		#globalMenu li ul li a {
			display: block;
			height: 25px;
		}

		#globalMenu li ul li a:hover { background-color: transparent;}
			#globalMenu li ul li a:hover img { visibility: visible;}
		
			#globalMenu li ul li a img {
				vertical-align: bottom;
			}
	
	#globalMenu #subMenu01 {
	}
	#globalMenu #subMenu02,
	#globalMenu #subMenu03,
	#globalMenu #subMenu04,
	#globalMenu #subMenu05,
	#globalMenu #subMenu06 {
		margin-left: -1px;
	}
	
		
/* --------------------------------------------
	gNavi Active
-------------------------------------------- */

body#products  #mainMenu01 a img.mainMenuBtn,
body#enjoy     #mainMenu02 a img.mainMenuBtn,
body#knowledge #mainMenu03 a img.mainMenuBtn,
body#customer  #mainMenu04 a img.mainMenuBtn,
body#company   #mainMenu05 a img.mainMenuBtn,
body#hoge      #mainMenu06 a img.mainMenuBtn
{
	visibility: hidden;
}


	/* contentsFrame */
	#contentsFrame {
		margin: 0 auto;
		padding-bottom: 15px;
		width: 950px;
		text-align: left;
	}

		/* topicPath */
		#topicPath {
			background: url(../images/contents_bg_topicpath.gif) no-repeat 20px top;
			padding-left: 54px;
			height: 34px;
			overflow: hidden;
			font-size: 85%;
			line-height: 34px;
		}
			#topicPath li {
				float: left;
			}
				#topicPath li a {
					color: #cc6666;
					text-decoration: underline;
				}
				#topicPath li a:hover {
					text-decoration: none;
				}
		


/* ============================================
	link
============================================ */
a {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	color: #cc6666;
}



/* ============================================
	Print
============================================ */
@media print {
#contents {
	display: table;
}
	#mainContents,
	#subContents {
		display: table-cell;
	}
}