@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

 File name:      contents.css
 Author:         Ct[@ev[g
 Style Info:     Sy[W
----------------------------------------------------------- */


/*----------------------------------------------------
	Reset
----------------------------------------------------*/

/*html {
	overflow-y: scroll;
}*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption {
	text-align: left;
}

img {
	border: 0;
}

li {
	list-style-type: disc;
	list-style-position: inside;
}

p {
	margin-bottom: 1em;
}


/*----------------------------------------------------
	Base
----------------------------------------------------*/

body {
     background-color:#FFFFFF;
	 background-image:url(images/bodybg.gif);
	color: #333;
	font-size: smaller;
	line-height: 1.5;
}
html,body {
    height: 100%;
}

/*----------------------------------------------------
	Link
----------------------------------------------------*/

a:link {
	text-decoration: underline;
	color: #333;
}

a:visited {
	text-decoration: underline;
}

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

a:active {
	text-decoration: underline;
	color: #003399;
}


/*----------------------------------------------------
	ėpclass
----------------------------------------------------*/

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}
.clr {
    clear: both;
}

.fll { 
    float: left;
}

.flr {
    float: right;
}

.txtL {
    text-align: left;
}

.txtC {
    text-align: center;
}

.txtR {
    text-align: right;
}
.m0   {margin:0px!important;}
.p0   {padding:0px!important;}
.p10  {padding:10px;}
.pt10 {padding-top:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}

.p15  {padding:15px;}
.pt15 {padding-top:15px;}
.pr15 {padding-right:15px;}
.pb15 {padding-bottom:15px;}
.pl15 {padding-left:15px;}

.p20  {padding:20px;}
.pt20 {padding-top:20px;}
.pr20 {padding-right:20px;}
.pb20 {padding-bottom:20px;}
.pl20 {padding-left:20px;}

.p25  {padding:25px;}
.pt25 {padding-top:25px;}
.pr25 {padding-right:25px;}
.pb25 {padding-bottom:25px;}
.pl25 {padding-left:25px;}

.p30  {padding:30px;}
.pt30 {padding-top:30px;}
.pr30 {padding-right:30px;}
.pb30 {padding-bottom:30px;}
.pl30 {padding-left:30px;}

.p40  {padding:40px;}
.pt40 {padding-top:40px;}
.pr40 {padding-right:40px;}
.pb40 {padding-bottom:40px;}
.pl40 {padding-left:40px;}

.conts_box01{
	padding:3px 10px;
	}
.conts_box02{
	padding:10px 10px 0;
	}
.indent_icon{
	padding-left:13px;
	margin:0 0 5px 10px;
	background:url(images/all_icon_01.gif) no-repeat left 0.5em;
	width: 250px;
	;
	float: left;
	}
/*----------------------------------------------------
	#text
----------------------------------------------------*/

.chu01 {font-size: x-small;}
.aka {color: #FF0000;}


/*----------------------------------------------------
	#head
----------------------------------------------------*/

#head {
	width: 780px;
	border-bottom: 1px #CCC solid;
	background-color:#ECFCFF;
	background-image: url(images/bg.gif);
	background-repeat: repeat;
	}
#head h1{
	margin-top: 2px;
	padding-left: 2px;
	font-size: x-small;
	font-weight:normal;
	text-align: left;
	}
#head img{
	margin-top:2px;
	margin-bottom:2px;
	}

/*----------------------------------------------------
	#foot
----------------------------------------------------*/

#cr {
	clear: both;
	padding: 5px;
	background-color:#DDE8FF;
	text-align: center;
	color:#000000;
	font-size: x-small;
	background-image: url(images/bg.gif);
	background-repeat: repeat;
	line-height:170%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3399FF;
}
#foot {
    text-align: right;
	padding: 5px;
	font-size: x-small;
	background-color:#FFFFFF;
}


/*----------------------------------------------------
	#Gnavi
----------------------------------------------------*/

#Gnavi {
	width: 780px;
	height: 35px;
	background:url(images/gnavi.jpg) no-repeat;
	padding: 0;
	margin-left: 0;
}
#Gnavi li {
	float: left;
	padding: 0;
	display: inline;
	list-style-type: none;
	height: 32px;
}
#Gnavi li a{
	display: block;
	height:35px;
	text-indent: -9877em;
	text-decoration: none;
	overflow: hidden;
	margin: 0;
}
#index-Gnavi01,#index-Gnavi01 a {width:113px;}
#index-Gnavi02,#index-Gnavi02 a {width:190px;}
#index-Gnavi03,#index-Gnavi03 a {width:160px;}
#index-Gnavi04,#index-Gnavi04 a {width:152px;}
#index-Gnavi05,#index-Gnavi05 a {width:163px;}

#index-Gnavi01 a:hover {background:url(images/gnavi.jpg) 0px -35px no-repeat;}
#index-Gnavi02 a:hover {background:url(images/gnavi.jpg) -113px -35px no-repeat;}
#index-Gnavi03 a:hover {background:url(images/gnavi.jpg) -303px -35px no-repeat;}
#index-Gnavi04 a:hover {background:url(images/gnavi.jpg) -463px -35px no-repeat;}
#index-Gnavi05 a:hover {background:url(images/gnavi.jpg) -615px -35px no-repeat;}

#Gnavi:after {
	content: "";
	display: block;
	clear: both;
}
/*#Gnavi-157 {
    width: 155px!important;
}*/

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#wrap {
	width: 780px;
	overflow: auto;
	background:url(images/bg.gif) #FFFFFF repeat;
	margin:0 auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #6699FF;
	border-left-color: #6699FF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6699FF;

}
#topImg {
	width:770px;
	margin: 0;
	padding: 0;
	height: 279px; /* 摜̍ */
	background-color: #FFFFFF;
}

#contents {
	width: 780px;
	margin: 0;
	padding: 0px;
	padding-bottom: 20px;
	background-color: #FFF;
	background-image:url(images/wrapbg.jpg);
	overflow: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3399FF;
	background-repeat: no-repeat;
}
#mainarea{
	width:750px;
	margin:15px;
	padding:0px;
	
	}

/*----------------------------------------------------
	0#TOP
----------------------------------------------------*/
#newsarea{
	width:307px;
	background:#FFF4F4;
	border:1px solid #FF99CC;
	margin-left:5px;
	
	}
#newsarea table{
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	}
#infoarea{
	float:right;
	margin-right:7px;
	margin-top:0px;
	width:447px;
	background-color:#FFF4F4;
	border:1px solid #FF99CC;
	clear: both;
	}
#infoarea p{
	padding:10px;
	}

.infotab{
	margin-right:7px;
	margin-top:10px;
	float:right;
	width:449px;
	clear: both;
	height: 31px;
	background-image: url(images/0_info.gif);
	background-position: bottom;
	background-repeat: no-repeat;

	}
.infotab h2{
	text-indent:-9998px;
	}

.newstab{
	margin-top:10px!important;
	margin-left:5px;
	width:309px;
	background-image: url(images/0_news.gif);
	height: 31px;
	background-repeat: no-repeat;
	background-position: bottom;
}
.newstab h2{
	text-indent:-9998px;
	}
/*----------------------------------------------------
	2#ＯＥＭ
----------------------------------------------------*/
.saletxt{
	font-size:medium;
	color:#333333;
	}
.oemarea{
	border:#FF6699 solid 1px;
	background:#FFF4F4;
	padding:15px;
	margin-top:0px;
	margin-bottom:20px;
	line-height:170%;
	}
.oemarea h2{
	text-indent:-9998px;
	}
.tabarea2_1{
	margin-top: 0px;
	padding:0px;
	background-image:url(images/2_naiyou.gif);
	height:34px;
	text-indent:-9998px;
	background-repeat: no-repeat;
	background-position: bottom;
	}
.tabarea2_2{
	margin-top: 0px;
	padding:0px;
	height:34px;
	background-image: url(images/2_oem.gif);
	text-indent:-9998px;
	background-repeat: no-repeat;
	background-position: bottom;
		}
.tabarea2_3{
	margin-top: 0px;
	padding:0px;
	background-image:url(images/2_koutei.gif);
	height:34px;
	text-indent:-9998px;
	background-repeat: no-repeat;
	background-position: bottom;
	}
/*----------------------------------------------------
	3#商品
----------------------------------------------------*/
#maegakiarea{
	border:#FF6699 solid 1px;
	background:#FFF4F4;
	padding:15px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:20px;
	line-height:170%;
	clear: both;
	}
.original{
	font-size:medium;
	padding-top:5px;
	}
.tabarea{
	margin-top: 0px;
	padding:0px;
	}
#shoesarea{
	width:710px;
	clear:both;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;

	}
#shoesarea h2{
	color:#FF6699;
	font-weight:normal;
	}
.shoeslist{
	width:650px;
	_width:640px;
	padding:15px;
	clear:both;
	background-color: #FFF4F4;
	margin-bottom: 15px;
	border:#FF99CC 1px solid;

	}
div.shoeslist:after {/*Firefox*/
  content : "";
  display : block;
  height : 0;
  clear : both;
} 
/*-----------blue---------
.shoeslist2{
	width:650px;
	_width:640px;
	padding:15px;
	clear:both;
	background-color: #F4F7FF;
	margin-bottom: 15px;
	border:#3399FF 1px solid;
	}
div.shoeslist2:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
} 

.datatbl2{
	background-color:#FFFFFF;
	border:#3399FF 1px solid;
	padding:2px;
	}
.datatbl2 tr{
	padding:2px;

	}		
.datatbl2 td{
	padding:2px;
	border-bottom:dotted #3399FF 1px;
	}
.datatbl2 th{
	font-weight:normal;
	background-color:#E8EEFF;
	text-align:right;
	padding-right:5px;
	padding-left:5px;
	border-bottom:dotted #3399FF 1px;
	white-space:nowrap;
	}
-----------blue---------*/
.photoarea{
	width:300px;
	margin:10px;
	padding:0;
	float:left;
	display: inline;
	}	
.dataarea{
	width:300px;
	margin:10px;
	padding:0;
	float:left;
	display: inline;
	}	
.datatbl{
	background-color:#FFFFFF;
	border:#FF99CC 1px solid;
	padding:2px;
	}
.datatbl tr{
	padding:2px;

	}		
.datatbl td{
	padding:2px;
	border-bottom:dotted #FF6699 1px;
	}
.datatbl th{
	font-weight:normal;
	background:#FDEEEE;
	text-align:right;
	padding-right:5px;
	padding-left:5px;
	border-bottom:dotted #FF6699 1px;
	white-space:nowrap;

	}
#totop{
	width:700px;
	clear:both;
	text-align:right;
	padding:5px;
	padding-right:15px;
	}
#totop_b{
	width:670px;
	clear:both;
	text-align:right;
	}	
#totop a{
	color:#003399;
	text-decoration:underline;
	}
#totop b{
	color:#003399;
	text-decoration:underline;
	}	
.tabarea3{
	margin-top: 0px;
	padding:0px;
	background-image:url(images/2_kousei.gif);
	height:34px;
	text-indent:-9998px;
	background-repeat: no-repeat;
	background-position: bottom;
	}
#info_list{
	padding:10px;
	margin:0;
		}
	
#info_list ul{
	padding:0;
	margin:0;
	}
#info_list li{
	margin:0;
	text-indent:-1em;
	padding-left:1em;
	}
.subtit{
	clear:both;
	padding:10px 0;
	}
/*----------------------------------------------------
	4#会社紹介
----------------------------------------------------*/
#companyarea{
	width:710px;
	padding:15px;
	clear:both;
	}
/*-------------------*/
.company-tbl {
	border-collapse: collapse;
	margin-top: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF6699;
	border-bottom-color: #FF6699;
}
.company-tbl th {
	background-color: #FFE6E6;
	text-align: left;
	font-weight: normal;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6699;
}
.company-tbl td {
	padding: 5px 10px;
	background-color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6699;
}
/*-------------------*/
#companyarea h2{
	color:#FF6666;
	font-weight:normal;
	}
#aisatuarea{
	border:#FF6699 solid 1px;
	background:#FFF4F4 url(images/3_name.gif) bottom right no-repeat;
	padding:15px;
	margin-top:0px;
	margin-bottom:20px;
	_margin-bottom:60px;

	line-height:170%;
	}
	
*:first-child+html #aisatuarea { margin-bottom:60px; }
	
#dataarea{
	border:#FF6699 solid 1px;	
	background:#FFF4F4;	
	padding:15px;
	margin-top:0px;
	margin-bottom:20px;
	line-height:170%;
}	
.tabarea3_1{
	margin-top: 0px;
	padding:0px;
	background-image:url(images/3_aisatu.gif);
	height:34px;
	text-indent:-9998px;
	background-repeat: no-repeat;
	background-position: bottom;
	}
.tabarea3_2{
	margin-top: 0px;

	padding:0px;
	background-image:url(images/3_gaiyou.gif);
	height:34px;
	text-indent:-9998px;
	background-repeat: no-repeat;
	background-position: bottom;
	}
	
/*----------------------------------------------------
	5#pp,sp
----------------------------------------------------*/
#ppsp h2{
	clear:both;
	font-weight:normal;
	font-size:medium;
	margin-top:5px;
	margin-bottom:5px;
	color:#FF6666;
	}
#ppsp h3{
	clear:both;
	font-weight:bold;
	font-size:medium;

	margin-top:10px;
	margin-bottom:5px;
	padding-left:10px;
	border-bottom:#FF6666 2px solid;
	}
.txt{
	padding:5px 15px;
	}

/*----------------------------------------------------
	#6contact
----------------------------------------------------*/
#mailtbl th{
	background-color:#FFF4F4;
	padding-right:10px;
	white-space: nowrap;
	}
	

#mailarea{
	border:#FF6699 solid 1px;
	background:#FFF4F4;
	padding:15px;
	margin-top:0px;
	margin-bottom:20px;
	line-height:170%;
	}
#mailtbl {
	border: 1px dotted #FF6666;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-right: 15px;
	width: 440px;

		}
		
.tabarea4{
	margin-top: 0px;
	padding:0px;
	background-image:url(images/4_mail.gif);
	height:34px;
	text-indent:-9998px;
	background-repeat: no-repeat;
	background-position: bottom;
	}
textarea {
width: 80%;

}

#formall{
	margin: auto;
	}
/*----------------------------------------------------
	#flash
----------------------------------------------------*/
/*----------------------------------------------------
	pannavi
----------------------------------------------------*/

#panN {
    width: auto;
	padding: 3px 0 3px 5px;
	text-align: left;
	float: left;
	clear:both;
}
#panN a {
	margin-right: 5px;
	padding-right: 10px;
	background: url(images/icn_pan.gif) right no-repeat;

	text-decoration: underline;
}


/*----------------------------------------------------
	#menu
----------------------------------------------------*/


/*----------------------------------------------------
	#topics
----------------------------------------------------*/


/*----------------------------------------------------
	#adress
----------------------------------------------------*/

#adress {
	padding-top: 15px;
	padding-left:30px;
}


/*----------------------------------------------------
	icon
----------------------------------------------------*/


/*----------------------------------------------------
	table
----------------------------------------------------*/

/*----------------------------------------------------
	list
----------------------------------------------------*/


/*----------------------------------------------------
	other
----------------------------------------------------*/