﻿/* For */

body {
	margin:0;
	color: #333;
	line-height:1.4;
	text-align:center;
/*	font-family:Osaka, "ＭＳ Ｐゴシック", sans-serif;
*/
	background:#fff url(./images/bg.gif) repeat-x center top;
}

a:link		{ text-decoration: none;	}
a:active	{ text-decoration: none;	}
a:visited	{ text-decoration: none;	}
a:hover		{ text-decoration: underline;	}

h1	{ margin-top:0;padding-bottom:8px;
	color:#333; text-align:left; letter-spacing:0.2em;
	border-bottom:1px solid #ccc;
}

h2	{ padding:8px; color:#333; text-align:left; border-left:3px solid #69c; }

h3	{ height:44px; margin-top:8px; padding:16px 0 0 30px;
	color:#333; font-size:1.1em; text-align:left; letter-spacing:0.2em;
	background:url(./images/bg_h1.jpg) no-repeat left top;
}
/*
h3	{ height:26px; margin-top:8px; padding:6px 0 0 60px;
	color:#fff; font-size:1.1em; text-align:left; letter-spacing:0.2em;
	background:url(./images/h550x32_bg.gif) no-repeat left top;
}
*/

h4	{ padding:3px 8px;
	color:#333; text-align:left; letter-spacing:0.2em;
	background-color:#fff;
	border-left:4px solid #9c6;
}



/*-----------------------------------------------------------------*/
table.solid		{ margin-bottom:1em; font-size:1em; border-collapse:collapse; border:1px solid #999; }
table.solid tr	{ font-size:1.0em; line-height:1.3; }
table.solid th	{ padding:0.5em 0.8em; vertical-align:top; color:#333; border:1px solid #ccc; background-color:#eee; }
table.solid td	{ padding:0.5em 0.8em; vertical-align:top; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
table.solid .ng	{ color:#666; text-decoration:line-through; background-color:#f8f8f8; }
table.solid .ec	{ white-space:nowrap; text-align:center; background-color:#f0f0f0; }
table.solid .dc	{ white-space:nowrap; text-align:center; background-color:#ddd; }
table.solid .e	{ white-space:nowrap; background-color:#f0f0f0; }
table.solid .d	{ white-space:nowrap; background-color:#eee; }
table.solid .l	{ text-align:left;  }
table.solid .r	{ text-align:right; }

table.nline		{}
table.nline td	{ padding-right:0.8em; vertical-align:top; }
table.nline .e	{ white-space:nowrap; background-color:#f0f0f0; }
table.nline .d	{ white-space:nowrap; background-color:#ddd; }
table.nline .l	{ text-align:left;  }
table.nline .r	{ text-align:right; }

/*--画像マスク・サムネイル表示------------------------------------*/
div.mask_k	{ width:160px; height:120px; background-color:#ccc; overflow:hidden; }
div.mask_l	{ width:150px; height:150px; background-color:#ccc; overflow:hidden; }
div.mask_m	{ width:100px; height:100px; background-color:#ccc; overflow:hidden; }
div.mask_s	{ width:50px;  height:50px;  background-color:#ccc; overflow:hidden; }

.phbox_r	{ float:right; margin-left:1em; margin-bottom:1em; padding:0.4em; text-align:center;
	color:#666; font-size:0.8em; line-height:1.5; background-color:#fff; border:1px solid #ccc; }
.phbox_r img	{ border:0px solid #ccc; }
.phbox_nr	{ float:right; margin-left:1em; margin-bottom:1em; padding:0.4em; text-align:center;
	color:#666; font-size:0.8em; line-height:1.5; }
.phbox_nr img	{ border:0px solid #ccc; }

.phbox_l	{ float:left; margin-right:1em; margin-bottom:1em; padding:0.4em; text-align:center;
	color:#666; font-size:0.8em; line-height:1.5; background-color:#fff; border:1px solid #ccc; }
.phbox_l img	{ border:1px solid #ccc; }
.phbox_nl	{ float:left; margin-right:1em; margin-bottom:1em; padding:0.4em; text-align:center;
	color:#666; font-size:0.8em; line-height:1.5; }
.phbox_nl img	{ border:0px solid #ccc; }

.artx	{ float:left; margin:1em; padding:0.6em; text-align:center;
	color:#666; font-size:0.8em; line-height:1.5; background-color:#fff; border:1px solid #eee; }
.artx img	{ border:0px solid #ccc; }

.gline	{ clear:both; height:8px; text-align:left; background-color:#696; }

/*--インフォメーション・ヘッドライン------------------------------*/
.info		{ margin-bottom:1.2em; }
.info span	{ padding-left:1em; color:#080; font-size:0.8em; font-weight:normal; }
.info .ttl	{ margin-left:8px; padding-left:22px; color:#03c; font-weight:bold; background:url(./images/arrow15x15.gif) no-repeat left 2px; }
/* .info .ttl	{ margin-left:8px; padding:6px; color:#03c; font-size:1.1em; font-weight:bold; border-left:4px solid #f90; } */
.info .cmt	{ margin-left:30px; }

.headline	{ margin-bottom:0.5em; padding:0.1em;
	color:#360; font-weight:bold; border-bottom:1px dashed #ccc; }


.link_box		{ margin-left:8px; margin-bottom:0.8em; padding:0.4em 20px;
	color:#039; font-weight:bold; line-height:1.3; background:#fff url(./images/arrow15x15.gif) no-repeat left 8px; }
.link_box span	{ color:#080; font-size:13px; font-weight:normal; }

.arrow_l	{ margin-left:8px; padding:0.2em 20px;
	color:#039; line-height:1.3; background:#fff url(./images/arrow15x15.gif) no-repeat left center; }

.gtitle	{ color:#090; font-size:1.8em; font-weight:bold; }
.price	{ color:#c00; font-weight:bold; }
.gsmall	{ color:#999; font-size:0.8em; }
.caution{ color:#c00; font-size:0.8em; }

.small	{ color:#333; font-size:0.8em; }

.gmap	{ padding:3px 24px; background:url(./images/gmap20.gif) no-repeat left top; }

.ttl_bar{ margin:4px 0 2em; }
.bb		{ color:#039; font-size:1.2em; font-weight:bold; }

.main_halfbox	{ float:left; width:250px; padding:6px; font-size:0.9em; }

.spa_box	{ padding:0.8em; background-color:#fd6; border:1px solid #c90; }

/*--xfade2.js------------------------------------------------------*/
#xfade_imageContainer {
	float:left;
	position:relative;
	margin:auto;
	width:540px; /*画像の横幅*/
	height:190px; /*画像の縦幅*/
	/*border:1px solid #000; /*画像のまわりのボーダー*/
}

#xfade_imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
	border:none;
}

/*-----------------------------------------------------------------*/
#wrapper {
	width:800px;
	margin:0 auto;
}

/*-----------------------------------------------------------------*/
#header {
	width:780px;
	height:183px;
	margin:0 auto; padding:0;
	text-align:left;
	background:transparent url(./images/bg_header.jpg) no-repeat center top;
}
#header img { border-width:0; }

#head_navi {
	float:right;
	padding:6px 12px;
	color:#9cf; font-size:13px; text-align:right;
}
#head_navi a	{ padding:0 6px; color:#fff; }
#head_navi ul	{ margin:0; padding:0; list-style-type:none; }
#head_navi li	{ float:right; padding-left:1.5em; }

#pankz {
	width:756px;
	margin:0 auto 1em;
	padding:6px;
	color:#999; font-size:13px; text-align:left;
	border-bottom:1px dotted #ccc;
}

/*-----------------------------------------------------------------*/
#content {
	clear:both;
	width:728px;
	margin:0 auto;
	font-size:0.9em;
	text-align:left;
}

#top_image		{ float:left; }
#top_image img	{ margin-bottom:16px; border-width:0; }

#main {
	float:left;
	width:540px;
	margin-left:16px;
	color:#333;
	line-height:1.4;
	text-align:left;
}

#sidebar {
	float:right;
	width:190px;
	margin-right:16px;
	font-size:0.9em;
	line-height:1.4;
	text-align:left;
}
#menu		{ width:190px; height:460px; margin:0; padding:0; background: #fff url(./images/bg_menu.gif) no-repeat left top; }
#menu ul	{ margin:16px 0 0 14px; padding:0; list-style-type:none; }
#menu li	{ margin-bottom:11px; display:block; width:160px; height:50px; }
#menu a	{ display:block; width:160px; height:50px; text-indent:-9999px;
	color:#f00; text-decoration:none;
	background:transparent url(./images/menu160.gif) no-repeat left top;
}
#navi01 a 	{ background-position:0    0px; }
#navi02 a 	{ background-position:0  -61px; }
#navi03 a 	{ background-position:0 -122px; }
#navi04 a 	{ background-position:0 -183px; }
#navi05 a 	{ background-position:0 -244px; }
#navi06 a 	{ background-position:0 -305px; }
#navi07 a 	{ background-position:0 -366px; }

#navi01 a:hover { background-position:-160px    0px; }
#navi02 a:hover { background-position:-160px  -61px; }
#navi03 a:hover { background-position:-160px -122px; }
#navi04 a:hover { background-position:-160px -183px; }
#navi05 a:hover { background-position:-160px -244px; }
#navi06 a:hover { background-position:-160px -305px; }
#navi07 a:hover { background-position:-160px -366px; }


/*-----------------------------------------------------------------*/
#footer {
	clear:both;
	width:780px;
	height:27px; /*35-8px*/
	margin:1em auto;
	padding-top:8px;
	color:#fff; font-size:0.8em; font-family:Tahoma; text-align:center;
	background:#fff url(./images/bg_footer.gif) no-repeat left top;
}
#footer a	{ color:#00f; }
#footer img	{ border:none; }

