/* 
	Theme Name: Redbook
	Theme URL: http://www.wpthemejp.com/
	Description: Redbook はウィジェットに対応した3カラムテーマです。
	Author: Brian Gardner
	Author URI: http://www.briangardner.com
	Version: 1.0
	
	CSS、XHTML、デザインはGPLライセンスとしてリリースしています。
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v1.0 - 07.23.07
		Redbook リ
*/

body {	
/*	font-family:'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, ,'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
	font-family:'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic,'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	background: #fff;
	color: #333333;
	font-size: 12px;
	/*font-family: Verdana, Arial, Tahoma;*/
	display:block;
	margin: 0px auto;
	padding: 0px;
	min-width: 1200px;
/*	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;*/
	}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
	
#wrap {
	width: 930px;
/* 	width:100%; */
	/*background: #ffffff url(images/bg.gif) repeat-y top center;*/
	margin: 0 auto;
	padding: 0px
	}
/* スマホのデザイン */
/* @media screen and (min-width: 721px) { */
  /* スタイルを記述 */
/* 	body{min-width:auto;} */
/* } */
@media screen and (max-width: 720px) {
  /* スタイルを記述 */
/* body{min-width:auto;} */
#wrap {width: 100%;}
}

/************************************************
*	リンク									*
************************************************/

a	{text-decoration: none;
	color: #0c8bcd
	border: 0px
	}
a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	}
h3 {
height: 35px;
font-size:30px;
color: #00599f;
border-bottom: solid 3px #cce4ff;
position: relative;
	
}
h3::after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #5472cd;
bottom: -3px;
width: 25%;
}

.aligncenter {
 text-align: center;
}

.nowrap {
  white-space: nowrap;
}
/************************************************
*	ヘッダー  									*
************************************************/

#header {
	background: no-repeat #FFFFFF url(images/header.png);
	width: 930px;
	height: 139px;
	font-size: 18px;
	color: #333333;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden
	}
	

#header table{
	width: 900px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 16px;
	overflow: hidden
	}

#header img {
	border: 0px
	solid
	}	


/************************************************
*	上部メニュー			*
************************************************/


#navbar2 {
	width: 100%;
	height: 45px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
  list-style-type: none;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #003399), color-stop(0.00, #ffa443));
  background: -webkit-linear-gradient(#0066cc, #003399);
  background: -moz-linear-gradient(#0066cc, #003399);
  background: -o-linear-gradient(#0066cc, #003399);
  background: -ms-linear-gradient(#0066cc, #003399);
  background: linear-gradient(#0066cc, #003399);
  /*border-radius: 10px;*/
  color: #fff;
  /*box-shadow: 3px 3px 3px #aaa;*/
	position: relative;

}

#navbar2::after {
  content: "";
  clear: both;
  display: block;
}

#navbar2 li {
	list-style-type: none;
  width: 20%;
  float: left;
  padding: 0;
  margin: 0;
  text-align: center;
}

#navbar2 li a {
  width: auto;
  color: #fff;
  font-size: large;
  font-weight: bold;
  margin: 8px;
  padding: 0;
  text-decoration: none;
  text-shadow: 0px -1px 1px rgba(0,0,0,0.7);
  display: block;
  border-radius: 10px;
}
#navbar2 li a:hover {
  /*background: rgba(0,0,0,0.3);
  box-shadow: 1px 1px 3px rgba(255,255,255,0.5), 1px 1px 3px rgba(0,0,0,0.5) inset;*/
	color: #FFA500;
  transition:all .5s ease;
  text-shadow: none;
}

/* サブメニュー1段目 */
#navbar2 ul ul{
   display:none;
   position:absolute;
   top:100%;
   left:0;
	font-size: 13px;
	color: #ffffff;
}

/* サブメニュー2段目以降 */
#navbar2 ul ul ul {
   top:0;
   left:100%;
}

#navbar2-inner{
	width:1024px;
	margin: 0 auto;
}


#navbar3 {
	height: 40px;
	width: 930px;
	background: #f8f5f2 url(images/menu.png) repeat-y top center;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	}
	
#navbar3 li {
	display: inline;
	list-style-type: none;
	margin: 100px;
	padding: 0px;
	}
		
#navbar3 ul {
	padding: 8px 0px 0px 15px;
	margin: 0px;
	list-style-type: square
	}
	
#navbar3 ul li {
	margin: 0px;
	}
	
#navbar3 ul li a {
	padding: 7px 10px 7px 10px;
	font-size: 13px;
	color: #000;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;
	}

#navbar3 ul li a:hover {
	height: 32px;
	background: #f8f5f2 url(images/navhover.gif);
	color: #000;
	}

/************************************************
*	メインメニュー      								*
************************************************/

#navbar {
	width: 900px;
	margin: 0 auto;
	}
	
#navbar ul {
   display:block;
   list-style-type: none;
	margin: 0px;

}

/* サブメニュー1段目 */
#navbar ul ul{
   display:none;
   position:absolute;
   top:100%;
   width: 150px;
   left:0;
}

/* サブメニュー2段目以降 */
#navbar ul ul ul {
   top:0;
   left:100%;
}

/* リスト */
#navbar li {
   float:left;
}

#navbar li li {
   clear:both;
}

#navbar li:hover {
   position:relative;
}

#navbar li:hover > ul {
   display: block
}

/* IE6用 */
* html #navbar li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column1'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

* html #navbar li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column2'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

* html #navbar li li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column3'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

#navbar .column1 {position:relative;}
#navbar .column1 ul {display:block;}
#navbar .column1 * ul {display:none;}

#navbar .column2 {position:relative;}
#navbar .column2 ul {display:block;}
#navbar .column2 * ul {display:none;}

#navbar .column3 {position:relative;}
#navbar .column3 ul {display:block;}
#navbar .column3 * ul {display:none;}

/* 味付け */
#navbar li {
	padding: 10px 10px 10px 10px;
	text-align: center;
	background: #f5f3eb;
	border-left: dotted 5px #fff

}

#navbar li li {
	text-align: left;
}

#navbar li a{
	display: block;
	text-decoration:none;
	font-size: 15px;
	color: #333;
}

#navbar li:hover {
   background:#e0d5b8;
   color:#333;
}

#navbar .column1, #navbar .column2, #navbar .column3 {
	color:#afafaf;
	background:#f2f2e4;
}

/
/************************************************
*	更新情報			*
************************************************/



#osusume ul{
	display: inline-block;
	list-style: none;
}

#osusume li{
	float: left;
	list-style: none;
	img-align: center;
	width: 138px;
	margin: 10px;
}

#osusume li a{
	list-style: none;
	height: 200px;
	padding: 5px;
	display: inline-block;
	width: 100%;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #333;
	text-align: center;

}

#osusume li a:hover{
background-color: #2d56be;
color: #fff;
}

/************************************************
*	トップスライド					     		    * 
************************************************/


/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/



.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 490px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }


/************************************************
*	Content 					     		    * 
************************************************/
#m-container {
	overflow:hidden;
}

#content {
/* 	font-size: 13px; */
	font-size: 16px;
/* 	line-height: 18px; */
	line-height: 21px;
  /* 20180721 DEL (S) */
	/* width: 900px; */
  /* 20180721 DEL (E) */
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	}
	
#contentleft {
	float: left;
	width: 680px;
	margin: 40px 0px 0px 15px;
	padding: 15px 0px 10px 0px;
	display: inline;
	overflow:hidden;
	}

ul.post	{list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: dotted 1px #aaaaaa}

ul.post li	{border-bottom: dotted 1px #aaaaaa;
	background-image: url(chip.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 15px 0 15px 20px}

ul.post li a	{color: #000000}


ul.post li span	{font-size: smaller;
	color: #888888}

/* コンテンツ */

p.title	{font-weight: bold;
	color: #585858;
	width: 490px;
	margin: 0 0 0px;
	padding: 0 0 0 10px;
	background-image: url(bar.png);
	background-repeat: no-repeat;
	background-position: right top}

#titleside	{background-image: url(chip.png);
	background-repeat: no-repeat;
	background-position: left center;
	border-top: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 18px;
	margin: 0}

p.pagenation	{font-size: 15px;
	overflow: hidden}

span.oldpage	{float: left}

span.newpage	{float: right}


/* 記事 */
div.post	{margin-bottom: 30px;
	overflow: hidden}

div.post h1 {
	font-size: 25px;
	color: #0066cc;
	}
div.post h2 {
	background-image: url(chip.png);
	background-repeat: no-repeat;
	background-position: left center;
	border-top: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	font-size: 15px;
	color: #0066cc;
	padding: 10px 18px;
	margin: 0
	}

div.post h2 a	{color: #0066cc}

/*
div.post h3 {
	background:#0066cc;
	font-size: 15px;
	color: #fff;
	padding:.5em .5em;
}
*/

div.post h4 {
	font-size: 13px;
	color: #333333;
	line-height: 25px;
	margin: 10px;
}

h5 {
	background:#0066cc;
	font-size: 15px;
	color: #fff;
	padding:.5em .5em;
	margin: 0
border-radius: 5px; /* CSS3草案 */ 
-webkit-border-radius: 5px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 5px; /* Firefox用 */ 
}

#contentleft h5 {
	margin-top:40px;
}

h6 {
	border-top: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	font-size: 12px;
	color: #0066cc;
	padding: 5px 5px;
	margin: 0
}
h7 {
	font-size: 10px;
	color: #666;

}

div.post h8	{text-align: right;
	margin: -10px 10px 10px 0}

div.post h8 a	{font-size: smaller;
	background-color: #CC6600;
	border-radius: 2px;
	color: #ffffff;
	padding: 1px 5px}

div.post p.postcat	{text-align: right;
	margin: -10px 10px 10px 0}

div.post p.postcat a	{font-size: smaller;
	background-color: #a7d043;
	border-radius: 2px;
	color: #ffffff;
	padding: 1px 5px}

div.post p.postinfo	{color: #0c8bcd;
	text-align: right;
	margin: 0}


/* 関連記事 */
div.related	{border: solid 1px #aaaaaa;
	margin-top: 5px}

div.related p	{color: #ffffff;
	background-color: #a7d043;
	margin: 0;
	padding-left: 10px}

div.related ol	{font-size: 0.75em}

/* 記事の個別ページ */
.single div.post h2	{background-color:#333333;
	color: white}

.single div.post h2 a	{color: white}

/* 分割した記事へのリンク */
#postpage	{text-align: center;
	padding-top: 20px;
	clear: both}

#postpage a	{border: solid 1px #aaaaaa;
	padding: 5px 10px;
	margin: 0 10px}

#postpage a:hover	{background: #f7e29e}

#postpage span	{padding: 5px 10px;
	color: #888888;
	background: #dddddd}

#postpage a span	{padding: 0;
	color: black;
	background: none}

/* 続きを読む */
div.post p.more	{
	margin: 10px;
	font-size: 12px}

div.post p.more a	{
	border: solid 1px #aaaaaa;
	margin: 10px;
	color: #333333;
	padding: 5px}

div.post p.more a:hover	{background: #f7e29e}

/* サムネイル画像 */
div.post p.thumb	{float: left;
	margin: 0 10px 10px 0}

/* コメント処理 */
blockquote, pre {
	background:#F4F5F7;
	border:1px dashed #CCC;
	padding:8px 12px 8px 36px;
	margin:5px 0;
	overflow: auto;
}

/************************************************
*	　　　トップページタイトル一覧  		　　     * 
************************************************/

#midashi h1 {
	font-size: 18px;
	background: url(09.png) repeat-x;
	padding: 10px 0 10px 15px;
	color: #ffffff;
	margin: 0px 0px;
	line-height: 20px;
	height: 41px;
	}
ul.toplist	{list-style-type: none;
	margin: 0 0 10px;
	padding: 0;
	border-top: solid 1px #aaaaaa}

ul.toplist li	{
	width: 100%;
	height: 60px;
	font-size: 13.5px;
	font-weight: bold;
	border-bottom: solid 1px #aaaaaa;
	/*background-image: url(chip.png);
	background-repeat: no-repeat;
	background-position: left center;*/
	padding: 5px 0 5px 0;

}


ul.toplist li a	{color: #000000}

ul.toplist li span	{font-size: smaller;
	color: #888888}

/* パンくず処理 */
#pan ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size:10px;
}
#pan li{
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

.toplist li {


}
.toplist li:after, .toplist:before {
	clear: both;
}
.top-posts-thumbnail{
	float: left;
	margin-right: 10px;
}

.top-posts-textarea {
	float: left;
}
/************************************************
*	メールフォーム									*
************************************************/

.required-contactform7{
 padding: 5px;
 background: #DE8686;
 color: #fff;
 border-radius: 3px;
 margin: 15px;
}
 
.table-contactform7 th{
font-weight:bold;
text-align: left;
 margin: 15px;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
 max-width: 100%;
}
 
.address-100 input{
 width: 100%;
 margin:15;
}
 
.message-100 textarea{
 width: 100%;
 margin:15;
}
 
@media screen and (max-width: 650px){
 .table-contactform7 th{
 width:100%;
 display:block;
 margin: 5 auto;
 border:none;
 margin:15;
 }
 .table-contactform7 td{
 display: list-item;
 list-style-type:none;
 margin:15;
 padding:15;
 width: 100%;
 border-top: none !important;
 }
}


/************************************************
*	左サイドバー 		         	    * 
************************************************/

#l_sidebar {
	float: left;
	width: 170px;
	margin: 0px;
	padding: 0px 20px 20px 0px;
	display: inline;
	font-size: 12px;
	line-height: 17px;
	}

#l_sidebar h2{ display:none; } 
#l_sidebar h2 {
	color: #000000;
	font-size: 14px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 0px solid #333333;
	}
	
#l_sidebar ul {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 10px;
	width: 170px;
	}

#l_sidebar ul li {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	}
	
#l_sidebar ul ul ul, #r_sidebar ul ul ul {
	padding: 5 0 5 0px;
}
#l_sidebar table{
	width: 170px;
	margin: 5px 0px 0px 0px;
	}
#l_sidebar table td{
	width: 170px;
	border: 1px solid #e1e1e1;
	}
#l_sidebar img {
	border: 0px
	solid
	}	
#l_sidebar img{
	margin-bottom:0px
	}

.imglink {
	margin: 0px;
	border: none;
	padding: 0px 10px 10px 0px;
	}

.line01 {
height: 1px;
border: none;
border-top: 1px #999999 dashed;
}
	
/************************************************
*	右サイドバー 		         			     * 
************************************************/

#r_sidebar {
	float: right;
	width: 170px;
	margin: 0px;
	margin-top:40px;
	padding: 10px 10px 20px 0px;
	display: inline;
	font-size: 12px;
	line-height: 17px;
	}

#r_sidebar h2{ display:none; } 

#r_sidebar h2 {
	color: #000000;
	font-size: 14px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #333333;
	}
	
#r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 30px 0px;
	}

#r_sidebar ul li {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	}
	
#r_sidebar table{
	width: 170px;
	margin: 5px 0px 0px 0px;
	}
#r_sidebar table td{
	width: 170px;
	border: 1px solid #e1e1e1;
	padding: 5px 1px 5px 1px;
	}
#r_sidebar p {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	}
#r_sidebar img {
	border: 0px
	solid
	}	
#r_sidebar img{
	margin-bottom:0px
	}

/************************************************
*	Footer  									*
************************************************/

#footer {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 30px 0;
  list-style-type: none;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #003399), color-stop(0.00, #ffa443));
  background: -webkit-linear-gradient(#0066cc, #003399);
  background: -moz-linear-gradient(#0066cc, #003399);
  background: -o-linear-gradient(#0066cc, #003399);
  background: -ms-linear-gradient(#0066cc, #003399);
  background: linear-gradient(#0066cc, #003399);
  color: #fff;
  /*box-shadow: 3px 3px 3px #aaa;*/
	position: relative;
	text-align: center;

	/*background: #ffffff url(images/footer.gif) no-repeat top;
	width: 930px;
	height: 100px;
	font-size: 12px;
	margin: 0px auto 0px;
	text-align: center;
	line-height: 17px;
	clear: both; 
	padding: 10px 0px 10px 0px;*/
	}
#footer-bottom {
	width: 100%;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
  	position: relative;
	text-align: center;
	background-color: #141466;
	color:#FFFFFF;
}

.footer-hr {
	display:block;
  width: 100%;
  height: 5px;
  margin: 0;
	border: 0;
	border-top: 5px solid #F98300;
background: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 120, color-stop(1.00, #3f3fd9), color-stop(0.00, #20ffff));
background: -webkit-radial-gradient(50% 100%, circle, #20ffff, #3f3fd9);
background: -moz-radial-gradient(50% 100%, circle, #20ffff, #3f3fd9);
background: -o-radial-gradient(50% 100%, circle, #20ffff, #3f3fd9);
background: -ms-radial-gradient(50% 100%, circle, #20ffff, #3f3fd9);
background: radial-gradient(50% 100%, circle, #20ffff, #3f3fd9);

}
#footer p {
	padding: 0px;
	margin: 0px;	
	}
	
#footer a, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}
#footer ul {
	width:960px;
	list-style-type: none;
	position: relative;
	text-align: center;
	margin: 0 auto;
}
.footer-nav::before, .footer-nav::after {
	content: "";
	display: block;
	clear: both;
}
#footer li {
	width:20%;
	float: left;
	margin: 10px 0 10px 0;
}
#navbar2 {
	width: 100%;
	height: 45px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
  list-style-type: none;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #003399), color-stop(0.00, #ffa443));
  background: -webkit-linear-gradient(#0066cc, #003399);
  background: -moz-linear-gradient(#0066cc, #003399);
  background: -o-linear-gradient(#0066cc, #003399);
  background: -ms-linear-gradient(#0066cc, #003399);
  background: linear-gradient(#0066cc, #003399);
  /*border-radius: 10px;*/
  color: #fff;
  /*box-shadow: 3px 3px 3px #aaa;*/
	position: relative;

}
#navbar2 li {
	list-style-type: none;
  width: 20%;
  float: left;
  padding: 0;
  margin: 0;
  text-align: center;
}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: inline;
	}
	
#s {
	background: #eeeeee;
	width: 160px;
	color: #333333;
	font-family: Verdana, Arial, Tahoma;
	font-size: 11px;
	padding: 5px 5px 5px 05px;
	margin: 0px 0px 15px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}

#name, #email, #url, #submit {
	background: #FFFFFF;
	color: #333333;
	font-size: 12px;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#words {
	background: #FFFFFF;
	width: 480px;
	color: #333333;
	font-size: 12px;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#sbutt {
	background: #666666;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	margin: 0px;
	border-top: 1px solid #AAAAAA;
	border-right: 1px solid #454545;
	border-left: 1px solid #AAAAAA;
	border-bottom: 1px solid #454545;
	}
	
/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 480px;
	color: #000000;
	float: left;
	padding: 15px 15px 10px 10px;
	margin: 10px 0px 0px 0px;
	}
	
#contentleft #commentblock ol { list-style: none; margin: 0; padding: 0 0 10px; }
#contentleft #commentblock ol li { list-style: none; margin: 0; }
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}
	
#contentleft #commentblock ul.children { padding: 0; }
#content #commentblock .comment-author { padding: 0 }
#content #commentblock .comment-avatar .avatar { float: right; margin: 0 0 0 5px; }

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext, .commenttext-admin {
	background: #EFEFEF;

	color: #000000;
	font-size: 12px;
	padding: 5px;
	margin: 5px 0px 30px 0px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}
	
.comment-navigation .previous { float: left; }
.comment-navigation .next { float: right; }
.comment-navigation { margin: 0 0 30px; overflow: hidden; }

#commentformheader{
	padding-left: 0px;
	}

#commentform{
	margin: 0px;
	padding: 0px;
	}

#commentform form{
	text-align: left;
	margin: 0px;
	}

#commentform p{
	margin: 0px;
	}

#commentform textarea{
	width: 97%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
#sliderarea{
	margin: 0 auto;
	margin-top:30px;
	width:1200px;
	/* height: 400px; */
	/*background-color: aqua;*/
}
.wrap-hr {
  display:block;
  width: 100%;
  height: 5px;
  border: 0;
  border: 1px solid #cacaca;
border-radius:10px;
  -moz-border-radius: 1em;
-webkit-border-radius: 1em;
-o-border-radius: 1em;
-ms-border-radius: 1em;	
background: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 120, color-stop(1.00, #3f3fd9), color-stop(0.00, #20ffff));
background: -webkit-radial-gradient(50% 100%, circle, #20ffff, #3f3fd9);
background: -moz-radial-gradient(50% 100%, circle, #20ffff, #3f3fd9);
background: -o-radial-gradient(50% 100%, circle, #20ffff, #3f3fd9);
background: -ms-radial-gradient(50% 100%, circle, #20ffff, #3f3fd9);
background: radial-gradient(50% 100%, circle, #20ffff, #3f3fd9);

}
.top-pr {
	width:930px;
	margin: auto;
}
.top-pr:after, .top-pr:before {
	clear: both;
}

.top-pr ul {
	list-style-type: none;
	width:930px;
	margin: 0;
	border: 0;
	padding: 0;
}

.top-pr img {
	width:300px;
	height: 200px;
}
.top-pr-col {
	width:300px;
	height: 300px;
	margin: 0;
	border: 0;
	padding: 0;
	float:left;
	margin-left: 5px;
	margin-right: 5px;
}
.top-pr-detail {
	width:300px;
	height: 100px;
	background-color: #000000;
	text-align: center;
}

.top-pr-detail h3 {
	font-size: x-large;
}

.top-pr-detail h3::after {
	width:0; /*h3::afterの打ち消し*/
}
.top-pr-detail h3,.top-pr-detail p {
	margin: 0;
	border: 0;
	padding: 10px;
	color: #FFFFFF;
}
.top-msg h2 {
	text-align: center;
	font-size: xx-large;
	margin-top:80px;
	
}
.top-msg p {
	font-size: large;
	margin-top:40px;
	margin-bottom:80px;
}

/* タイトル START */
.title-add {
	font: xx-large Times New Roman, Times, serif;
    text-shadow: 2px 2px 4px #A4A4A4;
    color: transparent;
	position: absolute;
	right: 10px;
}
/* タイトル END */

/* 製品・サービス一覧ページ START*/
.margin-top {
	margin-top: 50px;
}
.page-top-img {
	margin-top:50px;
	width:900px;
	/*border: dashed #929292 1px;*/
}

.menudiv {
	width:800px;
	display: block;
	margin: 0 auto;
	margin-top:50px;
	margin-bottom: 50px;
}

#menu01{
  list-style: none;
  /*width: 300px;*/
  padding: 0;
  display: flex;
  margin: 30px 0 30px 0;

}
#menu01 li{
  display: flex;
  list-style: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  border-bottom: 1px solid #879c18;
  margin-bottom: 5px;
}
#menu01 li:last-child{
  border-bottom: 0px;
}
#menu01 li a{
  width:100%;
  position: relative;
  display: block;
  margin: 0;
  padding: 10px;
  /*background: #a1b91d;*/
  /*color: #000000;*/
  font-size:x-large;
  line-height: 1.0em;	
  font-weight: bold;
  text-decoration: underline;
	/*background: rgba(0,0,0,0.1);*/
  text-align: center;
	/*color:#dc1e37;*/
	color:#0033cc;
}


.flex-box {
	width: 200px;
      /*height: 150px;*/
      /*border: 1px solid #2F2F2F;*/
/*      background-color: #acc;*/
      
      /*line-height: 150px;*/
	margin: 0 2px 0 2px;
	background-color: #fff9ef;
	
	transition: 0.1s;
}



.flex-box-header {
    background: #ffbf00;
    background: #a0e4f5;
    background: #def4f9;
	/*border:double #FFFFFF 2px;*/
	border:1px solid #FFFFFF;
    outline: 2px solid #FFFFFF; /* 線幅、線のスタイル、カラー */
    outline-offset: -5px; /* 対象の要素からの距離、マイナス(内側)にも対応 */
    padding:5px 5px 20px 5px;
}

.flex-box-header, .flex-box-header h6{
	/*height: 50px;*/
	/*border: none;*/
	/*background: #3F3F3F;
	border-bottom: solid 10px #2F2F2F;*/
	line-height: 1.5em;
	text-align:center;
}
.flex-box-header h6{
	/*font-size: large;
	text-align: center;
	color:#E9E9E9;
	border:0;
	padding: 0;
	line-height: 60px;*/
	position: relative;
/*color: #158b2b;*/
color: #000000;
font-size: 20px;
padding: 10px 0;
text-align: center;
/*margin: 1.5em 0;*/
	border:none;
}

/*.flex-box-header h6::before{
	content: "";
position: absolute;
top: -15px;
left: 50%;
width: 150px;
height: 58px;
border-radius: 50%;
border: 5px solid #a6ddb0;
border: 5px solid #388CC9;
border-left-color: transparent;
border-right-color: transparent;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}*/

.flex-box-body {
	margin:20px 0 20px 0;
}

.bottom-space {
	margin-bottom:100px;
}
/* 製品・サービス一覧ページ END*/

/* 製品・サービス詳細ページ START */
.productsdttop {
  position: relative;
}
.productsdttopimg01 {
  position: absolute;
  top:-50px;
  left: 450px;
}
.productsdttopimg02 img{
  margin-top:50px;
}
.topicsarea {
  display: block;
  margin-top:60px;
  margin-bottom:60px;
}

.productsdt-sch {
  display: block;
  width:95%;
  margin: 0 auto;
}
.productsdt-sch table{
  border-collapse: collapse;
  border: solid 2px #E1E1E1;
}
.productsdt-sch table,
.productsdt-sch table,
.productsdt-sch td {
  border: solid 1px #E1E1E1;  
}
.productsdt-sch td{
  font-size: medium;
}

/*青柳　追記文*/
.list_padding{
	padding-right: 25px;
	padding-left:  25px;
}



/* 製品・サービス詳細ページ END */

/* 2025/04/16_Wed  */
/*  */

/* スマホのデザイン */
@media screen and (max-width: 720px) {
  /* スタイルを記述 */
	#wrap{width:100% !important;}
}
/*  */

.officemap {
    display: block;
    text-align: center;
    margin: 50px 0;
}

/* Image Styles */
	#content div.wp-caption { border: 0px solid #999; margin: 10px; background: #e5e5e5; overflow: hidden; }
		#content .wp-caption img { border: 0px solid #999; display: block; margin: 5px auto; }	
		#content .wp-caption-text { margin: 5px; padding: 0; font-size: 11px; line-height: 1.3em; }
	#content div.alignnone { display: block; margin: 10px 10px 10px 0; }
	#content p img { border: 0px solid #999; }
	#content img.alignleft { margin: 10px 10px 10px 0; float: left; clear: left; }		
	#content img.alignright { margin: 10px 0 10px 10px; float: right; clear: right; }
	#content img.aligncenter { display: block; margin: 0 auto 0px auto; float: none; clear: both; }
	#content div.alignleft { text-align: left; float: left; margin-left: 0; }
	#content div.alignright { text-align: right; float: right; margin-right: 0; }
	#content div.aligncenter { text-align: center; margin: 0 auto 10px; }
	#content .gallery { margin: auto auto 0; }
		#content .gallery img { border: none; margin-bottom: 1px; }
		#content .gallery .gallery-item, #content .gallery .gallery-icon { clear: none; margin: 0; }
		#content .gallery .gallery-icon {  }
		#content .gallery .gallery-caption { text-align: left; font-size: 11px; line-height: 1.3em; margin: 0 0 10px; }