@charset "UTF-8";

/*-------------------------------------------------------------
共通部
-------------------------------------------------------------*/
/*===========================
見出し
=============================*/
h1,h2,h3,h4,h5,h6{
	line-height:1.8em;
}

/*===========================
画像
=============================*/
img {
	vertical-align: middle;
}

/*===========================
基本アンカー
=============================*/
a 			{ text-decoration: none;}
a:link 		{ color: #000000; }
a:visited 	{ color: #000000; }
a:hover 	{ color: #EA5504; text-decoration: underline; }
a:active 	{ color: #000000; }

/*===========================
ドットライン
=============================*/
.dotLine {
	clear: both;
	height: 1px;
	width: auto;

	background-image: url('img/lineDot.png');
	background-repeat: repeat-x;

	/* IE6対策 1px DIV */;
	overflow: hidden;
}

/*===========================
左寄せ
=============================*/
.float-left {
	float: left;
}

/*===========================
右寄せ
=============================*/
.float-right {
	float: right;
}

/*===========================
垂直スペース
=============================*/
.vSpace5 {
	padding-bottom: 5px;
}

.vSpace10 {
	padding-bottom: 10px;
}

.vSpace20 {
	padding-bottom: 20px;
}

.vSpace30 {
	padding-bottom: 30px;
}

/*===========================
フォント
=============================*/
.fsize10 {
	font-size:77%;
}

/*===========================
リストボックス(ul)
=============================*/
/* リストボックス */
ul.listBox {
	width: auto;
	padding-left: 2px;
	list-style-type: none;

	/* IE6対策 BOX外のスペース除去 */;
	overflow: hidden;
	display: block;
}

/* 内容 */
ul.listBox li {
	width: auto;

	/* IE6対策 BOX外のスペース除去 */;
	overflow: hidden;
	display: block;
}

/* 画像 */
ul.listBox img {
	margin-bottom: 10px;
}

/*===========================
リストボックス(dl)
=============================*/
/* リストボックス */
dl.listBox {
	width: auto;
	padding-left: 2px;
	list-style-type: none;

	/* IE6対策 BOX外のスペース除去 */;
	overflow: hidden;
	display: block;
}

/* タイトル */
dl.listBox dt {
	width: auto;

	/* IE6対策 BOX外のスペース除去 */;
	overflow: hidden;
	display: block;
}

/* 内容 */
dl.listBox dd {
	padding-left: 15px; 

	/* IE6対策 BOX外のスペース除去 */;
	overflow: hidden;
	display: block;
}

/* 画像 */
dl.listBox img {
	margin-bottom: 10px;
}

/*===========================
アイコン
=============================*/
.icon1 {
	background: url('img/iconArrow.gif') no-repeat 0px 2px;
	padding-left: 18px;
}

.icon2 {
	background: url('img/iconQ.gif') no-repeat 0px 2px;
	padding-left: 18px;
}

/*===========================
タイトル用アイコン 
=============================*/
.title-icon1 {
	background: url('img/titleQ.gif') no-repeat;
	padding-left:35px;	
	padding-bottom:5px;
	padding-top:3px;
}

/*===========================
背景
=============================*/
.backImage1 {
	background-image: none;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 0px;
	margin-bottom: 50px;
	min-height:200px
}

/*===========================
色
=============================*/
.red {
	color: #FF0000;
}


/*===========================
配置
=============================*/
.center {
	text-align: center;
}

/*-------------------------------------------------------------
ページ全体
-------------------------------------------------------------*/
body {
	background-color: #D4E4E2;
}

#page
{	
	font-size:100%;
	line-height:1.8em;
	color: #000000;
	background-color: #FFFFFF;

	background-image: url('img/shadowSide.png');
	background-repeat: repeat-y;
	background-position: right top;
}

/*-------------------------------------------------------------
ヘッダーメニュー関連
-------------------------------------------------------------*/
/* ヘッダメニュー */
#headerMenu div.headerMenu-menu {
	clear: both;
	height: 25px;
}

#headerMenu div.headerMenu-menu ul {
	float: right;
	height: 25px;
	list-style: none;
	list-style-type: none;
}

#headerMenu div.headerMenu-menu li {
	float: left;
	padding-left: 10px;
}

/*-------------------------------------------------------------
グローバルナビ関連
-------------------------------------------------------------*/
/* メインナビ - メニュー項目 */
#mainNav li {
	float: left;
	list-style: none;
}

/* サブナビ - メニュー項目 */
#subNav li {
	float: left;
	list-style: none;
}

/* メインナビ - 背景 */
#mainNav {
	background-color: #E6D7A5;
}

/* サブナビ - 基本 */
#subNav {
	background-color: #D4E3E2;
}

/* サブナビ - ホーム */
#curNavi_home   #subNav {
	background-color: #EA5504;
}

/* サブナビ - トピックス */
#curNavi_topics #subNav {
	background-color: #94AE11;
}

/* サブナビ - 砂の祭典について */
#curNavi_about  #subNav {
	background-color: #009FA8;
}

/* サブナビ - 砂の祭典 */
#curNavi_festa   #subNav {
	background-color: #F7AB00;
}

/* サブナビ - イベント */
#curNavi_event  #subNav {
	background-color: #E24A46;
}

/* サブナビ - 会場・展示コーナー */
#curNavi_zone  #subNav {
	background-color: #00887A;
}

/* サブナビ - アクセス */
#curNavi_access #subNav {
	background-color: #AC3259;
}

/*-------------------------------------------------------------
パンくず関連
-------------------------------------------------------------*/
/* パンくず */
#pankuzu {	
	font-size:100%;
}

/* パンくず - リンク */
#pankuzu .pankuzu-link {
}

/* パンくず - 現在 */
#pankuzu .pankuzu-cur {
	font-weight:bold;
}

/* パンくず - 区切り */
#pankuzu .pankuzu-sep {
}

/*-------------------------------------------------------------
メインコンテンツ関連
-------------------------------------------------------------*/
/*===========================
タイトル関連
=============================*/
/* タイトルヘッダ */
#mainContents .title-head {
	clear:both;
	margin-bottom: 5px;
}

/* タイトルアイキャッチ */
#mainContents .title-eyecatch {
	clear:both;
	margin-bottom: 15px;
}

/* タイトル */
#mainContents .title {
	clear:both;
	width: auto;
	line-height: 30px;

	font-size:131%;
	font-weight:bold;

	/* IE6対策 BOX外のスペース除去 */;
	overflow: hidden;
	display: block;
}

/* タイトル下の概要 */
#mainContents .title-discroption {
	clear:both;
	margin-top: 10px;
	margin-bottom:20px;
}

/* サブタイトル */
#mainContents .subtitle {
	clear:both;
	width: auto;
	line-height: 30px;

	font-size:108%;
	font-weight:bold;

	/* IE6対策 BOX外のスペース除去 */;
	overflow: hidden;
	display: block;
}

/* エントリタイトル */
#mainContents .entryTitle {
	clear:both;
	width: auto;
	line-height: 30px;

	font-size: 131%;
	font-weight: bold;
	color: #FFFFFF;

	/* IE6対策 BOX外のスペース除去 */;
	overflow: hidden;
	display: block;
}

/* エントリタイトル背景 - 基本 */
#mainContents .entryTitleBG {
	height: 33px;
	line-height: 33px;
	padding-top: 32px;
	padding-left: 20px;
	background: url(img/entryTitleBGType0.gif) no-repeat 0px 0px;

	font-size: 138.5%;
}

/* エントリタイトル背景 - ホーム */
#curNavi_home   .entryTitleBG {
	background: url(img/entryTitleBGType1.gif) no-repeat 0px 0px;
}

/* エントリタイトル背景 - トピックス */
#curNavi_topics .entryTitleBG {
	background: url(img/entryTitleBGType2.gif) no-repeat 0px 0px;
}

/* エントリタイトル背景 - 砂の祭典について */
#curNavi_about  .entryTitleBG {
	background: url(img/entryTitleBGType3.gif) no-repeat 0px 0px;
}

/* エントリタイトル背景 - 砂の祭典 */
#curNavi_festa   .entryTitleBG {
	background: url(img/entryTitleBGType4.gif) no-repeat 0px 0px;
}

/* エントリタイトル背景 - イベント */
#curNavi_event  .entryTitleBG {
	background: url(img/entryTitleBGType5.gif) no-repeat 0px 0px;
}

/* エントリタイトル背景 - 会場・展示コーナー */
#curNavi_zone  .entryTitleBG {
	background: url(img/entryTitleBGType6.gif) no-repeat 0px 0px;
}

/* エントリタイトル背景 - アクセス */
#curNavi_access .entryTitleBG {
	background: url(img/entryTitleBGType7.gif) no-repeat 0px 0px;
}

/* エントリのリンク */
#mainContents .entryTitle a:link 		{ color: #FFFFFF; }
#mainContents .entryTitle a:visited 	{ color: #FFFFFF; }
#mainContents .entryTitle a:hover 		{ color: #EA5504; text-decoration: underline; }
#mainContents .entryTitle a:active 		{ color: #FFFFFF; }

/*===========================
記事内容関連
=============================*/
/* 記事コンテンツ領域 */
#mainContents div.mainBody {
	clear:both;

	/* IE6対策 BOX外のスペース除去 */;
	overflow: hidden;
	display: block;
}

/* 記事投稿日領域 */
#mainContents div.entryDate {
	clear:both;

	/* IE6対策 BOX外のスペース除去 */;
	overflow: hidden;
	display: block;
}

/* 記事内容領域 */
#mainContents div.entryBody {
	clear:both;
	padding-top: 10px;
	padding-bottom: 30px;

	/* IE6対策 BOX外のスペース除去 */;
	overflow: hidden;
	display: block;
}

/* 記事トラックバックURLタイトル */
#mainContents .trackbackTitle {
	font-weight:bold;
}

/* 記事トラックバックURL領域 */
#mainContents div.entryTrackback {
	clear:both;
}

/*===========================
ページナビゲートゲート関連
=============================*/
/* ページャ領域 */
#mainContents div.pager {
	clear:both;
	margin-top: 10px;

	/* IE6対策 BOX外のスペース除去 */;
	overflow: hidden;
	display: block;
}

/* ページナビゲート - 他のページ番号 */
#mainContents a.link_page,
#mainContents a.link_page:visited {
	padding: 3px 5px 3px 5px;
	border: 1px solid #cccccc;
	text-decoration: none;
}

/* ページナビゲート - マウスオーバー時 */
#mainContents a.link_page:hover {
	color: #FF9900;
}

/* ページナビゲート - 現在ページ番号 */
#mainContents span.current_page {
	padding: 3px 5px 3px 5px;
	border: 1px solid #cccccc;
	text-decoration: none;
	background-color: #FF9900;
}

/* ページの先頭領域  */
#mainContents div.toTop {
	clear:both;
	padding-top: 20px;

	/* IE6対策 BOX外のスペース除去 */;
	overflow: hidden;
	display: block;
}

/*===========================
砂の祭典エントリページ関連
=============================*/
/* 画像枠 */
#mainContents div.sculptureBoxWarp
{
	clear:both;
	height: 230px;
}

/* 画像一枚枠 */
#mainContents div.sculptureBox
{
	float: left;
	width: 300px;
	height: 230px;

	/* IE6対策 BOX外のスペース除去 */;
	overflow: hidden;
	display: block;
}

/* 画像一枚枠 - 下タイトル */
#mainContents div.sculptureBox p.imagetitle
{
	width: 300px;
	height: 30px;
	line-height: 1.0em;

	text-align: center;
	font-size: 77%;
}

/* 関連情報 */
#mainContents div.sculptureInfoWarp
{
	clear:both;
	padding-top: 20px;
}

/* その他の情報 */
#mainContents div.sculptureOtherWarp
{
	clear:both;
	padding-top: 20px;
}

/*===========================
砂の祭典カテゴリページ関連
=============================*/
#mainContents div.sculptureClass-description
{
	clear:both;
	padding-bottom: 10px;
}

/* 画像枠 */
#mainContents div.sculptureMiniBoxWarp
{
	clear:both;
}

/* 画像一枚枠 */
#mainContents div.sculptureMiniBox
{
	float: left;
	width: 150px;
	height: 115px;
	padding-bottom: 15px;

	/* IE6対策 BOX外のスペース除去 */;
	overflow: hidden;
	display: block;
}

/* 画像一枚枠 - 下タイトル */
#mainContents div.sculptureMiniBox p.imagetitle
{
	width: 140px;
	height: 15px;
	padding-left: 5px;
	padding-right: 5px;

	line-height: 1.0em;

	text-align: center;
	font-size: 77%;
}

/*-------------------------------------------------------------
サイドボックス関連
-------------------------------------------------------------*/
#sideContents .sideBox {
	margin-bottom: 20px;
}

#sideContents .sideImgSubTitle {
	margin-bottom: 5px;
}

/*-------------------------------------------------------------
フッター関連
-------------------------------------------------------------*/
#footer {
	background-image: url('img/shadowBottom.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*===========================
フッターメニュー
=============================*/
/* フッターメニュー領域 */
#footer div.footerMenu {
	clear: both;
	height: 20px;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 30px;
	padding-bottom: 5px;

	background-color: #E6D7A5;
}

/* フッターメニュー */
#footer div.footerMenu ul {
	float: left;
	list-style: none;
	list-style-type: none;
}

/* フッターメニュー - メニュー項目 */
#footer div.footerMenu ul li {
	float: left;
}

#footer div.footerMenu ul li a {
	font-size:93%;
}

/*===========================
住所
=============================*/
/* 住所 */
#footerAddress address {
	text-decoration: none;
	font-style: normal;
	font-weight:normal;
	line-height: 1.5em;
	font-size: 93%;
}

