@charset "UTF-8";
/* 動確 Windows XP Vista win7+ IE7/8/9, Firefox1.5/2/3     Mac OS X + Safari3  */


/* ++++++ BASIC STRUCTURE ++++++ */
* {
	margin:0px;
	padding:0px;
}
body {
	color:#333;
	background-color:#fff;
	background-image:url(images/bg/bg.jpg);
        background-repeat: repeat-y;
        background-attachment: scroll;
        background-position: center; 
	font-family:sans-serif;
}





/* ++++++ LAYOUT ++++++ */
#underbox {
	text-align:left;
	width:1000px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}
#header {
	background-color:#fff;
	text-align:left;
	width:1000px;
	padding-top:0em;
}
.header {
	background-color:#fff;
	background-image:url(images/top_page/head/top_head.jpg);
        background-repeat: no-repeat;
	width:1000px;
	height:442px;
}

.header .login img{
	margin:140px 0px 0px 20px;

}
.header .sinki img{
	margin:4px 0px 0px 20px;

}


.header .mypage img{
	float:right;
	margin:15px 20px 0px 0px;

}

.head_navi{
	margin:60px 0px 0px 0px;
	clear:both;
	width:1000px;

}





#globalnav{
	background-color:#666;
/*	background-image:url(images/underbox05.gif);
	background-repeat:repeat-x;*/
	background-position:0% 100%;
	width:996px;
	padding:10px 0px 3px;
}
#container {
	background-color:#fff;   
	background-position:0% 100%;
	text-align:left;
 	clear:left;
	overflow:auto;
	width:1000px;
	padding:0px 0px 0px;
}

#contents{
	color:#333;
	float:right;
	width:800px;
	margin-top:10px;
	margin-right:5px;

}



/* +++ CONTENTS width769px+++ */
.contentsbody {
	background-color:#fff;  
	margin:0px 0px 0px 0px;
	padding:0px;
}




.center_q{		/*地震のお見舞い*/
        border:solid 5px #666;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px; 
	width: 460px;
}

.center_q p{		/*地震のお見舞い*/
        font-size:10pt;
        color:#333;
}


		/*NESヘッドラインdiv*/


.topics{

        border:solid 3px #000;
	width:740px;
	margin: 10px 20px 0px 0px; 
	padding:0px 10px 10px 10px;
}


.topics p.top_cent{
	margin:15px 0px 0px 0px;
	}


.topics p.new{
	background-image:url(images/top_page/topics/new.gif);
	background-repeat:no-repeat;
	background-position: 0% 50%;
        font-size:10pt;
        color:#000;
	margin:3px 5px 0px 3px;
	padding:8px 0px 10px 50px;
}

.topics p.old{
	background-image:url(images/top_page/topics/old.jpg);
	background-repeat:no-repeat;
	background-position: 0% 50%;
        font-size:10pt;
        color:#000;
	margin:3px 5px 0px 3px;
	padding:8px 0px 10px 50px;
}


		/*topics　クリック設定*/
.topics a{
	text-decoration:none;
        color:#333;
}

.topics a:link {
	text-decoration:none;
        color:#333;
}
.topics a:visited {
	text-decoration:none;
        color:#333;
}
.topics a:hover {
	text-decoration:none;
        color:#333;
	background-color:#fcc;
}

		/*new_arrival*/
.new_arrival{
        border:solid 3px #000;
	width:730px;
	height: 280px;
	margin: 10px 20px 0px 0px; 
	padding:0px 10px 10px 20px;
}
.new_arrival p.top_cent{
	margin:10px 0px 10px 0px;
}

.new_arrival li img{
	margin:0px 5px 0px 0px;
}


		/*new_arrival　クリック設定*/
.new_arrival a{
	text-decoration:none;
        color:#333;
}

.new_arrival a:link {
	text-decoration:none;
        color:#333;
}
.new_arrival a:visited {
	text-decoration:none;
        color:#333;
}
.new_arrival a:hover {
	text-decoration:none;
        color:#333;
}

/* newarrival
-----------------------------------*/
.new_arrival ul li{
	float:left;
	width:32%;
	margin:7px 0px 7px 0px;
	list-style-type:none;

}

.new_arrival ul li dl{
	margin-right:0.5em;
	border-bottom:none;
}
.new_arrival ul li dl dt{
	display:inline;
	float:left;	
}
.new_arrival ul li dl dt img{
	border:1px solid #ccc;
}
.new_arrival ul li dl dd{
	margin-left:67px;
	font-size:0.85em;
}

/*HTML側はこんな感じになってます
<span class="na">
<a href="新商品のURL">
<strong>新商品の名前<br />
</strong>
</a>
</span>新商品説明文</p>
*/


li dd p .na{
        font-size:10pt;

}

li dd p{
        font-size:6.5pt;

}

/*--------------------------------------*/


		/*バナーのとこの*/
#area_banners{
        border:solid 3px #000;
	width:740px;
	margin: 10px 20px 0px 0px; 
	padding:0px 10px 10px 10px;
}
#area_banners p.index{
	margin:0px 0px 0px 0px;
}

#area_banners .index img{
	margin:10px;

}

#area_banners a img{
        border:none;
	margin:10px 20px;
	height:90px;
	width:200px; 
}


#area_banners #events{
	border-bottom: thin solid #ccc;
}


#area_banners a{
	text-decoration:none;
}

#area_banners a:link {
	text-decoration:none;
}
#area_banners a:visited {
	text-decoration:none;
}
#area_banners a:hover {
	text-decoration:none;
}





		/*CATEGORY*/
.category{
        border:solid 3px #000;
	width:740px;
	margin: 10px 20px 0px 0px; 
	padding:0px 10px 10px 10px;
}
.category p.top_cent{
	margin:0px 0px 0px 0px;
}

.category p img{
	margin:7px;
}


		/*CATEGORY　クリック設定*/
.category a{
	text-decoration:none;
        color:#333;
}

.category a:link {
	text-decoration:none;
        color:#333;
}
.category a:visited {
	text-decoration:none;
        color:#333;
}
.category a:hover {
	text-decoration:none;
        color:#333;
}








.center_box3{					/*新商品div*/
        border:solid 1px #f06;
     	background-image:url(images/centertop.gif);
	background-repeat:repeat-x;
	margin: 10px 0px 10px 0px; width: 490px;
}


.center_box3 p.top_cent{
        font-size:10pt;
        color:#333;
	margin:3px 0px 8px 3px;
	
}

.center_box3 p{
        font-size:7pt;
        color:#333;
	margin:3px 0px 5px 3px;
}

.center_box3 a{		/*新商品　クリック設定*/
	/*text-decoration:none;*/
        color:#333;
}
.center_box3 a:link {
	/*text-decoration:none;*/
        color:#333;
}
.center_box3 a:visited {
	/*text-decoration:none;*/
        color:#333;
}
.center_box3 a:hover {
	/*text-decoration:none;*/
        color:#333;
	background-color:#fcc;
}

.center_box_s{		/*実店舗＋注目のカテゴリ*/
        border:solid 1px #f06;
     	background-image:url(images/centertop.gif);
	background-repeat:repeat-x;
	margin: 10px 0px 10px 0px; 
}

.center_box_s p.top_cent{
        font-size:10pt;
        color:#333;
	margin:3px 0px 8px 3px;
	
}

.center_box_s p{
        font-size:7pt;
        color:#333;
	line-height:1.4em;
	letter-spacing:0.09em;
	margin:3px 0px 5px 3px;
}


.right_side_box{
        border:solid 1px #f06;
     	background-image:url(images/rightsidetop.gif);
	background-repeat:repeat-x;
	margin:0px 0px 0px 0px;
}

.right_side_box p.top_cent{
        font-size:10pt;
        color:#333;
	margin:3px 0px 5px 3px;
	
}

.right_side_box p{
        font-size:7pt;
        color:#333;
	line-height:1.5em;
	letter-spacing:0.08em;
	margin:3px 0px 5px 3px;
}

.margin5{
	margin:5px 5px 5px 5px;

}


.right_side a{
        color:#333;
}
.right_side a:link {
        color:#333;
}
.right_side a:visited {
        color:#333;
}
.right_side a:hover {
        color:#333;
}





.contentsbody h1{
	background-image:url(images/listmark/listmark01.gif);
	background-repeat:no-repeat;
	font-size:1.4em;
	font-weight: bold;
	line-height:1em;
	margin:1em 0px 0.5em;
	padding:8px 0px 10px 36px;
	border-bottom:3px double #ccc;
}
.contentsbody h2{
	background-image:url(images/listmark/listmark02.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	font-size:1.2em;
	font-weight: bold;
	line-height:1em;
	margin:0px 5px 0.2em;
	padding-left:16px;
}
.contentsbody h3{
	background-image:url(images/listmark/listmark03.gif);
	font-size:1em;
	font-weight:bold;
	line-height:1em;
	margin:0px 5px 0.2em;
}
.contentsbody h4{
	font-size:1em;
	font-weight:bold;
	line-height:1em;
	margin:0px 5px 0.2em;
}

.contentsbody blockquote {
}




/* +++ END CONTENTS +++ */







/* ++++++ COMMON ++++++ */

/* +++ GLOBALNAV +++ */
#globalnav ul {
	text-align:center;
	overflow:auto;
	margin:0px 0px 1px 320px;
	list-style:none;
}
/* \*/
* html #globalnav ul {
	margin-left:329px;
}
/*  */
#globalnav ul li {
	display:inline;
}
#globalnav ul li a {
	color:#eee;
	background-color:#333;
	display:block;
	float:left;
	width:100px;
	border-top:1px solid #fe9;
	border-right:2px solid #999;
}
#globalnav ul li.first a{
	border-left:1px solid #fe9;
}
#globalnav ul li a:link {
	color:#eee;
}
#globalnav ul li a:visited {
	color:#eee;
}
#globalnav ul li a:hover {
	color:#333;
	background-color:#fe9;
}

/* +++ CONTAINER +++ */
#container p.topagetop {
	clear:both;
	text-align:right;
	margin:1em;
}


/* ++++ SIDEBAR1 ++++ */

#sidebar1{
	background-image:url(images/left_bg.jpg);
	float:left;
	width:175px;
        height:auto;
/*	margin:20px 0px 30px 10px;*/
	margin:20px 0px 0px 10px;


}


#sidebar1 .sidemenu {
	margin:5px 0px;
	padding:6px;
}
#sidebar1 .sidemenu ul {
	list-style:none;
	padding-left:10px;
}
#sidebar1 .sidemenu ul li{
	border-bottom:1px solid #ccc;
}
#sidebar1 .sidemenu h2 {
	color:#333;
	background-color:#f06;
	background-image:url(images/listmark02.gif);
	background-repeat:no-repeat;
	background-position:5px 50%;
	font-size:1em;
	font-weight:bold;
	line-height:1em;
	margin-bottom:10px;
	padding:5px 5px 5px 21px;
	border-top:3px double #eee;
	border-bottom:3px double #eee;
}
#sidebar1 .sidemenu a {
	color:#666;
	background-image:url(images/listmark03.gif);
	background-repeat:no-repeat;
	background-position:5px 50%;
	display:block;
	padding:5px 5px 5px 19px;
}
#sidebar1 .sidemenu a:link {
	color:#666;
}
#sidebar1 .sidemenu a:visited {
	color:#666;
}
#sidebar1 .sidemenu a:hover {
	color:#666;
	background-color:#ffe;
}

#sidebar1 p.rss {
	text-align:center;
}

#sidebar1 p.rss a {
	color:#666;
	background-color:#fc6;
	display:block;
	margin:0px 40px 10px;
	padding:2px 0px;
}
#sidebar1 p.rss a:link {
	color:#666;
}
#sidebar1 p.rss a:visited {
	color:#666;
}
#sidebar1 p.rss a:hover {
	color:#666;
	background-color:#ffd;
}





/* +++ FOOTER +++ */

.wayfinder{
	width:1000px;
	background-color:#fafafa;
	text-align:center;
	margin:15px 0px 0px 0px;

}

.wayfinder a {
	color:#666;
}
.wayfinder a :link {
	color:#666;
}
.wayfinder a :visited {
	color:#666;
}
.wayfinder a :hover {
	color:#666;
	background-color:#ffd;
}


.wayfinder ul{
margin:0px;
padding:0px;
list-style:none;
}
 
.wayfinder ul li{
padding:0em 0.5em;
display:inline;
font-size:6.3pt;
}






#footer{
  	background-color:#231f20;
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	text-align:center;
        height:50px;
	color:#fff;


}

#footer a img{
	border-style:none;
}


#footer p {
	padding:0px 1em;
}






/*トップページ以外のページの共通設定ここから↓*/




.wo_home{
        border:solid 3px #000;
	width:740px;
	margin: 10px 20px 0px 0px; 
	padding:0px 10px 10px 10px;


}


.wo_home p{
	font-size:8pt;
	margin:7px 3px 5px 7px;
}

.wo_home p strong{
	font-size:8pt;
	margin:7px 3px 7px 3px;
}


.wo_home a{
	text-decoration:none;
        color:#333;
}

.wo_home a:link {
	text-decoration:none;
        color:#333;
}
.wo_home a:visited {
	text-decoration:none;
        color:#333;
}
.wo_home a:hover {
	text-decoration:none;
        color:#333;
}





p.red{
	color:#f00;
	font-size:8pt;
	margin:7px 3px 5px 7px;
}


.webonly{
	width: 150px;
	margin: 10px;
}

.webonly a{
	text-decoration:none;
}

.webonly a :link {
	text-decoration:none;
}

.webonly a :visited {
	text-decoration:none;
}

.webonly a :hover {
	border: solid 1px #dcdcdc;
	text-decoration:none;
}

.webonly a img{
	border: solid 1px #dcdcdc;
}

.seminar{
        border:solid 1px #f06;
	width:740px;
	margin: 10px 20px 0px 0px; 
	padding:0px 10px 10px 10px;
}


.seminar p{
	font-size:8pt;
	margin:7px 3px 5px 7px;
	color: #333
}
.seminar a{
	text-decoration:none;
	color:#333;
}

.seminar a :link {
	text-decoration:none;
	color:#333;
}

.seminar a :visited {
	text-decoration:none;
	color:#333;
}

.seminar a :hover {
	border: solid 1px #dcdcdc;
	text-decoration:none;
	color:#333;
}
.seminar a img{
	border: 0px;
}




/*ランキングページ*/

.ranking_index{
	text-align:center;
}

.outer{
        border:solid 1px #f06;
	width:715px;
        height:auto;
	margin:20px 0px 0px 0px;
	padding:10px;
}
.outer .ranking_l{
        border:solid 1px #f06;
	width:200px;
	float:left;	
}
.outer .ranking_l .crown{
        border:solid 1px #f06;
	width:63px;
        height:40px;
	float:left;
	
}

.outer .ranking_l .product{
	margin:10px 0px 0px 40px;

}
.outer span.ranking_l p{

	
}

/*ギャラリーページ*/

ul.gallery {
list-style-type:none;
width:740px;
}
ul.gallery li {
float:left;
background-color:#eeeeee;
text-align:center;
margin:0 20px 10px 0;
padding:10px;
border:1px dotted #cccccc;
}
ul.gallery li img {
margin-bottom:5px;
}
ul.gallery li div {
width:200px;
text-align:left;
font-size:xx-small;
color:#080808;
}

.a20120110 {
clear: left;
}