@charset "utf-8";
/* CSS Document */

html                { background-color: #FFF;}
body                { margin: 0px; padding: 0px; background:#FFF url(../images/body_bk.jpg) 0px 0px repeat-x; }
body                { font-size: 12px;  color: #333;  line-height: 180%;  font-family:'メイリオ','Meiryo,sans-serif','ＭＳ Ｐゴシック','Osaka'; }
*html body          { font-family:'ＭＳ Ｐゴシック','Osaka';}


em                  { font-size: 6px; visibility: hidden; }

.right              { float: right; }
.align_left         { text-align: left; }



/*------------------------------------------------------------------------
Clear
--------------------------------------------------------------------------*/


.clear           	{ clear: both; visibility: hidden; height: 0; }

/*------------------------------------------------------------------------
Link
--------------------------------------------------------------------------*/

a:link			    { color:#333333; text-decoration:none;}
a:visited	    	{ color:#666666; text-decoration:none;}					
a:hover		    	{ color:#333333; text-decoration:underline;}
a:active	    	{ color:#CCCCCC; text-decoration:none;}



/*------------------------------------------------------------------------
H1,P
--------------------------------------------------------------------------*/


p                   { text-align: left; margin:0; padding:0; }
h1,h2,h3,h4,h5      { visibility:hidden; font-size:6px; font-weight:normal; margin:0; }


/*------------------------------------------------------------------------
Form
--------------------------------------------------------------------------*/

form                { margin: 0px;	padding: 0px;}
.gray              { border:1px solid #CCC; }

/*------------------------------------------------------------------------
Img
--------------------------------------------------------------------------*/

img	                { border: 0; }
.imgover            {}


/*------------------------------------------------------------------------
Font
--------------------------------------------------------------------------*/

.font_bold          { font-weight:bold; }
.fontcolor_999      { color:#999;}
.small_txt          { font-size:10px; }

/*------------------------------------------------------------------------
margin
--------------------------------------------------------------------------*/

.margin_top5	    { margin-top : 5px; }
.margin_top10	    { margin-top : 10px; }
.margin_top20	    { margin-top : 20px; }
.margin_top30	    { margin-top : 30px; }
.margin_top40	    { margin-top : 40px; }

.margin_btm10	    { margin-bottom : 10px; }
.margin_btm20	    { margin-bottom : 20px; }
.margin_btm30	    { margin-bottom : 30px; }
.margin_btm40	    { margin-bottom : 40px; }

.margin_left10	    { margin-left : 10px; }
.margin_left20	    { margin-left : 20px; }
.margin_left30	    { margin-left : 30px; }

.margin_right10	    { margin-right : 10px; }
.margin_right20	    { margin-right : 20px; }
.margin_right30	    { margin-right : 30px; }

.margin_both10	    { margin-top : 10px; margin-bottom : 10px; }
.margin_auto        { margin:0 auto;}


/*------------------------------------------------------------------------
Space
-------------------------------------------------------------------------*/

.space10         { display:block; height:10px; }
.space20         { display:block; height:20px; }
.space30         { display:block; height:30px; }
.space40         { display:block; height:40px; }
.space50         { display:block; height:50px; }


/*------------------------------------------------------------------------
color
--------------------------------------------------------------------------*/

.color_red		    { color:#B11425; } 



/*------------------------------------------------------------------------
Form
--------------------------------------------------------------------------*/

form                { margin: 0px; padding: 0px; }
input               { margin: 2px 5px 2px 2px; }
select              { margin: 2px 5px 5px 2px;}



/*------------------------------------------------------------------------
Layout
--------------------------------------------------------------------------*/

#layout             { display: block; width: 1000px; margin:0 auto; padding: 0px; background:#FFFFFF; }



/*------------------------------------------------------------------------
head
--------------------------------------------------------------------------*/

#head                      { display: block; height: 101px;	width: 1000px; background:url(../images/top_head_bk.jpg) 0px 0px no-repeat; margin: 0 auto; }
#head a	                   { display:block; text-decoration: none; outline: none; }

#head_rogo a			   { display:block; width: 290px; height:101px; float: left; }
#hmenu                     { display:block; float:right; margin:0; width:290px; height:10px; padding:5px 0 0 0; font-size:90%; }
#hmenu ul                  { display:block; list-style-type: none;   margin: 0 0 0 0; padding: 0; width:290px; height:10px;  }
#hmenu li                  { float:left; display:inline; margin:0 15px 0 0; padding:0 0 0 15px; }
#hmenu01                   { background:url(../images/icon_01.gif) 0px 6px no-repeat; }
#hmenu02                   { background:url(../images/icon_02.gif) 0px 6px no-repeat; }
#hmenu03                   { background:url(../images/icon_03.gif) 0px 6px no-repeat; }
#hmenu04                   { background:url(../images/icon_04.gif) 0px 6px no-repeat; }
#hmenu05                   { background:url(../images/icon_05.gif) 0px 6px no-repeat; }
#hmenu2                    { display:block; float:right; margin:0; width:200px; height:10px; padding:90px 0 0 0; font-size:90%; }
#hmenu2 ul                 { display:block; list-style-type: none;   margin: 0 0 0 0; padding: 0; width:200px; height:10px;  }
#hmenu2 li                 { float:left; display:inline; margin:0 15px 0 0; padding:0 0 0 15px; }

#hmenu a:hover              { display:block; text-decoration:underline; outline: none; }



/*------------------------------------------------------------------------
main menu
--------------------------------------------------------------------------*/

#main_menu ul               {	list-style-type: none;	padding: 0;	margin: 0;}
#main_menu li               {	float:left;	display:inline;}

#main_menu                  { display: block; width: 1000px; height: 38px; margin:0 auto 15px auto ; background:url(../images/main_menu.jpg) 0px 0px no-repeat;}
#main_menu a	            { display:block; text-decoration: none; outline: none; height:38px;}
#main_menu01				{ background: url(../images/main_menu.jpg) 0px 0px no-repeat;  width: 250px; height:38px; }
#main_menu02   				{ background: url(../images/main_menu.jpg) -250px 0px no-repeat;  width: 250px; height:38px; }
#main_menu03				{ background: url(../images/main_menu.jpg) -500px 0px no-repeat;  width: 250px; height:38px; }
#main_menu04				{ background: url(../images/main_menu.jpg) -750px 0px no-repeat;  width: 250px; height:38px; }

#main_menu01 a:hover		{ background: url(../images/main_menu.jpg) 0px -38px no-repeat; }
#main_menu02 a:hover   		{ background: url(../images/main_menu.jpg) -250px -38px no-repeat; }
#main_menu03 a:hover		{ background: url(../images/main_menu.jpg) -500px -38px no-repeat; }
#main_menu04 a:hover		{ background: url(../images/main_menu.jpg) -750px -38px no-repeat; }

*html #main_menu            { margin: -1px auto 15px auto; }


/*------------------------------------------------------------------------
pankuzu
--------------------------------------------------------------------------*/


.pankuzu                     { display: block; width: 900px; text-align: left; margin: 0px; text-decoration:none; padding: 7px 0 0 10px; }
.pankuzu a                   { color: #0066CC; text-decoration:underline;}
.pankuzu a:hover             {	color: #0066CC;	text-decoration:none;}


/*------------------------------------------------------------------------
main flash
--------------------------------------------------------------------------*/


#flash_area                  { display:block ; width:760px ; height:350px ; margin: 0; }


/*------------------------------------------------------------------------
2column layout
--------------------------------------------------------------------------*/

#container					 { display:block; width: 1000px; margin: 0 auto; background:#FFFFFF; } 
#containerL		    		 { display:block; width: 210px; float: left; margin:0;}  
#containerR     			 { display:block; width: 760px; float: right; text-align: left; margin:0; } 


/*------------------------------------------------------------------------
container_LEFT
--------------------------------------------------------------------------*/

#new_box                { display:block; margin:0 0 20px 0; }
#new_box ul             { list-style-type:none; margin:0; padding:0; }
#new_box li             { display:block; margin:0 0 7px 0; border-bottom:1px dotted #669900; }


#gift_bn a             { display:block; background:url(../images/gift_bn.jpg) 0px 0px no-repeat; width:210px; height:100px; margin:0 0 20px 0; }
#rask_bn a             { display:block; background:url(../images/rask_bn.jpg) 0px 0px no-repeat; width:210px; height:100px; margin:0 0 20px 0; }
#cake_bn a             { display:block; background:url(../images/cake_bn.jpg) 0px 0px no-repeat; width:210px; height:100px; margin:0 0 20px 0; }
#zakka_bn a            { display:block; background:url(../images/zakka_bn.jpg) 0px 0px no-repeat; width:210px; height:100px; margin:0 0 20px 0; }

#gift_bn a:hover       { background:url(../images/gift_bn.jpg) -210px 0px no-repeat; text-decoration:none; }
#rask_bn a:hover       { background:url(../images/rask_bn.jpg) -210px 0px no-repeat; text-decoration:none; }
#cake_bn a:hover       { background:url(../images/cake_bn.jpg) -210px 0px no-repeat; text-decoration:none; }
#zakka_bn a:hover      { background:url(../images/zakka_bn.jpg) -210px 0px no-repeat; text-decoration:none; }

#nenga_bn a            { display:block; background:url(../images/nenga_bn.jpg) 0px 0px no-repeat; width:210px; height:100px; margin:0 0 20px 0; }    
#nenga_bn a:hover      { background:url(../images/nenga_bn.jpg) -210px 0px no-repeat; text-decoration:none; }
#sanwa_box             { display:block; width:210px; margin:0 0 30px 0; }
#nakashima_box             { display:block; width:210px; margin:0 0 30px 0; }

#renecat a       { display:block; width:210px; height:100px; background:url(../../rc/images/renecat.jpg) 0px 0px no-repeat; margin:0 0 15px 0; }
#renecat a:hover { background:url(../../rc/images/renecat.jpg) -210px 0px no-repeat; text-decoration:none; }

#rc_gyomu_tmat a       { display:block; width:210px; height:100px; background:url(../../rc/images/gyomuyou_tmat.jpg) 0px 0px no-repeat; margin:0 0 15px 0; }
#rc_gyomu_tmat a:hover { background:url(../../rc/images/gyomuyou_tmat.jpg) -210px 0px no-repeat; text-decoration:none; }

/*------------------------------------------------------------------------
container_RIGHT
--------------------------------------------------------------------------*/

#main_image           { display:block; background:url(../images/main_image.jpg) 0px 0px no-repeat; height:337px; margin:0 0 20px 0; }
#main_image span      { visibility:hidden; }
#main_txt             { display:block; background:url(../images/image01.jpg) 0px 0px no-repeat; padding:0 0 0 175px; line-height:2.0; margin:0 0 30px 0; font-size:14px; }
.alignright           { display:block; text-align:right; margin:0 0 10px 0; }

#syouhin_box          { display:block; margin:0 0 30px 0; }
#syouhin_tit          { display:block; margin:0 0 20px 0; }

.syouhin_ssbox        { display:block; margin:0 0 20px 0; }
.syouhin_photo        { display:block; width:200px; margin:0 20px 0 0; float:left; }
.syouhin_txt          { display:block; width:525px; float:right; }
.syouhin_name a       { font-size:14px; font-weight:bold; color:#3399FF; text-decoration:underline; }
.syouhin_name a:hover { color:#3399FF; text-decoration:none; }

.syouhin_tanka        { text-align:right; font-size:14px; font-weight:bold; }


/*------------------------------------------------------------------------
pagetop
--------------------------------------------------------------------------*/

.pagetop              { display:block ; width:100% ; padding: 10px 0 5px 0 ; text-align:right ; }

/*------------------------------------------------------------------------
footer
--------------------------------------------------------------------------*/

#footer             { display: block; background:url(../images/foot_bk.jpg) 0px 0px repeat-x; height:125px; margin: 50px 0 0 0; font-size:90%; text-align:center; } 
#footer_box         { display:block; width:1000px; margin:0 auto; background:url(../images/foot_bk.jpg) 0px 0px repeat-x; height:125px; }
#footer_menu			{ display: block; width:500px; margin: 0 auto ; padding: 40px 0 40px 0; height:10px; line-height:1.2em; text-align:center; }
#footer_menu ul			{ float: left; display: block; list-style: none; margin: 0px 0 0 0; padding: 0; text-align: center; height:10px; }
#footer_menu li  	   	{ display: inline; list-style: none; border-style: solid; border-width: 0 0 0 1px; border-color: #333; margin: 0; padding: 0 6px 0 6px; height:5px; }
#footer_menu li.border  { border-right:1px solid #333; }
#footer_menu a          { text-decoration:none; color:#333; }
#footer_menu a:hover    { text-decoration:underline; color:#333; }



/*------------------------------------------------------------------------
copyright
--------------------------------------------------------------------------*/
#copyright						{ display:block; width : 500px; padding: 0 0 0 0; margin: 0px auto 0 auto; border-top:1px dotted #999; }
#copyright p					{ text-align: center; }
