@charset "utf-8";

/* font settings [ base.css ]
=================================
1: general elements
2: content navigations
3: content box
4: lists
5: table
6: other
7: general
99: clearFix
=================================*/

#sakura #pageWrapper {
	width: auto;
}

#sakura #pageContainer {
	width: 740px;
	margin: 0 auto;
}


/* general elements
=================================*/

/* -- global navi -- */
#sakura #headContainer #globalNavi {
	width: 740px;
	height: 43px;
}
#sakura #headContainer #globalNavi ul {

}
#sakura #headContainer #globalNavi ul li#closeup,
#sakura #headContainer #globalNavi ul li#flow,
#sakura #headContainer #globalNavi ul li#pharmacist,
#sakura #headContainer #globalNavi ul li#faq {
	float: left;
	width: 92px;
	height: 43px;
}
#sakura #headContainer #globalNavi ul li#shop,
#sakura #headContainer #globalNavi ul li#food,
#sakura #headContainer #globalNavi ul li#knowledge,
#sakura #headContainer #globalNavi ul li#disease {
	float: left;
	width: 93px;
	height: 43px;
}
#sakura #headContainer #globalNavi ul li#closeup a,
#sakura #headContainer #globalNavi ul li#flow a,
#sakura #headContainer #globalNavi ul li#pharmacist a,
#sakura #headContainer #globalNavi ul li#faq a {
	display: block;
	width: 92px;
	height: 43px;
}
#sakura #headContainer #globalNavi ul li#shop a,
#sakura #headContainer #globalNavi ul li#food a,
#sakura #headContainer #globalNavi ul li#knowledge a,
#sakura #headContainer #globalNavi ul li#disease a {
	display: block;
	width: 93px;
	height: 43px;
}

#sakura #headContainer #globalNavi ul li a span {
	display: none;
}
#sakura #headContainer #globalNavi ul li#shop a {
	background: url(/sakura/images/global_nav001.gif) no-repeat 0 0;
}
#sakura #headContainer #globalNavi ul li#closeup a {
	background: url(/sakura/images/global_nav002.gif) no-repeat 0 0;
}
#sakura #headContainer #globalNavi ul li#food a {
	background: url(/sakura/images/global_nav003.gif) no-repeat 0 0;
}
#sakura #headContainer #globalNavi ul li#knowledge a {
	background: url(/sakura/images/global_nav004.gif) no-repeat 0 0;
}
#sakura #headContainer #globalNavi ul li#flow a {
	background: url(/sakura/images/global_nav005.gif) no-repeat 0 0;
}
#sakura #headContainer #globalNavi ul li#disease a {
	background: url(/sakura/images/global_nav006.gif) no-repeat 0 0;
}
#sakura #headContainer #globalNavi ul li#pharmacist a {
	background: url(/sakura/images/global_nav007.gif) no-repeat 0 0;
}
#sakura #headContainer #globalNavi ul li#faq a {
	background: url(/sakura/images/global_nav008.gif) no-repeat 0 0;
}
#sakura #headContainer #globalNavi ul li#shop.on a,
#sakura #headContainer #globalNavi ul li#shop a:hover,
#sakura #headContainer #globalNavi ul li#shop a:active {
	background: url(/sakura/images/global_nav001on.gif) no-repeat 0 0;
}
#sakura #headContainer #globalNavi ul li#closeup.on a,
#sakura #headContainer #globalNavi ul li#closeup a:hover,
#sakura #headContainer #globalNavi ul li#closeup a:active {
	background: url(/sakura/images/global_nav002on.gif) no-repeat 0 0;
}
#sakura #headContainer #globalNavi ul li#food.on a,
#sakura #headContainer #globalNavi ul li#food a:hover,
#sakura #headContainer #globalNavi ul li#food a:active {
	background: url(/sakura/images/global_nav003on.gif) no-repeat 0 0;
}
#sakura #headContainer #globalNavi ul li#knowledge.on a,
#sakura #headContainer #globalNavi ul li#knowledge a:hover,
#sakura #headContainer #globalNavi ul li#knowledge a:active {
	background: url(/sakura/images/global_nav004on.gif) no-repeat 0 0;
}
#sakura #headContainer #globalNavi ul li#flow.on a,
#sakura #headContainer #globalNavi ul li#flow a:hover,
#sakura #headContainer #globalNavi ul li#flow a:active {
	background: url(/sakura/images/global_nav005on.gif) no-repeat 0 0;
}
#sakura #headContainer #globalNavi ul li#disease.on a,
#sakura #headContainer #globalNavi ul li#disease a:hover,
#sakura #headContainer #globalNavi ul li#disease a:active {
	background: url(/sakura/images/global_nav006on.gif) no-repeat 0 0;
}
#sakura #headContainer #globalNavi ul li#pharmacist.on a,
#sakura #headContainer #globalNavi ul li#pharmacist a:hover,
#sakura #headContainer #globalNavi ul li#pharmacist a:active {
	background: url(/sakura/images/global_nav007on.gif) no-repeat 0 0;
}
#sakura #headContainer #globalNavi ul li#faq.on a,
#sakura #headContainer #globalNavi ul li#faq a:hover,
#sakura #headContainer #globalNavi ul li#faq a:active {
	background: url(/sakura/images/global_nav008on.gif) no-repeat 0 0;
}


/* parts
=================================*/
/* colSection */
#sakura div.colSection {
	clear: both;
	margin-top: 15px;
}

#sakura div.colSection div.colLeft {
	float: left;
	width: 507px;
}
#sakura div.colSection div.colRight {
	float: right;
	width: 218px;
}

#sakura div.colSection div.colRight div.news,
#sakura div.colSection div.colRight div.shopInfo {
	background: url(/sakura/images/index_bg001.gif) repeat-y left top;
}

#sakura div.colSection div.colRight div.news {
	position: relative;
}
#sakura div.colSection div.colRight div.news p.title {
	font-size: 0;
}
#sakura div.colSection div.colRight div.news div.inner {
	padding: 0 10px 5px 7px;
	background: url(/sakura/images/index_bg002.gif) no-repeat left bottom;
}
#sakura div.colSection div.colRight div.news dl {
	padding: 7px 4px;
	background: url(/sakura/images/index_ex001.gif) repeat-x left top;
}
* html #sakura div.colSection div.colRight div.news dl {/* IE6 hack */
	height: 1px;
}
#sakura div.colSection div.colRight div.news p.backNumber {
	position: absolute;
	top: 12px;
	right: 10px;
}

#sakura div.colSection div.colRight div.shopInfo {
	margin-top: 5px;
}
#sakura div.colSection div.colRight div.shopInfo div.inner {
	padding: 0 10px 5px 11px;
	background: url(/sakura/images/index_bg002.gif) no-repeat left bottom;
}
* html #sakura div.colSection div.colRight div.shopInfo div.inner {/* IE6 hack */
	height: 1px;
}
#sakura div.colSection div.colRight div.shopInfo div.colImg {
	float: left;
	width: 75px;
}
#sakura div.colSection div.colRight div.shopInfo div.colTx {
	float: left;
	width: 122px;
	margin-top: -3px;
	line-height: 1.3;
}
#sakura div.colSection div.colRight div.shopInfo dl {
	padding: 5px 0;
	background: url(/sakura/images/index_ex001.gif) repeat-x left top;
}
* html #sakura div.colSection div.colRight div.shopInfo dl {/* IE6 hack */
	height: 1px;
}
#sakura div.colSection div.colRight div.shopInfo dt {
	font-size: 80%;
}
#sakura div.colSection div.colRight div.shopInfo dd {
	font-size: 86%;
}
#sakura div.colSection div.colRight div.shopInfo span.txt {
    display:block;
	font-size: 86%;
}

/* information */
#sakura div.colSection div.information {
	background: url(/sakura/images/index_bg003.gif) no-repeat left top;
}
#sakura div.colSection div.information p.title {
	font-size: 0;
}

/* linkboxSection */
#sakura div.linkboxSection {
	margin: 0 0 0 20px;
}
/* linkboxArea */
#sakura div.linkboxArea {
	clear: both;
}

/* linkBox */
#sakura div.colSection div.linkBox {
	display: inline;
	float: left;
	width: 225px;
	margin: 12px 12px 0 0;
}
#sakura div.colSection div.linkBox .linkboxIn {
	padding: 8px 6px 0 8px;
}

#sakura div.colSection div.linkBox div.colImg {
	float: left;
	width: 68px;
	cursor: pointer;
}
#sakura div.colSection div.linkBox div.colText {
	float: left;
	width: 143px;
	cursor: pointer;
}

#sakura div.colSection div.linkBox span.close {
	clear: both;
	display: block;
	height: 8px;
	background: url(/sakura/images/index_bg005.gif) no-repeat left bottom;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}


#sakura div.colSection div.linkBox div.colText p.title {
	margin: 5px 0 10px;
}
#sakura div.colSection div.linkBox div.colText dl {
	line-height: 1.3;
}
#sakura div.colSection div.linkBox div.colText dt {
	font-size: 80%;
}
#sakura div.colSection div.linkBox div.colText dd {
	font-size: 86%;
}
#sakura div.colSection div.linkBox div.colText dt img.newIcon {
	margin-left: 2px;
}

/* linkSection */
#sakura div.linkSection {
	clear: both;
	position: relative;
	margin-top: 30px;
}

#sakura div.linkSection p.title {
	background: url(/sakura/common/images/com_bg004.gif) repeat-x 4% 50%;
}
* html #sakura div.linkSection p.title {/* IE6 hack */
	height: 1px;
}
#sakura div.linkSection p.backNumber {
	position: absolute;
	top: 6px;
	left: 144px;
}

#sakura div.linkSection ul.bannerList {
	margin: 15px 0 0 20px;
}
#sakura div.linkSection ul.bannerList li {
	float: left;
	margin-right: 20px;
}
#sakura div.linkSection ul.buttonList {
	margin: 15px 0 0 20px;
}
#sakura div.linkSection ul.buttonList li {
	float: left;
	margin-right: 6px;
}





/* clearFix
=================================*/
#sakura div.colSection:after,
#sakura div.colSection div.colRight div.inner:after,
#sakura div.colSection div.information:after,
#sakura div.linkboxArea:after,
#sakura div.linkSection ul.bannerList:after,
#sakura div.linkSection ul.buttonList:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #sakura div.colSection,
* html #sakura div.colSection div.colRight div.inner,
* html #sakura div.colSection div.information,
* html #sakura div.linkboxArea,
* html #sakura div.linkSection ul.bannerList,
* html #sakura div.linkSection ul.buttonList {/* IE6 hack */
	zoom: 1;
} 
*:first-child+html #sakura div.colSection,
*:first-child+html #sakura div.colSection div.colRight div.inner,
*:first-child+html #sakura div.colSection div.information,
*:first-child+html #sakura div.linkboxArea,
*:first-child+html #sakura div.linkSection ul.bannerList,
*:first-child+html #sakura div.linkSection ul.buttonList {/* IE7 hack */
	zoom: 1;
}