@charset "utf-8";
/* CSS Document */
@import url("./text.css");

html,body,div,img,dl{padding:0; margin:0;}
ul{list-style:none;}

body{
	text-align:center;
	margin:0;
	padding:0;
	background:url(../img/bckground.gif) 0 0 repeat #fff;
}


/* structure
-------------------------------------------------------- */
#container{
	width:960px;
	height:auto;
	padding:0;
	margin:40px auto;
	
	text-align:left;
	
	position:relative;
	z-index:1;
}

header{
	width:960px;
	height:260px;
	padding:0;
	margin:0;
	
	position:relative;
	z-index:4;
}

#main{
	width:960px;
	height:auto;
	padding:0;
	margin:0;
	
	background: url(../img/main_bkgr.gif) 1px 0 repeat-y #FFF;
	border-top:1px #999 dotted;
	
	position:relative;
	z-index:2;
}

#main_calendar{
	width:960px;
	height:auto;
	padding:0;
	margin:0;
	
	background: #FFF;
	border-top:1px #999 dotted;
	
	position:relative;
	z-index:2;
}

footer{
	width:100%;
	padding:0;
	margin:0;
	
	position:relative;
	z-index:3;
}


/* header
----------------------------------------------------------- */
header{
	background: url(../img/header_bkgr.png) 480px 0 no-repeat #FFF;
}

#header_wrapper{
	width:479px;
	height:260px;
	padding:0px;
	margin:0px;
	
	border-right:1px #999 dotted;
}

header h1{
	display:block;
	width:368px;
	height:34px;
	padding:25px 86px 25px 25px;
	margin:0px;

	border-bottom:1px #999 dotted;
}

header h1 a,
header h1 a:link,
header h1 a:visited,
header h1 a:active{
	display:block;
	padding:0;
	margin:0;
	width:368px;
	height:34px;
	outline:none;
	background:none;
	background-color:transparent;
}

header h1 a img{
	background-color:transparent;
}

header h1 a:hover{
	background-color:transparent;
}

nav{
	clear:both;
	width:880px;
	margin:0;
}

ul#glovalNav{
	width:430px;
	height:100px;
	margin:13px 0 17px 25px;
	padding:0;
}

ul#glovalNav li{
	width:143px;
	height:50px;
	margin:0;
	padding:0;
	display: block;
	float:left;
	text-indent:-9999px;
}

ul#glovalNav li:first-child{
}

ul#glovalNav li a,
ul#glovalNav li a:link,
ul#glovalNav li a:visited,
ul#glovalNav li a:active{
	width:143px;
	height:50px;
	margin:0;
	padding:0;
	background-color:transparent;
	background:none;
	display: block;
}

ul#glovalNav li#nav_01 a{ background:url(../img/nav_01.png) 0 0 no-repeat #FFF;}
ul#glovalNav li#nav_02 a{ background:url(../img/nav_02.png) 0 0 no-repeat #FFF;}
/*
ul#glovalNav li#nav_03 a{ background:url(../img/nav_03.png) 0 0 no-repeat #FFF;}
ul#glovalNav li#nav_04 a{ background:url(../img/nav_04.png) 0 0 no-repeat #FFF;}
*/
ul#glovalNav li#nav_05 a{ background:url(../img/nav_05.png) 0 0 no-repeat #FFF;}
ul#glovalNav li#nav_01 a:hover{ background:url(../img/nav_01.png) 0 0 no-repeat #FF0;}
ul#glovalNav li#nav_02 a:hover{ background:url(../img/nav_02.png) 0 0 no-repeat #FF0;}
ul#glovalNav li#nav_03 a:hover{ background:url(../img/nav_03.png) 0 0 no-repeat #FF0;}
ul#glovalNav li#nav_04 a:hover{ background:url(../img/nav_04.png) 0 0 no-repeat #FF0;}
ul#glovalNav li#nav_05 a:hover{ background:url(../img/nav_05.png) 0 0 no-repeat #FF0;}

ul#glovalNav li#nav_03 { background:url(../img/nav_03.png) 0 0 no-repeat #FFF;}
ul#glovalNav li#nav_04 { background:url(../img/nav_04.png) 0 0 no-repeat #FFF;}


ul#glovalNav li a:hover{
	background:transparent;
	color:#ccc;
}

ul#subNav{
	width:220px;
	height:12px;
	margin:2px 0 0 25px;
	padding:0;
	font-size:12px;
	float:left;
}

ul#subNav li{
	margin:0;
	padding:0;
	display: inline;
}

ul#subNav li a{
	background-color:transparent;
}

/* social_btn
------------------------------ */
#sb_area{
	height:20px;
	width:260px;
	float:left;
	margin:0;
}

#sb_area a{
	background-color:#FFF;
}

.facebook_like_btn{
	border:none;
	overflow:hidden;
	width:110px;
	height:20px;

	padding:0;
	margin:0;
}

#twtr_sb{
	display:inline;
	width:90px;
	padding:0;
	margin:0 0 0 2px;
}


/* main
------------------------------------------------------------ */
/* side_nav
------------------------------ */
#side_nav{
	width:300px;
	padding:0;
	margin:0;
		
	float:left;
}

#organization{
	font-size:12px;
}

.side_cnt{
	width:260px;
	
	padding:20px 20px 20px;
	border-top:1px #999 dotted;
}

.side_cnt:first-child{
	border:none;
}

#page_link li{
	font-size:16px;
	padding-bottom:3px;
}

/* twitter
------------------------------ */
.twtr-doc{
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	/* behavior: url("/css/PIE.htc"); */
}

.twtr-hd{
	margin-top:0;
	padding-top:10px;
	padding-bottom:5px;
}

.twtr-ft{
}

/* facebook
------------------------------ */
.fb-like-box{
	background-color:#fff;
	margin-bottom:20px;
}


/* cnt
------------------------------ */
#article_wrapper{
	width:660px;
	float:right;
	
	padding:0;
	margin:0;
}

article{
	width:660px;
	padding:0;
	margin:0 0 60px;
		
	position:relative;
	background: #FFF;
	border-top:1px #999 dotted;
}

article:first-child{
	border:none;
}

.article_txt{
	margin-left:16px;
	margin-right:16px;
}

.leftwrap{
	float:left;
}

.rightwrap{
	float:right;
}

article h2{
	display:block;
	width:628px;
	height:16px;
	padding:16px;
	
	/*border-bottom:1px #CCC dotted;*/
	background:#f4f4f4;
}


/* project
------------------------------ */
dl{
	font-size:14px;
	line-height:1.4em;
	letter-spacing:0.1em;
}

dl dt{
	float:left;
	width:4.5em;
	padding:0 0 17px;
	margin:0;
	white-space:nowrap;
}

dl dd{
	padding:0 0 17px 4.5em;
	margin:0;
}

dl.dl02 dt{
	float:left;
	width:8.5em;
	padding:0 0 17px;
	margin:0;
	white-space:nowrap;
}

dl.dl02 dd{
	padding:0 0 17px 8.5em;
	margin:0;
}

li{
	line-height:1.4em;
}

/* アクセス
------------------------------ */
#access{
	margin-bottom:40px;
}

#access_txt{
}

#access h4{
	margin:0;
	padding:0;
}

#access p{
}

/* アクセス
------------------------------ */
#article_wrapper_calendar{
	width:860px;
	
	padding:0;
	margin:0;
}

#article_wrapper_calendar article{
	width:860px;
	background:#fff;
	margin:0;
	padding:10px 50px 50px;
}

#article_wrapper_calendar article h2{
	width:860px;
	background:#fff;
	padding:25px 0 15px;
}

#calendar_wrapper{
	width:860px;
}

#calendar_wrapper ul{
	list-style:none;
	width:372px;
	float:left;
}

#calendar_wrapper ul,
#calendar_wrapper ul li,
#calendar_wrapper ul li a,
#calendar_wrapper ul li a img{
	margin:0;
	padding:0;
	border:none;
	line-height:0;
}

#calendar_wrapper ul li a{
	background:none;
	text-decoration:none;
}

#calendar_wrapper ul li a:hover img{
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	background: #fff;
	text-decoration:none;
}

#calendar_glaph{
	width:487px;
	height:1340px;
	float:right;
	overflow:hidden;
	border-right:1px #000 solid;
}

#jquery-ui-draggable-wrap{
	width:2418px;
	height:1340px;
	margin:0 0 0 -965px;
	padding:0;
	border:0;
	text-align:right;
	background:none;
	cursor:w-resize;
}

#draggable{
	width:1453px;
	height:1340px;
	border:0;
	margin:0;
	padding:0;
}

/* blog
------------------------------ */
.blog{
	padding:0;
}

.blog li{
	margin-bottom:8px;
}

.blog li span{
	margin-bottom:4px;
	font-size:12px;
	color:#999;
}

.blog li a{
	background:none;
	background-color:#fff;
	text-decoration:none;
}

.blog li a:hover{
	background-color:#ff0;
	text-decoration: none;
}

/* archives
------------------------------ */
#archives{
	list-style:none;
	padding:0;
}

#archives li{
	padding:0;
	line-height:1.8em;
	letter-spacing:0.1em;
	display: inline;
}

#archives li a {
	text-decoration:none;
}

a.alk06{background-color:transparent; color:#6FDF8B;}
a.alk06:hover{background-color:#6FDF8B; color:#FFF;}

a.alk07{background-color:transparent; color:#666;}
a.alk07:hover{background-color:#666; color:#FF0;}

a.alk08{background-color:transparent; color:#80CFE2;}
a.alk08:hover{background-color:#80CFE2; color:#000;}

a.alk09{background-color:transparent; color:#EA0052;}
a.alk09:hover{background-color:#EA0052; color:#FFF;}

a.alk10{background-color:transparent; color:#AC1;}
a.alk10:hover{background-color:#AC1; color:#FFF;}

a.alk11{background-color:transparent; color:#fc0;}
a.alk11:hover{background-color:#fc0; color:#000;}

a.kad11{background-color:transparent; color:#BAD900;}
a.kad11:hover{background-color:#FFF; color:#D80182;}

a.kad12{background-color:transparent; color:#000;}
a.kad12:hover{background-color:#FAD1BB; color:#000;}


/* お問い合わせフォーム
------------------------------ */
#contact {
	width: 300px;
	height: 60px;
}

#contact a{
	width: 300px;
	height: 60px;
	margin-top:15px;
	overflow: hidden;
	display:block;
	text-indent:-9999px;
	background:url(../img/btn_mailform.gif) 0 0 no-repeat;
}

#contact a:hover{
	background:url(../img/btn_mailform.gif) 0 -60px no-repeat;
}


/* footer
----------------------------------------------------------- */
footer{
	width:920px;
	padding:20px 20px 21px;
	text-align:right;
	background:#fff;
	border-top:1px #999 dotted;
}

small{
	font-style:normal;
	text-align:right;
	font-size:10px;
	margin:0;
	padding:0;
}


/* etc
----------------------------------------------------------- */

.sub{
	font-size:0.8em;
	line-height:1.2em;
	display:inline-block;
	margin-bottom:6px;
}

/* clearfix
------------------------------------------------------------ */
footer:after,
nav:after,
header:after,
#main:after,
#mn:after,
.lead:after,
article:after,
.cnt_sec:after,
.clearfix:after{
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}