﻿@charset "utf-8";

/* CSS Document */
* {
	margin:0;
	padding:0;
}

body {
	text-align:center;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333333;
			background:#FFFFFF url(../img/background.png) repeat-y center;

}

a { text-decoration:underline; }

a:link { color:#666666; }

a:visited { color:#FF0000; }

a:hover {
	text-decoration:none;
	color:#333333;
}

a:active {
	position:relative;
	top:1px;
}

img { border:none; }
/*mainLayOut*/
#container {
	width:850px;
	text-align:left;
	margin:0 auto;
	font-size:80%;
	padding-left:1px;
}
#container #main {
	margin:0px 10px 10px;
	line-height: 160%;
	letter-spacing: 0.1em;
	font-size: 0.9em;
}

/*header*/
#container #header {

	background: url(../img/header01.jpg) repeat-x;
	height:120px;
	padding-right:15px;

}

#container #header h1 a{
	text-decoration:none;
	line-height:50;
	display:block;
	width:584px;
	height:120px;
	overflow:hidden;
	margin:0 auto;
	float:right;
	background-image: url(http://www.twin-denim.net/img/h1_link.jpg);
	background-repeat: no-repeat;
}

#container #gNaviContainer {
	height:30px;
	background:url(../img/header02.jpg) repeat-x;
	width:850px;
	margin:0 auto;
}

#headline{
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	width:210px;
	padding-top:60px;
	padding-left: 20px;
	color: #000000;
}

/*navi*/

#gnavi {
	text-align: center;
	background-image:url(../img/header02.jpg);
	background-repeat:repeat-x;
	margin:0 auto;
	padding-left: 7px;
	height: 30px;
	letter-spacing: normal;
}

#gnavi li {
	display:inline;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:250%
}

#gnavi li a {
	height:30px;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	float:left;
	width:93px;
	background: url(../img/header02_a.jpg) repeat-x;
}

#gnavi li a:hover {
	background:url(../img/header02_hover.jpg) repeat-x;
}
#gnavi li a:active{
	background:url(../img/header02_act.jpg) repeat-x;
	color: #333333;
}
#youAre {
	display: block;
	background: url(../img/header02_act.jpg) repeat-x;
	height: 30px;
	width: 93px;
	color: #232323;
}

#back a{
	text-align:center;
	width: 200px;
	clear: both;
	margin: 2em auto;
	display: block;
	height: 30px;
	line-height: 30px;
	background: url(http://www.twin-denim.net/contact/img/btn_off.gif) no-repeat;
	color: #333333;
}

#back a:hover{
background:url(http://www.twin-denim.net/contact/img/btn_on.gif) no-repeat;
}
/*--float images--*/

.imgLeft{
	float:left;
	margin:1em;
}
.imgRight{
	float:right;
	margin:1em;
}

/*footer*/

#footer {
	border-top:#666666 solid 1px;
	text-align:center;
	width:100%;
	clear:both;
	margin-top: 1em;
}

#footer li {
	display:inline;
	padding-left:10px;
	width:25%;
	line-height:150%;
}

.toTop {
	text-align:right;
	margin-right: 15px;
}

* html #container{
padding-left:1px;}

.clear{clear:both;}
#direct{position:fixed; bottom:0px; right:0px; z-index:10}
