@charset"euc-jp";

/* ---------------------------------------------------------
　デフォルトリセット
--------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form, map,
strong {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.5;
	border: none;
	list-style-type: none;
}

strong {
	font-weight: bold;
}

/* ---------------------------------------------------------
　テキストリンク
--------------------------------------------------------- */
a:link    { color: #0066FF; text-decoration: none; }
a:visited { color: #0066FF; text-decoration: none; }
a:hover   { color: #0066FF; text-decoration: underline; }
a:active  { color: #E74077; text-decoration: underline; }

.link2 p a:link    { color: #000000; text-decoration: none; }
.link2 p a:visited { color: #000000; text-decoration: none; }
.link2 p a:hover   { color: #000000; text-decoration: none; }
.link2 p a:active  { color: #000000; text-decoration: none; }

/* ---------------------------------------------------------
　floatクリア
--------------------------------------------------------- */
span.clear {
	height: 1px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	display: block;
	clear: both;
}

/* ---------------------------------------------------------
　画像ロールオーバー
--------------------------------------------------------- */
img.rollover {
}



/* ---------------------------------------------------------
　画像ぴこっとなるやつ
--------------------------------------------------------- */

a.btn:hover{
position:relative;top:1px;left:1px;
}

a.btn:hover img{
	filter: alpha(opacity=80);
}


/* ---------------------------------------------------------
　レイアウトベース
--------------------------------------------------------- */
body {
	margin:0px;
	padding:0px;
	text-align: center;
	background-color:#FFFFFF;
	font-size:12px;
}


#wrapper {
	width:866px;
	margin:0 auto 10px;
	text-align:left;
	border-right: solid #BFBFBF 1px;
	border-bottom: solid #BFBFBF 1px;
	border-left: solid #BFBFBF 1px;
	background:url(/common/img/img01.jpg) no-repeat 2px 84px;

}

h1 {
	width:856px;
	height: 52px;
	margin: 20px auto 0;
	padding-left:10px;
	border-top: solid #BFBFBF 1px;
	border-right: solid #BFBFBF 1px;
	border-left: solid #BFBFBF 1px;
	text-align: left;
}

#footer {
	width:856px;
	margin: 5px auto 15px;
	text-align: left;
}

.greeting {
	margin-bottom: 264px;
}

/* ---------------------------------------------------------
　header
--------------------------------------------------------- */
#header {
	width:866px;
	height:150px;
}

#mainNav {
	position: absolute;
	top: 36px;
	width:866px;
}


.top_menu {
	width:80px;
	height:22px;
	margin-left:15px;
	padding-top:3px;
	text-align:center;
	background-color:#666666;
	color:#FFFFFF;
	display:block;
}

.top_menu a:link    { color: #FFFFFF; text-decoration: underline; }
.top_menu a:visited { color: #FFFFFF; text-decoration: none; }
.top_menu a:hover   { color: #FFFFFF; text-decoration: underline; }
.top_menu a:active  { color: #FFFFFF; text-decoration: underline; }



.top_menu2 {
	width:100px;
	height:22px;
	padding-top:3px;
	text-align:center;
	background-color:#FF0000;
	color:#FFFFFF;
	display:block;
}


.list {
	float:left;
	width:215px;
	border:#666666 solid 2px;
	padding-left:15px;
	margin-left:15px;
}

.kaitori_area {
	width:550px;
	border:#666666 solid 4px;
	float:left;
	margin-left:20px;
	padding:10px;
	
}

.tejyun_area {
	width:550px;
	float:left;
	margin-left:20px;
	padding:10px;
}

.what_buy_area {
	width:550px;
	float:left;
	margin-left:20px;
	padding:10px;
}

.buy_item {
	width:560px;
	border-top:#666666 solid 2px;
	border-bottom:#666666 solid 2px;
	background:url(../img/buy_item02.jpg) 0 0 no-repeat;
	height:665px;
}

.what_buy_box1 {
	width:533px;
	float:left;
	border:#666666 solid 2px;
	background:url(../img/what_buy01.jpg) 0 0 no-repeat;
	height:665px;
}

.what_buy_box2 {
	width:729px;
	border:#666666 solid 2px;
	background:url(../img/what_buy02.jpg) 0 0 no-repeat;
	height:295px;
	margin:0 auto 20px auto;
	padding:15px;
}

.step {
	border:#999999 solid 1px;
	font-size:26px;
	font-weight:bold;
	padding:5px;
}

.detail_bg {
	background:url(../img/detail03.jpg) 0 0 no-repeat;
	width:766px;
	font-size:18px;
	padding:15px;
}

.other_area {
	background:url(../img/other_area02.jpg) 0 0 no-repeat;
	width:594px;
	height:525px;
}

.u_kagu01 {
	width:564px;
	height:103px;
	background:url(../img/u_kagu01.jpg) 0 0 no-repeat;
	margin:15px 0;
}

.u_kagu02 {
	width:781px;
	background:url(../img/u_kagu03.jpg) 0 0 no-repeat;
	margin:15px 0;
}

.o_kagu01 {
	width:564px;
	height:103px;
	background:url(../img/o_kagu01.jpg) 0 0 no-repeat;
	margin:15px 0;
}

.o_kagu02 {
	width:781px;
	height:156px;
	background:url(../img/o_kagu04.jpg) 0 0 no-repeat;
	margin:15px 0;
}

.o_kagu03 {
	width:398px;
	height:453px;
	background:url(../img/o_kagu06.jpg) 0 0 no-repeat;
	margin:0 15px ;
}

.a_kagu {
	width:411px;
	height:634px;
	margin:0 auto;
	background:url(../img/a_kagu02.jpg) 0 0 no-repeat;
	font-size:22px;
}

.iten01 {
	width:564px;
	height:103px;
	background:url(../img/iten01.jpg) 0 0 no-repeat;
	margin:15px 0;
}

.iten02 {
	width:781px;
	height:156px;
	background:url(../img/iten04.jpg) 0 0 no-repeat;
	margin:15px 0;
}

.chubo01 {
	background:url(../img/chubo01.jpg) 0 0 no-repeat;
	width:564px;
	height:103px;
}

.chubo02 {
	background:url(../img/chubo04.jpg) 0 0 no-repeat;
	width:781px;
	height:156px;
}

.chubo03 {
	background:url(../img/chubo05.jpg) 0 0 no-repeat;
	width:781px;
	height:163px;
}

.syoumei01 {
	background:url(../img/syoumei01.jpg) 0 0 no-repeat;
	width:570px;
	height:275px;
}

.syoumei02 {
	background:url(../img/syoumei04.jpg) 0 0 no-repeat;
	width:781px;
	height:163px;
}

.kougu01 {
	background:url(../img/kougu01.jpg) 0 0 no-repeat;
	width:547px;
	height:355px;
}

.audio01 {
	background:url(../img/audio01.jpg) 0 0 no-repeat;
	width:548px;
	height:176px;
}

.brand01{
	background:url(../img/brand01.jpg) 0 0 no-repeat;
	width:548px;
	height:176px;
}

.kaden01{
	background:url(../img/kaden02.jpg) 0 0 no-repeat;
	width:552px;
	height:183px;
}

.kaden02{
	background:url(../img/kaden07.jpg) 0 0 no-repeat;
	width:552px;
}

.tousan02 {
	background:url(../img/tousan02.jpg) 0 0 no-repeat;
	width:781px;
	height:156px;
}

.brand_dress01 {
	background:url(../img/brand_dress01.jpg) bottom no-repeat;
	width:571px;
	height:507px;
}

.brand_dress02 {
	background:url(../img/brand_dress04.jpg) 0 0 no-repeat;
	width:709px;
	height:353px;
	padding:15px;
}

.otherArea {
	position: absolute;
	top: 139px;
	width: 300px;
	margin-left: 566px;
	text-align: right;
}

.otherArea2 {
	position: absolute;
	top: 130px;
	width: 850px;
	margin-left: 8px;
	line-height: 100%;
	text-align: right;
	font-size: 18px !important;
}

.otherArea2 img {
	vertical-align: -8px;
}

/* ---------------------------------------------------------
　main
--------------------------------------------------------- */

#mainBlock {
	float: right;
	width: 580px;
	margin-right: 17px;
}

* html #mainBlock {
	margin-right: 8px;
}

.bg_img2 {
	width:859px;
	height:234px;
	background:url(../img/img02.jpg) 0 0 no-repeat;
}

.list_table td {
	padding-left:20px;
	
}

.list_table p {
	display:inline;
	border-bottom:2px solid #497498;
}

.time_title {
	background:url(../img/time01.jpg) 0 0 no-repeat;
	width:570px;
	height:51px;
	margin:0 auto;
}

.time_text {
	background:url(../img/time03.jpg) 0 0 no-repeat;
	width:550px;
	height:156px;
}

.company {
	background:url(../img/company01.jpg) 0 0 no-repeat;
	width:525px;
	height:327px;
	padding:30px 10px 0 20px;
}

.eco {
	background:url(../img/eco01.jpg) 0 0 no-repeat;
	width:569px;
	height:130px;
	margin:20px 0;
}

#area {
	width: 858px;
	margin-left: 5px;
}

#sitemap1 td{
	background: transparent;
}

.greeting2 {
	margin-left: 15px;
}


/* ---------------------------------------------------------
　ul ol li dl dd dt
--------------------------------------------------------- */
ul.menu {
}

ul.menu li {
	display:inline;
}

/************************************/
ul.top_menu {
	width:190px;
	margin:5px 0 0 2px;
	
}
ul.top_menu li {
	border-bottom: 1px solid #dddddd;
}
ul.top_menu a {
	padding:8px 5px;
	display: block;
	width: 170px;
	padding-left:20px;
	color: #333333 !important;
	text-decoration: none;
}
ul.top_menu a:hover {
	color: #FFFFFF !important; 
	text-decoration: none;
	background-color:#009900;
}
/************************************/

ul.list_other li {
	line-height:3.0
}

ul.list_other2 li {
	line-height:2.0
}

ul.list_other3 li {
	line-height:1.5
}

ul.list_other3 li img {
	height:20px;
	width:25px;
}

#logo {
	position: absolute;
	top: 160px;
	display: block;
	width: 550px;
	height: 60px;
}

#logo a {
	display: block;
	width: 550px;
	height: 60px;
	text-indent: -10000px;
}

#footer #links {
	border-top: 1px solid #dddddd;
	list-style: none;
	margin: 15px 0 5px 0;
	padding: 15px 0 0 0;
}

#footer #links li {
	display: inline;
	padding-left: 0;
	font-size: 11px;
}


/* ---------------------------------------------------------
　table th tr td
--------------------------------------------------------- */

.lined_table{
	border-collapse:collapse;
	margin:20px auto;
}

.lined_table tr td, table.lined_table tr th{
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-collapse:collapse;
	padding:0.3em;
}

.lined_table tr th{
	background-color:#dae2e9;
	font-weight:normal;
	text-align:center;
}

.menu_table {margin-top:10px;border-top:solid #BFBFBF 1px;border-bottom:solid #BFBFBF 1px;border-collapse:collapse;}

.table_border td {border:#666666 solid 1px;}

.table_company td {	padding:15px 5px;border-bottom:#666666 solid 1px;}

.table_other_area td {padding:5px 0;}

.table_eco {border:solid 1px #666666; margin-top:15px;}
.table_eco td {padding:10px;}
.table_eco th {padding:10px; font-size:16px; color:#FF0000; text-align:left;}