@charset "utf-8";

/***************************************************
	CSS Information For IKOI
	File name : studio.css
	Style Info : STUDIO
***************************************************/

/* studio
------------------------------------------------------------ */
/*-----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 {	padding-bottom:18px;}
#contents .main p.banner01 a.n01 {	padding-right: 19px;}
#contents .main p.banner02 a.n01 {	padding-right: 19px;}


/* studio/index.html
------------------------------------------------------------ */
#contents.index h2 {	background: url(../img/studio/index_title.jpg) no-repeat;}
#contents.index .main h3.title01 {	background: url(../img/studio/index_title01.jpg) no-repeat;}

#contents.index .main .img01 {
	float: left;
	width: 200px;
}
#contents.index .main .txt01 {
	float: right;
	width: 280px;
}
#contents.index .main .btn01 {
	float: right;
	padding-top: 70px;
	width: 280px;
	text-align: right;
}


/* studio/plan01.html
------------------------------------------------------------ */
#contents.plan01 h2 {	background: url(../img/studio/plan01_title.jpg) no-repeat;}
#contents.plan01 .main h3.title01 {	background: url(../img/studio/plan01_title01.jpg) no-repeat;}
#contents.plan01 .main h4 {	margin: 30px 0 20px 0;}

#contents.plan01 .main .img {
	height: 200px;
}
#contents.plan01 .main .img01 {
	float: right;
	width: 200px;
	_padding-bottom: 30px;
}
#contents.plan01 .main .txt01 {
	float: left;
	width: 290px;
}
#contents.plan01 .main .txt02 {
	float: left;
	width: 290px;
	line-height: 1.8;
}

#contents.plan01 .main .btn01 {
	float: right;
	width: 200px;
	text-align: right;
	_padding-bottom: 20px;
}


#contents.plan01 .main table {
	margin: 20px 0;
	width: 505px;
}
#contents.plan01 .main table tr {	background: url(../img/temp/border02.gif) left bottom repeat-x;}
#contents.plan01 .main table tr.purple {	background-color: #F3F6F1;}
#contents.plan01 .main table td.end {	background-image: none; line-height: 1.4;}
#contents.plan01 .main table td {
	padding: 10px 20px;
}

/* studio/plan02.html
------------------------------------------------------------ */
#contents.plan02 h2 {	background: url(../img/studio/plan02_title.jpg) no-repeat;}
#contents.plan02 .main h3.title01 {	background: url(../img/studio/plan02_title01.jpg) no-repeat;}

#contents.plan02 .main .img01 {
	height: 200px;
	background: url(../img/blank.gif);
	color: #999999;
}
#contents.plan02 .main .txt01 {
}

#contents.plan02 .main .txt02 {
	float: left;
	width: 280px;
}

/* studio/plan03.html
------------------------------------------------------------ */
#contents.plan03 h2 {	background: url(../img/studio/plan03_title.jpg) no-repeat;}
#contents.plan03 .main h3.title01 {	background: url(../img/studio/plan02_title01.jpg) no-repeat;}

#contents.plan03 .main .img01 {
	height: 200px;
	background: url(../img/blank.gif);
	color: #999999;
}
#contents.plan03 .main .txt01 {
}

#contents.plan03 .main .txt02 {
	float: left;
	width: 280px;
}

/* studio/plan02.html
------------------------------------------------------------ */
#contents.plan04 h2 {	background: url(../img/studio/plan04_title.jpg) no-repeat;}
#contents.plan04 .main h3.title01 {	background: url(../img/studio/plan02_title01.jpg) no-repeat;}

#contents.plan04 .main .img01 {
	height: 200px;
	background: url(../img/blank.gif);
	color: #999999;
}
#contents.plan04 .main .txt01 {
}

#contents.plan04 .main .txt02 {
	float: left;
	width: 280px;
}