@charset "shift_jis";

/*==================================================================================== 

2009/09

====================================================================================*/


/* Tag ----------------------------------------------------------------*/
body {
	
	margin: 0px;
	padding: 0px;
	color: #222;
	background: #FFFFFF url(../images/bg.jpg) repeat-x 0px top;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN",Osaka,Verdana,Helvetica,sans-serif;
	
	/*  \*/
	font-size : 73%;
	line-height : 170%;
	letter-spacing: 0.1em;
	/* */
	font-size : 80%;
	line-height : 140%;
	letter-spacing: normal;
	/*  \*/
	font-size : 73%;
	line-height : 170%;
	letter-spacing: 0.1em;
	/* */
	
}



a{
	color: #FF6600;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}
img{
	border:none;
}
a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* end MacIE5 */

.hide{
	display: none;
}
form{
	margin: 0px;
	padding: 0px;
}



/* /Tag ----------------------------------------------------------------*/


/* Global ----------------------------------------------------------------*/


#Top{
	width:820px;
	margin:0px auto;
	padding:0px 20px;
	background:#FFF;
	border-left:#bdbdbd solid 1px;
	border-right:#bdbdbd solid 1px;
}


/* Global ----------------------------------------------------------------*/



/* Header ---------------------------------------------------------------- */

#Header{
	width:820px;
	margin: 0px;
	padding: 0px;
	height: 138px;
}

#Header h1{
	margin:0px;
	padding: 0px;
	height: 89px;
	width: 420px;
	float: left;
}
#Header h1 a{
	margin:0px;
	padding: 0px;
	height: 89px;
	width: 420px;
	display: block;
}
#Header h1 a:hover img{
	opacity:1.0;
	filter:alpha(opacity=100);
}

/* Header ----------------------------------------------------------------*/

/* Navigation ----------------------------------------------------------------*/

#Navigation{
	margin:0px;
	padding: 0px;
	width: 820px;	
}

#Navigation ul{
	margin: 0px 20px;
	padding: 0px;
	list-style: none;
	width:780px;
	height:30px;
}

#Navigation li{
	margin: 0px;
	padding: 0px;
	float: left;
}

/* /Navigation ----------------------------------------------------------------*/

/* Main ----------------------------------------------------------------*/

#MainVisual{
	margin: 0px;
	padding: 0px;
	height: 309px;
	width: 820px;
}

#MainVisual h2{
	margin: 0px;
	padding:0px 15px 0px 0px;
	float:left;
	width:554px;
	height:309px;
}
#MainVisual .LeftBanner{
	width:250px;
	height:309px;
	padding:0px 0px 0px 0px;
	margin:0px;
	float:left;
}
#MainVisual .LeftBanner ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#MainVisual .LeftBanner li{
	list-style:none;
	margin:0px 0px 5px;
	_margin:0px 0px 2px;
	padding:0px;
	width:250px;
	height:100px;
}


#Contents{
	margin: 0px;
	padding: 0px;
	width: 820px;	
}

#BottomBanner{
	margin: 0px;
	padding: 0px;
	width: 820px;
	height:62px;
}
#BottomBanner ul{
	margin:10px 0px 12px;
	width:820px;
	height:40px;
}
#BottomBanner li{
	margin:0px;
	height:40px;
	padding:0px;
	float:left;
	list-style:none;
}
#BottomBanner li.BlogBanner{
	background:url(../images/bottombanner.jpg) no-repeat 0px 0px;
	width:277px;
}
#BottomBanner li.TrimBanner{
	background:url(../images/bottombanner.jpg) no-repeat -277px 0px;
	width:277px;
}
#BottomBanner li.PappyBanner{
	background:url(../images/bottombanner.jpg) no-repeat -554px 0px;
	width:266px;
}
#BottomBanner li a{
	color:#FFF;
	font-weight:bold;
	padding:10px 0px 0px 45px;
	display:block;
	text-decoration:none;
	font-size:140%;
	height:30px;
}
#BottomBanner li a:hover{
	color:#ff6600;
	padding:10px 0px 0px 55px;
}
#BottomBanner li.BlogBanner a:hover{
	background:url(../images/bottombanner.jpg) no-repeat 0px -40px;
}
#BottomBanner li.TrimBanner a:hover{
	background:url(../images/bottombanner.jpg) no-repeat -277px -40px;
}
#BottomBanner li.PappyBanner a:hover{
	background:url(../images/bottombanner.jpg) no-repeat -554px -40px;
}



#ContentsLeft{
	margin: 0px 15px 0px 0px;
	padding:0px;
	float: left;
	width: 260px;
}
#LeftBannerSpace{
	margin: 0px 0px 10px;
	padding: 0px;
	width: 260px;
}
#LeftBannerSpace ul{
	margin:0px;
	padding:0px;
}
#LeftBannerSpace li{
	margin:0px 0px 5px;
	padding:0px;
	list-style:none;
	width:260px;
	height:70px;
}
#LeftBannerSpace li.Shopping{
	height:90px;
}

#Mobile{
	margin:0px;
	padding:0px;
	width:260px;
}
#Mobile h3{
	width:260px;
	height:32px;
	margin:0px 0px 15px;
}
#Mobile .Imageqr{
	float:right;
	margin:0px 0px 10px 5px;
	border:#EDEDED solid 1px;
}
#Mobile .ContentsIn{
	padding:5px 0px 5px 5px;
}


#ContentsRight{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 545px;
}
#ContentsRight h3{
	margin: 0px 0px 15px;
	padding: 0px;
	width: 545px;
	height:32px;
}
#ContentsRight h4{
	margin:0px 0px 10px;
	padding:3px 0px 5px 20px;
	width: 520px;
	background:url(../images/titlemark.jpg) no-repeat 0px 0px;
	color:#FD6802;
	height:20px;
}
#ContentsRight .ContentsIn{
	padding:5px 0px 0px 5px;
}
#ContentsRight .ContentsIn:after{
    content: ".";
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
}
#ContentsRight .ContentsIn { display: inline-block; }
/* exlude MacIE5 \*/
* html #ContentsRight .ContentsIn { height: 1%; }
#ContentsRight .ContentsIn { display:block; }
/* end MacIE5 */


#ContentsRight .ContentsIn .Rphoto{
	float:right;
	margin:0px 0px 5px 5px;
}

#TopConcept{
	margin: 0px 0px 20px;
	padding: 0px;
	width: 545px;
}
#TopConcept .Lframe{
	float:left;
	margin:0px 10px 10px 0px;
}


#TopInfo{
	margin: 0px 0px 20px;
	padding: 0px;
	width: 545px;
}


#ShopList{
	margin: 0px;
	padding: 0px 0px 30px;
	width: 820px;	
}
#ShopList .LeftBox{
	width:400px;
	float:left;
	padding:0px 10px 0px 0px;
}
#ShopList .RightBox{
	width:400px;
	float:left;
	padding:0px 0px 0px 10px;
}
#ShopList .ShoplBox{
	width:400px;
	margin:0px 0px 15px;
	padding:0px;
}
#ShopList h3{
	background:url(../images/titlemark.jpg) no-repeat 0px 2px;
	padding:6px 0px 5px 20px;
	margin:0px;
	color:#FD6802;
	font-weight:bold;
	font-size:120%;
}
#ShopList .DetailSpace{
	background:url(../images/box_bg.jpg) repeat 0px 0px;
	width:384px;
	padding:8px;
	margin:0px 0px 10px;
}
#ShopList .DetailSpace:after{
    content: ".";
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
}
#ShopList .DetailSpace { display: inline-block; }
/* exlude MacIE5 \*/
* html #ShopList .DetailSpace { height: 1%; }
#ShopList .DetailSpace { display:block; }
/* end MacIE5 */


#ShopList .DetailSpace .TextArea{
	width:160px;
	padding:10px;
	float:left;
}
#ShopList .DetailSpace .TextArea p{
	margin:0px;
	padding:0px;
}
#ShopList .DetailSpace .TextArea .BottanSpace{
	position:relative;
	top:5px;
	left:-5px;
}
#ShopList .DetailSpace .PhotoArea{
	margin:0px 0px 0px 10px;
	float:left;
	width:190px;
}



/* Main ----------------------------------------------------------------*/

/* Footer ----------------------------------------------------------------*/
#Footer{
	background:url(../images/footer_bg.jpg) repeat-x 0px 0px;
}
#FooterIn{
	width:820px;
	margin:0px auto;
	padding:20px 20px 50px;
}
#FooterCopy{
	margin: 0px;
	padding: 0px;
	width:273px;
	height:14px;
	float:left;
}
#FooterNavi{
	width:254px;
	height:12px;
	float:right;
	margin:0px;
	padding:0px;
}
#FooterNavi ul{
	margin:0px;
	padding:0px;
	width:254px;
	height:12px;
	list-style: none;
}
#FooterNavi li{
	margin:0px;
	padding:0px;
	float:left;
	zoom:1;
	line-height:0;
}
#FooterNavi li a{
	line-height:normal;
}
/* /Footer ----------------------------------------------------------------*/