@charset "utf-8";

/***************************************************
	CSS Information For IKOI
	File name : howto.css
	Style Info : HOWTO
***************************************************/

/* howto
------------------------------------------------------------ */
/*-----sNavi-----*/
#sNavi .item_list li {	padding-bottom: 1px;}
#sNavi .item_list li a {
	display: block;
	width: 182px;
	height: 38px;
	background: url(../img/blank.gif);
}

/*-----contents-----*/
#contents h2 {
	width: 536px;
	height: 100px;
	text-indent: -9999px;
}

#contents .main {
	width: 505px;
	margin-left: 15px;
	padding: 30px 0;
}
#contents .main h3.title01 {
	width: 504px;
	height: 61px;
	margin-bottom: 20px;
	text-indent: -9999px;
}
#contents .main p.banner01 a.n01 {	padding-right: 19px;}
#contents .main  a.prev { float: left;}
#contents .main  a.next { float: right;}
#contents .main p.banner02 a.txt {
	display: block;
	width: 228px;
	_width: 243px;
	padding-top: 5px;
	background: url(../img/temp/ico03.gif) 0 10px no-repeat;
}

#contents .description iframe {
	width: 500px;
}
/* howto/index.html
------------------------------------------------------------ */
#contents.index h2 {	background: url(../img/howto/howto_main.jpg) no-repeat;}
#contents.index .main h3.title01 {	background: url(../img/howto/index_title01.jpg) no-repeat;}

#contents.index .main .img01 {
	float: left;
	width: 192px;
}
#contents.index .main .txt01 {
	float: right;
	width: 300px;
}
#contents.index .main table {
	margin: 20px 0 0;
	width: 505px;
}
#contents.index .main table tr {	background: url(../img/temp/border02.gif) left bottom repeat-x;}
#contents.index .main table tr.purple {	background-color: #f7f4f5;}
#contents.index .main table tr.end {	background-image: none;}
#contents.index .main table th {
	padding: 10px 20px;
	font-weight: normal;
}
#contents.index .main table td p {
	padding: 10px 20px;
	background: url(../img/temp/ico03.gif) left center no-repeat;
}

/* about/movie01.html
------------------------------------------------------------ */
#contents.movie01 h2 {	background: url(../img/howto/howto_main.jpg) no-repeat;}
#contents.movie01 .main h3.title01 {	background: url(../img/howto/move01_title01.jpg) no-repeat;}

#contents.movie01 .main .txt01 {
	float: left;
	width: 300px;
	padding-bottom: 20px;
}

/* about/movie02.html
------------------------------------------------------------ */
#contents.movie02 h2 {	background: url(../img/howto/howto_main.jpg) no-repeat;}
#contents.movie02 .main h3.title01 {	background: url(../img/howto/move02_title01.jpg) no-repeat;}

#contents.movie02 .main .txt01 {
	float: left;
	width: 300px;
	padding-bottom: 20px;
}

/* about/movie03.html
------------------------------------------------------------ */
#contents.movie03 h2 {	background: url(../img/howto/howto_main.jpg) no-repeat;}
#contents.movie03 .main h3.title01 {	background: url(../img/howto/move03_title01.jpg) no-repeat;}

#contents.movie03 .main .txt01 {
	float: left;
	width: 300px;
	padding-bottom: 20px;
}
.next {
	text-align: right;
}

/* about/movie04.html
------------------------------------------------------------ */
#contents.movie04 h2 {	background: url(../img/howto/howto_main.jpg) no-repeat;}
#contents.movie04 .main h3.title01 {	background: url(../img/howto/move04_title01.jpg) no-repeat;}

#contents.movie04 .main .txt01 {
	float: left;
	width: 300px;
	padding-bottom: 20px;
}

/* howto/flow.html
------------------------------------------------------------ */
#contents.flow h2 {	background: url(../img/howto/flow_title.jpg) no-repeat;}
#contents.flow .main h3.title01 {	background: url(../img/howto/flow_title01.jpg) no-repeat;	height: 42px;}
#contents.flow .main h4 {	margin: 30px 0 20px 0;}
#contents p {
	margin: 0px 0 10px 0;
}

#contents.flow a:link {
	color: #663300;
	text-decoration: underline;
}
#contents.flow a:visited {
	color: #663300;
	text-decoration: underline;
}
#contents.flow a:hover {
	color: #C03A27;
	text-decoration: underline;
}

#contents.flow table{
	margin-top: 10px;
}
#contents.flow td{
	vertical-align: top;
	line-height: 1.4;
}
#contents.flow p.text{
	margin-top: 20px;
	padding: 8px;
	border: 1px solid #D1A1B9;
}

/* howto/color01.html
------------------------------------------------------------ */
#contents.color01 h2 {	background: url(../img/howto/color_title.jpg) no-repeat;}
#contents.color01 .main h3.title01 {	background: url(../img/howto/color_title01.jpg) no-repeat;	height: 42px;}

/* howto/color02.html
------------------------------------------------------------ */
#contents.color02 h2 {	background: url(../img/howto/color_title.jpg) no-repeat;}
#contents.color02 .main h3.title01 {	background: url(../img/howto/color_title02.jpg) no-repeat;	height: 42px;}