@charset "utf-8";

/******************************
 fundamental
 ******************************/

body{
  margin:0 0 50px 0;
}

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

/* whole setings */

#header {
  border-top:#00A0E9 4px solid;
  color:#00A0E9;
  font-size:12px;
  line-height:1.1;
}
#headlead {
  position:relative;
  width:920px;
  height:108px;
  margin:0 auto;
  padding:0 19px;
  border-left: #D5D5D5 1px solid;
  border-right:#D5D5D5 1px solid;
}
#header #headlead_nav {
	position:absolute;
  width:390px;
	height:99px;
	left:550px;
	top:10px;
}
#headlead_text, h1, #header ul, #header li {
  margin:0;
  padding:0;
  list-style:none outside;
  overflow:hidden;
}

/* prepare image */

#header a {
  background:transparent url(../img/layout/layout.gif?20100707) 0 0 no-repeat scroll;
  display:block;
  overflow:hidden;
  text-indent:-1000px;
}

/* image size settings */

#header h1, #header h1 a { width:316px; height:58px; }

#leadnav_recruit, #leadnav_recruit a { width:189px; height:33px; }
#leadnav_privacy, #leadnav_privacy a { width:120px; height:18px; }
#leadnav_web,     #leadnav_web a     { width: 60px; height:18px; }
#leadnav_sitemap, #leadnav_sitemap a { width: 80px; height:18px; }
#leadnav_entry,   #leadnav_entry a   { width: 70px; height:18px; }

#gnavi li  { width:131px; height:63px; }
#gnavi li a { width:171px; height:63px; }

/* image map-position settings */

#header h1 a { background-position:0 -1px; }

#leadnav_recruit a { background-position:0 -60px; }
#leadnav_privacy a { background-position:-1584px 0; }
#leadnav_web a     { background-position:-1584px -19px; }
#leadnav_sitemap a { background-position:-1584px -38px; }
#leadnav_entry a   { background-position:-1584px -57px; }

#leadnav_recruit a:hover { background-position:0 -93px; }
#leadnav_privacy a:hover { background-position:-1705px 0; }
#leadnav_web a:hover     { background-position:-1705px -19px; }
#leadnav_sitemap a:hover { background-position:-1705px -38px; }
#leadnav_entry a:hover   { background-position:-1705px -57px; }

#gnavi ul li#gnav_index a     { background-position: -378px 0; }
#gnavi ul li#gnav_philosophy a { background-position: -550px 0; }
#gnavi ul li#gnav_message a   { background-position: -722px 0; }
#gnavi ul li#gnav_company a   { background-position: -894px 0; }
#gnavi ul li#gnav_shop a      { background-position:-1066px 0; }
#gnavi ul li#gnav_academic a  { background-position:-1238px 0; }
#gnavi ul li#gnav_recruit a   { background-position:-1410px 0; }

#page_index #gnavi ul li#gnav_index a         { background-position: -378px -63px; }
#page_philosophy #gnavi ul li#gnav_philosophy a { background-position: -550px -63px; }
#page_message #gnavi ul li#gnav_message a     { background-position: -722px -63px; }
#page_company #gnavi ul li#gnav_company a     { background-position: -894px -63px; }
#page_shop #gnavi ul li#gnav_shop a           { background-position:-1066px -63px; }
#page_academic #gnavi ul li#gnav_academic a   { background-position:-1238px -63px; }
#page_recruit #gnavi ul li#gnav_recruit a     { background-position:-1410px -63px; }

/* header elements position setings */

#headlead_text, #header h1, #headlead_nav li {
  position:absolute;
}
#headlead_text { left:19px; top:10px; }
#header h1     { left:19px; top:36px; }

#headlead_nav li#leadnav_recruit { left:201px; top:0; }
#headlead_nav li#leadnav_privacy { left: 15px; top:49px; }
#headlead_nav li#leadnav_web     { left:150px; top:49px; }
#headlead_nav li#leadnav_sitemap { left:225px; top:49px; }
#headlead_nav li#leadnav_entry   { left:320px; top:49px; }

/* gnavi position setings */

#gnavi {
  width:100%;
  height:63px;
  background:url(../img/layout/gnavi.gif) 0 0 repeat-x scroll;
}
#gnav_inner {
  position:relative;
  width:917px;
  height:63px;
  margin:0 auto;
  overflow:hidden;
}
#gnavi ul {
  width:1204px;
  height:63px;
}
#gnavi ul li {
  float:left;
	cursor:pointer;
}

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

#content_header, #content_body {
	width:920px;
	margin:0 auto;
}

/* content_header */

#content_header {
	padding:5px 19px;
}
#content_header #topic_path {
	text-align:right;
	font-size:12px;
	line-height:1.1;
}

/* content_body */

#content_body {
	padding:20px 19px 9px 19px;
  border-left:#D5D5D5 1px solid;
	border-right:#D5D5D5 1px solid;
  zoom: 100%;
}
#content_body:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#content_body h2 {
	margin:0 0 20px 0;
}
#article {
	float:left;
	width:640px;
	padding-right:20px;
	margin-bottom:20px;
	overflow:hidden;
}
#side_nav {
	float:left;
	width:260px;
	overflow:hidden;
}

/* separator */

#sep_in_content {
  height:1px;
	overflow:hidden;
  background:#D5D5D5;
}


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

/* whole setings */

#footer {
	border-top:#D5D5D5 1px solid;
	font-size:11px;
	line-height:1.4;
}
#footer p {
	margin:2px 0;
}
#footer #footer_info, #footer #footer_nav, #footer #footer_copyright {
	width:920px;
	margin:10px auto;
}

/* separator */

#footer #sep_copyright, #footer #sep_footernav {
  height:1px;
	overflow:hidden;
}
#footer #sep_copyright {
  background:#D5D5D5;
}
#footer #sep_footernav {
  background:#00A0E9;
	width:920px;
	margin:0 auto;
}

/* footer_nav setings */

#footer .nav_wrapper {
	margin:0 0 4px -1px;
	overflow:hidden;
	line-height:1.1;
}
#footer .nav_wrapper li {
	border-left:#656363 1px solid;
	padding:4px 0;
	display:inline;
	
}
#footer_sslinfo {
	width:115px;
	float:left;
}
#footer_siteinfo {
	margin-left:125px;
}

/* footer_siteinfo setings */

#footer_siteinfo h3 {
	color:#06A3EA;
	font-size:14px;
	line-height:1.1;
	font-weight:bold;
	margin:0 0 10px 0;
}

/* footer_btn setings */

#footer_btn {
	position:relative;
	height:0;
}

#footer_btn a {
	display:block;
	width:189px;
	height:33px;
	background:transparent url(../img/layout/layout.gif?20100707) 0 -60px no-repeat scroll;
	text-indent:-1000px;
	overflow:hidden;
	position:absolute;
	right:0;
	bottom:0;
}
#footer_btn a:hover { background-position:0 -93px; }

/* footer_copyright setings */

#footer #footer_copyright {
  margin-top:4px;
  color:#00A0E9;
	font-size:11px;
	line-height:1.1;
  text-align:right;
}

#side_nav {
  font-size:11px;
}
#sidebar ul, #sidebar li {
  list-style:none outside;
	margin:0;
	padding:0;
}

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

/* default h3 */

#article h3 {
	margin:0 0 10px 0;
	padding:15px 0 15px 15px;
	background:transparent url(../img/layout/title_ico_def.gif) left center no-repeat scroll;
	border-top:#00a0e9 2px solid;
	border-bottom:#00a0e9 1px dotted;
	color:#00a0e9;
	font-size:16px;
	line-height:1.1;
}
#article h3 a {
	color:#00a0e9;
	text-decoration:none;
}
#article h3 a:hover {
	text-decoration:underline;
}

/* special h3 */

#article h3.ico_key, #article h3.ico_network,
#article h3.ico_iryouservice, #article h3.ico_letter,
#article h3.ico_medical {
	padding-left:45px;
}
#article h3.ico_key          { background-image:url(../img/layout/title_ico_key.gif); }
#article h3.ico_network      { background-image:url(../img/layout/title_ico_network.gif); }
#article h3.ico_iryouservice { background-image:url(../img/layout/title_ico_iryouservice.gif); }
#article h3.ico_letter       { background-image:url(../img/layout/title_ico_medical.gif); }
#article h3.ico_medical      { background-image:url(../img/layout/title_ico_medical.gif); }

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

#side_nav .side_banners,
#side_nav .archive_nav, 
#side_nav .collapsed_archive_nav,
#side_nav .box_archive_nav {
	margin-bottom:30px;
}
#side_nav h3 {
	font-size:13px;
	line-height:1.1;
	margin:0 0 10px 0;
}
#side_nav ul, #side_nav li {
	list-style:none outside;
	margin:0 0 0 0;
	padding:0;
}

/* banners */

#side_nav .banner {
  margin:0 0 4px 0;
  line-height:1.1;
  text-align:center;
}
#side_nav .banner a {
  color:#656464;
}
#side_nav .banner a:hover {
  color:#f8c948;
}
#side_nav .banner img {
  display:block;
  text-decorarion:none;
  margin-bottom:3px;
}
#side_nav .banner img {
  border:0;
  color:#656464;
}

/* archive_nav, collapsed_archive_nav */

#side_nav .archive_nav h3,
#side_nav .collapsed_archive_nav li a {
	display:block;
	height:24px;
	font-weight:bold;
	font-size:13px;
	line-height:1.1;
	color:#ffffff;
	text-decoration:none;
}
#side_nav .archive_nav h3 a {
	color:#ffffff;
	text-decoration:none;
}

#side_nav .archive_nav h3 a:hover,
#side_nav .collapsed_archive_nav li a:hover {
	text-decoration:underline;
}

/* archive_nav */

#side_nav .archive_nav h3 {
	margin-bottom:0;
	padding:11px 11px 0 11px;
	width:238px;
	background:#00A0E9 url(../img/layout/side_title.gif) 0 0 no-repeat scroll;
	position:relative;
	z-index:10;
}
#side_nav .archive_nav ul {
	margin:-1px 11px 20px 11px;
}
#side_nav .archive_nav li {
	margin:-1px 0 10px 0;
	padding-top:10px;
	border-top:#656363 1px dotted;
}

/* collapsed_archive_nav */

#side_nav .collapsed_archive_nav li {
	margin-bottom:10px;
}
#side_nav .collapsed_archive_nav li a {
	padding:11px 0 0 35px;
	display:block;
	width:225px;
	height:24px;
	background:#00A0E9 url(../img/layout/side_title_collapsed.gif) 0 0 no-repeat scroll;
	overflow:hidden;
}
#side_nav .collapsed_archive_nav li a:hover {
	background-position:0 -35px;
}

/* box_archive_nav */

#side_nav .box_archive_nav {
	background:#00A0E9 url(../img/layout/side_box_body.gif) 0 0 repeat-y scroll;
}
#side_nav .box_archive_nav h3 {
	background:#00A0E9 url(../img/layout/side_box_head.gif) 0 0 no-repeat scroll;
	color:#ffffff;
	padding:10px;
	height:35px;
	margin-bottom:0;
}
#side_nav .box_archive_nav ul.areas {
	background:transparent url(../img/layout/side_box_tail.gif) right bottom no-repeat scroll;
	color:#06A3EA;
	font-weight:bold;
	padding:0 15px 28px 15px;
}
#side_nav .box_archive_nav ul.areas li {
	margin-bottom:10px;
}
#side_nav .box_archive_nav ul.areas .label {
	margin:0 0 2px 15px;
}
#side_nav .box_archive_nav ul.shops {
	color:#656363;
	font-weight:normal;
	border-top:#06A3EA 1px dotted;
}
#side_nav .box_archive_nav ul.shops li {
	padding-left:10px;
	margin:2px 0 2px 15px;
	background:transparent url(../img/layout/side_box_list_mark.gif) 0 4px no-repeat scroll;
}