@charset "utf-8";
@import url(/include/slide.css);
@import url(/include/sites.css);
@import url(/include/store.css);
/*page 全体*/
body {
font-family:"ＭＳ Ｐゴシック", "Osaka",verdana, arial, sans-serif;
	text-align: center;
	background-color:#ffffff;
	margin: 0px auto;
	padding: 0px;

}

#page {
	width: 970px;
	background: #FFFFFF;
	margin: 0 auto;
	padding:0;
}
#header {
	height:45px;
	background: #FFFFFF;
	clear: both;
	color: #999999;
	clear:both;
}
#header a{
	color: #666666;
}
#header-left {
	float: left;
	width: 450px;
	text-align:left;
	background: #FFFFFF;
	padding-top: 8px;
}
#header-right {
	float: right;
	width: 470px;
	text-align: right;
	font-size: 12px;
	background: #FFFFFF;
	padding-top: 20px;
	margin-right:10px;
}
#header-right a{
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}
#header-right .us{
	padding:5px;
	
	margin-left:3px;
	background-color:#000000;
	color:#ffffff;
}
#header-right .pa{
	padding:5px;
	
	margin-left:3px;
	background-color:#990000;
	color:#ffffff;
}
#main {
	margin: 0 auto; 
	padding-top:10px;
	padding-left:10px;
	padding-bottom:20px;
	padding-right:10px;
	background: #FFFFFF;
	text-align: left;
	height:auto;
}

#footer {
	background:url(/img/line.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-top:10px;
	font-size: 12px;
	line-height: 150%;
	text-align: center;	
	padding: 20px;

}

#footer a{
	color: #000000;
	text-decoration: underline;
}

#content{
	background: #FFFFFF;
	width: 680px;
	text-align: left;	
	float: left;
}
#content a{
	color:#0066FF;
	text-decoration:none;
}
#content a:hover{
	text-decoration:underline;

}
.contents-list{
	width:650px;
	margin-bottom: 10px;
	font-size:12px;
	clear:both;

}
.contents-list ul{
	width:650px;
	list-style-type: none;
	
}
.contents-list ul li{
	float: left;
	width: 130px;
	padding:3px 0px 3px 0px;

}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*sideナビゲーション*/
#side{
	background: #FFFFFF;
	text-align: left;	
	width: 250 px;
	float: right;
	font-size:12px;
	word-break: break-all;

}
.side-space{
	border:solid 1px #e1e1e1;
	padding:10px;
	width:230px;
	margin-bottom:10px;
	word-break: break-all;
}
.side-banner{
text-align:center;
border:solid 1px #e1e1e1;
padding-top:10px;
padding-bottom:10px;
margin-bottom:10px;
}
.side-title{
	padding:5px;
	background:#990000;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	margin-bottom:3px;
background:url(/img/side-title-bg.jpg) ;
}
.side-subtitle{
	padding:5px;
	background:#e1e1e1;
	color:#999999;
	font-weight:bold;
	text-align:center;
	margin-bottom:3px;
}
.loginbox{
border:solid 1px #e1e1e1;
	background:#EFEFDC;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
}
ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;font-weight:bold;width:100%;}
ul.vert-one li{margin:0;padding:0;}
ul.vert-one li a{display:block;text-decoration:none;color:#666666;background:#ffffff;padding:3px 0px 3px 12px;border-bottom: solid 1px #e1e1e1;}
ul.vert-one li a:hover{background:#990000 url("/img/vert-one_arrow.gif") no-repeat 0 9px;color:#ffffff;}
ul.vert-one li a.current,ul.vert-one li a.current:hover{background:#0066FF url("/img/vert-one_arrow.gif") no-repeat 0 9px;color:#ffffff;}

.side-login{
	border: solid 1px #e1e1e1;margin-bottom:10px;
}
.marks{
	line-height:150%;
	font-size:16px;
	list-style-image: url(/img/arrow-yellow.gif);
	font-weight:bold;
	color:#666666;
}
h1,h2,h3,h4,h5{
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.description{font-size: 12px;}

.lines {
	border-bottom: 1px dotted #999999;
}
.borders {
	border: 1px solid #cccccc;
}

.text12 {
	font-size: 12px;
	line-height: 160%;
}
.text14 {
	font-size: 14px;
	line-height: 180%;
}






.dotline{
margin: 0pt; padding: 5px 0pt; background: transparent url(/img/dot.gif) repeat-x scroll 0pt 5px; clear: both; 
	height: 15px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;
}


.entry{
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	font-size:12px;
	line-height:170%;
}


.sub_title{
	padding:5px;
	border-left-width:3px;
	border-left-style: solid;
	border-left-color: #00B6EA;
	background-color:#E9E9E9;
}



/*globanavi*/

.glossymenu{
	padding: 0px;
	margin: 0px;
	background: url(/img/nabi-bg.jpg) repeat-x;
	height:40px;
	list-style: none;
	width: 970px;
 position:relative; 
}
 .cornerleft{
	width:12px;
	padding: 0 px;
	margin:0px;
	background: url(/img/nabi-corner.jpg) left no-repeat;
	height:40px;
	float:left;
}
 .cornerright{
	width:12px;
	padding: 0 px;
	margin:0px;
	background: url(/img/nabi-corner.jpg) right no-repeat;
	height:40px;
	float:right;
}
.glossymenu li{
	float:left;
	 position:relative; 
}

.glossymenu li a{
	float: left;
	display: block;
	color:#ffffff;
	border-right:dotted 1px #cccccc;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding:0 16px 0 16px; /*Padding to accomodate left tab image. Do not change*/
	line-height: 40px;
	text-align: center;
	cursor: pointer;	
}
.glossymenu li a:visited{
	color:#ffffff;
}
.glossymenu li a b{
	float: left;
	display: block;

}

.glossymenu li.current a, .glossymenu li a:hover{
		color: #ffffff;
		background-color:#000000;
		background-position: left;
	}

.glossymenu li.current a b, .glossymenu li a:hover b{
		color: #666666;
			background-color:#ffffff;

}
				.glossymenu ul li table {
					border-collapse: collapse;
					border: none;
					padding: 0;
					position: absolute;
					top: 0;
					left: 0;
				}
			.glossymenu ul li ul {
				visibility: hidden;
				overflow: hidden;
				position: absolute;
				top: 40px;
				left: 0px;
				height: 0;
				z-index: 20;
			}
				.glossymenu ul li ul li {
					margin-bottom: 0;
					width:120px;
					padding:0px;

				}
			.glossymenu ul li:hover ul ,
			.glossymenu ul li a:hover ul {
				visibility: visible;
				overflow: visible;
				height: auto;
				width:auto;
				background-color:#666666;
				z-index: 10;
			}
/*globanavi end*/
       #search { float:left;width:200px;margin-left:50px;margin-top:6px;}
        #search div {position:relative; }
#crumbs {
	font-size:14px;
	font-weight:bold;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	margin-top:0px;
	height:25px;
	padding:0px;
	}
#crumbs ul, li {
	list-style-type:none;
	padding:0;
	margin:0;
	
}
#crumbs li {
	float:left;
	color:#777;
	line-height:20px;
	padding-left:10px;

	}
#crumbs li a {
	background:url(/img/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
	}
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
a:link, a:visited,	
#crumbs li a:hover,
#crumbs li a:focus {
	color:#dd2c0d;
	}		

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('/img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
   float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    	text-decoration:none;
}

a.button span {
    background: transparent url('/img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	text-decoration:none;
		color: #000;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
		text-decoration: none;
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
	text-decoration:none;
} 
.alert{
font-size:14px;
font-weight:bold;
color:red;
}
.events{
	padding:10px;
	margin-bottom:10px;
	font-size:14px;
	line-height:180%;
	border-bottom:solid 1px #e1e1e1;

}
.e-title{
	font-weight:bold;	font-size:16px;
	background:url(/img/arrow-yellow.gif) no-repeat left center;
text-indent:20px;
}
.e-title a{
	text-decoration:underline;
}
.event-title{
	padding:5px;
	font-size:16px;
	font-weight:bold;
	color:#666666;
	text-indent:20px;
	border-top:solid 1px #e1e1e1;
	border-bottom:solid 1px #e1e1e1;
	border-right:solid 1px #e1e1e1;
	border-left:solid 3px #0066FF;
}
.event-title a{
	color:#666666;
	text-decoration:none;
}
.event-title a:hover{
	text-decoration:underline;
}
.event-details{
	padding-left:20px;
	padding-right:20px;
}
.organizer{
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	padding:5px;
	background-color:#E5ECF9;
}
.explain{
	font-family:"メイリオ";
	padding:10px;
	background:#EFEFDC;
	color:#666666;
	margin-bottom:10px;
	border:solid 1px #e1e1e1;
	height:auto;

}
.explain-title{
	font-size:22px;
	font-weight:bold;
	color:#990000;
}
.explain p{
	font-size:14px;
	line-height:160%;
}
.pr{
	font-family:"メイリオ";
	padding:15px;
	color:#333333;
	margin-bottom:10px;
	border:1px solid #e1e1e1;
}
.pr a{
	color:#ffffff;
}
.pr-title{
	font-size:22px;
	font-weight:bold;
}
.pr p{
	font-size:14px;
	line-height:160%;
}
.title-bar{
	padding:5px;
	font-size:16px;
	font-weight:bold;
	color:#666666;
	background-image: url("/img/title-bg.gif");
	background-position:center;
	text-indent:20px;
	border-top:solid 1px #e1e1e1;
	border-bottom:solid 1px #e1e1e1;
	border-right:solid 1px #e1e1e1;
	border-left:solid 3px #990000;
}
.subtitle_bar{
	font-size:14px;
	font-weight:bold;
	color:#666666;
	text-indent:10px;
	border-bottom:solid 1px #e1e1e1;
}
.supplement{padding-left:10px;padding-right:10px;padding-top:0;padding-bottom:0px;font-size:12px;}
.partner{
	padding:10px;
	margin-bottom:10px;
	}
.pantner-name{font-size:22px;font-weight:bold;}
.seemore{font-size:16px;margin-top:5px;margin-bottom:10px;text-align:right;padding:5px;}
.seemoretext{
	background:url(/img/arrow-yellow.gif) no-repeat right;
	font-size:14px;
	text-indent:15px;
	font-weight:bold;
	text-align:right;
	padding-right:20px;
	margin-right:10px;
}
.lesson-list{
	padding-top:5px;
	padding-bottom:5px;
	line-height:25px;
}

.store-top-item{
	float:left;
	width:150px;
	font-size:12px;
	max-height: 290px;
	text-align:center;
	padding:2px;
	margin:2px;
}
.storeitems{
	float:left;
	width:158px;
	font-size:12px;
	height: 210px;
	text-align:center;
	padding:2px;
	margin:2px;
	border:1px solid #e1e1e1;
}
.topimage{
	background:url(/img/top-image.jpg) no-repeat center;
	height:200px;
	margin-bottom:10px;
	
}
.ntd{font-size:14px;line-height:140%; border-bottom: 1px dotted #cccccc;}
.nth{font-size:14px;line-height:140%; background: #EFEFEF; border-left: 2px solid #FF0033;}

#pager{
	text-align:center;
	font-size:14px;
	margin-bottom:10px;
}
#pager a{
	border:1px solid #e1e1e1;
	background:#f1f1f1;
	padding:5px;
}
#search-select{
	font-size:12px;
	margin-top:5px;
	margin-bottom:5px;
	background-color:#f1f1f1;
	height:30px;
	clear:both;
}
#search-select form{
	margin:0px;	padding:0px;
}
#search-left{
	float:left;
}
#search-right{
	float:right;
}