@charset "utf-8";

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

	ポッカ　カートカン　CSS
	
	ver 2009/ 09
	
	common.css
	
-----------------------------------------------------------*/


/** common.css menu -----------------------------------------

	1.common
		1-1.Main
		1-2.link
	
	2.Layout
		2-1.column　pattern
		2-2.パーツ
		2-3.見出し
		2-4.ローカルナビ
		2-5.文章と写真
	
	3.G Navigation
	

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

	1.common

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

/*------------------------------------------------------------ 1-2.Main*/	

#MAIN {
	margin: 1px auto;
	font-size:75%;
	background-image: url(/cartocan/images/bg_main.gif);
	background-repeat: repeat-y;
}

/* \*/

#MAIN, x:-moz-read-only {
	font-size: 12px;
	
}

/**/

#MAIN p,
#MAIN li,
#MAIN dt,
#MAIN dd{
	line-height: 1.5;
	font-size: 100%;
}

#MAIN ul li,
#MAIN ol li{
	list-style-type: none;
}


/*------------------------------------------------------------ 1-2.Link*/
	
#MAIN a:link{
	color: #20680f;
}
#MAIN a:visited{
	color: #20680f;
}
#MAIN a:hover,a:active,a:focus{
	color: #20680f;
	text-decoration: none;
}

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

	2.Layout

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

div#mainContetns{
	float: right;
	width: 570px;
	padding-top: 10px;
	text-align: left;
}

div#localContetns{
	float: left;
	width: 180px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

/*---------------------------------------------------- 2-1.column　pattern*/
div.locator{
	clear: both;
}

div.column2A,
div.column2B,
div.column3A,
div.column3B,
div.column3C,
div.column4A,
div.column4B,
div.column4C,
div.column4D,
div.column5A,
div.column5B,
div.column5C,
div.column5D,
div.column5E,
div.column2AEx,
div.column2BEx,
div.column3AEx,
div.column3BEx,
div.column3CEx,
div.photoArea{
	float: left;
}


div.floatLeft{
	float: left;
}

div.floatRight{
	float: right;
}

/*---------------------------------------------------------- 2-2.パーツ*/

#MAIN .images,
div.photoArea p{
	line-height: 0;
	font-size: 0;
}

/* リード文　*/

div#mainContetns p.lead{
	margin-bottom: 13px;
		color:#49392c;
	font-weight:bold;
}

/* 文章　*/

div#mainContetns p.sentence{
	margin-bottom: 17px;
}

div#mainContetns p.sentenceLast{
	margin-bottom: 12px;
}


div#mainContetns p.mb80{
	margin-bottom: 80px;
}

/*リンクリスト*/

#MAIN ul.links li{
	padding-left: 20px;
	background-image: url(/cartocan/images/ico_list01.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

#MAIN ul.links li.newwin{
	padding-left: 20px;
	background-image: url(/cartocan/images/ico_list03.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

/*注釈リスト*/

#MAIN ul.notes li{
	padding-left: 10px;
	background-image: url(/cartocan/images/ico_notes.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-size: 91.7%;
}

/*　ol　*/

#MAIN ol.num li{
	padding-left: 23px;
	background-position: 0 1px;
	background-repeat: no-repeat;
	margin-bottom: 3px;
}

#MAIN ol.num li.num01{
	background-image: url(/cartocan/images/ico_list_num01.gif);
}

#MAIN ol.num li.num02{
	background-image: url(/cartocan/images/ico_list_num02.gif);
}

#MAIN ol.num li.num03{
	background-image: url(/cartocan/images/ico_list_num03.gif);
}

#MAIN ol.num li.num04{
	background-image: url(/cartocan/images/ico_list_num04.gif);
}

/* ページトップへ*/

div.goTop{
	clear: both;
	width: 100%;
	padding: 10px 0px 15px 0px;
	background-image: url(/cartocan/images/bg_line01.gif);
	background-repeat: repeat-x;
	background-position: top;
}

div.goTop p{
	padding-right: 12px;
	text-align: right;
}

#MAIN div.goTop p a:link,
#MAIN div.goTop p a:visited,
#MAIN div.goTop p a:hover{
	color: #757575;
}

div.goTop p img{
	vertical-align: middle;
	margin-right: 3px;
}

/*---------------------------------------------------------- 2-3.見出し*/

div#mainContetns h2.images{
	margin-bottom: 29px;
}


#MAIN div#mainContetns h3.catTitle{
	margin-left: 11px;
	margin-bottom: 19px;
	line-height: 0;
	font-size: 0;
}

#MAIN div#mainContetns h3.catTitle.unNavi{
	margin-bottom: 0px;
}

#MAIN div#mainContetns h4.pageTitle{
	clear: both;
	margin-bottom: 17px;
}


#MAIN div#mainContetns h5{
	background-image: url(/cartocan/images/bg_h5.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 11px 18px 0px 18px;
	font-weight: bold;
	font-size: 100%;
	color: #3e3b2c;
}


/*----------------------------------------------------- 2-4.local Navi*/

div#mainContetns div.localNavi{
	clear: both;
	width: 100%;
	background-image: url(/cartocan/images/bg_line01.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 10px;
}

div#mainContetns div.localNavi ul{
	margin-bottom: 5px;
}

div#mainContetns div.localNavi ul li{
	float: left;
	display: block;
	padding-bottom: 5px;
	margin-right: 9px;
	line-height:0;
}

div#mainContetns div.localNavi ul li.last{
	margin-right: 0px;
}

/* ナビゲーション ページ上部配置*/

div#mainContetns div.localNavi.topPosition{
	padding-top: 11px;
	margin-top: 11px;
}

div#mainContetns div.localNavi.topPosition ul{
	margin-bottom: 15px;
}

/*----------------------------------------------- 2-5.文章と写真*/


div#mainContetns div.articleArea{
	clear: both;
	width: 100%;
	
}

div#mainContetns div.articleArea h5{
	margin-bottom: 16px;
}

div#mainContetns div.articleArea h5 span{
	color: #2a620a;
	margin-right: 4px;
}

div#mainContetns div.articleArea div.column2A{
	width: 295px;
	margin-left: 10px;
	margin-right: 31px;
	padding-bottom: 9px;
}

/* \*/

* html div#mainContetns div.articleArea div.column2A{
	margin-left: 5px;
}

/**/

/*トピックス*/
div#mainContetns div.articleArea div.column2A.photo02{
	width: 222px;
}

/* \*/

* html div#mainContetns div.articleArea div.column2A.photo02{
	width: 202px;
}
/**/

/*カートカンと環境*/
div#mainContetns div.articleArea div.column2A.textBox{
	width: 440px;
	margin-right: 20px;
	padding-bottom: 19px;
}



div#mainContetns div.articleArea div.column2A.pb16{
	padding-bottom: 16px;
}

div#mainContetns div.articleArea div.column2A.photo05{
	width: 253px;
	padding-bottom: 16px;
}

/*ご家庭でもエコロジー*/
div#mainContetns div.articleArea div.column2A.photo06{
	width: 267px;
	padding-bottom: 20px;
}


div#mainContetns div.articleArea div.column2B{
	width: 215px;
	text-align: center;
	padding-bottom:9px;
}

/*トピックス*/
div#mainContetns div.articleArea div.column2B.photo02{
	width: 282px;
}


/*カートカンと環境*/
div#mainContetns div.articleArea div.column2B.photo04{
	width:99px;
	text-align: right;
	padding-bottom: 19px;
}



div#mainContetns div.articleArea div.column2B.pb16{
	padding-bottom: 16px;
}

div#mainContetns div.articleArea div.column2B.photo05{
	width: 257px;
	padding-bottom:16px;
}

/*ご家庭でもエコロジー*/
div#mainContetns div.articleArea div.column2B.photo06{
	width: 243px;
	padding-bottom: 20px;
}


div#mainContetns div.articleArea div.column2B dl dt{
	line-height: 0;
	margin-bottom: 4px;
	text-align: center;
}

div#mainContetns div.articleArea div.column2B p{
	line-height: 0;
}

div#mainContetns div.articleArea div.column2B dd{
	text-align: left;
}

div#mainContetns div.articleArea div.column2B dd.underPhoto{
	margin-bottom: 6px;
}

/*カートカンと環境*/
div#mainContetns div.articleArea div.column2B.photo04 p{
	text-align: right;
}

/*トピックス*/
div#mainContetns div.articleArea div.column2B dl.photo03{
	width: 160px;
	margin: 0px auto;
}

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

	3.G Navigation

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

div#localContetns div#cGNavi{
	width: 176px;
	margin: 0px auto;
	background-image: url(/cartocan/images/bg_gnavi_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 12px;
}

div#localContetns div#cGNavi ul{
	width: 100%;
	background-image: url(/cartocan/images/bg_gnavi_bottom.gif);
	background-position: left bottom;
	padding-bottom: 12px;
	text-align: left;
}

#MAIN div#localContetns div#cGNavi li{
	line-height: 0;
	font-size: 0;
}

/*--------------------------------------------------------------- clearfix*/

div.goTop:after,
div.locator:after,
div#mainContetns div.articleArea:after,
div#mainContetns div.localNavi ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

div.goTop,
div.locator,
div#mainContetns div.articleArea,
div#mainContetns div.localNavi ul { display:inline-block; }

/*\*/
* html div.goTop,
* html div.locator,
* html div#mainContetns div.articleArea,
* html div#mainContetns div.localNavi ul { height:1%; }

div.goTop,
div.locator,
div#mainContetns div.articleArea,
div#mainContetns div.localNavi ul { display:block; }
/**/