@charset "utf-8";
/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address, ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset{
	margin:0;
	padding:0;
	color:#333;
	font-size:14px;
	font-weight:normal;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
	overflow:scroll;
	overflow:-moz-scrollbars-vertical;
	overflow-x:scroll;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
}

body{
	background:#F8F6EF;
	text-align:center;
}

.cb{
	font-size:0;
	clear:both;
}

a, a:link{ color:#39c; text-decoration:none; }
a:hover, a:focus, a:active{ color:#F3C; text-decoration:underline; }


.pic{
}
.pic:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}


.waku{
	margin:0 auto;
	width:980px;
	text-align:left;
	background:#FFF;
}
.waku_in{
	margin:0 auto;
	width:940px;
}


h2{
	margin:20px 0 10px 0;
	position: relative;
	padding: 0.5em 1em 0.5em 1.5em;
	border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	letter-spacing:2px;
}
h2:after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #3498db;
	border-radius: 4px;
}

h2 a,
h2 a:hover,
.subbox a{
	color:#333;
}

h3{
	font-size:14px;
	margin:10px 0 10px 0;
	text-indent:10px;
	letter-spacing:2px;
	font-weight:bold;
	border-bottom:2px dotted #3399FF;
}

















#hd .box1{
	float:left;
	width:300px;
}
#hd .box2{
	float:right;
	width:480px;
}
#hd .box2 .txt1{
	margin:10px 0 0 0;
	font-size:12px;
}
#hd .box2 .txt1 strong{
	color:#F00;
}


#hd .box2 .txt2{
	margin:0 0 0 200px;
}

.hit{
	background:#FF0;
}


#mn,
#mn .waku{
	background:#09C;
	overflow:hidden;
}
#mn ul{
	list-style:none;
}
#mn li{
	float:left;
	line-height:40px;
	font-weight:bold;
	padding:0 15px 0 10px;
	border-left:1px solid #CCC;
	background:#09C;
}
#mn li:last-child{
	border-right:1px solid #CCC;
}


#mn a{
	color:#FFF;
	display:block;
	height:40px;
	text-shadow: 1px 1px 3px #000;
}
#mn li .hit,
#mn a:hover{
	text-decoration:none;
}
#mn .hit,
#mn li:hover{
	background:#090;
}


#fm{
}
#fm1{
	padding:0 0 20px 0;
	float:left;
	width:690px;
}
#fm2{
	padding:0 0 20px 0;
	float:right;
	width:230px;
}

#nav{
	padding:12px 0 0 0;
	font-size:12px;
}



#ft,
#ft .waku{
	background:#090;
}


#ft{
	padding:20px 0 20px 0;
}

#ft .box1 ul{
	list-style:none;
}
#ft .box1 li{
	float:left;
	text-shadow: 1px 1px 3px #000;
}
#ft .box1 li,
#ft .box1 a{
	color:#FFF;
	font-size:12px;

}
#ft .box2{
	margin:15px 0 0 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background:#FFF;
	padding:10px 20px;
	font-size:12px;
}
#ft .box2 p{
	margin:0 0 5px 0;
	font-size:14px;
}



#copy{
	background:#F1F1F1;
	text-align:center;
	font-size:12px;
	padding:10px 0;
}

.subbox,
.bun_txt{
	margin:0 0 20px 0;

}
.bun_txt{
	padding:10px 0 0 0;
}
.bun_pic{
	float:right;
	margin:0 0 0 20px;
}



.list1,
.list2,
.list3{
	list-style:none;
}
.list1 li,
.list2 li,
.list3 li{
	padding:5px 0 3px 0;
	border-bottom:1px solid #CCC;
}

.list1 li{
	text-indent:18px;
	background:url(../img/arrow/right/16.gif) left center no-repeat;
}
.list2 li{
	text-indent:10px;
}
.list3 li{
	text-indent:18px;
	border:none;
	background:url(../img/arrow/right/1.gif) left center no-repeat;
}




.map_info ul{
	list-style:none;
}
.map_info li{
	float:left;
	margin:0 30px 0 0;
	height:50px;
	text-indent:35px;
	line-height:50px;
}
.map_info .icon1{
	background:url(../img/pin/pin-red-solid-10.png) left center no-repeat;
}
.map_info .icon2{
	background:url(../img/pin/pin-green-solid-10.png) left center no-repeat;
}
.map_info .icon3{
	background:url(../img/pin/pin-magenta-solid-10.png) left center no-repeat;
}
.map_info .icon4{
	background:url(../img/pin/pin-blue-solid-10.png) left center no-repeat;
}
.map_info .icon5{
	background:url(../img/pin/pin-yellow-solid-10.png) left center no-repeat;
}
.map_info .icon6{
	background:url(../img/pin/pin-gray-solid-10.png) left center no-repeat;
}


#bukken_new .box1{
	float:left;
	width:230px;
	height:250px;
}
#bukken_new .txt{
	width:200px;
	font-size:12px;
}


.orderby{
	margin:0 0 20px 0;
	text-align:right;
}





.tbl,
.tbl2{
	border-collapse:collapse;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}
.tbl th,
.tbl2 th,
.tbl td,
.tbl2 td{
	padding:8px;
	text-align:left;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	vertical-align:top;
}
.tbl th,
.tbl2 th{
	/*
	white-space:nowrap;
	*/
	color:#666;
	font-weight:normal;
	background:#F1F1F1;
}
.tbl td,
.tbl2 td{
	background:#FFF;
}
.tbl2 .tdc{
	background:#FFE;
}





/* 481 */
@media screen and (max-width: 801px){



.waku,
.waku_in,
#hd .box1,
#hd .box2,
#fm1,
#fm2{
	width:100%;
}
.waku_in{
	width:96%;
}

#hd .box1,
#hd .box2{
	float:none;
}

#hd .box1{
	text-align:center;
}
#hd .box2 .txt1,
#hd .box2 .txt2{
	margin:0 0 0 10px;
}
#mn li{
	padding:0 10px;
	margin:5px;
	border:1px solid #FFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#mn a{
	height:auto;

}
.bun_txt img{
	width:50%;
}
.bun_txt .sonomama{
	width:100%;
}


.tbl2 th,
.tbl2 td{
	padding:3px;
	font-size:12px;
}

.tbl2 pic{
	width:70px;
	height:auto;
}

}









/* ページ送り */
#pagenation {
	height:60px;
	position: relative;
	overflow: hidden;
}
#pagenation ul {
    position:relative;
    left:50%;
    float:left;
    list-style: none;
}
#pagenation li {
    position:relative;
    left:-50%;
    float:left;
}
#pagenation li a {
    border:1px solid #CECECE;
    margin: 0 2px;
    padding:3px 6px;
    display: block;
    text-decoration:none;
    color: #666666;
    background: #fff;
}
#pagenation li.active a,
#pagenation li a:hover{
    border:solid 1px #666666;
    color: #FFFFFF;
    background: #3399FF;
}
#page_next{
	margin:20px 0 0 0;
	text-align:center;
}



















.inp{
	padding:5px;
	border:1px solid #999;
}
.inp:focus,
.inp_suu:focus,
.inp_ja:focus,
.inp_en:focus{
	border:1px solid #F00;
}

.inp_suu{
	width:50px;
	text-align:right;
	ime-mode:disabled;
	padding:5px;
	border:1px solid #999;
}


.w60{ width:60px; }
.w80{ width:80px; }
.w100{ width:100px; }
.w120{ width:120px; }
.w200{ width:250px; }
.w250{ width:250px; }
.w300{ width:300px; }
.w350{ width:350px; }
.w400{ width:400px; }
.w600{ width:600px; }

.inp_ja{
	font-size:12px;
	ime-mode:active;
	padding:5px;
	border:1px solid #999;

}
.inp_en{
	font-size:12px;
	ime-mode:disabled;
	padding:5px;
	border:1px solid #999;

}


/* go top */
#page-top {
	position:fixed;
	bottom:20px;
	right:20px;
	font-size:77%;
}
#page-top a {
	background:#666;
	opacity:0.9;
	filter:alpha(opacity=90);
	text-decoration:none;
	color:#fff;
	width:150px;
	padding:15px 0;
	text-align:center;
	display:block;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#page-top a:hover{
	text-decoration:none;
	background:#999;
}