@charset "utf-8";

/* ----------------------------------------------

Level2.css

 - Level2 Header
 - Level2 Footer


LastUpdate: 2013-03-28 sumimoto
---------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: url(../img/common/bg_gnav.png) repeat-x 0 130px;
	line-height: 1.5;
	text-align: center;
}

table {
	font-size: 100%;
}

a:link		{color: #004ab6; text-decoration: none;}
a:visited	{color: #6629b0; text-decoration: none;}
a:hover		{color: #004ab6; text-decoration: underline;}
a:active	{color: #004ab6; text-decoration: underline;}

form,
select,
input {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	vertical-align: bottom;
}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	*font-size: 100%;
}

select,input,button,textarea {
	font-size: 99%;
}

/* ----------------------------------------------
General Classes
---------------------------------------------- */

.ClearFix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}
.ClearFix {*zoom: 1;}



/* ----------------------------------------------
COMMON
---------------------------------------------- */
#smpBnr {
	display: block;
	padding: 10px 30px 11px;
	background: #dcefff;
	border: 1px solid #bddef9;
	text-align: center;
	font-size: 40px;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	color: #17072e;
	margin-bottom: 5px;
	line-height: 1.4;
}
#smpBnr a {
	text-decoration: underline;
}

#Wrapper {
	width: 900px;
	margin: 0 auto 70px;
	/*font-size: 93%;*/	/* set font-size 12px */
	text-align: center;
}

/* FONT SIZE SWITCH ----------- */

div.fontL {
	font-size:16px;
}

div.fontM {
	font-size:14px;
}

div.fontS {
	font-size:12px;;
}


/* ----------------------------------------------
HEADER
---------------------------------------------- */
#Header div,
#Header p,
#Header ul,
#Header li {
	margin: 0;
	padding: 0;
	border: 0;
}

#Header {
	padding: 14px 0 0;
	background: url(../img/common/head_copy02.png) 315px 0 no-repeat;
	text-align: left;

	width: 900px;
	margin: 0 auto 25px;
}

#SiteID {
	float: left;
	width: 406px;
	height: 71px;
	margin: 0;
	padding: 0;
}

#Level2 #Logo {
	width: 302px;
	height: 44px;
	margin: 0 0 5px;
	padding: 0;
	background: url(../img/common/head_id.png) no-repeat;
	text-indent: -9999px;
}

#Level2 #Logo {
	float: left;
	background-image: url(../img/common/head_id02.png);
}

#Level2 #Logo a {
	display: block;
	height: 100%;
}

#Level2 #TagLine {
	overflow: hidden;
	height: 1px;
	text-indent: -9999px;
}

#Function {
	position: relative;
	float: right;
	width: 220px;
}

#Function ul {
	overflow: hidden;
	list-style-type: none;
	position: relative;
	width: 220px;
	height: 21px;
	margin: -5px 0 9px;
}

#Function ul li {
	display: inline;
	float: left;
	font-size: 10%;
	line-height: 0;
}

.Font {
	height: 21px;
	margin-bottom: 9px;
	line-height: 1;
	position: absolute;
	top: -6px;
	left: -152px;
}

#Level2 .Font {
}

#Level2 .Font img {
	float: left;
	margin-right: 5px;
}

#Level2 .Font div {
	float: left;
	width: 21px;
	height: 21px;
	margin-right: 5px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

.SizeL {background-image: url(../img/common/head_size01.png);}
.SizeM {background-image: url(../img/common/head_size02.png);}
.SizeS {background-image: url(../img/common/head_size03.png);}

div.fontL .SizeL {background-image: url(../img/common/head_size01on.png);}
div.fontM .SizeM {background-image: url(../img/common/head_size02on.png);}
div.fontS .SizeS {background-image: url(../img/common/head_size03on.png);}

#Function input {
	vertical-align: bottom;
}

#Function form {
	line-height: 1;
}

#SearchBox {
	width: 171px;
	height: 18px;
	margin-right: 2px;
	border: 1px solid #bebebe;
	font-size: 12px;
}

#GlobalNav {
	list-style-type: none;
	clear: both;
	width: 900px;
	margin: 0;
	padding: 0;
}

#GlobalNav li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 10%;
	line-height: 1;
	list-style-type: none;
}

#NoScript {
	margin: -10px 0 10px;
	padding: 8px;
	background-color: #F1F1F1;
	color: #666;
	text-align: center;
}

/* TopicPath
------------------------------- */

#TopicPath {
	position: relative;
	margin: -3px 0 10px;
	text-align: left;
	padding: 0;
}

#TopicPath li {
	display: inline;
	padding: 0 9px 0 16px;
	background: url("/img/common/ico_arrow_01.png") left center no-repeat;
}

#TopicPath li#TopPage {
    padding-left: 0;
	background: none;
}


/* ----------------------------------------------
FOOTER
---------------------------------------------- */

#Footer div,
#Footer p,
#Footer ul,
#Footer li,
#Footer address {
	margin: 0;
	padding: 0;
	border: 0;
}

#Footer {
	clear: both;
	padding: 1px 0 20px;
	background: url(../img/common/foot_bg.png) repeat-x;
	font-size: 93%;	/* set font-size 12px */
	text-align: center;
}

#Footer div {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#Footer ul {
	list-style: none;
	height: 41px;
	margin: 0 0 16px;
	padding: 0;
}

#Footer ul li {
	display: inline;
	float: left;
	margin-right: 26px;
}

#Footer address {
	float: left;
	width: 310px;
	height: 49px;
	background: url(../img/common/foot_address.png) no-repeat;
	text-indent: -9999px;
}

#Footer p {
	float: right;
	width: 240px;
	height: 11px;
	margin-top: 20px;
	background: url(../img/common/foot_copy.png) no-repeat;
	text-indent: -9999px;
}

/* ----------------------------------------------

AREA

---------------------------------------------- */

ul.areaBtn01 {
	margin: 0;
	padding: 5px 0 10px;
	list-style-type: none;
	text-align: right;
}

ul.areaBtn01 li {
	display: inline;
	margin-left: 8px;
}

div.areaInfoBlock {
	width: 785px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	background: url(../img/common/bg_box_01.png) 0 100% no-repeat;
}

div.areaInfoBlock .title01 {
	width: 749px;
	/width: 779px;
	margin: 0 auto 20px;
	/margin-left: 3px;
	padding: 7px 10px 7px 20px;
	border-bottom: 1px solid #0687ec;
	background: #0242bc url(../img/common/bg_tit_01.png) 0 0 no-repeat;
	line-height: 1.2;
	text-shadow: -1px 0 0 #051a99;
	font-size: 166.7%;
	font-weight: 700;
	color: #fff;
}

div.areaInfoBlock .title02 {
	width: 710px;
	/width: 743px;
	margin: 25px auto 20px;
	/margin-left: 21px;
	padding: 7px 10px 10px 23px;
	background: url(../img/common/bg_tit_02.png) 0 100% no-repeat;
	line-height: 1.2;
	font-size: 133.4%;
	font-weight: 700;
}

div.areaInfoBlock .title02 span {
	margin-left: 10px;
	font-size: 75%;
	font-weight: 400;
	color: #333;
}

div.areaInfoBlock ul.colList01,
div.areaInfoBlock ul.colList02 {
	margin: 0;
	padding: 1px 40px 0;
	list-style-type: none;
	overflow: hidden;
	zoom: 1;
}

div.areaInfoBlock ul.colList01 li,
div.areaInfoBlock ul.colList02 li {
	float: left;
	width: 219px;
	margin-bottom: 10px;
	margin-right: 14px;
}

div.areaInfoBlock ul.colList01 li.clear,
div.areaInfoBlock ul.colList02 li.clear {
	clear: both;
}

div.areaInfoBlock ul.colList01 li a,
div.areaInfoBlock ul.colList02 li a {
	display: block;
	padding-left: 15px;
	background: url(../img/common/icon_arrow_01.png) 0 0.2em no-repeat;
	zoom: 1;
}

div.areaInfoBlock ul.colList02 li {
	width: 47%;
	margin-right: 2px;
}

div.areaInfoBlock ul.imgList01 {
	margin: 0;
	padding: 1px 0 0 20px;
	list-style-type: none;
	overflow: hidden;
	zoom: 1;
}

div.areaInfoBlock ul.imgList01 li {
	float: left;
	width: 170px;
	margin-bottom: 10px;
	margin-right: 20px;
}

div.areaInfoBlock ul.imgList01 li a.img {
	display: block;
	margin-bottom: 2px;
	zoom: 1;
}

div.areaInfoBlock ul.imgList01 li p {
	margin: 0;
	padding: 5px 0 10px;
}

div.areaInfoBlock ul.imgList01 li p a {
	display: block;
	padding-left: 15px;
	background: url(../img/common/icon_arrow_01.png) 0 0.2em no-repeat;
	line-height: 1.2;
	font-size: 133.4%;
	font-weight: 700;
	zoom: 1;
}

div.areaInfoBlock dl.bnrAndTxt01 {
	margin: 0 0 20px;
	padding: 0 20px;
	overflow: hidden;
	zoom: 1;
}

div.areaInfoBlock dl.bnrAndTxt01 dt {
	float: left;
	width: 230px;
	margin: 0;
	padding: 0;
}

div.areaInfoBlock dl.bnrAndTxt01 dd {
	float: right;
	width: 500px;
	margin: 0;
	padding: 0;
	line-height: 2.0;
}

div.areaInfoWrap {
	width: 785px;
	overflow: hidden;
	zoom: 1;
}

div.charaBlock {
	float: right;
	width: 275px;
	padding-bottom: 8px;
	background: url(/area/img/bg_chara_02.jpg) 0 100% no-repeat;
}

div.charaBlock h3 {
	margin: 0;
	padding: 0;
}

div.charaBody {
	min-height: 225px;
	height: auto !important;
	height: 245px;
	padding: 10px 22px;
	background: url(/area/img/bg_chara_01.jpg) 0 0 no-repeat;
}

div.charaBody p {
	margin-bottom: 30px;
}

div.charaBody ul {
	width: 90px;
	/width: 110px;
	margin: 0;
	padding: 10px 10px 15px;
	list-style-type: none;
	background-color: #fff;
	zoom: 1;
}

div.charaBody ul li {
	margin-bottom: 5px;
}

div.charaBody ul li a {
	display: block;
	padding-left: 15px;
	background: url(../img/common/icon_arrow_01.png) 0 0.2em no-repeat;
	zoom: 1;
}

div.areaInfoBlock02 {
	float: left;
	width: 485px;
	background: url(../img/common/bg_box_02.png) 0 100% no-repeat;
}

div.areaInfoBlock02 .title01 {
	width: 449px;
	/width: 479px;
	background: #0242bc url(../img/common/bg_tit_03.png) 0 0 no-repeat;
}

div.areaInfoBlock02 ul.colList03 {
	margin: 0;
	padding: 1px 20px 0;
	list-style-type: none;
	zoom: 1;
}

div.areaInfoBlock02 ul.colList03 li {
	margin-bottom: 10px;
}

div.areaInfoBlock02 ul.colList03 li a {
	display: block;
	padding-left: 15px;
	background: url(../img/common/icon_arrow_01.png) 0 0.2em no-repeat;
	zoom: 1;
}


/* ----------------------------------------------

Social button

---------------------------------------------- */

.eventAddWrap {
	padding: 10px 0;
}

.topicsAddWrap {
	padding: 0 0 10px;
}

.sbtn {
	float: left;
	width: 400px;
}

.sbtn div {
	*display: inline !important;
}

.twitter-share-button { width: 95px !important;}

.fb_iframe_widget {
	top: -3px;
	width: 105px !important;
}

/* ----------------------------------------------

list thumb

---------------------------------------------- */

/*event spot*/
.spotListTxt,
#explanation {
  _zoom: 1;     
   overflow: hidden;  
}

#Contents .Memo .spotListTxt p.thumb,
#explanation p.thumb {
	float: left;
	width: 200px;
	margin-right: 20px;
	line-height: 1.0;
}

#Contents .Memo .spotListTxt p,
#explanation p {
	_zoom: 1;     
   overflow: hidden; 
   margin-top: 0; 
   padding: 0;
}

div#Contents .EventWrap .Memo {
	width: auto;
	background: none;
	float: none;
}

.spotListTxt ul li,
.spotListTxt ul {
    list-style-type: none;
}

.spotListTxt ul li {
    float: left;
    font-size: 0;
    line-height: 0;
    margin: 0 10px 0 0;
    padding: 5px 0;
}
.spotListTxt * {
    text-align: left;
}

/* wthrSec 
------------------------------- */

div#wthrSec {
	position: absolute;
	left: -186px;
	top: 19px;
}

div#wthrSec ul {
	overflow: inherit;
	width: auto;
	height: auto;
	margin: 0;
}

div#wthrSec ul li {
	width: 87px;
	float: left;
	padding-right: 5px;
	font-size: 83.3%;
	line-height: 14px;
	font-size: 10px !important;
	
}
div#wthrSec ul li img {
	float: left;
	width: 23px;
	margin-top: 3px;
}
div#wthrSec ul li div {
	width: 63px;
	float: right;
	letter-spacing: 1px;
	color: #666;
	white-space: nowrap;
}
div#wthrSec ul li div span {
	background-color: #2e81cd;
	color: #fff;
	padding: 1px 6px 2px 6px;
	letter-spacing: normal;
	margin-left: 1px;
}

/* ----------------------------------------

clearfix (基本的にクラス指定では使用しない)

---------------------------------------- */

/* Modern Browsers
------------------------------- */

.spotListTxt:after,
#explanation:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */

.spotListTxt,
#explanation {
	*zoom: 1;
}


/* ----------------------------------------

	追加共通CSS（sumimoto）
	共通パーツ
	
---------------------------------------- */

.page2Top {
	font-size: 12px;
	margin: 0;
  text-align: right;
	width: 100%;
}

.page2Top a {
	display: inline;
	padding: 0 0 0 15px;
	width: 80px;
	background: url("../img/common/arrow_up.gif") no-repeat scroll left center;
}