/*--- BASE ---*/


td {
	line-height:18px;
	}

h1 {
	font-size:24px;
	color:#922b13;
	padding:0 0 5px 10px;
	margin:5px 0 5px 0;
	background:url(../img2/title_border.gif) left bottom no-repeat;
	}

h1 span {
	font-size:16px;
	}

h2.howto {
	font-size:18px;
	line-height:32px;
	color:#ffffff;
	text-align:left;
	text-indent:10px;
	margin:15px 0 0 0;
	width:706px;
	height:32px;
	background:url(../img2/engei/h2_bg.gif) left center no-repeat;
	}

h2 span {
	font-size:14px;
	}

h3 {
	width:706px;
	font-size:16px;
	color:#ff7f37;
	text-indent:10px;
	padding:10px 0 0 0;
	margin:0;
	border-bottom:3px double #cccccc;
	}

p {
	font-size:12px;
	line-height:18px;
	padding:0 10px 0 10px;
	margin:10px 0 0 0;
	}

img {
	border:none;
	}

.toriatsukai {
	color:#009e00;
	font-size:10px;
	text-align:right;
	padding:10px 0 0 0;
	}

.pagetop {
	font-size:10px;
	text-align:right;
	margin:5px 0 0 0;
	clear:both;
	}

ul,
ul.howto_list, {
	padding:10px 0 0 30px;
	margin:0 10px 10px 0;
	}

ul li,
ul.howto_list li {
	font-size:12px;
	margin:0 0 5px 0;
	}

ol {
	padding:10px 0 0 30px;
	margin:10px 10px 10px 0;
	}

ol li {
	font-size:12px;
	margin:0 0 5px 0;
	}


/*--- ORIGINAL ---*/

/*-------------------------------------------------------------
 color
--------------------------------------------------------------*/

.orange { color:#ff7f37; }
.red	{ color:#cc0000; }
.green	{ color:#009e00; }
.blue	{ color:#003399; }

.bg_yellow { background:#fffcd1; }
.bg_pink { background:#fee3dd; }
.bg_purple { background:#e3dfe8; }
.bg_gray { background:#f2f2f2; }
.bg_orange { background:#fff7e4; }

/*-------------------------------------------------------------
 index.html
--------------------------------------------------------------*/

.index_btn {
	margin:0 0 25px 0;
	}

td.index_menu {
	vertical-align:top;
	}

td.index_menu ul.diy ,
td.index_menu ul.pet ,
td.index_menu ul.souji ,
td.index_menu ul.engei {
	width:333px;
	font-size:12px;
	padding:0 0 0 30px;
	margin:10px 0 10px 0;
	list-style:none;
	}

td.index_menu ul li {
	list-style:none;
	padding-left:10px;
	margin:0 0 5px 0;
	}

td.index_menu ul.diy li { background:url(../img2/list_diy.gif) center left no-repeat;}
td.index_menu ul.pet li { background:url(../img2/list_pet.gif) center left no-repeat;}
td.index_menu ul.souji li { background:url(../img2/list_souji.gif) center left no-repeat;}
td.index_menu ul.engei li { background:url(../img2/list_engei.gif) center left no-repeat;}

/*-------------------------------------------------------------
 header
--------------------------------------------------------------*/

.head_pet {
	width:724px;
	height:107px;
	background:url(../img2/pet/title_bg.jpg) right bottom no-repeat;
	border:1px solid #922b13;
	margin:10px 0 0 0;
	}

.head_souji {
	width:724px;
	height:107px;
	background:url(../img2/souji/title_bg.jpg) right bottom no-repeat;
	border:1px solid #922b13;
	margin:10px 0 0 0;
	}

.head_engei {
	width:724px;
	height:107px;
	background:url(../img2/engei/title_bg.jpg) right bottom no-repeat;
	border:1px solid #922b13;
	margin:10px 0 0 0;
	}

.head_diy {
	width:724px;
	height:107px;
	background:url(../img2/diy/title_bg.jpg) right bottom no-repeat;
	border:1px solid #922b13;
	margin:10px 0 0 0;
	}

.head_pet td.text,
.head_souji td.text,
.head_engei td.text,
.head_diy td.text {
	font-size:14px;
	padding:0 0 0 10px;
	}

/*-------------------------------------------------------------
 pink
--------------------------------------------------------------*/

.pink_table {
	border-collapse:collapse;
	border:1px solid #cccccc;
	margin:5px 0 20px 10px;
	}

.pink_table th {
	font-size:12px;
	padding:5px;
	background:#fee3dd;
	border-collapse:collapse;
	border:1px solid #cccccc;
	}
	
.pink_table td {
	font-size:12px;
	line-height:18px;
	padding:5px;
	vertical-align:top;
	border-collapse:collapse;
	border:1px solid #cccccc;
	}

table.pink_table table td {
	border:none;
	}

table.pink_table td table.border {
	border-collapse:collapse;
	border:1px solid #cccccc;
	}

table.pink_table td table.border th,
table.pink_table td table.border td {
	border-collapse:collapse;
	border:1px solid #cccccc;
	}
	

/*-------------------------------------------------------------
 blue
--------------------------------------------------------------*/

.blue_table {
	border-collapse:collapse;
	border:1px solid #cccccc;
	margin:5px 0 20px 10px;
	}

.blue_table th {
	font-size:12px;
	padding:5px;
	background:#d3edfb;
	border-collapse:collapse;
	border:1px solid #cccccc;
	}
	
.blue_table td {
	font-size:12px;
	line-height:18px;
	padding:5px;
	vertical-align:top;
	border-collapse:collapse;
	border:1px solid #cccccc;
	}

table.blue_table table td {
	border:none;
	}

table.blue_table td table.border {
	border-collapse:collapse;
	border:1px solid #cccccc;
	}

table.blue_table td table.border th,
table.blue_table td table.border td {
	border-collapse:collapse;
	border:1px solid #cccccc;
	}
	


/*-------------------------------------------------------------
 orange
--------------------------------------------------------------*/

.orange_table {
	border-collapse:collapse;
	border:1px solid #cccccc;
	margin:5px 0 20px 10px;
	}

.orange_table th {
	font-size:12px;
	padding:5px;
	background:#fff7e4;
	border-collapse:collapse;
	border:1px solid #cccccc;
	}
	
.orange_table td {
	font-size:12px;
	line-height:18px;
	padding:5px;
	vertical-align:top;
	border-collapse:collapse;
	border:1px solid #cccccc;
	}

table.orange_table td img {
	padding:0 0 10px 0;
	}

.orange_table td.left {
	padding:5px 10px 5px 10px;
	background:#fff7e4;
	}

table.orange_table table td {
	border:none;
	}

table.orange_table td table.border {
	border-collapse:collapse;
	border:1px solid #cccccc;
	}

table.orange_table td table.border th,
table.orange_table td table.border td {
	border-collapse:collapse;
	border:1px solid #cccccc;
	}

.orange_bg {
	background:#fff7e4;
	padding:10px;
	margin:10px;
	}

/*-------------------------------------------------------------
 image
--------------------------------------------------------------*/

.image_table {
	margin:10px 0 20px 10px;
	}

.image_table th {
	vertical-align:top;
	padding:0 10px 10px 0;
	}

.image_table td {
	font-size:12px;
	vertical-align:top;
	padding:0 0 10px 0;
	}

/*-------------------------------------------------------------
 gray
--------------------------------------------------------------*/

.gray_table {
	width:686px;
	margin:10px;
	}
	
.gray_table td {
	vertical-align:top;
	}

.gray_table table {
	width:220px;
	border:1px solid #cccccc;
	}

.gray_table table th {
	font-size:14px;
	color:#f63a00;
	padding:5px;
	background:#cccccc;
	}

.gray_table table td {
	font-size:12px;
	line-height:18px;
	padding:5px;
	}

.gray_bg {
	line-height:18px;
	background:#f2f2f2;
	margin:0 0 10px 10px;
	}
	


/*-------------------------------------------------------------
 original layout
--------------------------------------------------------------*/

h2.howto span.pet002_001 {
	font-size:18px;
	line-height:32px;
	padding:0 0 0 30px;
	height:32px;
	background:url(../img2/pet/bg002_001.gif) left center no-repeat;
	}

.engei001 {
	background:url(../img2/engei/pic001_006.jpg) right bottom no-repeat;
	}

.engei002 {
	background:url(../img2/engei/pic002_006.jpg) right bottom no-repeat;
	}

.text14b {
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	}

.dotborder { border-bottom:1px dotted #cccccc; }


/*---marginEpadding---*/

.MB0 { margin-bottom:0; }
.MB5 { margin-bottom:5px; }
.MB10 {	margin-bottom:10px; }

.MT0 { margin-top:0; }
.MT10 { margin-top:10px; }

.ML0 { margin-left:0; }


.PB0 { padding-bottom:0; }
.PB10 { padding-bottom:10px; }

.PT10 { padding-top:10px; }

.PL10 { padding-left:10px; }
.PL20 { padding-left:20px; }


table.pdf {
	width:726px;
	margin:8px 0 0;
	text-align:right;
}

img.left{ 
    float:left;
	margin: 0 10px 0 0;
	}
img.right{ 
    float:right;
	margin: 0 0 0 10px;
	}