@charset "utf-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * common.css  ( gloval + respon )
 * 初期設定：★R02.05.28 (木) ★R02.10.06 (火)
 * 前回修整：★R04.06.19 (日) ★R04.07.18 (月)
 * 最終更新：★R04.11.04 (金) ★R04.11.15 (火)
**- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - ◆上・右・下・左◆上・左右・下◆上下・左右 - - - */
h1 {
	font-size: 30px;          /* ★R04.10.31 (月) 36px  -- #0c8 #2aa */
	color: #33a;              /* ★R04.07.07 (木) #35a */
	font-weight: bold;
	letter-spacing: 0.1em;    /* ★R04.06.21 (火) 0.2em */
	}
h1.h1style { 
	margin: 3px 25% 0 30px; /* ★R04.10.31 (月)  */
	text-align: center;
    }
div.cntstyle {                /* ★R04.07.18 (月) cntstyle追加 */
	margin: 10px 25% 0 20px;   /* ★R04.10.31 (月)  */
	text-align: center;
    }
@media (max-width: 720px) {
  h1 {
	font-size: 26px;          /* #0c8 #2aa */
	letter-spacing: 0;
    }
}
/* - - - - ▲ - - 【レスポンシブ】- -▲ -  - - -- - - - - */

h2 {
	font-size: 24px;
	line-height: 1.5em;
	color: #35a;
	font-weight:bold;
}

em {
    font-weight: bold;
    font-style: normal;
}
.showCode {
	margin: 10px 0 30px 30px; /* ★R04.07.08 (金) 追加 */
}
a {
    color: #35a;              /* #33a★R04.07.07 (木) #00a */
    text-decoration: none;
}
a:hover {
    color: #3a81eb;
}
a.showCode {
    color: #0da;              /* ★R04.07.07 (木) orange #555 */
}
a.showCode:hover {
    color: red;
}

/* - - - - - - - - */
.m-l-3 {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 5px 5px 0 3em;
	padding: 5px 0 0 0;
	width: 90%;
}

p.show2, p.show3 {
	font-size: 16px;
	line-height: 20px;
	margin: 5px 15px;
	padding: 10px;
	width: 80%;
	overflow: auto;
	border: 1px solid #d0d0d0;
    background: #fff;
}
p.show3 {
	margin: 5px 15px 5px 3.5em;
}

/* - - - - - ★R04.11.14 (月) - - - - - */
p.arrow2 {
	font-size: 1.2em;
	}
p.arrow2:before {
	color: #f03;                /* ★R04.11.15 (火) aka系 */
	content: '\25b6';           /* 大:\25b6, 小:\2bc8 */
	margin-left:30px;
	padding-left: 1px;
	}

/* - - - ★ 非表示 ★ - - - */
.disnon {
	display: none;
	}

/* - - - - - ▼【 ul 】 - - - - - */
.list1, .list2 {
	list-style: none;
	font-size: 1em;
	margin:10px 0 2px 0;
	width: 640px;			/* ★R04.07.13 (水) 追加 */
	max-width: 85%;			/* ★R04.07.13 (水) 追加 */
	}
.list1 li, .list2 li {
	margin: 10px 0 0 -1em;	/* ★R04.07.13 (水) 10px 0 0 0 */
	background: #ffffff;
	list-style-type: none;
	text-indent: -1em;		/* ★R04.11.14 (月) */
	}
.list1 li:before {
	color: #666;
	content: '\25b8';
	padding: 0 5px 0 0;
	}
.list2 li:before {
	color: #f08;
	content: '\25b6';
	padding: 0 5px 0 0;
	}
/* - - - - ▼【 div 】- - - - - - */
.justy {                    
	margin: 5px 5px 5px 0px;
	padding: 5px;
/* 	max-width: 560px;  ★R04.11.11 (金)  */
	}
/* - - - - ▼【 ul 】 - - - - - - */
ul.foto2, ul.foto3 {
	list-style: none;
	margin: 20px 5px 5px 50px;  /* ★R04.07.02 (土) 5px auto 5px */
	padding: 5px;
	text-align: left;           /* center */
	max-width: 560px;               /* ★R04.07.02 (土) 640px */
	}
ul.foto3 {
	list-style: none;
	max-width: 640px;               /* ★R04.07.02 (土) 640px */
	}
ul.foto2 li, ul.foto3 li {
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px 5px;          /* ★R04.07.10 (日) 5px 25px */
	padding: 5px;
	list-style-type: none;
	}

/* - - - ★ hr ★ - - - - - */
hr.hide {
    width: 70%;               /* ★R04.07.13 (水) 100% */
	clear:both;
	border: 0;
}
hr.foot {
    width: 95%;               /* ★R04.07.18 (月) */
	border-top: 1px solid #fefefe;
}

/* - - - - ▼ - ★R04.11.06 (日) - - - - - - - - */
 h2.brdr2, h3.brdr3, h4.brdr4 {
	margin: 10px 0 20px 15px;
	padding: 0 0 0 8px;
	border-left: solid 5px #c06;
	border-bottom: solid 1px #c06;
	font-size: 24px;
	color: #35a;
	font-weight: bold;
}
 h3.brdr3 {
	margin: 10px 0 20px 25px;
	border-left: solid 4px #35a;
	border-bottom: solid 1px #35a;
	font-size: 20px;
}
 h4.brdr4 {
	margin: 10px 0 20px 35px;
	border-left: solid 3px #35a;
	border-bottom: solid 1px #35a;
	font-size: 18px;
}

@media screen and (max-width:720px) {
  h2.brdr2 {
	margin: 10px 0 10px 10px;
	}
  h3.brdr3 {
	margin: 10px 0 10px 15px;
	}
  h4.brdr4 {
	margin: 10px 0 10px 20px;
	}
}

/* - - - - ▲ - ★R04.11.06 (日) - - - - - - - - */

/* - - - - ▼位置／色 - - - - */
.center2 { text-align: center;}
.orang2 { color: orange;}
.red2 { color: red;}
.gray2 { color: gray;}
h3.gray3  { color: gray; margin-left: 20px;}
.yellow2 { color: yellow;}
.navy2 { color: navy;}
.white2 { color: #fff;}
.black2 { color: #000;}

/* - - - ◆上・右・下・左◆上・左右・下◆上下・左右 - - - */

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */