@import "common.css";

body {
	margin:0;
	font-size:62.5%;
	line-height:150%;
	text-align:center;
	background-color:#eee;
}

/*
------------------------------------------------------------------------
Block Layout Set
----------------------------------------------------------------------*/

div#main_wrap {
	margin:0 auto;
	padding-top:20px;
	width:800px;
	color:#666;
	background-color:#fff;
	font-size:1.2em;
	text-align:left;
	border:1px solid #ccc;
}

div#header_wrap,
div#g_navi,
div#body_wrap,
div#footer_wrap {
	margin-right:20px;
	margin-left:20px;
	border:1px solid #ccc;
}

div#body_wrap {
	margin-bottom:20px;
	border:none;
}

div#body_wrap div#contents_left_wrap {
	width:540px;
	float:left;
	/*border:1px solid #ccc;*/
}

/*
------------------------------------------------------------------------
For Header
----------------------------------------------------------------------*/
div#header_wrap {
	width:760px;
	height:70px;
	border:none;
	background:url(../images/header_bg.jpg) no-repeat left top;
	text-indent:-99999px;
	position:relative;
}
div#header_wrap h1 a {
	display:block;
	width:160px;
	height:30px;
	position:relative;
	top:10px;
	left:5px;
	overflow:hidden;
}

/*
------------------------------------------------------------------------
For Global Navi
----------------------------------------------------------------------*/
div#g_navi {
	height:30px;
	background-color:#000;
	border:none;
}
div#g_navi li {
	margin-left:1.5em;
	display:inline;
}
div#g_navi li a{
	color:#fff;
}


/*
------------------------------------------------------------------------
For main_visual
----------------------------------------------------------------------*/
div#body_wrap div#main_visual{
	margin-bottom:20px;
	height:250px;
	/*border:1px solid #666;*/
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-99999px;
}
body#home div#main_visual       {background-image:url(../images/home_main_visual.jpg);}
body#kurashiki div#main_visual  {background-image:url(../images/main_visual.jpg);}
body#kojima div#main_visual     {background-image:url(../images/kojima_main_visual.jpg);}
body#tamashima div#main_visual  {background-image:url(../images/tamashima_main_visual.jpg);}
body#mizushima div#main_visual  {background-image:url(../images/mizushima_main_visual.jpg);}
body#mabi div#main_visual       {background-image:url(../images/mabi_main_visual.jpg);}


/*
------------------------------------------------------------------------
For Contents_left
----------------------------------------------------------------------*/

div#body_wrap div#contents_left_wrap h2,
div#body_wrap div#contents_left_wrap h3{
	margin-right:1em;
	margin-left:1em;
}
div#body_wrap div#contents_left_wrap div.contentitem,
div#body_wrap div#contents_left_wrap div.contentbody {
	margin-right:1.5em;
	margin-bottom:1.5em;
	margin-left:1.5em;
}
div#contents_left_wrap div.contentitem li {
	margin-left:0em;
	display:inline;
}
div#body_wrap div#contents_left_wrap h3{
	margin:0.5em 1em;
	padding-left:0.5em;
	height:25px;
	line-height:25px;
	background:url(../images/h3_bg.gif) no-repeat left top;
	clear:both;
}
div#body_wrap div#contents_left_wrap div.contentbody h3{
	margin-left:0;
}
div#body_wrap div#contents_left_wrap div.contentbody h4{
	margin-bottom:0.5em;
	margin-left:0;
	padding-left:1em;
	font-weight:bold;
	border-bottom:1px solid #888;
	border-left:10px solid #888;
}
div#contents_left_wrap div.pageswitch {
	margin:0 1em 1.5em;
}

div.thum_pic {
	margin-right:1em;
	width:160px;
	float:left;
}

div.thum_text {
	padding-top:1em;
	width:310px;
	float:right;
}
div.thum_text p {
	margin-bottom:0.5em;
}

div.thum_pic180 {
	margin-right:1em;
	width:180px;
	height:133px;
	float:left;
	background:url(../images/thumb_bg180.gif) no-repeat left center;
}
div.thum_pic180 img {
	margin:10px;
}

.toptext {
	padding-left:1em;
	border-left:8px solid #660000;
}

/*
------------------------------------------------------------------------
For Contents_right
----------------------------------------------------------------------*/
div#body_wrap div#contents_right_wrap {
	width:200px;
	padding-top:1em;
	float:right;
	border:1px solid #ccc;
}
div#contents_right_wrap dl {
	margin-right:10px;
	margin-bottom:1.5em;
	margin-left:10px;
}
div#contents_right_wrap dl dt{
	padding-left:0.5em;
	height:25px;
	line-height:20px;
	background:url(../images/side_dt_bg.gif) no-repeat left center;
}
div#contents_right_wrap dl dd{
	margin-left:1em;
}
/*
------------------------------------------------------------------------
For Footer
----------------------------------------------------------------------*/
div#footer_wrap {
	margin-bottom:1em;
}
div#footer_wrap address {
	margin:0.2em 1em;
	text-align:right;
}
/*
------------------------------------------------------------------------
For Search Form
----------------------------------------------------------------------*/
div#contents_left_wrap form,
div#contents_right_wrap form {
	margin-bottom:1.5em;
}
div#contents_left_wrap input,
div#contents_left_wrap textarea,
div#contents_right_wrap input {
	border:1px solid #ccc;
	background-color:#fff;
}
div#contents_left_wrap input,
div#contents_right_wrap input.inputField{
	width:8em;
}
legend {
	display:none;
}

/*
------------------------------------------------------------------------
For Feed
----------------------------------------------------------------------*/
.feed dd{
	margin-bottom:0.5em;
	padding-left:1.5em;
	background:url(../images/feed.png) no-repeat left center;
}
/*
------------------------------------------------------------------------
Banner
----------------------------------------------------------------------*/
div#contents_right_wrap dl dt#kankou_banner {
	height:60px;
	background:url(../images/banner.gif) no-repeat left center;
	text-indent:-99999px;
}
div#contents_right_wrap dl dt#kankou_banner a{
	display:block;
	width:180px;
	height:60px;
	overflow:hidden;
}
/*
------------------------------------------------------------------------
For Calendar
----------------------------------------------------------------------*/
table.calendar {
	margin:0 auto 1.5em;
	width:88%;
	background-color:#fff;
	border-collapse: collapse;
	font-family:sans-serif;
	border:1px solid #ddd;
}
table.calendar caption {color:#aaa;letter-spacing:2px;padding:4px;}
table.calendar th,table.calendar td {border:1px solid #ddd;padding:2px 4px;}
table.calendar th {text-align:center;background-color:#ccc;color:#fff;}
table.calendar td {text-align:right;color:#999;letter-spacing:1px;}
tr.calendardateheaders {background-color:#ccc;color:#fff;}
td.blank {background-color:#f5f5f5;}
td.saturday {background-color:#f7f9fd;}
td.sunday {background-color:#fff3ee;}
td.holiday {background-color:#fff3ee;}
td.today {background-color:#ffffcc;}