@charset "utf-8";
/* index
******************************************
0 initialize
1 adjust
2 layout
3 common
4 page
--------------------
	4-1 top
--------------------
*****************************************/

/* 0 initialize
******************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ul, ol, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, canvas {
	margin: 0;
	padding: 0;
}
html {
	-webkit-text-size-adjust: none;
}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック";
	font-size: 13px;
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
li {
	list-style: none;
}
table {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
   	font-size: 100%;
}
table th {
    padding: 6px 6px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
table td {
	padding: 2px 6px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: left;
}
caption {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}
div.deleteBr br {
	display: none;
}
table#table-01 {
    width: 100%;
	border-spacing: 0;
	font-size:14px;
}
table#table-01 th {
	color: #fff;
	padding: 8px 7px;
	background: #00f;
	background:-moz-linear-gradient(rgba(53,109,175,0.7), rgba(53,109,175,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(53,109,175,0.7)), to(rgba(53,109,175,0.9)));
	font-weight: bold;
	border-left:1px solid #00f;
	border-top:1px solid #00f;
	border-bottom:1px solid #00f;
	line-height: 120%;
	text-align: left;
	text-shadow:0 -1px 0 rgba(34,85,136,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
table#table-01 th:first-child {
	border-radius: 0 0 0 0;	
}
table#table-01 th:last-child {
	border-radius:0 0 0 0;
	border-right:1px solid #258;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
table#table-01 tr td {
	padding: 5px 7px;
	border-bottom: 1px solid #84b2e0;
	border-left: 1px solid #84b2e0;
	text-align: left;
}
table#table-01 tr td:last-child {
	border-right: 1px solid #84b2e0;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table#table-01 tr {
	background: #fff;
}
table#table-01 tr:nth-child(2n+1) {
	background: #f1f6f0;
}
table#table-01 tr:last-child td {
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table#table-01 tr:last-child td:first-child {
	border-radius: 0 0 0 0;
}
table#table-01 tr:last-child td:last-child {
	border-radius: 0 0 0 0;
}
table#table-01 tr:hover {
	background: #bbd4ee;
	cursor:pointer;
}
fieldset {
	border: none;
}
input, textarea, select, label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 100%;
	vertical-align: middle;
}
label, button {
	cursor: pointer;
}
textarea {
	overflow: auto;
}
header, hgroup, footer, article, section, nav, aside, figure {
	display: block;
}
img {
	border: none;
	vertical-align: middle;
}
em, strong {
	font-weight: bold;
	font-style: normal;
}
mark {
	font-weight: bold;
}
object {
	vertical-align: middle;
	outline: none;
}
blockquote, q {
	quotes: none;
}
blockquote{
	background:url(../img/icon_blockquote_top.png) 17px 18px #f5f5f5 no-repeat;
	padding-bottom:10px;
	margin-bottom:17px;
}
blockquote p{
	font-size:15px;
	color:#444444;
	line-height:28px;
	width:590px;
	padding:20px 32px 0 50px !important;
	background:url(../img/icon_blockquote_bottom.png) bottom right no-repeat;
}
q:before, q:after {
	content: '';
}
code {
	font-family: monospace;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
abbr, acronym {
	border: none;
	font-variant: normal;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #333;
	cursor: help;
}
address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}
hr {
	display: none;
}
pre {
	font-family: monospace;
}
body {
	color: #111;
}
a {
	color: #0893A4;
	vertical-align: baseline;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

img { max-width:100%; height:auto;}

.cf:after {
	content: "";
	clear: both;
	display: block;
}

/* 1 adjust
******************************************/


/* 2 layout
******************************************/
#page { width:980px; margin:0 auto 120px;}

/* 2-1 header
-----------------------------------------*/
#header { padding:54px 0 0; margin:0 auto 35px; position:relative; text-align:left;}
#header .logo a { display:block; width:210px; height:57px; background:url(../img/logo.gif) 0 0 no-repeat; text-indent:100%; white-space:nowrap; margin:0 0 30px; overflow:hidden;}
body.entry #header ,
body.category #header { margin:0 auto 40px;}

.globalNav { text-align:center;}
.globalNav li { width:163px; display:inline-block;}
.globalNav li:last-child { width:165px;}
.globalNav li a { display:block; text-align:center; color:#05454C; font-weight:bold; position:relative; font-size:16px;}
.globalNav li a:before { content:""; display:block; width:1px; height:16px; background:#D0EBF0; position:absolute; top:50%; left:0; margin-top:-8px;}
.globalNav li:last-child a:after { content:""; display:block; width:1px; height:16px; background:#D0EBF0; position:absolute; top:50%; right:0; margin-top:-8px;}
.globalNav li a:hover { color:#0994A4; text-decoration:none;}

#header .searchForm { position:absolute; top:81px; left:631px;}
#header .inputSearch { border:1px solid #E5E5E5; border-right:0; height:26px; padding:0 5px; width:125px; line-height:26px; outline:none;}
#header .btnSearch { background:url(../img/btn_search.gif) 0 0 no-repeat; width:28px; height:28px; text-indent:100%; white-space:nowrap; overflow:hidden; border:0; outline:none; cursor:pointer;}
#header .btnSearch:hover { background:url(../img/btn_search_f2.gif) 0 0 no-repeat;}
#header .btnContact { position:absolute; right:0; top:63px;}

/* 2-2 main
-----------------------------------------*/
#main { width:730px; float:left;}
body.entry #main ,
body.category #main { width:700px;}

/* 2-3 side
-----------------------------------------*/
#side { width:210px; float:right;}

.sideBannerArea { margin:0 0 20px;}
.accessRankingEntriesArea { padding:0 0 20px;}
.accessRankingEntriesArea .title { color:#0B98A8; font-size:15px; font-weight:bold; margin:0 0 10px; background:url(../img/icon_ranking.gif) 0 50% no-repeat; padding-left:20px;}
.accessRankingEntriesArea li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #D0EBF0;}
.accessRankingEntriesArea li .rankNum { background:#0CA86A; color:#fff; font-size:11px; margin:0 0 5px; display:inline-block; line-height:1.2em; padding:0 5px;}
.accessRankingEntriesArea li a { color:#333;}

.updateEntriesArea { padding-bottom:20px;}
.updateEntriesArea .title { color:#0B98A8; font-size:15px; font-weight:bold; margin:0 0 10px; background:url(../img/icon_update.gif) 0 50% no-repeat; padding-left:20px;}
.updateEntriesArea li { display:inline-block; margin:0 10px 10px 0;}

.monthlyEntriesArea { padding-bottom:29px;}
.monthlyEntriesArea .title { color:#0B98A8; font-size:15px; font-weight:bold; margin:0 0 10px; background:url(../img/icon_monthly.gif) 0 50% no-repeat; padding-left:20px;}
.monthlyEntriesArea li{margin:0 0 5px;}
.monthlyEntriesArea li a { color:#333;}

.authorEntriesArea { padding-bottom:20px;}
.authorEntriesArea .title { color:#0B98A8; font-size:15px; font-weight:bold; margin:0 0 10px; background:url(../img/icon_author.gif) 0 50% no-repeat; padding-left:20px;}
.authorEntriesArea li{margin:0 0 5px;}
.authorEntriesArea li a { color:#333;}

/* 2-4 footer
-----------------------------------------*/
#footer { clear:both; background:url(../img/bg_footer.gif) 0 0 repeat-x; height:186px;}
.footerInner { width:480px; margin:0 auto; padding:20px 0 0 500px; position:relative;}
.footerInner .btnContact { position:absolute; left:0; top:20px;}

.footerNav { text-align:right; margin:0 0 15px;}
.footerNav li { display:inline-block;}
.footerNav li a { display:block; text-align:center; color:#05454C; font-weight:bold; position:relative; font-size:13px; padding:0 15px;}
.footerNav li a:before { content:""; display:block; width:1px; height:16px; background:#D0EBF0; position:absolute; top:50%; left:0; margin-top:-8px;}
.footerNav li:last-child a:after { content:""; display:block; width:1px; height:16px; background:#D0EBF0; position:absolute; top:50%; right:0; margin-top:-8px;}
.footerNav li a:hover { color:#0994A4; text-decoration:none;}

.btnCorporateSite { text-align:right; margin:0 0 10px;}
.copyright { text-align:right;font-size:10px;color:#666;}
.pagetop { position: fixed; right: 30px; bottom: 30px; opacity: 0.8; }

/* 3 common
******************************************/


/* 3-1 text
-----------------------------------------*/

/* 3-2 button
-----------------------------------------*/

/* 3-3 list/table
-----------------------------------------*/

/* 3-4 component
-----------------------------------------*/
/* entriers */
.newContentArea { width:730px; overflow:hidden; padding-bottom:30px;}
.newContentArea h2 { margin:0 0 20px;}

.listEntries { clear:both; width:750px;}

.listEntries li { width:235px; position:relative; float:left; margin:0 10px 20px 0;}
.listEntries .text { border:1px solid #D0EBF0; position:relative; border-top:0; padding:10px; height:170px;}
.listEntries .title { margin:0 0 10px;}
.listEntries .title a { color:#0B98A6; font-size:14px; font-weight:bold;}
.listEntries .summary { color:#333; font-size:12px;}
.listEntries .date { position:absolute; bottom:10px; left:15px; font-size:12px; color:#666;}
.listEntries .readMore a { position:absolute; bottom:10px; right:15px; font-size:12px; color:#222;}

body.category .listEntries { width:700px;margin-top:-30px;}
body.category .listEntries li { clear:both; width:auto; float:none; margin:0;border-bottom:1px solid #D0EBF0;padding:20px 0;}
body.category .listEntries li .img { float:left; margin-right:20px; width:230px; }
body.category .listEntries li .img.no { background:#fff url(../img/thumb_no_image.gif) no-repeat 50% 50%;height:140px;background-size:100% auto;}
body.category .listEntries .text { border:0;  height:auto; overflow:hidden; padding:0 0 0; position:static;}
body.category .listEntries .title a { font-size:16px;}
body.category .listEntries .date { position:static; margin:0 0 5px;}
body.category .listEntries .readMore { text-align:right; clear:both;}
body.category .listEntries .readMore a { right:0; bottom:20px;}
body.category .listEntries .summary { font-size:14px; margin:0 0 20px;}

.pagerNavi{margin:80px 0 50px;text-align:center;}
.pagerNavi li{display:inline;}
.pagerNavi li a{display:inline-block;line-height:1;padding:10px;background:#EEEEEE;color:#333333;}
.pagerNavi li a:hover,.pagerNavi li.current a{background:#0B98A6;color:#fff;text-decoration:none;}
.pagerNavi li.prev{padding:0 30px 0 0;background:url(../img/nav_dotte.gif) no-repeat 90% 50%;}
.pagerNavi li.next{padding:0 0 0 30px;background:url(../img/nav_dotte.gif) no-repeat 10% 50%;}


.listEntries .large { width:730px;background:#fff url(../img/thumb_no_image.gif) no-repeat right 50%;}
.listEntries .large .img { float:right;text-align:center;width:340px;}
.listEntries .large .text { float:left; width:360px; border:0; background:#0B98A8; height:176px;}
.listEntries .large .title a { color:#fff; font-size:18px; font-weight:bold;}
.listEntries .large .summary { color:#fff; font-size:14px;}
.listEntries .large .date { bottom:20px; left:20px; font-size:12px; color:#fff;}
.listEntries .large .readMore a { bottom:20px; right:20px; font-size:12px; color:#fff;}

.categoryContentArea { width:760px;}
body.category .categoryContentArea { width:700px;}
.categoryContentArea h1 ,
.categoryContentArea h2 { margin:0 0 20px; font-size:24px; color:#0994A4; font-weight:bold;}
.categoryContentArea h1 { border-top:3px solid #0994A4; padding:10px 0 0;}
.categoryArea { position:relative;}
.categoryContentArea .categoryArea { width:350px; height: 260px; float:left; margin:0 30px 20px 0;}
.categoryArea:nth-child(2n+1) { margin-right:0;}
.categoryArea .readMore { position:absolute; top:15px; right:0;font-size:12px;}
.categoryArea .readMore a { color:#333;}
.categoryArea h2 ,
.categoryArea h3 { color:#009999; font-weight:bold; font-size:16px; margin-bottom:10px; border-top:2px solid #009999; padding-top:10px;}

.entry .categoryArea { margin-top:50px;}

.listCategoryEntries li { padding:10px 0; border-bottom:1px dotted #D0EBF0;}
.listCategoryEntries li a { color:#333;}

.entryContentArea { margin:0 0 50px;}
.entryContentArea h1 { margin:0 0 33px; font-size:28px; color:#0994A4; font-weight:bold; border-top:3px solid #0994A4; padding:20px 0 0;line-height:1.2;}
.entryContentArea .entryHeader { position:relative; margin-bottom:30px;}
.entryContentArea .entryHeader p { display:inline-block; margin:0 10px 0 0;}
.entryContentArea .entryHeader .category { background:#0994A4; font-size:12px; color:#fff; padding:0 5px;}
.entryContentArea .entryHeader .date { color:#666;}

.entryContentArea .entry { font-size:16px; line-height:2;}
.entryContentArea .entry p { margin:0 0 1em;}
.entryContentArea .entry figure.right { margin:0 0 1em 1em;}
.entryContentArea .entry figure.left { margin:0 1em 1em 0;}
.entryContentArea .entry figcaption { font-size:12px; color:#666; padding:5px 0 0; line-height:1.2;}

.entryContentArea .entry h2 { color:#0893A4; font-size:20px; padding-left:10px; margin:0 0 10px; font-weight:bold; border-left:10px solid #0893A4;line-height:1.8; border-bottom: 1px dashed #666;}
.entryContentArea .entry h3 { color:#111; font-size:18px; padding-left:10px; margin:0 0 0; font-weight:bold; border-left:20px solid #0893A4;line-height:1.2;}

.listRelatedEntries { width:719px; margin:0 0 20px;}
.listRelatedEntries li { width:220px; position:relative; float:left; margin:0 19px 19px 0;}
.listRelatedEntries li .title { margin:5px 0 0;}
.listRelatedEntries li .title a { color:#333;}

.right { float:right !important;}
.left { float:left !important;}
.clear { clear:both !important;}

.shareArea { position:relative; margin:0 0 50px;}
.entryHeader .shareArea { margin:0;}
.shareArea .listButton { position:absolute; right:10px; top:20px;}
.entryHeader .shareArea .listButton { position:absolute; right:-30px; top:-20px;}
.shareArea .listButton li { float:left; margin:0 10px 0 0;}

.authorArea { border:1px solid #D6D6D6; padding:20px 35px; clear:both; background:#FAFAFA;}
.authorArea .title { color:#0B98A7; font-size:18px; font-weight:bold; border-bottom:1px solid #EAEAEA; margin-bottom:15px;}
.authorArea .authorPhoto { float:left; margin:0 20px 0 0;}
.authorArea .authorName { color:#333; font-weight:bold; margin:0 0 5px;}
.authorArea .link { clear:both; text-align:right; padding:10px 0 0;}
.authorArea .link a { color:#333;}

.breadNav{
	padding:10px 0;
	margin:20px 0 0;
	border-top:1px solid #D0EBF0;
	border-bottom:1px solid #D0EBF0;
}
.breadNav li{
	display:inline;
	padding:0 5px 0 0;
}
.breadNav li a{
	color:#333;
}
.breadNav li a:after{
	content: ">";
	padding:0 0 0 10px;
}
.breadNav li a:hover{
	text-decoration:none;
}


/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next{
width:100%;
margin: 36px 0 24px;
padding:0;
display: table;
}
#prev_next  #prev, #prev_next  #next{
width: 50%;
padding:30px 10px 10px;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
display: table-cell;
position:relative;
text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
font-size:90%;
line-height:1.5;
}
#prev_next #prev:hover, #prev_next #next:hover{
background-color: rgba(238,238,238,0.7);
}
#prev_next #prev{
border-right:#ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title{
font-size:90%;
top:-1em;
position:absolute;
border: 1px #ccc solid;
background:#fff;
text-align: center;
padding:3px;
color:#666;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img, #prev_next #next img{
margin:0 auto;
}
#prev_next #prev_no, #prev_next #next_no{
width: 50%;
padding:0 10px;
display: table-cell;
}
#prev_next #prev_no{
border-right:#ccc 1px solid;
}
/*-- ここまで --*/
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {
}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 380px) {
}
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
/*-- ここから --*/
/*--------------------------------------
768px PREV NEXT
--------------------------------------*/
#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
#prev_next #next, #prev_next #next::before, #prev_next #next::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
#prev_next #prev_title, #prev_next #next_title{
padding:3px 10px;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img{
float:left;
margin-right:10px
}
#prev_next #next img{
float:right;
margin-left: 10px;
}
/*-- ここまで --*/
}



/* 4 page
******************************************/
/* 4-1 top
-----------------------------------------*/


/* 99-99 clear
-----------------------------------------*/


body.category .listEntries li {display: inline-block;} 

body.category .listEntries li:after{
	content: "."; display: block;height: 0;font-size:0;clear: both;visibility:hidden;
}
	

/* Hides from IE Mac */
* html body.category .listEntries li {height: 1%;}
body.category .listEntries li {display:block;}
/* End Hack */