@charset "UTF-8";

/* CSS Information
==================================
CSS File for "母の日"
File name : 05artfes.css
     Date : 2009.04.10
==================================
*/

body {
	font-size: 12px;
	line-height: 1.5;
}
* html body {
	font-family:'ＭＳ Ｐゴシック';
	font-size: 12px;
	}

/*-----------------------------------------------------------------------------
	リンク設定
----------------------------------------------------------------------------*/
a:link {
	color: #313131;
	text-decoration: none;
	cursor:pointer;
}
a:visited {
	color: #313131;
	text-decoration: none;
}
a:hover {
	color: #8fc31f;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------
	ヘッダー設定
----------------------------------------------------------------------------*/
#header-artfes {
	width: 950px;
	margin: 10px auto 0px;
}
#header-artfes h1 {
	width: 950px;
	height: 210px;
	background-image: url(../../../special/2009/05artfes/img/tit_artfes.jpg);
	background-repeat: no-repeat;
}
#header-artfes h1.small {
	width: 950px;
	height: 120px;
	background-image: url(../../../special/2009/05artfes/img/tit_artfes_s.jpg);
	background-repeat: no-repeat;
}

/*-----------------------------------------------------------------------------
	メインコンテナ設定
----------------------------------------------------------------------------*/
#container {
	margin: 0px auto;
	width: 950px;
	overflow: hidden;
	clear: both;
	background-image: url(../../../special/2009/05artfes/img/bg_sidebar.gif);
	background-repeat: repeat-y;
	background-position: left top;
}


/*-----------------------------------------------------------------------------
	 サイドバー設定
----------------------------------------------------------------------------*/
#sidebar {
	width: 110px;
	float: left;
	overflow: hidden;
	padding: 30px 15px 0px;
}

#sidebar #globalnav {
	width: 120px;	
}

#sidebar #globalnav ul {
}
#sidebar #globalnav ul li {
	margin: 0px 0px 55px;
}

/* グローバルナビ */
#sidebar #globalnav ul li a {
	background-image: url(../../../special/2009/05artfes/img/globalnav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 120px;
	height: 20px;
	text-indent: -9999px;
}
#sidebar #globalnav ul li.top a {
	background-position: left top;
}
#sidebar #globalnav ul li.what a {
	background-position: left -20px;
}
#sidebar #globalnav ul li.map a {
	background-position: left -40px;
}
#sidebar #globalnav ul li.report a {
	background-position: left -60px;
}
#sidebar #globalnav ul li.access a {
	background-position: left -80px;
}

#sidebar #globalnav ul li.top a:hover {
	background-position: -120px top;
}
#sidebar #globalnav ul li.what a:hover {
	background-position: -120px -20px;
}
#sidebar #globalnav ul li.map a:hover {
	background-position: -120px -40px;
}
#sidebar #globalnav ul li.report a:hover {
	background-position: -120px -60px;
}
#sidebar #globalnav ul li.access a:hover {
	background-position: -120px -80px;
}


/*-----------------------------------------------------------------------------
	 メイン設定
----------------------------------------------------------------------------*/
#main {
	width: 760px;
	float: right;
	overflow: hidden;
	margin-top: 30px;
}
/* 各タイトル */
#main h2 {
	height: 20px;
	margin-bottom: 20px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#main h2.map {
	width: 160px;
	background-image: url(../../../special/2009/05artfes/img/tit_map.gif); /* 地図＆出店リスト */
}
#main h2.repo {
	width: 90px;
	background-image: url(../../../special/2009/05artfes/report/img/titi_repo.gif); /*レポート*/
}
#main h2.access {
	width: 130px;
	background-image: url(../../../special/2009/05artfes/img/tit_access.gif); /*レポート*/
}
#main h2.what {
	width: 310px;
	background-image: url(../../../special/2009/05artfes/img/tit_what.gif); /*アートフェスってなに*/
}

/*-----------------------------------------------------------------------------
	 トップページ設定
----------------------------------------------------------------------------*/
/* アートフェスってなに */
#main #top-box1 {
	width: 760px;
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid #e2e1e1;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
#main #top-box1 dl {
	overflow: hidden;
	clear: both;
}
#main #top-box1 dl dt {
	width: 330px;
	float: left;
}
#main #top-box1 dl dd {
	width: 410px;
	height: 30px;
	float: right;
	background-image: url(../../../special/2009/05artfes/img/totteoki.gif);
	background-repeat: no-repeat;
	text-align: right;
	padding: 30px 10px 0px 0px;
}

/* おすすめプランレポート */
#main #top-box2 {
	width: 760px;
	overflow: hidden;
	clear: both;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
#main #top-box2 dl {
	overflow: hidden;
	clear: both;
}

#main #top-box2 dl dt {
	width: 330px;
	float: left;
}
#main #top-box2 dl dd {
	width: 420px;
	float: right;
}
#main #top-box2 dl dd a {
	font-weight: bold;
}
#main #top-box2 dl dd .inn-l {
	width: 300px;
	float: left;
}
#main #top-box2 dl dd .inn-r {
	width: 110px;
	float: right;
}
#main #top-box2 dl dd .inn-r img {
	margin-top: 95px;
}
#main #top-box2 dl dd h3 .form {
	font-weight: normal;
	color: #959595;
}
#main #top-box2 dl dd h4 {
	font-weight: normal;
	color: #959595;
	border-bottom: 1px solid #e2e1e1;
	margin-bottom: 3px;
	padding-bottom: 3px;
}
#main #top-box2 dl dd h4.last {
	border: none;
} 

/*-----------------------------------------------------------------------------
	 What is Art Fes設定
----------------------------------------------------------------------------*/
#main #cap h3 {
	font-size: 116.7%;
	text-decoration: underline;
	margin-bottom: 30px;
}

/* Whatボックス */
#what-box {
	width: 720px;
	padding: 0px 20px 20px;
	overflow: hidden;
	clear: both;
	margin-bottom: 20px;
	border-bottom: 1px solid #e2e1e1;
}

/* 説明 */
#what-box .inn-l {
	width: 300px;
	overflow: hidden;
	float: left;
}
#what-box .inn-r {
	width: 390px;
	overflow: hidden;
	float: right;
}

#what-box .inn-l h3 {
	font-size: 133.4%;
	color: #00a0e9;
	margin-bottom: 25px;
}
#what-box .inn-r img {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #d2d2d2;
}
#what-box .inn-r .what-small {
	overflow: hidden;
	margin-top: 10px;
}
#what-box .inn-r .what-small img {
	float: left;
	margin-right: 10px;	
}
/* ヒストリー */
#history {
	width: 760px;
	overflow: hidden;
	padding-bottom: 20px;
}
#history h3 {
	font-size: 116.7%;
	text-decoration: underline;
	margin-bottom: 20px;
}
#history p {
	padding: 0px 20px;	
}

/* Whatレポエリア */
#what-repo-area {
	width: 760px;
	overflow: hidden;
	clear: both;
	margin-bottom: 30px;
	margin-top: 30px;
}
#what-repo-area ul li {
	margin-bottom: 10px;
}
#what-repo-area ul li a {
	width: 240px;
	height: 40px;
	display: block;
	margin-right: 10px;
	text-indent: -9999px;
}
#what-repo-area ul li.omuro1 a {
	background-image: url(../../../special/2009/05artfes/report/img/area_omuro1.gif); /*大室エリア1*/
	background-repeat: no-repeat;
}
#what-repo-area ul li.omuro2 a {
	background-image: url(../../../special/2009/05artfes/report/img/area_omuro2.gif); /*大室エリア2*/
	background-repeat: no-repeat;
}
#what-repo-area ul li.sakura a {
	margin-right: 0px;
	background-image: url(../../../special/2009/05artfes/report/img/area_sakura.gif); /*桜並木エリア*/
	background-repeat: no-repeat;
}
#what-repo-area ul li a:hover {
	filter: alpha(opacity=85);	/* IE */
	-moz-opacity:0.85;			/* Firefox・Netscape */
	opacity:0.85;				/* Opera・Safari */
}


/*-----------------------------------------------------------------------------
	 地図＆出店リスト設定
----------------------------------------------------------------------------*/
#main #map-box {
	width: 760px;
	overflow: hidden;
	clear: both;
	text-align: center;
}
#main #map-box h3 {
	font-size: 125%;
	font-weight: normal;
	text-decoration: underline;
}
#main #map-box p {
	margin: 20px 0px;
}
#main #map-box img {
	margin: 0px 15px 300px;
}


/*-----------------------------------------------------------------------------
	 レポート設定
----------------------------------------------------------------------------*/
/* エリア */
#main #repo-area {
	width: 760px;
	overflow: hidden;
	clear: both;
	margin-bottom: 30px;
}
#main #repo-area ul li {
	display: inline;
}
#main #repo-area ul li a {
	width: 240px;
	height: 40px;
	display: block;
	float: left;
	margin-right: 20px;
	text-indent: -9999px;
}
#main #repo-area ul li.omuro1 a {
	background-image: url(../../../special/2009/05artfes/report/img/area_omuro1.gif); /*大室エリア1*/
	background-repeat: no-repeat;
}
#main #repo-area ul li.omuro2 a {
	background-image: url(../../../special/2009/05artfes/report/img/area_omuro2.gif); /*大室エリア2*/
	background-repeat: no-repeat;
}
#main #repo-area ul li.sakura a {
	margin-right: 0px;
	background-image: url(../../../special/2009/05artfes/report/img/area_sakura.gif); /*桜並木エリア*/
	background-repeat: no-repeat;
}
#main #repo-area ul li a:hover {
	filter: alpha(opacity=85);	/* IE */
	-moz-opacity:0.85;			/* Firefox・Netscape */
	opacity:0.85;				/* Opera・Safari */
}

/* ローカルナビ */
#main #localnav {
	width: 760px;
	margin-bottom: 30px;
}
#main #localnav h3 {
	font-size: 125%;
	border-bottom: 1px solid #a0a0a0;
	margin-bottom: 3px;
	padding-bottom: 3px;
}
#main #localnav h3 .line {
	font-weight: normal;
	font-size: 91.7%;	
}
#main #localnav ul li {
	font-size: 91.7%;
	display: inline;
	margin-right: 7px;
}
#main #localnav ul li a {
	font-weight: bold;
}
#main #localnav ul li.act a {
	color: #8fc31f;
}

/* 詳細ボックス */
#detail-box {
	width: 720px;
	padding: 0px 20px;
	overflow: hidden;
	clear: both;
	margin-bottom: 20px;
}

/* 店舗紹介 */
#detail-box .inn-l {
	width: 300px;
	overflow: hidden;
	float: left;
}
#detail-box .inn-r {
	width: 390px;
	overflow: hidden;
	float: right;
}

#detail-box .inn-l h2 {
	font-size: 125%;
	color: #a0a0a0;
	text-indent: 0px;
	margin-bottom: 5px;
}
#detail-box .inn-l h3 {
	font-size: 200%;
	color: #434343;
	margin-bottom: 5px;
}
#detail-box .inn-l ul {
	margin-bottom: 15px;
}
#detail-box .inn-l ul li {
	color: #a0a0a0;
}
#detail-box .inn-l p {
	line-height: 1.8em;
	margin-bottom: 30px;
}

#detail-box .inn-r img {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #d2d2d2;
}

/* 店舗レポート */
#repo-box {
	width: 720px;
	padding: 0px 20px;
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
	margin-top: 20px;
}
#repo-box h3 {
	font-size: 116.7%;
	border-bottom: 1px solid #a0a0a0;
	margin-bottom: 10px;
	padding-bottom: 3px;
}
#repo-box img {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #d2d2d2;
}

#repo-box .inn {
	width: 700px;
	overflow: hidden;
	clear: both;
	background-color: #f9ffe9;
	padding: 10px;
	margin-bottom: 10px;
}
#repo-box .inn dl dt.left,
#repo-box .inn dl dd.left {
	float: left;	
}
#repo-box .inn dl dt.right,
#repo-box .inn dl dd.right {
	float: right;	
}
#repo-box .inn dl dd {
	width: 400px;
	padding: 30px;
}

#repo-box .inn h4 {
	font-size: 108.4%;
	margin-bottom: 8px;
}
#repo-box .inn p {
	line-height: 1.8em;
}

/* ページ送り */
#pager {
	width: 760px;
	text-align: right;
}
#pager img {
	margin-left: 10px;
}
#pager .btn-top {
	border-top: 1px solid #a0a0a0;
	padding-top: 10px;
	margin: 20px 0px 0px;
}

/*-----------------------------------------------------------------------------
	 交通・問合先設定
----------------------------------------------------------------------------*/
#main #access-box {
	width: 760px;
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid #e2e1e1;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#main #access-box dl {
	padding: 0px 50px 0px 90px;
	overflow: hidden;
	clear: both;
}
#main #access-box dl dt {
	float: left;
	font-weight: bold;
}
#main #access-box dl dd {
	width: 420px;
	float: right;
}
#main #access-box dl dt,
#main #access-box dl dd {
	font-size: 116.7%;	
}
#main #access-box dl dt .green {
	color: #c3d60b;	
}

#main #contact-box {
	width: 580px;
	overflow: hidden;
	clear: both;
	padding: 0px 90px;
	margin: 40px 0px;
}
#main #contact-box p {
	margin-bottom: 40px;
}
#main #contact-box h4,
#main #contact-box h3 {
	font-weight: normal;
	text-align: center;
}
#main #contact-box h4 {
	border: 1px solid #e2e1e1;
	padding: 20px 0px;
}
#main #contact-box h3 {
	padding: 20px 0px;
	border-right: 1px solid #e2e1e1;
	border-bottom: 1px solid #e2e1e1;
	border-left: 1px solid #e2e1e1;
	font-size: 133.4%;
	color: #0075a9;
}
#main #contact-box h3 .fs {
	font-size: 80%;	
}