/* CSS Document */

body{ margin:0; padding:0; background-color:#000; font-size:16px;}
img { border:none;}

#box{ width:100%; padding:0px; margin:0px;}
#wrapper{ width:1000px; margin:0px auto;}
#header{ width:100%; margin:0px auto; height:97px; background-color:#1f1f1f; text-align:center;}
#header_in{ width:990px; margin:0 auto; text-align:left;}
#header_in #left{ width:383px; float:left;}
#header_in #right{ width:200px; float:right;}
#header_in #right02{ width:400px; float:right;}



#cont{ width:1000px; margin:20px auto;}
#footer{ width:1000px; margin:0 auto;  font-size:70%; font:Arial, Helvetica, sans-serif;}
#footer_p_top{ float:right; margin-right:30px; }
#footer_p_bottom{ float:left; margin:50px 0px 10px 0px;}
#footer_p_bottom a{ color:#333333;}
#footer_p_bottom visited,#footer_p_bottom active,#footer_p_bottom hover,{ color:#333333;}


#header h2,h3 { margin:0px; padding:0px;} 

.item {  margin-right: 10px;  margin-top: 10px;  float: left;  background-color:#fff;}
.brclear{ clear:both;}
.no_margin{ margin-left:0px;}
.margin10{ margin:10px;}
.margin15{ margin:15px;}
.margin20{ margin:20px;}
.margin5{ margin:5px;}

.mart10{ margin-top:10px;}
.mart20{ margin-top:20px;}
.mart20{ margin-top:30px;}
.marl10{ margin-left:10px;}
.marl12{ margin-left:12px;}
.marl20{ margin-left:20px;}
.marl30{ margin-left:30px;}
.marb30{ margin-bottom:30px;}
.marr10{ margin-right:10px;}
/****** index ****************/
#container{ width:1200px; margin:0px auto; background-color:#eod8cb;}
.in{ background-color:#000; width:990px; height:400px; overflow:hidden;}

/******** shoplist ******************/
#conts{ width:990px; margin:0 auto; color:#FFF;}
#conts a{ color:#FFF; text-decoration:none;}
#conts p{ line-height:1.5em;}
#conts table{ width:100%; border:1px solid #4d4d4d; border-collapse:collapse;}
#conts th{ background:url(../images/shoplist/table_bg.jpg) repeat; width:20%; padding:10px; border:1px solid #4d4d4d; border-collapse:collapse;}
#conts td{ padding:10px; border:1px solid #4d4d4d; border-collapse:collapse; line-height:1.5em;}

#breadlist{ width:100%;}
#title{ width:990px; background:url(../images/shoplist/title.jpg) no-repeat; padding-top:1px; height:40px;}
#title #left{ width:30%; float:left; margin:10px 0 0 10px;}
#title #right{ width:60%; float:right; text-align:right; margin-top:8px;}
#title #right img{ margin-right:10px;}
#title #right a{filter:alpha(opacity=50);	-moz-opacity: 0.5;	opacity: 0.5;}
#title #right a:hover{filter:alpha(opacity=100);	-moz-opacity: 1;	opacity:1;}
#shopimg{ width:990px; height:500px; background-color:#666;}
#map{ width:990px;}
#map #sample{ width:950px; height:500px; background-color:#999; margin:10px auto;text-align:center;}
#map #left{ width:600px; float:left;}
#map #right{ width:370px; float:right;}
#map #right img{ margin-right:10px; vertical-align:middle;}

#sns{ width:990px;}
#sns #left{ width: 485px; float:left;}
#sns #right{ width: 485px; float:right;}

#shoplist{ width:990px;}
#shoplist #left{ float:left; width:322px;}
#shoplist #center{ float:left; width:322px;}
#shoplist #right{ float:right; width:322px;}

#brandlist{ width:990px;}
#brandlist .border_box{ width:988px; border:1px solid #4f4f4f; text-align:center;}
#brandlist .border_box .inner{ width:957px; margin:0 auto;}
#brandlist .border_box .inner img{ padding:10px 0;}
#brandlist .border_box h6{ font-size:14px; border-bottom:1px solid #4f4f4f; text-align:left; margin:0px; padding:10px 0;}

#slider{ width:990px; margin-top:20px;}
#slider #left{ width:730px; float:left;}
#slider #right{ width:240px; float:right;}
#slider #right .thumbnailf{ float:left; width:75px; margin-left:5px;}
#slider #right .thumbnail{ float:left; width:75px; margin-left:5px; margin-top:5px;}


.employment_btn{ width:100%; text-align:center; padding:20px 0;}

#news{ width:990px; padding:10px 0; height:450px; overflow:scroll;background-color:#333;}
#shopinfo{ width:960px;}
#shopinfo .news{ width:480px; float:left;text-align:center; padding:20px 0;}
#shopinfo .news .date{ color:#FFF; font-size:14px; font-weight:bold; margin:10px auto 0; }
#shopinfo .news .come{ color:#FFF; width:250px; font-size:12px; word-break:break-all; margin:10px auto 0; }
.border{ border-bottom:1px solid #fff; clear:both; margin:20px;}
.brclear{ clear:both;}



.conformbtn{ width:100%; text-align:center; padding:20px 0;}
.conformbtn input[type="submit"],.conformbtn input[type="button"]{ padding:10px 20px; background-color:#000; color:#CCC; border:1px solid #d2d2d2; cursor:pointer;}

.matchbutton{ width:120px; text-align:center; padding:10px 20px; margin-top:10px; background-color:#000; color:#CCC; border:1px solid #d2d2d2; }
.matchbutton a{ color:#FFF;}
.matchbutton_h{ width:120px; text-align:center; padding:6px 3px; margin-top:70px; background-color:#efe60a; color:#000; border:1px solid #d2d2d2; float:right;}
.matchbutton_h a{ color:#000; font-weight:bold; text-decoration:none; font-size:13px;}



.fontred{ color:#F00; font-size:10px;}
.error{ color:#F00;}
form .middle {
    width: 200px;
}
.wide {
    width: 400px;
}


#loginbox{ width:300px; margin:100px auto 0; border:1px solid #fff; padding:20px; background:url(../images/shoplist/table_bg.jpg) repeat;}
#loginbox #inner{}
#loginbox h2{ text-align:center; margin:0px; padding:0px;}
#loginbox #inner input[type="text"] ,#loginbox #inner input[type="password"] { width:205px; height:20px;}
#loginbox #inner input[type="image"]{ width:262px; text-align:center;margin-top:20px; margin-left:20px;}
#loginbox #inner #addteam{ width:262px; text-align:center;margin-top:20px; margin-left:20px;}
#loginbox #inner dl{    font-weight : bold;  width:262px;  margin-left: auto;  margin-right: auto;}
#loginbox #inner dt{  padding:5px; border:1px solid #fff; background:#000;  width : 39px;  float : left;/* 左に寄せる */  clear : both;/* フロートの解除 */}
#loginbox #inner dd{  width : 185px;  margin-left : 52px;/* DTの幅分の設定 */}

#teamiconbox{ width:100%; margin-top:30px;}
.teamicon{ width:95px; float:left; margin-top:20px;}
.teamicon_border{ width:110px; float:left; border-right: 1px solid #fff; margin-right:10px; margin-top:20px;}
.teamicon_border02{ width:95px; float:left; border-right: 1px solid #fff; margin-right:10px; margin-top:20px;}
.teamicon_border img,.teamicon_border02 img,.teamicon img{ margin-right:10px;}

.teamlistbox{ width:462px; float:left; margin:20px 10px 0 0; border:1px solid #fff; padding:10px;}
.teamlistbox02{ width:462px; float:left; margin:20px 0px 0 0; border:1px solid #fff; padding:10px;}
.teamlistbox .imgbox ,.teamlistbox02 .imgbox{ width:70px; float:left;}
.teamlistbox .detail ,.teamlistbox02 .detail{ width:120px; float:left; margin-top:5px; line-height:1.5em; word-break:break-all;}
.teamlistbox .detail a,.teamlistbox02 .detail a{ color:#FF0 !important; text-decoration:underline !important;}
.teamlistbox .icon ,.teamlistbox02 .icon{ width:140px; float:right; margin-top:10px;}
.teamlistbox .icon img ,.teamlistbox02 .icon img{ margin-right:5px;}

#pagenation{ width:auto; margin-top:20px;}
#pagenation ul.pageNav01s { margin:0px; padding:0px;}
#pagenation ul.pageNav01s li {	display: inline;	margin: 0 1px;	padding: 0;}
#pagenation ul.pageNav01s li a {	display: inline-block;	padding: 4px 8px;	border: 1px solid #ccc;	vertical-align: middle;	text-decoration: none;}
#pagenation ul.pageNav01s li span{	display: inline-block;	padding: 4px 8px;	border: 1px solid #ccc;	vertical-align: middle;	text-decoration: none;	background:#FFF;	color:#000;	}