@charset "UTF-8";

/**********************************************
 page layout
 **********************************************/

#container {
  margin:0 auto;
  width:800px;
}

/**********************************************
 header
 **********************************************/

#header {
	margin:0 0 5px 0;
	padding:0;
	width:800px;
	height:118px;
}

/* head_string */

#head_string {
	position:relative;
	margin:0;
	padding:0;
	width:800px;
	height:83px;
	background-color:#FFFFF5;
}
#head_string h1, #head_string p {
	position:absolute;
	left:0;
	top:0;
	width:800px;
	height:83px;
	margin:0;
}
#head_string h1, #head_string p {
	text-indent:-1000px;
}
#head_string h1 { background:transparent url(../img/layout/head_site_logo.gif) left top no-repeat scroll; }
#head_string p  { background:transparent url(../img/layout/head_string.gif) right bottom no-repeat scroll; }

/* grobal_navi */

#grobal_navi {
	margin:0;
	padding:0 20px;
	width:760px;
	height:35px;
	background:#f67910 url(../img/layout/gnavi.gif) 0 0 no-repeat scroll;
	overflow:visible;
}
#grobal_navi ul {
	margin:0;
	padding:9px 0;
	color:#FFFFFF;
	font-size:16px;
	white-space:nowrap;
	line-height:1;
}
#grobal_navi li {
	display:inline;
	margin:0;
	padding:0 20px 0 7px;
	background:url(../img/layout/gnavi_arrow.gif) left center no-repeat scroll;
}
#grobal_navi li a {
	color:#FFFFFF;
	text-decoration:none;
}
#grobal_navi li a:hover {
	text-decoration:underline;
}

/**********************************************
 content
 **********************************************/

#content {
	padding:0;
	width:800px;
	background:#F2F2DF url(../img/layout/content.gif) 0 0 repeat-y scroll;
}
#content #article {
	width:500px;
	float:right;
}
#content #side_nav {
	width:261px;
	padding:0 4px 0 0;
	float:right;
}
#content .tail {
	clear:right;
	height:7px;
	background:transparent url(../img/layout/content_tail.gif) right bottom no-repeat scroll;
}

/**********************************************
 footer
 **********************************************/

#footer {
	width:800px;
	margin:10px 0;
	color:#5C574A;
	font-size:0.8em;
	line-height:1.4;
}

/* footer_nav */

#footer_nav {
	text-align:right;
	margin:0 10px 0 0;
}
#footer_nav a {
	color:#5C574A;
	text-decoration:none;
}
#footer_nav a:hover {
	text-decoration:underline;
}

/**********************************************
 article
 **********************************************/

#article {
	padding:10px 10px 20px 25px;
}

/**********************************************
 side_nav
 **********************************************/

#side_nav {
	color:#FFFFFF;
	font-size:12px;
	line-height:1.5;
}
#side_nav a {
	color:#FFFFFF;
}
#side_nav p {
	margin:10px;
}

/* heading */

#side_nav h2 {
	width:100%;
	text-indent:-1000px;
	overflow:hidden;
	margin:0 0 10px 0;
	padding:0;
}
#side_nav h3 {
	font-size:120%;
	line-height:1;
}

/* common side_nav */

#side_nav #page_nav_head h2 {
	background:transparent url(../img/layout/sidenav_head_1.jpg) 0 0 no-repeat scroll;
	height:331px;
}
body#page_pharmacy #page_nav_head h2 { background:transparent url(../img/layout/sidenav_head_2.jpg) 0 0 no-repeat scroll; }
body#page_index #page_nav_head h2,
body#page_faq #page_nav_head h2 { background:transparent url(../img/layout/sidenav_head_3.jpg) 0 0 no-repeat scroll; }

.side_nav_shopinfo {
	margin:10px 0;
}
.side_nav_shopinfo .map {
	margin:0 6px;
}
.side_nav_shopinfo h3 {
	margin:10px;
	padding:0;
}

#side_nav_iryouservice {
	 margin:20px 19px;
}

/* blog's side_nav */

#blog_nav_head {
	margin:0 0 20px 0;
}
#side_nav #blog_nav_head h2 {
	background:transparent url(../img/layout/sidenav_head_blog.jpg) 10px 10px no-repeat scroll;
	height:28px;
	/*
	background:transparent url(../img/layout/sidenav_head_blog.jpg) 5px 10px no-repeat scroll;
	height:168px;
	*/
}

#side_nav .side_nav_shopinfo h3 {
	margin:10px;
	padding:0;
}

#side_nav .blog_archives {
	color:#666666;
	background:#FFFFFF;
	margin:10px 6px;
}
#side_nav .blog_archives a {
	color:#666666;
}
#side_nav .blog_archives h3 {
	color:#F57510;
	margin:0;
	padding:5px;
	border-bottom:#FF9900 1px solid;
}
#side_nav .blog_archives h3 a {
	color:#F57510;
}
#side_nav .blog_archives .body {
	padding:10px;
}
#side_nav .blog_archives ul {
	line-height:1;
	list-style:none disc outside;
	margin:0 15px 0 15px;
	padding:0;
}
#side_nav .blog_archives li {
	margin:0 0 5px 0;
	padding:0;
}