@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/container_bkgr.jpg) 0 0 repeat #fff;
}


/* structure
-------------------------------------------------------- */
#container{
	width:960px;
	height:auto;
	padding:0;
	margin:80px auto;
	
	text-align:left;
	
	position:relative;
	z-index:1;
	
	border:1px #000 solid;
	background:url(../img/container_bkgr.jpg) 0 0 repeat-y #fff;
}

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

#main{
	width:960px;
	height:auto;
	padding:0;
	margin:0;
		
	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) 0 0 no-repeat #FFF;
	border-bottom:1px #000 solid;
}

#header_wrapper{
	position:absolute;
	
	width:560px;
	height:140px;
	padding:0px;
	margin:0px;
	
	top:40px;
	right:50px;
}

header h1{
	display:block;
	width:274px;
	height:25px;
	padding:0;
	margin:0;
	float:left;
}

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

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

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

#header_day{
	float:right;
}

nav{
	clear:both;
	width:560px;
	margin:0;
	padding:0;
}

ul#glovalNav{
	width:560px;
	margin:28px 0;
	padding:0;
}

ul#glovalNav li{
	height:18px;
	margin:0 0 0 47px;
	padding:0;
	float:left;
	text-indent:-9999px;
}

ul#glovalNav li:first-child{
	margin-left:0;
}


ul#glovalNav li a,
ul#glovalNav li a:link,
ul#glovalNav li a:visited,
ul#glovalNav li a:active{
	height:18px;
	margin:0;
	padding:0;
	background-color:transparent;
	background:none;
	display: block;
}
ul#glovalNav li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

ul#glovalNav li#nav_01{ width:54px;}
ul#glovalNav li#nav_02{ width:70px;}
ul#glovalNav li#nav_03{ width:89px;}
ul#glovalNav li#nav_04{ width:88px;}
ul#glovalNav li#nav_05{ width:70px;}
ul#glovalNav li#nav_01 a{ background:url(../img/nav_01.png) 0 0 no-repeat; width:54px;}
ul#glovalNav li#nav_02 a{ background:url(../img/nav_02.png) 0 0 no-repeat; width:70px;}
ul#glovalNav li#nav_03 a{ background:url(../img/nav_03.png) 0 0 no-repeat; width:89px;}
ul#glovalNav li#nav_04 a{ background:url(../img/nav_04.png) 0 0 no-repeat; width:88px;}
ul#glovalNav li#nav_05 a{ background:url(../img/nav_05.png) 0 0 no-repeat; width:70px;}

ul#subNav{
	width:220px;
	height:12px;
	margin:2px 0 0 0;
	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:right;
	margin:0 -50px 0 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
------------------------------------------------------------ */

#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{
	padding:0;
	margin:40px 50px 50px;
}

#article_wrapper_left{
	padding:0;
	margin:0;
	width:410px;
		
	position:relative;
	float:left;
}

#article_wrapper_right{
	padding:0;
	margin:0;
	width:410px;
		
	position:relative;
	float:right;
}

article{
	padding:30px;
	margin:0 0 40px;
		
	position:relative;
	background: #FFF;
	border:1px #000 solid;
}

.article_txt{
}

.leftwrap{
	float:left;
}

.rightwrap{
	float:right;
}

article h1{
	font-size:14px;
}

.article_size1{width:78px;}
.article_size2{width:258px;}
.article_size2_5{width:348px;}
.article_size3{width:438px;}
.article_size4{width:618px;}
.article_size5{width:798px;}


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

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

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

dl.dl01{
	margin-top:40px;
}

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{
}

/* カレンダー
------------------------------ */

#calendar_wrapper{
	width:800px;
}

#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:427px;
	height:1405px;
	float:right;
	overflow:hidden;
	border-right:1px #ddcfbe solid;
}

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

#draggable{
	width:1123px;
	height:1405px;
	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:#ebe7d7;
	text-decoration: none;
}

/* archives
------------------------------ */
#archives h2{
	margin-bottom:7px;
	font-size:14px;
	font-weight:normal;
}

#archives ul{
	margin:0;
	padding:0;
}

ul#archives_alk{
	margin-bottom:15px;
}

#archives ul li{
	padding:0;
	margin:0 10px 0 0;
	font-size:14px;
	display: inline;
}

#archives ul 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.alk12{background-color:transparent; color:#FFF10D;}
a.alk12:hover{background-color:#FFF10D; 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;}


/* sns
------------------------------ */
#twtr-widget{
}

.fb-like-box{
	margin:0;
	padding:0;
}


/* お問い合わせフォーム
------------------------------ */
#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:860px;
	padding:40px 50px;
	border-top:1px #000 solid;
}

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

#organization p{
	font-size:12px;
}
#organization p:first-child{
	line-height:12px;
}


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

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

/* clearfix
------------------------------------------------------------ */
#article_wrapper:after,
#glovalNav:after,
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;
}