@charset "utf-8";

/* 1: universal reset
========================================================== */

*{
  margin: 0;
  padding: 0;
}

/* 2: body and base setting
========================================================== */

body {
  text-align: center;/* box centering */
  font-weight: normal;
  font-family : 'ヒラギノ角ゴ Pro W3',Verdana,'Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  line-height: 1.4;
  margin: 0px;
  padding: 0px;
  color: #666666;
  background:url(../images/back.gif) repeat; 
  font-size:80%;
}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, dl, dt, dd, address, form, blockquote {
  padding: 0;
  line-height: 1.6;
  text-align: left;
  display: block;
  margin: 0px;
  color: #6c6c6c;
}

table { margin : 0; empty-cells: show; }
.areaAnchor,.anchor { display : none; }
img { border: none; vertical-align: bottom; }
li { list-style: none; }
span.clr	{ display:block; clear:both; height:0; margin:0; padding:0; font-size:0; line-height:0; }



/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr { cursor: help; }

/* 3: form setting
========================================================== */
/* select { padding-right: 10px; }*/
*+html select { padding-right: 0; }/* for IE7&Opera */
* html select { padding-right: 0; }/* for IE6 */

/* 4: link setting
========================================================== */
a    { color: #fb6c99; text-decoration: underline; }
a:link    { color: #fb6c99; text-decoration: underline; }
a:visited { color: #fb6c99; text-decoration: underline; }
a:hover   { color: #fb6c99; text-decoration: none; }
a:active  { color: #fb6c99; text-decoration: none; }


/* 5: blogのスタイル
========================================================== */

body#blog #container											{ width:849px; margin:0 auto; padding:20px 0 0 0; } 
body#blog #container h2											{ padding:0 0 30px 0; }
body#blog #container #mainarea									{ padding:0 0 60px 0; }
body#blog #container #mainarea #subnavi							{ width:200px; float:left; }
body#blog #container #mainarea #subnavi .navibx					{ width:200px; background:url(../images/blog_sub_bg.gif) repeat-y left top; }
body#blog #container #mainarea #subnavi .navibx	p.tit			{ padding:0 0 10px 0; }
body#blog #container #mainarea #subnavi .navibx ul li			{ display:block; padding:0 26px 10px 26px; color:#ffffff; }
body#blog #container #mainarea #subnavi .navibx ul li a			{ color:#ffffff; }
body#blog #container #mainarea #subnavi .bnr					{ padding:0 0 10px 0; }	

body#blog #container #mainarea #main							{ width:626px; float:right; }
body#blog #container #mainarea #main p.pathNavi					{ margin-bottom: 8px; }
body#blog #container #mainarea #main p.pathNavi a				{ color:#164f6f; }
body#blog #container #mainarea #main .article					{ margin:0 0 30px 0; }
body#blog #container #mainarea #main .article .inner			{ background:url(../images/blog_art_bg.gif) repeat-y left top; padding:20px 30px 20px 35px; width:561px; }
body#blog #container #mainarea #main .article .inner .titlebx	{ background:url(../images/dotline.gif) no-repeat right bottom; padding:0 0 15px 0; margin:0 0 15px 0; }
body#blog #container #mainarea #main .article .inner p.art_tit a	{ font-size:20px; color:#164f6f; font-weight:bold; }

body#blog #container #mainarea #main .article .inner p.date		{ font-size:10px; color:#164f6f; }
body#blog #container #mainarea #main .article .inner .txt		{ background:url(../images/dotline.gif) no-repeat right bottom; padding:0 0 15px 0; margin:0 0 15px 0; }	
body#blog #container #mainarea #main .article .inner .txt p		{ padding:0 0 2px 0; }
body#blog #container #mainarea #main .article .inner .txt img	{ padding:0 0 20px 0; }
body#blog #container #mainarea #main .article .inner p.post		{ font-size:10px; }


/*pagination*/
body#blog #container #mainarea #main .pagination 					{ text-align:center; margin:0 0 20px 0; }
body#blog #container #mainarea #main .pagination ul					{ padding:15px 0; text-align:center; }
body#blog #container #mainarea #main .pagination li					{ display:inline; }  
body#blog #container #mainarea #main .pagination li.normal a		{ color:#ffffff; background:url(../images/blog_paging_bg.gif) repeat; padding:4px 7px 4px 7px; text-decoration:none; }
body#blog #container #mainarea #main .pagination li.normal a:hover	{ background:#164f6f; display:inline; color:#ffffff; }
body#blog #container #mainarea #main .pagination li.select strong 	{ background:#164f6f; padding:4px 7px 4px 7px; color:#ffffff; }
body#blog #container #mainarea #main .pagination li.next a			{ color:#ffffff;  background:url(../images/blog_paging_bg.gif) repeat; padding:4px 7px 4px 7px; text-decoration:none; }

body#blog #container #mainarea #main .pagination_art 				{ padding:15px 183px; background:url(../images/blog_art_bg.gif) repeat-y left top; text-align:center; margin:0 0 20px 0; width:260px; }
body#blog #container #mainarea #main .pagination_art .prev a		{ padding:3px 0; text-decoration:none; float:left; color:#ffffff; text-align:center; width:80px; display:block; background:url(../images/blog_paging_bg.gif) repeat left top;  }	
body#blog #container #mainarea #main .pagination_art .prev a:hover	{ background:#164f6f; }
body#blog #container #mainarea #main .pagination_art .next a		{ padding:3px 0; text-decoration:none; float:right; color:#ffffff; text-align:center; width:80px; display:block; background:url(../images/blog_paging_bg.gif) repeat left top;  }	
body#blog #container #mainarea #main .pagination_art .next a:hover	{ background:#164f6f; }





ul.pager {
	margin: 0;
	padding: 0;
	text-align: center;
}
ul.pager li {
	list-style: none;
	display: inline;
	margin: 0 4px;
	padding: 10px;
}
ul.pager li strong {
	display: -moz-inline-box; /* firefox2 対応 */
	display: inline-block;
	padding:4px 7px 4px 7px;
	background-color: #164f6f;
	color:#ffffff;
}
ul.pager li a {
	display: -moz-inline-box; /* firefox2 対応 */
	display: inline-block;
	padding:4px 7px 4px 7px;
	background:url(../images/blog_paging_bg.gif) repeat;
	color:#ffffff;
	text-decoration:none;
}

ul.pager li a:link,
ul.pager li a:visited {
	background:url(../images/blog_paging_bg.gif) repeat;
}
ul.pager li a:hover,
ul.pager li a:active {
	background:#164f6f;
}


.pagination {
	text-align: center;
	font-size: 0;
}

.pagination .inner {
	display: inline-block;
	background: #dddddd;
	border-radius: 5px;
}

.pagination .inner a {
	text-decoration: none;
	margin-right: 1px;
	font-size: 12px;
	padding: 12px 13px;
	display: inline-block;
	line-height: 1;
	-webkit-transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
	transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
	/* easeOutQuint */
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0.05rem;
	color: #01b3cd;
	background: #FFF;
	border-top: #f1f1f1 2px solid;
	border-left: 0;
	border-right: 0;
	border-bottom: #f1f1f1 2px solid;
}

.pagination .inner a.prev {
	border-top: #f1f1f1 2px solid;
	border-left: #f1f1f1 2px solid;
	border-bottom: #f1f1f1 2px solid;
	border-right: 0;
	border-radius: 4px 0 0 4px;
}

.pagination .inner a.next {
	border-top: #f1f1f1 2px solid;
	border-right: #f1f1f1 2px solid;
	border-bottom: #f1f1f1 2px solid;
	border-left: 0;
	border-radius: 0 4px 4px 0;
	margin: 0;
}

.pagination .inner a.disabled {
	color: #666666;
	pointer-events: none;
}

.pagination .inner a:hover, .pagination .inner a.active {
	border-top: #01b3cd 2px solid;
	border-left: 0;
	border-right: 0;
	border-bottom: #01b3cd 2px solid;
	color: #FFF;
	background: #01b3cd;

}

.pagination .inner a:hover.prev, .pagination .inner a.active.prev {
	border-top: #01b3cd 2px solid;
	border-left: #01b3cd 2px solid;
	border-bottom: #01b3cd 2px solid;
	border-right: 0;
}

.pagination .inner a:hover.next, .pagination .inner a.active.next {
	border-top: #01b3cd 2px solid;
	border-right: #01b3cd 2px solid;
	border-bottom: #01b3cd 2px solid;
	border-left: 0;
}




body#blog #container #mainarea #main .pagetop						{ text-align:right; }

/*footer*/
body#blog #footer													{ width:100%; background:#4d4334; }
body#blog #footer p													{ text-align:center; color:#ffffff; }
/*20140822 add*/
/*140821 add*/
#subnavi .leftinquiry .howtolink	{ width:198px; border-left:solid 1px #cbd6db; border-right:solid 1px #cbd6db; background:#ffffff; padding:5px 0 10px 0; }
#subnavi .leftinquiry .howtolink a	{ padding:0 0 0 10px; font-size:10px; }
#subnavi .leftinquiry .ibtnbx			{ position:relative; width:200px; background:url(../../common/images/left_inquiry_btm.gif) left top no-repeat; height:57px; }
#subnavi .leftinquiry .ibtnbx a		{ position:absolute; top:11px; left:10px; }