@charset "Shift_JIS";
/* CSS Document */

* {
	margin:0;
	padding:0;
	}
html {
	margin:0px;
	padding:0px;
	overflow-y : scroll;
	}
body {
	margin:0px auto;
	padding:0;
	font-size:13px !important;
	*font-size:small;
	*font:x-small;
	background:url("../images/bg_kitty01.png") repeat left top;
	line-height:100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
}
.container {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding-left:30px;
	padding-right:30px;
	width: 940px;	
	font-size:100%;
	font-family:sans-serif;
	font-size:inherit;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
	float: left;
	display: inline;
	margin-left: 20px;
}
.grid1 {width: 60px;}
.grid2 {width: 140px;}
.grid3 {width: 220px;}
.grid4 {width: 300px;}
.grid5 {width: 380px;}
.grid6 {width: 460px;}
.grid7 {width: 540px;}
.grid8 {width: 620px;}
.grid9 {width: 700px;}
.grid10 {width: 780px;}
.grid11 {width: 860px;}
.first {margin-left: 0px;clear: left;}

/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


/* IE6 */
* html .clearfix { zoom: 1;}
/* IE7 */
*:first-child+html .clearfix {zoom: 1;}

img {
	border:none;
	vertical-align:top;
	margin:0;
	padding:0;
	}
p {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
	line-height:150%;
	} 
a , a:link , a:visited {
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;

	-webkit-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}



header, section, footer, aside, nav, article {
	display:block;
	text-align: left;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

span.englishWord {
	font-family: 'Average Sans', sans-serif;
	font-size:120%;
	letter-spacing: 0.15em;
}

.clear {
	clear: both;
}


.titleSpace{
	clear: both;
	height:10px;
}


/* shareボタン */
.shareBox  {
	margin:0px auto 0px auto;
	padding:7px 0px 0px 10px;
	height:42px;
	width:157px;
	background: url(../images/bg_share01.png) no-repeat left top;
	vertical-align:middle;
	}
.shareBox p {
	margin:0px 0px 0px 0px;
	background: url(../images/txt_share01.png) no-repeat left top;
	width:71px;
	height:30px;
	overflow: hidden;
	text-indent: -9999px;
	display:inline;
	float:left;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
	}
.shareBox ul {
	margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
	display:inline;
	float:left;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
	}
.shareBox li {
	margin:0px 0px 0px 4px;
	padding:0px 0px 0px 0px;
	width:30px;
	height:30px;
	list-style:none;
	display:inline;
	float:left;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
	}
.shareBox li img {
	width:30px;
	}	


/*Heder
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
header {
	margin:0px auto 0px auto;
	padding:0px;
	height:83px;
	}
#headerIn {
	margin:0px auto 0px auto;
	padding:0px;
	}


#headLogoNissei {
	margin-top:24px;
	height:42px;
	text-align: left;
}

#headLogoheadSsp {
	margin-top:16px;
	height:50px;
	text-align:right;
}



/*Global Navigation
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#gNavi {
	margin:0px;
	padding:10px 0px 4px 11px;
	width:59px;
	height:490px;
	position:fixed;
	top:98px;
	right:-5px;
	text-align: left;
	background:url(../images/bg_gnav01.png) no-repeat left top;
	z-index:102;
}
#gNavi ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#gNavi li {
	margin:0px 0px 6px 0px;
	*margin:0px 0px -2px 0px;
	padding:0;
	width: 60px;
	height:116px;
}


#gNavi ul a {
	text-decoration: none;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 100%;
	height:100%;
}

#gNavi #gNaviTop a {
	background:url(../images/btn_gnavi01_top.png) no-repeat left top;
	margin:0;
	padding:0;
	font-weight: bold;
	float: left;
	text-align: left;
}

#gNavi #gNaviAbout a {
	background:url(../images/btn_gnavi02_about.png) no-repeat left top;
	margin:0;
	padding:0;
	font-weight: bold;
	float: left;
	text-align: left;
}

#gNavi #gNaviActivity a {
	background:url(../images/btn_gnavi03_activity.png) no-repeat left top;
	margin:0;
	padding:0;
	font-weight: bold;
	float: left;
	text-align: left;
}

#gNavi #gNaviMessage a {
	background:url(../images/btn_gnavi04_message.png) no-repeat left top;
	margin:0;
	padding:0;
	font-weight: bold;
	float: left;
	text-align: left;
}




/*MainImg
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#mainImgOut {
	margin:0px auto 0px auto;
	background:url(../images/bg_mainimg01.png) repeat-x;
	height:939px;
	
}


.mainImgInTop {
	margin:0px auto 0px auto;
	padding:20px 0px 0px 0px;
	height:560px;
	position:relative;
}


#pic_mainimg01 {
	position: absolute;
	top:135px;
	left:-80px;
	z-index: 100;
}
#pic_mainimg02 {
	position: absolute;
	top:-26px;
	right:0px;
	z-index: 100;
}


.mainImgInBtm {
	margin:0px auto 0px auto;
	padding:10px 0px 0px 0px;
	position:relative;
}

.mainImgInBtm h1 {
	margin:0px 0px 14px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	height:56px;
	width:618px;
	background: url(../images/h1_top01.png) no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

.mainImgInBtm p {
	margin:0px auto;
	padding:0px 0px 25px 0px;
	font-size:123.1%;
	line-height:180%;
	color:#333333;
	font-weight:normal;
	*font-weight:bold;
}





/*Contents About
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#aboutOut {
	margin:70px auto 0px auto;
	background-color: #41C9F5;
	
}
.backWhiteOut {
	background-color: #FFFFFF;
}
.backWhiteOut h2 {
	margin:0px auto 0px auto;
	height:68px;
}
#aboutOut .titleImg {
	background-image:#FFFFFF;
	height:64px;
	width:422px;
	background: url(../images/h2_about01.png) no-repeat left top;
	overflow: hidden;
	text-indent: -9999px;
	display:inline;
	float:left;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
}

#aboutOut span.titleTxt {
	margin:0px auto 0px 22px;
	color:#333333;
	font-size:93%;
	line-height:76px;
}

.backBlueOut {
	margin:42px auto 0px auto;
	background: url(../images/bg_about01.png) repeat-x left top;
	height:92px;
}
.backBlueOut h2 {
	margin:0px auto 0px auto;
	width:940px;
	height:92px;
	background: url(../images/h2_about02.png) no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}


.aboutIn {
	margin:0px auto;
	padding:0px 0px 95px 0px;
}

#aboutImg01 , #aboutImg02 , #aboutImg03 {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#aboutImg01 {
	margin:0px auto;
	padding:0px 0px 0px 0px;
	background: url(../images/img_about01.png) no-repeat left top;
	height:794px;
}
#aboutImg02 {
	margin:0px auto;
	padding:0px 0px 0px 0px;
	background: url(../images/img_about02.png) no-repeat left top;
	height:410px;
}
#aboutImg03 {
	margin:0px auto;
	padding:0px 0px 0px 0px;
	background: url(../images/img_about03.png) no-repeat left top;
	height:360px;
	position:relative;
	top:0px;
}


/*Contents About02
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#aboutOut02 {
	margin:0px auto 0px auto;
	background-color: #FFFFFF;
	position:relative;
	z-index:99;	
}
.aboutIn02 {
	margin:0px auto;
	padding:0px 0px 68px 0px;
}
.aboutIn02 figure {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}



#aboutImg04 {
	margin:0px auto -85px auto;
	padding:0px 0px 0px 0px;
	background: url(../images/img_about04.png) no-repeat left top;
	height:625px;
	position:relative;
	top:-95px;
}

.aboutImg04Copy {
	margin:0px auto 0px auto;

}
.aboutImg04Copy h3 , .aboutImg04Copy p , .aboutImg04Copy span {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
#aboutImg05 {
	margin:0px auto;
	padding:0px 0px 0px 0px;
	background: url(../images/img_about05.png) no-repeat left top;
	height:151px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
#aboutImg06 {
	margin:0px auto;
	padding:0px 0px 0px 0px;
	background: url(../images/img_about06.png) no-repeat left top;
	height:441px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}


/*Contents Activity
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#activityOut {
	margin:0px auto 0px auto;
	padding:0px 0px ;
	background-image:url(../images/bg_activity01.png);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#FFEC00;
	height:739px;
}
.activityIn {
	margin:0px auto 0px auto;
	padding:0px;
	background:url("../images/bg_activity02.png") no-repeat left top;
}

.activityInCopy {
	width:370px;
	float:left;
}

.activityIn h2 {
	margin-top:280px;
}


.activityIn .titleImg {
	background-image:#FFFFFF;
	height:64px;
	width:216px;
	background: url(../images/h2_activity01.png) no-repeat left top;
	overflow: hidden;
	text-indent: -9999px;
	display:inline;
	float:left;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
}

.activityIn span.titleTxt {
	margin:0px auto 0px 22px;
	color:#333333;
	font-size:93%;
	line-height:76px;
}

.activityIn p {
	margin:0px auto;
	padding:0px 0px 15px 0px;
	font-size:123.1%;
	line-height:180%;
	color:#333333;
}

/* 活動一覧 */
#activityList {
	width:570px;
	float:right;
	background:url("../images/bg_activity03.png") no-repeat 20px 114px;
	height:739px;
}

#activityList ul {
	clear:both;
	margin:60px -24px 0px 0px;
	overflow: hidden;
	list-style:none;
	text-align:left;
}

#activityList li {
	margin:0px 24px 20px 0px;
	float: left;
	width:269px;
	text-align:left;
	font-size:100%;
	font-weight:bold;
	line-height:125%;

}

#activityList li figure {
	margin:0px 0px 0px 0px;
	text-align:center;
}


#activityList li figure img {
	width:269px;
	height:269px;

}

#activityList li figure img:hover {
	position:relative;
	z-index:100;
}

#activityList li h3 {
	margin:0px 0px 10px 0px;
	font-size:123.1%;
	padding-top:10px;
	text-align:center;
	color:#663300;

}

#activityList li a  {
	width:100%;
	height:100%;
	text-decoration:none;
}



#activityList  a img:hover  {
	-webkit-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: opacity 180ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}


#activityList  a.linkend img:hover {
	text-decoration:none;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1.0;
}

/*Contents message
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#messageOut {
	margin:0px auto 0px auto;
	padding-top:60px;
	background-color: #FFFFFF;
	position:relative;
	z-index:99;	
}
.messageInTop {
	margin:0px auto;
	width:940px;
	height:51px;
	background:url("../images/bg_message01_top.png") no-repeat left top;
}
.messageInBtm {
	margin:0px auto;
	width:940px;
	height:51px;
	background:url("../images/bg_message01_btm.png") no-repeat left top;
}
.messageIn {
	margin:0px auto 0px auto;
	width:940px;
	padding:0px 0px 0px 0px;
	background:url("../images/bg_message01_mid.png") repeat-y left center;
}
.messageIn figure {
	margin:0px auto 0px 52px;
	padding:0px 0px 0px 0px;
	float:left;
	width:380px;
}
.messageIn figure img {
	width:100%;
}

.messageInCopy {
	margin:-10px 36px 0px auto;
	width:436px;
	float:right;
	color:#333333;
	font-size:100%;
}


.messageIn h2 {
	margin:0px auto 0px auto;
}


.messageIn .titleImg {
	background-image:#FFFFFF;
	height:64px;
	width:241px;
	background: url(../images/h2_message01.png) no-repeat left top;
	overflow: hidden;
	text-indent: -9999px;
	display:inline;
	float:left;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
}

.messageIn span.titleTxt {
	margin:0px auto 0px 22px;
	color:#333333;
	font-size:93%;
	line-height:76px;
}

p.messageCopy  {
	margin:0px auto;
	padding:0px 0px 15px 0px;
	font-size:116%;
	line-height:180%;
}


.messenger {
	margin:10px 20px 0px auto;
	padding:0px 0px 0px 0px;
	float:right;

}
p.president {
	margin:0px auto 6px auto;
	padding:0px 0px 0px 0px;
	font-size:100%;
}
p.name {
	margin:0px auto;
	padding:0px 0px 0px 0px;
	font-size:153.9%;
}
.name span {
	margin:0px auto 0px 12px;
	padding:0px 0px 0px 0px;
	font-size:64%;
}


/*Footer
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ページトップへ戻る */
#page-top {
	position: fixed;
	bottom: 40px;
	right: 20px;
	z-index:99;
	width:66px;
	height:66px;

	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}
#page-top a {
	text-align: center;
	padding-top:14px;
	height:52px;
	display: block;
	color:#FFFFFF;
	font-size:120%;
	font-family: 'Average Sans', sans-serif;
	text-decoration: none;
	background-color:#00C5F2;
	/*background:url("../images/pagetop_img.png") no-repeat center top;*/

}

footer {
	clear:both;
	margin:70px auto 0px auto;
	padding:0px;
	}

#footerTopIn {
	margin:0px auto 0px auto;
	padding:0px;
	height:60px;
	}
#footerLogoheadSsp {
	margin-top:-10px;
	height:55px;
	text-align:left;
}	


#footerOut {
	margin:0px auto 0px auto;
	padding:0px;
	background-color: #3EC4EC;
	height:250px;
	}
.footerIn {
	margin:0px auto 0px auto;
	padding-top:8px;
	}
	
	
p#footerLogo {
	margin:15px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	font-size:93%;
	color:#FFFFFF;
	}
p#footerLogo a {
	color:#FFFFFF;
	}
p#copyright {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:93%;
	color:#FFFFFF;
	}

#footerTopNavi {
	margin:18px 0px 18px 0px;
	padding:0px;
	height:15px;
	float:right;
	vertical-align:middle;
	}
#footerTopNavi li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 18px;
	list-style:none;
	display:inline;
	float:left;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
	font-size:93%;
	background:url("../images/btn_ft01.png") no-repeat left top;
	vertical-align:top;
	line-height:15px;
	}
#footerTopNavi li a {
	color:#FFFFFF;
	}

#footerBtmNavi {
	margin:0px 0px 0px 0px;
	padding:0px;
	height:18px;
	float:right;
	}
#footerBtmNavi li {
	margin:0px 0px 0px 7px;
	padding:0px 0px 0px 7px;
	list-style:none;
	display:inline;
	float:left;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
	font-size:93%;
	border-left:1px solid #FFFFFF;
	}
#footerBtmNavi li a {
	color:#FFFFFF;
	}