@charset "utf-8";

body
{
	line-height: 1.5;
	background-color: white;
	margin: 2px;
}

a:link
{
	color: #00007f;
	text-decoration: none;
}


a:visited
{
	color: #506070;
	text-decoration: none;
}

a:hover
{
	color: #dc143c;
	text-decoration:underline;
}

.navigation{font-size:80%; text-align:left;background-color:#dfdfdf;}
.english{font-size:80%; font-weight:bold;}
.content{margin:5px;}
li{margin:0.3em;}
hr{color:gray;background-color:gray;border:none;width:100%;height:1px;}
.nodisc{list-style-type:none;}

.menu
{
	padding: 4px;
	vertical-align: top;
	width: 120px;
	background-color: #ffffe0;
	border: solid 1px #f0e68c;
	line-height: 1.15;
}

.menu ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu ul li
{
	list-style-type: none;
	margin: 0 0 0.75em 0;
	padding: 0;
	font-weight: bold;
}

.menu ul ul
{
	margin: 0;
	padding: 0 0 0 0.7em;
	font-size : 85%;
}

.menu ul ul li
{
	margin: 0.45em 0;
	font-weight: normal;
}

.menu ul ul ul
{
	padding: 0 0 0 1.2em;
	font-size : 90%;
}


.menu ul ul ul li
{
	list-style-type: disc;
}

#TOPICS
{
	width: 470px;
	margin: 0.5em 0 0 10px;
	padding: 0;
	border-collapse: collapse;
	border-width: 0;
	border-top:1px solid #d0d0d0;
}

#TOPICS .title,
#TOPICS .topic
{
	border-style:solid;
	border-width:0 1px;
	border-color: #d0d0d0;
}

#TOPICS .title
{
	padding:0.2em 1em;
	font-weight:bold;
}


#TOPICS .topic
{
	padding:0.5em 1em;
}

#TOPICS img
{
	max-width: 422px;
}

#FOOTERTOP
{
	font-size: 80%;
	width: 600px;
	line-height: 1.5;
}

#FOOTERTOP td
{
	vertical-align: top;
	padding: 3px;
	background-color: #efefef;
	width: 300px;
}

#TOPICS .backnumber
{
	padding: 0.3em 0;
	border-top: 1px solid #d0d0d0;
	text-align: right;
}

#TOPICS .backnumber img
{
	border: none;
}

.npoevent
{
	clear: both;
	font-size: 90%;
	color:#333333;
	margin:1em 0 1em 10px;
	padding:0;
	line-height:1.5;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.npoevent:after,
.npoevent li:after,
.npoevent dd:after,
.npoevent p:after
{
        content: "";
        display: block;
        clear: both;
}

.npoevent h2
{
	margin:0;
	padding:0.1em 1em;
	font-size:100%;
	font-weight:normal;
	background:#9DC2FF url(/hosizora/img/style/h2_lightblue.png) repeat-x 0% 0%;
	border:1px solid #9DC2FF;
        -webkit-border-top-left-radius: 1em;
        -webkit-border-top-right-radius: 1em;
        -moz-border-radius: 1em 1em 0 0;  
        border-radius: 1em 1em 0 0;
        -webkit-box-shadow: 2px 2px 4px 0 rgb(230,230,230);
        -moz-box-shadow:    2px 2px 4px 0 rgb(230,230,230);
        box-shadow:         2px 2px 4px 0 rgb(230,230,230); /* rgba(0,0,0,.1) */
}

.npoevent h2 a,
.npoevent h2 a:visited
{
	display: block;
	color:#333333;
	text-decoration:none;
	padding:0;
}

.npoevent h2 a:hover
{
	color: #dc143c;
	text-decoration:underline;
}


.npoevent ul,
.npoevent ol,
.npoevent dl,
.npoevent p
{
	margin: 0;
	border:1px solid #d0d0d0;
	border-top: none;
	/* background:#f3f3f3 url(/hosizora/img/style/lightpanel.png) repeat-x 0% 0%; */
	background:white;
	-webkit-border-bottom-left-radius: 1em;
	-webkit-border-bottom-right-radius: 1em;
	-moz-border-radius:    0 0 1em 1em;  
	border-radius:         0 0 1em 1em;
	-webkit-box-shadow: 2px 2px 4px 0 rgb(230,230,230);
	-moz-box-shadow:    2px 2px 4px 0 rgb(230,230,230);
	box-shadow:         2px 2px 4px 0 rgb(230,230,230); /* rgba(0,0,0,.1) */
}

.npoevent li,
.npoevent dt,
.npoevent p
{
	border-top: 1px dashed #d0d0d0;
}

.npoevent li:first-child,
.npoevent dt:first-child,
.npoevent p:first-child
{
	border-top: none;
}

.npoevent p:first-of-type
{
	border-top: none; /* don't merge this line (IE8) */
}

.npoevent ul, 
.npoevent ol
{
	padding: 0.25em 0;
	list-style-type: none;
}

.npoevent li
{
	margin: 0;
	padding: 0.25em 1em;
}

.npoevent dl
{
	padding: 0.25em 0;
}

.npoevent dt
{
	margin: 0;
	padding: 0.25em 1em 0 1em;
}

.npoevent dd
{
	margin: 0;
	padding: 0 1em 0.25em 1em;
}

.npoevent p
{
	padding: 0.5em 1em;
}


.npoevent p:nth-last-of-type(n+2)
{
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius:    0;  
	border-radius:         0;
	border-bottom: none;
}

.npoevent img.figure
{
	margin:0.25em 0 0.5em 0.5em;
	padding:0;
	float:right;
	border: none;
	background: transparent;
}

.npoevent a
{
	text-decoration:underline;
}

.pictures img,
img.picture,
.shadow
{
        -webkit-box-shadow: 2px 2px 4px 0 rgba(0,0,0,.4);
        -moz-box-shadow:    2px 2px 4px 0 rgba(0,0,0,.4);
        box-shadow:         2px 2px 4px 0 rgba(0,0,0,.4);
}

.pictures img,
img.picture
{
        border:1px solid #d0d0d0 !important;
        background-color:white !important;
        padding:3px !important;
        margin:5px;
}

#COUNTDOWN
{
	font-size: 75%;
	margin: 0;
	padding: 0.5em 0;
	line-height: 1.1;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#COUNTDOWN:after
{
        content: "";
        display: block;
        clear: both;
}

#COUNTDOWN ul
{
	width: 480px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#COUNTDOWN li
{
	float: left;
	width: 220px;
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 3px;
	border: 1px solid #d0d0d0;
	background-color: white;
	color: black;
	text-align: center;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;  
        border-radius: 8px;
        -webkit-box-shadow: 2px 2px 4px 0 rgb(210,210,210);
        -moz-box-shadow:    2px 2px 4px 0 rgb(210,210,210);
        box-shadow:         2px 2px 4px 0 rgb(210,210,210);
	text-shadow: 0 0 0.5em white;
	overflow: hidden;
}

#COUNTDOWN li a
{
	display: block;
        margin: 0;
        padding: 0.75em 0.15em;
	border: none;
        list-style-type: none;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        background: rgb(50,50,50);
        background: -webkit-gradient(linear, left top, left bottom, from(rgb(100,100,100)), to(rgb(0,0,0)));
        background: -webkit-linear-gradient(top, rgb(100,100,100), rgb(0,0,0));
        background: -moz-linear-gradient(top, rgb(100,100,100), rgb(0,0,0));
        background: -o-linear-gradient(top, rgb(100,100,100), rgb(0,0,0));
        background: -ms-linear-gradient(top, rgb(100,100,100), rgb(0,0,0));
        -pie-background: linear-gradient(top, rgb(100,100,100), rgb(0,0,0));
        background: linear-gradient(top, rgb(100,100,100), rgb(0,0,0));
}

#COUNTDOWN li a,
#COUNTDOWN li a:link,
#COUNTDOWN li a:visited,
#COUNTDOWN li a:hover
{
	color: white;
	text-decoration: none;
}

#COUNTDOWN .part1,
#COUNTDOWN .part2,
#COUNTDOWN .part3,
#COUNTDOWN .part4,
#COUNTDOWN .part5
{
	white-space: nowrap;
}
#COUNTDOWN .part1
{
	font-size: 150%;
	font-weight: bold;
}

#COUNTDOWN .part0
{
	font-family: 'Georgia', 'Times New Roman', 'Times', serif;
	margin-right: 0.25em;
}

#COUNTDOWN .part2
{
	margin-left: 0.25em;
}

#COUNTDOWN .part3
{
	margin-right: 0.25em;
}

/*
#COUNTDOWN .part2:after
{
	content: "\A";
	white-space: pre;
}
*/

#COUNTDOWN .part4
{
	font-family: 'Georgia', 'Times New Roman', 'Times', serif;
	color: rgb(255, 100, 100);
	font-weight: bold;
	font-size: 250%;
	text-shadow: 0 0 0.5em rgb(255, 205, 200);
}

#COUNTDOWN .part5
{
	margin-left: 0.25em;
}