@charset "UTF-8";

/*
===== NOTES =====================================
+01: CSS Reset
+02: Base Setting
+03: Common Setup
+04: HOME Setup
+05: ABOUT Setup
+06: COURSE Setup
+07: NEWS Setting
+08: ACCESS Setting
+09: Lecturer Setting
+10: inquiry & entry Setting
================================================
*/

/* ==================================================================================================
+01: CSS Reset
================================================================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, em, img, small, strong, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,
a{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
	font-weight:normal;
    vertical-align:baseline;
    background:transparent;
	}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
	}
table {
    border-collapse:collapse;
    border-spacing:0;
	}
	
/* ==================================================================================================
+02: Base Setting
================================================================================================== */

ul,ol{list-style-type:none;}
body{
	background:#fff;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#222;
	line-height:1.5;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	}

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

/* images ------------------------------ */
img{vertical-align:top;}

/*	
-webkit-transform : translateX(-50%);
-ms-transform     : translateX(-50%);
transform         : translateX(-50%);

overflow: hidden;
position: relative;
zoom:1;

-moz-box-sizing: border-box;
-webkit-box-sizing:border-box;
box-sizing: border-box;
*/

/* ==================================================================================================
+03: Common Setup
================================================================================================== */

#loading{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform : translate(-50%,-50%);
	-ms-transform     : translate(-50%,-50%);
	transform         : translate(-50%,-50%);
}

/* trailer ------------------------------ */
#trailer{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:500;
	background:#050505;
	}
#trailer iframe{
	-webkit-transform : translate(-50%,-55%);
	-ms-transform     : translate(-50%,-55%);
	transform         : translate(-50%,-55%);

	position:absolute;
	top:50%;
	left:50%;
	width:90%;
	height:90%;
	}
#trailer .close{
	-webkit-transform : translateX(-50%);
	-ms-transform     : translateX(-50%);
	transform         : translateX(-50%);

	position:absolute;
	bottom:10px;
	left:50%;
	z-index:500;
	}
#trailer .close img{ cursor:pointer;}

.special{
	-webkit-transform : translateX(-50%);
	-ms-transform     : translateX(-50%);
	transform         : translateX(-50%);
	
	position:absolute;
	bottom:20px;
	left:50%;
	z-index:500;
	width:881px;
	/*width:740px;*/
	/*width:505px;*/
	}
.special li{
	border:#fff 1px solid;
	display:block;
	cursor:pointer;
	padding:5px 5px 5px 15px;
	color:#fff;
	float:left;
	margin:0 5px;
	text-align:center;
	background:rgba(0,0,0,0.85);
	}
.special li:nth-child(4),
.special li:last-child{padding:5px 10px 5px 10px;}
.special li:hover{
	-moz-opacity:0.6;
	opacity:0.6;
	filter: alpha(opacity=60);
	}
.special li.now{
	background:#fccd18;
	border-color:#fccd18;
	color:#000;
	}

/* ==================================================================================================
+04: HOME
================================================================================================== */

body#home{background:#facb16 url(../images/home_foot_bg.jpg) center top repeat;}
.home-bg{
	width:100%;
	min-width:100%;
	height:630px;
	background:url(../images/home_bg.jpg) center top no-repeat;
	overflow:hidden;
	position:relative;
	z-index:400;
	}
.bookshelf{
	min-width:1210px;
	width:100%;
	height:630px;
	background:url(../images/home_bookshelf_l.png) left top no-repeat, url(../images/home_bookshelf_r.png) right top no-repeat;
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform : translateX(-50%);
	-ms-transform     : translateX(-50%);
	transform         : translateX(-50%);
	}
.home-main{
	width:950px;
	height:630px;
	position:relative;
	margin:0 auto;
	z-index:300;
	}
.home-main .catchcopy{
	position:absolute;
	top:21px;
	left:0px;
	}
.home-main h1{
	position:absolute;
	top:76px;
	left:10px;
	}
.home-main h2{
	position:absolute;
	top:273px;
	left:7px;
	}

.dvd-btn{
    position: absolute;
    top: 312px;
    left: 365px;
	z-index:500;
	}

.home-main .chara01{
	position:absolute;
	bottom:0;
	right:7px;
	z-index:100;
	}
.home-main .chara02{
	position:absolute;
	bottom:0;
	right:10px;
	}
.home-main .chara03{
	position:absolute;
	top:120px;
	right:253px;
	}

.pickup-btn{
	position:absolute;
	bottom:10px;
	left:10px;
	z-index:500;
	}
.pickup-btn li{
	float:left;
	padding-right:10px;
	}

.share-btn{
	position:absolute;
	/*top:325px;*/
	top:365px;
	left:10px;
	z-index:500;
	}
.share-btn li{
	float:left;
	padding:2px;
	line-height:0;
	}

#home nav{
	background:#000;
	width:100%;
	}
#home nav ul{
	overflow: hidden;
	position: relative;
	zoom:1;
	
	width:562px;
	margin:0 auto;
	padding-left:2px;
	background:url(../images/nav_line.png) left top no-repeat;
	}
#home nav li{
	float:left;
	background:url(../images/nav_line.png) right top no-repeat;
	padding-right:2px;
}
#home nav li.nav05,
#home nav li.nav06{background:none;}
#home nav li.nav05{padding-left:20px;}

.soon img{
	-moz-opacity:0.3;
	opacity:0.3;
	filter: alpha(opacity=30);
	}

#home .cast{
	width:100%;
	background:url(../images/home_cast_bg.png) center top no-repeat;
	margin:28px auto 12px;
	padding:13px 0 15px;
	text-align:center;
	}
#home .staff{
	width:100%;
	background: url(../images/home_footwave.png) center 96% repeat-x;
	padding-bottom:100px;
	text-align:center;
	}
#home .staff h4{margin-top:28px;}

.bnr-area{
	overflow: hidden;
	position: relative;
	zoom:1;
	
	width:960px;
	margin:20px auto 0;
	}
.bnr-area li{
	width:234px;
	padding:0 3px;
	float:left;
	}
.bnr-area a{
	background:#fff;
	display:block;
	}

/* ==================================================================================================
+05: About the Movie
================================================================================================== */

body#introduction{
	background:#3290d7 url(../images/introduction_bg.jpg) center bottom no-repeat;
	background-size: contain;
	height:auto;
	}
body#story{
	background:#c2d7f1 url(../images/story_bg.jpg) center bottom no-repeat;
	background-size: contain;
	height:auto;
	}
body#cast{
	background:#b5cae9 url(../images/cast_bg.jpg) center bottom no-repeat;
	background-size: contain;
	height:auto;
	}
body#staff{
	background:#f1f4fa url(../images/staff_bg.jpg) center bottom no-repeat;
	background-size: cover;
	height:auto;
	}

#introduction #header,
#story        #header{
	width:100%;
	height:600px;
	overflow:hidden;
	}
#introduction #header .bg{background:url(../images/introduction_header.jpg) center center no-repeat;}
#story        #header .bg{background:url(../images/story_header.jpg) center center no-repeat;}
#introduction #header .bg,
#story        #header .bg{
	background-size:cover;
	width:100%;
	height:600px;

	-webkit-transition: all 1s ;
	   -moz-transition: all 1s ;
	    -ms-transition: all 1s ;
	     -o-transition: all 1s ;
	        transition: all 1s ;
		}
#introduction #header .bg.def,
#story        #header .bg.def{
	-webkit-transform: scale(1.1,1.1);
	   -moz-transform: scale(1.1,1.1);
	    -ms-transform: scale(1.1,1.1);
	     -o-transform: scale(1.1,1.1);
	        transform: scale(1.1,1.1);
	-webkit-transition: all 0s ;
	   -moz-transition: all 0s ;
	    -ms-transition: all 0s ;
	     -o-transition: all 0s ;
	        transition: all 0s ;
	}

.contents nav{
	background: rgba(0,0,0,0.70);
	width:100%;
	height:30px;
	position:fixed;
	z-index:500;
	}
.contents nav ul{
	width:510px;
	margin:0 auto;
	}
.contents nav li{
	float:left;
	padding:0;
	margin:0 1px;
	}
.contents nav .now,
.contents nav li a:hover{background:#ffcc00; display:block;}

.backto{
	position:absolute;
	right:50%;
	top:0px;
	margin-right:-480px;
	}
.pagetop{
	position:fixed;
	bottom:30px;
	right:30px;
	}


/* Introduction and Story
-------------------------------------------------------- */

#introduction .wrapper h1,
#story        .wrapper h1{
	width:960px;
	margin:40px auto 80px;
	}

#introduction .wrapper section{
	width:960px;
	margin:40px auto;
	text-align:center;
	}
#introduction .wrapper .slider ul{width:100%;zoom:1;}
#introduction .wrapper .slider li{width:240px;height:165px;}
#introduction .wrapper .slider li img{zoom:1;}
#introduction .column01 h2{margin-bottom:60px;}
#introduction .column02 h2{margin-bottom:60px;}
#introduction .column03 h2{margin-bottom:60px; margin-top:80px;}
#introduction .wrapper section.column03{ padding-bottom:400px;}

#story .wrapper{
	width:960px;
	margin:0px auto 850px;
	}
#story .wrapper figure{
	float:right;
	margin-top:-5px;
	border:#fff 7px solid;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);
	transform: rotate(2deg);
	}
#story .wrapper p{padding-top:40px;}
#story .wrapper p:nth-child(3){padding-top:0px;}
#story .wrapper ul{
	overflow: hidden;
	position: relative;
	zoom:1;
	margin-top:40px;
	}
#story .wrapper li{
	float:left;
	padding:0 5px;
	}

/* Cast and Staff
-------------------------------------------------------- */

#cast  .wrapper{
	width:960px;
	margin:0px auto 700px;
	}
#staff .wrapper{
	width:960px;
	margin:0px auto 200px;
	}

#cast  .wrapper h1,
#staff .wrapper h1{
	width:960px;
	margin:100px auto 30px;
	}
#cast  .main li,
#staff .main li{
	overflow: hidden;
	position: relative;
	zoom:1;
	padding:20px 0;
	}
#cast  .main li figure,
#staff .main li figure{
	float:left;
	width:220px;
	}
#cast  .main li div,
#staff .main li div{
	float:right;
	width:700px;
	}
#cast  .main li div h2    { margin:10px 0 30px;}
#staff .main li div h2    { margin:0 0 20px;}
#staff .main li div div h2{ margin:0 0 15px;}
#staff .main li div.cd{
	clear:both;
	overflow: hidden;
	position: relative;
	zoom:1;
	
	float:none;
	width:930px;
	background:rgba(0,0,0,0.1);
	padding:10px 15px;
	}
#staff .main li div.cd figure{
	float:left;
	width:85px;
	margin-right:20px;
	}
#staff .main li div.cd div{
	float:left;
	width:570px;
	padding-top:2px;
	}
#cast .others{
	overflow: hidden;
	position: relative;
	zoom:1;
	padding-top:20px;
	margin:0 auto;
	width:952px;
	}
#cast .others li{
	float:left;
	width:130px;
	padding:0 3px;
	text-align:center;
	}
#cast .others h3{ margin-top:5px;}

/* ==================================================================================================
+06: commnon contents
================================================================================================== */
body#theaters,
body#banner,
body#bicycle,
body#map,
body#premiere,
body#greeting{
	background:#3392d6;
	height:auto;
	}
#theaters nav,
#banner   nav,
#bicycle  nav,
#map      nav,
#premiere nav,
#greeting nav{
	background:#1b3d73;
	height:40px;
	}
#theaters nav h1,
#banner   nav h1,
#bicycle  nav h1,
#map      nav h1,
#premiere nav h1,
#greeting nav h1{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-480px;
	}
#theaters nav ul,
#banner   nav ul,
#bicycle  nav ul,
#map      nav ul,
#premiere nav ul,
#greeting nav ul{
	position:absolute;
	top:0;
	right:50%;
	margin-right:-469px;
	}
#theaters nav li,
#banner   nav li,
#bicycle  nav li,
#map      nav li,
#premiere nav li,
#greeting nav li{
	float:left;
	background:url(../images/c_nav_line.png) left top no-repeat;
	padding-left:11px;
	}
#theaters nav li.nav06,
#banner   nav li.nav06,
#bicycle  nav li.nav06,
#map      nav li.nav06,
#premiere nav li.nav06,
#greeting nav li.nav06{
	background:none;
	padding-left:2px;
	}
#theaters nav li.nav05,
#banner   nav li.nav05,
#bicycle  nav li.nav05,
#map      nav li.nav05,
#premiere nav li.nav05,
#greeting nav li.nav05{padding-left:20px;}

.contents small,
#theaters small,
#banner   small,
#bicycle  small,
#map      small,
#premiere small,
#greeting small{
	background:#000;
	width:100%;
	padding:4px 0;
	text-align:center;
	line-height:0;
	display:block;
	}
	
/* theaters
----------------------------------------------- */

#theaters .wrapper{
	width:960px;
	margin:100px auto;
	text-align:center;
	}
.update{
	font-size:87%;
	color:#fff;
	margin-top:30px;
	}

#theaters table{
	width:960px;
	border-collapse: collapse;
	margin:50px auto 0;
	border-top:#000 1px solid;
	border-left:#000 1px solid;
	font-size:87%;
	}
#theaters th,
#theaters td{
	border-right:#000 1px solid;
	border-bottom:#000 1px solid;
	}
#theaters th{
	font-size:85%;
	padding:5px 10px;
	vertical-align:middle;
	background-color:rgba(0,0,0,0.35);
	color:#fff;
	}
#theaters td{
	text-align:left;
	padding:15px 10px;
	background-color:rgba(255,255,255,0.7);
	color:#000;
	}
#theaters td a{color:#000;}
#theaters td a:hover{ text-decoration:none;}
#theaters tr.clickable{ cursor:pointer;}
#theaters tr.clickable:hover{background-color: rgba(157,191,245,0.7);}
#theaters tr.clickable:hover th,
#theaters tr.clickable:hover td,
#theaters tr.clickable:hover td a{color:#000; }
#theaters tr td:first-child,
#theaters tr td:last-child{text-align:center;}

.place{width:80px;}
.release{width:250px;}
.tel{width:130px;}
.ticket{width:90px;}

#theaters tr.fin{background-color:rgba(27,61,115,0.9); font-size:87%;}
#theaters tr.fin td{padding:5px 10px; }
#theaters tr.fin.clickable:hover{background-color: rgba(27,61,115,0.7);}

#theaters .wrapper #ticket,
#theaters .wrapper #present{
	overflow: hidden;
	position: relative;
	zoom:1;
	
	background:rgba(255,255,255,0.7);
	padding:20px 10px 5px 0;
	text-align:left;
	margin-top:20px;
	}
#theaters .wrapper #ticket figure{
	float:right;
	width:350px;
	}
#theaters .wrapper #present figure{
	float:right;
	width:290px;
	padding-left:2em;
	}
#theaters .wrapper #ticket div{
	float:left;
	width:570px;
	font-size:75%;
	}
#theaters .wrapper #present div{font-size:75%;}
#theaters .wrapper #ticket  div h1,
#theaters .wrapper #present div h1{padding-left:20px;}
#theaters .wrapper #ticket  div h2,
#theaters .wrapper #present div h2{
	background:#1b3d73;
	padding:5px 0;
	margin:5px 0 15px;
	padding-left:20px;
	}
#theaters .wrapper #present div h2{ width:610px; margin-bottom:0px;}
#theaters .wrapper #ticket  div p,
#theaters .wrapper #present div p{padding-left:20px;}
#theaters .wrapper #ticket div p.link{margin:20px 0 15px}
#theaters .wrapper #ticket div p.link a{
	background:#f2a51f;
	padding:5px 10px;
	border-radius:10px;
	color:#fff;
	text-decoration:none;
	font-size:107%;
	}
#theaters .wrapper #ticket div p.link a:hover{background-color:#000; text-decoration:underline;}
#theaters .wrapper #ticket  div p.text{font-size:107%;}
#theaters .wrapper #present div p.text{font-size:107%; padding-top:1em;}
#theaters .wrapper #ticket  div p.note{font-size:75%;}
#theaters .wrapper #present div p.note{font-size:100%; padding-top:1em;padding-bottom:1em;}


.area-link{ padding-top:30px; font-size:87%;}
#theaters .wrapper h3{
	font-size:131%;
	color:#fff;
	padding-top:50px;
	}

/* banner page
---------------------------------------------------------- */

#banner h1.pagetitle{ text-align:center; padding-top:100px;}
#banner .wrapper{
	overflow: hidden;
	position: relative;
	zoom:1;
	
	width:710px;
	margin:50px auto 100px;
	background:rgba(255,255,255,0.7);
	padding:75px 125px;
	}
#banner .wrapper p{ padding-top:1em; font-size:75%; line-height:2; float:left;}
#banner .wrapper p:first-child{ padding-top:0; font-size:87%; line-height:1.5; padding-bottom:2em; width:710px;}
#banner .wrapper p:nth-child(2){ width:168px;}
#banner .wrapper p:nth-child(3){ width:280px;}
#banner .wrapper p:nth-child(4){ width:234px;}
#banner .wrapper p:nth-child(5){width:710px; padding-bottom:50px;}

.attention{
	clear:both; 
	background:rgba(0,0,0,0.08);
	padding:25px;
	width:660px;
	}
#banner .wrapper .attention p{ padding-top:1em; font-size:75%; line-height:1.5; float:none;}
#banner .wrapper .attention p:first-child{ padding:0; width:660px;}
#banner .wrapper .attention p:nth-child(2){ width:660px;}
#banner .wrapper .attention p:nth-child(3){ width:660px;}

/* bicycle section
------------------------------------------------------------- */

#bicycle .wrapper{
	width:760px;
	margin:50px auto;
	background:rgba(255,255,255,0.9);
	padding:100px;
	}


/* premiere screening
------------------------------------------------------------- */

#premiere h1.pagetitle{ text-align:center; padding-top:100px;}
#premiere .wrapper{
	overflow: hidden;
	position: relative;
	zoom:1;
	
	width:710px;
	margin:50px auto 100px;
	background:rgba(255,255,255,0.7);
	padding:25px 125px 75px;
	}
#premiere .wrapper p{ padding-top:1em;}
#premiere .wrapper h2{
	font-size:131%;
	color:#1b3d73;
	padding-top:50px;
	border-bottom:#1b3d73 1px solid;
	}
#premiere .wrapper .big{
	font-size:112%;
	line-height:1.25;
}
#premiere .wrapper span     { font-size:75%;}
#premiere .wrapper .big span{ font-size:65%;}
#premiere .wrapper h3{
	font-size:112%;
	font-weight:bold;
	padding-top:1em;
	}
#premiere .wrapper .line{
	padding:30px 40px;
	margin-top:0.5em;
	background:rgba(255,255,255,0.75);
	}
#premiere .wrapper .line h3{ padding:0;}
#premiere .wrapper a:link,
#premiere .wrapper a:visited,
#premiere .wrapper a:active{ color:#000;}
#premiere .wrapper .list{
	margin-top:1em;
	list-style-position:outside;
	list-style-type:disc;
	padding-left:1.25em;
	}
#premiere .wrapper .list li{ font-size:87%;}
#premiere .wrapper .list2{
	margin-top:1em;
	list-style-position:outside;
	list-style-type: decimal;
	padding-left:1.5em;
	}
#premiere .wrapper .list2 li{
	font-size:112%;
	margin-bottom:1em;
	line-height:1.25;
	}
#premiere .wrapper .list2 li span{ font-size:75%;}
#premiere .wrapper .list3        { margin-top:1em;}
#premiere .wrapper .list3 li     { font-size:75%;}
#premiere .wrapper h4{
	font-weight:bold;
	padding-top:3em;
	}

/* MAP
------------------------------------------------ */

#map  .wrapper{
	width:960px;
	margin:100px auto;
	text-align:center;
	}
#map  .wrapper h1{ padding-bottom:20px;}
#map  .wrapper p.note{
	padding-bottom:30px;
	font-size:87%;
	color:#fff;
	}

.map-detail li{
	width:300px;
	padding:20px;
	background:rgba(255,255,255,0.95);
	display:none;
	position:absolute;
	box-shadow:2px 2px 2px rgba(0,0,0,.25);
	}
.map-detail li#map01{ top:255px; right:50%; margin-right:-340px;}
.map-detail li#map02{ top:305px; right:50%; margin-right:-270px;}
.map-detail li#map03{ top:345px; right:50%; margin-right: -75px;}
.map-detail li#map16{ top:380px; right:50%; margin-right:-390px;}

.map-detail li#map04{ top:1025px; left:50%; margin-left:-240px;}
.map-detail li#map05{ top: 975px; left:50%; margin-left:-150px;}
.map-detail li#map06{ top:1065px; left:50%; margin-left:-140px;}

.map-detail li#map07{ top:1085px; left:50%; margin-left:-440px;}
.map-detail li#map08{ top:1105px; right:50%; margin-right:-380px;}
.map-detail li#map09{ top:1020px; left:50%; margin-left:-340px;}
.map-detail li#map10{ top:1155px; right:50%; margin-right:-130px;}
.map-detail li#map11{ top: 955px; left:50%; margin-left:-390px;}
.map-detail li#map12{ top: 1005px; left:50%; margin-left:-280px;}
.map-detail li#map13{ top: 1125px; left:50%; margin-left:-310px;}
.map-detail li#map14{ top: 1145px; right:50%; margin-right:-160px;}
.map-detail li#map15{ top: 855px; right:50%; margin-right:-290px;}

.map-detail li figure{ text-align:center;}
.map-detail li dt{
	color:#e60012;
	font-size:112%;
	line-height:1.25;
	padding:10px 0 5px;
	}
.map-detail li dd{
	color:#333;
	font-size:87%;
	line-height:1.5;
	}













/* greeting screening
------------------------------------------------------------- */

#greeting h1.pagetitle{ text-align:center; padding-top:100px;}
#greeting .area-link{text-align:center; padding-top:50px;}
#greeting h2{
	font-size:131%;
	color:#fff;
	padding-top:50px;
	text-align:center;
	}
	
#greeting .wrapper{
	width:640px;
	margin:20px auto 20px;
	background:rgba(255,255,255,0.7);
	padding:25px 100px 75px;
	}

#greeting .wrapper p{ padding-top:1em;}
#greeting section h1{
	font-size:200%;
	color:#1b3d73;
	padding-top:50px;
	border-bottom:#1b3d73 1px solid;
	margin-bottom:30px;
	}
#greeting section h1:before{content:"◎";}


.greeting-list dt{
	font-size:100%;
	margin-top:1em;
	background:rgba(255,255,255,0.75);
	padding:0.5em 0.5em;
	
	line-height:1.1;
	color:#1b3d73;
	}


.greeting-list dd{font-size:131%;line-height:1.25; padding:1em;}
.greeting-list dd span{font-size:65%;}


.greeting-list dd a:link, 
.greeting-list dd a:visited,  
.greeting-list dd a:active {
	color:#000;
}

.greeting-note{
	border-top:#fff 1px dashed;
	padding-top:1em;
	margin-top:2em;
}
.greeting-note p{
	margin-bottom:1em;
	border-bottom:#000 1px solid;
}
.greeting-note ul{
	list-style-type:none;
	font-size:75%;
	}
.greeting-note li:before{
	content:"※";
}

.text14,
.greeting-list dd span.text14{font-size:75%;}

#greeting .tickets{
	border:#fff 1px solid;
	padding:0 1em 1em;
	margin-top:1em;
	font-size:65%;
}