@charset "UTF-8";
html {margin:0; padding:0; width:100%;}
body {margin:0; padding:0; color:#333; font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; background:#FFF;}
img { border:none;}

/* 外枠 */
#layout {width:512px; padding:16px 0 16px 8px; text-align:left; background:#FFF;}
h1 { margin:0; padding:0 10px; font-size:12px; text-align:left; line-height:1.2em; color:#3D2B1D;}
h2 { margin:0; padding:4px 0; font-size:18px; text-align:left; line-height:1.4em; border-bottom:1px dashed #333; width:500px;}
#area1 { float:left; width:220px; padding:10px 0 0 8px;}
	#area1 h3 { margin:0; padding:4px 0; font-size:14px; line-height:1.2em;color:#3D2B1D; }
	#area1 p { margin:0; padding:4px 0 4px 16px;  font-size:12px; line-height:1.4em;color:#3D2B1D; }
#area2 { float:left; width:260px; padding:10px 0 0 16px;}
	#area2 h3 { margin:0; padding:4px 0; font-size:14px; line-height:1.2em;color:#3D2B1D; }
	#area2 p { margin:0; padding:4px 0 4px 16px; font-size:12px; line-height:1.4em;color:#3D2B1D; }
	#area2 p img { vertical-align:middle;}
	#area2 a {color:#3D2B1D; text-decoration:none;}

.code { display:block; width:180px; border:1px solid #CCC; padding:10px; background:#EFEFEF; margin:8px 0 0 0;}

/* 共通要素 */
.cb { height:1px; display:block; clear:both; font-size:1px; line-height:1px; overflow:hidden; width:100%;}
.f10 { font-size:10px;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.f28 { font-size:28px;}
.blue { color:#014E9C;}
.red { color:#F00;}
.orange { color:#FF9900;}
.purple { color:#6812CD;}
.green { color:#0AB600;}
.tac { text-align:center;}
.tar { text-align:right;}
.tal { text-align:left;}
.fb { font-weight:bold;}
.fr { float:right;}
.fl { float:left;}
.fg { font-family:Arial, Helvetica, sans-serif;}
.iv { filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}