/******************************************************************************/ /* Reset */ /* LinkColor */ /* Headline */ /* Layout */ /* GlobaMenu */ /* Header */ /* Breadcrumb */ /* Content */ /* Center LR Column */ /* Decoration */ /* Left Right Column */ /* Left Right Column Title */ /* Left Right Column Content */ /* Footer */ /* for accessibility */ /* Classes */ /******************************************************************************/ @charset "UTF-8"; @import url("base.css"); /*---------------------------------------------------- Reset --------------------------------------------------- */ * { margin: 0; padding: 0; } form { margin: 0; } p { margin:0; color:#333333; line-height:160%; padding:0.5em 1em; } /*---------------------------------------------------- LinkColor --------------------------------------------------- */ a:link { color: #333333; text-decoration:none; } a:visited { color: #666666; text-decoration:none; } a:hover { color:#E19422; /*color: #e00;*/ text-decoration: underline; } a:active { color: #f00; } /*---------------------------------------------------- Headline --------------------------------------------------- */ h1 { margin: 0 0 5px 0; /* padding: 10px 10px; color: #333333; background: #B5DDFB url(./images/.gif) repeat-x 0 0;*/ } h1#modules_title, div.webphoto_page_title { margin: 0!important; padding: 8px 0 8px 15px!important; font-size: 110%!important; font-weight:bold!important; color:#ffffff!important; background:#3E80B0!important; } div.webphoto_page_title a { color:#ffffff; } h1, h2, h3 { font-size: 120%; } h4, h5 { font-size: 100%; } #d3blogHeader { clear: both; margin: 0 0 15px 0; padding: 8px 0 8px 15px; font-size: 110%; font-weight:bold; color:#ffffff; background:#3E80B0; } .d3blogEntry { margin:0 0 1em; } .d3blogEntryHeader { clear: both; margin-bottom: 1em; padding: 0; color:#3E80B0; border-left: 5px solid #3E80B0; background:#ECF3F9; } .d3blogEntryHeader a{ color:#3E80B0; } .d3blogEntryTitle { margin: 0; padding: 7px 7px 7px 7px; color:#3E80B0; } .readMore { margin:0 0 15px 10px; } ul.pico_list_contents { margin:10px!important; } .pico_list_contents li{ padding:2px 0 5px 20px; margin:2px 0; background:url(./images/icon2.gif) no-repeat 0 5px; } .pico_list_contents_in_menu li { padding:2px 0 5px 20px; margin:2px 0; background:url(./images/icon2.gif) no-repeat 0 5px; } dl.pico_subcategory dt a{ margin: 0 0 10px 0; padding: 0 0 0 22px; font-size: 110%; font-weight:bold; color:#3E80B0; background:url(./images/folder01.gif) no-repeat 0 3px; } div#pico-contents-body { padding:15px; } div#pico-contents-body h2 { color:#3E80B0; } div.webphoto_page_menu_line, div.webphoto_search_form, div.webphoto_sub_title_total { display:none!important; } /*---------------------------------------------------- Layout --------------------------------------------------- */ body { margin: 0px; padding: 0px; text-align: justify; /*font: 95% Arial, Helvetica, sans-serif;*/ font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-size:95%; color: #333333; background:#D5ECFD url(./images/body_bk.png) repeat-x 0 0; } div#Container { margin: 0 auto; padding: 0; width: 990px; text-align: left; background:#D5ECFD url(./images/body_bk.png) repeat-x 0 0; } div#Wrapper { width:990px; padding:10px 0 0 0; background:#ffffff url(./images/content-bk-mid.jpg) repeat-y 0 0; } /*div#Wrapper-top { height:38px; background: url(./images/content-bk-top.jpg) no-repeat 0 0; }*/ div#Wrapper-mid { /* kokoni arudakede tukkaebou ni naru*/ } div#Wrapper-btm { clear: both; width: 100%; height: 120px; margin: 0 auto; background:#ffffff url(./images/content-bk-btmbk.jpg) repeat-x 0 0; } div#CenterWrapper { width:700px; padding: 10px; margin:0; background:#ffffff; } /*---------------------------------------------------- --------------------------------------------------- */ body.ShowBlockL1R0 #Wrapper { width: 100%; } body.ShowBlockL1R0 #CenterColumn { float: right; width: 960px; margin-right: 20px; margin-left: -215px; } body.ShowBlockL1R0 #CenterWrapper { margin-left: 215px; } /*body.ShowBlockL0R0 #Wrapper { width: 100%; }*/ /*body.ShowBlockL0R1 #Wrapper { width: 100%; float: left; margin-right: -215px; } body.ShowBlockL1R1 #Wrapper { width: 100%; float: left; margin-right: -205px; }*/ /*body.ShowBlockL0R0 #CenterColumn { float: left; width: 100%; }*/ /*body.ShowBlockL0R1 #CenterColumn { margin-right: 215px; } body.ShowBlockL1R1 #CenterColumn { width:100%; float:right; margin-left: -205px; }*/ /*body.ShowBlockL1R1 #CenterWrapper { margin-right: 205px; margin-left: 205px; }*/ /*---------------------------------------------------- GlobaMenu --------------------------------------------------- */ div#GlobalMenu { float: right; height: 80px; width:330px; } div#GlobalMenu ul { height: 42px; margin: 6px 0 0 0; padding: 0; list-style: none; } div#GlobalMenu ul li { float: left; margin: 0; } div#GlobalMenu ul li#Active { float: left; margin: 2px 0 0 0; padding: 12px 15px 9px 15px; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #1C70C8; } div#GlobalMenu ul li a { float: left; margin: 0px; padding: 12px 15px 9px 15px; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #1C70C8; } div#GlobalMenu ul li a:hover { color: #ffffff; background-color: #97C4F0; } .fsize { float:right; text-align:right; vertical-align:center; margin:0; padding:0 30px 0 0; color:#004796; font-size:12px; } .fsize img { vertical-align:-5px; } /*---------------------------------------------------- Header --------------------------------------------------- */ div#Header { width: 100%; height: 350px; color: #333333; position: relative; } div#Header-upper { height:80px; } div#Header div#Logo { float: left; } div#Header div#Splash { padding: 0; margin: 0; } div#Header p#SiteName{ font: bold 200% sans-serif; } div#Header div#Splash p#Slogo{ font: bold 100% sans-serif; padding: 0; margin: 0; } div#HeadImg { background: url(images/content-bk-top.jpg) no-repeat; height:270px; margin:0; padding:0; clear: both; } #header-bottom-a { margin:0 0 0 0; padding:250px 0 0 0; background:url(header02a.jpg) no-repeat; z-index:1; } #utilities { /* float:left;*/ display:block; padding-left:185px; list-style-type:none; } #utilities a { color:#1C70C8; font-weight:bold; text-decoration:none; } #utilities a:hover { color:#FEBF2A; text-decoration:underline; } #utilities li { display:block; float:left; margin:0 0 0 10px; padding:0 10px 0 20px; vertical-align:middle; line-height:1.5; font-size:13px; list-style-type:none; background: url(images/icon3.gif) no-repeat left; border-right:1px solid #cccccc; } #utilities li.last { border:none; } /*---------------------------------------------------- Breadcrumb --------------------------------------------------- */ div#breadcrumb, div#theme_breadcrumbs { /* width: 960px; margin:0 auto; border-bottom: #98C2E8 dashed 1px;*/ margin-bottom: 5px; padding-left:1.5em; } div#breadcrumb a, div#theme_breadcrumbs a { color:#666666; font-size:85%; } div.pico_breadcrumbs { font-size:12px!important; margin:5px 0!important; border:none!important; } /*---------------------------------------------------- Content --------------------------------------------------- */ div#CenterColumn div.BlockContent, div#ModuleContents { font-size: 100%; line-height: 1.6; padding: 0; background:#ffffff; clear:both; } div#CenterColumn h2.BlockTitle { margin: 0; padding: 8px 0 8px 15px; font-size: 110%; font-weight:bold; color:#ffffff; background:#3E80B0; /*color: #333333; background: #B5DDFB; border-left:8px solid #1B71C5;*/ /*background: #B5DDFB url(images/img02.jpg) no-repeat left 50%;*/ } div#CenterColumn div.BlockContent { border-bottom: #d2d2d2 dashed 1px; padding: 15px 10px; margin: 0 2px 10px; background:#ffffff; } div#CenterColumn div.BlockContent p { clear:both; margin: 10px 0; margin-bottom: 10px; line-height:150%; } div#CenterColumn div.BlockContent a { text-decoration:underline; color:#333333; } div#CenterColumn div.BlockContent a:hover { text-decoration:underline; color:#e19422; } div#CenterColumn div.BlockContent ul.topicsBlockLatestEntries { list-style:none!important; } div#CenterColumn div.BlockContent ul.topicsBlockLatestEntries li { line-height:1.5em; margin:0; padding:0; } div#CenterColumn div.BlockContent ul.topicsBlockLatestEntries a.title-topics { display:block; text-decoration:none; font-weight:bold; padding:4px 10px 4px 0; margin:1.5em 0!important; color:#3E80B0; font-size:1.3em; line-height:150%; border-bottom:3px solid #3E80B0; } div#CenterColumn div.BlockContent ul.topicsBlockLatestEntries a.title-topics:hover { padding:4px 10px 4px 0; color:#E19422; border-bottom:3px solid #E19422; } /*---------------------------------------------------- Center LR Column --------------------------------------------------- */ div#CenterLColumn { float: left; width: 49%; background:#ffffff; } div#CenterRColumn { float: right; width: 49%; background:#ffffff; } div.CenterCblock { clear: both; /* margin-bottom:20px;*/ } div.CenterLblock { clear: both; } div.CenterRblock { clear: both; } /*---------------------------------------------------- Decoration --------------------------------------------------- */ ul, ol, dl { margin: 15px 40px; padding: 0; } dl.pico_subcategory { margin: 0 10px!important; padding: 0; } dl.pico_subcategory dt, dl.pico_subcategory dd { margin:5px!important; padding: 0!important; } ul { list-style: disc; } li { /* list-style: none;*/ line-height: 130%; margin-bottom: 10px; } em { font-weight: bold; font-style: normal; color: #FF0000; } dl dt { font-weight: bold; padding: .4em; /* border-bottom: 1px #222 solid;*/ margin-bottom: .4em; } dl dd { line-height: 130%; padding: .2em .5em; } hr { height: 0px; border: 1px solid #999; border: 1px 0 0 0; } .imgborder, .img-border { border:1px solid #666666; } .img-shadow { border-top:1px solid #aaaaaa; border-right:2px solid #666666; border-bottom:2px solid #666666; border-left:1px solid #aaaaaa; } /*---------------------------------------------------- Left Right Column --------------------------------------------------- */ div#LeftColumn { float: left; width: 200px; margin-left: 15px; background:#ffffff; } div#RightColumn { float: right; width: 200px; margin-right: 1px; background:#ffffff; } div.LeftBlock, div.RightBlock { padding: 10px 0 0 0; } /*---------------------------------------------------- Left Right Column Title --------------------------------------------------- */ div#LeftColumn h2.BlockTitle, div#RightColumn h2.BlockTitle { margin: 0; /*padding: 7px 2px 7px 25px;*/ padding: 7px 0; font-size: 100%; text-align:center; /*background: #B5DDFB url(images/img02.jpg) no-repeat left 50%;*/ /*background: #B5DDFB ;*/ /* border:3px solid #1B71C5;*/ /*color: #333333;*/ background:#F0F2F6; color:#2175D9; border:1px solid #d2d2d2; /* border: 1px #ccc dashed;*/ border-bottom:none;*/ } /*---------------------------------------------------- Left Right Column Content --------------------------------------------------- */ div#LeftColumn .BlockContent { text-align:left; margin:0 0 17px 0; /* border: 1px #ccc dashed;*/ border:1px solid #d2d2d2; background:#F0F2F6; } div#RightColumn .BlockContent { text-align:center; background:#F0F2F6; } div#LeftColumn .BlockContent p, div#RightColumn .BlockContent p { text-align:left; } div#LeftColumn .BlockContent a, div#RightColumn .BlockContent a { text-decoration:none; } div#LeftColumn .BlockContent a:hover, div#RightColumn .BlockContent a:hover { /* text-decoration:underline;*/ color:#1C70C8; background-color: #97C4F0; } div#lblock210, div#lblock250, div#lblock260, div#lblock270, div#lblock275, div#lblock280, div#lblock290, div#lblock500, div#lblock505, div#lblock510, div#lblock0, div#lblock1, div#lblock2, div#lblock3, div#lblock4, div#lblock5, div#lblock6, div#lblock7, div#lblock8 { margin:0; padding:0; text-align:left; } div#lblock210 li, div#lblock250 li, div#lblock260 li, div#lblock270 li, div#lblock275 li, div#lblock280 li, div#lblock290 li, div#lblock500 li, div#lblock505 li, div#lblock510 li, div#lblock0 li, div#lblock1 li, div#lblock2 li, div#lblock3 li, div#lblock4 li, div#lblock5 li, div#lblock6 li, div#lblock7 li, div#lblock8 li { display: inline; margin:0; } div#lblock0 a, div#lblock210 a, div#lblock250 a, div#lblock500 a, div#lblock505 a, div#lblock510 a { display: block; color:#1B71C5; font-weight:bold; padding: 5px; margin: 1px 0; } div#lblock0 h2.BlockTitle, div#lblock210 h2.BlockTitle, div#lblock250 h2.BlockTitle, div#lblock500 h2.BlockTitle, div#lblock505 h2.BlockTitle, div#lblock510 h2.BlockTitle { color:#FFFFFF; background:#4E85C2; /*text-align:left; padding: 8px 0 8px 20px;*/ text-align:center; padding: 6px 10px; } div#lblock0 div.BlockContent, div#lblock210 div.BlockContent, div#lblock250 div.BlockContent, div#lblock500 div.BlockContent, div#lblock505 div.BlockContent, div#lblock510 div.BlockContent { color:#1C70C8; background:#ffffff; } div#lblock260 a, div#lblock270 a, div#lblock275 a, div#lblock280 a, div#lblock290 a { display: block; color:#FFFFFF; font-weight:bold; background:#4E85C2; padding: 6px 10px; margin: 0; text-align:center; } div#lblock210 a.menuTop, div#lblock260 a.menuTop, div#lblock270 a.menuTop, div#lblock280 a.menuTop, div#lblock290 a.menuTop, div#lblock500 a.menuTop, div#lblock505 a.menuTop, div#lblock510 a.menuTop, div#lblock0 a.menuTop, div#lblock1 a.menuTop, div#lblock2 a.menuTop, div#lblock3 a.menuTop, div#lblock4 a.menuTop, div#lblock5 a.menuTop, div#lblock6 a.menuTop, div#lblock7 a.menuTop, div#lblock8 a.menuTop { /*padding: 8px 0 8px 20px;*/ padding: 6px 10px; } div#lblock210 a.menuMain, div#lblock270 a.menuMain, div#lblock280 a.menuMain, div#lblock290 a.menuMain, div#lblock500 a.menuMain, div#lblock505 a.menuMain, div#lblock510 a.menuMain, div#lblock0 a.menuMain, div#lblock1 a.menuMain, div#lblock2 a.menuMain, div#lblock3 a.menuMain, div#lblock4 a.menuMain, div#lblock5 a.menuMain, div#lblock6 a.menuMain, div#lblock7 a.menuMain, div#lblock8 a.menuMain { /*padding: 8px 0 8px 20px;*/ padding: 6px 10px; } div#lblock250 a.menuTop, div#lblock250 a.menuMain, div#lblock260 a.menuMain, div#lblock270 a.menuMain { padding: 6px 10px; color:#1C70C8; background:#ffffff; text-align:left; font-size:80%; } div#lblock0 a:hover, div#lblock1 a:hover, div#lblock2 a:hover, div#lblock3 a:hover, div#lblock4 a:hover, div#lblock5 a:hover, div#lblock6 a:hover, div#lblock7 a:hover, div#lblock8 a:hover { } div#lblock0 a.menuSub, div#lblock1 a.menuSub, div#lblock2 a.menuSub, div#lblock3 a.menuSub, div#lblock4 a.menuSub, div#lblock5 a.menuSub, div#lblock6 a.menuSub, div#lblock7 a.menuSub, div#lblock8 a.menuSub { padding: 5px 10px; margin-left: 1em; } /* ---------------------------------- マルチメニュー使ってない場合 275（地域・団体の行動） .BlockContent内で、ul を記述しない方が良い ---------------------------------- */ div#lblock260 a.menuTop, div#lblock275 a.menuTop { padding: 8px 10px; } div#lblock260 .BlockContent, div#lblock260　ul, div#lblock260　li, div#lblock275 .BlockContent, div#lblock275　ul, div#lblock275　li { margin:0; padding:0; } div#lblock260 a.menuMain, div#lblock275 a.menuMain { margin:0; padding: 6px 10px; color:#1C70C8; background:#ffffff; text-align:left; font-size:80%; } /*---------------------------------------------------- Banner --------------------------------------------------- */ div#Banner { clear: both; width: 100%; margin: 0 auto; } /*---------------------------------------------------- Footer --------------------------------------------------- */ div#BacktoTop { text-align: right; margin: 10px 0px 5px; clear: both; font-size:80%; } div#Footer { margin: 0 auto; padding: 0; height:120px; width:990px; background: url(./images/content-bk-btm.jpg) no-repeat 0 0; } div#Footer address, div#Footer p{ margin: 0; padding: 60px 15px 10px; text-align:center; font-size: 80%; color:#1B71C5; font-style: normal; } div#Footer p { float: right; color: #74ADE4; } div#Footer address a { color: #1B71C5; text-decoration: none; } div#Footer p a{ text-decoration: none; color: #74ADE4; } /* for accessibility */ .Skip { position: absolute; left: -999em; } /******************************************************************************/ /* clearfix http://www.positioniseverything.net/ */ .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 hide from IE-mac */ /******************************************************************************/ /*---------------------------------------------------- XOOPS Main Menu --------------------------------------------------- */ #mainmenu, #usermenu { margin:0; padding:0; text-align:left; } #mainmenu li, #usermenu li { display: inline; margin:0; } #mainmenu a { display: block; border-bottom: #eee dashed 1px; margin: 1px 0; text-decoration: none; } #mainmenu a.menuTop { padding: 8px 0 8px 20px; background: transparent url(./images/img04.gif) no-repeat 9px center; } #mainmenu a.menuMain { padding: 8px 0 8px 20px; background: transparent url(./images/img04.gif) no-repeat 9px center; } #mainmenu a:hover { background-color: #fff; /* border-bottom: #e00 dashed 1px;*/ } #mainmenu a.menuSub { padding: 5px; margin-left: 1em; } #usermenu a { display: block; border-bottom: #aaa solid 1px; margin:0 1px; padding: 5px 10px; } #usermenu a:hover { background-color: #fff; } #usermenu a.menuTop {} #usermenu a.highlight { background-color: #aaa; } /*---------------------------------------------------- XOOPS table --------------------------------------------------- */ table { width: 100%; margin: 0; padding: 0; } td { padding: 8px; vertical-align: top; } * html td { font-size: 0.9em; } /* IE6 */ .outer { /* border: 1px #bda solid;*/ } .head { background-color: #ccc; padding: 5px; font-weight: bold; } tr.even td, .even { background-color: #efefef; padding: 5px; } tr.odd td, .odd { background-color: #fafafa; padding: 5px; } .foot { padding: 5px; } /******************************************************************************/ /* XOOPS item */ .item {} .itemHead { padding: 3px; background-color: #222; color: #333333; } .itemInfo { text-align: right; padding: 3px; background-color: #efefff; } .itemTitle a { font-weight: bold; font-variant: small-caps; color: #333333; background-color: transparent; } .itemPoster { font-size: 90%; } .itemPostDate { font-size: 90%; } .itemStats { font-size: 90%; } .itemBody { padding-left: 0px; } .itemText { margin-top: 5px; margin-bottom: 5px; line-height: 100%; } .itemText:first-letter {} .itemFoot { text-align: right; padding: 3px; background-color: #efefff; } .itemAdminLink { font-size: 90%; } .itemPermaLink { font-size: 90%; } /* XOOPS Error Msg */ div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAff; border-bottom: 1px solid #AAAAff; font-weight: bold; padding: 10px; } div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAff; border-bottom: 1px solid #AAAAff; font-weight: bold; padding: 10px; } div.resultMsg { background-color : #CCCCfc; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #822666; border-bottom: 1px solid #822666; padding: 10px; } /* XOOPS Code & Quote */ div.xoopsCode { background: #FAFAFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px; } div.xoopsQuote { background-color:#FAFAFF; border: #336699 solid 1px; padding: 3px; } /* XOOPS com */ .comTitle { font-weight: bold; margin-bottom: 2px; } .comText { padding: 2px; } .comUserStat { font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px; } .comUserStatCaption { font-weight: normal; } .comUserStatus { margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px; } .comUserRank { margin: 2px; } .comUserRankText { font-size: 10px;font-weight:bold; } .comUserRankImg { border: 0; } .comUserName {} .comUserImg { margin: 2px; } .comDate { font-weight: normal; font-style: italic; font-size: smaller; } .comDateCaption { font-weight: bold; font-style: normal; } /* Classes */ .fcRed {color: red} .fcBlue {color: blue} .fcPink {color: hotpink} .fcGreen {color: green} .fcOrange {color: orange} div#news-attn { margin:20px; padding:15px;; border:1px dashed #3E80B0; background:#F3F8FC; } .iventend { color:#CC0000; border:2px solid #CC0000; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; margin:15px 0; padding:10px!important; text-align:center; } .d3blogContents dl, .d3blogContents ol, .d3blogContents ul { margin: 0 1.6em!important; padding: 2px!important; } /*.d3blogContents ul {list-style:square inside; margin-left: 1em; } .d3blogContents ol {list-style:decimal inside; margin-left: 1em; } .d3blogContents dt { margin-left: 1em; font-weight: bold; } .d3blogContents dd { margin-left: 3em; }*/ .d3blogContents li { line-height:1.5em; margin:0; padding:0; } div.d3pipes_block_sync { padding:0px; margin:0; } ul.d3pipes_block_sync_separated, ul.d3pipes_block_sync_aggregated { padding:0px; margin:0 1em; } ul.d3pipes_block_sync_separated li, ul.d3pipes_block_sync_aggregated li { }