@charset "utf-8";

/*

information{
	ファイル名 : /css/common.css;
	概要 : このCSSファイルは各ページ共通のパーツ設定と、ページ全体のレイアウト設定を記述しています。;
	サイト名 : サンシャインシティー ;
}

wrapper(100%)	
	├ header (950)
	├ container (950)
	│	└globalNavi (950)
	│	└ mainContents (685)
	│		└.article
	│	└ localMenubox (245)
	└ footer (100%)

/* コンテンツ
-------------------------------------------------------------------------
	0.ページ全体のCSS
		: *			すべてのマージン・パディング設定をリセット
		: body		ページ全体の設定・背景影部分
		: img		画像リンクのボーダーリセット
		: a			共通のリンク設定
		: table		共通のテーブル設定

	1.ページ構成枠のCSS
		: wrapper	ページ枠・背景水色部分
		: container	コンテンツ全体
		: mainContents	コンテンツ部分

	2.ヘッダ部分のCSS
		: header	ヘッダ部の設定

	3.グローバルナビ部分のCSS
		: globalNavi	グローバルメニュー

	4.コンテンツ部分のCSS
		: topicpath	パンくずリストの設定
		: article	テキスト用コンテナの設定

	5.右サイドメニュー部分のCSS
		: localMenubox	右サイドメニュー

	6.その他のCSS

	7.フッタ部分のCSS
		: footer	フッタ部の枠設定
------------------------------------------------------------------------ */


/* 0.ページ全体のCSS
------------------------------------------------------------------------- */
body,h1,h2,h3,h4,h5,h6,div,img,ul,li,dl,dt,dd,ol,table,tr,th,td,br,p,input,select,form{
	margin: 0;
	border: none;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", Geneva, sans-serif;
}

html,body{
	height: 100%;
}

body {
	color: #666666;
	background-color: #f2f2f2;
	line-height: 1.5;
	font-size: 14px;
	background: url(../images/common/global_back.gif) repeat-x 0 0 #09173e;
}

h1,h2,h3,h4,h5,h6,th{
	font-size: 100%;
	font-weight: normal;
}

label{
	white-space: nowrap; 
}

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

ul,li,dl,dt,dd,ol{
	list-style: none;
	zoom:1;
}
strong{
	font-weight: 800;
}
table{
	border-spacing: 0;
	text-align: left;
}
a{
	color:#666666;
	outline: none;
	text-decoration: underline;
}
a:visited{
	color: #0060B6;
}
a:hover{
	color: #66CCFF;
}
a:hover img {
	filter:alpha(opacity=70);  /* IE7以下向け */
	opacity:0.7; /* Fx1.5以上、Opera、Safari向け */
	-ms-filter:"alpha(opacity=70)"; /* IE8向け */
	-moz-opacity:0.7; /* Fx1.5未満向け */
	-khtml-opacity:0.7; /* Webkit向け */
}

.access #mainContents ul#infoAccessNavi a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.toppage #topEvent .titleLink ul li a:hover img,
.toppage #topNews .titleLink ul li a:hover img,
#header h1 a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

.fLeft {
	float: left;
}

.fRight {
	float: right;
}

.small {
	font-size: 12px;
}

h2 {
	text-indent: 715px;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	margin-top: -15px;
	margin-left: -15px;
	margin-bottom: 10px;
	width: 700px;
	height: 160px;
	background: url(../images/common/bg_h2.png) no-repeat 0 0 #FFFFFF;
}

h3 {
	margin-bottom: 10px;
	width: 100%;
	font-size: 120%;
	font-weight: 800;
	height: auto;
	color: #0085AD;
}

h3 span {
	display: block;
	padding: 0 10px 10px 30px;
}

h4 {
	padding: 5px 15px 10px;
	background: url(../images/common/h4_bg.gif) no-repeat 0 center;
	color: #0066CC;
	font-weight: bold;
	clear:left;
}


/* 1.ページ構成枠のCSS
------------------------------------------------------------------------- */
/* wrapper 
*****************************************/
#wrapper {
	width: 100%;
}

#wrapper:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* container 
*****************************************/
#container {
	margin: 0 auto;
	width: 950px;
}

#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* mainContents 
*****************************************/
#mainContents {
	float: left;
	padding: 15px;
	width: 670px;
	background-color: #FFFFFF;
}

/* 2.ヘッダ部分のCSS
------------------------------------------------------------------------- */
/* header 
*****************************************/
#header {
	margin: 0 auto;
	padding: 5px 10px;
	width: 930px;
	height: 80px;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: 800;
	background-color: #192B53;
}

#header h1 {
	float: left;
}

#header a {
	color: #FFFFFF;
	text-decoration: none;
}

#header a:hover{
	text-decoration: underline;
}
#header #header_link2 {
	float: right;
    margin-top: 5px;
}

#header #header_link2 li {
	display: inline;
	margin-left: 10px;
	padding-left: 10px;
	line-height: 1;
	border-left: solid 1px #FFFFFF;
}

#header #header_link {
	float: right;
	margin-top: 5px;
	clear: right;
}

#header #header_link li {
	display: inline;
	margin-left: 10px;
	padding-left: 10px;
	line-height: 1;
	border-left: solid 1px #FFFFFF;
}
#header #header_link li.menu_01 {border: none;}
#header #header_link li.menu_04 {margin-right: 0; border: none;}
#header #header_link2 li.menu_01 {border: none;}

#header #header_navi {
	float: right;
	clear: right;
	margin-top: 5px;
}

#header #header_navi li {
	float: left;
	line-height: 20px;
}

#header #header_navi li.faq {
	padding-left: 14px;
	background: url(../images/common/btn_header_faq.png) no-repeat 0 4px;
	margin-right: 15px;
}

#header #header_navi li.faq a {
	color: inherit;
	text-decoration: none;
}

#header #header_navi li.faq:hover {
	text-decoration: underline;
	background: url(../images/common/btn_header_faq.png) no-repeat 0 4px;
}

#header input.searchTextBox {
	padding-left: 20px;
	width: 145px;
	height: 20px;
	background:url(../images/common/bg_search.png) no-repeat 0 0;
	border: none;
	color: #666;
	font-size: 100%;
}

#header input.searchBtn {
	cursor: pointer;
	margin-left: -5px;
	width: 40px;
	height: 20px;
	background:url(../images/common/btn_search.png) no-repeat right 0;
	border: none;
	text-indent: -9999px;
}

#header input.searchBtn:hover {
	background:url(../images/common/btn_search_on.png) no-repeat right 0;
}

#header #header_navi ul#fontSize {
	margin-left: 15px;
}
#header #header_navi ul#fontSize li {
	margin: 0;
}

#header #header_navi ul#fontSize li.title {
	margin: 0 2px;
}

#header #header_navi ul#fontSize li:hover {
	cursor: pointer;
}

#header #header_navi ul#fontSize li.title:hover {
	cursor: auto;
}

/* 3.グローバルナビ全体のCSS
------------------------------------------------------------------------- */
/* globalNavi 
*****************************************/
#globalNavi {
	margin: 0 auto;
	width: 948px;
	overflow: hidden;
	border-left: solid 1px #06517F;
	border-right: solid 1px #06517F;
}

#globalNavi ul li a {
	float: left;
	margin-bottom: 5px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 20%;
	height: 55px;
	background: url(../images/common/btn_global.png) no-repeat 0 0;
}

#globalNavi ul li.globalNavi01 a {background-position: 0 0;;}
#globalNavi ul li.globalNavi02 a {background-position: -190px 0;}
#globalNavi ul li.globalNavi03 a {background-position: -380px 0;}
#globalNavi ul li.globalNavi04 a {background-position: -570px 0;}
#globalNavi ul li.globalNavi05 a {background-position: -760px 0;}

#globalNavi ul li.globalNavi01 a:hover {background-position: 0 -55px}
#globalNavi ul li.globalNavi02 a:hover {background-position: -190px -55px}
#globalNavi ul li.globalNavi03 a:hover {background-position: -380px -55px}
#globalNavi ul li.globalNavi04 a:hover {background-position: -570px -55px}
#globalNavi ul li.globalNavi05 a:hover {background-position: -760px -55px}

/* 4.コンテンツ全体のCSS
------------------------------------------------------------------------- */
/* mainContents 
*****************************************/

#module {
	margin-bottom: 10px;
	background-color: #FFFFFF;
}

#topicpath {
	margin-bottom: 10px;
	font-size: 13px;
	width: 100%;
}

#mainContents .article {
	width: 660px;
	margin-left: 5px;
	min-height: 1300px;
}

#mainContents .article .inner {
	margin: 0 20px 20px 20px;
	overflow: hidden;
}

#mainContents .link {
	padding-left: 15px;
	color: #0066CC;
	background: url(../images/common/icon_03.png) no-repeat 0.2em center;
}

#mainContents ul#pageMenu{
	overflow: hidden;
	margin-bottom: 15px;
}

#mainContents ul#pageMenu li {
	float: left;
	margin-left: 8px;
}

#mainContents ul#pageMenu li.menu_01 {
	margin-left: 3px;
}

/* 5.右サイドメニュー全体のCSS
------------------------------------------------------------------------- */
/* localMenu 
*****************************************/
#localMenuBox {
	float: right;
}

#localMenu {
	padding: 5px 0;
	background-color: #003885;
	border: solid 1px #00A0C6;
}

#localMenu ul li a {
	display: block;
	margin: 5px 0 5px 7px;
	width: 225px;
	height: 50px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/common/btn_side.png) no-repeat 0 0;
}

#localMenu ul li.localMenu01 a {background-position: -225px 0;}
#localMenu ul li.localMenu02 a {background-position: -225px -50px;}
#localMenu ul li.localMenu03 a {background-position: -225px -100px;}
#localMenu ul li.localMenu04 a {background-position: -225px -150px;}
#localMenu ul li.localMenu05 a {background-position: -225px -200px;}
#localMenu ul li.localMenu06 a {background-position: -225px -250px;}
#localMenu ul li.localMenu07 a {background-position: -225px -300px;}
#localMenu ul li.localMenu08 a {background-position: -225px -350px;}
#localMenu ul li.localMenu09 a {background-position: -225px -400px;}
#localMenu ul li.localMenu10 a {background-position: -225px -450px;}
#localMenu ul li.localMenu11 a {background-position: -225px -500px;}

#localMenu ul li.localMenu01 a:hover {background-position: 0 0;}
#localMenu ul li.localMenu02 a:hover {background-position: 0 -50px;}
#localMenu ul li.localMenu03 a:hover {background-position: 0 -100px;}
#localMenu ul li.localMenu04 a:hover {background-position: 0 -150px;}
#localMenu ul li.localMenu05 a:hover {background-position: 0 -200px;}
#localMenu ul li.localMenu06 a:hover {background-position: 0 -250px;}
#localMenu ul li.localMenu07 a:hover {background-position: 0 -300px;}
#localMenu ul li.localMenu08 a:hover {background-position: 0 -350px;}
#localMenu ul li.localMenu09 a:hover {background-position: 0 -400px;}
#localMenu ul li.localMenu10 a:hover {background-position: 0 -450px;}
#localMenu ul li.localMenu11 a:hover {background-position: 0 -500px;}

/* 6.その他のCSS
------------------------------------------------------------------------- */
/* scroll 
*****************************************/
ul#scroll {
	position:fixed;
	float:right;
	top: 45%;
	right: 0;
}

ul#scroll li {
	display: block;
	clear:both;
	margin: 0;
	margin-bottom: 3px;
}

/* jcarousel 
*****************************************/
.event #mainContents .searchList {
	float: left;
	width: 210px;
}

.event #mainContents .searchList ul li {
	width: 209px;
	min-height: 34px;
	border-bottom: solid 1px #DDD;
}

.event #mainContents .searchList ul li a {
	display: block;
	padding: 3px;
	padding-left: 15px;
	width: 190px;
	min-height: 28px;
	text-decoration: none;
	color: #0099FF;
	font-weight: 800;
	line-height: 1;
	background: url(../event/images/mark.png) no-repeat 2px 4px;
}

.event #mainContents .searchList ul li a:hover,
.event #mainContents .searchList ul li a.active {
	background-color: #E7F4FD;
	border-right: solid 1px #E7F4FD;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
    padding: 25px 0;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  208px;
    height: 340px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
}

.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 0px;
    width: 210px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../event/images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 0px;
    width: 210px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../event/images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
	background-position: 0 -25px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active,
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
	background-position: 0 -50px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -75px;
}

/* calendar_box 
*****************************************/
#calendar_box {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 5px 10px 10px 13px;
	font-size: 12px;
	background-color: #003885;
	border: solid 1px #00A0C6;
	width: 220px;
}

#calendar_box h3 {
	margin: 0;
	padding: 0;
	background: none;
}

#calendar_box p.month a {
	float: left;
	width: 107px;
	height: 16px;
	text-align: center;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color :#0060B6;
	background-color: #FFFFFF;
	margin-top: 5px;
	text-decoration: none;
}

#calendar_box p.month .now a {
	margin-right: 4px;
}

#calendar_box .month a#active {background-color: #0066CC; color: #FFFFFF;}
#calendar_box .month a:hover,
#calendar_box .month a#active:hover {background-color: #8FD6F9; color: #FFFFFF;}

#calendar_box table {
	float: left;
	background-color: #0066CC;
	border-collapse: separate;
	border-spacing: 1px;
	width: auto;
	margin: 0 auto;
}

#calendar_box table th {
	padding: 0px 4px;
	color: #FFFFFF;
	font-weight: 800;
	text-align: center;
}

#calendar_box table td {
	background-color: #FFFFFF;
	text-align: center;
	height: 16px;
	color: #999;
	vertical-align: middle;
	overflow:
}

#calendar_box table td.holiday {background-color: #F9E3E3;}
#calendar_box table td.sun {background-color: #F9E3E3;}
#calendar_box table td.sat {background-color: #D9EFFE;}

#calendar_box table td a {
	display: block;
	width: 30px;
	height: 16px;
	text-decoration: none;
	color: #0060B6;
	font-weight: 800;
}

#calendar_box table td a:hover {background-color: #8FD6F9; color: #FFFFFF;}
#calendar_box table td.holiday a {color: #FF9999;}
#calendar_box table td.holiday a:hover {background-color: #FF9999; color: #FFFFFF;}
#calendar_box table td.sun a {color: #FF9999;}
#calendar_box table td.sun a:hover {background-color: #F7C6C6; color: #FFFFFF;}
#calendar_box table td.sat a {color: #66CCFF;}
#calendar_box table td.sat a:hover {background-color: #BBE4FC; color: #FFFFFF;}

/* pagetop 
*****************************************/
.pagetop {
	clear: both;
	background-color: #FFFFFF;
	width: 660px;
	padding: 10px 20px;
}

.pagetop a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	margin: 10px;
	margin-left: 580px;
	width: 85px;
	heigit: 21px;
	background: url(../images/common/pagetop.gif) no-repeat 0 0;
}

.pagetop a:hover{
	background: url(../images/common/pagetop_on.gif) no-repeat 0 0;
}

/* 7.右フッタ全体のCSS
------------------------------------------------------------------------- */
/* footer 
*****************************************/
#footer {
	width: 100%;
	clear: both;
	font-size: 90%;
	overflow: hidden;
	color: #FFFFFF;
}

#footer #footerNavi {
	width: 960px;
	margin: 0 auto;
}

#footer #footerNavi ul li{
	float: left;
	margin: 20px 0 10px;
}

#footer #footerNavi ul li a {
	display: block;
	width: 192px;
	height: 40px;
	text-indent: -9999px;
}

#footer #footerNavi ul li.menu_01 a {background: url(../images/common/btn_bottom_navi.png) no-repeat 0px 0px #FFFFFF;}
#footer #footerNavi ul li.menu_02 a {background: url(../images/common/btn_bottom_navi.png) no-repeat -192px 0 #FFFFFF;}
#footer #footerNavi ul li.menu_03 a {background: url(../images/common/btn_bottom_navi.png) no-repeat -384px 0 #FFFFFF;}
#footer #footerNavi ul li.menu_04 a {background: url(../images/common/btn_bottom_navi.png) no-repeat -576px 0 #FFFFFF;}
#footer #footerNavi ul li.menu_05 a {background: url(../images/common/btn_bottom_navi.png) no-repeat -768px 0 #FFFFFF;}

#footer #footerNavi ul li.menu_01 a:hover {background: url(../images/common/btn_bottom_navi.png) no-repeat 0px -40px #FFFFFF;}
#footer #footerNavi ul li.menu_02 a:hover {background: url(../images/common/btn_bottom_navi.png) no-repeat -192px -40px #FFFFFF;}
#footer #footerNavi ul li.menu_03 a:hover {background: url(../images/common/btn_bottom_navi.png) no-repeat -384px -40px #FFFFFF;}
#footer #footerNavi ul li.menu_04 a:hover {background: url(../images/common/btn_bottom_navi.png) no-repeat -576px -40px #FFFFFF;}
#footer #footerNavi ul li.menu_05 a:hover {background: url(../images/common/btn_bottom_navi.png) no-repeat -768px -40px #FFFFFF;}

#footer #footerBox {
	width: 960px;
	margin: 10px auto 20px auto;
	overflow: hidden;
}

#footer #footerBox a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer #footerBox a:hover {
	text-decoration: underline;
}

#footer #footerBox .bottom_navi_02:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
}
#footer #footerBox ul {
	float: right;
}

#footer #footerBox ul li{
	display: inline;
	margin-right: 10px;
	padding-left: 12px;
	white-space: nowrap;
	background: url(../images/common/icon_02.png) no-repeat scroll 0 1px;
}

#footer #footerBox .copyright {
	float: left;
}

/* SNS 
*****************************************/

.snsLink {
	float: left;
	margin: 10px 0;
	width: 100%;
	height: 38px;
	border: solid 1px #DDD;
	border-radius: 5px;
	background-color: #F8C166;
}

.snsLink img { vertical-align:inherit;}

.snsLink ul {
	position: relative;
	margin: 10px;
}

.snsLink ul li {
	position: absolute;
}

.snsLink ul li.facebook {
	top: 0px;
	left: 0px;
	z-index: 4;
}

.snsLink ul li.twitter {
	top: 0px;
	left: 70px;
	padding-left: 12px;
	background-color: rgb(248, 193, 102);
	z-index: 5;
}

.snsLink ul li.mixi {
	top: 1px;
	left: 152px;
}

.snsLink ul li.gplus {
	top: 0px;
	left: 222px;
}

/* judgment 
*****************************************/

.judgment {
	text-align: center;
	padding: 5px;
	background: #FFF;
}

.judgment .sp a {
	text-decoration: underline;
	display: block;
	padding: 15px 0;
	background: #0099ff;
	font-size: 300%;
	color: #FFF;
	font-weight: bold;
}

a.linkCol:link{
	text-decoration: underline;
	font-weight: bold;
	color: #0099ff;
}

a.linkCol:visited{
	text-decoration: underline;
	font-weight: bold;
	color: #0099ff;
}

a.linkCol:active{
	text-decoration: underline;
	font-weight: bold;
	color: #0099ff;
}

a.linkCol:hover{
	text-decoration: underline;
	font-weight: bold;
	color: #0099ff;
}