@charset "utf-8";
/* CSS Document */


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

	リセット

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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,p,blockquote,th,td{
	margin:0;padding:0;
}
table{
	border-collapse:collapse;border-spacing:0; font-size:100%;
}
img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;font-weight:normal;
}
ul li,ol li { list-style:none; } 
h1,h2,h3,h4,h5,h6{
	font-size:100%;font-weight:normal;
}
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
a img{border:none;}






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

	全ページ共有セレクタ

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

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}




.text a.linktext:link,.text a.linktext:visited {
	color: #666;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #666;
	margin: 0px;
	padding: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	height: 100%;
	line-height: normal;
}
.text a.linktext:active,.text a.linktext:hover {
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	height: 100%;
	border: 0px none #FFF;
	background-color: #CCC;
	line-height: normal;
}

#wrap a:active,a:hover,a:link,a:visited{
	text-decoration: none;	color: #fff;
}

#wrap{
	width: 50%;
	margin-top: 80px;
	margin-right: auto;
	margin-bottom: 150px;
	margin-left: auto;
}
.circle li {
		padding: 15px 20px;
		box-shadow: 0 0 5px rgba(0,0,0,0.3);
		border-radius: 10px;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
}
.circle li:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	cursor: pointer;
}

ul.circle li.anime01 {
	background-color:#369;
}
ul.circle li.anime02 {
	background-color:#36C;
}
ul.circle li.anime03 {
	background-color:#36F;
}
ul.circle li.anime04 {
	background-color:#39F;
}
ul.circle li.anime05 {
	background-color:#9CF;
}
ul.circle li.anime06 {
	background-color:#9CC;
}
ul.circle li.anime07 {
	background-color:#9C9;
}
ul.circle li.anime08 {
	background-color:#9C6;
}
ul.circle li.anime09 {
	background-color:#9C3;
}
ul.circle li.anime10 {
	background-color:#9C0;
}
ul.circle li.anime11 {
	background-color:#990;
}
ul.circle li.anime12 {
	background-color:#960;
}
ul.circle li.anime13 {
	background-color:#930;
}
ul.circle li.anime14 {
	background-color:#900;
}
ul.circle li.anime15 {
	background-color:#903;
}
ul.circle li.anime16 {
	background-color:#906;
}
ul.circle li.anime17 {
	background-color:#909;
}
ul.circle li.anime18 {
	background-color:#90C;
}
ul.circle li.anime19 {
	background-color:#90F;
}
ul.circle li.anime20 {
	background-color:#63F;
}
ul.circle li.anime21 {
	background-color:#66F;
}
ul.circle li.anime22 {
	background-color:#66C;
}
ul.circle li.anime23 {
	background-color:#669;
}
ul.circle li.anime24 {
	background-color:#666;
}
ul.circle li.anime25 {
	background-color:#663;
}
ul.circle li.anime26 {
	background-color:#660;
}
ul.circle li.anime27 {
	background-color:#360;
}
ul.circle li.anime28 {
	background-color:#363;
}




.notes {
	font-size: smaller;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 15px;
	color: #666;
	font-weight: lighter;
}
.text {
	padding: 20px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
address {
	font-size: 70%;
	font-style: normal;
	color: #FFF;
	background-color: #999;
	text-align: center;
	padding: 5px;
	margin-top: 30px;
}
h2 {
	border-bottom:1px solid #bababa;
	font-size:100%;
	color:#FFFFFF;
	zoom: 1;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.ttl1{
background: #990033;
background: -webkit-gradient(linear, left top, left bottom, from(#990033), to(#f13690));
background: -moz-linear-gradient(top, #990033, #f13690);
background: -o-linear-gradient(top, #990033, #f13690);
background: -ms-linear-gradient(top, #990033, #f13690);
background: linear-gradient(top, #990033, #f13690);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#990033', endColorstr='#f13690');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#990033', endColorstr='#f13690')";
-pie-background: linear-gradient(top,#990033, #f13690);
behavior: url(PIE.htc);
}

.ttl2 {
	position: relative;
	color: #333;
	text-shadow: 0 1px 0 #ccc;
	box-shadow: 0 1px 1px #ccc;
	background: #eee;
	border :4px solid #CCF;
	border-radius: 5px;
	behavior: url(PIE.htc);
	font-size: 80%;
	width: 45%;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 10px;
}

.ttl2:after {
content: "";
position: absolute;
top: -32px;
height: 0;
width: 0;
}

.ttl2:before {
content: "";
position: absolute;
top: -39px;
height: 0;
width: 0;
}

.ttl2:after {
left: 40px;
border: 15px solid transparent;
border-bottom: 20px solid #eee;
}

.ttl2:before {
left: 40px;
border: 15px solid transparent;
border-bottom: 20px solid #CCF;
}


h3 {
	font-size: 100%;
	font-weight: bold;
	color: #CCF;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-style: dotted;
	text-align: center;
	border-bottom-width: thin;
}


#box01,#box02 {
display: none;
}

#pageslide {
	display: none;
	position: absolute;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 999999;
	width: 240px;
	padding: 20px;
	background-color: #333;
	color: #CCC;
	-webkit-box-shadow: inset 0 0 5px 5px #222;
	-moz-shadow: inset 0 0 5px 5px #222;
	box-shadow: inset 0 0 5px 5px #222;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
}





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

.btn{
	display: block;
	float: left;
	position: relative;
	height: 30px;
	width: 120px;
	margin: 30px;
}
#btnspace {
	width: 360px;
	height: 90px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
}


.btn a,
.btn a:hover,
.btn a:visited{
display: block;
position: relative;
height: 29px;
width: 119px;
padding-left:1px;
text-decoration: none;
line-height: 30px;
text-align: center;
border-top:1px solid #6b7688;
color: #d4d2d2;
text-shadow: 0px 1px 0px #222;
color: #f2f1f1;
background: #586170;
background: -webkit-gradient(linear, left top, left bottom, from(#586170), to(#424551));
background: -moz-linear-gradient(top,  #586170,  #424551);
background: -o-linear-gradient(top,  #586170,  #424551);
background: -ms-linear-gradient(top,  #586170,  #424551);
background: linear-gradient(top,  #586170,  #424551);
-pie-background: linear-gradient(top,  #586170,  #424551);
-webkit-box-shadow:  0 1px 1px #1d1e20;
-moz-box-shadow:  0 1px 1px #1d1e20;
box-shadow:  0 1px 1px #1d1e20;
behavior: url(PIE.htc);
}

.br1 a,.br2 a{
-webkit-border-radius: 15px; 
-moz-border-radius: 15px;
border-radius: 15px;
behavior: url(PIE.htc);
}

.btn a:hover {
color: #f2f1f1;
background: #3f4551;
background: -webkit-gradient(linear, left top, left bottom, from(#3f4551), to(#333640));
background: -moz-linear-gradient(top,  #3f4551,  #333640);
background: -o-linear-gradient(top,  #3f4551,  #333640);
background: -ms-linear-gradient(top,  #3f4551,  #333640);
background: linear-gradient(top,  #3f4551,  #333640);
-pie-background: linear-gradient(top,  #3f4551,  #333640);
behavior: url(PIE.htc);
}

.btn a:active,.btn a.on {
color: #f2f1f1;
line-height: 31px;
bottom:-2px;
height: 30px;
width: 119px;
border: none;
border-bottom:1px solid #6b7688;
background: #3f4551;
background: -webkit-gradient(linear, left top, left bottom, from(#3f4551), to(#333640));
background: -moz-linear-gradient(top,  #3f4551,  #333640);
background: -o-linear-gradient(top,  #3f4551,  #333640);
background: -ms-linear-gradient(top,  #3f4551,  #333640);
background: linear-gradient(top,  #3f4551,  #333640);
-pie-background: linear-gradient(top,  #3f4551,  #333640);
-webkit-box-shadow:  0 0 3px #1d1e20 inset;
-moz-box-shadow:  0 0 3px #1d1e20 inset;
box-shadow:  0 0 3px #1d1e20 inset;
behavior: url(PIE.htc);
}


.tag1,.tag2,.tag3,.tag4,.tag5,.tag6,.tag7{
padding:4px 8px;
font-size:120%;
font-weight:bold;
color: #FFF;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
behavior: url(PIE.htc);
}

.tag1{
background: #066;
}






.taglink {
	font-size: 80%;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 5px;
}
.leftnotes {
	font-size: 80%;
	font-weight: lighter;
	background-color: #666;
	padding: 10px;
	width: 80%;
	opacity: 0.8;
	color: #FFF;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}