@charset "utf-8";
/*   
Theme Name: helen
Theme URI:
Description: ヘレンの会用テンプレート
Version: 0.0.1
Author: kumiko asahi.
*/

/*========================================

  エレメント

========================================*/

/* Body
---------------*/

*{
	padding:0px;
	margin:0px;
}

/* ☆フォント指定☆ */
body{
	font-size:14px;
	line-height:1.3em;
	word-spacing:normal;
	letter-spacing:0.08em;
	font-family: "Osaka", "ＭＳ ゴシック",verdana,arial,sans-serif;
}

/* IE ハック */
*html body{
	text-align:center;
}
/* Text
---------------*/

h1 {
	display: none;
}

/* ☆フォント指定☆ */
h2 {
	font-size: 120%;
	font-weight:normal;
}

/* ☆フォント指定☆ */
strong {
	font-weight:bold;
	font-style:normal;
 	font-size:150%;
}

#page strong{
	font-weight:bold;
	font-style:normal;
 	font-size:100%;
}


/* List
---------------*/

/* form
---------------*/

/* Table
---------------*/

/* Others
---------------*/

img{
	border-width:0px;
}

br{
	letter-spacing:0;
}
/*========================================

  ヘッダー

========================================*/

div#header{
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

/* ☆色指定☆ */
div#header #navi{
	width:800px;
	padding:7px 0 5px 0;
	line-height:0px;
}

/* IE ハック */

*html div#header{
	margin:0px auto 0 auto;
	text-align: left;
}

*+html div#header #navi{
	padding:5px 0 0 0;
}
*html div#header #navi{
	padding:5px 0 0 0;
	line-height:0;
}


div#header #onsei{
	margin-left:10px;
	float:left;
	background-color:#CCCCCC;
	background: url(style-helen/images/text_reading.png) no-repeat;
	width:280px;
	line-height:0px;
}

/* IE ハック */
*html div#header #onsei{
	margin-left:5px;
	float:left;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/helen/style-helen/images/text_reading.png',sizingmethod='crop');
}

div#header #onsei_speed{
	float:left;
	padding-left:55px;
	line-height:0px;
}

div#header #onsei_speed ul{
	float:left;
	width:36px;
	padding:0;
}
/* IE ハック */
*html div#header #onsei_speed li{
	margin:0;
}

div#header #onsei_speed li{
	list-style:none;
	text-align:center;
	line-height:0px;
	margin-top:2px;
	padding:0;
}

div#header #onsei_player{
	float:left;
	margin-left:8px;
}

div#header #onsei_player li{
	float:left;
	list-style:none;
	width:30px;
	line-height:0px;
}

div#header #moji_haikei{
	float:left;
	background: url(style-helen/images/text_moji_haikei.png) no-repeat;
	text-indent:110px;
	width:210px;
	line-height:0px;
}

div#header #moji_haikei li{
	float:left;
	list-style:none;
	width:35px;
}

/* IE ハック */
*html div#header #moji_haikei{
	float:left;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/helen/style-helen/images/text_moji_haikei.png',sizingmethod='crop');
	width:230px;
	padding-left:110px;
}

*html div#header #moji_haikei li{
	text-indent:0px;
	line-height:0px;
}



div#header #moji_size{
	float:left;
	background: url(style-helen/images/text_moji_size.png) no-repeat;
	text-indent:118px;
	width:230px;
	line-height:0px;
}

div#header #moji_size li{
	float:left;
	list-style:none;
	width:56px;
	line-height:0px;
}


/* IE ハック */
*html div#header #moji_size{
	float:left;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/helen/style-helen/images/text_moji_size.png',sizingmethod='crop');
	width:230px;
	padding-left:118px;
}

*html div#header #moji_size li{
	float:left;
	list-style:none;
	width:56px;
	line-height:0px;
	text-indent:0px;
}

div#header #home{
	width:45px;
	float:left;
	line-height:0px;
}

div#header #home img{
	vertical-align:middle;
	margin-right:5px;
}

div#header #head_image a{
	display:block;
	width:800px;
	height:176px;
	background: url(style-helen/images/main_img.jpg) no-repeat;
	text-indent:-9999px;
}

div#header #head_image a:hover{
	width:800px;
	height:176px;
	background: url(style-helen/images/main_img_on.jpg) no-repeat;
	text-indent:-9999px;
}

/*========================================

  コンテンツ枠

========================================*/
/* ☆色指定☆ */
div#content{
	width: 800px;
	margin: 0 auto;
	padding-bottom:20px;
	text-align: left;
}

/*========================================

  フッター

========================================*/
div#footer{
	width:100%;
	height:100px;
	margin-top:10px;
}

div#footer_innner{
	width:800px;
	margin:auto;
	padding-top:10px;
}

p#footer_copy{
	margin-top:15px;
}

/*========================================

  メイン枠

========================================*/
div#main {
	width: 567px;
	float: right;
	margin-top:10px;
}

div#main .mainbox{
	float:left;
}

div#main .mainbox h2 {
	margin-left:48px;
}

/* ☆色指定☆ */
div#main .mainbox ul{
	padding:10px 0 0 0;
}

div#main .mainbox li{
	list-style:none;
	margin-left:10px;
	margin-bottom:10px;
	padding:15px 0 15px 0;
}

div#main .mainbox li p{
	margin-left:48px;
}

.mainbox li#listning_main h2{
	letter-spacing:-0.1em;
}

.mainbox li#library_main h2{
	letter-spacing:-0.1em;
}

.mainbox li#information_main h2{
	letter-spacing:-0.1em;
}

.mainbox li#shishi_main h2{
	letter-spacing:-0.1em;
}

.mainbox li#volunteer_main h2{
	letter-spacing:-0.1em;
}

.mainbox li#listning_main{
	width:173px;
	background: url(style-helen/images/icon_listning.png) no-repeat 0 center;
}


.mainbox li#library_main{
	width:173px;
	background: url(style-helen/images/icon_library.png) no-repeat 0 center;
}

.mainbox li#information_main{
	width:173px;
	background: url(style-helen/images/icon_information.png) no-repeat 0 center;
}

.mainbox li#shishi_main{
	width:173px;
	background: url(style-helen/images/icon_shishi.png) no-repeat 0 center;
	padding:6px 0 6px 0 !important;
}

.mainbox li#volunteer_main{
	width:173px;
	background: url(style-helen/images/icon_volunteer.png) no-repeat 0 center;
	padding:6px 0 6px 0 !important;
}


/* IE6,7 ハック */
*+html div#main .mainbox ul{
	padding:0;
}

*+html div#main .mainbox li{
	margin-bottom:0px;
	padding:10px 0;
}

*+html .mainbox li#listning_main{
	width:173px;
	background: url(style-helen/images/icon_listning.png) no-repeat 10px center;
	padding:25px 0 25px 10px!important;
}

*+html .mainbox li#library_main{
	width:173px;
	background: url(style-helen/images/icon_library.png) no-repeat 10px center;
	padding:25px 0 25px 10px!important;
}

*+html .mainbox li#information_main{
	width:173px;
	background: url(style-helen/images/icon_information.png) no-repeat 10px center;
	padding:25px 0 25px 10px!important;
}

*+html .mainbox li#shishi_main{
	width:173px;
	background: url(style-helen/images/icon_shishi.png) no-repeat 10px center;
	padding:16px 0 16px 10px !important;
}

*+html .mainbox li#volunteer_main{
	width:173px;
	background: url(style-helen/images/icon_volunteer.png) no-repeat 10px center;
	padding:16px 0 16px 10px !important;
}


*html div#main .mainbox li{
	margin-bottom:0px;
	padding:10px 0 10px 0;
}


*html .mainbox li#listning_main{
	padding:15px 0 20px 0!important;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/helen/style-helen/images/icon_listning.png',sizingmethod='crop');
}

*html .mainbox li#library_main{
	padding:15px 0 20px 0!important;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/helen/style-helen/images/icon_library.png',sizingmethod='crop');
}

*html .mainbox li#information_main{
	padding:15px 0 20px 0!important;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/helen/style-helen/images/icon_information.png',sizingmethod='crop');
}

*html .mainbox li#shishi_main{
	padding:8px 0 9px 0!important;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/helen/style-helen/images/icon_shishi.png',sizingmethod='crop');
}

*html .mainbox li#volunteer_main{
	padding:8px 0 9px 0 !important;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/helen/style-helen/images/icon_volunteer.png',sizingmethod='crop');
}



/* ☆色指定☆ */
div#main #bbs_main{
	width:183px;
	height:68px;
	background: url(style-helen/images/bn_bbs_dammy.png) no-repeat 0 center;
	float:left;
}

/* IE6 ハック */

*html div#main #bbs_main{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/helen/style-helen/images/bn_bbs_dammy.png',sizingmethod='crop');
	float:left;
	height:65px;
}

div#main .mainbox_datail{
}

/* ☆色指定☆ */
div#main .mainbox_datail ul{
	padding:10px 0 0 0;
	margin-bottom:6px;
}

div#main .mainbox_datail li{
	list-style:none;
	margin-left:10px;
	margin-bottom:10px;
	padding:5px 0 5px 0;
	width:172px;
	background: url(style-helen/images/icon_arrow.png) no-repeat 0 center;
}

div#main .mainbox_datail li p{
	margin-left:15px;
}

/* ☆色指定☆ */
div#main #helen_info_main{
	width:567px;
	margin-top:15px;
}

/* ☆色指定☆ */
div#main #helen_info_main h2{
	font-weight:bold;
	padding:5px;
}

/* IE ハック */
*html div#main #helen_info_main h2{
	font-weight:bold;
	padding:5px;
}


div#main #helen_info_main ul{
	padding:10px 5px 10px 5px;
}

/* ☆色指定☆ */
div#main #helen_info_main li{
	list-style:none;
	padding:5px;
	background: url(style-helen/images/icon_news.png) no-repeat 0 3px;
}

div#main #helen_info_main li .days_helen_info_main{
	margin:0 10px 0 25px;
	float:left;

}

div#main #helen_info_main li .title_helen_info_main{
	float:left;
	width:410px;
}

/* IE ハック */
*+html div#main #helen_info_main li .days_helen_info_main{
	margin:0 0px 0 20px;
}

*+html div#main #helen_info_main li .title_helen_info_main{
	padding-left:20px;
}


*html div#main #helen_info_main li .days_helen_info_main{
	margin:0 0px 0 13px;
}

*html div#main #helen_info_main li .title_helen_info_main{
	padding-left:20px;
}




/* ☆色指定☆ */
div#main #pickup_main{
	width:567px;
	margin-top:15px;
}

/* ☆色指定☆ */
div#main #pickup_subtitle{
	width:12%;
	color:white;
	padding:5px;
	float:left;
	text-align:center;
}

div#main #pickup_main #pickup_title{
	font-weight:bold;
	padding:5px;
	float:left;
}

/* ☆色指定☆ */
div#main #pickup_text{
	padding:10px;
}

div#main #bunner_main{
	width:567px;
	margin-top:15px;
}

div#main #bunner_main .bunner{
	width:189px;
	float:left;
}

div#main #link_main{
	width:567px;
}


div#main #link_main li{
	float:left;
	list-style:none;
	text-indent:15px;
	background: url(style-helen/images/icon_arrow.png) no-repeat 0 center;
	margin-right:30px;
}

*html div#main #link_main li{
	padding-right:30px;
	margin-right:0px;
}

/*========================================

  ページ枠、カテゴリーアーカイブ、共通

========================================*/
.entry_text{
	padding:10px 15px 25px 15px;
}

.entry_date{
	text-align:right;
	padding:5px;
}

/* ☆フォント指定☆ */
#entry_navi{
	text-align:center;
	font-size:85%;
}

/*========================================

  ページ枠

========================================*/
/* ☆色指定☆ */
div#page {
	width: 567px;
	float: right;
	margin-top:10px;
}

/* ☆色指定☆ */
div#page h2{
	padding:5px;
	font-weight:bold;
}

div#page #page_text{
	padding:15px 15px 25px 15px;
}

div#page #page_date{
	text-align:right;
	padding:5px;
}

div#page table{
	border-collapse:collapse;
	width:100%;
}

/* IE ハック */
*html div#page table{
	border-collapse:collapse;
	width:94%;
}

/* ☆色指定☆ */
div#page th,td{
	padding:5px;
}

/* ☆色指定☆ */
div#page th{
	text-align:left;
}

/*========================================

  カテゴリーアーカイブ

========================================*/
div#category {
	width: 567px;
	float: right;
	margin-top:10px;
}

/* ☆色指定☆ */
div#category h2{
	padding:5px;
	margin-bottom:15px;
	font-weight:bold;
}

/* ☆色指定☆ */
div#category .entry{
	padding:10px 5px 5px 5px;
	margin-bottom:15px;
}

/* ☆色指定☆ */
div#category h3{
	padding:5px;
	font-weight:bold;
}

div#category #cate_title{
	padding:10px 15px 25px 15px;
}

/*========================================

  サイドバー

========================================*/
div#sidebar{
	width:218px;
	float:left;
	margin-top:10px;
}

div#sidebar h2{
	text-indent:-9999px;
}

div#sidebar #ren h2{
	background: url(style-helen/images/bn_helen_tel.jpg) no-repeat;
	width:218px;
	height:43px;
	display:block;
}

/* ☆色指定☆ */
div#sidebar #ren_body{
	padding:10px 0 10px 0;
	margin-top:0px;
	margin-bottom:10px;
}



div#sidebar #ren #ren_body p{
	margin-top:10px;
}

div#sidebar #toi #ren_body p{
	margin-top:10px;
}

div#sidebar #toi{
	width:218px;
	height:auto;
}

div#sidebar #toi h2#title {
	width:218px;
	height:65px;
}

div#sidebar #toi h2#title a{
	background: url(style-helen/images/bn_mail_form.jpg) no-repeat!important;
	width:218px;
	height:65px;
	display:block;
}


div#sidebar .sidebox {
}

/* ☆色指定☆ */
div#sidebar .sidebox ul{
	padding:10px 0 0 0;
	margin:10px 0 10px 0;
}

div#sidebar .sidebox li{
	list-style:none;
	margin-left:10px;
	margin-bottom:10px;
	padding:15px 0 15px 0;
}

div#sidebar .sidebox li p{
	margin-left:48px;
}

.sidebox li#about{
	width:210px;
	background: url(style-helen/images/icon_about.png) no-repeat 0 center;
}

.sidebox li#history{
	width:210px;
	background: url(style-helen/images/icon_history.png) no-repeat 0 center;
}

.sidebox li#listning{
	width:210px;
	background: url(style-helen/images/icon_listning.png) no-repeat 0 center;
	padding:6px 0 6px 0 !important;
}

.sidebox li#library{
	width:210px;
	background: url(style-helen/images/icon_library.png) no-repeat 0 center;
	padding:6px 0 6px 0 !important;
}

.sidebox li#shoja{
	width:210px;
	background: url(style-helen/images/icon_shoja.png) no-repeat 0 center;
}

.sidebox li#volunteer{
	width:210px;
	background: url(style-helen/images/icon_volunteer.png) no-repeat 0 center;
}

.sidebox li#howto{
	width:210px;
	background: url(style-helen/images/icon_howto.png) no-repeat 0 center;
	padding:6px 0 6px 0 !important;
}

.sidebox li#rental{
	width:210px;
	background: url(style-helen/images/icon_rental.png) no-repeat 0 center;
	padding:6px 0 6px 0 !important;
}

.sidebox li#download{
	width:210px;
	background: url(style-helen/images/icon_download.png) no-repeat 0 center;
	padding:6px 0 6px 0 !important;
}


/* IE6,7 ハック */
*+html div#sidebar .sidebox ul{
	padding:10px 0 10px 0;
	margin:10px 0 0px 0;
}

*+html div#sidebar .sidebox li{
	list-style:none;
	margin-left:10px;
	margin-bottom:10px;
	padding:15px 0 15px 0;
}

*+html .sidebox li#about{
	background: url(style-helen/images/icon_about.png) no-repeat 10px center;
	padding-left:10px !important;
}

*+html .sidebox li#listning{
	background: url(style-helen/images/icon_listning.png) no-repeat 10px center;
	padding:6px 0 6px 10px !important;
}

*+html .sidebox li#shoja{
	background: url(style-helen/images/icon_shoja.png) no-repeat 10px center;
	padding-left:10px !important;
}

*+html .sidebox li#rental{
	background: url(style-helen/images/icon_rental.png) no-repeat 10px center;
	padding:6px 0 6px 10px !important;
}


*html div#sidebar .sidebox li{
	list-style:none;
	margin-left:10px;
	margin-right:-10px;
	margin-bottom:10px;
	padding:15px 0 15px 0;
}

*html .sidebox li#about{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/helen/style-helen/images/icon_about.png',sizingmethod='crop');
}

*html .sidebox li#history{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/helen/style-helen/images/icon_history.png',sizingmethod='crop');
}

*html .sidebox li#listning{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/helen/style-helen/images/icon_listning.png',sizingmethod='crop');
	padding:4px 0 6px 0 !important;
}

*html .sidebox li#library{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/helen/style-helen/images/icon_library.png',sizingmethod='crop');
	padding:4px 0 20px 0 !important;
}

*html .sidebox li#shoja{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/helen/style-helen/images/icon_shoja.png',sizingmethod='crop');
}

*html .sidebox li#volunteer{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/helen/style-helen/images/icon_volunteer.png',sizingmethod='crop');
}

*html .sidebox li#howto{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/helen/style-helen/images/icon_howto.png',sizingmethod='crop');
	padding:4px 0 20px 0 !important;
}

*html .sidebox li#rental{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/helen/style-helen/images/icon_rental.png',sizingmethod='crop');
	padding:4px 0 6px 0 !important;
}

*html .sidebox li#download{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/helen/style-helen/images/icon_download.png',sizingmethod='crop');
	padding:4px 0 20px 0 !important;
}



/*========================================

  vds 音声読み上げ

========================================*/
#vdsp{
	height:0px;
}

/*========================================

  汎用Class

========================================*/
.clear{
	clear:both;
}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

.center{
	text-align:center;
}

.ml6{
	margin-left:6px;
}

.ml8{
	margin-left:8px;
}

.alignleft{
	float:left;
	margin-right:10px;
}

.alignright{
	float:right;
	margin-left:10px;
}

.continue{
	background: url(style-helen/images/icon_arrow.png) no-repeat 0 center;
	text-indent:20px;
	margin-top:15px;
}

.pan{
	padding:10px 10px 0px 10px;
	text-align:right;
}


#link_list{
	margin:0 0 010px;
}

div#link_list dt{
	float:left;
	width:200px;
	margin-bottom:15px;
	display:block;
}
div#link_list dd{
	float:left;
	width:335px;
	height:80px;
	margin-bottom:15px;
	display:block;
}
div#link_list dd#whith_you{
	height:120px!important;
}

*html div#shoja_list table td{
	line-height:130%;
}