@charset "utf-8";


body{
	background: url(/img/common/whitewall.jpg) repeat top center;
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: auto;
	color: #000;
	font-size: 12px;
	line-height: 160%;
	font-family:Verdana,"Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

* html body {   

	/* このurl(null) を指定することをhtaccessに書いておく　*/
	background: url(/img/common/whitewall.jpg) repeat top center fixed;
}


a {
	outline:none;

}

div#header	{

	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align:center;
	background: url(/img/common/akagawara.jpg) top center repeat-x;
	position: fixed;
	top:0;
	left:0;
	z-index: 1000;
}

* html div#header {   

    position: absolute;   
    /* 一部のIE6で背景画像のダウンロードを繰り返すのではずす
	top: expression(eval(document.documentElement.scrollTop+0));  
	*/
}

div#topmenu {
	width: 980px;
	padding: 0px;
	margin: 0px auto;
	background-image: none;
}


div#topmenu img {
	behavior: expression(IEPNGFIX.fix(this));
}

/* General Style Info */


#container a:link {
	color: #000066;
	text-decoration:none;
}

#container a:visited {
	color: #003399;
	text-decoration: none;
}

#container a:hover {
	text-decoration: underline;
}

#container a:active {
	text-decoration: none;
}


/* Layout 

#container (990px)

margin 25px + #mainbox (550px) + margin:25px + #sidebox(width:190px) + #rankbox(200px) = 990px
 

*/


#container{
	text-align:left;
	width: 990px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 120px 0px 0px 0px;
	background: url(/img/common/bg_gray.gif) top center repeat-y;
	
}


#mainbox {
	height: auto;
	float: left;
	width: 550px;
	margin: 0px;
	padding: 0px 0px 0px 25px;
}


#mainbox h1 {
	font-size: 220%;
	margin: 15px 0px 15px 0px;
}


.specialdesc {
	margin: 0px 0px 20px 0px;
	font-size: 120%;
}

#sidebox {
	width: 190px;
	padding: 0px;
	margin: 0px;
	float: right;
}

.blackline {
	clear: both;
	background: url(/img/common/blackline.gif) repeat-x top left;
	height: 1px;
	font-size: 1px;
	margin: 10px 0px 25px 0px;
	padding: 0px;
}


#sidebox h2, #rankbox h2, #mainbox h2, #mainbox_detail h2, .h2icon {
	
	margin: 0px 0px 10px -3px;
	padding: 3px 0px 3px 22px;
	background: url(/img/common/iconcheck.gif) no-repeat left center;
}

.catelink {
	margin: 0px 25px 30px 25px;
	
}

.catelink a {
	
	width: 140px;
	padding: 5px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	background: url(/img/common/dotline165.gif) repeat-x left bottom;
}

.catelink :link {
}

.catelink :visited {
}

.catelink :hover {
	background-color:#FBF8E6;
}

.catelink :active {
}

.themesidebox {
	width: 150px;
	margin: 20px 0px;
	padding: 0px;
}

.imghoverline img {
	border: 3px solid #fff;
}

.imghoverline :link {
	border: 3px solid #fff;
}

.imghoverline :visited {
	border: 3px solid #fff;
}

.imghoverline :hover {
	border: 3px solid #000066;
}

.imghoverline :active {
	border: 3px solid #000066;
}

.compitems {
	width: 760px;
	background: url(/img/common/compdot.gif) repeat-y top left;
	padding: 0px;
	margin: 0px auto;
}


.item {

	float:left;
	width:170px;
	margin: 0px;
	padding: 0px 10px 20px 10px; 
}



#rankbox {
	height: auto;
	width: 200px;
	float: right;
	margin: 0px;
	padding: 0px;
}

#newstore {
	padding: 0px 25px 20px 25px;
	margin: 0px;
	width: 150px;
}

#newstore p {
	background: url(/img/common/dotline165.gif) repeat-x left bottom;
	padding: 0px 0px 7px 0px;
	margin: 10px 0px;

}

#recentbox {
	width: 150px;
	margin: 0px 25px 50px 25px;
}


#recentbox a {
	width: 150px;
	padding: 5px 0px;
	margin: 0px;
	display: block;
	background: url(/img/common/dotline165.gif) repeat-x left bottom;
}

#recentbox a:link {
}

#recentbox a:visited {
}

#recentbox a:hover {
	background-color: #F7F6F1;
}

#catelink a:active {
}




.mapwindow {
	width: 300px;
	
	
}


.whitebox {
	padding: 0px 0px 20px 0px;
	margin: 0px;
	overflow: auto;
	
}

.whitebox div {
	float: left;
	width: 130px;
	margin: 5px 5px 0px 0px;
	padding: 0px;
}


#footer{
	clear:both;
	padding: 50px auto 100px auto;
	margin: 0px;
	width: 100%;
	height: 100px;
	background: url(/img/common/blacklinebg.gif) repeat-x left top;
}

#pageup {
	width: 988px;
	margin: 0px 1px;
	padding: 0px;
	text-align: right;
}


.linkimgleft {
	background: inherit;
	float: left;
	margin: 0px 15px 0px 0px;

}

.clear {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	width: 950px;
	clear:both;
	margin: 0px;
	padding: 0px;
}

.clear540 {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	width: 575px;
	clear:both;
	margin: 0px;
	padding: 0px;
}

.clear760 {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	width: 760px;
	clear:both;
	margin: 0px;
	padding: 0px;
}

.thumbox {
	width: 550px;
	margin: 20px 0px 10px 0px;
	padding: 40px 0px 10px 0px;
	background: url(/img/common/blacklinebg.gif) repeat-x left top;
	border: none;
	border-collapse: collapse;
}

.thumbox h3, .thumboxwide h3 {
	margin: 0px 0px 10px 0px;
	font-size: 18px;
	
}
.thumbox span, .thumboxwide span {
	font-weight: normal;
	font-size: 12px;
	color: #930;
}

.thumbox p {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	clear: both;
}


.thumbimg {
	float: left;
	margin: 10px 20px 20px 0px;

}

.descbox {
	margin: 15px 0px 20px 0px;
	line-height: 180%;

}

.descbox div {
	margin: 0px;
	
}

.thumboxwide {
	width: 740px;
	margin: 10px auto;
	padding: 40px 0px 20px 0px;
	background: url(/img/common/blacklinebg.gif) repeat-x left top;
}


.list {
	margin: 0px;
	padding: 0px;
	background: url(/img/common/dotline165.gif) repeat-x left top;
	clear:both;
	width: 100%;
}

.list td {
	background: url(/img/common/dotline165.gif) repeat-x left bottom;
	border-left: 1px solid #CEBFA8;
	padding: 2px 0px 2px 10px;
}


.compbox {
	width: 158px;
	border: 1px solid #ccc;
	margin: 0px 20px 20px 0px;
	padding: 10px;
	float: left;
	
	
}


.fontsmallbrown {
	color:#993300;
}

.fontsmallgray {
	color: #777;
	font-size: 10px;
}

.mapcheck {
	color: #666;	
}

.btn_addcomp {
	background: url(../img/common/btn_addcomp.gif) center left no-repeat;
	width: 105px;
	padding: 11px 0px 3px 25px;
	height: 20px;
	float:right;
	text-align:left;
	margin: 0px;
}



.btn_delcomp {

	background: url(../img/common/btn_del.gif) center left no-repeat;
	width: 55px;
	text-align:center;
	padding: 11px 0px 3px 15px;
	height: 20px;
	margin: 0px;
}

/****************　detail ********************/


#mainbox_wide {
	
	width: 787px;
	margin: -50px 0px 0px 1px;
	padding: 50px 0px 20px 0px;
	height: auto;
	float: left;
}

#mainbox_wide_content {
	width: 740px;
	margin: 0px auto;
	padding: 0px;
}

#mainbox_detail {
	width: 720px;
	padding: 0px 0px 30px 0px;
	height: auto;
	margin: 0px auto;
}


#mainbox_detail_top {
	width: 720px;
	padding: 0px;
	background: url(/img/common/detailtop.gif) no-repeat top left;
	height: 40px;
	margin: 20px 0px 0px 0px;
}

#mainbox_detail_mid {
	width: 660px;
	padding: 10px 30px;
	background: url(/img/common/detailmid.gif) repeat-y top left;
	height: auto;
	margin: 0px auto;
	line-height: 180%;
}

#mainbox_detail_bot {
	width: 720px;
	padding: 0px;
	background: url(/img/common/detailbot.gif) no-repeat top left;
	height: 10px;
	font-size: 1px;
	margin: 0px auto 25px auto;
}



.storetitle {
	line-height: 100%;
	font-size: 220%;
	float:left;
	padding: 0px;
	margin: 0px;
	width: 540px;
}

.storetitle img {
	margin: 10px 5px 0px 0px;

}

.storetitle span {
 font-size: 12px;
 font-weight: normal;

}

h3.telno {
	background: url(/img/common/icon_tel.gif) no-repeat top left;
	padding: 0px 0px 0px 18px;
	font-size: 18px;
	margin: 30px 0px 0px 10px;
	float: left;
	width: 152px;
}


.imgleft {
	float: left;
	padding: 10px 20px 20px 0px;
	margin: 0px;
}


.fontbigred {
	font-size: 14px;
	color: #900;
	
}

.commentbox {
	margin: 10px 0px 0px 0px;
	line-height: 180%;
	font-size: 13px;
}


.boardmid {
	background: url(/img/common/boardmid.png) no-repeat top left;
	margin: 0px 0px 20px -5px;
	width: 685px;
	height: 133px;
	padding: 50px 25px 20px 20px;
	behavior: expression(IEPNGFIX.fix(this));
	text-align: center;
}
.boardmid img {
	behavior: expression(IEPNGFIX.fix(this));
	margin: 0px 7px;
	
}


.pngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

#storephotobox {
}

.storephoto {
	margin: 0px 0px 30px 0px;
	width:340px;
	vertical-align:top;
}

#detailmapdiv {
	float: left;
	margin: 0px 20px 20px 0px;
	padding: 0px;
	border: 5px solid #fff;
	background-color: #efefef;
}


.infotable {
	width: 410px;
	margin: 5px 0px 30px 0px;
	padding: 0px;
	border-collapse: collapse;
	float: left;
	border-top: 1px solid #DDCBB0;

}

.infotable th {
	font-weight: normal;
	width: 120px;
	text-align:center;
	/*background: url(/img/common/th_orange.jpg) repeat-x top left #fff; */
	border-collapse: collapse;
	border-bottom: 1px solid #DDCBB0;
	padding: 3px;
	margin: 0px;
	color:#630;
}

.infotable td {
	border-collapse: collapse;
	border-bottom: 1px solid #DDCBB0;
	padding: 3px;
	margin: 0px;
}



/* tables */
.searchtable {
	background-color:#eee;
	border: none;
	width: 100%;
	margin: 10px 0px;
	padding: 0px;
}

.searchtable td {
	border: none;

}


/* accordian menu */

#basic-accordian {
	margin: 0px;
	padding: 0px;
	width: 160px;
	background-color: #fff;
}

.accordion_headings {
	padding: 4px;
	FONT-WEIGHT: bold;
	BACKGROUND: #cccccc;
	CURSOR: pointer;
	COLOR: #ffffff;
}

# h3 {
	padding: 4px;
	FONT-WEIGHT: bold;
	BACKGROUND: #FC0;
	COLOR: #ffffff;
	width: 152px;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
}




.accordion_headings:hover {
	background: #ededed;
}
.accordion_child {
	padding: 10px 0px;
}

label:hover {
	background-color:#F1EFC9;
}


.header_highlight {
	background: #ededed;
	color: #333;
}


/************ ページ番号 ****************/

#pagebox {
	text-align: center;
	margin: 40px auto;
}

.pageon {
	background: url(/img/common/beer100.gif) center left no-repeat;
	font-weight: bold;
	margin: 0px;
	padding: 20px 8px 20px 8px;
	width: 23px;
	height: 50px;
}

.pageoff {
	background: url(/img/common/beer50.gif) center left no-repeat;
	margin: 0px;
	padding: 20px 8px 20px 8px;
	width: 23px;
	height: 50px;
}

#pagebox a {
	margin: 0px 10px;
}

#pagebox a:link {
	text-decoration: none;
	color: #000000;
}

#pagebox a:visited {
	text-decoration: none;
	color: #000000;
}

#pagebox a:hover {
	text-decoration: none;
	color: #000000;
	background: url(/img/common/beer100.gif) center left no-repeat;
}

#pagebox a:active {
	text-decoration: none;
	color: #000000;
}


#verybigmap {
	width: 550px;
	margin: 0px;
	padding: 0px;
	height: 550px;
}

.thumblist {
	margin: 10px 0px;

}

.smallfont {
	font-size: 10px;
	color: #666666;

}


/************************* comment ********************************/


.commenttitle {
	float: left;
}

.commenttitle strong {
	font-size: 14px;

}

.commenttext {
	clear: both;

}

.starbox {
	float: right;
}

.datebox {
	font-size: 10px;
	color: #999999;
	padding: 0px;

}

.agebox {
	color: #669900;
}

.hori_list {
	list-style-type: none;
	margin: 0px;
	padding: 20px 0px;
}

.hori_list li {
	float: left;
	list-style-type: none;
	margin: 0px 20px 0px 20px;
	padding: 0px;

}

.noticemsg {
	font-size: 11px;
	color: #993300;

}

.graybox {
	background-color: #efefef;
	padding: 5px;
	
}

/**********************/

	div#my-glider-vertical div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 160px; 
	height: 550px;
	overflow: hidden;
	margin: 0px auto;
	}
	div#my-glider-vertical div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width: 160px; 
		overflow:hidden;
		/*float:left;*/
		padding:5px 0px;
		margin: 0px;
		font-size: 14px;
		background: url(/img/common/dotline165.gif) repeat-x left bottom;
		}
	.section img {
		float: left;
		margin: 0px 10px 10px 0px;
		padding: 0px;
		
	}
	div#my-glider-vertical div.scroller div.content {
		width: 10000px;
		}
	div#my-glider-vertical div#section2 {

		}


.active {
	background-color:#EEF8D1;
	color: #fff;
	}		
		
		
		

.style1 {color: #EDF8C9}
.style2 {background-color: #000}

/***************************************/



.linkbox {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	list-style-type: none;
	width: 575px;
	clear: both;
	overflow: auto;
}

.linkbox li {
	float: left;
	width: 130px;
	padding: 2px 10px 2px 2px;
	margin: 0px;
}

.keywordsearch {
	width: 515px;
	clear:both;

}

.keywordsearch input {
	font-size: 150%;
	color: #039;
}

.kodawaribox {
	width: 513px;
	padding: 20px;
	border: 1px solid #999;
}

.kodawaribox a {
	float: right;
	
}

.keyword {
	
	color:#993300;
	font-weight: bold;
}

#titlebox {
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-size: 220%;
	line-height: 100%;
	color:#993300;
	
}

#titlebox_wide {
	background: url(/img/common/blackline.gif) repeat-x top left;
	padding: 10px 20px;
	margin: 20px 0px 0px 0px;
	color:#993300;
	clear: both;
	text-align: center;
	
}

#titlebox div {
	font-size: 45%;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

#titlebox table {
	width: 100%;
	margin: 10px 0px 0px 0px;
	border: 0px;
	border-collapse: collapse;
	padding: 0px;
	font-size: 45%;
	background: url(/img/common/dotline165.gif) repeat-x left top;
}

#titlebox table a, strong {
	margin: 0px 10px 0px 0px;
	
}

#titlebox th {
	color: #000;
	width: 50px;
	font-weight: normal;
	padding: 3px 0px;
	background: url(/img/common/dotline165.gif) repeat-x left bottom;
}
#titlebox td {
	color: #000;
	padding: 3px 0px;
	background: url(/img/common/dotline165.gif) repeat-x left bottom;
}


#tabbox {
	padding: 0px;
	margin: 0px;
	width: 575px;
}

.selectedlink {

	font-weight: bold;
	padding: 5px 0px;
	color:#993300;
	background: url(/img/common/dotline165.gif) repeat-x left bottom;
}

.comptable {
	width: 740px;
	padding: 0px;
	margin: 0px;
	border-collapse:collapse;
	border: none;
}



.comptable th {
	background: url(/img/common/blacklinebg.gif) repeat-x left top;
	border-right: 1px solid #CEBFA8;
	border-left: 1px solid #CEBFA8;
	border-collapse:collapse;
	padding: 15px 0px 7px 0px;
	text-align: center;
}
.comptable td {
	border: 1px solid #CEBFA8;
	border-collapse:collapse;
	padding: 10px;

}

.brownbg {
}

.bigfont {
	font-size: 16px;
	font-weight: bold;
	
}


.errmsg {
	padding: 40px 0px;
	margin: 20px 0px;
	text-align: center;
	
	
}


#widesearchbox{
	width: 740px;
	padding: 0px;
	margin: 20px auto;
	border: none;
	border-collapse: collapse;
}

#widesearchbox th {
	width: 80px;
	padding: 10px;
	border-collapse: collapse;
	background: url(/img/common/dotline165.gif) repeat-x left bottom;
}
#widesearchbox td {
	padding: 3px;
	border: none;
	border-collapse: collapse;
	background: url(/img/common/dotline165.gif) repeat-x left bottom;
	overflow: auto;
}


#widesearchbox div {
	float: left;
	width: 158px;
	margin: 0px;
	padding: 2px 0px;

}


.graytitle {
	background: url(/img/common/tab.jpg) no-repeat left top #fff;
	margin: 0px;
	padding: 2px 0px 2px 10px;
}


/* umai *************/

#umaibox {
	background: url(/img/common/whitewall.jpg) top center;
	margin: 0px 20px;
}

#umaibox p {
	line-height: 180%;
	
}

h1#umai {
	margin: -30px 0px 0px 0px;
	padding: 0px;
}

#fivetop {
	background: url(/img/umai/03.jpg) top center no-repeat;
	width: 950px;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

#fivemid {
	background: url(/img/umai/05.jpg) top center no-repeat;
	width: 950px;
	margin: 0px;
	padding: 0px;
	height: 32px;
}

#fivebg1 {
	background: url(/img/umai/04.jpg) bottom center no-repeat;
	position: relative;
	width: 950px;
	padding: 0px;
	margin: 0px;
	height: 148px;
}

#fivebg1 p, #fivebg2 p {
	margin: 10px 0px;
	
}
#fivetitle h2, #fivebg1 h3, #fivebg2 h3 {
	margin: 0px;
	padding: 0px;
	
}

#fivetitle {
	position: absolute;
	width: 240px;
	top: 10px;
	left: 45px;
}

#five1 {
	position: absolute;
	width: 270px;
	top: 0px;
	left: 340px;
}

#five2 {
	position: absolute;
	width: 180px;
	top: 0px;
	left: 652px;
}

#fivebg2 {
	background: url(/img/umai/06.jpg) bottom center no-repeat;
	position: relative;
	width: 950px;
	padding: 0px;
	margin: 0px 0px 30px 0px;
	height: 170px;
}

#five3 {
	position: absolute;
	width: 190px;
	top: 0px;
	left: 25px;
}

#five4 {
	position: absolute;
	width: 270px;
	top: 0px;
	left: 340px;
}
#five5 {
	position: absolute;
	width: 190px;
	top: 0px;
	left: 652px;
}

.awabox {
	width: 260px;
	padding: 10px 14px;
	margin: 0px;
	float: left;
}


.awabox h3, .checkicon, .box237 h3 {
	font-size: 12px;
	color: #996600;
	margin: 0px;
	background: url(/img/umai/checkicon.gif) left top no-repeat;
	padding: 3px 0px 0px 25px;
	height: 19px;
	
}

.awabox p {
	margin: 5px 0px 0px 0px;
}

.awaimg {
	float: left;
	margin: 0px 10px 0px 0px;
	
	
}

#box711 {
	width: 925px;
	padding: 0px;
	margin: 30px auto;
	
}

#box711 h2 {
	margin: 0px 0px 20px 15px;
	padding: 0px;
	
}

#box711p {
	padding: 5px 20px 20px 0px;
	margin: 0px;
	font-size: 13px;
}

.umaimg {
	float:left;
	padding: 0px;
	margin: 0px 20px 20px 0px;
	behavior: expression(IEPNGFIX.fix(this));
}

.box237 {
	width: 190px;
	padding: 0px 13px 0px 10px;
	float: left;
	margin: 15px 0px 20px 0px;
	background: url(/img/umai/dotvert.gif) top left repeat-y;
}

.box237 p {
	margin: 0px 0px 0px 0px;
}

.blackframetop {
	background: url(/img/umai/blackframetop.gif) top left no-repeat;
	height: 7px;
	margin: 0px auto;
	padding: 0px;
	width: 925px;
	font-size: 1px;
	line-height: 1px;
}

.blackframemid {
	background: url(/img/umai/blackframemid.gif) top left repeat-y;
	height: auto;
	padding: 30px;
	width: 865px;
	margin: 0px auto;
}

.blackframemid h2 {
	padding: 5px 0px 25px 10px;
	margin: 0px;
	
}

.blackframebot {
	background: url(/img/umai/blackframebot.gif) top left no-repeat;
	height: 7px;
	margin: 0px auto 30px auto;
	padding: 0px;
	width: 925px;
}

#awa1 {
	
	background: url(/img/umai/dotvert.gif) top right repeat-y;
	width: 395px;
	float: left;
	margin: 20px 25px 0px 0px;
	padding: 0px 25px 0px 0px;
	
}

#awa2 {
	
	width: 420px;
	float: left;
	margin: 20px 0px 0px 0px;
}

.imgright {
	text-align: right;
}

.imgright img {
	behavior: expression(IEPNGFIX.fix(this));
	
}


#seminarbox {
	
	width: 900px;
	margin: 0px auto;
	padding: 0px 0px 50px 0px;
	
}
.pngfix {
	behavior: expression(IEPNGFIX.fix(this));
	float: right;
	margin: 0px 0px 20px 20px;
}

/* umai *************/