@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	text-justfy:inter-ideograph;
	line-height:1.5em;
}

html,body {
	height:100%;
	margin: 0px auto;
	/*text-align:justify;*/
	text-align:center;
	/*background-color:#444;	グレー*/
	/*background-image:url(../img/main_bg.gif),url(../img/foot_bg.gif);
	background-position:top left,bottom left;
	background-repeat:repeat-x;
		background-image:url(../img/foot_bg.gif)\9; /*IE8*/
		/*background-position:bottom left\9;
		*background-image:url(../img/foot_bg.gif); /*IE7*/
		/**background-position:bottom left;
		_background-image:url(../img/foot_bg.gif); /*IE6*/
		/*_background-position:bottom left;*/
	/*background-image:url(../img/main_bg.gif);
	background-position:top left;
	background-repeat:repeat-x;*/
}

#wrap {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;	
	margin: 0px auto;
	width:960px;
	text-align:left;
}

#container {
	width:960px;
	margin: 0px auto;
}

#contents {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 120px;
	/*background-color:#FF9; 薄い黄色*/
}

/*リンク*/
a:link { color:#06F; text-decoration:none; }
a:visited { color:#06F; text-decoration:none; }
a:hover { color:#00F; text-decoration:underline; }
a:active { color:#00F; text-decoration:underline; } 

.triangle {
	margin-right:5px;
}

.red {
	color: #F00;
}

#jump {
	display: block;
	position: fixed;
	z-index: 999;
	bottom: 30px;
	right: 10px;
	width: 66px;
	padding: 8px;
	font-size: 14px;
	text-align:center;
	color: #ecf0f1;
	background: #F8143D;
	border-radius: 6px;
	border: 3px #fff solid; 
}

#jump a {
	color: #ecf0f1;
	text-decoration: none;
}

#jump a:hover {
	color: #ecf0f1;
	text-decoration: none;
}


/*-----ヘッダー-----*/
#header {
	height:520px;
	/*background-image:url(../img/main_bg.gif);
	background-position:top left;
	background-repeat:repeat-x;*/
}




/*メインビジュアル*/
#main_v {
	width:730px;
	height:491px;
	background-image:url(../img/main_v.jpg?20130219);
	background-position:top left;
	background-repeat:no-repeat;
	/*background:#00F; ブルー
	color:#CCC;*/
}

#main_v h1,
#main_v h2,
#main_v p {
	text-indent:-9999px;
}

/*やる気元気勇気*/
#yaruki {
	position:absolute;
	top:10px;
	left:800px;
	width:150px;
	height:150px;
	z-index:1;
}

#genki {
	float:left;
	position:absolute;
	top:130px;
	left:730px;
	width:150px;
	height:150px;
	z-index:2;
}

#yuuki {
	float:left;
	position:absolute;
	top:254px;
	left:790px;
	width:150px;
	height:150px;
	z-index:3;
}

#message_box {
	clear:both;
	position:absolute;
	top:410px;
	left:730px;
	width:220px;
	height:70px;
	background-image:url(../img/box.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#message_box p {
	font-size:12px;
	padding:10px;
}
/*-----グローバルナビ-----*/
#global_navi {
	height:40px;
	width:940px;
	float:left;
	position:absolute;
	left:10px;
	top:491px;
	background-color:#F00;
}

#global_navi li {
	float:left;
}
/*SNSボタン*/
.snsbtn_area{
	clear:both;
	margin-top:20px;
	padding:10px;
	width:600px;
	height:50px;
}

/*いいねボタン*/
.fb-like {
	width:150px;
	position:relative;
	left:50px;
	top: 5px;
	/*margin-bottom:10px;*/
}

.snsArea .fb-like {
	top: 0;
}

/*つい―とボタン*/
.twitter-share-button,
.twitter-follow-button{
	position: relative;
	left: 20px;
	top:5px;
	/*position:absolute;
	left:200px;
	padding-bottom:10px;*/
}
*:first-child+html .twitter-share-button{
	left:160px;
	top:-20px;
}
*:first-child+html .twitter-follow-button{
	left:160px;
	top:-20px;
}

/*--メインコンテンツ（左ボックス）-----*/
.leftcontents {
		float:left;
		width:710px;
		padding:40px 0 10px 10px;
		/*background-color:#F90; オレンジ*/
}

.box_middle {
	width:700px;
	background-image:url(../img/bg_m.gif);
	background-repeat:repeat-y;
}

.box_bottom {
	width:700px;
	background-image:url(../img/bg_u.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#box_update {
	width:700px;
	background-image:url(../img/bg_update.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-bottom:10px;
	margin-bottom:20px;
}

#box_abiko{
	width:700px;
	background-image:url(../img/bg_abiko.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-bottom:10px;
	margin-bottom:20px;
}

#box_top_report2012 {
	width:700px;
	background-image:url(../img/bg_top_report2012.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-bottom:30px;
	margin-bottom:20px;
}

#box_top_report2012 .monthlylist {
	padding-top:30px;
	padding-bottom:30px;
	margin-left:40px;
}

#box_top_report2012 .monthlylist li {
	float:left;
	display:block;
	width:150px;
}

#box_media_lecture {
	width:700px;
	background-image:url(../img/bg_media2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-bottom:10px;
	margin-bottom:20px;
}

#box_update h3,
#box_abiko h3,
#box_top_report2012 h3,
#box_media_lecture h3{
	text-indent:-9999px;
}

#update_table {
	width:510px;
	margin:20px;
}

*html #update_table {
	width:490px;
	margin:12px;
}

#update_table tr {
border-bottom:#999 1px dotted;
}
#update_table th {
	padding:5px;
	vertical-align:top;
}
#update_table td strong {
	color:#F00;
}
#update_table td span {
	font-weight:bold;
}
#update_table .day_area strong {
	font-size:90%;
	color:#F00;
}
#update_table .thumbnail {
	text-align:center;
	padding:10px 0 0 100px;
}
#update_table .linkbtn {
	margin:5px;
}
#update_table img:hover {
opacity: 0.5;
-ms-filter: "alpha( opacity=50 )";
/*IE8*/	filter: alpha( opacity=50 );　/*IE6,7*/
}

#update_table td {
	padding:5px;
}

.day_area {
	width:100px;
}


/*メディア・講演会出演情報*/
#media_list_area {
	width:670x;
	margin:30px 10px 24px 30px;
	height:240px;
	overflow:auto;
}

#media_list dt {
	text-indent:0.5em;
	padding-top:0.5em;
	font-weight:bold;
	color:#333;
}

#media_list dd {
	text-indent:2em;
}

.small_right_text {
	font-size:90%;
	text-align:right;
}

/*#event_btn_area {
	float:right;
	width:120px;
}*/
/*ご意見･イベント告知･ゆうき部ボタン*/
#member_btn {
	display:block;
	float:right;
	width:120px;
	height:120px;
	margin:0 24px 0 24px;
	text-indent:-9999px;
	background-image:url(../img/btn_member.gif);
	background-repeat:no-repeat;
}

#member_btn:visited{
	background-image:url(../img/btn_member_o.gif);
	background-repeat:no-repeat;
}

#member_btn:hover{
	background-image:url(../img/btn_member_o.gif);
	background-repeat:no-repeat;
}

#member_btn:active{
	background-image:url(../img/btn_member_o.gif);
	background-repeat:no-repeat;
}

#club_report_btn {
	display:block;
	float:right;
	width:120px;
	height:120px;
	margin:0 24px 0 24px;
	text-indent:-9999px;
	background-image:url(../img/btn_clubreport.gif);
	background-repeat:no-repeat;
}

#club_report_btn:visited{
	background-image:url(../img/btn_clubreport_o.gif);
	background-repeat:no-repeat;
}

#club_report_btn:hover{
	background-image:url(../img/btn_clubreport_o.gif);
	background-repeat:no-repeat;
}

#club_report_btn:active{
	background-image:url(../img/btn_clubreport_o.gif);
	background-repeat:no-repeat;
}

#youtube_btn {
	display:block;
	float:right;
	width:120px;
	height:90px;
	margin:0 24px 0 24px;
	text-indent:-9999px;
	background-image:url(../img/btn_movie.gif);
	background-repeat:no-repeat;
}

#event_btn {
	clear:both;
	display:block;
	float:right;
	width:120px;
	height:120px;
	margin:20px 24px 0 24px;
	text-indent:-9999px;
	background-image:url(../img/btn_study.gif);
	background-repeat:no-repeat;
}

#event_btn:visited{
	background-image:url(../img/btn_study_o.gif);
	background-repeat:no-repeat;
}

#event_btn:hover{
	background-image:url(../img/btn_study_o.gif);
	background-repeat:no-repeat;
}

#event_btn:active{
	background-image:url(../img/btn_study_o.gif);
	background-repeat:no-repeat;
}

#opinion_btn {
	clear:both;
	display:block;
	float:right;
	width:120px;
	height:120px;
	margin:20px 24px 0 24px;
	text-indent:-9999px;
	background-image:url(../img/btn_opinion.gif);
	background-repeat:no-repeat;
}

#opinion_btn:visited{
	background-image:url(../img/btn_opinion.gif);
	background-repeat:no-repeat;
}

#opinion_btn:hover{
	background-image:url(../img/btn_opinion_o.gif);
	background-repeat:no-repeat;
}

#opinion_btn:active{
	background-image:url(../img/btn_opinion_o.gif);
	background-repeat:no-repeat;
}

#join_btn {
	clear:both;
	display:block;
	float:right;
	width:120px;
	height:120px;
	margin:20px 24px 0 24px;
	text-indent:-9999px;
	background-image:url(../img/btn_join.gif);
	background-repeat:no-repeat;
}

#join_btn:visited{
	background-image:url(../img/btn_join.gif);
	background-repeat:no-repeat;
}

#join_btn:hover{
	background-image:url(../img/btn_join_o.gif);
	background-repeat:no-repeat;
}

#join_btn:active{
	background-image:url(../img/btn_join_o.gif);
	background-repeat:no-repeat;
}

/*ツイッター*/
.twitter_area {
	margin-bottom:20px;
}



.tweet_area {
	width: 700px;
}

#tw_left {
	float:left;
}

#tw_left h4 {
	display:block;
	height:38px;
	padding-top:12px;
	color:#FFF;
	background-color:#F00;
	text-align:center;
	border-top-left-radius: 8px;     
	border-top-right-radius: 8px;    
	-webkit-border-top-left-radius: 8px;     
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;     
	-moz-border-radius-topright: 8px;
	behavior: url(https://mizunoyuuki.com/css/PIE.htc);    
}

/*ie8*/
#tw_left {
	width: 348px;
	background:#F00\9;
}

#tw_left h4 {
	text-align: center\9;
}

/*ie7*/
*+html .tweet_area {
	margin-top:20px;
}

*+html #tw_left {
	width: 348px;
	background:#F00;
}

*+html #tw_left h4 {
	text-align: center;
}



#tw_left .inner {
	border:#F00 1px solid;
}

#tw_right {
	float:right;
}

#tw_right h4 {
	display:block;
	height:38px;
	padding-top:12px;
	color:#FFF;
	background-color:#009E61;
	text-align:center;
	border-top-left-radius: 8px;     
	border-top-right-radius: 8px;    
	-webkit-border-top-left-radius: 8px;     
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;     
	-moz-border-radius-topright: 8px;
	behavior: url(https://mizunoyuuki.com/css/PIE.htc);   
}

#tw_right .inner {
	border:#009E61 1px solid;
}
/*ie8*/
#tw_right {
	width: 310px;
	background:#009E61\9;
}

#tw_right h4 {
	text-align: center\9;
}

/*ie7*/
*+html #tw_right {
	width: 310px;
	background:#009E61;
}

*+html #tw_right h4 {
	text-align: center;
}

/*ie6*/
*html .tweet_area {
	width:700px;
	height:500px;
	padding:0;
}

*html #tw_left {
	padding:0;
	margin:0;
	height:350px;
}

*html #tw_right {
	position:relative;
	top:-450px;
	left:380px;
	height:350px;
}

#twitter_abiko {
	float:right;
	margin-right:20px;
	margin-bottom:10px;
}
/*ie6*/
*html #twitter_abiko {
	position:absolute;
	left:470px;
}

.rss_feed {
	width:400px;
	height:320px;
	margin:20px;
	font-size:13px;
}
/*ie6*/
*html .rss_feed {
	padding-top:20px;

}

.reload_txt {
	padding:20px;
	font-size:80%;
}

.reload_txt h4 {
	text-align:center;
	font-size:110%;
	font-weight:bold;
}

.reload_txt h5 {
	padding-top:1em;
	font-weight:bold;
}

.reload_txt dt {
	text-indent:1em;
	color:#006;
}

#produce {
	font-size:9px;
}

/*-----右ボックス-----*/
.rightcontents {
	float:right;
	margin:10px;
	padding:30px 0 20px 0;
	width:220px;
	/*background-color:#030; グリーン
	color:#CCC;*/
}

.side_middle {
	width:220px;
	background-image:url(../img/side_middle.gif);
	background-repeat:repeat-y;
}

.side_bottom {
	width:220px;
	background-image:url(../img/side_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

.side_top {
	width:220px;
	background-image:url(../img/side_top.gif);
	background-position:top;
	background-repeat:no-repeat;
}

.side_box {
	width:200px;
	padding:10px;
}

#ph_i01 {
	margin-top:10px;
	margin-left:10px;
}


.side_box h3 {
	margin:6px 0;
	text-align:center;
	color:#E80000;
	font-weight:bold;
}

.side_box p {
	font-size:90%;
	color:#333;
	margin-bottom:10px;
}

.side_index {
	margin-left:6px;
	font-size:90%;
	margin-bottom:10px;
}

.side_index li {
list-style-image:url(../img/triangle.gif);
	list-style-position:inside;
}

.side_banner {
	margin-bottom:20px;
}

/*フッター*/
.clearfloat {
	clear:both;
}


#footer {
	position:absolute;
	bottom: 0px;
	width:100%;
	height:120px;
	 /*background-color:#96F;薄紫*/
	 background-image:url(../img/foot_bg.gif);
	 background-repeat:repeat-x;
	 background-position:bottom;
	 color:#FFF;
}

#footer a:link{
	color:#FFF;
	text-decoration:none;
}

#footer a:visited{
	color:#FFF;
	text-decoration:none;
}

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

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

#footer_logo {
	display:block;
	width:200px;
	height:120px;
	background-image:url(../img/foot_logo.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.foot_navi {
	width:220px;
	position:absolute;
	bottom:90px;
	right:10px;
	font-size:12px;
	text-align:right;
}

.foot_navi li {
	float:left;
}

#footer p {
	width:330px;
	text-align:right;
	position:absolute;
	bottom:30px;
	right:10px;
	font-size:12px;
}

#footer address {
	width:960px;
	position:absolute;
	bottom:10px;
	text-align:center;
	font-size:10px;
}

.iwac {
	font-family:"Impact","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}