/* ############### for aredo.jp ############################# */
BODY {
	color: #404040;
	background-color: #F0F0F0;
              font-size : 12pt;
              line-height : 1.6;
              font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
              margin: 0 auto;  
}

.clearfix {		/* add 2025-12-02 */
  clear: both;
}

p { font-size: 16px; line-height : 1.6; }
@media screen and (min-width:768px) { 
	p { font-size: 16px; line-height : 1.6;  }
}
@media screen and (min-width:1024px) { 
	p { font-size: 16px; line-height : 1.6;  }
}

 
.wrapper {
}

.topheader {
  text-align: center;
  margin: 0px auto;  
  background-color: #A00000;
  padding: 0px;
  border: 0px solid #FFFFFF;
  border-bottom: 0px solid #E0E0E0;	   
}

.header-top {
  text-align: left;
  margin: 0px auto;  
  margin-bottom: 0px;  
  background-color: #FFFFFF;
  padding-left: 0px;
  border: 0px solid #FFFFFF;
  border-bottom: 0px solid #E0E0E0;	   
}

.header {
  text-align: left;
  margin: 0px auto;  
  margin-bottom: 20px;  
  background-color: #FFFFFF;
  padding-left: 10px;
  border: 0px solid #FFFFFF;
  border-bottom: 3px solid #E0E0E0;	   
}

.pre-footer {
  text-align: left;
  margin: 0px auto;  
  margin-top: 20px;  
  margin-bottom: 0px;  
  background-color: #FFFFFF;
  padding-left: 10px;
  border: 0px solid #ff0000;
  border-bottom: 0px solid #00ff00;	   
}


.footer {
  text-align: center;
  margin: 0 auto;  
  margin-top: 0px;  
  background-color: #C0C0C0;
  padding: 20px;
  border: 0px solid #0000ff;
}

/* 2025-12-1 追加 start */
.section {
  text-align: left;
  margin: 0 auto;  
  padding: 0px;
  border: 0px solid #ff0000;
}

.main-zone {
          margin: 0 auto;  
          padding: 00px;
          background-color: #FFFFFF;
          border: 10px solid #FFFFFF;
}

.right-zone {
	margin: 0 auto;  
	padding: 10px;
	padding-left: 10px;
	border-left: 10px solid #F0F0F0;
	font-size: 90%;
}

/* 2025-12-1 追加 end */


.content-narrow 	{margin: 0px; margin-left:10; padding: 0px; border: 0px solid #ff0000;}

.pc-only {display:none;}

.recent-history {
          margin: 0 auto;  
          padding: 10px;
          padding-left: 10px;
          background-color: #FFFFFF;
          border: 10px solid #FFFFFF;
          border-left: 10px solid #FFFFFF;
}

.recent-history ul      {
		margin: 0px;
		margin-left: 0px;
		margin-top: 5px;
		margin-bottom: 30px;
           		padding-left: 0px;
		list-style: none;
		font-size : 9pt;
		border: 0px solid #0000ff;
}


.recent-history ul li      {
              line-height : 1.6;
	margin-bottom: 5px;
}

.link-box {float: left;
	margin: 7px 5px 5px 5px;
              padding: 1px 5px 1px 5px;
	border: 1px solid #c71585;
              border-radius: 4px;
}


.small-box-200 {
	margin: 20px;
          padding: 10px;
}

.small-box-300 {
	margin: 0px;
          padding: 10px;
}

.small-box-400 {
	margin: 20px;
          padding: 10px;
}

.small-box-500 {
	margin: 20px;
          padding: 10px;
}


.cubase-index 		{}
.cubase-index h3 	{border-left: 10px solid #ff9999; margin-top: 5px; padding-left:5px; }
.cubase-index h4 	{border-left: 5px solid #C0C0C0; margin-top: 5px; padding-left:5px; }
.cubase-index ul 	{margin-left: 20px; margin-bottom: 20px;font-size: 11pt; line-height : 1.7; }


.div1 {margin: 0px; margin-left:10; padding: 0px; border: 0px solid #d0ffd0;}
.div2 {margin: 0px; margin-left:10; padding: 0px; border: 0px solid #d0ffd0;}
.div3 {margin: 0px; margin-left:10; padding: 0px; border: 0px solid #d0ffd0;}
.div4 {margin: 0px; margin-left:10; padding: 0px; border: 0px solid #d0ffd0;}
.cat_box {margin: 0px 0px 50px 10px; padding: 0px; border: 0px solid #d0ffd0;}
/*	.div1 ul {margin: 0; padding: 0; font-size: 11pt; 	border: 0px solid #d0ffd0;}	*/
/*	.div2 ul {margin: 0; padding: 0; font-size: 11pt; 	border: 0px solid #d0ffd0;}	*/
/*	.div3 ul {margin: 0; padding: 0; font-size: 11pt; 	border: 0px solid #d0ffd0;}	*/
/*	.div4 ul {margin: 0; padding: 0; font-size: 11pt; 	border: 0px solid #d0ffd0;}	*/
.cat_box ul {margin: 0; padding: 0; font-size: 11pt; 	list-style: none; border: 0px solid #d0ffd0;}
#ind {margin: 0px; margin-left:10; padding: 0px; }



.new-article {margin: 0px; padding: 10px;}
.new-article h3 {font-size: 14px; }
.new-article dl {margin: 0px; }

.main-icon {margin: 0px; padding: 10px;}
.main-icon h3 {font-size: 14px; }

/* スモール・ボックス */
.small-box-200 p {;
          margin-top: 0px;
          border: 0px solid #000000;
}


.small-box-200 a:link {margin: 0;
	color: #000000;
	text-decoration: none;        
 }

.small-box-200 a:hover	{background-color: #ffdddd}

.small-box-200 ul	{margin: 0;
	padding: 0;
	font-size: 11pt;
	list-style: none}


/* サイト名 */
.header h1 a {color: #000000;
	text-decoration: none;
              border: 0px solid #000000}

.header h1 {margin: 0;
	font-size: 20px}

.header p	{margin: 0;
/*	font-size: 11pt;	*/
}


/* サイドメニュー */
.sidemenu {
/*          float: left;		*/
/*          width: 350px;	*/	
          font-size : 10pt;
          line-height : 1.5;
          padding: 5px;
          background-color: #FFFFFF;
          border: 6px solid #dddddd;
          margin-left: 10px;  
          margin-right: 5px;  
}


.sidemenu h1	{margin: 0;
	padding: 10px;
	padding-left: 0px;
	font-size: 16px;
	font-weight: normal}

.sidemenu h1 i	{margin-right: 5px;
	color: #8abc60;
	font-size: larger}

.sidemenu ul	{margin: 0;
	padding: 0;
	font-size: 10pt;
	list-style: none}

.sidemenu li a	{display: block;
	padding: 0px;
/*	border-top: solid 1px #dddddd; */
	color: #000000;
/*	font-size: 14px;	*/
	text-decoration: none}

.sidemenu li a:hover	{background-color: #ffdddd}



/* パンくずリスト */
/* .bread	{margin-bottom: 0px} */
.bread	{margin-top: 10px; margin-bottom: 10px}

.bread ol	{margin: 0;
	padding: 0;
	list-style: none}

.bread li a	{display: inline-block;
/*	padding: 5px;	*/
	color: #000000;
/*	font-size: 14px;	*/
	font-weight: bold;	
	text-decoration: none}

.bread li a:hover	{background-color: #ffdddd}

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

.bread li	{float: left;
	width: auto}

.bread li:after	{content: '\003e';
	margin-left: 10px;
	margin-right: 10px;
	color: #888888}


/* インラインリスト */
/* .inline-list	{margin-bottom: 0px} */
.inline-list	{margin-top: 10px; margin-bottom: 10px}

.inline-list ol	{margin: 0;
	padding: 0;
	list-style: none}

.inline-list li a	{display: inline-block;
/*	padding: 5px;	*/
	color: #000000;
	font-size: 90%;	
/*	font-weight: bold;	*/
	text-decoration: none}

.inline-list li a:hover	{background-color: #ffdddd}

.inline-list ol:after	{content: "";
	display: block;
	clear: both}

.inline-list li	{float: left;
	width: auto;
	margin: 7px 5px 5px 5px;
              padding: 0px 4px 0px 4px;
	border: 1px solid #c71585;
              border-radius: 2px;
}

/* .inline-list li:after	{content: '\003e'; */
/*	margin-left: 10px; */
/*	margin-right: 10px; */
/*	color: #888888} */



/* 旧サイドメニュー */
.menu p {margin-top: 0;
	font-size: 10pt;
	margin-bottom: 20px}
.menu a:link {;
           text-decoration:none;        
 }


/* ナビゲーション用ヘッダ */
.header2	{background-color: #999999}
/* .header2	{background-color: #e0e000} */



/* ナビゲーション */
.navi ul	{margin: 0;
	padding: 0;
	list-style: none}

.navi li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.navi li a:hover	{background-color: #ffdddd}

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

.navi li	{float: left;
	width: auto}


/* コピーライト */
.copyright p	{margin: 0;
	color: #666666;
	font-size: 14px}

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


h1	{margin: 0;
          border: 0px solid #d0ffd0;
          font-size: 16pt}

h2	{margin: 0;
          border: 0px solid #d0ffd0;
          font-size: 14pt;
  border-left: 	10px solid #9999ff;
  padding-left: 	5px;
}

h3	{margin: 0;
          border: 0px solid #d0ffd0;
          font-size: 13pt}

h4 {
	font-size: 12pt;
  text-decoration: underline;
  text-decoration-color: #606060;
  text-decoration-thickness: 3px; /* 線の太さ */
  text-underline-offset: 4px;     /* 文字からの距離 */
}


a:hover	{background-color: #ffdddd}
a	{text-decoration: none}

/* 字下げ */
#indent	{margin-left: 20; margin-right: 20}


/* ユーザーリスト */
#uli  {margin: 0px; margin-left:5; padding: 0px; border: 0px solid #d0ffd0;
		border-left: 	5px solid #141415;
		padding-left: 	5px;
	}


/* スペーサー */
#spacer	{margin: 0; padding: 5; }

/* 四角囲み */
#box {
	background-color: #ffd700; 
	border: 1px solid #000000; 
	border-radius: 0px; 
	padding: 1px 3px 1px 3px;
}

/* 行高さ低 */
#low-height	{margin: 0; padding: 0; font-size : 10pt; line-height : 1.3;
          border: 0px solid #d0ffd0;
}
#low-height dl	{margin: 0; padding: 0; font-size : 10pt; line-height : 1.3;
          border: 0px solid #d0ffd0;
}
#low-height dl dd	{margin: 0; padding: 0; font-size : 10pt; line-height : 1.3;
          border: 0px solid #d0ffd0;
}


ul      {
	margin: 0px;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 30px;
	padding-left: 10px;
	border: 0px solid #0000ff;
        font-size : 11pt;
        line-height : 1.4;
}

ul li      {
	margin: 0px;
        line-height : 1.6;
}


dl      {
	margin: 0px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 30px;
	padding-left: 10px;
	border: 0px solid #0000ff;
        font-size : 11pt;
        line-height : 1.4;
}

dl dd      {
	margin: 0px;
        line-height : 1.6;
	border: 0px solid #00ff00;
}


.site-map {
	margin: 0px; 
	margin-left: 10px; 
	border: 0px solid #00ffff;
	border-left: 0px solid #c0c0c0;
}
.site-map h3 {
	margin: 0px; 
	margin-left: 0px; 
} 
.site-map dd {
	margin-left: 0px; 
}


.article-list dl {margin-top: 20; }
.article-list dt {margin-top: 10; }
.article-list dd {margin-left: 20; font-size: 80%;}

.article-list2 dl {margin-top: 20; }
.article-list2 dt {margin-top: 10; }
.article-list2 dd {margin-left: 20; font-size: 80%;}
.article-list2 img {display:none;}


.index dl {margin: 0; }
.index dt {margin-top: 10; padding-left:5px; font-size: 100%; font-weight: bold; border-left: 10px solid #ff9999; }
.index dd {font-size: 90%;  }

.index-j dl {margin: 0; }
.index-j dt {margin-top: 10px; padding-left:5px; font-size: 90%; font-weight: bold; border-left: 10px solid #ff9999; }
.index-j dd {font-size: 80%; }

#update	{margin 0; text-align: right; font-size: 90%; }

#topBtn {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background: #333;
            color: #fff;
            padding: 10px 15px;
            border-radius: 5px;
            cursor: pointer;
            display: none; /* 初期は非表示 */
        }


/* ###################### for PC ############################# */
@media screen and (min-width:768px) { 

.header h1 {margin: 0;
	font-size: 30px}

h1	{margin: 0;
          border: 0px solid #d0ffd0;
          font-size: 18pt}

h2	{margin: 0;
          border: 0px solid #d0ffd0;
          font-size: 16pt;
  border-left: 	10px solid #9999ff;
  padding-left: 	5px;
}

h3	{margin: 0;
        border: 0px solid #d0ffd0;	
         font-size: 14pt}

h4 {
	font-size: 12pt;
  text-decoration: underline;
  text-decoration-color: #606060;
  text-decoration-thickness: 3px; /* 線の太さ */
  text-underline-offset: 4px;     /* 文字からの距離 */
}


.pc-only {display:inline;}

/* 2025-12-1 追加 start */

.section {
	display: flex;
}

.main-zone {
	flex: 1;
	margin-left: 10px;  
	margin-right: 10px;  
	border-bottom: 0px solid #E0E0E0;	   
}

.right-zone {
	width: 400px;	
	margin-left: 0px;  
	margin-right: 0px;  
	padding-top: 50px;
	border-bottom: 0px solid #E0E0E0;	   
	border: 0px solid #FF0000;	   
}

/* 2025-12-1 追加 end */


ul      {
	margin-left: 20px;
	border: 0px solid #0000ff;
}

dl      {
	margin-left: 20px;
	border: 0px solid #ff0000;
}


/* スペーサー */
#spacer	{margin: 0; padding: 10; }

.content-narrow 	{margin: 0px auto; width: 1250px; } 
.content-narrow 	{background-color: none; padding: 10px; border: 0px solid #ff0000;} 
.content-narrow 	{align: center;} 


.sidemenu {
          float: left;
          width: 350px;
          font-size : 10pt;
          line-height : 1.5;
          padding: 5px;
          background-color: #FFFFFF;
          border: 6px solid #dddddd;
          margin-left: 10px;  
          margin-right: 5px;  
}

.recent-history {float: left;
	width: 300px;	
	margin-left: 10px;  
	margin-right: 10px;  
	border-bottom: 0px solid #E0E0E0;	   
}

.small-box-200 {float: left;
	margin: 20px;
 	width: 200px;         
	border: 1px solid #d0ffd0;
}
.small-box-300 {float: left;
	margin: 20px;
 	width: 300px;         
	border: 1px solid #d0ffd0;
}
.small-box-400 {float: left;
	margin: 20px;
 	width: 400px;         
	border: 1px solid #d0ffd0;
}
.small-box-500 {float: left;
	margin: 20px;
 	width: 500px;         
	border: 1px solid #d0ffd0;
}


.div1 {float: left; margin: 0px; margin-left:20; font-size : 10pt; width: 1200px; }
.div2 {float: left; margin: 0px; margin-left:20; font-size : 10pt; width: 0580px; }
.div3 {float: left; margin: 0px; margin-left:20; font-size : 10pt; width: 0380px; }
.div4 {float: left; margin: 0px; margin-left:20; font-size : 10pt; width: 0260px; }
.cat_box {float: left; margin: 0px 20px 20px 40px; font-size : 10pt; width: 0300px; }
.div1 {background-color: #ffffff; padding: 3px; border: 0px solid #dcdcdc; border-radius: 10px;} 
.div2 {background-color: #ffffff; padding: 3px; border: 0px solid #dcdcdc; border-radius: 10px;} 
.div3 {background-color: #ffffff; padding: 3px; border: 0px solid #dcdcdc; border-radius: 10px;} 
.div4 {background-color: #ffffff; padding: 3px; border: 0px solid #dcdcdc; border-radius: 10px;} 
.cat_box {background-color: #ffffff; padding: 3px; border: 0px solid #dcdcdc; border-radius: 10px;} 
#ind {margin: 0px; margin-left:20; padding: 0px; }


#uli	{margin-left: 10; }


.new-article {float: left; margin: 10px; width: 350px; 
			font-size: 14px; line-height : 1.2; border: 1px solid #ececec; }
.new-article dl {margin: 0px; }
.new-article dt {}
.new-article dd {}
.new-article p {margin-top: 5; font-size: 14px; line-height : 1.2; }


.main-icon {float: left; margin: 5px; width: 240px; border: 0px solid #00ff00;}
.main-icon p {font-size: 14px; line-height : 1.2;}
.main-icon dd {font-size: 14px; line-height : 1.2;}
.main-icon li {font-size: 14px; line-height : 1.2;}


.site-map {
	margin: 0px; 
	margin-left: 60px; 
	border: 0px solid #00ffff;
	border-left: 2px solid #c0c0c0;
}
.site-map h3 {
	margin: 0px; 
	margin-left: 30px; 
	font-size: 20px;} 
.site-map dd {margin-left: 60px; font-size: 20px; line-height : 2.0;}


.article-list dl {margin-top: 20; }
.article-list dt {margin-top: 10; }
.article-list dd {margin-left: 40; font-size: 80%; }

.article-list2  {margin-top: 0; border: 0px solid #FF0000; }
.article-list2:after {content: ""; display: block; clear: both; }
.article-list2 dl {margin-top: 0; margin-bottom: 10; }
.article-list2 dl:after {content: ""; display: block; clear: both; }
.article-list2 dt {margin-top: 1; border: 0px solid #00FF00;  }
.article-list2 dd {margin-left: 40; font-size: 80%; border: 0px solid #0000FF; }
.article-list2 img {display:inline; border: 0px solid #FF0000; float: right; width: 150px; height: 100px;}



.index dl {}
.index dt {margin-top: 5px; padding-left:5px; font-size: 120%; font-weight: bold; border-left: 10px solid #ff9999;  }
.index dd {font-size: 110%; border: 0px solid #00ff00;  }

.index-j dl {}
.index-j dt {margin-top: 5px; padding-left:5px; font-size: 100%; font-weight: bold; border-left: 10px solid #ff9999;  }
.index-j dd {font-size: 100%; border: 0px solid #00ff00;  }

}
/* ################################################# */