/* 覚書
文字色：#000
薄いグレー（リンクとか）：#7D7D7D
濃いグレー（もくじ）：#2B2B2B
ターコイズブルー：#00AFCC
*/

/* リセット */
*	{
	padding:0;
	margin:0;
	box-sizing:border-box;
	text-decoration:none;
}

ul li	{
	list-style-type:none;
	list-style-position:inside;
}

/* olは数字と文字の間を1文字分空ける */
ol	{
	margin-left:1.2em;
}

ol li	{
	text-indent:1em;
}

/* これがないと画像の下に隙間ができる */
img	{
	vertical-align:bottom;
	border:none;
}

/* これがないと～IE11でmainの横幅が指定できない */
main	{
	display:block;
}

/* 基本設定 ================================================ */
*	{
	color:#000;
	font:normal 16px /1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro", "Kozuka Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

/* リンク */
a	{
	outline:none;/* クリック時の点線を消す */
}

a:hover	{
	opacity:0.6;
	/* Chromeはaタグの内部要素しかopacityが効かないため、index.cssとarticles.cssにそれぞれ1箇所ずつ同じ記述あり */
}

/* ラッパー */
.wrapper	{
	width:1040px;
	margin-left:auto;/* 個別に上下マージンをつけたい時にバッティングする場合があるので、ショートハンドは使わない */
	margin-right:auto;
}

/* 見出し */
h1, h2, h3,h4	{
	font-weight:bold;
}

/* 汎用クラス ================================================== */
/* clearfix */
.clearfix:after	{
	content:"";
 	clear:both;
 	display:block;
}

/* margin */
.mt30	{ margin-top:30px; }
.mb30	{ margin-bottom:30px; }

/* padding */
.ptb20	{ padding:20px 0; }

/* 点線ライン */
.borderT	{ border-top:1px dotted #000; }
.borderB	{ border-bottom:1px dotted #000; }

/* テキスト装飾 */
.bold, .big, .blue	{ font-weight:bold; }
.big	{ font-size:130%; }
.blue	{ color:#00AFCC; }
.small	{ font-size:80%; }

/* 背景色 */
.bgEEE	{ background-color:#EEE; }

/* ボーダー */
.bbCCC  {border-bottom:dashed 1px #ccc; background-color:#fff; color:#000; padding-bottom:8px;}

/* リスト ---------------------------------------- */
/* 頭にチェックが付くリスト */
ul.check	{
	margin-bottom:30px;
}
ul.check li	{
	font-size:130%;
	font-weight:bold;
	line-height:2.1em;
}

ul.check li:before	{
	content:url(../img/common/icon_check.png);
	margin-right:10px;
}

/* 黒丸マーカー */
ul.disc li	{
	list-style-type:disc;
}

/* 白色マーカー */
ul.circle li	{
	list-style-type:circle;
}

/* 記事用 --------------------------------------- */
/* 上下に余白 */
.parag	{ 
	margin:1em 0;
}

/* 左に余白 */
.indent	{
	text-indent:40px;
}

/* 回り込み */
.f_left	{
	float:left;
	margin-right:30px;
}

/* 	要素内を中央揃え */
.taCenter	{
	text-align:center;
}


/* フッタ ===================================================== */
#footLink	{
	margin-top:80px;
	padding:50px 0 50px 456px;
	background: url(../img/common/foot_logo.png) no-repeat left center;
}

/* HOMEアイコンとリンクを縦位置中央に揃える */
#footLink > a > img, #footLink ul	{
	display:inline-block;
	vertical-align:middle;
}

/* フッタリンク */
#footLink ul	{
	margin-left:70px;
}

#footLink ul li:before	{
	content:url(../img/common/arrow_gray.png);
	margin-right:10px;
	line-height:2.1em;
}

/* コピーライト */
#copyright	{
	background:#000;
	padding:2em 0;
	color:#FFF;
	font-size:70%;
	text-align:center;
}