@charset "utf-8";
/*
Theme Name: JAGS
Author: Adworks
Author URI: http:/adworks24.co.jp
Version: 0.9
*/

/******************/

* {
margin:0;
padding:0;
border:none;
outline:none;
list-style:none;
font-style:normal;
font-weight:lighter;
text-decoration:none;
}

html {
font-size:62.5%;
width:100%;
height:100%;
}

body {
background:#fff;
color:#4d4d4d;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:10px;
font-size:1.0rem;
line-height:1;
text-align:center;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
width:100%;
height:100%;
}
/******************/
/* html format ****/

article,
aside,
dialog,
figure,
footer,
header,
main,
menu,
nav,
section {display:block;}

audio,
canvas,
video {
display:inline-block;
max-width:100%;
}

a,
a:link,
a:visited,
a:active {color:#f15a24; cursor:pointer;}
a:hover {color:#f15a24;}

b,
i,
em,
cite,
strong {}

u {text-decoration:underline;}

hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}


/******************/
/******************/
/* shortcodes *****/


.alignright,
.align-right {text-align:right;}
.alignleft,
.align-left {text-align:left;}
.center,
.aligncenter,
.align-center {text-align:center; display:block; margin-left:auto; margin-right:auto;}
.clear {clear:both;}
.clearfix {zoom:1;}
.clearfix:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.hide,
.none {display:none;}
.left,
.float-left {float:left;}
.right,
.float-right {float:right;}
.nowrap {white-space:nowrap;}
.small {font-size:0.8em;}
.indent-1 {padding-left:1em; text-indent:-1em;}
.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}

img.left,
img.float-left {margin:0 20px 20px 0;}
img.right,
img.float-right {margin:0 0 20px 20px;}



.table {clear:both; display:table; table-layout:fixed; text-align:left; width:100%;}
.cell {display:table-cell; vertical-align:top;}

/******************/
/* WordPress Tags */

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
max-width:100%;
height:auto;
}

img.size-full,
img.size-large {width:100%; height:auto;}

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}




/* =Images
-------------------------------------------------------------- */

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {display:inline; float:left; margin-right:24px; margin-top:4px;
}
.alignright,
img.alignright {display:inline; float:right; margin-left:24px; margin-top:4px;}

.aligncenter,
img.aligncenter {clear:both; display:block; margin-left:auto; margin-right:auto;}

img.alignleft,
img.alignright,
img.aligncenter {margin-bottom: 12px;}


.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
	max-width: 622px; /* caption width - 10px */
}
.wp-caption p.wp-caption-text {
	color: #777;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {margin:0;}



/******************/
/******************/

#to,
#bo {clear:both; display:block; height:0; overflow:hidden;}

#sidebar {
width:220px;
float:left;
text-align:left;
margin-bottom:25px;
}

#content {
float:right;
text-align:left;
width:680px;
margin-bottom:50px;
line-height:1.8;
font-size:13px;
font-size:1.3rem;
}

#footer {
clear:both;
text-align:left;
}

.inner {width:920px; margin:0 auto; padding:0 30px;}
#main .inner,
#footer .inner {width:940px; padding:0 20px;}
#site-info .inner {margin:0 auto; width:980px; padding:0;}

.clearfix:after,
.inner:after {
content:"";
clear:both;
display:block;
height:0;
visibility:hidden;
}

/******************/

#header {
color:#603813;
text-align:left;
position:relative;
padding:10px 0 0 0;
margin-bottom:25px;
}

#site-description {
float:left;
font-size:11px;
font-size:1.1rem;
margin-bottom:20px;
line-height:20px;
height:¥20px;
}

#header ul#util {float:right; text-align:right; margin-bottom:20px;}
#header ul#util li {display:inline; line-height:20px; height:20px;}
#header ul#util li a {color:#603813; margin-left:10px;}
#header ul#util li a:hover {color:#f15a24;}

#header ul#util li a {
padding-left:25px;
background-image:url(images/u-privacy.png);
background-repeat:no-repeat;
background-position:left center;
}

#header ul#util li:nth-child(1) a {background-image:url(images/u-privacy.png);}
#header ul#util li:nth-child(2) a {background-image:url(images/u-sitemap.png);}

#site-title {
clear:both;
text-align:center;
margin:0 auto;
width:340px;
height:60px;
overflow:hidden;
float:inherit;
padding-top:15px;
}

#site-title a {
display:block;
background:url(images/title.png);
padding-top:70px;
}

#branding {position:relative; clear:both; margin-bottom:20px;}

.h-logo,
.h-contact {
position:absolute;
}
.h-logo {top:0; left:0;}
.h-contact {top:15px; right:0;}

/******************/
/******************/

#access {}

#access ul li {height:50px; text-align:center; float:left;}

#access ul li a {
font-family:serif;
float:left;
color:#754c24;
display:block;
line-height:20px;
height:40px;
padding:5px 0;
border-right:1px solid #754c24;
font-size:17px;
font-size:1.7rem;
}

#access ul li a:hover {color:#f15a24;}

#access ul li a span {
display:block;
font-size:13px;
font-size:1.3rem;
}

#access ul li:nth-child(1) a {width:148px; border-left:1px solid #754c24;}
#access ul li:nth-child(2) a {width:193px;}
#access ul li:nth-child(3) a {width:167px;}
#access ul li:nth-child(4) a {width:167px;}
#access ul li:nth-child(5) a {width:121px;}
#access ul li:nth-child(6) a {width:117px; float:right;}

/******************/
/******************/

#slider {
margin:0 auto;
clear:both;
position:relative;
height:500px;
margin:0 0 25px 0;
}

#slider div {top:0 !important;}

#slider ul {
width:100%;
margin:0 auto;
height:500px;
overflow:hidden;
position:absolute;
}

#slider ul li {
height:500px;
padding-top:500px;
}


/******************/
/******************/

#sidebar ul li img {
margin-bottom:5px;
}

#sidebar .module {margin-bottom:25px;}
.module ul li {border-bottom:1px solid #e6e6e6;}

.module ul li a {
background:url(images/arrow-r.png) no-repeat 200px center;
color:#666;
padding:0 15px 0 5px;
height:36px;
line-height:36px;
display:block;
font-size:15px;
font-size:1.5rem;
}
.module ul li a:hover {color:#f15a24;}

/******************/
/******************/

#footer {clear:both; font-size:13px; font-size:1.3rem; line-height:1.5;}

#footer h2 {margin-bottom:10px; float:left; width:220px; margin-right:20px;}

#footer p.address {
float:left;
width:580px;
margin-bottom:10px
}

#footer p.pagetop {
width:80px;
height:80px;
float:right;
overflow:hidden;
margin-bottom:10px
}

p.pagetop a {
background:url(images/btn-pagetop.png) no-repeat 0 0;
padding-top:90px;
display:block;
}

#site-info {
background-color:#754c24;
clear:both;
color:#f7eed0;
text-align:center;
}


#site-info small {
height:40px;
line-height:40px;
font-size:12px;
font-size:1.2rem;
}

#site-info small a {
color:#f7eed0;
}

/******************/
/******************/


.tab-menu {overflow:hidden;}

.tab-menu li {
background-image:url(images/bg-red.png);
border:1px solid #f15a24;
color:#fff;
padding:5px 20px;
float:left;
margin-right:1px;
cursor:pointer;
}

.tab-menu li.select,
.tab-menu li:hover {
background:#fff;
background-image:none;
color:#f15a24;
border-bottom:1px solid #fff;
}

.tab-content div {
background:#fff; padding:20px 20px 0;
margin-bottom:30px;
border:1px solid #ccc;
	-webkit-transition-delay:.3s;
	-moz-transition-delay:.3s;
	-ms-transition-delay:.3s;
	-o-transition-delay:.3s;
	transition-delay:.3s;
}

.hide {display:none;}


/******************/
/******************/

.open-box {display:none;}

/******************/
/******************/

h3 {
margin-bottom:10px;
font-size:15px;
font-size:1.5rem;
}
/*
h3.page-title {
color:#754c24;
font-family:serif;
font-size:24px;
font-size:2.4rem;
margin-bottom:20px;
}
*/

.page-title,
.entry-title,
h3.entry-title,
.intro-l h3.title,
.intro-r h3.title {
background-image:url(images/bg-title.png);
background-repeat:no-repeat;
background-position:0 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
display:block;
width:680px;
height:80px;
line-height:80px;
color:#754c24;
font-family:serif;
font-size:30px;
font-size:3.0rem;
margin-bottom:20px;
padding:0 40px;
overflow:hidden;
}


.intro-l h3.title,
.intro-r h3.title {margin-bottom:10px;}

.entry-content a {
padding-left:24px;
background-image:url(images/icon-link.png);
background-repeat:no-repeat;
background-position:5px center;
}

.entry-content a[href^="http://"] {
background:url(images/icon-link.png) no-repeat 5px center;
}
.entry-content a[target="_blank"] {
background:url(images/icon-link.png) no-repeat 5px center;
}
.entry-content a[href^="mailto:"] {
background:url(images/icon-mail.gif) no-repeat 5px center;
}
.entry-content a[href$=".pdf"] {
background:url(images/icon-pdf.gif) no-repeat 5px center;
}
.entry-content a[href$=".zip"] {
background:url(images/icon-zip.gif) no-repeat 5px center;
}
.entry-content a[href$=".xls"],
.entry-content a[href$=".xlsx"],
.entry-content a[href$=".ppt"],
.entry-content a[href$=".pptx"] {
background:url(images/icon-xls.gif) no-repeat 5px center;
}
.entry-content a[href$=".doc"],
.entry-content a[href$=".docx"] {
background:url(images/icon-doc.gif) no-repeat 5px center;
}

.entry-content a:hover {
text-decoration:underline;
}

.entry-content h4 {
font-size:18px;
font-size:1.8rem;
margin-bottom:15px;
height:40px;
padding-left:20px;
line-height:40px;
color:#fff;
background-image:url(images/bg-red.png);
clear: both;
}

.entry-content h5 {
font-size:18px;
font-size:1.8rem;
color:#333;
font-weight: bold;
margin-bottom:8px;
}

#content p,
.entry-content p {
margin-bottom:30px;
}

.entry-content ul {
padding-left:1em;
margin-bottom:30px;
}

.entry-content ol {padding-left:1em;
margin-bottom:30px;}
.entry-content ol li {
list-style-type:decimal;
list-style-position:inside;
text-indent:-1em;}

.entry-content dl {}
.entry-content dl dt {margin-bottom:5px; font-size:1.1em; padding-left:1em;}
.entry-content dl dd {margin-bottom:30px; padding-left:2em;}
.entry-content table dl {margin-top:6px;}
.entry-content table dl dt {margin-bottom:0;}
.entry-content table dl dd {margin-bottom:12px; border-bottom: 1px dotted #ccc; padding-bottom: 6px; font-size: 90%;}
.entry-content table dl dd:last-child {margin-bottom:0; border:0;}

.entry-content table dl dt:before {
content:"■ ";
color: #ccc;
font-size: 75%;
}

/******************/


#intro {clear:both;}
.intro-l {float:left; width:320px; margin-bottom:25px;}
.intro-r {float:right; width:320px; margin-bottom:25px;}
#intro-b {clear:both; margin-bottom:25px;}

.intro-l h3.title,
.intro-r h3.title {
background-image:url(images/bg-title-m.png);
width:320px;
padding-right:155px;
position:relative;
font-size: 20px;
font-size: 2.0rem;
padding: 0 20px;
line-height: 40px;
height: 40px;
}

#intro h3.title span {
position:absolute;
top:6px;
right:10px;
height:24px;
}

#intro ul {padding:0;}

#intro ul li {clear:both;}

#intro ul li a {
color:#4d4d4d;
padding:7px 0;
display:block;
background:none;
border-bottom:1px dotted #4d4d4d;
clear:both;
}
#intro ul li a:after {content:""; clear:both; display: block; height:0;}

#intro ul li a:hover {color:#f15a24;}

#intro ul li a span.published {color:#f15a24; float:left; width:90px;}
#intro ul li span.entry-summary {overflow:hidden; float:left; width:220px}

.new {
background-color:#f15a24;
padding:0 3px;
color:#fff;
margin-right:10px;
}


/******************/
/******************/

ul.results {}
ul.results li {display:block; margin-bottom:50px;}
ul.results li a {}
ul.results li span {}

ul.results li span.title {
font-size:18px; font-size:1.8rem; margin-bottom:15px; display:block;
height:30px;
background-color:#f7eed0;
padding-left:15px;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7eed0));
	background:-moz-linear-gradient(top, #fff, #f7eed0);
	background:linear-gradient(top, #fff, #f7eed0);
}

ul.results li span.published,
ul.results li span.author {font-size:0.8em; margin-right:30px;}


ul.results li .read-more {
display:block;
margin-top:10px;
}

ul.results li .read-more a {
padding:5px 10px;
background-color:#f15a24;
background-image:url(images/bg-red.png);
border:1px solid #f15a24;
color:#fff;
}

ul.results li .read-more a:hover {
background-color:#fff;
background-image:none;
color:#f15a24;
}


/******************/
/******************/
/* news ***********/
#post-10 .entry-content ul li,
#post-638 .entry-content ul li { border-bottom: 1px dotted #ccc;
	line-height: 2.4;}
#post-10 .entry-content ul li .published,
#post-638 .entry-content ul li .published { margin-right: 3em;}

.entry-content p.news-more a {
background:#f2f2f2;
padding:10px 30px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
margin:0 30px;
}

/******************/
/******************/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}




/* =Content
-------------------------------------------------------------- */

#content,
#content input,
#content textarea {
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
}
#content pre,
#content kbd,
#content tt,
#content var {
}
#content code {
	font-size: 13px;
}
#content dt,
#content th {
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
}
#content table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: 0 0 24px 0;
	text-align: left;
	width: 100%;
	border-collapse:collapse;
}
#content tr th,
#content thead th {
	color: #666;
	background-color: #f7eecf;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 25%;
}
#content tr td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 9px 24px;
}
#content tr.odd td {
	background: #f2f7fc;
}
.hentry {
	margin: 0 0 48px 0;
}

.single .hentry {
}

.entry-meta {
	color: #777;
	font-size: 12px;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content {
	clear: both;
	padding: 12px 0 0 0;
}

.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #777;
	font-size: 12px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	line-height: 48px;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
	clear: both;
	color: #777;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a,
.entry-utility a {
	color: #777;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #ff4b33;
}
#content .video-player {
	padding: 0;
}


/******************/
/******************/

#archive {}
#archive ul {margin-bottom:30px;}
#archive ul li {border-bottom:1px dotted #4d4d4d;}
#archive .archive-date {width:10em; display:inline-block;}


/******************/
/* wp-pagenavi  ***/

.wp-pagenavi {
text-align:center;
margin-bottom:60px;
font-size:13px;
font-size:1.3rem;
clear:both;
display:block;
}

.wp-pagenavi a.page {width:auto; float:none;}

.wp-pagenavi .pages {display:none;}

.wp-pagenavi a {
padding:8px 15px;
margin:5px;
background-color:#f7eed0;
line-height:1;
color:#754c24;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
display:inline;
}

.wp-pagenavi a:hover {
background-color:#754c24;
color:#fff;
}

.wp-pagenavi a:active {}

.wp-pagenavi span.current {
padding:8px 15px;
margin:5px;
border:1px solid #754c24;
background-color:#754c24;
color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
display:inline;
}

.wp-pagenavi span.extend {display:none;}


/******************/
/******************/

ul.kana li {
	list-style-type: katakana;
	margin-left: 1.8em;
}


#content table.t_center {
	text-align: center;
}
#content table.t_center th {
	width: 15%;
}

.entry-content ul.yousu { float: left; padding-left: 0; margin-bottom: 60px; width: 100%;}
.entry-content .yousu li { float: left; margin-right: 8px;}
.entry-content .yousu li:nth-child(4n) {margin:0;}
.entry-content .yousu a[href^="http://"] {background: none; padding:0;}

ul.breadcrumbs {float: left;width:100%; margin-bottom: 12px; border-bottom: 1px dotted #ccc; padding-bottom: 4px;}
.breadcrumbs li {float:left; display:block; margin-right: 0.5em;}

/* end ************/
/******************/
/******************/