@charset "shift_jis";

/*  アパレルクリックの CSS スタイルシート */

	A:link    { COLOR: #797680; TEXT-DECORATION: underline }
	A:visited { COLOR: #797680; TEXT-DECORATION: underline }
	A:hover   { COLOR: #CC3366; TEXT-DECORATION: underline }
	.TopHdLine01 {
		 line-height: 60%;
		 padding: 0em 1em;
		 vertical-align: middle;
	}

/*--Default--------------------------------------------------------------*/
*{
margin:0;
padding:0;
font-size:100%;
}

img{
margin:0;
padding:0px;
border:0;
vertical-align:bottom;
}

ul,ol{
list-style-type:none;
}

h1,h2,h3,h4,h5{
margin:0;
padding:0;
clear:both;
}

span{
font-weight:bold;
}

body{
font-size:80%;
line-height:1.5;
color:#444444;
margin:0px;
padding:0px;
text-align:center;
background:#f0eddc;
}

a{
color:#2D549F;
outline:0;
}
a:hover{
color:#2D549F;
text-decoration:none;
}

blockquote{
line-height:1.5;
}

#bgbox{
width:828px;
background:url(Image/bodyback.gif) repeat-y;
text-align:center;
margin:0 auto;
}

#allcontents{
width:800px;
margin:0 auto;
text-align:center;
}

#middlecontents{
width:780px;
margin:0 auto 0px auto !important;
margin:0 auto 0px auto;
padding:0 0 20px 0 !important;
padding:0 0 0 0;
}

.baseTxt{
padding:0 15px;
margin:0 0 7px 0;
}
.baseUTxt{
padding:0 15px;
margin:0 0 30px 0;
}
.baseCTxt{
padding:0 15px;
margin:0 0 7px 0;
text-align:center;
}

.basePhoto{
width:580px;
margin:0 0 20px 0;
}
.textPhoto{
float:left;
width:300px;
}
.basePhoto img{
float:right;
margin:0 15px 20px 0 !important;
margin:0 15px 0 0;
}

.marginT10{
margin:10px 0 0 0;
}
.marginB20{
margin:0 0 20px 0;
}


.pankuzu{
font-size:80%;
text-align:right;
margin:0 5px 5px 0;
padding:0;
}
.pagetop{
text-align:right;
margin:0 0 20px;
padding:0 10px 0 0;
clear:both;
}

/*--head--------------------------------------------------------------*/
#headcontents{
width:800px;
margin:0 0 10px 0;
background:url(Image/headerlogo.jpg) no-repeat;
border-bottom:5px solid #ff9934;
}


/**/
#topTitle{
float:right;
width:450px;
margin:0 10px 0 0 !important;
margin:0 3px 0 0;
}
h1{
font-weight:normal;
}
#topTitle h1{
float:left;
margin:0 0px 0 0;
}
#topTitle img{
float:right;
}
#topTitle02{
float:left;
width:300px;
text-align:left;
}
h2{
margin:24px 0 0 27px;
width:215px;
height:57px;
text-indent:-9999px;
}
h2 a{
display:block;
width:100%;
height:100%;
outline:0;
}

/**/
#topBN{
clear:both;
width:800px;
border-bottom:8px solid #e9e9e9;
}
#topnavi{
width:800px;
height:25px;
text-align:right;
margin:0 0px 0 0;
padding:0;
}

#topnavi li{
width:85px;
height:25px;
float:right;
margin:0 2px 0 0;
background:#FF0000;
text-indent:-9999px;
text-align:left;
}
#topnavi li.topD{
width:85px;
height:25px;
float:right;
margin:0 10px 0 0 !important;
margin:0 5px 0 0 !important;
background:#FF0000;
text-indent:-9999px;
text-align:left;
}

#topnavi li a{
outline:0;
display:block;
width:100%;
height:100%;
}
.topA a{
background:url(Image/navi2.gif) no-repeat;
}
.topA a:hover{
background:url(Image/navi2.gif) no-repeat 0 -27px;
}
.topB a{
background:url(Image/navi2.gif) no-repeat -97px 0;
}
.topB a:hover{
background:url(Image/navi2.gif) no-repeat -97px -27px;
}
.topC a{
background:url(Image/navi2.gif) no-repeat -194px 0;
}
.topC a:hover{
background:url(Image/navi2.gif) no-repeat -194px -27px;
}
.topD a{
background:url(Image/navi2.gif) no-repeat -291px 0;
}
.topD a:hover{
background:url(Image/navi2.gif) no-repeat -291px -27px;
}







/*--main--------------------------------------------------------------*/
#maincontents{
width:580px;
float:right;
text-align:left;
}

h3{
margin:0 0 15px 0;
}

/**/
#topBM{
width:580px;
background:url(Image/maincontentsback.gif) repeat-y;
margin:0 0 20px 0;
}
#topBM img{
clear:both;
}
#naviConte{
width:568px;
margin:0 6px;
}
#naviConte li{
width:185px;
height:52px;
float:left;
text-indent:-9999px;
}
#naviConte li a{
display:block;
width:100%;
height:100%;
}
.conteA,.conteB,.conteC{
margin:0 0 8px 0;
}
.conteA,.conteB,.conteD,.conteE{
margin-right:6px;
}
.conteA a{
background:url(Image/naviCnte.gif) no-repeat;
}
.conteA a:hover{
background:url(Image/naviCnte.gif) no-repeat 0 -52px;
}
.conteB a{
background:url(Image/naviCnte.gif) no-repeat -185px 0;
}
.conteB a:hover{
background:url(Image/naviCnte.gif) no-repeat -185px -52px;
}
.conteC a{
background:url(Image/naviCnte.gif) no-repeat -370px 0;
}
.conteC a:hover{
background:url(Image/naviCnte.gif) no-repeat -370px -52px;
}
.conteD a{
background:url(Image/naviCnte.gif) no-repeat 0 -104px;
}
.conteD a:hover{
background:url(Image/naviCnte.gif) no-repeat 0 -156px;
}
.conteE a{
background:url(Image/naviCnte.gif) no-repeat -185px -104px;
}
.conteE a:hover{
background:url(Image/naviCnte.gif) no-repeat -185px -156px;
}
.conteF a{
background:url(Image/naviCnte.gif) no-repeat -370px -104px;
}
.conteF a:hover{
background:url(Image/naviCnte.gif) no-repeat -370px -156px;
}


/**/
#topBK{
width:580px;
text-align:center;
background:url(Image/kyujinback_cmpny.gif) repeat-y;
margin:0 0 20px 0;
}
#topBK:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
#topBK a{
color:#66501c;
}
#topBK img{
clear:both;
}
#kyuAB{
width:549px;
margin:0 0 0 0;
}
.kyuA{
width:326px;
float:none;
background:url(Image/shokushu_Cmpny.gif) repeat-y;
text-align:left;
font-size: xx-small;
}
.kyuA .naviKyu{
width:326px;
}
.kyuA .naviKyu li{
width:163px;
padding:0 0 0 0;
float:left;
text-align:left;
font-size: xx-small;
}

.kyuB{
width:216px;
float:right;
background:url(Image/areaback_Cmpny.gif) repeat-y;
}
.kyuB .naviKyu{
width:216px;
}
.kyuB .naviKyu li{
width:108px;
float:left;
text-align:left;
font-size: xx-small;
}

.kyuC{
width:549px;
float:left;
text-align:left;
background:url(Image/tukaikataback.gif) repeat-y;
}
.kyuC .naviKyu{
width:549px;
}
.kyuC .naviKyu li{
width:163px;
float:left;
text-align:left;
font-size: xx-small;
}

.kyuA a,.kyuB a{
display:block;
padding:5px 0px 5px 14px;
background:url(Image/naviLlist_mini_Cmpny.gif) no-repeat 7px 7px;
}

#kyuCin{
width:530px;
text-align:left;
line-height:1.4;
margin:0 0 0 10px;
}

/*--left--------------------------------------------------------------*/
#leftcontents{
width:192px;
float:left;
text-align:left;
}


/**/
#naviL01{
width:192px;
margin:0 0 10px 0;
}
#naviL01 li{
width:192px;
height:67px;
text-indent:-9999px;
}
.navijob{
margin:0 0 6px 0;
}
.navijob a{
display:block;
width:100%;
height:100%;
background:url(Image/naviL01.jpg) no-repeat 0 0;
}
.navijob a:hover{
background:url(Image/naviL01.jpg) no-repeat -192px 0;
}
.naviskauto a{
display:block;
width:100%;
height:100%;
background:url(Image/naviL01.jpg) no-repeat 0 -74px;
}
.naviskauto a:hover{
background:url(Image/naviL01.jpg) no-repeat -192px -74px;
}

#leftcontentsin{
width:175px;
text-align:left;
line-height:1.4;
margin:0 0 0 10px;
}

/**/
#naviMain{
width:190px;
background:url(Image/naviLback01_Cmpny.jpg) repeat-y;
}
.naviMt{
width:190px;
border-bottom:1px dotted #e5e5e5;
}
.naviMt a,.naviMt2 a{
display:block;
height:2em;
padding:10px 10px 0px 25px;
text-decoration:none;
background:url(Image/naviLlist_Cmpny.gif) no-repeat 10px 14px;
}
.naviMt a:hover,.naviMt2 a:hover{
text-decoration:underline;
}
.naviMt2{
width:190px;
}

#naviMain2{
width:385px;
float:left;
margin:0px 0 0 0;
background:url(Image/kenkyuuusyo_ryoukinkeitai_back.gif) repeat-y;
}

#naviMain2in{
width:350px;
text-align:left;
line-height:1.4;
margin:0 0 0 10;
}

#naviMain3{
width:385px;
float:right;
margin:0px 0 0 0;
background:url(Image/kenkyuuusyo_ryoukinkeitai_back.gif) repeat-y;
}

#naviMain3in{
width:350px;
text-align:left;
line-height:1.4;
margin:0 0 0 0;
}

#naviMain4{
width:700px;
line-height:1.4;
}

/**/
#naviOra{
width:190px;
margin:0 0 10px 0;
}
#naviOra li{
width:190px;
height:33px;
text-indent:-9999px;
margin:0 0 3px 0;
}
.naviO01 a,.naviO02 a,.naviO03 a,.naviO04 a{
display:block;
width:100%;
height:100%;
}
.naviO01 a{
background:url(Image/naviO.jpg) no-repeat 0 0;
}
.naviO01 a:hover{
background:url(Image/naviO.jpg) no-repeat -190px 0;
}
.naviO02 a{
background:url(Image/naviO.jpg) no-repeat 0 -36px;
}
.naviO02 a:hover{
background:url(Image/naviO.jpg) no-repeat -190px -36px;
}
.naviO03 a{
background:url(Image/naviO.jpg) no-repeat 0 -72px;
}
.naviO03 a:hover{
background:url(Image/naviO.jpg) no-repeat -190px -72px;
}
.naviO04 a{
background:url(Image/naviO.jpg) no-repeat 0 -108px;
}
.naviO04 a:hover{
background:url(Image/naviO.jpg) no-repeat -190px -108px;
}


/**/
#naviBan{
width:190px;
}
#naviBan li{
text-indent:-9999px;
}
.naviBco{
width:190px;
height:60px;
margin:0 0 5px 0;
}
.naviBco a{
display:block;
width:100%;
height:100%;
background:url(Image/leftbanner01.jpg) no-repeat;
}
.naviBco a:hover{
background:url(Image/leftbanner01.jpg) no-repeat -190px 0;
}
.naviBapa{
width:190px;
height:70px;
}
.naviBapa a{
display:block;
width:100%;
height:100%;
background:url(Image/leftbanner02.jpg) no-repeat;
}
.naviBapa a:hover{
background:url(Image/leftbanner02.jpg) no-repeat -190px 0;
}



/*--foot--------------------------------------------------------------*/
#footcontents{
width:800px;
clear:both;
text-align:center;
font-size:80%;
padding:30px 0 0 0;
}

#footnavi{
margin:0 auto 10px auto;
padding:10px 40px 0 40px;
border-top:1px solid #cccccc;
}

#footnavi a{
padding:0;
margin:0 5px 0 0;
}

#copyRig{
color:#ffffff;
clear:both;
background:#c5c5c5;
padding:5px 0;
}

/*--topBtn--------------------------------------------------------------*/
#topBtn{
width:800px;
height:35px;
clear:both;
border-bottom:1px solid #cccccc;
}

/*--kasou P02--------------------------------------------------------------*/
#kasouBM{
width:580px;
background:url(Image/maincontentsback.gif) repeat-y;
margin:0 0 20px 0;
padding:0;
text-align:center;
clear:both;
}
#kasouBM img.topI{
clear:both;
vertical-align:top;
}
#kasouBM img.underI{
clear:both;
vertical-align:bottom;
}
#navikasou{
width:560px;
margin:0 auto !important;
margin:0;
}
#kasouBM #navikasou li{
width:275px;
height:52px;
text-indent:-9999px;
float:left;
}
#kasouBM #navikasou li a{
display:block;
width:100%;
height:100%;
}
#kasouBM .conteA,#kasouBM .conteB,#kasouBM .conteC,#kasouBM .conteD{
margin:0;
}
#kasouBM .conteA,#kasouBM .conteC{
margin-right:10px;
}
#kasouBM .conteA,#kasouBM .conteB{
margin-bottom:8px;
}
#kasouBM .conteA a{
background:url(Image/naviCnte2.gif) no-repeat;
}
#kasouBM .conteA a:hover{
background:url(Image/naviCnte2.gif) no-repeat 0 -52px;
}
#kasouBM .conteB a{
background:url(Image/naviCnte2.gif) no-repeat -285px 0;
}
#kasouBM .conteB a:hover{
background:url(Image/naviCnte2.gif) no-repeat -285px -52px;
}
#kasouBM .conteC a{
background:url(Image/naviCnte2.gif) no-repeat 0 -104px;
}
#kasouBM .conteC a:hover{
background:url(Image/naviCnte2.gif) no-repeat 0 -156px;
}
#kasouBM .conteD a{
background:url(Image/naviCnte2.gif) no-repeat -285px -104px;
}
#kasouBM .conteD a:hover{
background:url(Image/naviCnte2.gif) no-repeat -285px -156px;
}


/*--kasou P03--------------------------------------------------------------*/
.decoBB{
text-align:center;
margin:0 0 30px 0;
}
.decoratable{
margin:0 auto 10px auto;
border-top:1px #dbdbd9 solid;
border-left:1px #dbdbd9 solid;
text-align:left;
}
.decoratable th,.decoratable td{
border-bottom:1px #dbdbd9 solid;
border-right:1px #dbdbd9 solid;
padding:3px 5px;
}
.decoratable th.area{
background:#efecdb;
color:#66511c;
}
.decoratable th.name{
background:#fffcee;
color:#66511c;
}



/*--kasou P06--------------------------------------------------------------*/

#pointLBB{
text-align:center;
clear:both;
}
#pointLB{
width:540px;
padding:0;
margin:10px auto 30px auto;
background:url(../../note/img/pointLback.gif) repeat-y;
}
#pointLB img.topI{
vertical-align:top;
}
#pointLB img.underI{
vertical-align:bottom;
}
#pointL{
margin:0 10px 0 20px;
padding:0;
text-align:left;
}
#pointL li{
background:url(../../note/img/arrow.gif) no-repeat 0 4px;
padding:0px 10px;
margin:0px;
}

/*--kasou P14--------------------------------------------------------------*/
.categoryTitle{
padding:0 0 0 23px;
background:url(Image/arrowB.gif) no-repeat 0 2px;
margin:0 15px 15px 15px;
border-bottom:1px #66501c dotted;
font-size:110%;
}
.categoryTitleA{
padding:0 0 0 0px;
background:none;
margin:0 15px 25px 15px;
border-bottom:1px #66501c dotted;
font-size:110%;
}
.categoryTitleA a{
color:#66501c;
text-decoration:none;
padding:0 0 0 23px;
background:url(Image/arrowO.gif) no-repeat 0 0;
}

.mapList{
margin:0 35px 25px 35px;
}
.mapList li{
margin:0 0 5px 0;
}
.mapList li a{
color:#66501c;
text-decoration:underline;
padding:0 0 0 15px;
background:url(Image/naviLlist_Cmpny.gif) no-repeat 0 2px;
}
.mapList li a:hover{
text-decoration:none;
color:#66501c;
}

/*--kasou P09--------------------------------------------------------------*/

#underBB{
clear:both;
margin:0 10px;
padding:0;
}
#underBB li{
margin:0 0 15px 0;
}
.siteinfo,.tourokuinfo{
width:560px;
height:50px;
text-indent:-9999px;
}
#underBB a{
display:block;
width:100%;
height:100%;
}
.siteinfo a{
background:url(Image/bannerun.gif) no-repeat 0 0;
}
.siteinfo a:hover{
background:url(Image/bannerun.gif) no-repeat 0 -50px;
}
.tourokuinfo a{
background:url(Image/bannerun.gif) no-repeat 0 -100px;
}
.tourokuinfo a:hover{
background:url(Image/bannerun.gif) no-repeat 0 -150px;
}

#kyuTOP1{
width:549px;
text-align:left;
margin:0 0 0 0;
padding:6;
width:580;
height:38;
background-repeat:no-repeat;
background-image: url(Image/kyujin1_cmpny.gif);
}

#kyuTOP2{
width:549px;
text-align:right;
margin:-10 0 0 0;
padding:4;
width:571;
height:34;
background-image: url(Image/kyujin4_cmpny.gif);
}

#kyuTOP3{
width:549px;
text-align:right;
margin:8 0 0 0;
padding:4;
width:549;
height:34;
background-repeat:no-repeat;
background-image: url(Image/kyujin5_cmpny.gif);
}

#list01{
  padding-top:10px;
}

.Item {
  padding-top: 7px;
  padding-left: 2px;
  padding-right: 2px;
}

.Item2 {
  padding-bottom: 7px;
  padding-left: 2px;
  padding-right: 2px;
}