﻿
/*
--------------------------------------------------------------------------------------------------------------
--------------------------------------------------GLOBAL RESET------------------------------------------------
--------------------------------------------------------------------------------------------------------------
*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tbody,th,td{margin:0em;padding:0em;}
	/*body{font-size:62.5%;font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}*/
	body{font-size:62.5%;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
	table{border-collapse:collapse;border-spacing:0em;}
	fieldset,img,abbr{border:0em;}
	address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
	caption,th{text-align:left;}
	ul{list-style:none;}
	img{vertical-align:bottom; border:none;}



/*------------------------------------------h1h6------------------------------------------*/


	h1 {
		margin    : 0 ;
		padding   : 0 ;
		font-size : 0 ;
		text-align: left;
	}

	h2 {
		height      : 22px ;
		color       : #444 ;
		font-size   : 140% ;
		font-weight : bold ;
		text-align  : left ;
		margin      : 0    ;
		padding     : 8px 0 0 8px    ;
	}
	
	h3 {
		height      : 22px ;
		color       : #fff ;
		font-size   : 120% ;
		font-weight : bold ;
		text-align  : left ;
		margin      : 0    ;
		padding     : 8px 0 0 8px    ;
	}
	
	h4 {
		color       : #222 ;
		font-size   : 180% ;
		font-weight : bold ;
		margin      : 0    ;
		padding     : 0    ;
	}
	
	

/*--------------------------------------------------------------------------------------*/


	a:link    { color: #2790cd ; }
	a:visited { color: #2790cd ; }
	a:hover   { color: #33bbee ; text-decoration : none ; }
	a:active  { color: #33bbee ; text-decoration : none ; }

	* {
		margin  : 0 ;
		padding : 0 ;
	}

	html {
		height : 100% ;
	}
	
	body {
		height     : 100%                  ;
		color      : #444                  ;
		text-align : center                ;
		border-top : 5px solid #fd7922     ;
		background : url(../i/bg_body.png) ;
	}

	#wrapper {
		width        : 920px             ;
		min-height   : 100%              ;
		height       : auto !important  ;
		height       : 100%              ;  
		margin       : 0 auto -220px     ;
		padding      : 0 15px            ;
		background   : #fff              ;
		border-left  : 3px solid #ffe4cc ;
		border-right : 3px solid #ffe4cc ;
	}
	
	.push {
		height : 220px ;
	}
	
	p {
		color        : #444       ;
		line-height  : 140%       ;
	}
	
	
	
	.B_Wrapper {
		font-size  : 120%              ;
		text-align : left              ;
		margin     : 0 0 15px 0        ;
		padding    : 4px               ;
		border     : 1px solid #eeeeee ;
		border-top : none              ;
	}
	
	
	#pageTop {
		width      : 920px   ;
		text-align : right   ;
		padding    : 15px 0 0 0 ;
		clear: both;
	}
	
	
	
#topicPathWrapper {
	font-size : 120% ;
	border : 1px solid #d0d0d0 ;
	margin-bottom : 10px ;
	text-align:left;
}
	
	#topicPathBody {
		padding  : 7px 10px ;
		border : 1px solid #fff ;
		background :#fafafa;
	}
		
		#topicPath {  
			margin:0 0;  
		}
		
			#topicPath li {
				display:inline;
				margin-right : 8px ;
				line-height:110%;
				list-style-type:none; 
			}
			
			#topicPath li a {  
				padding-right:18px;  
				background:url(../i/icon_topicPath.png) no-repeat right center;  
			}
	
	
/*-------------------------------------------header-------------------------------------------*/



#header {
	margin  : 0 ;
	padding : 0 ;
}

	.description {
		color       : #fc6f12       ;
		font-weight : bold          ;
		padding     : 15px 0 0 13px ;
		text-align  : left          ;
	}
	
	.description_detail {
		color       : #fc6f12   ;
		font-weight : bold      ;
		margin      : 5px 0 0 0 ;
		padding     : 8px 0 5px 0 ;
		float       : left      ;
		display     : inline    ;
	}
	
	
	.logo {
		padding : 15px 0 5px 0 ;
	}
	
	div#headLogo {
		float:left;
	}
	
	.description {
		color       : #fc6f12       ;
		font-weight : bold          ;
		padding     : 15px 0 0 13px ;
		text-align  : left          ;
	}
		
	.logo_detail {
		width   : 197px        ;
		height  : 30px         ;
		margin  : 5px 0 0 0 ;
		padding : 0 5px 5px 0 ;
		float   : left         ;
		display : inline       ;
	}
	
	.logo_contents {
		width   : 392px        ;
		padding : 0 0 15px 5px ;
		float   : left         ;
		display : inline       ;
	}
	
	.headBanner {
		width   : 468px      ;
		padding : 5px 0 15px 0 ;
		float   : right      ;
		display : inline     ;
	}

	/* topLogin */
	div#topLogin ul {
			background-color: #fff;
			padding: 4px;
			color: #333;
			font-size: 12px;
			height: 20px;
			text-align: right;
	}
	
	div#topLogin ul li {
			display: inline;
	}


    /* リンク */
    div#link	{
		width				: 918px     		;
		background-color	: #fafafa			;
		height				: 30px				;
		/*margin-top			: 10px				;*/
		border				: 1px solid #d0d0d0	;
		margin-left			: auto				;
		margin-right		: auto				;
        margin-bottom       : 15px              ;
		clear: both;
	}
	
    div#link p	{
		font-size			: 120%	   ;
		margin				: 2px 15px ;
		padding-top			: 8px	   ;
	}	

	.icon	{
		margin				: 2px 15px 2px 0 ;
		text-align			: right			 ;

	}	




/*-------------------leftWrapper-------------------*/

.leftWrapper {
	width   : 610px  ;/* 660px→600px→610px 20090131吉岡*/
	text-align:left;
	margin-right: 10px;/* 追加 */
	float   : left   ;
	display : inline ;
}


	.leftHead {
		background  : url(../i/head_A_660px.png) no-repeat  ;
	}

	.leftHead2 {
        padding: 5px 0px 0px 5px !important;
		background  : url(../i/head_A_730px.png) no-repeat  ;
	}


/*-------------------------------------------footer-------------------------------------------*/

	
	#footer {
		height     : 190px ;
		margin-top : 30px  ;
		background : url(../i/bg_footer.png) repeat-x ;
		background-color:#f0f0f0;
	}
	
	.f_contents {
		width      : 870px            ;
		height     : 190px            ;
		margin     : 0 auto           ;
		padding    : 0 20px 0 20px ;
		text-align : left             ;
	}
	
		.f_naviWrapper {
			width      : 145px     ;
			height     : 110px     ;
			margin     : 5px 0 0 0 ;
			float      : left      ;
			display    : inline    ;
			background : url(../i/bg_footerNav.png) no-repeat;
		}
		
			.f_navi {
				width  : 145px ;
				height : 110px ;
				margin : 0 0 0 8px ;
			}
				
				.f_navi li {
					line-height : 1 ;
				}
				
				.f_navi li a {
					width         : 110px        ;
					height        : 17px         ;
					color         : #755         ;
					margin-bottom : 1px          ;
					padding       : 7px 0 0 18px ;
					display       : block        ;
					background    : url(../i/icon_orangeDoughnut.png) no-repeat 3px 7px;
				}
				
				.f_navi li a:hover {color:#977;}
	
	
	
		
		.f_creditWrapper {
			margin     : 20px 0 0 10px ;
			float      : left      ;
			display    : inline    ;
		}

		
			.copyright {
				color      : #A0A0A0       ;
				padding    : 5px 0 0 0 ;
			}







/*-------------------------------------------ポップアップ-------------------------------------------*/



#popupWrapper {
	width         : 480px             ;
	margin        : 0 auto            ;
	padding       : 0 15px 15px 15px  ;
	background    : #fff              ;
	border-left   : 3px solid #ffe4cc ;
	border-right  : 3px solid #ffe4cc ;
	border-bottom : 3px solid #ffe4cc ;
}	


.popupWrapper {
	width      : 480px ;
	text-align : left  ;
}


.logo_popup {
	width   : 392px        ;
	margin  : 0 auto       ;
	padding : 15px 0 ;
}

.popHead {background:url(../i/head_A_popup.png) no-repeat;}


.popCopyright {
	text-align : center     ;
	color      : #A0A0A0    ;
	padding    : 30px 0 0 0 ;
}

.close {
	text-align : right ;
}

.error-message {
    font-weight : bold;
    color       : #FF7B00;
}

/***************** 右カラム laqu *********************/


	.text {
		font-size	: 120%			   ;
		line-height : 120%             ;
		margin		: 0px 5px 5px 10px ;
		text-align	: left			   ;
	}
	
	.banner_caption {
		font-size	: 100%			   ;
		line-height : 120%             ;
		margin		: 3px 0px 10px 0px ;
		text-align	: left			   ;
	}

	.right_txt {
		font-size	: 120%	;
		text-align	: right	;
		margin-right: 10px	;
	}
	
	.red {
		font-size	: 120%			   ;
		font-weight	: bold 	           ;
		color		: #FF0000		   ;
		line-height : 120%             ;
		margin		: 5px 5px 5px 0px  ;
		text-align	: left			   ;
	}	

	.green {
		font-size	: 120%			  ;
		font-weight	: bold 	          ;
		color		: #8EC31F		  ;
		line-height : 120%            ;
		margin		: 5px 5px 5px 0px ;
		text-align	: left			  ;
	}	
	

	.info_g {
		background-color: #dddddd;
		padding:5px;
		margin-left:2px;
		margin-right:2px;
		border-bottom : 1px solid #666666;
		}
	.info_w {
		background-color: #ffffff;
		padding:5px;
		margin-left:2px;
		margin-right:2px;
		border-bottom : 1px solid #666666;
	}
	.date {
		font-size	: 110%;
		font-weight	: bold;
	}
	.info_text {
		font-size	: 120%;
	}


div#sidebar-right	{
		width			: 300px	;
		margin-left		: auto	;
		padding-left	: 0px	;
		padding-bottom	: 1px	;
		float			: right ;
		display			: inline;
	}

	.right_banner {
		width			: 300px	;
		margin-bottom	: 15px	;
	}	

	.right_box {
		background			: #FFFFFF			;
		width				: 297px				;
		border				: solid 1px #C9CACA	;
		margin-bottom		: 15px				;
		padding-bottom		: 5px				;
		text-align			: left 				;/* 20090115吉岡 */
		overflow			: hidden			;

	}

#right_box:after {
    content		: ""	;
    display		: block ;
    clear		: both	;
    height		: 1px	;
    overflow	: hidden;
}

/*\*/
* html #right_box {
    height	: 1em	 ;
    overflow: visible;
}
/**/


div#sidebar-right h1 {
		background		: url(../i/r_side01.png) no-repeat	;
		height			: 28px							

	;
		font-size		: 160%							

	;
		font-weight		: bold 						 

       ;
		color			: #FFFFFF						

	;
		text-align		: right							

	;
		padding			: 5px 3px 0px 3px					

;
		margin-bottom: 5px;
	}

div#sidebar-right h2 {
		background		: url(../i/r_side02.png) no-repeat	;
		height			: 28px							;
		font-size		: 160%							;
		font-weight		: bold 						 ;
		color			: #FFFFFF						;
		text-align		: right							;
		padding			: 5px 3px 0px 3px			;
	}

div#sidebar-right h3 {
		background		: url(../i/r_side03.png) no-repeat	;
		height			: 28px							;
		/*padding-bottom	: 5px								;*/
	}

div#sidebar-right h4 {
		background		: url(../i/r_side04.png) no-repeat	;
		height			: 28px							

	;
	}

div#sidebar-right h5 {
		background		: url(../i/r_side05.png) no-repeat	;
		height			: 28px							

	;
	}

div#sidebar-right h6 {
		background		: url(../i/r_side06.png) no-repeat	;
		height			: 28px								;
		margin-bottom	: 10px								;/* 20090115吉岡 */
	}


	.newshop {
		width: 99px;
		float: left;
		text-align: center;
		display:inline;
	}

		p.image {
   			text-align: center; /* 3.中央寄せ */
   			margin: 5px;        /* 4.余白・間隔 */
				border: 1px solid #CCC;
				padding: 2px;
		}

		p.caption {
   			text-align: center; /* 3.中央寄せ */
   			margin: 5px;        /* 4.余白・間隔 */
			font-size: 120%;  /* 5.文字サイズ */
			width: 80px;
		}

			p.clear {
				clear: both;
			}

		.img_float	{
        	float		: left ;
					margin-top : 5px;
        	margin-right: 5px;
					display:inline;
					border: 1px solid #CCC;
					padding: 2px;
      	}

/*--------携帯QR用　20090122_吉岡-------*/

		.img_float2	{
        	float		: left ;
					margin-top : 0px;
        	margin-right: 5px;
					display:inline;
					border: 1px solid #CCC;
					padding: 2px;
      	}

/*--------------------------------------*/		

		
		.img_floatclear {
         	clear: both;
      	}

	.keitai {
		margin			: 0 5px 5px 10px 	 ;
		text-align		: left				 ;
		border-bottom 	: 1px dotted #AAABAB ;
	}

		.keitai02 {
			height			: 95px			   ;/* 高さ修正20090122_吉岡 */
			margin			: 0px 5px 0px 10px ;
			text-align		: left			   ;
		}
	
	.mail {
		height		: 80px								

	;
		background	: url(../i/bg_mail.png) no-repeat 200px ;
		font-size	: 120%								

	;
		line-height : 120%         							

;
		margin		: 0px 5px 5px 8px						

;
		text-align	: left								

	;
	}

		.mailImage {
			margin		:10px 5px 5px 0px ;
		}

div#sidebar-right p.photo {
		text-align	: center	      ;
		margin		: 5px 0px 5px 0px ;
	}

	.communityNavi {
		margin  	: 5px 0px 5px 5px ;
		text-align	: left			  ;
	}
	
		.communityNavi li {
			font-size	: 120%			   ;
			line-height : 100%             ;
			padding     : 6px 0px 5px 15px ;
			>padding    : 6px 0px 6px 15px ;
			background  : url(../i/icon_orangeDoughnut.png) no-repeat 3px 

7px;
		}

/* お役立ちリスト（simpletree.css）20090115吉岡 */

.red_txt {
	font-size	: 100%			   ;
	color		: #FF0000		   ;
	text-align	: left			   ;
	}	

.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
font-size: 90%			   ;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
list-style-type: none;
font-size	: 120%			   ;
line-height : 100%             ;
padding-left: 10px;
margin-top:3px;
margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

/*-------------------- 右カラム ---------------------*/

/* 新着掲載店 */

p.caption2 {
		line-height: 1.3em;
		text-align: center;
		margin: 5px auto 0;
		font-size: 1.1em;
		width: 86px;
}

/* お知らせ */
.scroll {
	overflow: scroll;
	height: 110px;
	text-align: left;
}

/* マガジン */

.right_box2{
	background			: #FFFFFF			;
	width				: 297px				;
	border				: solid 1px #C9CACA	;
	margin-bottom		: 15px				;
	padding-bottom: 10px;
	overflow: hidden;

}

#SendMobileMailAddress {
	width : 86px;
}

.magazine {
	margin			: 10px 5px 0px 10px ;
	text-align		: left			 ;
}

.img_magazine {
			float		: left ;
			margin : 0 10px 0 0;
			display:inline;
		}	

.text2 {
	font-size	: 120%			   ;
	line-height : 120%             ;
	margin		: 0px 5px 0 10px ;
	text-align	: left			   ;
}

/* 左サイドバー */
div#sidebar	{
		width	: 180px			   ;
		float	: left			   ;
		margin	: 0 10px 25px 15px ;
		display	: inline	       ;
	}
	
	.search {
		width				: 150px				;
		min-height			: 100%				;
		padding				: 10px 14px			;
		margin-bottom		: 15px				;
		border				: solid 1px #AAABAB	;
		background-color	: #FFFFCC			;
		text-align: left;/* 追加 */
	}		

	.left_box {
		background	: #FFFFFF ;
		padding		: 5px 5px ;
	}		

	.searchList {
		font-size	: 12px ;
		line-height	: 12px ;
		font-family:"ＭＳ ゴシック";
	}

	.searchList li img {
        vertical-align: middle;
	}
	.searchList_inside {
			line-height : 160% ;
			padding-left: 18px ;
		}

	.line {
			border-bottom: 1px dotted #AAABAB ;
			margin		 : 5px 0px	15px 0px  ;
		}
	
	.areaList li {
			font-size	: 120%												  ;
			background  : url(../i/icon_orangeDoughnut.png) no-repeat 3px 7px ;
			padding     : 6px 0 5px 17px									  ;

		}

	.left_banner {
			width	:180px			  ;
			margin	:0px 0px 15px 0px ;
		}

	.left_banner2 {
			width		: 180px			  	;
			margin		: 0px 0px 15px 0px	;
			text-align	: left				;
		}

/*-------------------- 左カラム ---------------------*/

/* フリーワードで探す */
#ShopSearchWord {
	width : 146px;
}

p.swSearchBtn {
	text-align : right;
}


/*-------------------- clearfix ---------------------*/

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1% ;}
.clearfix {display: block ;}
/* End hide from IE-mac */

/* 新規登録 & ログイン */
ul#registAndLogin {
    float: left;
    width: 300px;
    display: inline;
}

ul#registAndLogin li {
    margin-left: 8px;
    margin-top: 6px;
    float: left;
    display: inline;
    font-size: 12px;
}

