body {
	font-family: "source-han-sans-japanese",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	background: #505050;
	margin: 0;
	padding-left: 340px;
	padding-right: 40px;
	line-height: 20pt;
	color: #FFFFFF;
	background-repeat : repeat-y ; 
}

/* ~~ エレメンチE/ タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間E相違により、リストE余白とマEジンをゼロにすることをお勧めします。一貫性を保つために、Eをここで持Eするか、リストに含まれるリスト頁E (LI、DT、DD) で持Eできます。より詳細なセレクターを記述しなぁEり、ここで持EするE容ぁE.nav リストにも適用されることに注意してください、E*/
	padding: 0;
	margin: 0;
}

h1 {
	font-family: "source-han-sans-japanese",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 26px;
	word-wrap: break-word;
	margin-top: 0;	 /* 上Eージンを削除すると、Eージンを含む div からマEジンがEみ出す場合があるとぁE問題を回避できます。残った下Eージンにより、後続EエレメントからE離されます、E*/
}

h2 {
	font-family: "source-han-sans-japanese",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	word-wrap: break-word;
	margin-top: 0;	 /* 上Eージンを削除すると、Eージンを含む div からマEジンがEみ出す場合があるとぁE問題を回避できます。残った下Eージンにより、後続EエレメントからE離されます、E*/
}

h3 {
	font-family: "source-han-sans-japanese",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	word-wrap: break-word;
	margin-top: 0;	 /* 上Eージンを削除すると、Eージンを含む div からマEジンがEみ出す場合があるとぁE問題を回避できます。残った下Eージンにより、後続EエレメントからE離されます、E*/
}

h4 {
	font-family: "source-han-sans-japanese",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	word-wrap: break-word;
	margin-top: 0;	 /* 上Eージンを削除すると、Eージンを含む div からマEジンがEみ出す場合があるとぁE問題を回避できます。残った下Eージンにより、後続EエレメントからE離されます、E*/
}


h5 {
	font-family: "kozuka-mincho-pr6n",sans-serif;
	font-style: regular;
	font-weight: 400;
	font-size: 24px;
	word-wrap: break-word;
	margin-top: 0;
}

h6 {
	font-family: "source-han-sans-japanese",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 12pt;
	word-wrap: break-word;
	margin-top: 0;
}

a img { /* こEセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示されるE期設定E青いボEダーを削除します、E*/
	border: none;
}

/* ~~ サイトEリンクのスタイル付けは、EバE効果を作Eするセレクターグループも含め、この頁Eにする忁Eがあります、E~ */
a:link {
	color:#66F;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見Eけられるように下線を持Eすることをお勧めします、E*/
}
a:visited {
	color: #66F;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* こEセレクターグループE、キーボEドを使用するユーザーに対し、Eウスを使用するユーザーと同じホバー効果を提供します、E*/
	color: #FF2020;
	text-decoration: none;
}

/* ~~ こEコンチEが他Eすべての div を囲み、パーセンチEEジに基づぁE幁E持Eします、E~ */
.container {
	width: 80%;
	max-width: 1260px;/* レイアウトが大型モニターで庁EりすぎなぁEぁE、最大幁E持Eすることをお勧めします。これにより、読みめEぁEE長さを保つことができます、EE6 ではこE宣言は無視されます、E*/
	min-width: 780px;/* レイアウトが狭くなりすぎなぁEぁE、最小幁E持Eすることをお勧めします。これにより、サイドカラムで読みめEぁEE長さを保つことができます、EE6 ではこE宣言は無視されます、E*/
	background: #FFF;
	margin: 0 auto; /* 幁E加え、両側をE動値とすることで、レイアウトが中央に揁Eます、Econtainer の幁E 100% に設定した場合、これE忁Eありません、E*/
}

/* ~~ これはレイアウト情報です、E~ 

1) 余白は、div の上部またE下部にのみ配置されます。この div 冁EEエレメントには、それE体に余白があるEで、EチEスモチE計算を行う忁Eがありません。ただし、div 自体に両側の余白めEEーダーを指定した場合、その値が加算されたもEが合計幁Eなることに注意してください。div 冁EEエレメントE余白を削除し、さらにそE div 冁E、E体EチEインに忁Eな幁E余白を指定してぁEぁE2 つ目の div を追加することもできます、E

*/
.content {
	padding: 10px 0;
}

/* ~~ こEセレクターグループE、Econtent 冁EEリストに領域間隔を指定します、E~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* こE余白は、上述の見Eしと段落ルールの右の余白を表します。下E余白はリストEの他Eエレメントとの間隔用に配置され、左の余白はインチEト作E用に配置されてぁEす。これE忁Eに応じて調整できます、E*/
}

/* ~~ そE他E float/clear クラス ~~ */
.fltrt {  /* こEクラスを使用すると、Eージ冁Eエレメントを右にフローチEングさせることができます。フローチEングさせるエレメントE、Eージ冁E横に並べて表示するエレメントE前に持Eする忁Eがあります、E*/
	float: right;
	margin-left: 8px;
}
.fltlft { /* こEクラスを使用すると、Eージ冁Eエレメントを左にフローチEングさせることができます。フローチEングさせるエレメントE、Eージ冁E横に並べて表示するエレメントE前に持Eする忁Eがあります、E*/
	float: left;
	margin-right: 8px;
}
.clearfloat { /* こEクラスは、Econtainer で overflow:hidden が削除されてぁE場合に、Ebr /> またE空の div で、フローチEングさせる最後E div に続く最後Eエレメントとして (#container 冁E) 配置できます、E*/
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
