/*----------------------------------
1: html and body
------------------------------------*/
body {font-size:12px; line-height:1.5; margin:0; padding:0; color:#333; text-align:center; font-family:Arial, sans-serif; background: #dfdfdf url(/images/bg_header.gif) top repeat-x;}
div#main a {text-decoration: underline; color:#333;}
div#main a:link {color: #333;}
div#main a:visited {color: #333;}
div#main a:active {color: #333; text-decoration:none;}
div#main a:hover {color: #333; text-decoration:none;}
img {border:none;}
.clearFix {zoom: 100%;}
.clearFix:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
pre{
font-size: 12px;
}
/*----------------------------------
2: layout
------------------------------------*/
/* ====== OUTLINE ======
------------------------------------------*/
#outline {margin:0 auto; text-align:left; padding:0; width:900px; background:url(/images/back_wrapper.jpg) repeat-y top; }
div#wrapper {margin:0 22px;}
#main {margin:0; float:left; width:600px; overflow:hidden; padding:20px 0;}
#sub {float:right; width:236px; overflow:hidden; margin:0; padding:20px 0;}
/* HEADER
========================================================*/
div#header {text-align:left; background:url(/images/back_visual.jpg) top left no-repeat; height:430px; margin: 0 0 0 2px;}
div#header h1 {position:absolute; margin:25px 0 0 250px; font-size:9px; line-height:0; font-weight: normal; color: #ccc; }
div#header img.header_logo {position:absolute; margin: 10px 0 0 22px;}
div#header dl#h-inquiry {padding:0; margin:0; position:absolute;}
div#header dl#h-inquiry dt.copy {position:absolute; margin:10px 0 0 558px;}
div#header dl#h-inquiry dt.tel {position:absolute; margin:33px 0 0 558px;}
div#header dl#h-inquiry dd { width: 160px; height: 25px;background:url(/images/hd003_ov.gif); margin:30px 0 0 718px;}
div#header dl#h-inquiry dd a {display:block;}
div#header dl#h-inquiry dd a:hover {background-color:transparent;}
div#header dl#h-inquiry dd a:hover img {visibility:hidden;}
div#header ul#btn-area {padding:0; margin:0; position:absolute; list-style:none;}
div#header ul#btn-area li {position:absolute; overflow:hidden;}
div#header ul#btn-area li a {display:block;}
div#header ul#btn-area li a:hover {background-color:transparent;}
div#header ul#btn-area li a:hover img {visibility:hidden;}
div#header ul#btn-area li#btn04 {width:75px; height:10px; background:url(/images/hd004_ov.gif); margin:40px 0 0 252px;}
div#header ul#btn-area li#btn05 {width:55px; height:10px; background:url(/images/hd005_ov.gif); margin:40px 0 0 333px;}
div#header ul#btn-area li#btn06 {width:55px; height:10px; background:url(/images/hd006_ov.gif); margin:40px 0 0 397px;}
div#header ul#btn-area li#btn07 {width:75px; height:10px; background:url(/images/hd007_ov.gif); margin:40px 0 0 461px;}
div#header dl#title-text {position:absolute; padding:0; margin:0;}
div#header dl#title-text dt {position:absolute; margin:245px 0 0 22px;}
div#header dl#title-text dd {position:absolute; margin:270px 0 0 22px;}
div#header h2 {color:#666; font-size:10px; _font-size:9px; position:absolute; margin:306px 0 0 22px; width:860px; height:50px; overflow:hidden; font-weight:normal; line-height:1.25;}
*+html #header h2 {font-size:9px;}
html>/**/body #header h2 {font-size /*\**/:9px\9}
div#header ul#og-navi {position:absolute; margin:0; padding:0; list-style:none;}
div#header ul#og-navi li {width:176px; height:36px; overflow:hidden; position:absolute;}
div#header ul#og-navi li a {display:block;}
div#header ul#og-navi li a:hover {background-color:transparent;}
div#header ul#og-navi li a:hover img {visibility:hidden;}
div#header ul#og-navi li#navi01 {background:url(/images/navi001_ov.png); margin:357px 0 0 2px;}
div#header ul#og-navi li#navi02 {background:url(/images/navi002_ov.png); margin:357px 0 0 182px;}
div#header ul#og-navi li#navi03 {background:url(/images/navi003_ov.png); margin:357px 0 0 362px;}
div#header ul#og-navi li#navi04 {background:url(/images/navi004_ov.png); margin:357px 0 0 542px;}
div#header ul#og-navi li#navi05 {background:url(/images/navi005_ov.png); margin:357px 0 0 722px;}
div#header dl#og-list {position:absolute; padding:0; margin:0;}
div#header dl#og-list dt {position:absolute; margin:0 0 0 2px; padding:0;}
div#header dl#og-list dd {position:absolute; margin:398px 0 0 2px; padding:0;}
div#header dl#og-list dd ul {list-style:none; margin:0; padding:0; width:900px;}
div#header dl#og-list dd ul li {width:146px; height:28px; overflow:hidden; float:left; margin-right:4px; margin-bottom: 0px;}
div#header dl#og-list dd ul li a {display:block;}
div#header dl#og-list dd ul li a:hover {background-color:transparent;}
div#header dl#og-list dd ul li a:hover img {visibility:hidden;}
div#header dl#og-list dd ul li#list01 {background:url(/images/list001_ov.png);}
div#header dl#og-list dd ul li#list02 {background:url(/images/list002_ov.png);}
div#header dl#og-list dd ul li#list03 {background:url(/images/list003_ov.png);}
div#header dl#og-list dd ul li#list04 {background:url(/images/list004_ov.png);}
div#header dl#og-list dd ul li#list05 {background:url(/images/list005_ov.png);}
div#header dl#og-list dd ul li#list06 {background:url(/images/list006_ov.png);}
/* MAIN
========================================================*/
/*今見ているカテゴリ表示（カテゴリアーカイブのみ）
------------------------------------------*/
#main div.this_cate{background:url(/images/bg_cate.gif) no-repeat left; margin:0 0 25px; padding:16px 10px 16px 90px; font-weight:bold; color:#fff; font-size:15px; line-height:1;}
/*エントリー前後リンク
------------------------------------------*/
#main .articleNavi {margin:10px; padding:3px; background:#fff; text-align:center; border:none;}
#main .articleNavi ul {margin:0; padding:0; list-style:none;}
#main .articleNavi ul li{margin:0; padding:0; display:inline; margin-right:5px;}
#main .articleNavi ul li.prev{}
#main .articleNavi ul li.top{font-weight:bold;}
#main .articleNavi ul li.next{}
/*エントリーボックス
------------------------------------------*/
#main .content {margin:0; padding:0; border:none;}
#main .content .art_box{margin:0; padding:0;}
/*エントリの日付
------------------------------------------*/
#main .content p.entryDate {font-size:12px; margin:0; color:#333; padding:0; text-align:right;}
/*エントリのタイトル
------------------------------------------*/
#main .content h3.entryTitle {clear: both; font-size:14px; margin:5px 0; background:#fff url(/images/lm_tit.gif) left no-repeat; padding:10px 10px 8px 38px; color:#000; border-bottom: 1px solid #666;}
#main .content h3.entryTitle a {color:#000; text-decoration:none;}
#main .content h3.entryTitle a:hover {color:#000; text-decoration:underline; background:none;}
/*エントリの本文BOX
------------------------------------------*/
#main .content div.entryBody {padding:0 2px 15px;}
/*エントリの本文
------------------------------------------*/
#main .content div.entryBody p {clear: both; margin:0; padding:0;}
#main .content div.text_box{clear: both; padding: 10px; border: 1px solid #cccccc; background: #f7f7f7;}
#main .content div.text_box2{clear: both; padding: 4px; border: 2px solid #ffffcc; background: #ffffcc;}
#main .content div.text_box3{clear: both; padding: 10px; border: 1px solid #cccccc; background: #ffffcc;}
#main .content div.text_right{clear: both; text-align: right; margin: 7px 0 10px 0;}
/*エントリの追記BOX
------------------------------------------*/
#main .content div.entryExtended {margin:0; padding:0;}
/*エントリの追記文
------------------------------------------*/
#main .content div.entryExtended p {}
/*エントリの追記文 続きはこちら
------------------------------------------*/
#main .content div.entryExtended p.continue {text-align:right;}
/*リスト関連1
------------------------------------------*/
#main .content div.list {
CLEAR: both; MARGIN-TOP: 10px; MARGIN-BOTTOM: 20px
}
#main .content div.list img {
text-decoration:none; PADDING: 0px 0px 0px 0px; MARGIN-BOTTOM: 2px
}
#main .content div.list a:hover img {
opacity:0.7; filter: alpha(opacity=70);
}
#main .content div.list UL.fivepiece01 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 600px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#main .content div.list UL.fivepiece01 LI {
FONT-SIZE: 9px; FLOAT: left; WIDTH: 108px; LINE-HEIGHT: 1.3; HEIGHT: 120px; TEXT-ALIGN: center; PADDING-LEFT: 5px; PADDING-RIGHT: 6px;
}
/*前後記事リンク部navi
++++++++++++++++++++++++++++++*/
div#main div.navi {margin:0; padding:3px; background:#fff; text-align:center;}
/*まとめてposted by
--------------------------------------------------------------*/
ul.posted {clear: both; padding:3px; background:url(/images/dott01.gif) top repeat-x; list-style:none; text-align:right; font-size:10px;}
.content ul.posted {margin-left:0;}
*+html ul.posted {font-size:9px;}
ul.posted li {display:inline; margin:0 5px 0 0;}
ul.posted li.postAuthor span.txtAu {font-weight:bold;}
/* -- エントリーのposted by --
------------------------------------------*/
.entryBody ul.posted {margin:10px 0;}
.entryBody ul.posted li{}
/* -- エントリのposted by 投稿社名 --
------------------------------------------*/
.entryBody ul.posted li.postAuthor {}
.entryBody ul.posted li.postAuthor span.txtAu {}
/* -- エントリのposted by 投稿日 --
------------------------------------------*/
.entryBody ul.posted li.postDate{}
/* -- エントリのposted by 投稿カテゴリ --
------------------------------------------*/
.entryBody ul.posted li.postCat{}
/* -- エントリのposted by コメント --
------------------------------------------*/
.entryBody ul.posted li.postCom{}
/* -- エントリのposted by トラクバック --
------------------------------------------*/
.entryBody ul.posted li.postTb{}
/* -- コメントのposted by --
------------------------------------------*/
#comment ul.posted {}
#comment ul.posted li {}
/* -- コメントのposted by 投稿社名 --
------------------------------------------*/
#comment ul.posted li.postAuthor {}
#comment ul.posted li.postAuthor span.txtAu {}
/* -- コメントのposted by 投稿日 --
------------------------------------------*/
#comment ul.posted li.postDate {}
/*まとめてトラックバック・コメント見出し
--------------------------------------------------------------*/
#main h4 {font-size:12px; background:#000; padding:3px 3px 3px 10px; margin-top:20px; color:#fff;}
/* -- トラックバック見出し --
------------------------------------------*/
#main div.tbUrl h4 {}
/* -- コメント見出し --
------------------------------------------*/
#main div.tbUrl h4 {}
/*まとめてトラックバック・コメントの小見出し
------------------------------------------*/
#main h5 {font-size:12px; font-weight:normal; margin:10px 0 0; padding:0 0 0 5px; border-left:5px solid #000;}
/* -- このエントリーのトラックバックURL --
------------------------------------------*/
#main div.tbUrl h5 {}
/* -- この記事に対するトラックバック一覧 --
------------------------------------------*/
#main h5.tbListTitle {}
/* -- この記事に対するコメント一覧 --
------------------------------------------*/
#main h5.comListTitle {}
/* -- コメントフォーム --
------------------------------------------*/
#main h5.comFormTitle {}
/* トラックバックURL
------------------------------------------*/
.tbUrl p {font-size:10px; border-top:1px solid #999; border-left:1px solid #999; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:3px; margin:10px; background:#fff;}
/* トラックバックリスト
------------------------------------------*/
dl.tbList {margin:10px 0 0; padding:0;}
dl.tbList dt {font-weight:bold;}
dl.tbList dt span.blogName {font-weight:normal;}
dl.tbList dd {margin:10px 0 0; padding:0 20px;}
dl.tbList dd.continue {margin:10px 0 0; padding:0; text-align:right; border-bottom:1px dashed #ccc;}
/* コメントリスト
------------------------------------------*/
dl.comList {margin:10px 0 0; padding:0;}
dl.comList dt {font-weight:bold; padding:0 0 20px;}
dl.comList dd {margin:10px 0 0; padding:0 20px;}
/* コメントフォーム
------------------------------------------*/
.comForm {margin:20px 0 0; padding:0;}
#error ul {font-size:12px; color:#999;}
.comForm dl {margin:0; padding:0;}
.comForm dt {font-size:12px; margin:5px 0 0;}
.comForm dd {margin:0;}
.comForm dd input {width:200px;}
.comForm dd textarea {width:330px;}
.comForm dd.sub input {width:80px;}
/* SIDE
========================================================*/
#sub div#subRight {border:6px solid #ccc; padding-bottom:15px;}
.sidebar {margin:0; padding:0;}
/* サイドまとめて設定
--------------------------------------------------------------*/
.sidebar h2 {margin:20px 0px 10px 0px; padding:2px 0 2px 15px; background:url(/images/bg_side_title.gif) left no-repeat; color:#fff; font-size:14px;}
.sidebar ul {margin:0 0 0 5px; padding:0; list-style:none; color:#333;}
.sidebar li {color:#333; margin:0; padding:0 0 5px 15px; line-height:1.4; background: url(/images/bg_side_list.gif) left 3px no-repeat;}
.sidebar li a {color:#333;}
.sidebar li a:hover {color:#fff; background:#333; text-decoration:none;}
/* サイドの各ボックスをまとめて
--------------------------------------------------------------*/
.sidebar #info,
.sidebar #calendar,
.sidebar #profile,
.sidebar #categories,
.sidebar #recent,
.sidebar #comment,
.sidebar #trackback,
.sidebar #archive,
.sidebar #link,
.sidebar #search {margin:0; padding:0 10px;}
/* インフォメーション
------------------------------------------*/
.sidebar #info {}
.sidebar #info h2 {}
/* カレンダー
------------------------------------------*/
.sidebar #calendar {}
.sidebar #calendar h2 {}
.sidebar #calendar table {font-size:12px; margin-top:5px; padding:0; border-collapse:separate; width:100%;}
.sidebar #calendar th {text-align:center; font-weight:bold;}
.sidebar #calendar td {text-align:center;}
.sidebar #calendar td a {color:#333; text-decoration:underline;}
.sidebar #calendar td a:hover {color:#fff; text-decoration:none; background:#333;}
/* プロフィール
------------------------------------------*/
.sidebar #profile {padding-top:10px;}
.sidebar #profile h2 {}
.sidebar #profile p {}
.sidebar #profile img.profile {width:100%; margin:0; padding:0;}
.sidebar #profile pre {margin-bottom:0;}
.sidebar #profile a {color:#333;}
.sidebar #profile a:hover {background:#333; color:#fff; text-decoration:none;}
/* カテゴリー
------------------------------------------*/
.sidebar #categories {}
.sidebar #categories h2 {}
.sidebar #categories ul {}
.sidebar #categories li {}
/* 最新エントリ
------------------------------------------*/
.sidebar #recent {}
.sidebar #recent h2{}
.sidebar #recent ul{}
.sidebar #recent li{}
/* 最新コメント
------------------------------------------*/
.sidebar #comment {}
.sidebar #comment h2{}
.sidebar #comment ul{}
.sidebar #comment li{}
/* 最新とらば
------------------------------------------*/
.sidebar #trackback {}
.sidebar #trackback h2{}
.sidebar #trackback ul{}
.sidebar #trackback li{}
/* 月別アーカイブ
------------------------------------------*/
.sidebar #archive {}
.sidebar #archive h2{}
.sidebar #archive ul{}
.sidebar #archive li{}
/* リンク
------------------------------------------*/
.sidebar #link {}
.sidebar #link h2{}
.sidebar #link ul{}
.sidebar #link li{}
/* 検索
------------------------------------------*/
.sidebar #search {}
.sidebar #search h2 {margin:60px 0 0 0;}
.sidebar #search form {text-align:center; margin:0; padding:0;}
.sidebar #search input {width:140px;}
.sidebar #search input.textBox{}
/* RSS
------------------------------------------*/
#rss {text-align:right; margin:0 0 5px; padding-right:20px;}
div.bn {margin:10px 20px 0;}
/* 問い合わせフォーム
------------------------------------------*/
FIELDSET {
MARGIN: 0px 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
FIELDSET DL {
MARGIN: 0px
}
FIELDSET DL DT {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 150px; COLOR: #000000; PADDING-TOP: 10px
}
FIELDSET DL DD {
PADDING-RIGHT: 0px; PADDING-LEFT: 170px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px; BORDER-BOTTOM: #cccccc 1px solid
}
FIELDSET DL DD SPAN {
FONT-WEIGHT: bold; COLOR: #000000
}
INPUT.submit {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 5px; PADDING-TOP: 10px
}
FIELDSET TEXTAREA {
WIDTH: 350px
}
/* 総合トップへのリンクバナー
------------------------------------------*/
#global{margin:10px 20px 0; text-align:center;}
/* FOOTER
========================================================*/
div#footer li a,div#footer p a {text-decoration: underline; color:#666;}
div#footer li a:link,div#footer p a:link {color: #666;}
div#footer li a:visited,div#footer p a:visited {color: #666;}
div#footer li a:active,div#footer p a:active {color: #fff; background:#333; text-decoration:none;}
div#footer li a:hover,div#footer p a:hover {color: #fff; text-decoration:none; background:#333;}
#footer {margin:0; padding:0; background:#999 url(/images/bg_ftout.gif) top center repeat;}
#footer div#footer-contents {width:896px; margin:0 auto; padding:14px 0px 10px 0px; background:#333 url(/images/bg_ftin.gif) top center repeat; height: 280px;}
#footer div#footer-contents div#footer-inner {padding:0 20px;}
div#footer-left {width:470px; float:left; text-align:left;}
div#footer-left dl {padding:0; margin:0;}
div#footer-left dt {font-size:10px; font-weight:bold; color:#999;}
div#footer-left dt .cl960 {color:#960;}
div#footer-left dl dd {padding:2px 0 5px; margin:0;}
div#footer-left dl dd ul {list-style:none; font-size:10px; _font-size:9px; margin:0 0 3px; padding:0;}
*+html #footer-left dl dd ul {font-size:9px;}
html>/**/body #footer-left dl dd ul {font-size /*\**/:9px\9}
div#footer-left dl dd ul li {border-right:1px solid #000; margin-right:3px; padding-right:3px; float:left;}
div#footer-left dl dd ul li.none {border:none; padding:0; margin:0;}
div#footer-left p {margin:0; padding:0; color:#666;}
div#footer-right {width:370px; float:right; text-align:left;}
div#footer-right p#footer-title {width:370px; height:57px; overflow:hidden; margin:0 0 10px; padding:0;}
div#footer-right dl {padding:0; margin:0;}
div#footer-right dl dt {padding:0; margin:0; margin-bottom: 10px;}
div#footer-right dl dd {padding:0; margin:0;}
div#footer-right dl dd ul {padding:0; margin:0; list-style:none;}
div#footer-right dl dd ul li#footer-tel {width:216px; float:left;}
div#footer-right dl dd ul li#footer-mail a {display:block;}
div#footer-right dl dd ul li#footer-mail a:hover {background-color:transparent;}
div#footer-right dl dd ul li#footer-mail a:hover img {visibility:hidden;}
div#footermenu { position:relative; margin-top: 5px; clear: both;}
div#footermenu ul {padding:0; margin:0; list-style:none; margin-bottom: 8px; clear: both; background: ;}
div#footermenu ul li {border-right:1px solid #666; margin-right:3px; padding-right:3px; float:left; font-size: 9px; white-space: nowrap;}
div#footermenu ul li.none {border:none; padding:0; margin:0; margin-bottom: 7px;}
ul.textmenu{ clear: both; margin-bottom: 10px;}
div#footer-right div#frbt001 {position:absolute; margin: 0 0 0 0;}
div#footer-right div#frbt002 {position:absolute; margin: 30px 0 0 0;}
div#footer-right div#frbt003 {position:absolute; margin: 80px 0 0 0;}
div#footer-right ul#fbt {position:absolute; margin:0; padding:0; list-style:none; margin-top: 0px;}
div#footer-right ul#fbt li {width:140px; height:40px; overflow:hidden; position:absolute;}
div#footer-right ul#fbt li a {display:block;}
div#footer-right ul#fbt li a:hover {background-color:transparent;}
div#footer-right ul#fbt li a:hover img {visibility:hidden;}
div#footer-right ul#fbt li#fbt01 {background:url(/images/ftbn001_ov.png); margin:15px 0 0 230px;}
*:first-child+html div#footer-right ul#fbt li#fbt01 {background:url(/images/ftbn001_ov.png); margin:25px 0 0 230px;}
div#footer-right ul#fbt li#fbt02 {background:url(/images/ftbn002_ov.png); margin:80px 0 0 0;}
div#copyrights{ background: #000;}
div#copyrights p {font-size:12px; margin:0 auto; padding:4px 0; color:#fff; text-align:center; width:896px; background: #222;border-top: 0px solid #fff;}
div#copyrights p a {color:#fff; text-decoration:underline;}
div#copyrights p a:link {color:#fff;text-decoration:none;}
div#copyrights p a:visited {color:#fff;text-decoration:none;}
div#copyrights p a:active {color:#fff;text-decoration:none;}
div#copyrights p a:hover {color:#fff;text-decoration:underline;}
div#footer div.shopinfo{ text-align: left; padding-top: 10px;}
div#footer div.shopinfo p{ margin: 0; padding: 0;display: block;margin-bottom: 5px; color: #666;}
/*----------------------------------
3: etc
------------------------------------*/
/* ENTRY ARCHIVE
========================================================*/
/*HR区切り線など
------------------------------------------*/
span.s-line {text-decoration:line-through; margin-right:10px;}
hr {width:95%; text-align:center; border-style:solid; border-color:#aaa; height:1px;}
.photo {text-align:left; margin-bottom:20px;}
.link-note {text-align:left; padding:2px; margin-bottom:15px;}
#comment-data {float:left; width:180px; margin-right:15px; text-align:left; border-right:1px dotted #bbb;}
textarea[id="comment-text"] {width:80%;}
.commenter-profile img {vertical-align:middle; border-width:0;}
/*プロフィール タイトル表示なし*/
div#profile h2 {display:none;}