@charset "utf-8";
/* --------------------------------------------------
	Since : 2008/2/07
	Last Modified: 2008/2/07
	Version: 2.0
	type: category
 --------------------------------------------------- */

/*作業用別スタイルシート読み込み*/
@import "styles-category2.css";
@import "styles-category3.css";


/* Guide(コース案内)
==========================================================*/
table.tbl-guide {
	width:100%;
	}
	
table.tbl-guide th{
	background:#e9dfd5;
	width:170px;
	padding-top:7px;
	text-align:center;
	vertical-align:top;
	}
	
table.tbl-guide th img{
	margin-bottom:7px;
	}
	
table.tbl-guide th a{
	display:block;
	padding-top:2px;
	}
	
table.tbl-guide td{
	vertical-align:top;
	padding-left:10px;
	}

dl.tbl-dl dt{
	width:20%;
	clear:both;
	float:left;
	}
	
dl.tbl-dl dd{
	width:79%;
	float:left;
	}
	
dl.tbl-dl2 {
	margin-top:10px;
	}
	
dl.tbl-dl2 dt{
	width:40%;
	clear:both;
	float:left;
	}
	
dl.tbl-dl2 dd{
	width:59%;
	float:left;
	height:31px;
	line-height:31px;
	}

/* training(きものプロ養成コース)
------------------------------------*/
div.div-disc {
	padding:10px 20px 10px 20px;
	}
	
div.pic-space {
	padding:7px;
	margin:10px;
	background:#eae0d6;
	}
	
div.pic-space table td {
	padding:3px;
	}
	
td.td-movie {
	background:#dbc7c8;
	text-align:center;
	vertical-align:middle;
	width:130px;
	}
	
td.td-pad-right10,
th.td-pad-right10 {
	padding-right:10px;
	}
	
td.td-pad-left10,
th.td-pad-left10 {
	padding-left:10px;
	}
	
td.td-pad-top10,
th.td-pad-top10 {
	padding-top:10px;
	}
	
td.dot-line-right,
th.dot-line-right {
	border-right:1px dotted #ccc;
	}
	
td.dot-line-bottom,
th.dot-line-bottom {
	border-bottom:1px dotted #ccc;
	}
	
table.tbl-training {
	}
	
table.tbl-training td{
	text-align:center;
	border-bottom:1px dotted #ccc;
	}
	
table.tbl-training th{
	width:100px;
	text-align:left;
	padding:5px 0;
	border-bottom:1px dotted #ccc;
	}
	
table.tbl-training td.border-none,
table.tbl-training th.border-none,
table.tbl-nomal td.border-none,
table.tbl-nomal th.border-none {
	border:none;
	}
	
p.p-left {
	width:59%;
	float:left;
	}
	
p.p-right {
	width:39%;
	float:right;
	}
	

/* preparation(きものきっかけ準備コース)
------------------------------------*/	
dl.tbl-dl3 dt{
	width:70px;
	clear:both;
	float:left;
	}
	
dl.tbl-dl3 dd{
	width:410px;
	float:left;
	}
	
div.posi-right {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	}
	

/* movie(動画)
------------------------------------*/	
div#movie-title {
	background:url(image/category/movie/back-movie.jpg) repeat-x;
	height:34px;
	text-align:center;
	}
	
div#movie-title img{
	margin:0 1px;
	}
	
div#movie-body {
	background:#e6d9d1;
	padding:0 10px 10px 10px;
	}
	
div#movie-inner {
	padding:10px 0 0 10px;
	background:#dbc7c8;
	}
	
* html div#movie-inner {
	padding:10px 0 10px 10px;
	}
	
div#movie-inner img {
	margin:0 10px 10px 0;
	float:left; 
	cursor:pointer;
	}
	

/* becoming(コース定員状況)
------------------------------------*/	
table.tbl-course {
	margin-top:5px;
	empty-cells:show;
	background:#ccc;
	}
	
table.tbl-course th{
	text-align:center;
	background:#e6ebb5;
	border:1px solid ccc;
	padding:15px 0;
	}
	
table.tbl-course td{
	text-align:center;
	border:1px solid ccc;
	padding:15px 0;
	background:#fff;
	}
	
table.btn-type {
	width:79px;
	text-align:center;
	float:left;
	vertical-align:middle;
	margin-bottom:10px;
	}
	
table.btn-type td{
	height:43px;
	background:url(image/category/back-btn.jpg) no-repeat;
	vertical-align:middle;
	color:#fff;
	line-height:110%;
	}
	
table.btn-type td a{
	display:block;
	padding:5px;
	color:#fff;
	vertical-align:middle;
	text-decoration:none;
	}
	
table.btn-type td a:hover{
	color:#fff;
	}
	
/* glossary(用語集)
------------------------------------*/
div.main-search {
	background:#eae0d6;
	padding:20px 0 18px 15px;
	}
	
input#search-big {
	background:url(image/category/glossary/input-glossary.jpg) no-repeat left;
	padding:13px 0 16px 0;
	text-indent:12px;
	width:343px;
	float:left;
	border:none;
	}
	
div.exe-form {
	background:#eae0d6;
	padding:12px 18px;
	}
	
table.tbl-glossary td{
	padding:3px;
	background:#fff;
	}
	
table.tbl-glossary th{
	width:25%;
	padding:3px;
	background:#eff5c7;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	}
	
table.tbl-glossary textarea{
	border:1px solid #ccc;
	padding:3px;
	font-size:12px;
	color:#666;
	width:350px;
	}
	
ul.list-glossary li{
	position:relative;
	height:25px;
	line-height:25px;
	border-bottom:1px solid #ccc;
	padding-left:5px;
	}
	
ul.list-glossary li span{
	position:absolute;
	top:5px;
	right:10px;
	}
	
ul#menu-glossary a{
	margin-right:10px;
	}
	
div.txt-glossary {
	line-height:23px;
	background:url(image/category/glossary/line.jpg) left top;
	}
	
div.side-txt {
	background:#fff;
	border:1px solid #ccc;
	border-top:none;
	padding:5px;
	text-align:left;
	margin:0 7px;
	}
	
input#form-search {
	padding:3px;
	border:1px solid #ccc;
	width:120px;
	margin-right:5px;
	}


/* step(ステップアップシステム)
------------------------------------*/
.imgs1{
		height:490px;
        background:url(image/category/guide/step/img-01.jpg) no-repeat left top;
		text-align:left;
		position:relative;
        }

.imgs2{
        height:336px;
        background:url(image/category/guide/step/img-02.jpg) no-repeat left top;
		text-align:left;
		position:relative;
        }

.imgs3{
        height:436px;
        background:url(image/category/guide/step/img-03.jpg) no-repeat left top;
		text-align:left;
		position:relative;
        }

.imgs4{
        height:361px;
        background:url(image/category/guide/step/img-04.jpg) no-repeat left top;
		text-align:left;
		position:relative;
        }

.imgs5{
        height:370px;
        background:url(image/category/guide/step/img-05.jpg) no-repeat left top;
		text-align:left;
		position:relative;
        }

.bt1{
	position:absolute;
	top:386px;
	left:317px;
	width: 101px;
	height: 35px;
    }

.bt2{
	position:absolute;
	top:232px;
	left:327px;
	width:101px;
	height:35px;
	}
	
.bt3{
	position:absolute;
	top:344px;
	left:327px;
	width:101px;
	height:35px;
	}
	
.bt4{
	position:absolute;
	top:272px;
	left:327px;
	width:101px;
	height:35px;
	}
	
.bt5{
	position:absolute;
	top:263px;
	left:329px;
	width:101px;
	height:35px;
	}

.bt6{
	position:absolute;
    top:407px;
	left:40px;
	width:101px;
	height:35px;
	}
	
.bt7{
	position:absolute;
    top:250px;
	left:40px;
	width:101px;
	height:35px;
	}
	
.bt8{
	position:absolute;
	top:351px;
	left:46px;
	width:101px;
	height:35px;
	}