@import url(/css/contents.css);

h1.howto { background:url(../img/cnt_title_01.jpg) no-repeat 0 0; }

h2.howto
{
	margin-top:10px;
	width:720px;
	height:50px;
	background:url(../img/title_01.gif) no-repeat 0 0;
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-color: #666666;
}

div.mainJpg
{
	width:720px;
	height:200px;
	margin-top: 20px;
	margin-bottom: 20px;
}

div.collJpg
{
	width:400px;
	height:270px;
	float: right;
}

div.howtoPics
{
	width:150px;
	float: left;
}

div.howtocomm
{
	width:510px;
	float: right;
	margin-left: 20px;
}

h3.sub01
{
	width:720px;
	height:50px;
	background:url(/howto/img/howto_sub_ttl_01.gif) no-repeat 0 0;
}

h3.sub02
{
	width:720px;
	height:50px;
	background:url(/howto/img/howto_sub_ttl_02.gif) no-repeat 0 0;
}

h3.sub03
{
	width:720px;
	height:50px;
	background:url(/howto/img/howto_sub_ttl_03.gif) no-repeat 0 0;
}

h3.sub04
{
	width:720px;
	height:50px;
	background:url(/howto/img/howto_sub_ttl_04.gif) no-repeat 0 0;
}

.table_howto
{
	width:750px;
	border-collapse:collapse;
	font-size: 95%;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #eeeeee;
	border-right-color: #eeeeee;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eeeeee;
}

div.lb3
{
	width: 380px;
	margin: 15px;
}

.howto_td1
{
	vertical-align:top;
	width: 100px;
	background-color: #eeeeee;
	background-image: url(../img/dot.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
	text-align: right;
	padding: 10px;
}

.howto_td2
{
	vertical-align: middle;
	padding: 10px;
	background-color: #FFFFFF;
	background-image: url(../img/dot.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}

div#howtomenu
{
	height:35px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00a0e9;
	margin-top: 20px;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
}

div#howtomenu ul
{
	float:left;
	margin: 0px;
	padding: 0px;
}

div#howtomenu ul li { display:inline; }

div#howtomenu ul li a
{
	display:block;
	height:35px;
	float:left;
	text-indent:-9999px;
}

div#howtomenu ul li.sm01 a
{
	width:190px;
	background:url(../howto/img/howto_title.gif) no-repeat 0 0;
}

div#howtomenu ul li.sm02 a
{
	width:190px;
	background:url(../howto/img/howto_title.gif) no-repeat -190px 0;
}

div#howtomenu ul li.sm03 a
{
	width:190px;
	background:url(../howto/img/howto_title.gif) no-repeat -380px 0;
}

div#howtomenu ul li.sm04 a
{
	width:190px;
	background:url(../howto/img/howto_title.gif) no-repeat -570px 0;
}

div#howtomenu ul li.sm01 a:hover { background-position:0 -35px }

div#howtomenu ul li.sm02 a:hover { background-position:-190px -35px }

div#howtomenu ul li.sm03 a:hover { background-position:-380px -35px }

div#howtomenu ul li.sm04 a:hover { background-position:-570px -35px }

div#howtomenu ul li.sm01 a.currentMenu { background-position:0 -70px }

div#howtomenu ul li.sm02 a.currentMenu { background-position:-190px -70px }

div#howtomenu ul li.sm03 a.currentMenu { background-position:-380px -70px }

div#howtomenu ul li.sm04 a.currentMenu { background-position:-570px -70px }

/* ctn */
div#ctn01,
div#ctn02,
div#ctn03,
div#ctn04,
div#ctn05
{
	width:680px;
	height: auto;
	overflow:hidden;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.box_works1
{
	width:220px;
	float:left;
	height: auto;
}

.box_works2
{
	width:490px;
	float:left
}

div#ctn01 p,
div#ctn02 p,
div#ctn03 p,
div#ctn04 p,
div#ctn05 p
{
	line-height: 1.4em;
	color:#333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

div#ctn p span,
div#ctn01 p span,
div#ctn02 p span,
div#ctn03 p span,
div#ctn04 p span,
div#ctn05 p span
{
	font-weight: bold;
	line-height: 1.2em;
}

div#ctn01 h4,
div#ctn02 h4,
div#ctn03 h4,
div#ctn04 h4,
div#ctn05 h4
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-size: 1.2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0066FF;
}

