@charset "utf-8";
/* FONT 対応サイズ表
---------------------------------------------------------------------
pxでの指定値  	%での指定値
	10px 			83	%			11px 			92  %
	12px 			100	%			13px 			108 %
	14px 			117	%			15px 			125 %
	16px 			133	%			17px 			142 %
	18px 			150	%			19px 			158 %
	20px 			167	%			21px 			175 %
	22px 			183	%			23px 			192 %
	24px 			200	%			25px 			208 %
	26px 			217 %
---------------------------------------------------------------------*/

/*---------------------------------------------------------------------
Page layout
---------------------------------------------------------------------*/
html, body {height:100%;}
body {text-align:center;}

/*---------------------------------------------------------------------
Header Layout
---------------------------------------------------------------------*/
#header {border-bottom:21px solid #A78D7E; padding-bottom:25px;}
	#head-inner {width:950px; margin:0 auto; text-align:left; padding:15px 0 0 0;}
		#head-top {}
			#description {padding-bottom:20px; float:left;}
			#hnav {font-size:83%; float:right;}
				#hnav li {display:inline; background:url(../images/common/line_solid-y.gif) repeat-y right top; padding-right:5px; margin-right:5px;}
				#hnav li.last {background:none; padding:0; margin:0;}
				#hnav li a:hover {background:#A78D7E; color:#fff;}
		
		#head-bottom {}
			#logo {float:left;}
			
			#gnav {float:right; padding-top:30px;}
				#gnav li {float:left;}
				#gnav li a {display:block; overflow:hidden; height:0; _height:33px; padding-top:33px;}
				
				#gnav li.gnav01 a {background:url(../images/common/gnav.gif) no-repeat 0 0; width:95px;}
				#gnav li.gnav02 a {background:url(../images/common/gnav.gif) no-repeat -95px 0; width:95px;}
				#gnav li.gnav03 a {background:url(../images/common/gnav.gif) no-repeat -190px 0; width:95px;}
				#gnav li.gnav04 a {background:url(../images/common/gnav.gif) no-repeat -285px 0; width:95px;}
				#gnav li.gnav05 a {background:url(../images/common/gnav.gif) no-repeat -380px 0; width:96px;}
				
				#gnav li.gnav01 a:hover {background:url(../images/common/gnav.gif) no-repeat 0 -33px;}
				#gnav li.gnav02 a:hover {background:url(../images/common/gnav.gif) no-repeat -95px -33px;}
				#gnav li.gnav03 a:hover {background:url(../images/common/gnav.gif) no-repeat -190px -33px;}
				#gnav li.gnav04 a:hover {background:url(../images/common/gnav.gif) no-repeat -285px -33px;}
				#gnav li.gnav05 a:hover {background:url(../images/common/gnav.gif) no-repeat -380px -33px;}
			
			
/*---------------------------------------------------------------------
Main Layout
---------------------------------------------------------------------*/
#wrapper {border-top:6px solid #846550; padding:10px 0 80px; background:#EEDDDD;}
	#inner {width:950px; margin:0 auto; text-align:left;}

	/*---------------------------------------------------------------------
	left-section layout
	---------------------------------------------------------------------*/
	#left-section {float:left; width:760px;}
		
		/*　pankuzu　*/
		#pankuzu {margin:0 0 10px 0; padding:5px 15px; width:720px; _width:750px; background:#fff;}
			#pankuzu li {display:inline; margin-right:3px; font-weight:bold;}
			#pankuzu li a {background:url(../images/common/ic_arrow-dot2.gif) no-repeat right center; padding-right:10px; font-weight:normal;}
		
		/*　title　*/
		#title {margin:0 0 10px 0; padding:10px 35px; width:680px; background:#fff url(../images/common/ic_circle02.gif) no-repeat 10px 50%; font-size:1.5em; color:#846550; line-height:1.1em; font-weight:bold;}
		
		/*　BOX layout　*/
		.box {float:left; width:160px; padding:10px; margin:0 10px 10px 0; background:#fff;}
			* html .box p {width:160px;}
			.box h2 {margin-bottom:10px;}
				.box h2 a img {width:160px;}
			.box h3 {font-weight:bold;}
				.box h3 a {color:#663333;}
				.box h3 a:hover {color:#fff; background:#663333;}
			.box .date {font-size:83%; color:#b5a7a1; font-style:normal; margin-bottom:10px; display:block;}
			.box .more {text-align:right;}
		
		.box dl#cat_list { }
			.box dl#cat_list dt {font-weight:bold; font-size:1.2em; margin:0 0 10px;}
			.box dl#cat_list dd {font-weight:bold; margin:0 0 5px;}
			.box dl#cat_list dd.border {border-top:1px dashed #ccc; padding:10px 0 0;}
			.box dl#cat_list dd.last {margin-bottom:0;}
			.box dl#cat_list dd a {color:#663333;}
			.box dl#cat_list dd a:hover {color:#fff; background:#663333;}

		
		/*　pageList　*/
		#pageList {text-align:right; clear:both; display:block; margin:20px 10px 0 0;}
			#pageList li {display:inline;}
			#pageList li .current_page {background:#663333; padding:8px 4px; border:1px solid #ccc; font-weight:bold; color:#fff; line-height:30px;}
			#pageList li a {background:#fff; padding:8px 4px; border:1px solid #ccc; font-weight:bold; line-height:30px;}
			#pageList li a:hover {background:#663333; color:#fff;}
		
		/* Entry layout */
		#second-section {background:#fff; width:720px; _width:750px; padding:20px 15px; margin-bottom:10px;}

		#entry-article {margin-bottom:15px; background:url(../images/common/line_dot-x.gif) repeat-x left bottom; padding-bottom:0;}
				.entry_title {font-size:133%; font-weight:bold; margin-bottom:15px;}
				
				#entry-body {clear:both;}
				
				.photo_frame {float:left; width:264px; margin:0 20px 15px 0; }
				.photo_frame ul {margin-bottom:10px;}
				.photo_frame ul li { float:left; border:1px solid #663333; display:block; width:76px; _width:78px; height:76px; _height:78px; margin:0 10px 0 0; position:relative; overflow:hidden; }
				.photo_frame ul li img.wide { height:76px; position:absolute; left:-12px; }
				.photo_frame ul li img.tall { width:76px; position:absolute; top:-12px; }
				.photo_frame p { font-size:0.9em; }
				
				.main_photo {width:480px; margin:0 20px 15px 0; float:left;}
				.main_photo p {width:478px; _width:480px; height:360px; _height:362px; overflow:hidden; text-align:center; border:1px solid #663333; background:#efefef; position:relative; }
				.main_photo p img.wide {height:360px;}
				.main_photo p img.tall {width:478px;}
	
				.photo_frame_strap {margin:0 0 15px 0; clear:both;}
				.photo_frame_strap ul { margin:0 0 10px; }
				.photo_frame_strap ul li { float:left; border:1px solid #663333; display:block; width:76px; _width:78px; height:76px; _height:78px; margin:0 10px 0 0; position:relative; overflow:hidden; }
				.photo_frame_strap ul li img.wide { height:76px; position:absolute; left:-12px; }
				.photo_frame_strap ul li img.tall { width:76px; position:absolute; top:-12px; }
				.photo_frame_strap p { font-size:0.9em; }
				
				table.item_info {float:left; margin-bottom:2px;}
					table.item_info th {font-weight:bold; border-left:3px solid #A78D7E; color:#999; padding-left:3px; padding-bottom:2px; width:200px;}
					table.item_info td {font-size:133%; padding-bottom:13px; padding-left:10px; width:200px;}
					table.item_info td#money {font-weight:normal;}
				
				table.strap_info {float:left; margin-bottom:2px;}
					table.strap_info th {font-weight:bold; border-left:3px solid #A78D7E; color:#999; padding-left:3px; padding-bottom:2px; width:200px;}
					table.strap_info td {font-size:133%; padding-bottom:13px; padding-left:10px; width:200px;}
					table.strap_info td#money {font-weight:normal;}
				
				dl#info-title {width:217px; float:left; margin-right:20px;}
					dl#info-title dt {font-size:133%; line-height:150%; font-weight:bold; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #ccc;}
					dl#info-title dd {padding-bottom:10px; margin-bottom:15px; border-bottom:1px dashed #ccc;}
				
				#info-photo {width:480px; margin:0 0 15px 0; float:left;}
				#info-photo p {width:478px; _width:480px; height:360px; _height:362px; overflow:hidden; text-align:center; border:1px solid #663333; background:#efefef;}
				#info-photo p img.wide {height:360px;}
				#info-photo p img.tall {width:478px;}

				.item_moreinfo {clear:both; padding:15px 0 0 0; margin-bottom:15px; /* font-size:117%; line-height:170%; */ background:url(../images/common/line_dot-x.gif) repeat-x left top;}

				#size_table {}
				#size_table table { border-top:1px solid #ccc; border-left:1px solid #ccc;}
				#size_table table th { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px 10px; text-align:right; font-weight:bold; color:#FFF; background:#A78D7E;}
				#size_table table th.number { width:20px;}
				#size_table table td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px 10px; width:20px; text-align:center;}
				
		/* Entry form layout */
		#entry-form {background:#F1EDED; border:1px solid #D1D1D4; padding:15px;}
			.form_description {margin-bottom:10px;}
			strong.red {font-weight:bold; color:#F00;}
			#item-form {margin-bottom:15px; _width:650px;}
				#item-form th {width:150px; padding:10px 5px; vertical-align:top;}
				#item-form td {padding:10px 5px;}
				#item-form td input,
				#item-form td textarea {width:100%; border:none; padding:3px;}
			
			#submit {text-align:center;}
				#submit input {border:none; background:#846550; color:#fff; cursor:pointer; padding:7px 15px; font-weight:bold;}
				#submit input:hover {background:#6C4435;}


		/* pages */
		.page_title {font-size:1.6em; font-weight:bold; margin-bottom:25px; background:url(../images/common/ic_circle02.gif) no-repeat 0 50%; text-indent:25px;}

		.page-body p {
			margin:0 0 10px;
			}
		.page-body p.border {
			margin:0 0 20px;
			border-bottom:1px dotted #ccc;
			padding:0 0 5px;
			}
		.page-body h4 {
			font-size:1em;
			color:#663333;
			font-weight:bold;
			margin:0 0 10px;
			}
				
				/* about */
				#about p.credit {
					font-style:normal;
					text-align:right;
					font-size:0.9em;
					color:#999;
					}
				

				/* straps */
				

				/* purchase */
				#purchase dl {
					margin:0 0 15px;
					}
					#purchase dl dt {
						background:url(../images/common/ic_arrow-dot.gif) no-repeat 0 50%;
						text-indent:12px;
						margin:0 0 5px;
						}
					#purchase dl dd {
						padding:0 12px;
						}
				
				#purchase p#submit {
					text-align:left;
					}

				#purchase ul {
					margin:0 0 15px;
					}
					#purchase ul li {
						background:url(../images/common/ic_arrow-dot.gif) no-repeat 0 50%;
						text-indent:12px;
						margin:0 0 5px;
						}


				/* contact */
				#contact {background:#F1EDED; border:1px solid #D1D1D4; padding:15px;}
				

				/* repairs */
				#repairs ol {
					padding:0 5px;
					margin:0 0 10px;
					}
				#repairs table {
				border-top:1px solid #ccc;
				border-left:1px solid #ccc;
				margin:0 5px 10px;
				}
					#repairs table thead th {
					font-weight:bold;
					color:#FFF;
					background:#A78D7E;
					border-bottom:1px solid #ccc;
					border-right:1px solid #ccc;
					padding:5px 20px;
					width:250px;
					}
					#repairs table thead td {
					font-weight:bold;
					color:#FFF;
					background:#A78D7E;
					border-bottom:1px solid #ccc;
					border-right:1px solid #ccc;
					padding:5px 20px;
					width:120px;
					}
					#repairs table tbody th {
					font-weight:bold;
					color:#FFF;
					background:#aaa;
					border-bottom:1px solid #ccc;
					border-right:1px solid #ccc;
					padding:5px 20px;
					width:250px;
					}
					#repairs table tbody td {
					border-bottom:1px solid #ccc;
					border-right:1px solid #ccc;
					padding:5px 20px;
					width:120px;
					}


				/* company */
				#company dl {
					border-bottom:1px dotted #ccc;
					padding:0 5px 5px;
					margin:0 0 10px;
					}
				#company dl.last {
					border:none;
					padding:0 5px 0;
					margin:0 0 0;
					}
					#company dl dt {
						font-size:1em;
						color:#663333;
						font-weight:bold;
						margin:0 0 5px;
						}
					#company dl dd {
						margin:0 0 5px;
						}


				/* access */
				#access .left {
					float:left;
				}
				#access dl {
					margin:0 0 20px;
					}
					#access dl dt {
						margin:0 0 10px;
						color:#999;
						border-bottom:1px dashed #ccc;
						padding:0 0 3px;
						}

				#access #gMap {
					width:450px;
					height:400px;
					border:1px solid #846550;
					float:right;
					margin:0 0 30px;
					}
				#access .mapInfo {
					}
					#access .mapInfo h4 {
						border-bottom:1px solid #ccc;
						padding:0 0 5px;
						margin:0 0 5px;
						}

				#access dl.bottom {
					margin:0;
					}
					#access dl.bottom dt {
						}
					#access dl.bottom dd {
						width:400px;
						float:left;
						}
					#access dl.bottom dd.img {
						font-size:0.8em;
						color:#aaa;
						float:right;
						width:282px;
						}
					#access dl.bottom dd.img img {
						border:1px solid #846550;
						}

				
				/* sitemap */
				#sitemap ul {
					margin:0 0 20px;
					padding:0 10px;
					border-bottom:1px dashed #ccc;
					}
						#sitemap ul li {
							background:url(../images/common/ic_arrow-dot.gif) 0 50% no-repeat;
							text-indent:12px;
							margin:0 0 15px;
							}
				
				#sitemap .left-sitemap {
					width:340px;
					float:left;
					margin:0 30px 0 0;
					}
				#sitemap .right-sitemap {
					width:300px;
					float:left;
					}


				/* declaration */
				#declaration dl {
					border-bottom:1px dotted #ccc;
					padding:0 5px 5px;
					margin:0 0 10px;
					}
				#declaration dl.last {
					border:none;
					padding:0 5px 0;
					margin:0 0 0;
					}
					#declaration dl dt {
						font-size:1em;
						color:#663333;
						font-weight:bold;
						margin:0 0 5px;
						}
					#declaration dl dd {
						margin:0 0 5px;
						}


				/* privacy */
				#privacy p {
					margin:0 0 5px;
					padding:0 5px;
					}
				
				#privacy ol {
					margin:0 0 20px;
					padding:0 5px;
					border-bottom:1px dotted #ccc;
					text-align:justify;
					}
				#privacy ol.last {
					border-bottom:none;
					text-align:justify;
					}
					#privacy ol li {
						list-style:decimal inside;
						margin:0 0 10px;
						padding:0;
						}
						
				
	/*---------------------------------------------------------------------
	right-section layout
	---------------------------------------------------------------------*/
	#right-section {float:right; width:190px; font-size:92%; color:#666;}
		#banner li#twitter {background:none; width:190px; margin:0;}
		#banner li img {vertical-align:bottom;}

		#banner li.bnr01,
		#banner li.bnr02,
		#banner li.bnr03,
		#banner li.bnr04,
		#banner li.bnr05 {margin:0 0 10px;}
		#banner li.bnr01 a,
		#banner li.bnr02 a,
		#banner li.bnr03 a,
		#banner li.bnr04 a,
		#banner li.bnr05 a {display:block; overflow:hidden; height:0; _height:33px; padding-top:33px; width:190px;}
		
		#banner li.bnr01 a {background:url(../images/common/bnr.gif) no-repeat 0 0;}
		#banner li.bnr02 a {background:url(../images/common/bnr.gif) no-repeat 0 -33px;}
		#banner li.bnr03 a {background:url(../images/common/bnr.gif) no-repeat 0 -66px;}
		#banner li.bnr04 a {background:url(../images/common/bnr.gif) no-repeat 0 -99px;}
		#banner li.bnr05 a {background:url(../images/common/bnr.gif) no-repeat 0 -132px;}
		
		#banner li.bnr01 a:hover {background:url(../images/common/bnr.gif) no-repeat -190px 0;}
		#banner li.bnr02 a:hover {background:url(../images/common/bnr.gif) no-repeat -190px -33px;}
		#banner li.bnr03 a:hover {background:url(../images/common/bnr.gif) no-repeat -190px -66px;}
		#banner li.bnr04 a:hover {background:url(../images/common/bnr.gif) no-repeat -190px -99px;}
		#banner li.bnr05 a:hover {background:url(../images/common/bnr.gif) no-repeat -190px -132px;}
			
			
/*---------------------------------------------------------------------
Footer Layout
---------------------------------------------------------------------*/
#footer {clear:both; padding:20px 0;}
	#foot-inner {width:950px; margin:0 auto; text-align:left;}
	#fnav {float:left;}
		#fnav li {background:url(../images/common/line_solid-y.gif) repeat-y right top; padding-right:7px; margin-right:5px; display:inline;}
		#fnav li.last {background:none; padding:0; margin:0;}
		#fnav li a:hover {background:#A78D7E; color:#fff;}
	
	#copyright {float:right; font-weight:normal; font-size:83%;}

.red { color:#ff0000; }