@charset "utf-8";
/*
Theme Name: Batiqtu
Theme URI:
Author: ETNET Co., Ltd.
Author URI:
Description:
Version: 3.2
License:
License URI:
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fluid-layout, fixed-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, sticky-post, theme-options, translation-ready
*/
/*
GENERAL STYLES
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { display:block; }
body { line-height: 1; }
ol, ul { list-style-image:none; list-style-type:none; list-style-position:outside; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
object, embed { vertical-align:top; }
/*
LAYOUT TOOLS
*/
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; font-size: 1px;line-height:1px;}
.clearLeft { clear: left; font-size: 1px;line-height:1px;}
.clearRight { clear: right; font-size: 1px;line-height:1px;}
.layoutCenter { margin: 0 auto; }
.center { text-align: center; vertical-align:middle; }
.textCenter { text-align: center; }
.textRight { text-align: right; }
.textLeft { text-align: left; }
.verticalTop { vertical-align: top; }
.verticalMiddle { vertical-align: middle; }
.verticalBottom { vertical-align: bottom; }
/*
PRINT TOOLS
*/
.page-break { page-break-before: always; }
/*
TYPOGRAPHIC TOOLS
*/
.error { border: 1px solid #fb4343; padding: 3px; color: #fb4343; }
.message { border: 1px solid #0000FF; padding: 3px; color: #0000FF; }
.warning { border: 1px solid #d4ac0a; padding: 3px; color: #d4ac0a; }
.success { border: 1px solid #149b0d; padding: 3px; color: #149b0d; }
.callOut { font-size: 125%; font-weight: bold; }
.strikeOut { text-decoration: line-through; }
.underline { text-decoration: underline; }
.resetTypeStyle { font-weight: normal; font-style: normal; font-size: 100%;
text-decoration: none; word-spacing: normal;
letter-spacing: 0px; text-transform: none; text-indent: 0px; }
/*
STYLING EXTRAS
*/
/*
a[href^="mailto"] { background: url(images/emailIcon.png) left center no-repeat; padding-left: 10px; }
a[href~=".pdf"] { background: url(images/pdfIcon.png) left center no-repeat; padding-left: 10px; }
a.button { color: black; border: 1px solid black; padding: 3px; }
a.button:hover { background: black; color: white; }
.transpBlack { background: url(images/transpBlack.png); }
*/
/*
DISPLAY VALUES
*/
.hide { display: none; }
.show { display: block; }
.invisible { visibility: hidden; }
/*
CAPTIONS
*/
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #C9C9C9; text-align: center; background-color: #F3F3F3; padding-top: 4px;
margin:0 0 2em; -moz-border-radius: 3px; -khtml-border-radius: 3px; max-width:99%;
-webkit-border-radius: 3px; border-radius: 3px; }
.entry .wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption
p.wp-caption-text,
.gallery-caption { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/*
IMAGES
*/
.alignright { float: right; margin: 0 0 0.6em 0.6em; }
.alignleft { float: left; margin: 0 0.6em 0.6em 0; }
.entry img { padding: 4px; max-width: 98%; width:auto; border:1px solid #C9C9C9; }
img.noborder { border:0; padding:0; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align:center; }
img.alignright { margin: 0 0 2px 7px; display: inline; }
img.alignleft { margin: 0 7px 2px 0; display: inline; }
/*
LIST
*/
ol.disc > li, ul.disc > li { list-style-type: disc !important; }
ol.circle > li, ul.circle > li { list-style-type: circle !important; }
ol.square > li, ul.square > li { list-style-type: square !important; }
ol.lower-roman > li,
ul.lower-roman > li { list-style-type: lower-roman !important; }
ol.upper-roman > li,
ul.upper-roman > li { list-style-type: upper-roman !important; }
ol.lower-greek > li,
ul.lower-greek > li { list-style-type: lower-greek !important; }
ol.decimal > li,
ul.decimal > li { list-style-type: decimal !important; }
ol.lower-alpha > li,
ul.lower-alpha > li { list-style-type: lower-alpha !important; }
ol.upper-alpha > li,
ul.upper-alpha > li { list-style-type: upper-alpha !important; }
/*
CLEARFIX
*/
div { zoom:1; }
/*
ORIGINAL
*/
* { font-family : "Lucida Grande", "HiraKakuPro-W3", sans-serif; }
html, body { width: 100%; }
table { border:1px solid #C9C9C9; padding:10px; position:relative; }
table.noborder { border:0; }
table.noborder th,
table.noborder td { border:0; }
table caption { font-weight:bold; }
table th { background: #F3F3F3; border:1px solid #C9C9C9;
font-weight:bold; padding:5px 10px; text-align:center; }
table td { border:1px solid #C9C9C9; padding:5px 10px; }
blockquote { border-left: 10px solid #DDDDDD; margin:20px; padding:10px; text-align: left; }
blockquote p { margin:.4em 0 .4em 0; }
.imedisabled { ime-mode: disabled; }
.input,
input[type=text],
input[type=email],
input[type=password],
textarea { border:1px solid #C9C9C9; padding:8px 5px; }
button, input[type=submit],
input[type=button] { padding:5px; }
select { padding:8px 5px; }
input[type=image] { border:none; }
#submit { margin:10px 0; padding:5px 20px; }
.more-link { }
.bold { font-weight:bold; }
.clear_border { clear:both; height:1px; border-top:1px dotted #C9C9C9; margin-bottom:15px; }
.clear_element:after
ul:after,
.box:after { content:" "; clear:both; height:0; display:block; visibility:hidden; }
.post_navi, .wp-pagenavi a,
.wp-pagenavi span, .expert,
.adv, .comments-head,
.related_posts_head,
.emphasis,
.input, button,
input[type=text], textarea { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
body { margin:0; padding:0; color:#444444; border:0; width:100%; line-height:1.6em;
font-size:0.8em; background:#FFFFFF; -webkit-text-size-adjust: 100%; }
a { color:#636363;text-decoration:none; }
a img { margin-bottom:-3px; }
a:hover { text-decoration:underline; color:#1982D1; }
h1, h2, h3,
h4, h5, h6 { margin:.8em 0 .8em 0; padding:0; }
p { margin:0 0 .8em 0; padding:0; }
img { margin:0 0 5px; }
#container { position:relative; width:960px !important; margin:0px auto 0px; padding:0; border:0; background:#FFFFFF; min-width:960px; }
* html body div#container { width: expression(this.clientWidth < 962? "960px" : "auto"); }
#container:after { content:" "; clear:both; height:0; display:block; visibility:hidden; }
#container { /margin-top:0; }
/*
HEADER
*/
#headerbox { margin:0; padding:0; background:#EEEEEE; min-width:960px !important; }
#header { color:#636363; height:240px; width:960px !important;
padding:0; margin:0px auto 0; position:relative; text-align:left; z-index:0; }
.home #header { height:240px; }
#headerinnerbox { position:absolute; left:40px; top:20px; right:40px; bottom:120px; height:150px; background-color:
Notice: Undefined index: headerinnerbox_bg in /var/www/html/nsa.cmswp.jp/wp-content/themes/batiqtu-3/style.php on line 385
; background:
Notice: Undefined index: headerinnerbox_bg in /var/www/html/nsa.cmswp.jp/wp-content/themes/batiqtu-3/style.php on line 385
;
Notice: Undefined index: headerinnerbox_bg in /var/www/html/nsa.cmswp.jp/wp-content/themes/batiqtu-3/style.php on line 385
}
.home #headerinnerbox { height:150px; }
#header h1 { font-size:1.3em; margin:0; position:absolute; text-align:left; }
#header p { margin:0; position:absolute; text-align:left; top:25px; }
#header h2 { font-size:1.2em; margin:0; position:absolute; text-align:left; bottom:0px; }
#header h3 { font-weight:normal; text-align:left;position:absolute; bottom:15px; }
#header #headerinnerbox img { margin:0; padding:0; position:absolute; left:40px; top:20px; }
* html body #header img { behavior: expression(IEPNGFIX.fix(this)); }
#header a { color:#636363; }
#header a:hover { background:none; }
#header h2 a:hover { color:#FFFFFF; text-decoration:none; }
#header .header_thumbnail { position:absolute; top:0; left:0; width:100%; height:240px; z-index:-1 }
.home #header
.header_thumbnail { height:240px; }
#headerinnerbox2 { position:absolute; }
/*
NAVIGATION
*/
#glnavibox { left:0; width:100%; position:absolute; margin:0; padding:0; z-index:1; top:190px;background:#DDDDDD; }
.home #glnavibox { top:190px; }
#glnavi { margin:0 auto; width:960px !important; min-width:960px;
padding:0; text-align:center; position:relative; background:#DDDDDD; }
* html body #glnavi { behavior: expression(IEPNGFIX.fix(this)); width: expression(this.clientWidth < 962? "960px" : "auto"); background:#DDDDDD; }
#glnavi .nav-menu > ul li a strong { display:block; font-weight:normal; line-height:50px; }
#glnavi .nav-menu > ul li a span { display:block; font-size:0.8em; line-height:0; letter-spacing:1px; }
* html body #glnavi ul li a span { line-height:px; }
*:first-child+html #glnavi ul li a span { line-height:px; }
#glnavi .nav-menu > ul { list-style:none; margin:0 0px; }
#glnavi .nav-menu > ul li { list-style:none; margin:0; padding:0; position: relative; float:left; text-align:center; }
#glnavi .nav-menu > ul li a { color:#636363; display:block; line-height:50px; margin:0;
padding:0 20px; position:relative; text-align:center; text-decoration:none; vertical-align:middle; }
* html #glnavi .nav-menu > ul li a { height:50px; width:80px; }
*:first-child+html
#glnavi .nav-menu > ul li a { height:50px; }
#glnavi .nav-menu > ul li a:hover { color:#303030; background:none; }
#glnavi .nav-menu > ul
li.current-cat > a,
#glnavi .nav-menu > ul
li.current_page_item > a,
#glnavi .nav-menu > ul
li.current-page-ancestor > a,
#glnavi .nav-menu > ul
li.current-menu-item > a,
#glnavi .nav-menu > ul
li.current-menu-ancestor > a,
#glnavi .nav-menu > ul
li.current-menu-parent > a { background:#DDDDDD; color:#303030; font-weight:bold; }
#glnavi .nav-menu > ul
li.current-cat > a strong,
#glnavi .nav-menu > ul
li.current_page_item > a strong,
#glnavi .nav-menu > ul
li.current-page-ancestor > a strong,
#glnavi .nav-menu > ul
li.current-menu-item > a strong,
#glnavi .nav-menu > ul
li.current-menu-ancestor > a strong,
#glnavi .nav-menu > ul
li.current-menu-parent > a strong { font-weight:bold; }
#glnavi .nav-menu > ul ul { display:none; position:absolute; top:50px; left:0; float:left; z-index: 99999; margin:0;
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); box-shadow: 0px 3px 3px rgba(0,0,0,0.2); }
#glnavi ul ul li { min-width: 180px; }
#glnavi ul li:hover > ul { display:block; }
#glnavi ul li:hover > a,
#glnavi ul ul:hover > a,
#glnavi ul a:focus { background:#DDDDDD; }
#glnavi ul ul a { background:#DDDDDD; height:auto; line-height:50px; width: 160px; text-align:left; padding:0 20px; }
#glnavi ul ul ul { left: 100%; top:0; }
.admin_bar_glnavibox { top:222px !important; }
.home .admin_bar_glnavibox { top:222px !important; }
#glnavi ul:after { content:" "; clear:both; height:0; display:block; visibility:hidden; }
#prnavibox { left:0; width:100%; position:absolute; margin:0; padding:0; z-index:1; top:0; }
#prnavi { margin:0 auto; width:100%;
padding:0; text-align:right; position:relative; background:#5C5C5C; }
* html body #prnavi { behavior: expression(IEPNGFIX.fix(this)); background:#5C5C5C; }
#prnavi > .menu-header > ul { list-style:none; }
#prnavi > .menu-header > ul:after { content:" "; clear:both; height:0; display:block; visibility:hidden; }
#prnavi > .menu-header > ul li { list-style:none; margin:0; padding:0; position: relative; float:right; }
#prnavi > .menu-header > ul li a { color:#DDDDDD; display:block; line-height:30px; margin:0;
padding:0 20px; position:relative; text-align:center; text-decoration:none; vertical-align:middle; }
*:first-child+html
#prnavi > .menu-header > ul li a { height:30px; }
#prnavi > .menu-header > ul li a:hover { color:#FFFFFF; background:none; }
#prnavi > .menu-header > ul
li.current-cat a,
#prnavi > .menu-header > ul
li.current_page_item a,
#prnavi > .menu-header > ul
li.current-menu-item a,
#prnavi > .menu-header > ul
li.current-menu-ancestor > a,
#prnavi > .menu-header > ul
li.current-menu-parent > a { background:#303030; color:#FFFFFF; }
#prnavi > .menu-header > ul ul { display:none; position:absolute; top:30px; left:0; float:right; z-index: 99999;
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); box-shadow: 0px 3px 3px rgba(0,0,0,0.2); }
#prnavi > .menu-header > ul ul li { min-width: 180px; }
#prnavi > .menu-header > ul li:hover > ul { display:block; }
#prnavi > .menu-header > ul li:hover > a,
#prnavi > .menu-header > ul ul:hover > a,
#prnavi > .menu-header > ul a:focus { background:#303030; }
#prnavi > .menu-header > ul ul a { background:#303030; height:auto; line-height:30px; width: 160px; text-align:left; padding:0 20px; }
#prnavi > .menu-header > ul ul ul { right: 100%; top:0; }
.admin_bar_prnavibox { top:28px !important; }
/*
CONTAINER
*/
.colmask { clear:both; float:left; overflow:hidden; background:#FFFFFF;
position:relative; text-align:left; width:100%; }
.col1col { margin:40px 40px 40px 40px; }
.contenttop { margin:20px 20px 20px 20px; }
.leftmenu { background:#FFFFFF; }
.leftmenu .col1top { background:#FFFFFF; float:left; left:260px; position:relative; width:200%; }
.leftmenu .col1wrap { float:right; width:50%; position:relative; right:260px; padding-bottom:1em; }
.leftmenu .col1 { margin:40px 40px 40px 300px; position:relative; right:100%; overflow:hidden; }
.leftmenu .col2 { float:left; width:260px; position:relative; right:260px; margin:0 auto; text-align:center; }
.rightmenu { background:#FFFFFF; }
.rightmenu .col1top { background:#FFFFFF; float:left; margin-left:-260px; position:relative; right:100%; width:200%; }
.rightmenu .col1wrap { float:left; width:50%; position:relative; left:50%; padding-bottom:1em; }
.rightmenu .col1 { margin:0 40px 0 300px; padding-top:40px; padding-bottom:40px; overflow:hidden; }
.rightmenu .col3 { float:right; width:260px; position:relative; left:260px; margin:0 auto; text-align:center; }
.holygrail { background:#FFFFFF; }
.holygrail .colmid { background:#FFFFFF; float:left; width:200%; margin-left:-260px; position:relative; right:100%; }
.holygrail .colleft { background:#FFFFFF; float:left; width:100%; margin-left:-50%; position:relative; left:520px; }
.holygrail .col1wrap { float:left; width:50%; position:relative; right:300px; padding-bottom:1em; }
.holygrail .col1 { margin:0 260px 0 340px; position:relative; left:200%; padding-top:40px; padding-bottom:40px; overflow:hidden; }
.holygrail .col2 { float:left; float:right; width:260px; position:relative; text-align:center; }
.holygrail .col3 { float:left; float:right; width:260px;
position:relative; left:50%; text-align:center; }
* html body .leftmenu .col1 { width:620px; }
* html body .rightmenu .col1 { width:620px; }
* html body .holygrail .col1 { width:360px; }
* html body .blogstyle .col1 { width:360px; }
.blogstyle { background:#FFFFFF; }
.blogstyle .colmid { background:#FFFFFF; float:left; width:200%; margin-left:-260px; position:relative; right:100%; }
.blogstyle .colleft { background:#FFFFFF; float:left; width:100%; margin-left:-260px; position:relative; }
.blogstyle .col1wrap { float:left; width:50%; position:relative; padding-bottom:1em; }
.blogstyle .col1 { margin:0 40px 0 560px; position:relative; left:100%; padding-top:40px; padding-bottom:40px; overflow:hidden; }
.blogstyle .col2 { float:right; left:260px; width:260px; position:relative; text-align:center; }
.blogstyle .col3 { float:right; left:780px; width:260px; position:relative; text-align:center; }
.blogstyle .col4 { float:right; left:480px; width:440px; position:relative; text-align:center; margin-bottom:-40px; }
#header_image { text-align:center; line-height:0; }
#header_image img { margin:0; height:auto; }
.flexslider { height:200px; width:960px; margin:auto; }
/*
ENTRY
*/
.entry { margin:0 0px 2em; padding:0; background:#FFFFFF; border-bottom:1px dotted #C9C9C9; line-height:1.8em; }
.archive .entry { border-bottom:none; }
.sticky { }
.pageentry { border:none; }
.entry h2 { color:#636363; font-size:1.6em;
margin:0 0 0.5em; line-height:1.5em; overflow:hidden; }
.etnry .entry-body h2 { background:#DDDDDD; color:#636363; }
.entry h2 a:hover { color:#636363; background:none; }
.entry p.exerpt { border:1px dotted #C9C9C9; margin:10px 0px; padding:10px; }
.entry-body { margin:0 0 2em 0; }
.entry-body p { margin:0 0 2em 0; }
.entry-body blockquote p { margin:0; }
.entry-body ul { margin:1em 0 1em; }
.entry-body ol { margin:1em 0 1em; }
.entry-body dl { margin:1em 0 1em; }
.entry-body dl dt { font-weight:bold; }
.entry-body dl dd { margin:0 1em 1em; }
.entry-body ul ul,
.entry-body ol ol,
.entry-body dl dl { margin:0; }
.entry-body ul li,
.entry-body ol ul li { list-style-type:disc; list-style-position:outside; margin-left:25px; }
.entry-body ol li { list-style-type:decimal; list-style-position:outside; margin-left:25px; }
.entry-body h1 { color:#636363; line-height:32px;
margin:1.5em 0; overflow:hidden; font-size:1.6em; }
.entry-body h2 { color:#636363; line-height:32px;
margin:1.5em 0; overflow:hidden; font-size:1.5em; }
.entry-body h3 { color:#636363; line-height:32px;
margin:1.5em 0 1em; overflow:hidden; font-size:1.4em; }
.entry-body h4 { color:#636363;; line-height:32px;
margin:1.5em 0 1em; overflow:hidden; font-size:1.3em; }
.entry-body h5 { color:#636363;; line-height:32px;
margin:1.5em 0 1em; overflow:hidden; font-size:1.2em; }
.entry-body h6 { color:#636363; line-height:32px;
margin:1.5em 0 1em; overflow:hidden; }
.entry-footer { text-align:right; margin:1em 0px; clear:both; }
* html body .entry table { margin-left:1em; }
.entry-thumbnail { float:left; margin:0 15px 15px 0; }
.entry-thumbnail img { border:1px solid #C9C9C9; margin:0; }
ul.tags { text-align:right; }
ul.tags li { float:right; margin-left:5px; }
ul.tags li:before { font-family: dashicons; content: "\f323"; margin-right:5px; vertical-align:middle; color:#C9C9C9; }
span.author:before { font-family: dashicons; content: "\f110"; margin-right:5px; vertical-align:middle; color:#C9C9C9; }
span.category { white-space: nowrap; }
span.category:before { font-family: dashicons; content: "\f318"; margin-right:5px; vertical-align:middle; color:#C9C9C9; }
span.post_tag { white-space: nowrap; }
span.post_tag:before { font-family: dashicons; content: "\f323"; margin-right:5px; vertical-align:middle; color:#C9C9C9; }
span.comment { white-space: nowrap; }
span.comment:before { font-family: dashicons; content: "\f473"; margin-right:5px; vertical-align:middle; color:#C9C9C9; }
span.datetime { white-space: nowrap; }
span.datetime:before { font-family: dashicons; content: "\f469"; margin-right:5px; vertical-align:middle; color:#C9C9C9; }
span.edit:before { font-family: dashicons; content: "\f464"; margin-right:5px; vertical-align:middle; color:#C9C9C9; }
span.rss:before { font-family: dashicons; content: "\f303"; margin-right:5px; vertical-align:middle; color:#C9C9C9; }
div.post_navi { background:#F3F3F3; border:1px solid #C9C9C9; margin:1em 0;}
div.post_previous { float:left; margin:10px 0 10px 10px; width:45%; }
div.post_next { float:right; text-align:right; margin:10px 10px 10px 0; width:45%; }
div.breadcrumb { margin:2em 0px 1em; padding: 5px 0; }
.col1top .breadcrumb,
.colleft .breadcrumb { margin:0 0 15px; }
div.social_buttons { margin:1em 0; }
div.social_buttons ul li { display:inline; float: left; margin-right: 10px; vertical-align:top; }
div.social_buttons ul li.tweetButton { width:100px; }
div.social_buttons
ul:after { content:" "; clear:both; height:0; display:block; visibility:hidden; }
div.related_posts { margin:2em 0 1em; }
div.related_posts_head { background:#F3F3F3; border:1px solid #C9C9C9; font-weight:bold; line-height:2em;
margin:0 0 10px 0; padding:3px 10px; }
div.related_posts ul,
div.related_posts ol { background:#FFFFFF; margin-left:15px; position:relative; }
div.related_posts ul li:before,
div.related_posts ol li:before { font-family: dashicons; content: "\f163"; margin-right:5px; vertical-align:middle; }
div.adv { background:#F3F3F3; border:1px solid #C9C9C9; margin:1em 25px; padding:10px; }
.col1wrap div.adv { background:#F3F3F3; border:1px solid #C9C9C9; margin:1em 0; padding:0; }
.col1wrap div.adv p { margin:0; padding:10px; }
.trackback-input { width:96%; }
div.comment { margin:1em 0; }
div.comment p { padding-left:15px; }
div.comment .bypostauthor { }
.nocomments { display:none; }
.comments-head { background:#F3F3F3; border:1px solid #C9C9C9; line-height:2em; margin:0 0 10px 0; padding:3px 10px; }
.comment-footer { margin:-5px 0 1em 0; }
div.comment #author { width:96%; }
div.comment #email { width:96%; }
div.comment #url { width:96%; }
div.comment #comment { width:96%; }
ul.commentlist { padding-left: 15px; }
ul.commentlist .reply { margin-bottom:10px; }
ul.commentlist
li ul.children { padding-left:25px; }
div.comment-navi { margin-top:10px; }
div.comment-navi:after { content:" "; clear:both; height:0; display:block; visibility:hidden; }
div.comment-author,
img.avatar { vertical-align:middle; }
.comment-body ul li { list-style-type:disc; list-style-position:outside; margin-left:25px; }
.comment-body ol li { list-style-type:decimal; list-style-position:outside; margin-left:25px; }
.ddsg-wrapper ul { margin:5px 10px; }
.ddsg-wrapper ul li { list-style-image:none; list-style-type:none; width:100%; }
.ddsg-wrapper ul li { margin-left:20px; }
.ddsg-wrapper ul li:before { font-family: dashicons; content: "\f163"; margin-right:5px; vertical-align:middle; }
ul.archive li:before { font-family: dashicons; content: "\f163"; margin-right:5px; vertical-align:middle; }
.wpcf7-list-item { display:block; }
.wp-pagenavi { text-align:center; line-height:2em; margin:1em auto; clear:both; }
.wp-pagenavi a,
.wp-pagenavi a:link { padding: 4px 6px; margin: 2px; text-decoration: none; border: 1px solid #636363;
color: #636363; background-color: #F3F3F3; }
.wp-pagenavi a:visited { padding: 4px 6px; margin: 2px; text-decoration: none; border: 1px solid #636363;
color: #636363; background-color: #F3F3F3; }
.wp-pagenavi a:hover { border: 1px solid #636363; color: #F3F3F3; background-color: #636363; }
.wp-pagenavi a:active { padding: 4px 6px; margin: 2px; text-decoration: none; border: 1px solid #C9C9C9;
color: #C9C9C9; background-color: #F3F3F3; }
.wp-pagenavi span.pages { padding: 4px 6px; margin: 2px; }
.wp-pagenavi span.current { padding: 4px 6px; margin: 2px; font-weight: bold; border: 1px solid #C9C9C9;
color: #C9C9C9; background-color: #F3F3F3; }
.wp-pagenavi span.extend { padding: 4px 6px; margin: 2px; border: 1px solid #C9C9C9;
color: #C9C9C9; background-color: #F3F3F3; }
#wp-calendar { width:100%; }
#wp-calendar th,
#wp-calendar td { text-align:center; padding:5px; }
/*
SIDEBAR
*/
.sidebar { margin:0; padding:0; }
.col2 div.sidebar_div { padding:40px 0 40px 0; margin:0; }
.col3 div.sidebar_div { padding:40px 0 40px 0; margin:0; }
.col4 div.sidebar_div { padding:40px 0 40px 0; margin:0; }
.sidebar ul.sidebar_ul { margin:0; padding:0; height: auto !important; height: 1%; }
.sidebar .search { font-size:13px; height: 15px; width: 100px; vertical-align: top; padding:2px; }
.leftmenu li.box,
.col2 li.box { margin:0 0px 20px 40px; }
.rightmenu li.box,
.col3 li.box { margin:0 40px 20px 0px; }
.sidebar li.box { text-align:left; color:#444444; word-break:break-all; }
.sidebar li.box a { color:#636363; }
.sidebar li.box a:hover { text-decoration:underline; }
.col2 li.box { width:220px; }
.col3 li.box { width:220px; }
.sidebar li.box h3 { color:#636363; margin:0; text-align:left;
padding:5px 0;; }
.sidebar li.box h3 a { }
.sidebar li.box p { background:#FFFFFF; padding:10px 10px; margin:0; }
.sidebar li.box ul,
.sidebar li.box ol,
.sidebar li.box dl { background:#FFFFFF; margin:0; }
.sidebar li.box dl { padding:5px 10px; }
.sidebar li.box ol { list-style:decimal; }
.sidebar li.box ul li { background:#FFFFFF; margin:0; }
.sidebar li.box ul li:before{ font-family: dashicons; content: "\f163"; margin-right:5px; vertical-align:middle; color:#C9C9C9; }
.sidebar li.box ol li { margin-left: 25px; }
.sidebar li.box ul ul { padding: 0; }
.sidebar li.box ul
li.recentcomments:before { font-family: dashicons; content: "\f473"; margin-right:5px; vertical-align:middle; }
.sidebar li.box ul
li.cat-item:before,
.sidebar li.widget_archive
ul li:before { font-family: dashicons; content: "\f318"; margin-right:5px; vertical-align:middle; }
.sidebar li.box ul
.sidebar li.box
ul.st-tag-cloud li:before,
.sidebar li.box
ul.wp-tag-cloud li:before { font-family: dashicons; content: "\f323"; margin-right:5px; vertical-align:middle; }
.sidebar li.box img { border:none; }
.sidebar li.box
.wp-tag-cloud li { display:inline; }
/*
FOOTER
*/
#footerbox { clear:both; color:#444444; margin:0 auto; overflow:hidden; position:relative;
text-align:center; width:100%; background:#DDDDDD; min-width:960px !important; }
#footerbar { width:960px !important; margin:0 auto; padding:20px 0; text-align:left; }
#upperfooterbar_ul { margin-bottom:20px; }
#footerbar_ul { padding:0; position:relative; margin:0 40px 0 40px; }
#footerbar_ul li.box { float:left; width:22.5%; margin-right:3%; }
#footerbar_ul li.box
ul li:before { font-family: dashicons; content: "\f139"; margin-right:5px; vertical-align:middle; color:#C9C9C9; }
#footerbar_ul li.last { margin-right:0; }
#footerbar_ul li.box .wp-tag-cloud li { display:inline; }
#footerbar p a { font-weight:bold; }
#footerbar li.box a { color:#636363; }
#footerbar li.box a:hover { text-decoration:underline; }
* html body
#footerbar_ul li.box { width:22%; }
#footerbar_ul li.box > div { margin-bottom: 15px; }
#footerbar_ul li.box h3 { margin:0; padding:5px 0 }
#footer { width:960px !important; margin:0 auto; padding:20px 0; position:relative;
text-align:center; }
#footer a:hover { background:none;}
#footer h3 { margin:0 40px; padding:10px 0 0; line-height:20px; }
#footer h3 a { color:#444444; }
#footer h3 a:hover { line-height:1; }
#footer img { margin:0; padding:0; position:absolute; left:40px; top:20px; }
* html body #footer img { behavior: expression(IEPNGFIX.fix(this)); }
/*
BOX
*/
.box:after { content:" "; clear:both; height:0; display:block; visibility:hidden; }
.box2_1 { width:49%; float:left; }
.box2_2 { width:49%; float:right; }
.box3_1 { width:32.5%; float:left; margin-right:1.3% !important; }
.box3_2 { width:32.5%; float:left; }
.box3_3 { width:32.5%; float:right; }
.box4_1 { width:24%; float:left; margin-right:1.3% !important; }
.box4_2 { width:24%; float:left; margin-right:1.3% !important; }
.box4_3 { width:24%; float:left; }
.box4_4 { width:24%; float:right; }
.box5_1 { width:19%; float:left; margin-right:1.2% !important; }
.box5_2 { width:19%; float:left; margin-right:1.2% !important; }
.box5_3 { width:19%; float:left; margin-right:1.2% !important; }
.box5_4 { width:19%; float:left; }
.box5_5 { width:19%; float:right; }
.box2a_1 { width:66.5%; float:left; }
.box2a_2 { width:32.5%; float:right; }
/*
OTHERS
*/
.fb_iframe_widget span { vertical-align:top !important; }
.tinynav { display: none }
#searchform
input[type=text] { width:100px; }
.mceContentBody { margin:10px; text-rendering: optimizelegibility; }
hr { border: 0; height: 1px; margin:2em 0;
background-image: -webkit-linear-gradient(left, rgba(201,201,201,0), rgba(201,201,201,0.75), rgba(201,201,201,0));
background-image: -moz-linear-gradient(left, rgba(201,201,201,0), rgba(201,201,201,0.75), rgba(201,201,201,0));
background-image: -ms-linear-gradient(left, rgba(201,201,201,0), rgba(201,201,201,0.75), rgba(201,201,201,0));
background-image: -o-linear-gradient(left, rgba(201,201,201,0), rgba(201,201,201,0.75), rgba(201,201,201,0)); }
.width10pct { width:10%; }
.width15pct { width:15%; }
.width20pct { width:20%; }
.width25pct { width:25%; }
.width30pct { width:30%; }
.width35pct { width:35%; }
.width40pct { width:40%; }
.width45pct { width:45%; }
.width50pct { width:50%; }
.width55pct { width:55%; }
.width60pct { width:60%; }
.width65pct { width:65%; }
.width70pct { width:70%; }
.width75pct { width:75%; }
.width80pct { width:80%; }
.width85pct { width:85%; }
.width90pct { width:90%; }
.width95pct { width:95%; }
.width100pct { width:100%; }
.margin0 { margin:0; }
.padding0 { padding:0; }
.margintop1em { margin-top:1em; }
.marginbottom1em { margin-bottom:1em; }
.margintop2em { margin-top:2em; }
.marginbottom2em { margin-bottom:2em; }
.size110 { font-size:110%; }
.size120 { font-size:120%; }
.size130 { font-size:130%; }
.size140 { font-size:140%; }
.size150 { font-size:150%; }
.size160 { font-size:160%; }
.size170 { font-size:170%; }
.size180 { font-size:180%; }
.size190 { font-size:190%; }
.size200 { font-size:200%; }
.movie-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: hidden; max-width: 100%; height:auto; }
.movie-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#gototop { display: none; position: fixed; bottom: 30px; right: 30px; }
#gototop a { display: block; width: 50px; height: 50px; background-color: #C9C9C9; border-radius: 50px; text-align: center; color: #fff; font-size: 24px; text-decoration: none; line-height:50px; }
#prnavi .menu-header > .slicknav_menu { display:none; background:#5C5C5C; padding:0; height:30px; }
#prnavi .menu-header > .slicknav_menu > .slicknav_nav { background:#5C5C5C; text-align:center; }
#prnavi .menu-header > .slicknav_menu > .slicknav_btn { margin:5px; }
#prnavi .menu-header > .slicknav_menu > .slicknav_nav span { display:none; }
#prnavi .menu-header > .slicknav_menu > .slicknav_nav li { line-height:2; }
@media screen and (max-width: 782px) {
#container, #headerbox,
#header, #footer,
#glnavi, #prnavi,
#footerbox, #footerbar { min-width:100% !important; width:100% !important; }
#header_image img { max-width: 100% !important; height: auto; width: auto; }
img, .wp-caption,
input[type="image"] { max-width: 96% !important; height: auto; width: auto; }
.home #header, #header { background-size: 800px auto !important; -webkit-background-size: 800px auto; }
.home #header, #header { height: 220px; }
.home #header { height:240px; }
#footer { }
#headerinnerbox { position:absolute; left:20px; top:20px; right:20px; bottom:120px; height:130px; }
#header h1 { text-align:left; }
#header p { text-align:left; top:25px; }
#header h2 { text-align:left; bottom:0px; }
#header h3 { text-align:left; bottom:15px; }
#header img { left:20px; top:10px; }
.col1col { margin:20px; }
.leftmenu .col1 { margin-right:20px; margin-left: 260px; }
.rightmenu .col1 { margin-right: 20px; margin-left: 260px; }
.rightmenu .col1top { margin-left:-240px; }
.leftmenu li.box,
.col2 li.box { margin:0 0px 20px 20px; }
.rightmenu li.box,
.col3 li.box { margin:0 20px 20px 0px; }
.holygrail .colmid { margin-left:-180px; }
.holygrail .colleft { left:360px; }
.holygrail .col1wrap { right:200px; }
.holygrail .col1 { margin:0 180px 0 220px; }
.holygrail .col2 { width:180px; }
.holygrail .col3 { width:180px; }
.holygrail .col2 li.box { width:160px; }
.holygrail .col3 li.box { width:160px; }
.blogstyle .colmid { margin-left:-180px; }
.blogstyle .colleft { margin-left:-180px; }
.blogstyle .col1 { margin:0 20px 0 380px; }
.blogstyle .col2 { left:160px; width:180px; }
.blogstyle .col3 { left:540px; width:180px; }
.blogstyle .col4 { left:340px; width:340px; }
.blogstyle .col2 li.box { width:160px; }
.blogstyle .col3 li.box { width:160px; }
#upperfooterbar_ul,
#footerbar_ul { margin:0 20px; }
#upperfooterbar_ul { margin-bottom:20px; }
#glnavibox { top:170px; }
.home #glnavibox { top:190px; }
.admin_bar_glnavibox { top:236px !important; }
.home .admin_bar_glnavibox { top:236px !important; }
.flexslider { width:100%; margin:auto; height:auto; }
}
@media screen and (max-width: 768px) {
.home #header, #header { background-size: 768px auto !important; -webkit-background-size: 768px auto; }
.home #header, #header { }
#header img { left:20px; top:10px; }
#footer { }
div,section { -webkit-box-sizing: border-box; box-sizing: border-box; }
#prnavi .menu-header > ul.slicknav_prnavi { display:none; }
#prnavi .menu-header > .slicknav_menu { display:block; }
}
@media screen and (max-width: 568px) {
body { -webkit-text-size-adjust : none; }
.home #header, #header { background-size: 568px auto !important; -webkit-background-size: 568px auto; }
.home #header, #header { height: 180px; }
#footer { }
#headerinnerbox { position:relative; width:auto; margin:auto; top:auto; bottom:auto; left:auto; right:auto; }
#header h1 { padding:10px 10px 0 10px; position:relative; left:auto; right:auto; top:auto ;bottom:auto; }
#header img { display:none; }
#header p { position:relative; margin:auto; left:auto; right:auto; top:auto; bottom:auto; padding:0 10px; width:auto; }
#header h2 { display:none; }
#header h3 { display:none; }
#headerinnerbox2 { display:none; }
#glnavi ul { margin:auto; }
.col1col { margin:10px; }
.leftmenu .col1,
.rightmenu .col1,
.blogstyle .col1,
.holygrail .col1 { left:auto; right:auto; margin:auto 10px; padding:10px 0 0; }
.leftmenu .col1wrap,
.rightmenu .col1wrap,
.blogstyle .col1wrap,
.holygrail .col1wrap { width:auto; left:auto; right:auto; float:none; padding-bottom:0; }
.leftmenu .col1top,
.rightmenu .col1top,
.blogstyle .colleft,
.blogstyle .colmid,
.holygrail .colleft,
.holygrail .colmid { left:auto; float:none; width:auto; margin:auto; right:auto; }
.leftmenu .col2,
.rightmenu .col3,
.blogstyle .col2,
.blogstyle .col3,
.blogstyle .col4,
.holygrail .col2,
.holygrail .col3 { float:none; right:auto; left:auto; width:auto; }
.sidebar
div.sidebar_div { padding:10px; }
.leftmenu .col2 li.box,
.rightmenu .col3 li.box,
.blogstyle .col2 li.box,
.blogstyle .col3 li.box,
.blogstyle .col4 li.box,
.holygrail .col2 li.box,
.holygrail .col3 li.box { width:auto; }
.sidebar li.box h3 { cursor:pointer; }
.sidebar li.box h3:after { content:'>'; display:block; float:right; }
.sidebar li.box > div,
.sidebar li.box > dl,
.sidebar li.box > ol,
.sidebar li.box > ul { display:none; }
.sidebar li.box ul li { display:block; background-position:left top; margin:5px 0 5px 0; }
.sidebar li.box ul li a { display:inline-block; }
.sidebar li.box ul
li.recentcomments { background-position:left center; }
.sidebar li.box ul
li.cat-item,
.sidebar
li.widget_archive ul li { background-position:left center; }
.sidebar li.box
ul.st-tag-cloud li a,
.sidebar li.box
ul.wp-tag-cloud li a { display:inline-block; }
.sidebar li.box
ul.st-tag-cloud li,
.sidebar li.box
ul.wp-tag-cloud li { background-position:left center; }
.leftmenu li.box,
.rightmenu li.box,
.blogstyle li.box,
.holygrail li.box { margin:0 0 1em; }
#footerbar { padding:10px 0 0; }
#upperfooterbar_ul li.box > div { display:none; }
#upperfooterbar_ul li.box h3 { cursor:pointer; }
#upperfooterbar_ul li.box h3:after { content:'>'; display:block; float:right; }
#upperfooterbar_ul { margin:0 10px 20px 10px; }
#footerbar_ul { margin:0 10px 0 10px; }
#footerbar_ul li.box { float:none; width:auto; margin:0 0 1em; }
#footerbar_ul li.box > ul,
#footerbar_ul li.box > ol,
#footerbar_ul li.box > dl,
#footerbar_ul li.box > div > ul,
#footerbar_ul li.box > div > ol,
#footerbar_ul li.box > div > dl,
#footerbar_ul li.box > form,
#footerbar_ul li.box > div > div { display:none; }
#footerbar_ul li.box h3 { cursor:pointer; }
#footerbar_ul li.box h3:after { content:'>'; display:block; float:right; }
#footerbar_ul li.box
ul li,
#footerbar_ul li.box
ul li .children { display:block; padding:5px 0; }
#footerbar_ul li.box
ul li a { display:inline-block; margin-top:-1.6em; }
#searchform
input[type=text] { width:70%; }
#footer { }
#footer { text-align:center; }
#footer img { position:relative; top:auto; bottom:auto; left:auto; right:auto; }
#prnavi { height:30px; }
#prnavi .nav-menu, #prnavi .menu { margin:0; }
#prnavi ul li a { padding:0 5px; }
#glnavibox,
.home #glnavibox { top:130px; }
.admin_bar_glnavibox,
.home .admin_bar_glnavibox { top:186px !important; }
#glnavi .nav-menu,
#glnavi .menu { margin:0; }
article .box2_1,
article .box2_2,
article .box3_1,
article .box3_2,
article .box3_3,
article .box4_1,
article .box4_2,
article .box4_3,
article .box4_4,
article .box5_1,
article .box5_2,
article .box5_3,
article .box5_4,
article .box5_5,
#upperfooterbar_ul .box2_1,
#upperfooterbar_ul .box2_2,
#upperfooterbar_ul .box3_1,
#upperfooterbar_ul .box3_2,
#upperfooterbar_ul .box3_3,
#upperfooterbar_ul .box4_1,
#upperfooterbar_ul .box4_2,
#upperfooterbar_ul .box4_3,
#upperfooterbar_ul .box4_4,
#upperfooterbar_ul .box5_1,
#upperfooterbar_ul .box5_2,
#upperfooterbar_ul .box5_3,
#upperfooterbar_ul .box5_4,
#upperfooterbar_ul .box5_5 { width:100%; float:none; }
.keepbox .box2_1 { width:49%; float:left; }
.keepbox .box2_2 { width:49%; float:right; }
.keepbox .box3_1 { width:32.5%; float:left; margin-right:1.3% !important; }
.keepbox .box3_2 { width:32.5%; float:left; }
.keepbox .box3_3 { width:32.5%; float:right; }
.keepbox .box4_1 { width:24%; float:left; margin-right:1.3% !important; }
.keepbox .box4_2 { width:24%; float:left; margin-right:1.3% !important; }
.keepbox .box4_3 { width:24%; float:left; }
.keepbox .box4_4 { width:24%; float:right; }
.keepbox .box5_1 { width:19%; float:left; margin-right:1.2% !important; }
.keepbox .box5_2 { width:19%; float:left; margin-right:1.2% !important; }
.keepbox .box5_3 { width:19%; float:left; margin-right:1.2% !important; }
.keepbox .box5_4 { width:19%; float:left; }
.keepbox .box5_5 { width:19%; float:right; }
.keepbox .box2a_1 { width:66.5%; float:left; }
.keepbox .box2a_2 { width:32.5%; float:right; }
.nav-menu { height:50px; line-height:50px; }
#glnavi .nav-menu > ul { display: none; }
#glnavi .nav-menu > ul li a { height:50px; }
#glnavi .nav-menu > ul li a span { display: none; }
.tinynav { display: inline-block; margin:5px auto; padding:5px; width:80%; }
}
@media screen and (max-width: 480px) {
.home #header, #header { background-size: 480px auto !important; -webkit-background-size: 480px auto; }
.home #header, #header { height: 180px; }
#footer { }
#header h1 { padding:10px 10px 0 10px; }
#glnavibox,
.home #glnavibox { top:130px; }
.admin_bar_glnavibox,
.home .admin_bar_glnavibox { top:186px !important; }
#glnavi .menu-header,
#glnavi .menu { margin:0 10px; }
}
@media screen and (max-width: 320px) {
.home #header, #header { background-size: 320px auto !important; -webkit-background-size: 320px auto; }
.home #header, #header { height: 180px; }
#footer { }
#header h1 { padding:10px 10px 0 10px; }
#glnavibox,
.home #glnavibox { top:130px; }
.admin_bar_glnavibox,
.home .admin_bar_glnavibox { top:186px !important; }
#glnavi .menu-header,
#glnavi .menu { margin:0 10px; }
}