@charset "UTF-8";

/* /////////////////////////////////////////////////////////////////////////// wrapper */

div#wrapper{
	background:url(img/bg_body.jpg) repeat-x left top;
	zoom:1;
}

/* /////////////////////////////////////////////////////////////////////////// header */

div#header{
	width:979px;
	height:155px !important;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	color:#7f7f7f;
}

	div#header h1,
	div#header p#logo{
		position:absolute;
		top:24px;
		left:15px;
	}
	
	div#header h2,
	div#header p#tagline{
		margin-left:255px;
		margin-top:24px;
		font-size:10px;
	}

/* 検索ボックス */
	
div#header form#search{
	width:479px;
	height:44px;
	margin-left:255px;
	margin-top:16px;
	border:1px solid #d9d9d9;
	background:url(img/bg_style01.jpg) repeat-x left bottom;
}

div#header form#search dl{
	display:table;
	margin-top:11px;
	margin-left:16px;
}
div#header form#search dl dt,
div#header form#search dl dd{
	/*float:left;*/
	display:table-cell;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
	font-size:12px;
}

input.keyword{
	border:1px solid #d9d9d9;
	width:239px;
	color:#999;
	margin-left:19px;
	margin-right:14px;
	padding:0.1em !important;
}
	

/* ユーティリティ */

div#utility{
	position:absolute;
	right:3px;
	top:23px;
	width:260px;
}

	div#utility ul{
		float:left;
		display:inline;
	}
	
	div#utility ul li{
		font-size:10px;
		height:14px;
		padding-top:3px;
	}
	
	div#utility ul li#unavi01{
		background:url(img/icon_arrow01.gif) no-repeat left center;
		padding-left:13px;
	}
	div#utility ul li#unavi02{
		background:url(img/icon_external_s.gif) no-repeat left center;
		padding-left:13px;
		margin-left:12px;
	}
	

/* フォントサイズ切り替え */
	
dl#fontsize{
	/*position:absolute;
	top:-33px;
	right:10px;*/
	float:right;
	background-image:url(img/size_change.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

	dl#fontsize dt,
	dl#fontsize dd{
		float:left;
		display:inline;
		height:17px;
		font-size:10px;
	}
	
	dl#fontsize dt{
		width:63px;
		padding-top:3px;
		height:14px;	
	}
	dl#fontsize dd{
		text-indent:-999em;
		display:block;
		cursor:pointer;
	}
	
	dl#fontsize dd#small{
		background-image:url(img/size_change.gif);
		background-position:left top;
		width:13px;
		margin-right:3px;
	}

	dl#fontsize dd#default{
		background-image:url(img/size_change.gif);
		background-position:-16px 17px;
		width:15px;
		margin-right:3px;
	}

	dl#fontsize dd#large{
		background-image:url(img/size_change.gif);
		background-position:right top;
		width:17px;
	}

/* ラベル屋さんバナー */

p#bnrLabel{
	/*text-align:right;
	margin-top:-39px;*/
	position:absolute;
	top:56px;
	right:0;
}

/* /////////////////////////////////////////////////////////////////////////// navigation */

ul#gnavi{
	padding-top:14px;
}

ul.navigation{
}

/* /////////////////////////////////////////////////////////////////////////// topicpath */

div#topicpath{
	background:url(img/bg_style02.gif) repeat left top;
	zoom:1;
	min-height:30px;
	height:auto !important;
	height:30px;
}

/*	div#topicpath dl{
		width:976px;
		margin:0 auto;
		padding-bottom:8px;
		padding-top:7px;
		/zoom:1 !important;
		display:table;
	}
	
	div#topicpath dl dt,
	div#topicpath dl dd{
		display:table-cell;
		/display:inline;
		/zoom:1;
		color:#252525;
		vertical-align:middle;
	}
	div#topicpath dl dt{
		padding-right:12px;
		width:39px;
	}

*/
	div#topicpath dl{
		width:976px;
		margin:0 auto;
		padding-bottom:8px;
		padding-top:6px;
		/zoom:1 !important;
	}
	
	div#topicpath dl dt,
	div#topicpath dl dd{
		display:inline;
		zoom:1;
		color:#252525;
		vertical-align:middle;
	}
	div#topicpath dl dt{
		padding-right:8px;
		width:39px;
	}


	
/* for IE6 */	
	* html div#topicpath dl{
		padding-bottom:7px;
	}
	* html div#topicpath dl dt,
	* html div#topicpath dl dd{
		vertical-align:baseline;
		padding-top:1px;
	}
/* for IE6 end */	
	

/* /////////////////////////////////////////////////////////////////////////// contents */

div#contents{
	width:976px;
	margin:14px auto 0;
	padding-bottom:60px;
}

#home div#contents{
	padding-bottom:74px;
}
	div#main{
		float:left;
		width:736px;
	}
	
	div#lmenu{
		float:right;
		width:226px;
		margin-top:-44px;
		margin-top:-30px;
		margin-bottom:14px;
		position:relative;
		z-index:2;
	}
	
	#home div#lmenu{
		margin-top:0;
	}
	
div#lmenuIn.boxStyle01,
div#lmenuIn .boxStyle01{
	padding:14px 14px 14px;
	margin-top:0;
	/zoom:1;
}

/* /////////////////////////////////////////////////////////////////////////// lmenu */
	
ul.bnrList{
	border:1px solid #e5e5e5;
	background:#FFF url(img/bg_style01.jpg) repeat-x left bottom;
	padding:14px;
	margin-top:14px;
}

	ul.bnrList li{
		border:1px solid #e5e5e5;
		width:194px;
		cursor:pointer;
		margin-bottom:14px;
	}
	
		ul.bnrList li:hover{
			/*border:1px solid #1fac4c;*/
		}
	
	ul.bnrList dt{
		margin-bottom:14px;
	}
	ul.bnrList dd{
		margin-left:8px;
		margin-right:8px;
	}
	
	ul.bnrList dd.detail{
		font-size:77%;
		line-height:1.4;
		margin-top:7px;
		margin-bottom:14px;
	}

/*ul.secondBnr li{
	width:196px;
}*/
ul.secondBnr li img{
	border:1px solid #FFF;
}
	ul.secondBnr li.none,
	ul.secondBnr li.none img{
		border:none;
	}


/* 第3階層メニュー */

ul.lmenu_s{
	background:url(img/bg_style02.gif) repeat left top;
	padding:7px 10px 10px 10px;
	border-bottom:1px solid #FFF;
	/zoom:1 !important;
}

	ul.lmenu_s li{
		font-size:77% !important;
		line-height:1.4;
		background:url(img/bg_lnavi_in.gif) no-repeat left top;
		padding-bottom:5px;
		padding-top:7px;
		padding-left:15px;
	}

	ul.lmenu_s li.top{
		background:url(img/bg_lnavi_top_in.gif) no-repeat left 7px;
		padding-top:4px;
	}

	ul.lmenu_s li.btm{
		/*background:url(img/bg_lnavi_in.gif) no-repeat left top;*/
		padding-bottom:0;
		margin-bottom:0;
	}
	
		ul.lmenu_s li a{
		background:url(img/bg_lnavi.gif) no-repeat left -7px;
		display:block;
		padding-left:15px;
		margin-left:-15px;
		}
	
		ul.lmenu_s li.top a{
		background:url(img/bg_lnavi_top.gif) no-repeat left 2px;
		}

/* MYリストメニュー */

div#boxMylist.boxStyle01{
	padding-top:9px;
	padding-bottom:19px;
}

div.boxQr{
	border:1px solid #e5e5e5;
	background-color:#FFF;
	text-align:center;
	/*padding-top:14px;*/
	padding-top:12px;
	padding-bottom:10px;
	margin-bottom:1px;
	margin-top:7px;
}

	div#lmenu div.boxQr p{
		/*margin-bottom:13px;
		height:114px;*/
		margin-bottom:5px;
	}

ul.menuMylist{
	margin-bottom:8px;
}	
	ul.menuMylist li{
		border-bottom:1px solid #FFF;
	}

ul#mylistNote{
}
	
	ul#mylistNote li{
		margin-bottom:7px;
	}

ul.mylistMenu{
	margin-top:7px;
}

	ul.mylistMenu li{
		border-bottom:1px solid #FFF;
	}

/* //////////////////////////////////////// ローカルのサブメニュー */

ul#subnavi{
	border:1px solid #e5e5e5;
	border-bottom:none;
	margin-top:14px;
}

	ul#subnavi li{
		border-bottom:1px solid #e5e5e5;
	}

/* //////////////////////////////////////// itemInfo */

ul.itemInfo{
	margin-bottom:0px;
}

ul.itemInfo li{
	border:1px solid #e5e5e5;
	margin-bottom:3px;
}

ul.itemInfo li#qr{
	padding:7px 0 10px 0;
	text-align:center;
	margin-top:5px;
	margin-bottom:0;
}

img.qrcode{
	border:1px solid #e5e5e5;
/*	padding:7px;	*/
	margin-top:6px;
}

/* /////////////////////////////////////////////////////////////////////////// footer */

div#footer{
	background:#252525 url(img/bg_footer.gif) repeat-x left top;
	border-top:1px solid #e5e5e5;
	min-height:165px;
	height:auto !important;
	height:165px;
	position:relative;
}
	div#footerIn{
		width:976px;
		margin:0 auto;
		position:relative;
	}

p#pagetop{
	position:absolute;
	right:13px;
	top:0;
}

/* /////////////////////////////////////////////////////////////////////////// contentInfo */

div#contentInfo{
	width:750px;
}
		
	div#contentInfo p#footerCi{
		float:left;
		width:166px;
	}
	
	div#contentInfo p.fTagline,
	div#contentInfo ul{
		float:right;
		width:570px;
	}
	
	div#contentInfo p.fTagline{
		margin-top:21px;
		margin-bottom:13px;
		font-size:10px;
	}
	
	div#contentInfo ul li{
		margin-right:10px;
	}

p#copyright{
	color:#bebebe;
	font-size:77%;
	margin-top:15px;
}

p#postit{
	color:#bebebe;
	font-size:77%;
	margin-top:15px;
}

p#footerremark{
	color:#bebebe;
	font-size:77%;
	margin-top:5px;
}

/* /////////////////////////////////////////////////////////////////////////// popup */

body#popup,
body#popup_format{
	min-width:736px;
	background:url(img/bg_grid_popup.gif) repeat-y center top;
	color:#555;
}

body#popup_format{background:url(img/bg_grid_popup_format.gif) repeat-y center top;}
* html body{
	width: expression(document.body.clientWidth < 738? "736px" : "auto");
}

body#popup div#wrapper,
body#popup_format div#wrapper{
	background:none;
	width:736px;
	padding:19px;
	margin:0 auto;
}

body#popup_format div#wrapper{
	width:916px;
	width:900px;
	overflow:hidden;
}

body#popup p#logo,
body#popup_format p#logo{
	margin-left:44px !important;
}

body#popup div#main,
body#popup_format div#main{
	width:676px;
	float:none;
	margin:14px auto 0;
}

body#popup_format div#wrapper div#main{
	width:850px;
}

body#popup div.section,
body#popup_format div.section{
	padding-left:15px;
	padding-right:15px;
}

body#popup table.tableStyle03 th,
body#popup table.tableStyle03 td,
body#popup_format {
	text-align:left ;
	padding:4px 20px;
}
p#close{
	border-top:1px solid #e5e5e5;
	text-align:center;
	padding-top:14px;
	margin-top:40px;
}

	p#close.lineNone{
		border-top:none;
	}

body#popup h1,
body#popup_format h1{
	width:auto;
}	
body#popup h2.ttlStyle02,
body#popup_format h2.ttlStyle02{
	margin-top:10px;
	margin-bottom:10px;
}

body#popup h3.txtBold,
body#popup_format h3.txtBold{
	margin-top:15px;
}

body#popup th.mfr,
body#popup th.paper,
body#popup th.mode,
body#popup_format th.mfr,
body#popup_format th.paper,
body#popup_format th.mode{
	width:33%;
}

/* /////////////////////////////////////////////////////////////////////////// flash */

#slideshow ul.slideImg{
	height:271px !important;
}
#slideshow ul.slideImg li,
#slideshow ul.slideText li{
	display:none;
}

#slideshow ul.slideImg{
	/*min-height:271px;
	height:auto !important;*/
	height:271px;
}