@import "otokonokimono.css";

body {
	position: relative;
	z-index: 1;
	text-align:center;
	margin:0 auto;
	background: #ffffff;
	font-family:Osaka;
	}

div#main_area,
div#wrapper {
	width:850px;
	text-align:left;
	margin:0 auto;
	clear:both;
	position:relative;
}
a:link {color: #003366;	text-decoration: none;}
a:visited {color: #003366;text-decoration: none;}
a:hover {color: #660000;text-decoration: none;}
a:active {color: #003366;text-decoration: none;}
a {outline: 0;}
a.outlink {
	padding: 0 12px 6px 0;
	background:url(/images/icon_window.gif) no-repeat right top;
}

/** reset **/

	h1		{font-size:100%;margin:0 0 6px 0;}
	h2		{font-size:100%;margin:0 0 0 0;}
	h3		{font-size:100%;margin:0 0 0 0;}
	h4		{font-size:100%;margin:0 0 0 0;}
	h5		{font-size:100%;margin:0 0 0 0;color:#444444;}
	ul		{list-style-type:none;margin-left:0px;padding-left:20px;padding-right:0px;}
	li		{line-height:160%;}
	form	{margin:0;}
	table.format1{border-width:1px;border-style:solid;border-color:#bbbbbb;}

	hr {
		height: 3px;
		margin: 4px 0;
		padding: 0;
		background: url('../images/hr_brokenLine576.gif') repeat-x;
		border: 0px none;
		clear:both;
	}

/** common class **/

	.large  	{font-size:1.4em;}
	.small  	{font-size:86%;}
	.small_center	{font-size:86%;text-align:center;margin-top:2px;}
	.ex     	{font-size:86%;color: #444444;}
	.note   	{font-size:86%;color: #444444;}
	.greyout	{font-size:100%;color: #999999;}
	.whatsnew	{font-size:11px;line-height:1.5em;}
	.notice 	{color: #993333;}
	.requisite	{color: #CC0000;}
	.price  	{color: #CC0033;}
	.price2  	{color: #CC0033;font-weight:normal;}
	.go-pagetop	{text-align:right;}
	.error-message	{color: #CC0000;margin:0px 0 12px 0;}
	.bottomConfirm	{text-align:center;margin:4px 0 4px 0;}
	.EnqueteRequisite	{color: #ff0000;}
	.LeadComment {margin:0 0px 12px 0px;line-height: 140%;color:#444444;}
	.int10px	{margin:4px;}
	img.left	{margin:0px 10px 4px 0px;float:left;}
	img.right	{margin:10px 0 3px 6px;float:right;}
	div.InfoLink p	{
		clear:both;
	}
	div.InfoLink p img	{
		margin:3px;
	}
	a.LinkArrow {
		background-image : url(/images/LinkArrow.gif);
		background-repeat: no-repeat;
		padding-left:12px;
	}
	.HR_Bottom	{margin:12px 0 0 0;}
	.HR_Title01	{margin:0 0 6px 0;}
	.HR_Content01	{margin:24px 0;}
	.HR_Content02	{margin:12px 0;}
	.HR_BottomLink01	{margin:24px 0 8px 0;}
	.HR_BottomLink02	{margin:0 0 8px 0;}	
	.PageLink_Head_PrePage		{text-align:left; margin:6px 0 6px 0;}
	.PageLink_Head_NextPage		{text-align:right;margin:6px 6px 6px 0;}
	.PageLink_Head_Navi		{text-align:right;margin:6px 6px 6px 0;font-size:90%;}
	.PageLink_Head_Navi	a	{background:url(../images/LinkArrowNext01.gif) no-repeat left; padding:4px 0 4px 12px;}
	.PageLink_Bottom_Navi		{text-align:right;padding:6px 6px 12px 0;font-size:90%;}	
	.PageLink_Bottom_Navi a		{background:url(../images/LinkArrowNext01.gif) no-repeat left; padding:4px 0 4px 12px;}
	.PageLink_Head_Table		{text-align:right;margin:6px 0 6px 0;}
	.PageLink_Bottom_PrePage	{text-align:left; margin:6px 0 12px 0;}
	.PageLink_Bottom_NextPage	{text-align:right;margin:6px 6px 12px 0;}
	.PageLink_bottom_Table		{text-align:right;margin:6px 0 16px 0;}
	a.current	{cursor: default; color:#666;}

	div.imageContentsBlock01 div.imageBlock {margin: 0 8px 10px 2px;float: left;}
	div.imageContentsBlock02 div.imageBlock {margin: 0 4px 10px 8px;float: right;}
	.Box {
		border-width:1px;border-style:solid;
		border-color:#bbbbbb;padding:5px;
		margin: 32px 8px 12px 4px;
		}

	#contents img.left {
		float:left;
		margin-right:10px;
	}
	#contents img.right {
		float:right;
		margin-left:10px;
	}

	div#topmenu {
		margin-top:20px;
	}

	div#topmenu p {
		margin:4px 0 0 0;
		padding:0;
		font-size:90%;
		line-height:150%;
	}

	.clear	{clear:both;}

/** style for screen **/

	#screenFooter {
		clear:both;
		width:780px;
		height:60px;
		padding-top:6px;
		background:url("../images/hr_brokenLine740.gif") repeat-x top;
	}
	div.pagetoplink {
		width:780px;
		height:18px;
		margin:6px 0;
		clear:both;
	}

	div.pagetoplink a {
		display:block;
		width: 114px;
		height: 18px;
		margin-left:732px;
		text-indent:-9999px;
		background:url("../images/Link_goPageTop.gif") no-repeat 0 0;
		overflow: hidden;
	}
	div.pagetoplink a:hover {
		background-position: 0 -20px;
	}

	#footer {
		margin-top:20px;
	}

	#footer ul{
		margin:0 0 16px 0;
		padding:3px 6px;
		display
		width:780px;
		height:24px;
		background:url("../images/footernavi_copyright.gif") no-repeat right top #E8E8E8;
		clear:both;
	}	

	#footer li{
		margin:0px;
		float:left;
		margin-top:2px;
		padding:0 6px;
		font-size:12px;
	}

	#footer li a:link {color: #333333;	text-decoration: none;}
	#footer li a:visited {color: #333333;text-decoration: none;}
	#footer li a:hover {color: #660000;text-decoration: none;}
	#footer li a:active {color: #003366;text-decoration: none;}

	#footer li.fnavi_links,
	#footer li.fnavi_guide {
		border-right:1px dotted #BFAEAE;
	}
	#footer li.copyright {
		width:50px;
		overflow:hidden;
		text-indent:-9999px;
	}

/** style for print media **/

	@media print {

		div#footer div.pagetoplink,
		div#footer li.fnavi_links,
		div#footer li.fnavi_guide,
		div#footer li.fnavi_privacy
			{ display: none ;}
		div#footer li.copyright	{
			width:576px;
			padding:5px;
			color:#444444;
			font-size: 90%;	
			margin:12px 0;
		}
	}


/** style for TOP news headline **/

	#hl-news ul	{
		list-style-type:none;
		padding:0px 0px 0px 20px;
		margin:6px 0px 0px 0px;
		margin:0px;
		}

	#hl-news li {
		width: 310px;
		line-height:100%;
		font-size: 12px;
		margin:0px 0px 6px -6px;
		padding:0px;
		font-family:Osaka;
	}


/** teble **/

	th.column-head1{
		background-color:#C1DEE2;
		font-weight:normal;
		text-align:left;}
	th.column-head2{
		background-color:#C1DEE2;
		font-weight:normal;
		text-align:center;}
	th.column-head3{
		background-color:#C1DEE2;
		font-weight:normal;
		text-align:right;}


	table#ListFormat01 {border-collapse:0px;border-spacing:0px;
		margin-bottom:24px;	margin-left:4px;border-collapse:collapse;}
	#ListFormat01 th {background: #ffffff;border-bottom: 1px dotted #999;
						padding:4px;text-align:left;font-weight:normal;}
	#ListFormat01 td {background: #ffffff;border-bottom: 1px dotted #999;
						padding:4px;text-align:right;}




/* style for News */
	#StoreInfo,
	#Corporate,
	#Otokono,
	#Knowledge,
	#News {
		float:right;
		width:576px;
		overflow:hidden;
	}
	#News,
	#Otokono h1 {
		margin:12px 0 6px 0;
	}
	#News h2 {
		color:#444444;
		font-size: 120%;
		margin: 12px 8px 16px 0;
	}
	#News h2.brown {
		color:#660000;
		font-size: 120%;
		margin: 12px 8px 16px 0;
	}
	#News h3 {
		color:#444444;
		font-size: 110%;
		line-height:140%;	
		margin: 16px 0px 12px 0;
		padding-left:6px;
		border-left:6px solid #666;
		clear:both;
	}
	#News h4 {
		border-width:1px;
		border-style:solid;
		border-color:#bbbbbb;
		padding:5px;
		color:#660000;
		font-size: 100%;	
		margin: 32px 0px 12px 0px;
	}
	#News h5 {
		color:#444444;
		font-size: 100%;	
		margin: 12px 8px 12px 4px;
	}
	#News p {
		margin:2px 0 12px 0;
		line-height: 160%;
		font-size: 100%;	
	}
	#News p.SaijiComment {
		margin:-6 0px 12px 6px;
		line-height: 140%;
		color:#444444;
	}

	#News p.SaijiLink {
		margin:0 0px 32px 0;
		line-height: 140%;
		color:#444444;
	}
	#News p.date01 {
		padding:5px 5px 5px 10px;
		background-color:#f3eeee;
		color:#333333;
		font-size: 100%;	
		margin: 6px 0 12px 0;
	}
	#News p.date02 {
		background-color:#F3EEEE;
		padding:6px;
		line-height: 160%;
		font-size: 100%;
	}
	#News p.link {
		margin-left:16px;
		margin-right:10px;
		line-height: 160%;
		font-size: 100%;	
	}

	#News div.yearlink1 {
		width:100%;
		border-bottom:1px dotted #dfdfdf;
		margin:12px 0;
		padding-bottom:6px;
		position:relative;
	}

	#News div.yearlink1 span.yearlink1r {
		display:block;
		position:absolute;
		top:0px;
		right:0px;
		width:180px;
		text-align:right;
	}

	#News div.yearlink2 {
		width:100%;
		border-top:1px dotted #dfdfdf;
		margin:24px 0 12px 0;
		padding-top:12px;
		position:relative;
	}

	#News div.yearlink2 span.yearlink2r {
		display:block;
		position:absolute;
		bottom:0px;
		right:0px;
		width:180px;
		text-align:right;
	}

	#News a.currentyear {
		cursor:default;
		color:#333;
		text-decoration:none;
	}

/* style for StoreInfo */

	#StoreInfo h1 {
		margin:12px 0 6px 0;
	}
	#StoreInfo h2 {
		color:#444444;
		font-size: 120%;	
		margin: 12px 0px 8px 0;
	}
	#StoreInfo h3 {
		color:#444444;
		font-size: 110%;	
		margin: 12px 0px 6px 0px;
	}
	#StoreInfo h3.locate {
		color:#444444;
		font-size: 110%;	
		margin: 3px 3px 3px 0px;
	}
	#StoreInfo h4 {
		border-width:1px;
		border-style:solid;
		border-color:#bbbbbb;
		padding:5px;
		color:#660000;
		font-size: 100%;	
		margin: 32px 0px 12px 0px;
	}
	#StoreInfo h5 {
		color:#444444;
		font-size: 100%;	
		margin: 12px 8px 6px 4px;
	}
	#StoreInfo table.int10px {
		color:#444444;
		font-size: 100%;	
		margin: 4px 0px 10px 10px;
	}
	#StoreInfo p {
		margin-top:6px;
		margin-left:4px;
		margin-right:10px;
		line-height: 160%;
		font-size: 100%;	

	}
	#StoreInfo p.onepoint {
		margin:0 10px 16px 4px;
		line-height: 160%;
		font-size: 100%;	
	}
	#StoreInfo p.locate {
		margin:4px 16px 4px 16px;
		line-height: 140%;
		font-size: 100%;
	}
	#StoreInfo p.note {
		font-size:86%;
		line-height: 110%;
		color: #444444;
		margin:0px;
	}


/* style for StoreInfo&Talk */

	#Knowledge .indexmenu {
		height:100px;
		margin:16px 0 0 0;
		position:relative;
	}
	#Knowledge .indexmenu div.pict {
		position:absolute;
		width:110px;
		height:100px;
	}
	#Knowledge .indexmenu div.text {
		position:absolute;
		left:116px;
	}
	#Knowledge .indexmenu a.titlepict {
		display:block;
		margin:0 0 6px 0;
		padding-top:0;
	}
	#Knowledge .indexmenu p {
		margin:0;
		padding:0 0 0 14px;
		font-size:90%;
		line-height:160%;
	}
	#Knowledge h1 {
		margin:12px 0 6px 0;
	}
	#Knowledge h2 {
		color:#444444;
		font-size: 120%;	
		margin: 12px 8px 16px 0;
	}
	#Knowledge h3 {
		color:#444444;
		font-size: 110%;	
		margin: 12px 8px 6px 4px;
	}
	#Knowledge h4 {
		border-width:1px;
		border-style:solid;
		border-color:#bbbbbb;
		padding:5px;
		color:#660000;
		font-size: 100%;	
		margin: 32px 0px 12px 0px;
	}
	#Knowledge h5 {
		color:#444444;
		font-size: 100%;	
		margin: 12px 8px 6px 4px;
	}
	#Knowledge p {
		margin-left:4px;
		margin-right:10px;
		line-height: 160%;
		font-size: 100%;	
	}
	#Knowledge p.onepoint {
		margin:0 10px 16px 4px;
		line-height: 160%;
		font-size: 100%;	
	}
	#Knowledge p.note {
		font-size:86%;
		line-height: 110%;
		color: #444444;
		margin:0px;
	}
	#Knowledge span.komei {
		font-size:100%;
		color: #449944;
	}
	#Knowledge span.guest {
		font-size:100%;
		line-height: 110%;
		color: #994444;
		margin:0px;
	}
	#Knowledge span.guest2 {
		font-size:100%;
		line-height: 110%;
		color: #663399;
		margin:0px;
	}
	#Knowledge div.newsbox {
		border:1px solid #baa;
		margin-top:9px;
		padding:0 0 0 4px;
	}

/* style for StoreOtokonoKimono */



/* style for Corporate */

	#Corporate h1 {
		margin:12px 0 6px 0;
	}
	#Corporate h2 {
		color:#444444;
		font-size: 120%;	
		margin: 12px 8px 16px 4px;
	}
	#Corporate h3 {
		color:#444444;
		font-size: 100%;	
		margin: 12px 8px 6px 4px;
	}
	#Corporate h4 {
		border-width:1px;
		border-style:dotted;
		border-color:#ccbbbb;
		padding:5px;
		color:#664444;
		font-size: 100%;	
		margin: 32px 0 12px 0;
	}
	#Corporate p {
		margin-left:4px;
		margin-bottom:6px;
		line-height: 140%;
		font-size: 100%;	
	}
	#Corporate ul.disc {
		list-style-type:disc;
		margin-left:6px;
	}

	#Corporate li.idea {
		margin-left:0px;
		font-weight:bold;
		color: #444444;
		font-size: 100%;
	}

	#Corporate p.idea {
		font-weight:normal;
		margin-top:6px;
		margin-left:24px;
		margin-bottom:12px;
		line-height: 140%;
		color: #444444;
		font-size: 100%;
	}
	#Corporate p.comment {
		font-weight:normal;
		margin-top:-12px;
		margin-bottom:6px;
		line-height: 140%;
		color: #444444;
		font-size: 100%;
	}
	#Corporate p.note {
		font-size:86%;
		color: #444444;
	}

	.PageLink_Head_Navi,
	.PageLink_Bottom_Navi,
	#Corporate .imageContentsBlock01,
	#Corporate .idea,
	#Corporate table {
		margin-bottom:2px;
	}

	#Corporate th {
		vertical-align:top;
		background-color:#F3EEEE;
		padding:2px 4px 3px 8px;
		font-size:100%;
		line-height:140%;
		color: #444444;
	}
	#Corporate td {
		padding:2px 4px 3px 8px;
		vertical-align:top;
		font-size:100%;
		line-height:140%;
		color: #444444;
	}

	#Corporate table.history{
		width:576px;
		border-collapse: collapse;
		border: none;
		border-spacing: 0;
		font-size:0.94em;
		
	}
	#Corporate .history th {
		border-top:dotted #dddddd 1px;
		background-color:#FFF;
		padding:6px 9px 9px 0;
		text-align:right;
		font-weight:normal;
		white-space: nowrap;
	}
	#Corporate .history th.empty {
		border:none;
	}
	#Corporate .history td {
		border-top:dotted #efefef 1px;
		padding:6px 0 9px 12px;
	}


	#Corporate .news_item {
		width:568px;
		height:80px;
		padding:0 2px 0 0;
		overflow:scroll;
		overflow:auto;
		scrollbar-base-color:#f9f9f9;
		scrollbar-darkshadow-color:#eeeeee;
		scrollbar-arrow-color:#aa9999;
	}
	#Corporate .news_item p{
		margin-top:0;
		padding-top:0;
		margin-bottom:2px;
	}

/* style for Sitemap */

div.column_left{
	float:left;
	width:360px;
	margin-left:6px;
}
div.column_right{
	float:right;
	width:360px;
	margin-left:6px;
}

div.sitemap h2{
	margin:12px 0px 8px 0;
	border-left:4px solid #660000;
}

div.sitemap h2 a,
div.sitemap h2 a:link,
div.sitemap h2 a:visited{
	padding-left:8px;
	color:#333333;
}
div.sitemap h2 a:hover{
	color:#660000;
}

div.sitemap h3 {
	margin:12px 0 6px 12px;
}
div.sitemap h3 a,
div.sitemap h3 a:link,
div.sitemap h3 a:visited{
	color:#333333;
}
#topmenu ul.sublist{
	margin-left:16px;
}


/* style for Links */

	#Links h1 {
		margin:12px 0 6px 0;
	}
	#Links h2 {
		color:#444444;
		font-size: 120%;
		margin: 12px 8px 16px 0;
	}
	#Links h3 {
		color:#444444;
		font-size: 110%;
		line-height:140%;	
		margin: 12px 8px 6px 4px;
	}
	#Links h4 {
		border-width:1px;
		border-style:solid;
		border-color:#bbbbbb;
		padding:5px;
		color:#660000;
		font-size: 100%;	
		margin: 16px 0px 12px 0px;
	}
	#Links h5 {
		color:#444444;
		font-size: 100%;	
		margin: 12px 8px 6px 4px;
	}
	#Links p {
		margin-left:4px;
		margin-right:10px;
		line-height: 160%;
		font-size: 100%;	
	}
	#Links div.link {
		margin:8px 0 6px 16px;
		line-height: 160%;
		font-size: 100%;	
	}
	#Links p.link {
		margin:4px 0 24px 16px;
		line-height: 160%;
		font-size: 100%;	
	}
	#LinksSubMenu div.SubMenuContent {
		width:194px;
		background-image : url(/images/SubMenu_Background2.gif);
		padding:0;
	}
	#LinksSubMenu ul {
		margin:0px;
		padding:0 0 0 6px;
	}
	#LinksSubMenu li {
		width: 156px;
                padding-bottom:6px;
		font-size: 12px;
	}
	#SubMenu {
		float:left;
		width:217px;
		margin:12px 0 12px 0;
	}
	#SubMenu h2 {
    		background: url("/netshop/images/submenu/border_title_bg.gif") scroll center top transparent;
    		border: medium none;
    		font-size: 14px;
    		padding: 5px 0 12px 10px;
}
	#SubMenu ul {
		margin:0;
		padding:0 0 10px 0;
             /* border: medium none; */
		background:url("/netshop/images/submenu/border_background.gif") repeat scroll center bottom transparent;
	}
	#SubMenu li {
	        padding:0 0 1px 12px;
		font-size: 13px;
		line-height:100%;
	}
	#SubMenu li a{

	}
	#SubMenu li a:hover{

	}

	li.SubsubMenu{
		width:205px;
		margin:0;
		padding:0;
		background:url("/netshop/images/submenu/border_background.gif") no-repeat top;
		font-size:12px;
	}
* html li.SubsubMenu {
		width:217px;
		margin:0;
		padding:0;
		background:url("/netshop/images/submenu/border_background.gif") no-repeat top;
		font-size:12px;
        }
	li.SubsubMenu{
		margin-top:3px;
	}
	li.SubsubMenu a{
		padding-left: 24px;
		background : url(/images/SubMenu_arrow.gif) no-repeat;
		color:#333;
	}
	li.SubsubMenu a:hover{
		background : url(/images/SubMenu_arrow_ro.gif) no-repeat;
		text-decoration:none;
		color:#883333;
	}

	#topmenu ul{ margin:0;padding:0; }
	#topmenu li{
		margin:3px;
	}
	#topmenu li a{
		padding-left: 24px;
		background : url(/images/SubMenu_arrow.gif) no-repeat;
		color:#333;
	}
	#topmenu li a:hover{
		background : url(/images/SubMenu_arrow_ro.gif) no-repeat;
		text-decoration:none;
		color:#883333;
	}

/* style for WebStore */

	#WebStore {
	}
	#WebStore h1 {
		margin:12px 0 6px 0;
	}
	#WebStore h2 {
		color:#444444;
		font-size: 120%;
		margin: 12px 8px 16px 0;
	}
	#WebStore h3 {
		color:#444444;
		font-size: 110%;
		line-height:140%;	
		margin: 0px 0px 8px 0px;
	}
	#WebStore h4 {
		border-width:1px;
		border-style:solid;
		border-color:#bbbbbb;
		padding:5px;
		color:#660000;
		font-size: 100%;	
		margin: 16px 0px 12px 0px;
	}
	#WebStore h5 {
		color:#444444;
		font-size: 100%;	
		margin: 12px 8px 6px 4px;
	}
	#WebStore p {
		margin-left:4px;
		margin-right:10px;
		line-height: 160%;
		font-size: 86%;	
	}
	#WebStore p.note {
		margin-left:4px;
		margin-right:10px;
		line-height: 160%;
		font-size: 86%;	
		color:#444444;
	}
	#WebStore p.noteList {
		margin:4px 0px 4px 6px;
		line-height: 110%;
		font-size: 86%;	
		color:#444444;
	}
	#SubMenu div.SubMenuContent {
		width:131px;
		background-image : url(/images/SubMenu_Background.gif);
		padding:0;
	}
	#SubMenu div.SubMenuContentInner {
		padding:6px;
		font-size:86%;
		color:#444444;
	}
	#WebStore div.ContentsMainArea01 {
		width:568;
		background-image : url(/images/ContentsBorder568_Background.gif);
		padding:0 9px 0 9px;
	}

/* style for WebStore_Guide */

	#WebStore_Guide h1 {
		margin:12px 0 6px 0;
	}
	#WebStore_Guide h2 {
		color:#444444;
		background-color:#eeeeff;
		padding:3px;
		font-size: 100%;
		margin: 16px 8px 16px 0;
	}
	#WebStore_Guide h3 {
		color:#444444;
		font-size: 100%;
		line-height:140%;	
		margin: 0px 0px 8px 4px;
	}
	#WebStore_Guide h3.ul_head {
		font-weight:normal;
		font-size: 100%;
		line-height:140%;
		margin: 24px 0px -12px 16px;
	}
	#WebStore_Guide ul	{
		list-style-type:none;
		margin-left:24px;
	}
	#WebStore_Guide th	{
		padding:3px 24px 3px 3px;
		text-align:left;
		font-weight:normal;
	}
	#WebStore_Guide td {
		padding:3px 24px 3px 3px;
	}
	#WebStore_Guide ul.comment	{
		list-style-type:disc;
		margin-left:12px;
	}
	#WebStore_Guide ul.disc	{
		list-style-type:disc;
		margin-left:46px;
	}
	#WebStore_Guide li {
		line-height:160%;
	}
	#WebStore_Guide p.supplement {
		margin: -8px 0px 16px 12px;
	}
	#WebStore_Guide p {
		margin-left:4px;
		margin-right:10px;
		line-height: 160%;
		font-size: 100%;	
	}
	#WebStore_Guide p.LeadComment {
		margin:0 0px 12px 0px;
		line-height: 140%;
		font-size: 100%;	
		color:#444444;
	}
	#WebStore_Guide p.note {
		margin-left:4px;
		margin-right:10px;
		line-height: 160%;
		font-size: 86%;	
		color:#444444;
	}



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(../images/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(../images/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(../images/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(../images/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(../images/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(../images/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(../images/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(../images/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:normal; color:#633;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:normal; color:#999;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}




a {
	outline : 0 ;
}

a img {
	border:none;
}

#gnavi {
	position:relative;
	width:780px;
	height:80px;
	margin:0;
	padding:0px;
	border-bottom:1px solid #A8A4A3;
}

#gnavi div.home {
	position:absolute;
	top:10px;
	left:0px;
	width:180px;
	height:29px;
}
#gnavi div.home a {
	display:block;
	width:170px;
	height:29px;
	background:url(/images/gnavi_logo.gif) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
#gnavi div.home a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

ul.slink li.home a:hover {

}


ul.glink {
	position:absolute;
	top:30px;
	right:0px;
	width:576px;
}
	/* for IE6-7 */
	ul.glink {
		/top:46px;
		/width:580px;
		/padding:0;
	}

	/* for IE7 */
	*+html ul.glink {
		top:46px;
		width:580px;
		padding:0;
	}



ul.glink li {
	display:inline;
}

ul.glink li a{

}

ul.glink li.news a,
ul.glink li.knowledge a,
ul.glink li.original a,
ul.glink li.otokonokimono a,
ul.glink li.webstore a,
ul.glink li.storeinfo a,
ul.glink li.corporate a {
	float:left;
	display:block;
	background:url(/images/headernavi_glink.gif) no-repeat;
	height:32px;
	overflow:hidden;
	text-indent:-9999px;
}

ul.glink li.news a {
	width:71px;
	background-position:0 0;
}
ul.glink li.news a.current,
ul.glink li.news a:hover {
	background-position:0 -30px;
}
ul.glink li.knowledge a {
	width:67px;
	background-position:-71px 0px;	
}
ul.glink li.knowledge a.current,
ul.glink li.knowledge a:hover {
	background-position:-71px -30px;	
}
ul.glink li.original a {
	width:89px;
	background-position:-138px 0px;	
}
ul.glink li.original a.current,
ul.glink li.original a:hover {
	background-position:-138px -30px;	
}
ul.glink li.otokonokimono a {
	width:92px;
	background-position:-227px 0px;	
}
ul.glink li.otokonokimono a.current,
ul.glink li.otokonokimono a:hover {
	background-position:-227px -30px;	
}
ul.glink li.webstore a {
	width:116px;
	background-position:-319px 0;
}
ul.glink li.webstore a.current,
ul.glink li.webstore a:hover {
	background-position:-319px -30px;
}
ul.glink li.storeinfo a {
	width:77px;
	background-position:-435px 0;
}
ul.glink li.storeinfo a.current,
ul.glink li.storeinfo a:hover {
	background-position:-435px -30px;
}
ul.glink li.corporate a {
	width:64px;
	background-position:-512px 0;
}
ul.glink li.corporate a.current,
ul.glink li.corporate a:hover {
	background-position:-512px -30px;
}


ul.slink {
	position:absolute;
	top:10px;
	right:0px;
	width:348px;
	height:29px;
	padding:0;
	margin:0;
}
ul.slink li {
	display:inline;
}
ul.slink li a{

}
ul.slink li.english a,
ul.slink li.inquiry a,
ul.slink li.mailmag a,
ul.slink li.sitemap a {
	float:left;
	display:block;
	background:url(/images/headernavi_slink.gif) no-repeat;
	height:29px;
	overflow:hidden;
	text-indent:-9999px;
}

ul.slink li.english a {
	width:70px;
	background-position:0 0;
}
ul.slink li.english a.current,
ul.slink li.english a:hover {
	background-position:0px -30px;
}
ul.slink li.inquiry a {
	width:92px;
	background-position:-70px 0;
}
ul.slink li.inquiry a.current,
ul.slink li.inquiry a:hover {
	background-position:-70px -30px;
}
ul.slink li.mailmag a {
	width:102px;
	background-position:-162px 0;
}
ul.slink li.mailmag a.current,
ul.slink li.mailmag a:hover {
	background-position:-162px -30px;
}
ul.slink li.sitemap a {
	width:81px;
	background-position:-264px 0;
}
ul.slink li.sitemap a.current,
ul.slink li.sitemap a:hover {
	background-position:-264px -30px;
}
#list_dtl {
	vertical-align:top;
	clear:both;
	/*
	width:232px;
	height:195px;
	*/
	}
#list_dtl ul {	
	list-style-type:none;
	margin:0;
	padding:0 0 0 0px;
	}

#list_dtl li {	
	margin:0 4px 0 10px;
	padding:1px 0 12px 9px;
	vertical-align:top;
	background: url(/images/top_parts2011/top_infoitem.gif) no-repeat ;
	font-size:100%;
	line-height:160%;
	clear:left;
	}

#list_dtl img {
	float:left;
	}

#list_dtl span.page {
	height:43px;
	float:left;
	padding:0 6px 0 2px;
	}

#list_dtl li a img{
	background : url(/images/icon_zoom.gif) right bottom no-repeat;
	padding:0 28px 0 8px;
	margin-bottom:10px;
	}

#gnavi {
	position:relative;
	width:850px;
	height:80px;
	margin:0;
	padding:0px;
}

#gnavi div.home {
	position:absolute;
	top:10px;
	left:0px;
	width:180px;
	height:29px;
}
#gnavi div.home a {
	display:block;
	width:170px;
	height:29px;
	background:url(../images/gnavi_logo.gif) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	cursor:default;
}
ul.glink {
	position:absolute;
	top:30px;
	right:0px;
	width:576px;
}
	/* for IE6 */
	* html ul.glink {
		top:46px;
		width:580px;
		padding:0;
	}
	/* for IE7 */
	*+html ul.glink {
		top:46px;
		width:576px;
		padding:0;
	}

ul.glink li {
	display:inline;
}

ul.glink li a{

}

ul.glink li.news a,
ul.glink li.knowledge a,
ul.glink li.original a,
ul.glink li.otokonokimono a,
ul.glink li.webstore a,
ul.glink li.storeinfo a,
ul.glink li.corporate a {
	float:left;
	display:block;
	background:url(../images/headernavi_glink.gif) no-repeat;
	height:32px;
	overflow:hidden;
	text-indent:-9999px;
}

ul.glink li.news a {
	width:71px;
	background-position:0 0;
}
ul.glink li.news a.current,
ul.glink li.news a:hover {
	background-position:0 -30px;
}
ul.glink li.knowledge a {
	width:67px;
	background-position:-71px 0px;	
}
ul.glink li.knowledge a.current,
ul.glink li.knowledge a:hover {
	background-position:-71px -30px;	
}
ul.glink li.original a {
	width:89px;
	background-position:-138px 0px;	
}
ul.glink li.original a.current,
ul.glink li.original a:hover {
	background-position:-138px -30px;	
}
ul.glink li.otokonokimono a {
	width:92px;
	background-position:-227px 0px;	
}
ul.glink li.otokonokimono a.current,
ul.glink li.otokonokimono a:hover {
	background-position:-227px -30px;	
}
ul.glink li.webstore a {
	width:116px;
	background-position:-319px 0;
}
ul.glink li.webstore a.current,
ul.glink li.webstore a:hover {
	background-position:-319px -30px;
}
ul.glink li.storeinfo a {
	width:77px;
	background-position:-435px 0;
}
ul.glink li.storeinfo a.current,
ul.glink li.storeinfo a:hover {
	background-position:-435px -30px;
}
ul.glink li.corporate a {
	width:64px;
	background-position:-512px 0;
}
ul.glink li.corporate a.current,
ul.glink li.corporate a:hover {
	background-position:-512px -30px;
}


ul.slink {
	position:absolute;
	top:10px;
	right:0px;
	width:348px;
	height:29px;
	padding:0;
	margin:0;
}
ul.slink li {
	display:inline;
}
ul.slink li a{

}
ul.slink li.english a,
ul.slink li.inquiry a,
ul.slink li.mailmag a,
ul.slink li.sitemap a {
	float:left;
	display:block;
	background:url(../images/headernavi_slink.gif) no-repeat;
	height:29px;
	overflow:hidden;
	text-indent:-9999px;
}
ul.slink li.english a {
	width:70px;
	background-position:0 0;
}
ul.slink li.english a:hover {
	background-position:0px -30px;
}
ul.slink li.inquiry a {
	width:92px;
	background-position:-70px 0;
}
ul.slink li.inquiry a:hover {
	background-position:-70px -30px;
}
ul.slink li.mailmag a {
	width:102px;
	background-position:-162px 0;
}
ul.slink li.mailmag a:hover {
	background-position:-162px -30px;
}
ul.slink li.sitemap a {
	width:81px;
	background-position:-264px 0;
}
ul.slink li.sitemap a:hover {
	background-position:-264px -30px;
}