@charset "UTF-8"; /* Skin Name: Future Skin - Layout Module Author: vicuna.jp - Layout: single, double, special1 - Eye catch: eye-u, eye-c, eye-h, eye-hb - Special: double eye-u - Fixed width: f800, f850, f900, f950, f1000 - Other Class: gt */ body { margin: 0 8px; text-align: center; } div#header, div#content, div#footer { width: 95%; /*(60%~ | 600px~ | 60em~) etc.*/ min-width: 600px; max-width: 1000px; margin: 0 auto; position: relative; text-align: left; } /*======================================== Single Column Layout ┏━━━┓ ┃━━━┃ ┣━┳━┫ ┗━┻━┛ ========================================*/ body.single div#main { _height: 1px; /* for IE peekaboo */ } body.single ul#flip1 { margin-top: 15px; } body.single div.entry ul.info { margin-left: -20px; margin-right: -20px; } /* div#utilities ---------------*/ body.single div#utilities { margin-top: 1em; padding: 1.4em 0; background: #f5f5f5 url(images/common/bg_grad02.png) repeat-x; } body.single div#utilities dl { margin: 0; padding: 1px 0; background-color: #fff; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } body.single div#utilities dl dt { margin-bottom: 0; padding: 0.5em 10px 0.5em 10px; border-left: 5px solid #bbb; } body.single div#utilities dl dd { margin: 0 10px 1em; padding: 5px 0; border-left: 5px solid #ddd; border-bottom: 1px solid #eee; border-right: 1px solid #eee; background: #f7f7f7 url(images/common/bg_line-dot.gif) left top repeat-x; } body.single div#utilities dl dd ul { margin: 0.5em 10px 0.5em 25px; } body.single div#utilities dl dd dt { margn: 0; padding: 0.3em 0; color: #333; border: none; background-color: transparent; } body.single div#utilities dl dd dd { border: none; background-image: none; } body.single div#utilities { _height: 1px; min-height: 1px; /*¥*//*/ height: 1px; overflow: hidden; /**/ } body.single div#utilities:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } /* dl.navi ------------------------*/ body.single div#utilities dl.navi { margin-left: 10px; display: inline; /* for WinIE */ float: left; width: 340px; } /* dl.others ------------------------*/ body.single div#utilities dl.others { margin: 0 10px 0 360px; } body.single div#utilities dl.others form { margin: 0.5em 10px 0; } body.single div#utilities dl.others dd ul.feed { margin: 0; } /*======================================== Double Column Layout - Sidebar on left ┏┓┏━━━┓ ┃┃┃━━━┃ ┗┛┗━━━┛ ========================================*/ body.double div#content { background-color: transparent; background-image: url(images/interface/bg_div-content.png); background-repeat: no-repeat; } body.double h1 { margin: 0 0 0 20px; border-left: 1px solid #eee; } /*-------------------------------------- div#main ---------------------------------------*/ body.double div#main { margin-left: 228px; min-height: 1000px; _height: 1000px; /* for IE */ background-color: #fff; background-image: url(images/interface/bg_div-main.png); background-repeat: no-repeat; background-position: right top; } body.double div#main p.topicPath { margin: 1.7em 13em 0 20px; } body.double ul#flip1 { margin-top: 22px; } body.double div#content div.entry ul.info { margin: 0 -20px 0 0; padding-left: 20px; _position: relative; /* for IE6 */ } body.double div#content p.return { margin-left: 228px; } /*-------------------------------------- div#utilities ---------------------------------------*/ body.double div#utilities { margin-top: 15px; padding-bottom: 6px; width: 228px; position: absolute; top: 0; left: 0; background: #fff url(images/interface/bg_div-utilities.png) left bottom no-repeat; } body.double div#utilities dl { margin: 0; } body.double div#utilities dl dt { margin: 0 5px 0 17px; line-height: 1; } body.double div#utilities dl dd { margin: 0; _height: 1px; /* for IE */ } body.double div#utilities dd ul li { margin-left: 25px; margin-right: 5px; } body.double div#utilities table.calendar { margin: 0 auto; _margin-left: 15px; /* for IE6 */ width: 199px; } body.double div#utilities table.calendar caption { margin: 0 auto; padding: 5px 0 4px; border-bottom: 1px solid #fff; width: 200px; background: #eee url(images/common/bg_caption.gif) no-repeat; } /*-------------------------------------- dl.navi ---------------------------------------*/ body.double div#utilities dl.navi { padding: 1px 0; background: url(images/interface/bg_dl-navi.png) repeat-y; } body.double div#utilities dl.navi dt { padding-bottom: 6px; } body.double div#utilities dl.navi dd { padding-bottom: 38px; background: url(images/interface/bg_dl-navi_dd.png) left bottom no-repeat; } body.double div#utilities dl.navi dd ul { margin: 0 3px 0 17px; padding: 1px 0; background: #f6f6f6 url(images/interface/bg_dl-navi_ul.png) left bottom no-repeat; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; } body.double div#utilities dl.navi dd ul li a { text-decoration: none; } /* Sub Category */ body.double div#utilities dl.navi dd ul li ul { margin: 0; padding: 0; } body.double div#utilities dl.navi dd ul li li { margin: 0.3em 0 0 10px; } /*-------------------------------------- dl.others ---------------------------------------*/ body.double div#utilities dl.others { padding-top: 0; background: #fff url(images/interface/bg_dl-others.png) no-repeat; } body.double div#utilities dl.others dt { margin: 0 2px; padding: 0 13px; border-bottom: none; } body.double div#utilities dl.others dd { margin: 12px 0; padding: 0; } body.double div#utilities dl.others dd dl dd { margin: 0.2em 10px 0.2em 10px; } body.double div#utilities dl.others dd ul { margin: 0 0 0 5px; } /* Search ---------------------------------------*/ body.double div#utilities dl dd form { margin: 0 6px; padding: 7px 10px; border-width: 1px; border-style: solid; border-color: #ddd #fff #fff #ddd; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } body.double div#utilities dl dd form fieldset { border: none; } body.double div#utilities dl dd form legend { display: none; } body.double div#utilities dl dd form input { margin-left: 0; } body.double div#utilities dl dd form input.inputField { } /* Feeds ---------------------------------------*/ body.double div#utilities li.atom, body.double div#utilities li.rss { margin-left: 0; } /*-------------------------------------- div#utilities dl > dd > * ---------------------------------------*/ /* dd > p -----------------------------*/ body.double div#utilities dl dd p { margin: 0.6em 13px 0.4em 18px; line-height: 1.4; color: #999; font-family: "ＭＳＰゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; } /* dd > list -----------------------------*/ body.double div#utilities dl dd dl dt { margin: 0.3em 0; background-color: #eee; } body.double div#utilities dl dd dl dt a { text-decoration: none; } body.double div#utilities dl dd dl dd { margin: 0.1em 5px; font-size: 12px; } /*======================================== Eye Catch ========================================*/ /* Header - ---------------*/ body.eye-h div#header, body.eye-h div#content, body.eye-h div#footer { width: 800px; } body.eye-h ul#globalNavi { position: absolute; top: 75px; left: 30px; background-image: none; border-left: 1px solid #ddd; } body.eye-h ul#globalNavi a { border-right: 1px solid #ddd; color: #666; background-image: none; } body.eye-h ul#globalNavi a:hover, body.eye-h ul#globalNavi li.current a { color: #000; } body.eye-h div#header { padding: 0; height: 122px; background-image: url(images/eyeCatch/header.png); background-repeat: no-repeat; } body.eye-h div#header p.siteName { margin: 0; position: absolute; top: 25px; left: 30px; } body.eye-h div#header p.siteName a { color: #333; } body.eye-h div#header p.description { margin: 0; position: absolute; top: 55px; left: 30px; color: #333; } /* Header Banner - ---------------*/ body.eye-hb div#header, body.eye-hb div#content, body.eye-hb div#footer { width: 800px; } body.eye-hb div#header { padding: 0; } body.eye-hb div#header p.siteName { margin: 0; } body.eye-hb div#header p.siteName a { height: 122px; display: block; text-indent: -9999px; background-image: url(images/eyeCatch/header.png); background-repeat: no-repeat; overflow: auto; } body.eye-hb div#header p.description { display: none; } body.eye-hb ul#globalNavi { margin: 5px 0 8px; } /* Content - ---------------*/ body.eye-c div#header, body.eye-c div#content, body.eye-c div#footer { width: 800px; } body.eye-c div#content { padding-top: 228px; background-image: url(images/eyeCatch/content.png); background-repeat: no-repeat; } body.eye-c ul#flip1 { position: absolute; top: 230px; right: 0; } body.eye-c div#content p.topicPath { margin-right: 12.5em; } body.eye-c div#utilities { top: 230px; } /* Utilities - ---------------*/ body.eye-u div#content { background-color: transparent; background-image: url(images/eyeCatch/mini.png); background-repeat: no-repeat; } body.eye-u div#utilities { margin-top: 289px; } /*======================================== Special Layout set ========================================*/ /* ---------------*/ body.set1 { } /* ---------------*/ body.set2 div#main { padding-top: 1px; background-image: none; } body.set2 div#content { padding-top: 200px; } /*======================================== Others ========================================*/ /* Fixed 800px - ---------------*/ body.f800 div#header, body.f800 div#content, body.f800 div#footer { width: 800px; } /* Fixed 850px - ---------------*/ body.f850 div#header, body.f850 div#content, body.f850 div#footer { width: 850px; } /* Fixed 900px - ---------------*/ body.f900 div#header, body.f900 div#content, body.f900 div#footer { width: 900px; } /* Fixed 950px - ---------------*/ body.f950 div#header, body.f950 div#content, body.f950 div#footer { width: 950px; } /* Fixed 1000px - ---------------*/ body.f1000 div#header, body.f1000 div#content, body.f1000 div#footer { width: 1000px; } /*======================================== Archive Type ========================================*/ body.mainIndex p.topicPath, body.category p.topicPath { margin-right: 0; } body.mainIndex div#main div.entry ul.info, body.category div#main div.entry ul.info { margin-left: 0; margin-right: 0; padding-left: 10px; } body.individual div#main div.entry ul.info, body.archives div#main div.entry ul.info { padding-left: 30px; border-left: none; }