@charset "UTF-8";
/*--- アドミン管理 ---*/
#admin { position: absolute; top: 0; left: 0; margin: 1px; padding: 1em; border: solid 1px silver; background: url(img/admin_bg.png) repeat; z-index: 7; }
#adminnavi { position: absolute; top: 32px; margin-left: 690px; z-index: 6; }
body#index #adminnavi { top: 64px; }
/*--- 全体指定
---*/
body{ font-size: 13px; background-color: #f0f0f0; margin: 0 20px; padding: 0; }
#page { width: 800px; margin: 0 auto; padding: 0; }
#intro{ width: 800px; margin: 0 auto; padding: 0; background-color: silver; }
img{
border: none;
}
.txt_10 { font-size: 10px; }
/*メインインデックページの指定*/
#index { margin-top: 48px; }
/**/
.pagetop { clear: both; text-indent: -9999px; height: 20px; width: 50px; margin-left: 514px; }
#archive .pagetop { text-indent: -9999px; margin-left: 494px; width: 50px; height: 20px; clear: both; margin-top: 1em; margin-bottom: 1em; }
.pagetop a:link, .pagetop a:visited {
background: url(img/toppage.jpg) no-repeat;
display: block;
height: 20px;
width: 50px;
text-decoration: none;
}
.pagetop a:hover {
height: 20px;
width: 50px;
background: url(img/toppage_f2.jpg) no-repeat;
text-decoration: none;
}
/**/
/**/
/*共通
*/
#banner-description { font-size: 12px; font-weight: normal; line-height: 14px; text-align: center; position: absolute; top: 4px; width: 100%; margin: 0; padding: 0; }
body#archive #banner-description, body.toiawase #banner-description{ right: 0; left: 0; }
body#index #banner-description { width: 480px; padding-left: 300px; padding-right: 20px; top: 90px; text-align: left; color: white; z-index: 0; }
#banner { width: 100%; height: 222px; }
#banner-logo { text-indent: -9999px; width:270px; height:222px; visibility: visible; float:left; margin: 0; padding: 0; position: relative; background: url(img/header_rogo.png) no-repeat; z-index: 3; }
/* 2009年4月8日 */
*html #banner-logo{ background-image: none; }
*html #banner-logo {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.miyajima-jp.com/img/header_rogo.png',sizingMethod='crop'); }/* IE6バグ回避 */
/* 2009年4月8日 */
#banner-logo a { width:270px; height:110px; float:left; position: relative; z-index: 4; }
#banner-title { text-align: right; width: auto; height: 222px; margin: 0 0 0 270px; padding: 0; }
#banner-title h2 { color: white; font-size: 13px; font-weight: 700; line-height: 1.6; background-image: url(img/pagetitle_bg.png); background-repeat: repeat; position: relative; top: 155px; float: right; margin: 0 84px 0 0; display: table; padding: 3px; }
/* 2009年4月8日 */
*html #banner-title h2 { margin: 0 42px 0 0; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.miyajima-jp.com/img/pagetitle_bg.png',sizingMethod='scale'); }/* IE6バグ回避 */
/* 2009年4月8日 */
#banner-title strong { color: white; font-size: 13px; font-weight: 700; line-height: 1.6; background-image: url(img/pagetitle_bg.png); background-repeat: repeat; display: table; margin: 0 84px 0 0; padding: 3px; position: relative; top: 155px; float: right; }
/* 2009年4月8日 */
*html #banner-title strong{ background-image: none; }
*html #banner-title strong {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.miyajima-jp.com/img/pagetitle_bg.png',sizingMethod='scale'); }/* IE6バグ回避 */
/* 2009年4月8日 */
/*カテゴリー
*/
/*サークルイメージ*/
#circle_img{ position: absolute; top: 120px; width: 200px; height: 200px; z-index: 5; }
#index #circle_img { position: absolute; top: 168px; }
/* 2009年4月8日 */
#main_circle{ background-image: url(img/main_circle.png); }
*html #main_circle{ background-image: none; }
*html #main_circle{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.miyajima-jp.com/img/main_circle.png',sizingMethod='crop'); }/* IE6バグ回避 */
#content_circle{ background-image: url(img/content_circle.png); }
*html #content_circle{ background-image: none; }
*html #content_circle{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.miyajima-jp.com/img/content_circle.png',sizingMethod='crop'); }/* IE6バグ回避 */
/* 2009年4月8日 */
/**/
/**/
#mainbar { position: absolute; top: 222px; width: 800px; height: 70px; clear: both; }
#index #mainbar { position: absolute; top: 268px; }
/*1段目メニュー*/
#menu01 { background-image: url(img/menu_top01.jpg); background-repeat: no-repeat; width: 800px; height: 35px; }
#menu01 ul { margin: 0 0 0 198px; padding: 0; }
#menu01 li { margin: 0; padding: 0; display: inline; }
#menu01-1 a { text-indent: -9999px; width: 104px; height: 35px; float: left; }
#menu01-1 a:hover { background-image: url(img/menu_top01.jpg); background-position: -198px 35px; }
#menu01-2 a { text-indent: -9999px; width: 95px; height: 35px; float: left; }
#menu01-2 a:hover { background-image: url(img/menu_top01.jpg); background-position: -302px 35px; }
#menu01-3 a { text-indent: -9999px; width: 170px; height: 35px; float: left; }
#menu01-3 a:hover { background-image: url(img/menu_top01.jpg); background-position: -397px 35px; }
#menu01-4 a { text-indent: -9999px; width: 134px; height: 35px; float: left; }
#menu01-4 a:hover { background-image: url(img/menu_top01.jpg); background-position: -567px 35px; }
#menu01-5 a { text-indent: -9999px; width: 99px; height: 35px; float: left; }
#menu01-5 a:hover { background-image: url(img/menu_top01.jpg); background-position: -701px 35px; }
/*2段目メニュー*/
#menu02 { background-image: url(img/menu_top02.jpg); background-repeat: no-repeat; width: 800px; height: 35px; clear: both; }
#pankuzu { font-size: 12px; line-height: 16px; text-indent: 220px; width: 580px; float:left; margin-top: 10px; }
#pankuzu #present { font-size: 14px; font-weight: 700; }
#menu02 ul { width: auto; margin: 0 0 0 580px; padding: 0; }
#menu02 li { margin: 0; padding: 0; display: inline; }
#menu02-1 a, #menu02-2 a { text-indent: -9999px; width: 110px; height: 35px; float: left; }
#menu02-1 a:hover { background-image: url(img/menu_top02.jpg); background-position: -580px -35px; }
#menu02-2 a:hover { background-image: url(img/menu_top02.jpg); background-position: -690px -35px; }
/**/
/**/
/*コンテナ*/
#content { width: 800px; margin: 70px 0 0; padding: 0; }
/*左ブロッック*/
#content_main { background-image: url(img/content_main_bg.jpg); background-repeat: repeat-y; width: 585px; float: left; margin: 0; padding: 0; }
/*右ブロッック*/
#content_menu { position: relative; width: 215px; float: right; margin: 0; padding: 0; }
/**/
/**/
/*コンテンツメイン内*/
/* 弁棒君とフラッシュエリア*/
#benbo_kun{ background-image: url(img/benbo_top.jpg) ; font-size: 12px; background-repeat: no-repeat; width: 585px; height: 250px; float: left; }
#benbo_info { text-indent: -9999px; }
#benbo_swf { position: relative; top: 71px; left: 76px; width: 158px; height: 90px; }
*html #benbo_swf { position: relative; top: 71px; left: 76px; width: 158px; height: 90px; }
*:first-child+html #benbo_swf { position: relative; top: 71px; left: 76px; width: 158px; height: 90px; }
/* title01*/
#title01 { width: 100%; clear: both; margin-top: 20px; }
#title01 strong { color: red; }
#title01 h3 { font-size: 14px; line-height: 100%; background-image: url(img/title01.jpg); background-repeat: no-repeat; background-position: 0 center; text-indent: 35px; height: 25px; padding-top: 14px; }
#title01 .content { margin-right: 26px; margin-left: 33px; }
#title01 h4 { color: white; font-size: 14px; line-height: 100%; text-indent: 25px; height: 30px; margin: 0 0 0 220px; padding-top: 8px; }
#kotei1 { background-image: url(img/kotei1.jpg); background-repeat: no-repeat; }
#kotei2 { background-image: url(img/kotei2.jpg); background-repeat: no-repeat; }
#kotei3 { background-image: url(img/kotei3.jpg); background-repeat: no-repeat; }
#title01 .content p { margin: 0 0 10px 250px; }
/* title02*/
#title02 { width: 100%; margin-top: 20px; }
#title02 h3 { font-size: 14px; line-height: 100%; background-image: url(img/title02.jpg); background-repeat: no-repeat; background-position: 0 center; text-indent: 35px; height: 25px; padding-top: 14px; }
#title02 .content { margin-right: 50px; margin-left: 50px; }
#title02 .content p { margin: 0 0 10px 0; }
/* title03*/
#title03 { width: 100%; margin-top: 250px; }
*html #title03 { margin-top: 20px; }/* IE6バグ回避 */
*:first-child+html #title03 { }/* IE7バグ回避 */
#title03 h3 { font-size: 14px; line-height: 100%; background-image: url(img/title03.jpg); background-repeat: no-repeat; background-position: 0 center; text-indent: 35px; height: 25px; padding-top: 14px; }
#news-list { font-size: 12px; list-style-type: none; margin: 12px 0 20px; padding: 0; }
.news-list-item-c,
.news-list-item-m { line-height: 100%; text-indent: 96px; margin: 5px 50px 8px 0; padding: 5px 0; }
.news-list-item-c a,
.news-list-item-m a { font-weight: normal; text-decoration: none; }
.news-list-item-c a:hover,
.news-list-item-m a:hover { }
.news-list-item-c { text-decoration: none; background: url(img/news_cre.png) no-repeat left center; }
.news-list-item-m { text-decoration: none; background: url(img/news_mod.png) no-repeat left center; }
/**/
/**/
#content_inner { background-image: url(img/content_main_head.jpg); background-repeat: no-repeat; background-position: 0 0; }
#content_body { width: 560px; padding-top: 36px; padding-left: 20px; }
#content_end { background-image: url(img/content_footer.jpg); background-repeat: no-repeat; text-indent: -9999px; height: 75px; }
#content_footer { padding: 0 35px 35px; background-image: url(img/content_end.jpg); background-repeat: no-repeat; background-position: 0 bottom; }
/**/
/**/
#menu03 ul { background-image: url(img/menu_top03.jpg); margin: 0; padding: 0; height: 308px; }
#menu03 li { margin: 0; padding: 0; list-style-type: none; }
#menu03-1 a { background-image: url(img/menu_top03.jpg); background-position: -13px -8px; text-indent: -9999px; position: relative; top: 8px; left: 13px; width: 190px; height: 30px; display: block; }
#menu03-1 a:hover { background-image: url(img/menu_top03.jpg); background-position: -13px 300px; }
#menu03-2 a { background-image: url(img/menu_top03.jpg); background-position: -13px -43px; text-indent: -9999px; position: relative; top: 13px; left: 13px; width: 190px; height: 30px; display: block; }
#menu03-2 a:hover { background-image: url(img/menu_top03.jpg); background-position: -13px 265px; }
#menu03-3 a { background-image: url(img/menu_top03.jpg); background-position: -13px -78px; text-indent: -9999px; position: relative; top: 18px; left: 13px; width: 190px; height: 30px; display: block; }
#menu03-3 a:hover { background-image: url(img/menu_top03.jpg); background-position: -13px 230px; }
#menu03-4 a { background-image: url(img/menu_top03.jpg); background-position: -13px -113px; text-indent: -9999px; position: relative; top: 23px; left: 13px; width: 190px; height: 30px; display: block; }
#menu03-4 a:hover { background-image: url(img/menu_top03.jpg); background-position: -13px 195px; }
#menu03-5 a { background-image: url(img/menu_top03.jpg); background-position: -13px -148px; text-indent: -9999px; position: relative; top: 28px; left: 13px; width: 190px; height: 30px; display: block; }
#menu03-5 a:hover { background-image: url(img/menu_top03.jpg); background-position: -13px 160px; }
#menu03-6 a { background-image: url(img/menu_top03.jpg); background-position: -13px -183px; text-indent: -9999px; position: relative; top: 33px; left: 13px; width: 190px; height: 30px; display: block; }
#menu03-6 a:hover { background-image: url(img/menu_top03.jpg); background-position: -13px 125px; }
#menu03-7 a { background-image: url(img/menu_top03.jpg); background-position: -13px -218px; text-indent: -9999px; position: relative; top: 38px; left: 13px; width: 190px; height: 30px; display: block; }
#menu03-7 a:hover { background-image: url(img/menu_top03.jpg); background-position: -13px 90px; }
#menu03-8 a { background-image: url(img/menu_top03.jpg); background-position: -13px -257px; text-indent: -9999px; position: relative; top: 47px; left: 13px; width: 190px; height: 30px; display: block; }
#menu03-8 a:hover { background-image: url(img/menu_top03.jpg); background-position: -13px 51px; }
.badges { text-align: center; }
#banner01 { background-image: url(img/banner_bg.jpg); background-repeat: no-repeat; background-position: 0 bottom; margin: 0 0 8px; padding: 0; }
#banner01 h3{ text-indent: -9999px; background-image: url(img/banner01_top.jpg); background-repeat: no-repeat; width: 215px; height: 61px; margin: 0; padding: 0; }
#banner01 p { margin: 0; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
#banner01 #douga_txt { line-height: 160%; }
#banner01 #douga_img { text-align: center; }
#banner01 #mmpdl_img { text-align: center; }
#banner02{ background-image: url(img/banner_bg.jpg); background-repeat: no-repeat; background-position: 0 bottom; margin: 0 0 8px; padding: 0; }
#banner02 h3{ text-indent: -9999px; background-image: url(img/banner02_top.jpg); background-repeat: no-repeat; width: 215px; height: 61px; margin: 0; padding: 0; }
#banner02 p { margin: 0; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
#banner02 #address { line-height: 160%; }
#kao_img { float: left; margin-right: 8px; margin-bottom: 8px; }
#banner02 #rss { clear: both; }
#banner02 .badges { text-align: center; }
#banner01 hr, #banner02 hr { width: 90%; height: 1px; clear: both; margin-top: 0; margin-bottom: 8px; }
/*チョボとタイトル*/
.module { margin: 0 0 8px; padding: 0; }
#module-search{ background-image: url(img/module_bg_03.jpg); background-repeat: no-repeat; background-position: 0 bottom; width: 215px; height: 60px; margin: 0 0 8px; padding: 0; }
#module-search form { background-image: url(img/module_bg_01.jpg); background-repeat: no-repeat; padding-top: 20px; padding-left: 12px; }
#module-search #search { width: 140px; }
#module-search #go { width: 40px; }
.module-entry-list { background-image: url(img/module_bg_02.jpg); background-repeat: repeat-y; margin: 0; padding: 0; }
.module-entry-list-c { background-image: url(img/module_bg_03.jpg); background-repeat: no-repeat; background-position: 0 bottom; margin: 0; padding: 0; }
.tools { background-image: url(img/module_bg_01.jpg); background-repeat: no-repeat; height: 30px; margin:6px 0 0; padding: 16px 0 0 16px; }
.tools a { color: #36414d; text-decoration: none; }
.tools img {
margin-right: 8px;
}
.module-entry-list ul { background-image: url(img/module_bg_03.jpg); background-repeat: no-repeat; background-position: 0 bottom; margin: 0; padding: 0 16px 20px; }
.module-entry-list li { padding-bottom: 0.5em; list-style-type: none; }
/**/
#page_footer { text-align: center; clear: both; margin-top: 1em; margin-bottom: 1em; }
#copyright { color: gray; font-size: 12px; }
#powerdby { border-style: none; }
/* ==================== TOPのテーブル ==================== */
.topPhoto { background-color: #ff0000; clear: both; margin-left: 20px; }
/* ==================== 中心揃えのテーブル ==================== */
.tableCenter td,
.tableCenter th {
text-align: center;
}
/* ======= 詳細へ ====== */
#content_body .arw,
.content .arw {
display: block;
text-align: right;
}
#content_body .arw a,
.content .arw a {
background-image: url(img/arw2.jpg);
background-position: left bottom;
background-repeat: no-repeat;
padding: 4px 0 0 13px;
font-weight: bold;
color: #666666;
}
#content_body .arw a:link,
.content .arw a:link {
color: #666666;
text-decoration: underline;
}
#content_body .arw a:visited,
.content .arw a:visited {
color: #666666;
text-decoration: underline;
}
#content_body .arw a:hover,
.content .arw a:hover {
color: #666666;
text-decoration: none;
}
#content_body .arw a:active,
.content .arw a:active {
color: #FF9900;
text-decoration: none;
}
/* ==================== リンク ==================== */
a:link {
color: #0099FF;
text-decoration: underline;
}
a:visited {
color: #0099FF;
text-decoration: underline;
}
a:hover {
color: #FF9900;
text-decoration: underline;
}
a:active {
color: #FF9900;
text-decoration: none;
}
/* ==================== リンク ==================== */
/* 2009年4月8日 */
#setsugen{ height: 64px; text-align: right; width: 780px; position: absolute; background: url(http://www.miyajima-jp.com/img/setsugen__bg.png) no-repeat; z-index: 1; top: 4px; margin-right: 10px; margin-left: 10px; }
#setsugen-inner{ position: absolute; font-size: 14px; z-index: 2; top: 0; margin-top: 28px; margin-left: 185px; line-height: 110%; }
.eco-green{ color: #086508; font-weight: bold; }
.eco-red{ color: #CC0000; font-weight: bold; }
body#archive #setsugen, body#archive #setsugen-inner, body.toiawase #setsugen, body.toiawase #setsugen-inner{ display: none; }
/* 2009年4月8日 */