@charset "UTF-8";
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 8/9. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

.pie-element { behavior: url("/css/PIE.htc"); position: relative; }

a { outline: none; }
a, a:visited { color: #754c24; }
a:hover, a.selected { color: #cc0000; }

.clear { overflow: hidden; *zoom: 1; }

.reset, .reset ul, .reset ol, .reset dl, .reset dd { margin: 0; padding: 0; }
.reset li { list-style-type: none; }

.align-l { text-align: left; }

.align-c { text-align: center; }

.align-r { text-align: right; }

.line-through { text-decoration: line-through; }

.float-l { float: left; margin: 0.25em 1em 0.5em 0.25em; }

.float-r { float: right; margin: 0.25em 0.25em 0.5em 1em; }

table { width: 100%; border-top: solid 1px #dedede; border-collapse: separate; }
table td, table th { text-align: left; vertical-align: top; border: none; padding: 10px 0; border-bottom: solid 1px #dedede; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

p { margin: 0 0 1em; }
p.reset { margin-bottom: 0; }

hr { width: 100%; height: 0px; border: 0px; border-top: 1px dotted #dedede; margin: 1em 0; }

img { vertical-align: bottom; }

.hidden { display: none; }

.border { border: solid 1px #dedede; }

.pdT0 { padding-top: 0; }

.pdT5 { padding-top: 5px; }

.pdT10 { padding-top: 10px; }

.pdT15 { padding-top: 15px; }

.pdT20 { padding-top: 20px; }

.pdT25 { padding-top: 25px; }

.pdT30 { padding-top: 30px; }

.pdB0 { padding-bottom: 0; }

.pdB5 { padding-bottom: 5px; }

.pdB10 { padding-bottom: 10px; }

.pdB15 { padding-bottom: 15px; }

.pdB20 { padding-bottom: 20px; }

.pdB25 { padding-bottom: 25px; }

.pdB30 { padding-bottom: 30px; }

.pd0 { padding: 0; }

.pd5 { padding: 5px; }

.pd10 { padding: 10px; }

.pd15 { padding: 15px; }

.pd20 { padding: 20px; }

.pd25 { padding: 25px; }

.pd30 { padding: 30px; }

.mrT0 { margin-top: 0; }

.mrT5 { margin-top: 5px; }

.mrT10 { margin-top: 10px; }

.mrT15 { margin-top: 15px; }

.mrT20 { margin-top: 20px; }

.mrT25 { margin-top: 25px; }

.mrT30 { margin-top: 30px; }

.mrB0 { margin-bottom: 0; }

.mrB5 { margin-bottom: 5px; }

.mrB10 { margin-bottom: 10px; }

.mrB15 { margin-bottom: 15px; }

.mrB20 { margin-bottom: 20px; }

.mrB25 { margin-bottom: 25px; }

.mrB30 { margin-bottom: 30px; }

.mr0 { margin: 0; }

.mr5 { margin: 5px; }

.mr10 { margin: 10px; }

.mr15 { margin: 15px; }

.mr20 { margin: 20px; }

.mr25 { margin: 25px; }

.mr30 { margin: 30px; }

.lh1 { line-height: 1; }

.lh1-1 { line-height: 1.1; }

.replace-img, #logo a, #nav-global a, #credit .logo { text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; }

.form-btn-box { text-align: center; margin: 0.5em  0; }

.date { font-size: 92.3%; }

.nav-pager { text-align: center; }
.nav-pager li { display: inline-block; }
.nav-pager a, .nav-pager .current { font-weight: bold; border: solid 1px #754c24; background: #754c24; margin-right: 3px; text-decoration: none; padding: 0.5em; color: white; }
.nav-pager a:hover { border: solid 1px #b39e85; background: #b39e85; color: white; }
.nav-pager .current { background: white; border: solid 1px #ccc; color: #754c24; }

.nav-prev-next { text-align: center; padding: 1.5em 0 2em; }
.nav-prev-next .prev { border-right: solid 2px #b39e85; }
.nav-prev-next a { padding: 0 0.5em; }

html, body { background: #f6f6f6; }

body { font-size: 13px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.539; color: #333333; min-width: 960px; }

nav.pager { text-align: center; padding-top: 20px; }
nav.pager li { display: inline-block; }
nav.pager a, nav.pager .current { font-weight: bold; border: solid 1px #666; background: #666; margin-right: 3px; text-decoration: none; padding: 0.5em 0.75em; color: white; line-height: 2; }
nav.pager a:hover { border: solid 1px #b39e85; background: #b39e85; color: white; }
nav.pager .current { background: white; border: solid 1px #ccc; color: #666; }
nav.pager .prev a { padding-left: 0; }
nav.pager .next a { padding-right: 0; }

#container { background: white; width: 1024px; margin: 0 auto; position: relative; }

.inner, #header, #footer { padding: 0 20px; position: relative; }

#header a, #footer a { text-decoration: none; }

#header { height: 90px; }

#logo { position: absolute; top: 19px; left: 20px; }
#logo a { display: block; display: block; background-image: url('../img/btn.png'); background-repeat: no-repeat; width: 206px; height: 52px; background-size: 268px 254px; background-position: 0 0; }

#nav-global { position: absolute; left: 310px; top: 0; border-left: solid 1px #dedede; }
#nav-global li { float: left; border-right: solid 1px #dedede; }
#nav-global .type a { display: block; background-image: url('../img/btn.png'); background-repeat: no-repeat; width: 149px; height: 71px; background-size: 268px 254px; background-position: 0 -112px; }
#nav-global .area a { display: block; background-image: url('../img/btn.png'); background-repeat: no-repeat; width: 148px; height: 71px; background-size: 268px 254px; background-position: 0 -183px; }

#nav-header { float: right; padding-top: 15px; }
#nav-header li { float: left; margin-right: 20px; }
#nav-header li.last { margin-right: 0; }
#nav-header a { color: #333333; }
#nav-header a:hover { color: #cc0000; }
#nav-header i { font-size: 107.7%; color: #b39e85; }
#nav-header i::before { width: 0.5em; margin-left: 0; }

#site-search-box { margin-top: 8px; }
#site-search-box input[type="text"] { width: 277px; padding: 5px 2px 6px; line-height: 1; height: 1em; border: solid 1px #dedede; margin: 0; font-size: 107.7%; }
#site-search-box input[type="submit"] { width: 62px; height: 27px; padding: 0; border: none; margin: 0; font-weight: bold; color: white; background: #b39e85; font-size: 92.3%; }
#site-search-box input[type="submit"]:hover { background: #754c24; }

#nav-footer { padding: 15px 20px; }
#nav-footer .topic-path { float: left; }
#nav-footer .socialbtns { float: right; }
#nav-footer .socialbtns li { float: left; height: 22px; }
#nav-footer .socialbtns li.twitter { padding-right: 5px; }
#nav-footer .socialbtns li.twitter iframe { width: 110px !important; }

#footer { background: #f2f2f2; padding: 20px; }
#footer .right { float: right; width: 350px; }
#footer .right .social { text-align: right; padding-bottom: 5px; }
#footer .right .social li { display: inline-block; padding: 0 3px; }
#footer .right .social li.tw a { color: #45d3ff; }
#footer .right .social li.fb a { color: #0071a8; }
#footer .right .social li.tw a, #footer .right .social li.fb a { display: block; }
#footer .right .social li.tw a:hover, #footer .right .social li.fb a:hover { color: #b39e85; }
#footer .right .social li.counter { position: relative; }
#footer .right .social li.counter span { position: relative; top: -7px; font-weight: bold; }
#footer .right .social i { font-size: 246.2%; line-height: 1.1; }
#footer .right .social i::before { margin-left: 0; margin-right: 0; }

#credit { position: relative; float: left; width: 530px; padding-left: 60px; line-height: 1.384; }
#credit .logo { position: absolute; top: 0; left: 0; display: block; background-image: url('../img/btn.png'); background-repeat: no-repeat; width: 51px; height: 51px; background-size: 268px 254px; background-position: -149px -112px; }
#credit h1 { font-size: 115.4%; }
#credit address { font-style: normal; }

#copyright { display: block; text-align: right; font-size: 84.6%; padding-top: 40px; }

.topic-path li { font-size: 92.3%; float: left; overflow: hidden; *zoom: 1; line-height: 22px; }
.topic-path li a { display: block; float: left; }
.topic-path li i { color: #b3b3b3; display: block; float: right; margin: 0 0.25em; }

.icon.national { display: block; background-image: url('../img/icon.png'); background-repeat: no-repeat; width: 27px; height: 51px; background-size: 42px 103px; background-position: 0 0; }
.icon.pref { display: block; background-image: url('../img/icon.png'); background-repeat: no-repeat; width: 42px; height: 52px; background-size: 42px 103px; background-position: 0 -51px; }

.craftslist.gallery li { position: relative; float: left; margin: 0 10px 10px 0; background: black; }
.craftslist.gallery li.left { margin-right: 9px; }
.craftslist.gallery li.right { margin-right: 0; }
.craftslist.gallery li a { color: white; text-decoration: none; display: block; }
.craftslist.gallery li h2 { font-size: 100%; position: absolute; width: 100%; left: 0; bottom: 0; background: url("../img/common/bg-craft-title.png") repeat 0 0; }
.craftslist.gallery li h2 > span { display: block; padding: 8px 30px 8px 15px; }
.craftslist.gallery li h2 i { position: absolute; right: 5px; top: 0; padding: 8px 0; }
.craftslist.gallery li .area, .craftslist.gallery li .excerpt { display: none; }
.craftslist.list li { background: white; margin-bottom: 10px; }
.craftslist.list li:hover { background: black; }
.craftslist.list a { position: relative; display: block; text-decoration: none; color: #333333; min-height: 105px; padding: 20px 20px 0 190px; }
.craftslist.list a:hover { color: white; }
.craftslist.list .header { overflow: hidden; *zoom: 1; }
.craftslist.list h2 { font-size: 123.1%; width: 200px; float: left; }
.craftslist.list h2 i { display: none; }
.craftslist.list p { margin: 0; }
.craftslist.list p.area { width: 280px; float: right; text-align: right; margin-right: -5px; }
.craftslist.list p.area > span { font-size: 92.3%; display: inline-block; line-height: 20px; color: white; font-weight: bold; background: #ac272d; padding: 0 10px; margin-right: 1px; margin-bottom: 5px; }
.craftslist.list p.area > span:last-child { margin-right: 5px; }
.craftslist.list p.area > span .prev-name { display: inline-block; position: relative; right: -10px; padding: 0 10px; background: #D19297; }
.craftslist.list p.excerpt { padding: 10px 0; }

.localnavi { margin-top: 20px; }
.localnavi li { padding: 10px 0; border-bottom: solid 1px #dedede; }
.localnavi li.last { border-bottom: none; }
.localnavi a { display: block; }
.localnavi a i { float: right; font-size: 115.4%; }

#content { min-height: 200px; background: #eee; }

#main { float: right; width: 714px; padding: 20px 0 10px; }
#main > .title, #main article > .title { margin-bottom: 10px; color: white; background: #b39e85; line-height: 34px; padding: 0 15px; }
#main h1 { font-size: 123.1%; }
#main > .header, #main article > .header { position: relative; }
#main > .header .switcher, #main article > .header .switcher { position: absolute; right: 0; top: 0; }
#main > .header .switcher li, #main article > .header .switcher li { float: left; border-left: solid 1px #f2f2f2; }
#main > .header .switcher a, #main article > .header .switcher a { display: block; color: white; font-weight: bold; text-decoration: none; line-height: 34px; overflow: hidden; *zoom: 1; padding: 0 10px; font-size: 92.3%; }
#main > .header .switcher a i, #main article > .header .switcher a i { font-size: 138.5%; display: block; font-weight: normal; }
#main > .header .switcher a i::before, #main article > .header .switcher a i::before { margin-left: 0; margin-right: 0; }
#main > .header .switcher a span, #main article > .header .switcher a span { padding-left: 10px; display: none; }
#main > .header .switcher a i, #main > .header .switcher a span, #main article > .header .switcher a i, #main article > .header .switcher a span { float: left; }
#main > .header .switcher a:hover, #main > .header .switcher a.selected, #main article > .header .switcher a:hover, #main article > .header .switcher a.selected { background: #754c24; }
#main > .header .switcher a.selected span, #main article > .header .switcher a.selected span { display: block; }
#main > .header > .date, #main article > .header > .date { position: absolute; right: 0; top: 0; line-height: 34px; padding: 0 10px; font-size: 84.6%; font-weight: bold; }

#sidebar { float: left; width: 270px; padding: 20px 0 20px 20px; }
#sidebar > .title { line-height: 1; }

#home #container { padding-top: 90px; }
#home #header { position: fixed; top: 0; width: 984px; margin: 0 auto; z-index: 10; background: white; }
#home #logo { top: 11px; margin-left: 7px; }
#home #logo a { display: block; background-image: url('../img/btn.png'); background-repeat: no-repeat; width: 268px; height: 60px; background-size: 268px 254px; background-position: 0 -52px; }
#home #list-national h2, #home #list-pref h2 { font-size: 123.1%; }
#home #list-national h2 > span, #home #list-pref h2 > span { padding: 12px 30px 12px 15px; }
#home #list-national h2 > span > span, #home #list-pref h2 > span > span { display: block; font-size: 62.5%; }
#home #list-national h2 i, #home #list-pref h2 i { right: 5px; padding: 12px 0; top: 50%; margin-top: -24px; }
#home #list-national .icon, #home #list-pref .icon { position: absolute; top: 10px; right: 10px; }
#home #list-national { width: 620px; float: left; }
#home #list-national li { width: 300px; float: left; }
#home #list-national h2 { background-image: url("../img/common/bg-craft-title-national.png"); }
#home #list-national h2 > span.has-span { line-height: 20px; padding: 5px 30px 4px 15px; }
#home #list-pref { width: 404px; float: right; }
#home #list-pref li { margin: 0 0 10px; float: none; }
#home #list-pref h2 { background-image: url("../img/common/bg-craft-title-pref.png"); }
#home #list-other { width: 100%; height: 270px; overflow: hidden; position: relative; }
#home #list-other > .craftslist.gallery { position: absolute; top: 0; left: 0; width: 100%; height: 270px; background: white; }
#home #content { background: white; padding: 30px 0 30px 32px; }
#home #list-topics { width: 560px; float: left; padding-top: 5px; }
#home #list-topics h1 { padding-bottom: 10px; }
#home #list-topics dl { border-top: solid 1px #dedede; }
#home #list-topics dl.has-category dd { padding: 12px 0 12px 230px; position: relative; }
#home #list-topics dl.has-category dd > .category { display: inline-block; font-size: 84.6%; font-weight: bold; padding: 5px; color: white; background: #b39e85; line-height: 1.2; width: 110px; text-align: center; position: absolute; top: 10px; left: 100px; }
#home #list-topics dl.has-category dd > a { display: inline-block; width: 310px; }
#home #list-topics dt { font-size: 84.6%; float: left; padding-top: 14px; }
#home #list-topics dd { padding: 12px 0 12px 116px; border-bottom: solid 1px #dedede; }
#home #aside { width: 404px; float: right; }
#home #icon-explain { padding: 15px; background: #b39e85; margin-bottom: 10px; color: white; }
#home #icon-explain li { float: left; overflow: hidden; *zoom: 1; }
#home #icon-explain li i { float: left; }
#home #icon-explain li span { display: block; float: left; font-size: 84.6%; padding: 1em 0 0 8px; }
#home #icon-explain li.pref { float: right; }
#home #icon-explain li.pref span { padding-top: 1.75em; }
#home #list-banner li { margin-bottom: 10px; }
#home #list-banner a { display: block; position: relative; }
#home #list-banner a i { color: white; position: absolute; right: 0; top: 0; line-height: 70px; border-left: solid 1px white; padding: 0 5px; }
#home #list-banner a.idsc i { line-height: 48px; }
#home #copyright { padding-top: 0; }

#craft.list #sidebar > p { margin-bottom: 0; font-size: 92.3%; }
#craft.list .craftslist figure { width: 171px; height: 125px; overflow: hidden; position: relative; }
#craft.list .craftslist figure img { position: absolute; left: -12px; top: 0; }
#craft.list .craftslist.list figure { position: absolute; top: 0; left: 0; }
#craft.detail #information { position: absolute; z-index: 5; width: 1024px; height: 534px; overflow: hidden; color: white; font-weight: bold; }
#craft.detail #information a { color: white; font-weight: bold; text-decoration: none; }
#craft.detail #information .open { position: absolute; left: -38px; bottom: 0; margin: 0; }
#craft.detail #information .open a { position: relative; display: block; width: 38px; padding: 10px 0 25px; background: url("../img/craft/detail/bg-btn-open.png"); }
#craft.detail #information .open a:hover { background-color: #ac272d; }
#craft.detail #information .open a i { position: absolute; bottom: 6px; left: 12px; font-size: 84.6%; color: white; display: inline-block; margin: 0 auto; }
#craft.detail #information > .explain { position: absolute; width: 330px; padding-left: 30px; top: 0; right: -360px; background: url("../img/common/bg-info-alpha70.png"); height: 534px; }
#craft.detail #information > .explain .title { line-height: 1; margin: 20px 0; }
#craft.detail #information > .explain .body { width: 300px; height: 425px; overflow: auto; padding-right: 30px; }
#craft.detail #information > .explain .body h3 { font-size: 123.1%; padding-bottom: 4px; border-bottom: solid 1px white; margin: 20px 0 5px; }
#craft.detail #information > .explain .body h4 { font-size: 107.7%; padding-bottom: 4px; border-bottom: dotted 1px white; margin: 10px 0 5px; }
#craft.detail #information > .explain .body a { text-decoration: underline; }
#craft.detail #information > .explain .close { position: absolute; width: 350px; left: 0; bottom: 0; margin: 0; text-align: right; }
#craft.detail #information > .explain .close a { display: inline-block; line-height: 39px; }
#craft.detail #information > .explain a:hover { color: #fc0; }
#craft.detail #basic-info { position: absolute; width: 310px; }
#craft.detail #basic-info .data { padding: 20px 0 0 30px; background: url("../img/common/bg-info-alpha70.png"); height: 302px; }
#craft.detail #basic-info .data .header { padding-right: 30px; }
#craft.detail #basic-info .data .header .name { font-size: 153.8%; line-height: 1.2; }
#craft.detail #basic-info .data .header .name > span { display: block; font-size: 55%; }
#craft.detail #basic-info .data .header .area { margin: 5px 0 0; }
#craft.detail #basic-info .data .header .area span { font-size: 92.3%; display: inline-block; line-height: 2; background: #ac272d; padding: 0 10px; margin: 0 0 5px 0; }
#craft.detail #basic-info .data .header.has-icon { min-height: 52px; position: relative; padding-left: 50px; }
#craft.detail #basic-info .data .header.has-icon .icon { position: absolute; left: 0; top: 0; }
#craft.detail #basic-info .data .excerpt { padding: 0 30px 0 0; margin: 15px 0 10px; overflow: auto; }
#craft.detail #basic-info .menu li { margin-top: 1px; }
#craft.detail #basic-info .menu li a { line-height: 42px; padding: 0 6px 0 30px; display: block; background: url("../img/common/bg-info-alpha50.png"); }
#craft.detail #basic-info .menu li a:hover, #craft.detail #basic-info .menu li a.selected { background: url("../img/common/bg-info-alpha90.png"); }
#craft.detail #basic-info .menu li a.close { padding-right: 15px; line-height: 38px; text-align: right; }
#craft.detail #basic-info .menu li a i { font-size: 84.6%; }
#craft.detail #basic-info .menu li a i.icon-angle-right, #craft.detail #basic-info .menu li a i.icon-right-open { float: right; }
#craft.detail #visual { position: relative; z-index: 1; height: 534px; }
#craft.detail #visual .slides li { text-align: center; }
#craft.detail #visual .slides img { width: auto; height: 534px; display: inline-block; }
#craft.detail #nav-visual { background: #f2f2f2; position: relative; z-index: 1; padding: 10px 54px; min-height: 75px; }
#craft.detail #nav-visual .slides li { width: 175px !important; height: 75px !important; margin-right: 10px; position: relative; background: white url("../img/common/loading.gif") no-repeat center; }
#craft.detail #nav-visual .slides li .thumb { height: 75px; background-color: transparent; background-repeat: no-repeat; background-position: center; position: relative; z-index: 1; }
#craft.detail #nav-visual .slides li i { font-size: 92.3%; position: absolute; bottom: 0; right: 0; font-style: normal; font-weight: bold; color: white; background-color: #ac272d; display: block; min-width: 2.5em; line-height: 2em; text-align: center; z-index: 10; border-top: solid 1px white; border-left: solid 1px white; }
#craft.detail #nav-visual .flex-direction-nav a { text-indent: 0; opacity: 1; display: block; width: 38px; height: 38px; text-align: center; color: white; background: url(../img/common/bg-craft-title-national.png); }
#craft.detail #nav-visual .flex-direction-nav a:hover { background-color: #b39e85; }
#craft.detail #nav-visual .flex-direction-nav a.flex-disabled { background: url(../img/common/bg-craft-title-national.png); }
#craft.detail #nav-visual .flex-direction-nav a i { font-size: 84.6%; display: inline-block; width: 100%; line-height: 38px; }
#craft.detail #nav-visual .flex-direction-nav .flex-prev { left: 0 !important; }
#craft.detail #nav-visual .flex-direction-nav .flex-next { right: 0 !important; }

#topics #main { padding-bottom: 20px; }
#topics.list #main .list dt { font-size: 84.6%; float: left; padding: 14px 0 0 20px; }
#topics.list #main .list dd { padding: 12px 20px 12px 130px; background: white; margin-bottom: 1px; }
#topics.list #main .list dd.last { border-bottom: none; }
#topics.detail #main .title h1 { width: 600px; }
#topics.detail #main .list-photo a { display: block; }
#topics.detail #main .list-photo a img { width: 230px; height: auto; }
#topics.detail #main .list-photo figcaption { text-align: center; font-size: 84.6%; font-weight: bold; padding: 0.5em 15px 10px; }
#topics.detail #main .list-photo.horizonal { margin-top: 10px; }
#topics.detail #main .list-photo.horizonal li { float: left; width: 230px; margin-right: 12px; }
#topics.detail #main .list-photo.horizonal li.last { margin-right: 0; }
#topics.detail #main article > .body, #topics.detail #main article > div.clear { background: white; padding: 30px; }
#topics.detail #main article > div.clear { padding-right: 0; }
#topics.detail #main article > div.clear .body { width: 420px; float: left; }
#topics.detail #main article > div.clear .list-photo { width: 230px; float: right; }
#topics.detail #main article > div.clear .list-photo .last figcaption { padding-bottom: 0; }
#topics.detail #main h2.file { font-size: 123.1%; margin: 1px 0; color: white; background: #A5364A; line-height: 34px; padding: 0 15px; }
#topics.detail #main .list-file > li { padding: 10px 20px 10px 40px; overflow: hidden; *zoom: 1; position: relative; background: white; margin: 1px 0; }

#link #main > .header, #shopping #main > .header { margin-bottom: 1px; }
#link #main .list, #shopping #main .list { margin-bottom: 10px; }
#link #main .list li, #shopping #main .list li { margin-bottom: 1px; }
#link #main .list a, #link #main .list span, #shopping #main .list a, #shopping #main .list span { display: block; padding: 12px 40px 12px 15px; background: white; position: relative; }
#link #main .list a i, #link #main .list span i, #shopping #main .list a i, #shopping #main .list span i { position: absolute; right: 5px; top: 50%; margin-top: -12px; font-size: 115.4%; line-height: 24px; }

.icon-pdf, .icon-doc, .icon-xls { display: inline-block; width: 16px; height: 16px; line-height: 16px; position: absolute; left: 15px; top: 10px; }

.icon-pdf { background: url("../img/common/icon-pdf.gif") no-repeat 0 0; }

.icon-doc { background: url("../img/common/icon-doc.gif") no-repeat 0 0; }

.icon-xls { background: url("../img/common/icon-xls.gif") no-repeat 0 0; }

#cse table, #cse th, #cse td { border: none; padding: 0; }
#cse .gsc-cursor-box { text-align: center; }

.gsc-control-cse { font-family: Arial, sans-serif; border-color: white; background-color: white; }
.gsc-control-cse .gsc-table-result { font-family: Arial, sans-serif; }

.gsc-tabHeader.gsc-tabhInactive { border-color: #ccc; background-color: white; }
.gsc-tabHeader.gsc-tabhInactive.gsc-tabhActive { border-color: #ccc; border-bottom-color: white; background-color: white; }

.gsc-tabsArea { border-color: #ccc; }

.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult { border-color: white; background-color: white; }
.gsc-webResult.gsc-result:hover, .gsc-results .gsc-imageResult:hover { border-color: white; background-color: white; }

.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b { color: #15c; }
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b { color: #15c; }
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b { color: #15c; }
.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b { color: #15c; }

.gsc-cursor-page { color: #15c; }

a.gsc-trailing-more-results:link { color: #15c; }

.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType { color: #333; }

.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl { color: #009933; }

.gs-webResult div.gs-visibleUrl-short { color: #009933; }
.gs-webResult div.gs-visibleUrl-short { display: none; }
.gs-webResult div.gs-visibleUrl-long { display: block; }

.gsc-cursor-box { border-color: white; }

.gsc-webResult.gsc-result.gsc-promotion { border-color: #F6F6F6; background-color: #F6F6F6; }

.gsc-completion-title { color: #15c; }

.gsc-completion-snippet { color: #333; }

.gs-promotion div.gs-visibleUrl-short { display: none; }
.gs-promotion div.gs-visibleUrl-long { display: block; }
.gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *, .gs-promotion .gs-snippet a:link { color: #15c; }
.gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited *, .gs-promotion .gs-snippet a:visited { color: #15c; }
.gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover *, .gs-promotion .gs-snippet a:hover { color: #15c; }
.gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active *, .gs-promotion .gs-snippet a:active { color: #15c; }
.gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * { color: #333; }
.gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl-short { color: #009933; }

#search #main { float: none; padding-bottom: 25px; margin: 0 auto; width: 984px; }

.flexslider { margin: 0 auto; border: none; position: relative; background: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.flexslider.single { margin-bottom: 16px; }

.flex-control-nav { bottom: 6px; }
.flex-control-nav li { margin: 0 3px; }
.flex-control-nav li a { width: 8px; height: 8px; background: #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.flex-control-nav li a.flex-active { background: #009fe8; }

@font-face { font-family: 'fontello'; src: url("../font/fontello.eot?69071609"); src: url("../font/fontello.eot?69071609#iefix") format("embedded-opentype"), url("../font/fontello.woff?69071609") format("woff"), url("../font/fontello.ttf?69071609") format("truetype"), url("../font/fontello.svg?69071609#fontello") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; }

.icon-ok:before { content: '\e80e'; }

.icon-cancel:before { content: '\e80a'; }

.icon-th-list-1:before { content: '\e810'; }

.icon-th-large-1:before { content: '\e811'; }

.icon-th-1:before { content: '\e80f'; }

.icon-down-open:before { content: '\e800'; }

.icon-left-open:before { content: '\e801'; }

.icon-right-open:before { content: '\e802'; }

.icon-up-open:before { content: '\e803'; }

.icon-twitter:before { content: '\e808'; }

.icon-facebook:before { content: '\e809'; }

.icon-angle-left:before { content: '\e804'; }

.icon-angle-right:before { content: '\e805'; }

.icon-angle-up:before { content: '\e806'; }

.icon-angle-down:before { content: '\e807'; }