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

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

body{
	text-align:center;
	background-color:#f5f5f5;
}


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

#header{
	width:860px;
	height:100px;
	padding:25px 50px;
	margin:0 0 100px;
	
	position:fixed;
	z-index:4;
}

#main{
	width:860px;
	height:auto;
	padding:200px 50px 0;
	margin:0 0 30px;
	
	position:relative;
	z-index:2;
}

#main_sec{
	width:860px;
	height:auto;
	padding:50px;
	margin:0;
	
	position:relative;
	z-index:2;
}

div#footer{
	width:860px;
	height:auto;
	padding:35px 50px 45px;
	margin:0;
	
	position:relative;
	z-index:3;
}


/* header
------------------------------------------------------------ */
#header{
	background: rgba(255,255,255,1);
}

#header h1{
	display:block;
	padding:0;
	margin:0;
	float:left;
}

#header h1 a{
	display:block;
	padding:0;
	margin:0;
	width:167px;
	height:101px;
	background:url(../img/header_h1.png) 0 0 no-repeat;
	background-color:none;
	text-indent:-9999px;
	outline:none;
}

#header p#dates{
	display:block;
	padding:0;
	margin:0;
	width:315px;
	height:31px;
	background:url(../img/header_dates.png) 0 0 no-repeat;
	background-color:none;
	text-indent:-9999px;
	float:right;
}

/* mn
------------------------------ */
ul#mn{
	float:right;
	width:640px;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	text-align:right;
	
	position:absolute;
	bottom:20px;
	right:50px;
}

ul#mn li{
	display:inline;
}

ul#mn li a{
	font-size:12px;
	background:none;
	text-decoration:none;
}

ul#mn li a:hover{
	background:none;
	color:#999;
}



/* main
------------------------------------------------------------ */


/* cnt
------------------------------ */
div.cnt{
	width:860px;
	padding:0;
	margin:0 0 150px;
	position:relative;
}

div.leftwrap{
	float:left;
}

div.rightwrap{
	float:right;
}


/* lead
------------------------------ */
div.lead{
	width:860px;
	height:550px;
	margin:0 0 80px;
}

div.lead img{
	margin:0;
	padding:0;
	float:left;
}

div.lead p{
	display:block;
	width:407px;
	height:550px;
	margin:0;
	padding:0;
	background:url(../img/lead_txt.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	float:right;
}

/* social_btn
------------------------------ */
#sb_area{
	height:20px;
	width:860px;
	text-align:center;
}

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

.facebook_like_btn_box{
	width: 48%;
	margin: 0;
	padding: 0;
	text-align: right;
	float: left;
}
.facebook_like_btn{
	float: right;
}

.twtr_sb_box{
	width: 48%;
	margin: 0;
	padding: 0;
	text-align: left;
	float: right;
}
#twtr_sb{
	float: left;
}

.hatena-bookmark-button{
	padding:0;
	margin:0;
}


/* project
------------------------------ */
dl{
	letter-spacing:0.1em;
	margin-top:30px;
}

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

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


/* アクセス
------------------------------ */
#access{
	position:relative;
}
div#access h3{
	font-size: 18px;
	margin:0;
	padding:0;
}

div#access p{
	margin-top:0;
	padding-top:5px;
	font-size: 14px;
}
#access_text{
	position:absolute;
	top:68px;
	left:580px;
}

/* 主催・後援・協力
------------------------------ */
#outline_wrap{
	width:576px;
	margin:0 142px 150px;
}

ul.outline {
	width:300px;
	white-space:nowrap;
	margin: 0 auto;
}

ul.outline li{
	margin:4px 4px 16px;
	font-size:14px;
	display:block;
	line-height: 1em;
}

ul.outline li a{
	width:300px;
	height:14px;
	display:block;
	padding:0 0 0 15px;
	margin-bottom:0;
	color:#000;
	background:url(../img/arrow_01.gif) 0 2px #FFF no-repeat;
	text-decoration:none;
}

ul.outline li a:hover{
	background:url(../img/arrow_01.gif) 0 -8px #FFF no-repeat;
}


/* main_sec
------------------------------------------------------------ */
#main_sec{
	border-top:1px solid #ededed;
}

#main_sec div.cnt{
	width:860px;
	padding:0;
	margin:0 0 50px;
	position:relative;
}

#main_sec h2{
	font-size:14px;
	margin-top:50px;
}

.cnt_sec_01{
	float:left;
	width:415px;
	margin-right:30px;
}

/* blog
------------------------------ */
ul#blog{
}

ul#blog li{
	margin-bottom:8px;
}

ul#blog li span{
	margin-bottom:4px;
	font-size:10px;
}

ul#blog li a{
	background:none;
	color:#333;
	text-decoration:none;
}

ul#blog li a:hover{
  background-color:#AC1;
  text-decoration: none;
}

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

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

#archives ul li{
	padding:0;
	margin:0 10px 0 0;
	font-size:14px;
	line-height:1.6em;
	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.alk13{background-color:transparent; color: #C96;}
a.alk13:hover{background-color: #CC9; color:#000;}

a.alk14{background-color:transparent; color:#000;}
a.alk14:hover{background-color: #000; color:#fff;}

a.alk15{background-color:transparent; color:#000;}
a.alk15:hover{background-color: #f33; color:#fff;}

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

a.kad14{background-color:transparent; color:#000;}
a.kad14:hover{background-color:#e1ebf9; color:#000;}

a.kad15{background-color:transparent; color:#000;}
a.kad15:hover{background-color:#4884a6; color:#fff;}

/* お問い合わせ情報
------------------------------ */
.contact_information h2{

}
.contact_information h3{
	font-size: 15px;
}
.contact_information p{
	font-size: 16px;

}

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

div#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;
	text-decoration:none;
}

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


/* footer
------------------------------------------------------------ */
div#footer{
	border-top:1px solid #ededed;
}

div#footer address{
	color:#000;
	padding:20px;
	font-style:normal;
	text-align:center;
}


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

.sub{
	font-size:0.8em;
}

/* clearfix
------------------------------------------------------------ */
div.lead:after,
div#header:after,
div#main:after,
ul#mn:after,
div.cnt:after,
.clearfix:after{
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}