/* body
* {margin:0;padding:0;}
a {text-decoration:none;}
img {border: none;}
body,p,table {font-size:13px;color:#333333;}
body{text-align:center;}
 */
 
body {
	background-image: url(/suteki_diy/common/img_all/hai.jpg);
	background-repeat: repeat-y;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position: center;
}
a:link {
	font-size: 12px;
	color: #0054A5;
	text-decoration: none;
}
a:visited {
	font-size: 12px;
	color: #993399;
	text-decoration: underline;
}
a:hover {
	font-size: 12px;
	color: #990000;
}

img {
border:0px;
}

/* container */
div#container {margin:0; width:560px; text-align:left;}
div#container h2{
	font-size:120%;
	background-color:#0054A5;
	line-height:160%;
	margin-bottom:0px;
	margin-top:0px;
	color:#FFFFFF;
	font-weight:bold;
	text-indent:1em;
}
table#billboard {margin-top:5px;margin-bottom:30px; width:560px;}
table#billboard td {padding-bottom:5px;font-size:13px;color:#333333;}
table#billboard td#links {color:#FF0000;font-weight:bold;}

/* STEP */
div#step {margin-bottom:30px; width:560px;}
div#step .movie img {margin:0px; padding:0px;border:0px;}
table.step td {font-size:13px;color:#333333;}
table.step h3 {
	color: #0054A5;
	font-size:18px;
	background: url(../../img/h3bg.gif) left center repeat-x;
}
table.step h3 span {
	font-size:16px;
	background-color:#FFFFFF;
	padding-right:5px;
}
td.td-h3 {
	padding-bottom:10px;
	font-size: 14px;
	padding-top: 10px;
}
td.explanation {padding: 0 10px;}
tr.process{ }
tr.process td {padding:10px 0px 20px; vertical-align:top;}
tr.process td img {margin:0px 10px;}
div#step table .movie {border-bottom:10px solid #0054A5;margin:0px; padding:0px;}
div#step table .movie td {margin:0px; padding:0px;}
div#step table .movie p {margin:0px; padding:0px 0px 5px 0px;}
div#step table td .movie .movie_t{margin:0px; padding:0px; background-color:#000000; border-left:1px solid #0054A5;}
div#step table td .movie .movie_l{margin:0px; padding:0px; background-color:#000000;}
div#step table td .movie .movie_r{margin:0px; padding:0px;}
div#step table td .movie .movie_b{margin:0px; padding:5px 0px 0px 5px; border-left:2px solid #0054A5; border-right:1px solid #0054A5;}


/* 必要な材料 */
div#step table .material { 
	border-top:10px solid #0054A5;
	border-bottom:10px solid #0054A5;
	margin:0px; padding:0px;
	border-collapse:collapse;
	}
div#step table .material p {
	margin:0px;
	padding:5px;
	line-height:1.2;
	}
div#step table .material td { 
	border:1px solid #0054A5;
	border-collapse:collapse;
	}
div#step table .material img {
	border:0;
	margin:0;
	padding:0;
	} 

/* ポイント */
table.point {background: url(../../img/pointbg.gif) left top no-repeat;font-size:12px;margin-top:0;margin-bottom:auto;}

table.point td {vertical-align:top; color:#CC0000; padding:20px 10px;}
table.point td img {margin-bottom:10px;}
table.point td.point_h {vertical-align:top; padding-top:0; padding-left: 0; width:115px;}
table.point td.point_h h4 {
	font-size:13px;
	color:#990000;
	padding: 8px;
	border: 1px #0057AA solid;
}
table.point td.point_h2 {vertical-align:top; padding-top:0; padding-left: 0; width:150px;}
table.point td.point_h2 h4 {
	font-size:13px;
	color:#990000;
	padding: 8px;
	border: 1px #0057AA solid;
}
table.point td.arrow {padding-top:49px;}
td.tools_cell {vertical-align:top; text-align:right;}

/* メモ */
span.memo_title {
	color: #FFFFFF;
	background-color: #0033CC;
	padding: 0 1em;
}
td.memo {
	border: 1px #0033CC solid;
	padding: 10px;
	font-size: 13px;
}
td.memo p {
	font-size: 13px;
}
td.memo h4 {
	font-size: 100%;
	color: #0033CC;
	line-height: 150%;
}

/* 使用した道具・工具 */
table.tools {background: url(../../img/toolsbg.gif) left bottom no-repeat;font-size:11px;width:130px;margin-right:10px;margin-left:5px;text-align:left;}
table.tools td,table.tools th {}
table.tools th {padding: 8px 0; background: url(../../img/tools_th.gif) left top no-repeat; text-align: center;}
table.tools td {padding:0 6px 6px 0; width:56px; font-size:11px;}
table.tools td img {vertical-align:middle;margin-left:6px;}

/* 完成 */
table#fin {margin-bottom:20px;width:560px;}
table#fin td#pass {font-size:15px;padding:10px 0;}
table#fin h3 {font-size:18px;color:#FFFFFF;font-weight:bold;background:#CC0000;padding:5px;text-align:center; letter-spacing:0.5em;}
table#fin td#note {font-size:16px;color:#CC0000;font-weight:bold;padding:10px 0;}
table#fin img {margin-bottom:10px;}

/* 他のページにリンク */
table#pagelink {font-weight:bold; color:#FF0000; width:560px;margin-bottom:20px;}
table#pagelink td {padding:10px 0 0;font-size:13px;}
table#pagelink td.pageprev {text-align:left;border-bottom:1px #666666 solid;padding:5px 0 10px;}
table#pagelink td.pagenext {text-align:right;border-bottom:1px #666666 solid;padding:5px 0 10px;}

/* 必要な道具、材料 */
table.main {
	margin-bottom:20px;
	width:560px;
}
table.main td {width:25%;}
table.main tr.image td {text-align:center;}
table.main tr.text td {padding:5px 5px 10px; vertical-align:top;}
table.main h3 { color: #336699; font-size:18px;background: url(../../img/h3bg.gif) left center repeat-x;}
table.main h3 span { color: #336699;font-size:18px;background-color:#FFFFFF;padding-right:5px;}
table.main td.td-h3 {padding-bottom:10px;}

table#caption { width:560px; margin-bottom:20px; border-bottom:1px #666666 solid;}
table#caption td { padding-bottom:10px; color:#CC0000;}

/* photo */
table .photo { margin:0px;padding:0px;}
table .photo tr{ margin:0px;padding:0px;}
table .photo td{ margin:0px;padding:0px;}
table .photo td img { margin:0px;padding:0px;}

/* 装飾 */
.style1 {color: #FF0000}

/* メニュー装飾 */
ul,li {margin:0;padding:0;}


.menu_0{
  list-style:none;
  line-height:125%;
}
.menu1 a{
	display:block;
	width:125px;
	text-decoration:none;
	background:url(../img_all/b1.gif) left center no-repeat;
	font-size:12px;
	text-align:left;
	border-bottom:solid 1px #cccccc;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 25px;
	margin-right: 5px;
}
 .menu2 a{
	display:block;
	width:125px;
	text-decoration:none;
	background:url(../img_all/b2.gif) left center no-repeat;
	font-size:12px;
	text-align:left;
	border-bottom:solid 1px #cccccc;
	margin-right: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 25px;
}


/* フッター装飾 */
.boder2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
}
.txt12px {
	font-size: 12px;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 10px;
}


/*　2014/11　注釈追加　*/

.capt2 {
	font-size:12px;
	display:inline-block;
	margin:5px 0 15px 0;
}