@charset "utf-8";

/******初期化******/
* { margin: 0px; padding: 0px;}
html{ height:100%;}
body {  margin:0px; padding:0px; color:#555555; font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif; line-height: 1.4; *font-size:small; *font:x-small; height:100%; background:#841b4f url(/style_images/header_wrap.jpg) repeat-x;}
table, th, tr, td{ font-size:inherit; font:100%; line-height: 1.4; text-align: left;}
input, textarea, select, option { font-size:inherit; font:100%;}
li, ul{ margin:0; padding:0; list-style:none;}
img{ margin:0;}

#continer{ min-height:100%; position:relative;}
body > #container { height: auto;}


.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

/******IEハック******/
* html #continer{ height:100%;}
* html img{ vertical-align:top;}
* html li{ line-height:1.1em; list-style-position:outside;}
*:first-child+html li{ line-height:1.1em;}
head~/* */body { font-size:80%;}

/****** Mac UTF-8の文字化け防止******/
/*＼*//*/
input, textarea, select, option { font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
/**/
a{ cursor:pointer; padding:0; margin:0;}
a img{ border: none; background-color: transparent;}

/******共通******/
a:link{ color: #af2369; text-decoration:none;}
a:visited{ color:#af2369; text-decoration:none;}
a:hover{ color: #af2369; text-decoration:underline;}
a:active{ color: #af2369;}

/* ===============[ float解除 ]=============== */
.clearfix:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac ¥*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*共通デザイン*/

.wrap{ width:100%; clear:both;}
.box{ margin-left:auto; margin-right:auto; width:950px; text-align:left; clear:both;}
.box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}


/*ヘッダー共通デザイン*/

.header_wrap{ background:url(/style_images/header_box.jpg) center top no-repeat;}
.header_box{ color:#FFFFFF; padding:12px 0;}

.header_box a{ color:#FFFFFF;}
.header_box a:link{ color:#FFFFFF;}
.header_box a:visited{ color:#FFFFFF;}
.header_box a:hover{ color:#FFFFFF; text-decoration:underline;}
.header_box a:active{ color:#FFFFFF;}

.header_box .logo{ width:258px; text-align:center; float:left;}
.header_box .header_menu{ width:350px; float:right; text-align:right; padding-top:10px;}
.header_box .header_menu li{ display:inline;}
.header_box .header_menu img{ vertical-align:text-top; padding-right:3px}
.header_box .header_menu .line{ color:#761747; display:inline-block; padding:0 3px 0 7px;}

.menu_wrap{ background:url(/style_images/menu_wrap.jpg); height:49px; overflow:hidden;}
.menu_box li{ float:left;}
.menu_box a{ display:block; height:49px; width:158px; background-image:url(/style_images/menu.jpg); text-indent:-9999px;}
.menu_box .topics a{ background-position:-158px 0;}
.menu_box .blog a{ background-position:-316px 0; width:159px;}
.menu_box .events a{ background-position:-475px 0;}
.menu_box .spots a{ background-position:-633px 0; width:159px;}
.menu_box .school a{ background-position:-792px 0;}
.menu_box .home a:hover{ background-position:0 -49px;}
.menu_box .topics a:hover{ background-position:-158px -49px;}
.menu_box .blog a:hover{ background-position:-316px -49px;}
.menu_box .events a:hover{ background-position:-475px -49px;}
.menu_box .spots a:hover{ background-position:-633px -49px;}
.menu_box .school a:hover{ background-position:-792px -49px;}


/*コンテンツ共通デザイン*/

.contents_wrap{ background:#FFFFFF; padding-bottom:195px;}
.contents_box{ padding:20px 0 50px 0;}

.contents_box .main{ width:620px; float:left;}
.contents_box .side{ width:300px; float:right;}

/*WEB PAGE*/
.webpage_head{ clear:both;}
.webpage_head_left{ width:350px;}
.webpage p{ margin-top:15px;}
.webpage table{ border-collapse:collapse;}
.webpage th{ border-top: 1px dotted #DDDDDD; text-align:left; font-weight:normal; width:80px; vertical-align:text-top; padding:10px 0; color:#000000;}
.webpage td{ border-top: 1px dotted #DDDDDD; padding:10px 0; padding-left:10px;}
.webpage h3.bbox{ padding:5px; background:#af2369; color:#FFFFFF; margin-top:15px;}
.webpage h3.fst{ margin-top:0;}
.webpage ul{ margin-top:15px;}
.webpage dt{ margin-top:15px; color:#ef42b9; font-weight:bold;}
.webpage li{ list-style:circle; margin-left:20px;}

/*イベント*/
.event_date{ border-top:1px dotted #DDDDDD; padding-top:15px; margin-top:10px;}
.event_date h2{ color:#000000; display:inline;}

/*用語*/
.word_wrap{ width:620px; clear:both; border-top:1px dotted #DDDDDD;}
.word_wrap h4{ width:30px; float:left; padding:10px 0; color:#ef42b9;} 
.word_wrap ul{ width:580px; float:right; margin-top:0;}
.word_wrap li{ margin-left:0; list-style:none; padding:10px 0; border-top:1px dotted #DDDDDD;}
.word_wrap li.fst{ border:none;}
.word_wrap strong{ display:block; color:#000000;}

/*リンク集*/
.link_wrap{ width:620px; clear:both; padding:15px 0; border-top:1px dotted #DDDDDD;}
.link_wrap_fst{ border:none;}
.link_wrap h4{ width:80px; float:left; color:#000000;}
.link_wrap h5{ position:absolute; margin-left:-140px; width:130px; font-size:100%;}
.link_wrap ul{ width:520px; float:right; margin:0;}
.link_wrap li{ margin-left:0; list-style:none; position:relative; padding:5px 0 5px 140px; border-top:1px dotted #DDDDDD;}
.link_wrap li.fst{ border:none; padding-top:0;}
.link_wrap .line{ color:#DDDDDD; padding:0 5px;}
.no_h4 ul{ width:620px;}
.no_h5 ul{ width:620px;}
.no_h5 li{ width:620px; padding-left:0;}

/*配布先*/
.webpage .list_wrap dt{ color:#333333; padding-bottom:5px;}

/*掲載について*/
.ads_head p{ margin-top:15px;}
.ads_head h3{ color:#000000; margin-top:20px; font-size:100%;}
.ads_head .line{ color:#DDDDDD; display:inline-block; padding:0 5px;}
.ads_list .line{ color:#DDDDDD; display:inline-block; padding:0 5px;}
.ads_list{ margin:auto; border-bottom:1px dotted #DDDDDD; margin-top:20px;}
.ads_list div{ height:121px; border-top:1px dotted #DDDDDD; padding:15px 0; padding-left:120px;}
.ads_list h3{ color:#000000;}
.ads_list p{ padding-top:15px;}
.ads_free{ background:url(/style_images/ads_free01.jpg) no-repeat 0 15px;}
.ads_school{ background:url(/style_images/ads_school01.jpg) no-repeat 0 15px;}
.ads_spot{ background:url(/style_images/ads_spot01.jpg) no-repeat 0 15px;}
.ads_event{ background:url(/style_images/ads_event01.jpg) no-repeat 0 15px;}

.ads_info{ border:#CCCCCC 1px solid; background:#EEEEEE; padding:15px; margin-top:15px;}
.ads_info li{ list-style:upper-alpha; margin-left:20px; margin-top:15px;}
.ads_info strong { color:#000000; font-weight:normal;}

.ads_head table{ width:100%; border-collapse:collapse; margin-top:15px;}
.ads_head th{ border:1px solid #DDDDDD; padding:5px; text-align:center; font-weight:normal; color:#000000; background:#EEEEEE;}
.ads_head td{ border:1px solid #DDDDDD; padding:5px; text-align:center;}

.ads_head .contact_form{ margin-top:30px;}
.ads_head .contact_form th{ width:160px; padding:15px;}
.ads_head .contact_form td{ text-align:left; padding:10px; padding-top:5px;}
.ads_head .contact_form input{ margin-top:5px; width:95%;}
.ads_head .contact_form select{ margin-top:5px;}
.ads_head .contact_form p{ margin-top:5px;}
.ads_head .contact_form textarea{ margin-top:5px; width:95%;}
.ads_head .contact_form .button_td { text-align:center;}
.ads_head .contact_form .button_td input{ width:auto;}
.ads_head .contact_form input.auto{ width:auto;}
.ads_head .contact_form button.calendar{ margin-top:5px; margin-left:5px;}
.ads_head .contact_form h2{ padding:5px; background:#af2369; color:#FFFFFF;}

.ads_head .fst{ margin-top:0;}

.form_info_page{ margin-top:30px; border:1px solid #FF0000; padding:20px;}
.form_info_page h3{ margin:0;}

/*ナビ*/
.navi{ padding-bottom:20px;}
.navi span{ color:#CCCCCC; padding:0 3px; display:inline-block;}
.navi h1{ display:inline; font-weight:normal;}


/*サイド*/
.side_book{ clear:both;}
.side_book img{ float:left;}
.side_book_info{ float:right; width:200px;}
.side_book h3{ color:#000000; padding-bottom:5px;}

.side_links{ padding-bottom:20px; margin-top:20px; background:url(/style_images/side_dotted.jpg) bottom no-repeat; clear:both;}
.side_links .side_menu01{ padding-top:15px; background:url(/style_images/side_dotted.jpg) no-repeat;}
.side_links .side_menu01 a img{ border:1px solid #CCCCCC; margin-top:8px;}
.side_links .side_menu01 a:hover img{ opacity: 0.8; filter: alpha(opacity=80);}
.side_links .side_menu02{ margin-top:15px; padding-top:20px; background:url(/style_images/side_dotted.jpg) no-repeat;}
.side_links .side_menu02 li{ background:url(/style_images/click.gif) no-repeat 0 3px; padding-left:25px; padding-bottom:5px; font-weight:bold;}
.side_links .side_menu03{ margin-top:15px; padding-top:20px; background:url(/style_images/side_dotted.jpg) no-repeat;}
.side_links .side_menu03 ul{ background:url(/style_images/qr.png) right no-repeat; min-height:87px;}
* html .side_links .side_menu03 ul{ height:87px;}

/*トップページ*/

.top_topics{ clear:both;}

/*トピックス*/
.latest_topics{ border-bottom:1px dotted #DDDDDD; padding-bottom:15px; clear:both; margin-top:15px;}
.latest_topics .topics_img{ float:right; border:1px solid #DDDDDD; padding:1px;}
.latest_topics .topics_info{ float:left; width:450px;}
.latest_topics .topics_info_wide{ width:620px;}
.latest_topics p.date{ color:#666666;}
.latest_topics h3{ margin-top:2px; padding-bottom:10px;}


.detail_topics{ margin-top:25px; font-size:110%;}
.detail_topics p{ margin-top:15px;}
.detail_topics p.date{ color:#CCCCCC; font-size:90%;}
.detail_topics h3{ color:#000000;}
.body_topics{ clear:both; margin-top:25px;}
.body_topics img.main_img{ float:right; border:1px solid #CCCCCC; padding:1px; margin-left:15px; margin-bottom:15px;}

.detail_link{ padding:20px; padding-top:10px; border:1px solid #CCCCCC; background:#EEEEEE; margin-top:30px;}
.detail_link dt{ margin-top:10px; color:#000000;}
.detail_latest_title{ margin-top:20px; font-size:100%; font-weight:normal; color:#000000;}

.topics_result{ width:620px; clear:both;}
.topics_result ul{ border-top:1px dotted #DDDDDD; padding-top:15px; margin-top:15px;}
.topics_result ul.fst{ border-top:none; padding-top:0;}
.topics_result .left{ width:300px; float:left;}
.topics_result .right{ width:300px; float:right;}
.topics_result .topics_img{ float:left; margin-right:10px; margin-bottom:10px; border:1px solid #DDDDDD; padding:1px;}
.topics_result .topics_info{ float:right; width:205px;}
.topics_result .topics_info_wide{ width:300px;}
.topics_result p.date{ color:#666666;}
.topics_result h3{ padding-bottom:2px;}


/* バックナンバー */
.latest_book{ padding:14px; border:1px solid #af2369; margin-top:20px;}
.latest_book .book_img{ float:right; margin-left:10px; margin-bottom:10px; margin-top:30px;}
.latest_book h3{ color:#000000; padding-bottom:10px;}
.backnumber_result{ width:620px; margin-top:20px; clear:both;}
.backnumber_result .left{ width:270px; float:left; padding:14px; border:1px solid #af2369;}
.backnumber_result .right{ width:270px; float:right; padding:9px; border:1px solid #af2369;}
.backnumber_result h3{ color:#000000; padding-bottom:10px;}
.backnumber_result .book_img{ float:right; margin-left:10px; margin-bottom:10px; margin-top:30px;}


/*一覧表示*/
.categories_menu{ border-top:1px dotted #DDDDDD; padding:20px 0; text-align:center; margin-top:20px;}
.categories_menu .line{ display:inline-block; padding:0 4px; color:#DDDDDD;}

/*スポット*/
.top_spots p{ margin-top:5px;}
.spots_wrap{ border-top:1px dotted #DDDDDD; padding:20px 0;}
.spots_head{ clear:both;}
.spots_head .left{ width:480px; float:left;}
.spots_head .wide{ width:620px; float:left;}
.spots_head .right{ width:124px; float:right;}
.spots_head .right img{ padding:1px; border:1px solid #DDDDDD;}
.spots_head h3{ color:#000000;}
.spots_head p{ margin-top:5px;}
.spots_head p.catch{ margin-top:0;}
.spots_footer{ clear:both; padding:10px; border:1px solid #CCCCCC; background:#EEEEEE; margin-top:15px;}
.spots_footer p{ margin-top:10px;}
.spots_footer li.report{ padding-top:5px;}

.spots_report .global_title strong{ display:block; color:#000000;}
.spots_report .report_wrap{ padding:10px 0 20px 0;} 
.spots_report .report_wrap img { padding-top:10px;}
.spots_report .report_wrap p{ padding-top:10px;}


.school_wrap{ border-top:1px dotted #DDDDDD; padding:20px 0;}
.school_head{ clear:both;}
.school_head .left{ width:480px; float:left;}
.school_head .wide{ width:620px; float:left;}
.school_head .right{ width:124px; float:right;}
.school_head .right img{ padding:1px; border:1px solid #DDDDDD;}
.school_head h3{ color:#000000;}
.school_head p{ margin-top:10px;}
.school_head ul{ margin-top:10px;}
.school_head p.catch{ margin-top:0;}
.school_footer{ clear:both; padding:10px; padding-top:0; border:1px solid #CCCCCC; background:#EEEEEE; margin-top:15px;}
.school_footer p{ margin-top:10px;}
.school_footer .line{ display:inline-block; padding:0 5px; color:#DDDDDD;}
.school_footer strong{ color:#000000; font-weight:normal;}



/* ページャー */
.pager{ border-top:1px dotted #DDDDDD; margin-top:20px; padding-top:20px; text-align:center;}
.pager a{ color:#3333FF;}
.pager .num{ display:inline-block; padding:0 5px;}
.pager .num a{ display:inline-block; border:1px solid #147b7b; padding:0 5px;}
.pager .num a:hover{ background:none; background-color:#147b7b; color:#FFFFFF; padding:1px 6px; border:none; text-decoration:none;}
.pager .num .current_page{ display:inline-block; border:1px solid #CCCCCC; color:#CCCCCC; padding:1px 6px;}


.global_title{ background:url(/style_images/global_title.gif) repeat-x; clear:both; padding-top:20px;}
.global_title h2{ display:block; height:25px; margin-bottom:15px; width:400px; float:left;}
.global_title h3{ display:block; height:25px; margin-bottom:15px; width:400px; float:left;}
.global_title span{ display:block; float:right; width:200px; text-align:right; padding-top:8px; font-weight:bold;}
* html .global_title h2{ margin-bottom:0;}
* html .global_title h3{ margin-bottom:0;}

.side .global_title{ margin-top:20px;}
.side .global_title h2{ width:150px; float:left;}
.side .global_title h3{ width:150px; float:left;}
.side .global_title span{ width:150px;}


/*タイトル*/
.top_topics h2{ background:url(/style_images/title_topics.gif) no-repeat; text-indent:-9999px; margin-bottom:0;}
.top_blog h2{ background:url(/style_images/title_blog.gif) no-repeat; text-indent:-9999px; margin-bottom:0;}
.top_shop h2{ background:url(/style_images/title_shop.gif) no-repeat; text-indent:-9999px;}
.side_book_wrap h2{ background:url(/style_images/title_side_magazine.gif) no-repeat; text-indent:-9999px;}
.news_wrap h2{ background:url(/style_images/title_news.gif) no-repeat; text-indent:-9999px;}
.title_backnumber h2{ background:url(/style_images/title_side_magazine.gif) no-repeat; text-indent:-9999px; margin-bottom:0;}



/*トップページ*/
.top_bn_box{}


/*トップページのショップ*/
.top_shop{ margin-top:30px; clear:both;}
.top_shop li{ background:url(/style_images/click.gif) no-repeat 0 2px; padding-left:25px; padding-bottom:5px;}
.top_shop .shop_left{ float:left; width:200px;}
.top_shop .shop_center{ float:left; width:200px; margin-left:10px;}
.top_shop .shop_right{ float:right; width:200px;}




/*フッター共通デザイン*/

.footer_wrap{ background:#147b7b url(/style_images/footer_wrap.jpg); position:absolute; bottom:0; height:195px;}
.footer_box{ color:#FFFFFF; padding-top:50px;}

.footer_box a{ color:#FFFFFF;}
.footer_box a:link{ color:#FFFFFF;}
.footer_box a:visited{ color:#FFFFFF;}
.footer_box a:hover{ color:#FFFFFF; text-decoration:underline;}
.footer_box a:active{ color:#FFFFFF;}

.footer_box .footer_bn{ width:360px; float:left;}
.footer_box .footer_bn li{ float:left;}
.footer_box .footer_bn li.main_bn{ width:360px; padding-bottom:10px;}
.footer_box .footer_bn li.sub_bn{ padding-right:16px; background:url(/style_images/footer_line.gif) right repeat-y; margin-left:14px;}
.footer_box .footer_bn li.fst{ margin-left:0;}
.footer_box .footer_bn li.sub_bn a img{ opacity:0.6; filter:alpha(opacity=60);}
.footer_box .footer_bn li.sub_bn a:hover img{ opacity:1; filter:alpha(opacity=100);}

.footer_box .footer_menu{ width:350px; float:left;}
.footer_box .footer_menu ul{ margin-top:5px;}
.footer_box .footer_menu ul.fst{ margin-top:0;}
.footer_box .footer_menu li{ display:inline; line-height:0;}
.footer_box .footer_menu img{ vertical-align:text-top; padding-right:3px}
.footer_box .footer_menu .line{ color:#761747; display:inline-block; padding:0 3px 0 7px;}
.footer_box .footer_menu p{ margin-top:10px;}

.footer_box .footer_top{ width:129px; float:right;}