@charset "UTF-8";
/*八戸青年会議所のwebサイト CSS Document */

/* CSS Document */

/* CSS Document */
/*[CSS設定項目]-----

01.全体的な設定
02.header
03.menu
04.conteinar
05.contents
05-1.list
05-2.table
05-3.font-style
06.footer
*/

/*01.全体的な設定*/
* {
	margin : 0;
	padding : 0;
	color : #333333;
	font-size:14px;
	font-style : normal;
	font-weight : normal;
	font-family :Helvetica, sans-serif, "Hiragino Kaku Gothic Pro", "Osaka", "lroSVbN";
	line-height : 180%;
	text-decoration : none;
}

html{
	height:100%;
	background-color:#F3F3F3;
	margin : 0;
	padding : 0;
}

img {
	/*behavior:url(iepngfix.htc);*/
}

a img { 
	border:0;
}

body {
	background-color:#FFFFFF;
	text-align:center;
	width:100%;
	behavior : url ("/js/csshover.htc");
	margin : 0;
	padding : 0;
}

hr {
	visibility:hidden;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-table;
}

/*Hides from IE-mac*/
* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}
/*END hides from IE-mac*/

.left {
	float:left;
}

.right {
	float:right;
}

.clear  {
	clear:both;
}

a {
	outline:0;
}

a,a:link {
	color:#0097D7;
	text-decoration:underline;
}

a:visited {
	color:#0097D7;
}

a:hover {
	color:#BAE2EF;
}

.wrap {
	position:relative;
	width:970px;
	height:auto;
	margin: 0 auto;
	padding:0px 0px;
	text-align: left;
}

#wrap_header {
	position:relative;
	width:100%;
	height:120px;
	margin: 0 auto;
	padding:0px 0px;
	text-align: left;
	background-position:center;
	background-repeat:repeat-y;
	text-align:center;
}

* html #wrap_header {
	position:relative;
	width:100%;
	height:120px;
	margin: 0 auto;
	padding:0px 0px;
	text-align: left;
	background-image:url(../img/bg/bg_01.png);
	background-position:center;
	background-repeat:repeat-y;
	/*behavior: url(/js/iepngfix.htc);*/
	text-align:center;
}

#wrap_gn {
	position:relative;
	width:100%;
	height:50px;
	margin: 0 auto;
	padding:0px 0px;
	text-align:center;
	z-index:1;
}

#wrap_flash {
	position:relative;
	width:100%;
	height:300px;
	margin: 0 auto;
	padding:0px 0px;
	text-align:center;
	z-index:1;
}

#wrap_image {
	position:relative;
	width:100%;
	height:150px;
	margin: 0 auto;
	padding:0px 0px;
	text-align:center;
	z-index:1;
}

#container {
	position:relative;
	width:910px;
	height:auto;
	min-height:300px;
	margin: 0 auto;
	padding:30px 30px;
	background-image:url(../img/bg/bg_01.png);
	_background-image:url(../img/bg/bg_01.gif);
	background-position:center;
	background-repeat:repeat-y;
}

#wrap_footer {
	position:relative;
	width:100%;
	height:75px;
	margin: 0 auto;
	padding:0px 0px;
	text-align:center;
	background-color:#F3F3F3;
}

* html #wrap_footer {
	position:relative;
	width:100%;
	height:75px;
	margin: 0 auto;
	padding:0px 0px;
	text-align:center;
	background-color:#F3F3F3;
	background-image:url(../img/bg/bg_01.png);
	background-position:center;
	background-repeat:repeat-y;
	/*behavior: url(/js/iepngfix.htc);*/
}

/*02.header*/
#header {
	position:relative;
	width:950px;
	height:120px;
	margin: 0 auto;
	padding:0px 10px;
	text-align: left;
	background-image:url(../img/bg/bg_01.png);
	background-position:center;
	background-repeat:repeat-y;
	/*behavior: url(/js/iepngfix.htc);*/
}

a#logo {
	display:block;
	width:300px;
	height:65px;
	margin:30px 0 0 20px;
	float:left;
	background-image:url(../img/common/logo.png);
	background-repeat:no-repeat;
	text-decoration:none;
	/*behavior: url(/js/iepngfix.htc);*/
}

a#logo a:hover {
	display:block;
	width:210px;
	height:50px;
	margin-left:20px;
	margin-top:70px;
	margin-bottom:0px;
	float:left;
	background-image:url(../img/common/logo.png);
	background-repeat:no-repeat;
	text-decoration:none;
	/*behavior: url(/js/iepngfix.htc);*/
}

#logo em,
object em {
	visibility:hidden;
	text-decoration:none;
	font-size:5px;
	line-height:5px;
}

#head_navi {
	float:right;
	clear:right;
	text-align:right;
	display:block;
	margin:30px 10px 10px 0;
}

#head_navi li {
	float:left;
	display:block;
	height:25px;
	list-style:none;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}

.top a {
	display:block;
	width:45px;
	height:25px;
	font-size:10px;
	text-decoration:none;
	text-align:left;
	color:#666666;
	margin-right:10px;
	padding-top:3px;
	padding-left:25px;
	background-image:url(../img/common/top_btn.png);
	background-position:left;
	background-repeat:no-repeat;
	/*behavior: url(/js/iepngfix.htc);*/
}

.top a:hover {
	display:block;
	width:45px;
	height:25px;
	font-size:10px;
	text-decoration:none;
	text-align:left;
	color:#0090D5;
	margin-right:10px;
	padding-top:3px;
	padding-left:25px;
	background-image:url(../img/common/top_over.png);
	background-position:left;
	background-repeat:no-repeat;
	/*behavior: url(/js/iepngfix.htc);*/
}

.link a {
	display:block;
	width:45px;
	height:25px;
	font-size:10px;
	text-decoration:none;
	text-align:left;
	color:#666666;
	margin-right:10px;
	padding-top:3px;
	padding-left:25px;
	background-image:url(../img/common/link_btn.png);
	background-position:left;
	background-repeat:no-repeat;
	/*behavior: url(/js/iepngfix.htc);*/
}

.link a:hover {
	display:block;
	width:45px;
	height:25px;
	font-size:10px;
	text-decoration:none;
	text-align:left;
	color:#0090D5;
	margin-right:10px;
	padding-top:3px;
	padding-left:25px;
	background-image:url(../img/common/link_over.png);
	background-position:left;
	background-repeat:no-repeat;
	/*behavior: url(/js/iepngfix.htc);*/
}

.sitemap a {
	display:block;
	width:45px;
	height:25px;
	font-size:10px;
	text-decoration:none;
	color:#666666;
	padding-top:3px;
	padding-left:25px;
	background-image:url(../img/common/sitemap_btn.png);
	background-position:left;
	background-repeat:no-repeat;
}

.sitemap a:hover {
	display:block;
	width:45px;
	height:25px;
	font-size:10px;
	text-decoration:none;
	color:#0090D5;
	padding-top:3px;
	padding-left:25px;
	background-image:url(../img/common/sitemap_over.png);
	background-position:left;
	background-repeat:no-repeat;
	/*behavior: url(/js/iepngfix.htc);*/
}

#textsize {
	float:right;
	clear:right;
	display:block;
	width:150px;
	height:30px;
	text-align:right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#textsize span {
	text-decoration:none;
	visibility:hidden;
}

#textsize li {
	float:left;
	width:30px;
	height:30px;
	list-style:none;
}

#textsize li#txt {
	text-align:left;
	width:60px;
	height:15px;
}

#txt small {
	display:block;
	width:55px;
	font-size:9px;
	background-position:left 1px;
	background-repeat:no-repeat;
	margin-top:8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.small a {
	display:block;
	width:30px;
	height:30px;
	text-decoration:none;
	background-image:url(../img/common/small_01.png);
	background-position:center;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.middle a {
	display:block;
	width:30px;
	height:30px;
	text-decoration:none;
	background-image:url(../img/common/middle_02.png);
	background-position:center;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.large a {
	display:block;
	width:30px;
	height:30px;
	text-decoration:none;
	background-image:url(../img/common/large_01.png);
	background-position:center;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.small a:hover {
	display:block;
	width:30px;
	height:30px;
	text-decoration:none;
	background-image:url(../img/common/small_02.png);
	background-position:center;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.middle a:hover {
	display:block;
	width:30px;
	height:30px;
	text-decoration:none;
	background-image:url(../img/common/middle_02.png);
	background-position:center;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.large a:hover {
	display:block;
	width:30px;
	height:30px;
	text-decoration:none;
	background-image:url(../img/common/large_02.png);
	background-position:center;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

/*03.menu*/
#gloval_navi {
	position:relative;
	width:950px;
	height:50px;
	margin: 0 auto;
	padding:0px 10px;
	background-image:url(../img/bg/bg_01.png);
	background-position:center;
	background-repeat:repeat-y;
	/*behavior: url(/js/iepngfix.htc);*/
}

#gloval_navi ul {
	width:950px;
	height:50px;
	margin:0;
	padding:0;
	display:block;
	background-image:url(../img/bg/gn_bg.png);
	background-position:center;
	background-repeat:no-repeat;
	/*behavior: url(/js/iepngfix.htc);*/
	list-style:none;
}

#gloval_navi li {
	float:left;
	width:190px;
	height:50px;
	list-style:none;
}

#gloval_navi a {
	text-decoration:none;
	text-indent:-9999px;
}

#gn_01 a {
	display:block;
	width:190px;
	height:50px;
	background-image:url(../img/navi/gn_01.png);
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer;
}

#gn_01 a:hover {
	display:block;
	width:190px;
	height:50px;
	background-image:url(../img/navi/go_01.png);
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer;
}

#gn_02 a {
	display:block;
	width:190px;
	height:50px;
	background-image:url(../img/navi/gn_02.png);
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer;
}

#gn_02 a:hover {
	display:block;
	width:190px;
	height:50px;
	background-image:url(../img/navi/go_02.png);
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer;
}

#gn_03 a {
	display:block;
	width:190px;
	height:50px;
	background-image:url(../img/navi/gn_03.png);
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer;
}

#gn_03 a:hover {
	display:block;
	width:190px;
	height:50px;
	background-image:url(../img/navi/go_03.png);
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer;
}

#gn_04 a {
	display:block;
	width:190px;
	height:50px;
	background-image:url(../img/navi/gn_04.png);
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer;
}

#gn_04 a:hover {
	display:block;
	width:190px;
	height:50px;
	background-image:url(../img/navi/go_04.png);
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer;
}

#gn_05 a {
	display:block;
	width:190px;
	height:50px;
	background-image:url(../img/navi/gn_05.png);
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer;
}

#gn_05 a:hover {
	display:block;
	width:190px;
	height:50px;
	background-image:url(../img/navi/go_05.png);
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer;
}

#gn_contact a {
	display:block;
	width:150px;
	height:40px;
	background-image:url(../img/navi/contact_btn.png);
	background-repeat:no-repeat;
	text-decoration:none;
}

#gn_contact a:hover {
	display:block;
	width:150px;
	height:40px;
	background-image:url(../img/navi/contact_over.png);
	background-repeat:no-repeat;
	text-decoration:none;
}

#local_navi {
	width:220px;
	margin:0 0 20px 0;
}

#local_navi li {
	display:block;
	width:220px;
	height:30px;
	border-bottom:#999999 dotted 1px;
	list-style:none;
	margin: 10px 0 0 0;
	;
}

#local_navi a {
	display:block;
	width:200px;
	height:30px;
	padding:5px 0 0 20px;
	color:#333333;
	font-size:10px;
	text-decoration:none;
	background-image:url(../img/list/caption01.png);
	background-repeat:no-repeat;
	background-position:left 8px;
}

#local_navi a:hover {
	display:block;
	width:200px;
	height:30px;
	padding:5px 0 0 20px;
	color:#0090D5;
	background-image:url(../img/list/caption02.png);
	background-repeat:no-repeat;
	background-position:left 8px;
	font-size:10px;
	text-decoration:none;
}

/*04.container*/
#flash {
	position:relative;
	width:950px;
	height:300px;
	margin: 0 auto;
	padding:0px 10px;
	background-image:url(../img/bg/bg_01.png);
	background-position:center;
	background-repeat:repeat-y;
	/*behavior: url(/js/iepngfix.htc);*/
}

#image {
	position:relative;
	width:950px;
	height:150px;
	margin: 0 auto;
	padding:0px 10px;
	background-image:url(../img/bg/bg_01.png);
	background-position:center;
	background-repeat:repeat-y;
	/*behavior: url(/js/iepngfix.htc);*/
}

#container {
	position:relative;
	width:910px;
	height:auto;
	min-height:300px;
	margin: 0 auto;
	padding:30px 30px;
	background-image:url(../img/bg/bg_01.png);
	background-position:center;
	background-repeat:repeat-y;
	/*behavior: url(/js/iepngfix.htc);*/
}

* html #container {
	position:relative;
	width:940px;
	height:auto;
	min-height:300px;
	margin: 0 auto;
	padding:30px 0 ;
	background-image:url(../img/bg/bg_01.png);
	background-position:center;
	background-repeat:repeat-y;
	/*behavior: url(/js/iepngfix.htc);*/
}


#container_foot {
	clear:both;
	height:20px;
	width:auto;
	text-align:right;
	font-size:80%;
	margin:10px 0;
}

body#index #main {
	width:650px;
	height:auto;
	float:left;
	margin: 0px 0 0 0;
}

body#index #side {
	width:220px;
	height:auto;
	float:right;
	margin:0px 0 0 0;
}

body#about #main,
body#activity #main,
body#meeting #main,
body#information #main,
body#link #main,
body#blog_executive #main {
	width:650px;
	height:auto;
	float:right;
}

body#about #side,
body#activity #side,
body#meeting #side,
body#information #side,
body#link #side,
body#blog_executive #side {
	width:220px;
	height:auto;
	float:left;
	margin:0 0px 0 0;
}

* html body#about #side,
* html body#activity #side,
* html body#meeting #side,
* html body#information #side,
* html body#link #side,
* html body#blog_executive #side {
	width:220px;
	height:auto;
	float:left;
	margin:0 0px 0 15px;
}

#pan {
	width:910px;
	height:20px;
	padding:0;
	margin:0 0 20px 0;
}

* html #pan {
	width:910px;
	height:20px;
	padding:0 15px;
	margin:30px 0 20px 0;
}

/*05.contents*/
body#activity #image h1 {
	width:950px;
	height:150px;
	background-image:url(../img/flash/activity.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

body#meeting #image h1 {
	width:950px;
	height:150px;
	background-image:url(../img/flash/meeting.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

body#information #image h1 {
	width:950px;
	height:150px;
	background-image:url(../img/flash/info.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

body#blog_executive #image h1 {
	width:950px;
	height:150px;
	background-image:url(../img/flash/blog_executive.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#image h1 em {
	visibility:hidden;
}

#news,
#activity_i,
#activity_r,
#meet_i,
#meet_r,
#info,
#link_i,
#detail {
	width:650px;
	height:auto;
	margin:0 0 30px 0;
	clear:both;
}

#about .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/about.png);
	background-position:left;
	background-repeat:no-repeat;
}

#activity_i .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/activity_i.png);
	background-position:left;
	background-repeat:no-repeat;
}

#activity_r .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/activity_r.png);
	background-position:left;
	background-repeat:no-repeat;
}

#chief .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/chief.png);
	background-position:left;
	background-repeat:no-repeat;
}

#concept .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/concept.png);
	background-position:left;
	background-repeat:no-repeat;
}

#disc .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/disc.png);
	background-position:left;
	background-repeat:no-repeat;
}

#equal .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/equal.png);
	background-position:left;
	background-repeat:no-repeat;
}

#info .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/info.png);
	background-position:left;
	background-repeat:no-repeat;
}

#link .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/link.png);
	background-position:left;
	background-repeat:no-repeat;
}

#meet_i .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/meet_i.png);
	background-position:left;
	background-repeat:no-repeat;
}

#meet_r .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/meet_r.png);
	background-position:left;
	background-repeat:no-repeat;
}

#member .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/member.png);
	background-position:left;
	background-repeat:no-repeat;
}

#membership .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/membership.png);
	background-position:left;
	background-repeat:no-repeat;
}

#news .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/news.png);
	background-position:left;
	background-repeat:no-repeat;
}

#official .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/official.png);
	background-position:left;
	background-repeat:no-repeat;
}

#opinion .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/opinion.png);
	background-position:left;
	background-repeat:no-repeat;
}

#organization .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/organization.png);
	background-position:left;
	background-repeat:no-repeat;
}

#plan .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/plan.png);
	background-position:left;
	background-repeat:no-repeat;
}

#privacy .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/privacy.png);
	background-position:left;
	background-repeat:no-repeat;
}

#contact .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/contact.png);
	background-position:left;
	background-repeat:no-repeat;
}

#sitemap .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/sitemap.png);
	background-position:left;
	background-repeat:no-repeat;
}

#worker .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/worker.png);
	background-position:left;
	background-repeat:no-repeat;
}

#love .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/love.png);
	background-position:left;
	background-repeat:no-repeat;
}

#attractive .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/attractive.png);
	background-position:left;
	background-repeat:no-repeat;
}

#schedule .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/calendar.png);
	background-position:left;
	background-repeat:no-repeat;
}

#committee .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/committee.png);
	background-position:left;
	background-repeat:no-repeat;
}

#website .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/web.png);
	background-position:left;
	background-repeat:no-repeat;
}

#blog .cap h2{
	width:650px;
	height:40px;
	background-image:url(../img/caption/blog.png);
	background-position:left;
	background-repeat:no-repeat;
}

#archive .cap h2 {
	width:650px;
	height:40px;
	background-image:url(../img/caption/archive.png);
	background-position:left;
	background-repeat:no-repeat;
}

#detail .cap h2 {
	border-left:#0097D7 3px solid;
	font-size:14px;
	font-weight:bold;
	padding:5px 5px 0px 8px;
	height:30px;
}

#about cap h3 {
	width:220px;
	height:25px;
	background-image:url(../img/local/about.png);
	background-position:left;
	background-repeat:no-repeat;
}

#activity #local_navi h3 {
	width:220px;
	height:25px;
	background-image:url(../img/local/activity.png);
	background-position:left;
	background-repeat:no-repeat;
}

#meeting #local_navi h3 {
	width:220px;
	height:25px;
	background-image:url(../img/local/meet.png);
	background-position:left;
	background-repeat:no-repeat;
}

#information #local_navi h3 {
	width:220px;
	height:25px;
	background-image:url(../img/local/info.png);
	background-position:left;
	background-repeat:no-repeat;
}

#link #local_navi h3 {
	width:220px;
	height:25px;
	background-image:url(../img/local/link.png);
	background-position:left;
	background-repeat:no-repeat;
}

#member .cap h3 {
	width:220px;
	height:25px;
	background-image:url(../img/local/member.png);
	background-position:left;
	background-repeat:no-repeat;
}

#blog_executive #detail h3 {
	color:#999999;
	font-size:200%;
	font-family:"Times New Roman", Times, serif!important;
	margin:20px 0 10px 0;	
}

#login .cap h3 {
	width:220px;
	height:25px;
	background-image:url(../img/local/login.png);
	background-position:left;
	background-repeat:no-repeat;
}

#blog .cap h3 {
	width:220px;
	height:25px;
	background-image:url(../img/local/blog.png);
	background-position:left;
	background-repeat:no-repeat;
}

#blog_executive #detail h4 {
	font-size:120%;
	display:block;
	padding:0px 0px 0 20px;
	margin:1px 0 0 0;
	background-image:url(../img/list/caption06.png);
	background-position:left;
	background-repeat:no-repeat;
	border-bottom:#CCCCCC 1px solid;
}

#blog_executive #side h5 {
	font-size:110%;
	font-weight:bold;
	display:block;
	padding:3px 0px 3px 0px;
	margin:0px 0 20px 0;
	border-bottom:#0097D7 1px solid;
}

#blog_executive #side h6 {
	font-size:100%;
	display:block;
	padding:0px 0px 0 20px;
	margin:1px 0 10px 0;
	background-image:url(../img/list/caption06.png);
	background-position:left;
	background-repeat:no-repeat;
}

#blog_executive #side ul {
	list-style:none;
	margin:5px 0 5px 10px;
}

#blog_executive #side {
	padding:0 0 10px 0;
	border-bottom:#CCCCCC 1px dotted;
}

#pan, #pan p {
	color:#333333;
	font-size:10px;
}

#pan a {
	font-size:10px;
	color:#999999;
	text-decoration:none;
}

#pan a:hover {
	color:#0097D7;
	text-decoration:none;
}

.cap {
	display:block;
	margin:0 0 15px 0;
}

.body {
	clear:both;
	padding:10px 5px;
}

#login {
	margin:0 0 20px 0;
	border-bottom:#CCCCCC 1px dotted;
}

#login .body {
	clear:both;
	height:auto;
	padding:0px 10px 10px 10px;
	overflow:hidden;
}

#login .foot {
	clear:both;
	border-bottom:#CCCCCC 1px dotted;
}

#login dl {
	margin:10px 0 0 0;
}

#login dt{
	display:block;
	float:left;
	clear:left;
	width:65px;
	margin:3px 0 10px 0;
	padding:0px 0 0 15px;
	background-image:url(../img/list/caption02.png);
	background-position:left;
	background-repeat:no-repeat;
	font-size:11px;
}

#login dd {
	display:block;
	float:right;
	clear:right;
	width:95px;
	margin:0 0 10px 0;
	text-align:right;
	font-size:11px;
}

#login dt.left{
	width:100px;
	margin:0 0 3px 0;
	padding:3px 0 0 0;
	background-image:none;
	background-repeat:no-repeat;
	font-size:10px;
	overflow:hidden;
}

#login dd.right {
	width:50px;
	margin:0 5px 3px 5px;
	text-align:right;
	font-size:11px;
}

span.felse {
	visibility:hidden ;
}

.topic_box {
	height:150px;
	margin:0px 0 15px 0;
	padding:0px 0 0 0px;
	border-bottom:#CCCCCC dotted 1px;
}

.topic_box img {
	max-width:120px;
	max-height:120px;
	border:1px solid #CCCCCC;
	padding:4px;
}

.topic_box div.entry {
	width:500px;
	float:right;
}

.topic_box div.entry h2 {
	width:420px;
	height:25px;
	margin:0 0 5px 0;
}

div.entry h2 a,
div.entry h2 a:hover {
	font-size:14px;
	text-decoration:none;
}

.topic_box div.entry div.left {
	width:80px;
	font-size:14px;
	color:#999999;
}

.topic_box div.entry div.right {
	width:420px;
}

.topic_box div.entry div.detail {
	text-align:right;
	margin:5px 0 0 0;
}

.topic_box div.entry div.detail a {
	color:#F37121;
}

.topic_box div.entry div.detail a:hover {
	color:#F9B890;
}

.program_box {
	height:150px;
	margin:10px 0 15px 0;
	padding:0px 0 0 5px;
	border-top:1 px solid #999999;
	border-bottom:#CCCCCC dotted 1px;
}

.program_box  dt {
	margin:10px 0 10px 0;
}

.program_box dd {
	margin:5px 0 5px 0;
}

.program_box dd a{
}

.program_box dt a {
	font-size:15px;
	color:0090D5;
	text-decoration:none;
}

.program_box dt a:visited {
	font-size:15px;
	color:0090D5;
	text-decoration:none;
}

#banner {
	width:220px;
}

#banner a {
	display:block;
	width:220px;
	height:70px;
	margin:0px 0 10px 0;
}

img.banner {
	width:220px;
	height:70px;
}

#banner img {
	width:220px;
	height:auto;
	outline:none;
	margin:0px 0px 15px 0px;
	border:none;
}

#entry_body, #entry_more {
	margin:10px 10px 30px 10px;
	width:630px;
	text-indent:1em;
}

#entry_body img,#entry_more img {
	max-width:630px;
	border:1px #CCCCCC solid;
	padding:4px;
}

#entry_body img:hover,#entry_more img:hover {
	max-width:630px;
	border:1px #0097D7 solid;
	padding:4px;
}

#entry_pict {
	margin:10px 0 10px 0;
	width:650px;
}

div#entry_pict a img{
	width:190px;
	padding:4px;
	border:1px #CCCCCC solid;
	margin:0 0 10px 10px;
	float:left;
}

div#entry_pict a img:hover{
	width:190px;
	padding:4px;
	border:1px #0097D7 solid;
	margin:0 0 10px 10px;
	float:left;
}

#entry_more ul {
	margin:20px 0 20px 50px;
}

.index #coments {
	text-align:right;
	padding:0 0 10px 0;
	border-bottom:#CCCCCC dotted 1px;
	margin:20px 10px 50px 10px;
	width:630px;
	clear:both;
}

div.widget-content {
	margin:10px 0;
}


#comments-open-data label{
	display:block;
	width:250px;
}

#comment-form-name,#comment-form-email,#comment-form-url,#comment-form-remember-me,#comment-form-reply,#comments-open-text{
	margin:10px 0;
}

#comments-open-footer {
	padding:5px 0 20px 0;
	border-bottom:#CCCCCC dotted 1px;
	margin:0 0 15px 0;
}

.comments-content, .comments-open-content {
	width:630px;
	margin:10px 10px 30px 10px;
}

.inner {
	margin:10px 0 0 0;
	border-bottom:#CCCCCC dotted 1px;
}

.asset-meta a{
	text-decoration:none;
}
/*カレンダー*/
#eventcalendar table {
	width:94%;
	margin:0 4% 0 3%;
	border-collapse:collapse;
}

#eventcalendar span.date {
	font:Helvetica, sans-serif large bold;
}

#eventcalendar td {
	width:11%;
	padding:1%;
	height:100px;
	border:#CCCCCC solid 1px;
	border-top:#999999 solid 3px;
}

#eventcalendar td.calendarcell1,
#eventcalendar td.calendarcell8,
#eventcalendar td.calendarcell15,
#eventcalendar td.calendarcell22,
#eventcalendar td.calendarcell29,
#eventcalendar td.calendarcell36{
	width:11%;
	padding:1%;
	height:100px;
	border:#CCCCCC solid 1px;
	border-top:#FF0000 solid 3px;
}

#eventcalendar td.calendarcell1 span.date,
#eventcalendar td.calendarcell8 span.date,
#eventcalendar td.calendarcell15 span.date,
#eventcalendar td.calendarcell22 span.date,
#eventcalendar td.calendarcell29 span.date,
#eventcalendar td.calendarcell36 span.date {
	color:#FF0000;
}

#eventcalendar td.calendarcell7,
#eventcalendar td.calendarcell14,
#eventcalendar td.calendarcell21,
#eventcalendar td.calendarcell28,
#eventcalendar td.calendarcell35,
#eventcalendar td.calendarcell42 {
	width:11%;
	padding:1%;
	height:100px;
	border:#CCCCCC solid 1px;
	border-top:#0066FF solid 3px;
}

#calendarTable td.calendarcell7 span.date,
#calendarTable td.calendarcell14 span.date,
#calendarTable td.calendarcell21 span.date,
#calendarTable td.calendarcell28 span.date,
#calendarTable td.calendarcell35 span.date,
#calendarTable td.calendarcell42 span.date  {
	color:#0066FF;
}

#eventcalendar tr {
}

#eventcalendar li {
	list-style:none;
}

#eventcalendar th {
	font-weight:bold;
	text-align:center;
}

#eventcalendar th.sun {
	color:#FF0000;
}

#eventcalendar th.sat {
	color:#0066FF;
}

.sunday,
.holiday,
.holiday a:link,
.holiday a:visited {
    color: #e50003;
}

/*メールフォーム*/
#mailform {
}

#mailform dl,
#mailform dt,
#mailform dd,
form,fieldset,input,textarea,button{
	margin:0;
	padding:0;
	font-size:100%;
}

#mailform dt {
	margin:2px 0 0 0;
	width:150px;
	float:left;
}

#mailform dd {
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	border-bottom:1px dotted #CCCCCC;
}

#mailform dd p{
	text-align:left;
}

#mailform form {
	padding:0;
	width:540px;
}

#mailform fieldset {
	margin:30px 0 50px 0;
	border:none;
}

#mailform input,
#mailform textarea {
	padding:0.2em;
	border:1px solid #aaa;
}

#mailform input {
	width:200px;
}

#mailform textarea {
	width:360px;
	height:200px;
}

#mailform p {
	text-align:center;
	margin:0 auto;
	width:300px;
}

#mailform button {
	padding:3px 5px;
	border-top:3px double #bbb;
	border-right:3px double #666;
	border-bottom:3px double #666;
	border-left:3px double #bbb;
	background:#BAE2EF;
}

#mailform button:active {
	padding:3px 5px;
	border-top:3px double #666;
	border-right:3px double #bbb;
	border-bottom:3px double #bbb;
	border-left:3px double #666;
	background-color:#BAE2EF;
}

#thanks h3 {
	text-align:center;
}
/*---------------------*/
.red {
	color:#FF0000;
}

/*06.footer*/
#footer {
	width:930px;
	height:75px;
	clear:both;
	margin:0 auto;
	padding:0px 20px;
	position:relative;
	background-image:url(../img/bg/bg_01.png);
	background-position:center;
	background-repeat:repeat-y;
	/*behavior: url(/js/iepngfix.htc);*/
}

#footer a,#footer a:hover{
	text-decoration:none;
}

#footer ul {
	display:block;
}

#footer li {
	float:left;
	list-style:none;
	margin:5px 5px 0 0px;
}

#copy {
	font-size:10px;
	margin-top:5px;
	float:right;
	text-align:right;
}
/*Lightbox*/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../img/js/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/js/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/js/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	width:100%;
	overflow:auto;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	

