@charset "shift_jis";
/* CSS Document */

/* RESET */
@import url("reset.css");

/* OLD */
@import url("common2.css");




/***********************************************
共通
 ***********************************************/
.of{
	overflow:hidden;
	height:100%;
	}
.f_bold{
	font-weight:bold;
	}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility:hidden;
}
.clearfix {	display:inline-block;}
/*Hides from IE-mac \*/
*html.clearfix {height:1%;}
.clearfix {	display:block;}
/*End hide from IE-mac */

.clear{
	clear:both;
	}
.left{
	float:left;
	display:inline;
	}
.right{
	float:right;
	display:inline;
	}
.center{
	text-align:center;
	}
.displayNone{
	display:none;
	}
.mb_20{
	margin-bottom:20px;
	}
.mb_15{
	margin-bottom:15px;
	}
.mb_10{
	margin-bottom:10px;
	}
.mb_5{
	margin-bottom:5px;
	}
.f_bold{
	font-weight:bold;
	}
.orange_1{
	font-size:130%;
	color:#FF6600;
	font-weight:bold;
	}
.orange_2{
	font-size:110%;
	color:#FF6600;
	font-weight:bold;
	}
.orange_3{
	color:#FF6600;
	font-weight:bold;
	}
.target_icon{
	padding-left:5px;
	}
.opacity a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}

/* Utilities ----------------------------------------------------------------- */

.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.pkg { display: block; }
/* no ie mac ￥*/
* html .pkg{ height: 1%; }
.pkg { display: block; }
/* */

.inline { display: inline; }
.hidden { display: none; }

/* end-Utilities ----------------------------------------------------------------- */



/*********************************************************************************************************************************************/


/***********************************************
全体
 ***********************************************/

body {
	font-size: 80%;
	line-height:1.5;
	}
	 
/* for IE6 */
* html body {
	font-size: 80%;
	}
 
/* for IE7 */
*:first-child+html body {
	font-size: 80%;
	}
	
	

/***********************************************
 ヘッダー
 ***********************************************/
/*全体*/ 
#header_area{
	width:100%;
	text-align:center;
	line-height:1.5;;
	}
#header{
	width:950px;
	margin: 0 auto;
    text-align: left;
	display:block;
	}
/*詳細*/

#header_area #header {
	padding-top: 15px;
	padding-bottom: 15px;
}
#header_area #header h1 {


}
#header_area #header #header_nav{
	display: inline;
	float: right;
	padding-top:15px;
}
#header_area #header #header_nav li {
	background: url(../img/common/icon_1.gif) left center no-repeat;
	display: inline;
	float: left;
	padding-left: 20px;
	margin-right:20px;
}
#header_area #header #search_area{
	background:url(../img/common/seach_icon.gif) 0 15px no-repeat;
	padding-left:30px;
	padding-top:15px;
	display: inline;
	float: right;
	width:280px;
	}
#header_area #header #search_area .search_box {
	width: 196px;
	padding:2px;
}
#header_area #header .header_left{
	float:left;
	display:inline;
	width:281px;
	}


	
/**** グローバルナビ ****/
/*全体*/ 
#gnav_area{
	height:46px;
	background-image: url(../img/common/gnav_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	}
#gnav_area #gnav{
	width:950px;
	margin: 0 auto;
    text-align: left;
	display:block;
	}	


/*詳細*/
#gnav_area #gnav ul#navi_box {
	background: url(../img/common/gnav.gif) no-repeat center top;
	padding-top:0;
	width: 950px; height: 46px; margin: 0px auto; position: relative; z-index: 9999em;
 }
#gnav_area #gnav ul#navi_box li { display: inline; }
#gnav_area #gnav ul#navi_box li a.nav1 { float: left; width: 160px; height: 0; padding-top:46px; overflow: hidden; }
#gnav_area #gnav ul#navi_box li a.nav2{ float: left; width: 158px; height: 0; padding-top:46px; overflow: hidden; }
#gnav_area #gnav ul#navi_box li a {
	background: url(../img/common/gnav.gif) no-repeat center top;
}

/* OFF */
#gnav_area #gnav ul#navi_box li#nav01 a { background-position: 0 0; }
#gnav_area #gnav ul#navi_box li#nav02 a { background-position: -160px 0; }
#gnav_area #gnav ul#navi_box li#nav03 a { background-position: -318px 0; }
#gnav_area #gnav ul#navi_box li#nav04 a { background-position: -476px 0; }
#gnav_area #gnav ul#navi_box li#nav05 a { background-position: -634px 0; }
#gnav_area #gnav ul#navi_box li#nav06 a { background-position: -792px 0; }



/* ON */
#gnav_area #gnav ul#navi_box li#nav01 a:hover { background-position: 0 -46px; }
#gnav_area #gnav ul#navi_box li#nav02 a:hover { background-position: -160px -46px; }
#gnav_area #gnav ul#navi_box li#nav03 a:hover { background-position: -318px -46px; }
#gnav_area #gnav ul#navi_box li#nav04 a:hover { background-position: -476px -46px; }
#gnav_area #gnav ul#navi_box li#nav05 a:hover { background-position: -634px -46px; }
#gnav_area #gnav ul#navi_box li#nav06 a:hover { background-position: -792px -46px; }


/* ON STATES */
/*該当ページのclass指定　div id="g_navi" class="●●●"*/
#gnav_area.home #gnav ul#navi_box li#nav01 a { 		background-position: 0 -92px; !important; }				/*トップページ*/		/*class="home"*/
#gnav_area.nv_takuhai #gnav ul#navi_box li#nav02 a { 	background-position: -160px -92px; !important; }		/* 共同購入・個配*/		/*class="nv_takuhai"*/
#gnav_area.omise #gnav ul#navi_box li#nav03 a { 	background-position: -318px -92px; !important; }			/* お店*/		  		/*class="omise"*/
#gnav_area.coop_brand #gnav ul#navi_box li#nav04 a { 	background-position: -476px -92px; !important; }		/* コープの商品*/		/*class="coop_brand"*/
#gnav_area.kurashi #gnav ul#navi_box li#nav05 a { 	background-position: -634px -92px; !important; }			/* くらしのサービス*/	/*class="kurashi"*/
#gnav_area.torikumi #gnav ul#navi_box li#nav06 a { 	background-position: -792px -92px; !important; }			/* とりくみ・活動*/		/*class="torikumi"*/



/***********************************************
 コンテンツ
 ***********************************************/

/*全体*/
#wrap{
	width:950px;
	margin: 0 auto;
    text-align: left;
	}
#wrap #contents{
	padding:0 0 30px 0;	
	}
	
#kyoto-body #contents{
	width:800px;
	margin: 0 auto;
	padding:25px 0 35px 0;
	}
#taberu-body #contents{
	width:740px;
	margin: 0 auto;
	padding:0 0 35px 0;
	margin-top:25px;
	}	

#top #wrap #contents{
	padding:25px 0 30px 0;	
	}
#cam-body #camWrap{
	padding:25px 0 0 30px;
	}
	
/*flashエリア*/
#flash_area{
	width:100%;
	height:345px;
	text-algin:center;
	background:url(../img/common/flash_bg.gif) 0 0 repeat-x;
	}
#flash_area #flash{
	width:1000px;
	margin: 0 auto;
    text-align: left;
	display:block;
	}
#flash_area #flash object{
	outline: none;
	}

/*メインタイトルエリア（総代コンテンツ等）*/
#main_title_area{
	width:100%;
	text-algin:center;
	background-color:#F4F2E7;
	border-top:6px solid #FF6600;
	margin-bottom:15px;
	}
#main_title{
	width:950px;
	margin: 0 auto;
    text-align: left;
	}	
	


/******** メインコンテンツ ********/
#pankuzu{
	padding:10px 0;
	}
#page_title{
	margin-bottom:20px;
	}
.squ {
	width: 485px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	border: thin double #FF6600;
	padding-left: 10px;
}

/*****半区切り２カラムパターン****/
.left_cont{
	float:left;
	display:inline;
	width:460px;
	margin:20px 30px 0 0;
	}
.right_cont{
	float:left;
	display:inline;
	width:460px;
	margin:20px 0 0 0;
	}
/*****右サブメニュー２カラムパターン****/
#wrap #main{
	width:690px;
	float:left;
	display:inline;
	}
#wrap #sub{
	width:240px;
	float:right;
	display:inline;
	}

/*****２カラムのコンテンツ中に２カラム*****/
.clm2_lcont{
	width:335px;
	float:left;
	display:inline;
	}
.clm2_rcont{
	width:335px;
	float:right;
	display:inline;
	}


/*ページトップ*/
.page_top{
	text-align:right;
	width:950px;
	margin: 0 auto;
	}
.page_top p{
	margin:0;
	padding-top:30px;
	}
#kyoto-body #contents .w640px .page-top{
	text-align:right;
	width:640px;
	}
#wrap .page-top{
	width:950px;
	margin: 0 auto;
	padding-bottom:20px;
    text-align: right;
	}
#wrap .page-top p{
	background: url("../globalnabi_img/page_top.gif") no-repeat scroll right center transparent;
    padding-right: 15px;
	}
#kyoto-body .page-top{
	width:800px;
	margin: 0 auto;
	padding-bottom:20px;
    text-align: right;
	}
#kyoto-body .page-top p{
	background: url("../globalnabi_img/page_top.gif") no-repeat scroll right center transparent;
    padding-right: 15px;
	}
#cam-body .page-top{
	width:800px;
	margin: 0 auto;
	padding-top:20px;
	padding-bottom:20px;
    text-align: right;

	}
#cam-body .page-top p{
	background: url("../globalnabi_img/page_top.gif") no-repeat scroll right center transparent;
    padding-right: 15px;
	}
	
#taberu-body .page-top{
	width:740px;
	margin: 0 auto;
	padding-bottom:20px;
    text-align: right;
	}
#taberu-body .page-top p	{
	background: url("../globalnabi_img/page_top.gif") no-repeat scroll right center transparent;
    padding-right: 15px;
	}
#kawara-body .page-top{
	width:680px;
	margin: 0 auto;
	padding-bottom:20px;
    text-align: right;
	}
#kawara-body .page-top p	{
	background: url("../globalnabi_img/page_top.gif") no-repeat scroll right center transparent;
    padding-right: 15px;
	}
/***********************************************
 フッター
 ***********************************************/
/*全体*/ 
#footer_area{
	width:100%;
	text-align:center;
	background-color:#F3F0E4;
	}
#footer{
	width:950px;
	margin: 0 auto;
    text-align: left;
	display:block;
	padding:15px 0 20px 0;
	}
#footer_navi{
	margin-bottom:5px;
	}

	
/*詳細*/

#footer_area #footer #footer_nav {
	background:url(../img/common/footer_nav_bg.gif) 0 0 repeat-x;
	padding-bottom:15px;
}
#footer_area #footer #footer_nav li {
	display: inline;
	background-image: url(../img/common/icon_2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:18px;
	margin-right:8px;
}
#footer_area .copyright {
	font-size: x-small;	
}
#footer_area .copyright  p{
	line-height:1.8;
	}
.common_footer_logo{
	margin-bottom:10px;
	}
	
#footer_area #footer .of .copyright {
	display: inline;
	float: left;
	width: 550px;
}
#footer_area #footer .of .footer_right {
	display: inline;
	float: right;
	width: 390px;
}
#footer_area #footer .of .footer_right .verisign{
	width:125px;
	float:right;
	display:inline;
}
#footer_area #footer .of .footer_right .iso{
	width:54px;
	float:right;
	display:inline;
}
#footer_area #footer .of .footer_right .iso_txt{
	width:160px;
	padding:0 15px;
	float:right;
	display:inline;
	text-align:left;
}
#footer_area #footer .of .copyright .logo {
	margin-bottom: 8px;
}