@charset "utf-8";

/*-------------------------------------------------------
reset
-------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}

ul, ul li {
	list-style: none;
}



/*-------------------------------------------------------
clearfix
-------------------------------------------------------*/
.clearfix:after {
   content: "."; /* 新しい要素を作る */
   display: block; /* ブロックレベル要素に */
   clear: both;
   height: 0;
   visibility: hidden;
}

.clearfix {overflow:hidden; display: inline-block;}

/* exclude MacIE5 [start] \*/
* html .clearfix {height: 1%}
.clearfix {display: block;}
/* exclude MacIE5 [end] */



/*-------------------------------------------------------
font
-------------------------------------------------------*/
html {
	font-size: 10px;
	_font-size: 62.5%;
	line-height: 150%;
	color: #666666;
	font-family: Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}



/*-------------------------------------------------------
base layout
-------------------------------------------------------*/
#wrapper {
	text-align: center;
}

#main {
	width: 960px;
	height: 659px;
	margin: 0 auto;
	padding-bottom: 1px;
	background: url(../../img/line_boundary.gif) no-repeat bottom left;
	text-align: left;
}

#left_col {
	width: 249px;
	padding: 0 25px 0 26px;
	background: url(../../img/bg_abstract.gif) repeat-y top left;
	float: left;
}

#right_col {
	width: 660px;
	float: right;
}

#footer {
	width: 935px;
	height: 26px;
	margin: 0 auto;
	padding: 15px 0 25px 25px;
	text-align: left;
	position: relative;
	clear: both;
}



/*-------------------------------------------------------
head area
-------------------------------------------------------*/
#head_area {
	width: 660px;
	height: 96px;
	margin-bottom: 10px;
	position: relative;
}

#head_area #mybag {
	padding-top: 28px;
	background: url(../../img/bg_navicorner.gif) no-repeat top right;
	text-align: right;
}

#head_area #mybag2 {
    position: absolute;
	top:28px;
	right:90px;
	padding: 0px;
}

#head_area h1 {
	text-align: left;
	position: absolute;
	top: 80px;
	left: 0px;
}

#head_area p.gotop {
	padding-top: 45px;
	float: right;
}

#head_area p.gotop a ,
#head_area p.gotop a:active ,
#head_area p.gotop a:visited {
	color: #666666;
	text-decoration: none;
}

#head_area p.gotop a:hover {
	text-decoration: underline;
}



/*-------------------------------------------------------
content area
-------------------------------------------------------*/
#content_area {
	position: relative;
}



/*-------------------------------------------------------
text_navi area
-------------------------------------------------------*/
#content_area .text_navi {
	width: 660px;
	padding-bottom:20px;
	font-size: 1.2em;
	white-space: nowrap;
}

#content_area .text_navi ul.navi_list {
	padding-right: 50px;
	float: left;
}
#content_area .text_navi ul.navi_list_right {
	paddingt: 0px;
	float: right;
}
#content_area .text_navi ul.navi_list li.actv a ,
#content_area .text_navi ul.navi_list li.actv a:active ,
#content_area .text_navi ul.navi_list li.actv a:visited {
	color: #666666;
	text-decoration: none;
}

#content_area .text_navi ul.navi_list li.pasv a ,
#content_area .text_navi ul.navi_list li.pasv a:active ,
#content_area .text_navi ul.navi_list li.pasv a:visited {
	color: #BBBBBB;
	text-decoration: none;
}

#content_area .text_navi ul.navi_list li.actv a:hover ,
#content_area .text_navi ul.navi_list li.pasv a:hover {
	color: #666666;
	text-decoration: underline;
}
#content_area .text_navi ul.navi_list_right li.others a ,
#content_area .text_navi ul.navi_list_right li.others a:active ,
#content_area .text_navi ul.navi_list_right li.others a:visited {
    font-size:10px;
	color: #666666;
	text-decoration: none;
}

#content_area .text_navi ul.navi_list_right li.others a:hover {
    font-size:10px;
	text-decoration: underline;
}

#shoplist_region {
    padding:0;
	width:660px;
	height:auto;
	clear:both;
	float:left;
}
#shoplist_region p{
    margin-bottom:4px;
    font-size:12px;
    font-style:normal;
    font-weight:bold;
    line-height:160%;
    color:#666;
}
#shoplist {
    margin-top:20px;
	padding:0;
	clear:both;
	float:left;
	width:660px;
	height:340px;
	overflow:auto;
	scrollbar-track-color:white;
scrollbar-face-color:white;
scrollbar-arrow-color:#cccccc;
scrollbar-shadow-color:#cccccc;
scrollbar-highlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-3dlight-color:#cccccc;
}
#shoplist_title{
	padding:0;
	width:640px;
	height:auto;
	clear:both;
	float:left;
}
#shoplist_others{
    margin-top:10px;
	padding:0;
	width:640px;
	height:auto;
	clear:both;
	float:left;
}
#shoplist_left{
	padding:0;
	width:300px;
	height:auto;
	clear:both;
	float:left;
}
#shoplist_right{
	float:right;
	padding:0;
	width:300px;
	height:auto;
}
#shoplist h2{
    margin-bottom:10px;
    font-size:12px;
    font-style:normal;
    font-weight:bold;
    line-height:160%;
    color:#666;
}
#shoplist h3{
    margin-top:30px;
    margin-bottom:10px;
    font-size:12px;
    font-style:normal;
    font-weight:bold;
    line-height:160%;
    color:#666;
}
#shoplist h4{
    margin-top:30px;
    margin-bottom:10px;
    font-size:12px;
    font-style:normal;
    font-weight:bold;
    line-height:160%;
    color:#666;
}
#shoplist .para{
    margin-top:10px;
}
#shoplist .left_space{
    margin-left:5em;
}
#shoplist_region p a:link { color:#666; text-decoration:none; font-weight:normal;}
#shoplist_region p a:visited { color:#666; text-decoration:none; font-weight:normal;}
#shoplist_region p a:active { color:#666; text-decoration:none; font-weight:normal;}
#shoplist_region p a:hover { color:#666; text-decoration:underline; font-weight:normal;}
/*-------------------------------------------------------
footer
-------------------------------------------------------*/
#footer a ,
#footer a:active ,
#footer a:visited {
	color: #777777;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer p.footer_offset {
	position: absolute;
	top: 23px;
	left: 25px;
}
#footer p.footer_shoplist {
	position: absolute;
	top: 23px;
	left: 160px;
}
#footer p.footer_logo {
	text-align: center;
}

#footer ul.footer_link {
	position: absolute;
	top: 20px;
	right: 0px;
}

#footer ul.footer_link li {
	padding-left: 12px;
	font-size: 0.95em;
	float: left;
}