@charset "utf-8";
/* CSS Document */

/*------------ サイドナビ ------------*/
span#material {
	color: #606079;
}

/*------------ トピックナビ ------------*/
ul#topic_nav {
	width: 200px;
}

/*------------ トピックナビ（マウスOFF） ------------*/
ul#topic_nav li#access a {
	width: 95px;
	background-image: url(../info/images/topic_access_off.jpg);
}

ul#topic_nav li#attention a {
	width: 55px;
	background-image: url(../info/images/topic_attention_off.jpg);
}

ul#topic_nav li#entry a {
	width: 70px;
	background-image: url(../info/images/topic_entry_off.jpg);
}

ul#topic_nav li#contact a {
	width: 87px;
	background-image: url(../info/images/topic_contact_off.jpg);
}

/*------------ 位置調整 ------------*/
ul#topic_nav li.left95 {
	padding-left: 95px;
}

ul#topic_nav li.left20 {
	padding-left: 20px;
}

/*------------ トピックナビ（マウスON） ------------*/
ul#topic_nav li#access a:hover {
	background-image: url(../info/images/topic_access_on.jpg);
}

ul#topic_nav li#attention a:hover {
	background-image: url(../info/images/topic_attention_on.jpg);
}

ul#topic_nav li#entry a:hover {
	background-image: url(../info/images/topic_entry_on.jpg);
}

ul#topic_nav li#contact a:hover {
	background-image: url(../info/images/topic_contact_on.jpg);
}

/*------------ 本文 ------------*/
#main_contents ul.text_list {
	padding-left: 80px;
}

#main_contents span {
	padding: 0 53px 25px 53px;
	display: block;
}

/*------------ サブタイトル ------------*/
#main_contents h4.sub_title3 {
	padding: 0 53px 25px 53px;
	font-size: 14px;
	font-weight: normal;
}

/*------------ コンテンツボックス ------------*/
.contents_box,
.contents_box_last {
	width: 705px;
}

.contents_box {
	margin-bottom: 30px;
}

.contents_box .left_wp,
.contents_box_last .left_wp {
	width: 535px;
	float: left;
}

.left_wp .center {
	width: 363px;
}

/*------------ サブタイトル（左右） ------------*/
#main_contents h3.left_text {
	padding: 20px 0 0 53px;
	font-size: 16px;
	font-weight: normal;
}

#main_contents h3.right_text {
	padding: 0 53px 20px 0;
	font-size: 16px;
	font-weight: normal;
}

/*------------ 革 ------------*/
#leather img.left {
	padding-left: 53px;
}

#leather .right {
	padding: 0 53px 0 10px;
	width: 380px;
}

h3.sub_title_left {
	padding: 0 53px;
	font-size: 16px;
	font-weight: normal;
}

/*------------ 革テーブル ------------*/
.mate_table {
	width: 600px;
	margin: 0 auto 30px auto;
}

.mate_table th {
	width: 300px;
	font-weight: normal;
	vertical-align: top;
}

.mate_table td {
	padding:0 0 10px 0;
}

/*------------ 写真リスト（横並び） ------------*/
ul.photo_side {
	margin: 0 auto;
	padding-bottom: 10px;
}

ul.photo_side li {
	padding: 0 20px;
	float: left;
}

/*------------ 七色 ------------*/
#rainbow ul.photo_side {
	width: 580px;
} 

#rainbow ul.photo_side li {
	width: 250px;
} 

/*------------ フォルテ ------------*/
#folte {
	width: 480px;
	margin: 0 auto 30px auto;
	text-align: center;
}

#folte th {
	padding: 0 18px;
	font-weight: normal;
}

#folte td {
	width: 160px;
	padding: 10px 0;
}

/*------------ 裏地 ------------*/
#ura {
	padding-top: 40px;
}

#ura img.left {
	padding-left: 53px;
}

#ura .right {
	padding: 0 53px 0 10px;
	width: 200px;
}

/*------------ ナイロンの裏地 ------------*/
#nairon {
	width: 600px;
	margin: 0 auto 30px auto;
	text-align: center;
}

#nairon th {
	padding: 0 18px;
}

#nairon td {
	width: 160px;
	padding: 10px 0;
}

/*------------ 写真リスト ------------*/
.left_wp ul.left {
	padding-left: 20px;
}

.contents_box ul.right,
.contents_box_last ul.right {
	padding-right: 20px;
}

.left_wp ul.left li,
.contents_box ul.right li,
.contents_box_last ul.right li {
	padding-bottom: 20px;
}

/*------------ 住所 ------------*/
#main_contents ul#address_list {
	padding: 0 53px 20px 53px;
	line-height: 1.8;
}

img.right {
	padding-right: 20px;
}


/*------------ 歩み ------------*/
dl#history_list {
	width: 515px;
	padding-bottom: 20px;
	line-height: 1.8;
	float: left;
}

dl#history_list dt {
	width: 67px;
	padding-left: 53px;
	clear: both;
	float: left;
}

dl#history_list dd {
	width: 385px;
	margin-left: 120px;
}

/*------------ 右写真 ------------*/
.photo_right {
	padding-right: 55px;
	float: right;
}

/*------------ 製品の特徴 ------------*/
dl#characteristic_list {
	width: 653px;
	line-height: 1.8;
}

dl#characteristic_list dt {
	width: 145px;
	padding-left: 53px;
	font-weight: bolder;
	clear: both;
	float: left;
}

dl#characteristic_list dd {
	width: 450px;
	margin-left: 200px;
}

/*------------ メンテナンスサービス ------------*/
.sub_box ul#mente {
	padding: 5px 0 0 53px;
	font-size: 11px;
}

.sub_box #oteire {
	width: 530px;
	float: right;
}

/*------------ 本格バッグを、あなたの手で･･ ------------*/
.sub_box ul#honkaku li {
	padding-bottom: 5px;
	font-size: 14px;
}


/*------ リンク色（メインコンテンツ） ------*/
#main_contents a {
	color: #B8B8FF;
	text-decoration: none;
}

#main_contents a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#main_contents a:visited {
	color: #;
}

/*------ 色見本 ------*/
.outline {
	width: 450px;
	margin: 0 0 20px 20px;
	padding: 20px;
	border: #FFFFFF 2px solid;
}

h3.color_type {
	padding: 0 0 10px 0;
	color: #FFFFFF;
	font-size: 14px;
}

.outline .center {
	padding: 10px 0 0 0;
	color: #FFFFFF;
}

/*--material--*/

.material_box {
	padding:40px;
}

.mate_right div,
.mate_left div {
	text-indent:10px;
	margin:0 0 20px 0;
}

.mate_right {
	float:right;
	width:420px;
}

.mate_right2 {
	float:right;
	width:240px;
}

.mate_left_img {
	float:left;
	padding:0 10px 0 0;
}

.block {
	margin:0 0 20px 0;
	float:left;
}

.mate_ttl {
	font-size:14px;
	font-weight:bold;
}

.mate_table {
	margin:0 0 30px 50px;
}

.mate_table td {
	padding:0 0 10px 0;
}

.mate_table th {
	width:23%;
}

.center {
	text-align:center;
}

.mate_table2 {
	margin:20px 0 30px 0;
}

.mate_table2 th {
	text-align:center;
	padding:0 23px;
}

.mate_table3 {
	margin:0 0 30px 0;
}

.mate_table3 th {
	text-align:center;
	padding:20px 23px;
}

.mate_table4 {
	margin:0 0 30px 117px;
}

.mate_table4 th {
	text-align:center;
	padding:0 34px;
}

.mate_table4 td {
	text-align:center;
	padding:20px 34px;
}

.top40 {
	margin:40px 0 0 0;
}

.left_100 {
	padding:0 0 0 100px;
	margin:2px 0 20px 0;
	float:left;
}

.matettl2 {
	font-size:14px;
	font-weight:bold;
}

.top20 {
	padding-top: 20px;
}