@import url(basic.css);
@import url(top.css);
@import url(tips.css);

.text-left   {text-align: left}
.text-right  {text-align: right}
.text-center {text-align: center}
.bold        {font-weight: bold;}
.font-big    {font-size:16px;}
.orange      {color:#FF4100}
.img-left    {float:left;}
.img-right   {float:right;}
.img-bottom  {vertical-align:bottom;}
.clear       {clear:both}
.mr-bottom20 {margin-bottom:20px}
.mr-top5     {margin-top:5px;}
.black_text  {color:#222222;}
.red         {color:#FF0000}
.green       {color:#339900}
.blue        {color:#0000FF}
a:link    {color: #1d78bc;text-decoration:none}
a:visited {color: #1d78bc;text-decoration:none}
a:hover   {color: #FF8000;text-decoration:none}
a img     {border:0pt none;}
img       {vertical-align:bottom}
.current {color: #FF4100;text-decoration:none}
.btn_pagetop{text-align:right;}
.pagettl{ margin:15px;}



body {margin: 0px;text-align: center;}


/*レイアウトサイズ*/
#wrapper       {width:760px;margin:0 auto;background: url(img/bg.gif) repeat-y center top;}
#wrapper_in    {width:750px;margin:0 auto;background: url(img/wrapper_bottom.gif) no-repeat center bottom;overflow:_zoom: 1;overflow: hidden;}
#side          {width:210px;float:left;text-align:left;}
#content       {width:540px;float:right;text-align:left;}

/* --------------------------------------------------
  header
-------------------------------------------------- */
#header        {background:#780000;text-align:right;height:25px;position:relative;}
#header     ul{position:absolute; top:5px; right:0px; list-style:none; font-size:12px;}
#header  li{float:left;margin-right:20px;background: url(img/arrow_header_nav.gif) no-repeat left center;padding-left:15px;}
#header  li a{color:#FFF0DC;text-decoration: none;}
#header  li a:hover{color:#FFF0DC;text-decoration: underline;}
/* --------------------------------------------------
  side
-------------------------------------------------- */

#side{padding-top:15px;padding-bottom:180px;}
#side h1{margin-bottom:15px; text-indent:-9999px;}
#side h1 a{ background:url(../images/logo.png) no-repeat left; height:60px; width:201px; display:block;}
#side h2{display: none;}

#side form.g_search{margin: 10px;zoom: 1;}
#side form.g_search:after{clear: both; display: block; content: "."; visibility: hidden; height: 0;}
#side form.g_search input.g_search_text{vertical-align: middle;color: #646464;background: url(img/bg_g_search.png) no-repeat #fff left center;
border: 1px solid #b4b4b4;width: 100px;margin: 0 2px 0 0;padding: 2px 0 2px 24px;overflow: hidden;float: left;}

#side_nav h3{text-indent: -9999px;width: 210px;height: 30px;overflow: hidden;margin: 0 0 10px 0;}
#side_nav h3.miru  {background: url(img/h3_miru.png) no-repeat; }
#side_nav h3.asobu {background: url(img/h3_asobu.png) no-repeat; }
#side_nav h3.taberu{background: url(img/h3_taberu.png) no-repeat; }
#side_nav h3.iyasu {background: url(img/h3_iyasu.png) no-repeat; }
#side_nav h3.tomaru{background: url(img/h3_tomaru.png) no-repeat; }

#side_nav ul{list-style: none;margin: 0;padding: 0;}
#side_nav ul.side_subnav{margin: 0 0 12px 17px;}
#side_nav ul.side_subnav a,
#side_nav ul.side_subnav a:visited{color: #fff;text-decoration: none;background: url(img/arrow_side_subnav.gif) no-repeat left center    ;padding: 2px 0 2px 18px;}
#side_nav ul.side_subnav li.side_subnav_act a,
#side_nav ul.side_subnav li.side_subnav_act a:visited{background: url(img/arrow_side_subnav_act.gif) no-repeat left center    ;}
#side_nav ul.side_subnav a:hover{text-decoration: underline;}

#sidebar{padding:10px;}
#sidebar h2{display:block; margin-top:5px; color:#FF6666;}
#sidebar li{margin-bottom:5px;}
#sidebar li a{color:#FFFFFF;}

/* --------------------------------------------------
  w180*h20px banner
-------------------------------------------------- */

#side_nav02{
	height: 230px;
	margin: 0 15px;
	margin-top: 50px;
	overflow: hidden;
/*	position: absolute;
	top:620px;

	bottom: 58px;
	_bottom: 0;/* for IE4.0-6.0 */
	display: block;
}
#side_nav02 ul{
	margin: 0;
	padding: 0;
}
#side_nav02 li{
	margin: 0;
	padding: 0;
}
#side_nav02 a{
	text-indent: -9999px;
	width: 180px;
	height: 20px;
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 0;
	display: block;
}

#side_nav02 a.blog{	background: url(../images/side_nav02_blog.gif) no-repeat;}
#side_nav02 a.guide{	background: url(../images/side_nav02_guide.gif) no-repeat;}
#side_nav02 a.sandpal{	background: url(../images/side_nav02_sandpal.gif) no-repeat;}
#side_nav02 a.products{	background: url(../images/side_nav02_products.gif) no-repeat;}
#side_nav02 a.movie{	background: url(/introductoryvideo/images/side_nav02_video.gif) no-repeat;}
#side_nav02 a.sand-museum{	background: url(../images/sand-museum_birth_banner2.gif) no-repeat;}
#side_nav02 a.hotal{	background: url(../images/side_nav02_hotal.gif) no-repeat;}
#side_nav02 a.sand-museum{	background: url(../images/sand-museum.jpg) no-repeat;}





/* --------------------------------------------------
  content
-------------------------------------------------- */

#content    {}
#cont_nav   {float: left; display:block; width:540px;margin: 0px;padding: 0px;background: url(img/cont_nav_bg.png) no-repeat left bottom #9C2424; height:60px;}
#cont_nav ul{margin: 0px;padding: 0px;}
#cont_nav li{margin: 0px;padding: 0px;float: left;}

#cont_nav li a{
text-indent:-9999px;
display:block;
width:112px;
height:50px;
maegin-bottom:10px;}

li#bus  a {background:url(../new_images/menu.gif) no-repeat; background-position:0px 0px;}
li#bus  a:hover{background:url(../new_images/menu.gif) no-repeat; background-position:0px -50px;}
li#bus  a#here{background:url(../new_images/menu.gif) no-repeat; background-position:0px -100px;}

li#couse  a {background:url(../new_images/menu.gif) no-repeat; background-position:-112px 0px;}
li#couse  a:hover{background:url(../new_images/menu.gif) no-repeat; background-position:-112px -50px;}
li#couse  a#here{background:url(../new_images/menu.gif) no-repeat; background-position:-112px -100px;}

li#benri  a {background:url(../new_images/menu.gif) no-repeat; background-position:-223px 0px;}
li#benri  a:hover{background:url(../new_images/menu.gif) no-repeat; background-position:-223px -50px;}
li#benri  a#here{background:url(../new_images/menu.gif) no-repeat; background-position:-223px -100px;}

li#access  a {width:110px; background:url(../new_images/menu.gif) no-repeat; background-position:-335px 0px;}
li#access  a:hover{width:110px;background:url(../new_images/menu.gif) no-repeat; background-position:-335px -50px;}
li#access  a#here{width:110px;background:url(../new_images/menu.gif) no-repeat; background-position:-335px -100px;}
/*




 --------------------------------------------------
  footer
-------------------------------------------------- */
#footer{clear:both;text-align: center;background: #b49664;width: 750px;margin: 0 auto;padding: 11px 0 7px 0;}
/*#footer_nav{text-align: right;padding: 0 0 1em 0;}*/
#footer_nav{text-align: center;padding: 0 0 1em 0;}

#footer_nav ul{list-style: none;margin: 0;padding: 0;zoom: 1;}
#footer_nav ul{clear: both; display: block;}
#footer_nav li{display: inline;}
/*#footer_nav a, #footer_nav a:visited{text-decoration: none;color: #fff;background: url(img/arrow_footer_nav.gif) no-repeat left center;padding: 0 18px;}*/
#footer_nav a, #footer_nav a:visited{text-decoration: none;color: #fff;background: url(img/arrow_footer_nav.gif) no-repeat left center;padding: 0 13px;}
#footer_nav a:hover, #footer_nav a:active{}
#copyright{color:#645032}

.top_img {overflow:_zoom: 1;overflow: hidden;padding-top:15px;background:#aa3232;}
.top_img img{float:left;vertical-align:bottom}
#sfw{vertical-align:bottom}
#contenttop{text-align:right; margin-top:10px; margin-right:1px;}


/*
----------------------------------------------*/
/* cont_nav02 */
#cont_nav02{
	margin: 0 0 26px 20px;
	margin-left:30px;
}
#cont_nav02 ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#cont_nav02 li{
	margin: 0;
	padding: 0 3px 0 0;
	float: left;
	display: inline;
}

#content #pankuzu{
	margin: 10px 0 10px 20px;
}

#content div.pagettl{
	margin: 0 0 50px 20px;
}
#content div.pagettl h2{
	margin: 0;
	padding: 0;
}

#content div.top_btn{
	margin: 0 0 0 20px;
}



/* map_navi */
div.map_navi{
	width: 470px;
	margin: 0 0 30px 35px;
}
div.map_navi img.map_navi_img{
	width: 158px;
	margin: 0 22px 0 0;
	display: block;
	float: left;
}
div.map_navi div.map_navi_txt{
	width: 290px;
	float: right;
}
div.map_navi div.map_navi_txt h3{
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0;
}
div.map_navi div.map_navi_txt a,
div.map_navi div.map_navi_txt strong{
	margin: 0 2em 1em 0;
	display: block;
	float: left;
}



/* pagetop */
div.btn_pagetop{
	text-align: right;
	margin: 35px;
}

/*カスタムフィールド*/
.entry {padding:10px;}
img.alignleft {margin-right:10px; margin-bottom:10px; float:left;}
.post-meta li{ margin-bottom:5px; background:#fff; padding:2px;}
.post-meta {color:#333; }
.post-meta-key {color: #aa3232; font-weight: bold; }
.postmetadata{clear:both;}