@charset "UTF-8";
@import "base.css";

/*---------- 01Base -----------*/

/*-- ` @import ŊOCSSǂݍ --*/

/*---------- 02Container -----------*/


body { background:#F1F0D3; text-align:center; }

#wrapper { width:860px; margin:0 auto; text-align:left; }
#bg { background:url(../images/header_bg.png) 0 0 repeat-x; }

/*---------- 03Header -----------*/

#header { height:100px; }
#header h1 { width:500px; height:52px; text-indent:-9999px; }
#header h1 a { background:url(../images/header_logo.png) 0 0 no-repeat; display:block; width:260px;	height:52px; text-decoration:none; overflow:hidden; }
#header #header_nav li a { display:block; height:36px; float:left; text-indent:-9999px; text-decoration:none; overflow:hidden; }
#header #header_nav li { display:inline; }
#header #header_nav #header_nav_base a { background:url(../images/header_nav_base.png) 0 -36px no-repeat; width:142px; }
#header #header_nav #header_nav_report a { background:url(../images/header_nav_report.png) 0 -36px no-repeat; width:143px; }
#header #header_nav #header_nav_news a { background:url(../images/header_nav_news.png) 0 -36px no-repeat; width:143px; }
#header #header_nav #header_nav_about a { background:url(../images/header_nav_about.png) 0 -36px no-repeat; width:143px; }
#header #header_nav #header_nav_link a { background:url(../images/header_nav_link.png) 0 -36px no-repeat; width:143px; }
#header #header_nav #header_nav_contact a { background:url(../images/header_nav_contact.png) 0 -36px no-repeat; width:146px; }

#header #header_nav #header_nav_base a:hover { background:url(../images/header_nav_base.png) 0 0 no-repeat; width:142px; }
#header #header_nav #header_nav_report a:hover { background:url(../images/header_nav_report.png) 0 0 no-repeat; width:143px; }
#header #header_nav #header_nav_news a:hover { background:url(../images/header_nav_news.png) 0 0 no-repeat; width:143px; }
#header #header_nav #header_nav_about a:hover { background:url(../images/header_nav_about.png) 0 0 no-repeat; width:143px; }
#header #header_nav #header_nav_link a:hover { background:url(../images/header_nav_link.png) 0 0 no-repeat; width:143px; }
#header #header_nav #header_nav_contact a:hover { background:url(../images/header_nav_contact.png) 0 0 no-repeat; width:146px; }

/*---------- 05Navi -----------*/

#nav_bg { width:235px;	float:left;	margin:8px 0px 0px 10px; display:inline; background:url(../images/nav_bg.png) 0 0 repeat-y; }
#nav_header { background:url(../images/nav_heder.png) 0 0 no-repeat; height:23px; }
#nav_footer { background:url(../images/nav_footer.png) 0 0 no-repeat;	height:23px; }
#nav { padding:0 6px 0 10px; }
#nav_top a { background:url(../images/nav_top.png) 0 0 no-repeat; width:220px; height:35px; display:block; margin:0 0 15px 0; text-indent:-9999px; text-decoration:none; overflow:hidden; }
#nav_base { background:url(../images/nav_base.png) 0 0 no-repeat; width:220px; height:32px; text-indent:-9999px; text-decoration:none; display:block; margin:15px 0; overflow:hidden; }
*html #nav_base { margin:15px 0 0 0; }
#nav_report { background:url(../images/nav_report.png) 0 0 no-repeat; width:220px; height:32px; text-indent:-9999px; text-decoration:none; display:block; margin:15px 0; overflow:hidden; }
*html #nav_report { margin:15px 0 0 0; }
#nav_news { background:url(../images/nav_news.png) 0 0 no-repeat; width:220px; height:32px; text-indent:-9999px; text-decoration:none; display:block; margin:15px 0; overflow:hidden;}
*html #nav_news { margin:15px 0 0 0; }
#nav_about { background:url(../images/nav_about.png) 0 0 no-repeat; width:220px; height:32px; text-indent:-9999px; text-decoration:none; display:block; margin:15px 0; overflow:hidden;}
*html #nav_about { margin:15px 0 0 0; }
#nav_link { background:url(../images/nav_link.png) 0 0 no-repeat; width:220px; height:32px; text-indent:-9999px; text-decoration:none; display:block; margin:15px 0; overflow:hidden; }
*html #nav_link { margin:15px 0 0 0; }
#nav_contact { background:url(../images/nav_contact.png) 0 0 no-repeat; width:220px; height:32px; text-indent:-9999px; text-decoration:none; display:block; margin:15px 0; overflow:hidden; }

#nav li ul li a { background:url(../images/icon01.png) 35px center no-repeat; display:block; height:20px; line-height:20px; text-indent:20px; padding:0 0 0 30px; font-size:12px; }
/*.toggle { background:url(../images/icon01.png) 35px center no-repeat; display:block; height:20px; line-height:20px; text-indent:20px; padding:0 0 0 30px; font-size:12px; color:#FFF; }*/

#nav_ask { background:url(../images/nav_ask.png) 0 0 no-repeat; height:30px; text-indent:-9999px; margin-top:15px; }
#nav_change_color { background:#7A0000; }
#nav_change_color p { padding:0px 15px 10px 15px; color:#FFF; font-size:10px; line-height:16px; }

/*---------- 06content -----------*/

#content_bg { width:600px; float:right; margin:8px 10px 0px 0px; display:inline; background:url(../images/content_bg.png) 0 0 repeat-y; }
#content_header { background:url(../images/content_header.png) 0 0 no-repeat; height:23px; width:600px; }
#content_footer { background:url(../images/content_footer.png) 0 0 no-repeat; height:23px; width:600px; }
#content { width:540px; padding:0 30px 0 30px; }

.section { width:540px; margin-bottom:10px; }
.section2 { width:540px; margin:30px 0 10px 0; }

#content h3 { font-size:18px; }
/*#content h4 { line-height:50px; height:50px; font-size:16px; font-weight:bold; padding:0 0 0 20px; }*/

.section p { font-size:14px; line-height:21px; padding:0 20px; margin-bottom:15px; }

#content table { font-size:1.0em; }
#content .pagetop { float:right; }
#content #content_bt_box { background:url(../images/content_bt_box.png) 0 0 no-repeat; width:424px; height:46px; float:left; display:inline; }
#content #content_bt_next a {
	background:url(../images/content_bt_next.png) 0 0 no-repeat;
	width:116px;
	height:46px;
	float:right;
	display:block;
	margin-bottom:15px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
/*
#content #content_bt_back a {
	background:url(../images/content_bt_back.png) 0 0 no-repeat;
	width:116px;
	height:46px;
	float:right;
	display:block;
	margin-bottom:15px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
*/
#btn_back { width:100%; text-align:center; margin-bottom:20px; }
#btn_back a {
	background:url(../images/content_btn_back.png) 0 0 no-repeat;
	width:150px;
	height:36px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	margin:0 auto;
}

#contact textarea { font-size:1.0em; }

#content table { font-size:1.0em; margin:10px 20px 20px 20px; }
#content table,
#content table tr,
#content table td,
#content table th { border:1px solid #999999; line-height:18px; text-align:justify; text-justify:inter-ideograph; }
#content table th { font-weight:bold; background:#EDECC7; color:#333; padding:5px; }
#content table td { padding:5px; }

#content .bgcolor { background:#EDEADA; padding:15px 10px 5px 10px; margin:15px auto; }
#content .bgcolor p { padding:0 10px 0 10px; }

#content #list_bt li { padding:0 0 0 20px; line-height:18px; background:url(../images/icon02.png) 0 2px no-repeat; margin:0 0 0 20px; }
#content #list_bt2 { margin:10px 0 40px 0; }
#content #list_bt2 li {padding:0 0 0 20px; line-height:18px; background:url(../images/icon02.png) 0 center no-repeat; margin:5px 0 0 20px; }
#content #list_bt3 { margin:10px 0 40px 0; }
#content #list_bt3 li { padding:0 0 0 20px; line-height:18px; background:url(../images/icon02.png) 0 0.25em no-repeat; margin:5px 0 0 20px; }
#content .list_pdf { margin:10px 0 40px 0; }
#content .list_pdf li { padding:0 0 0 25px; line-height:18px; background:url(../images/pdf_small.gif) 0 0.25em no-repeat; margin:5px 0 0 20px; }


/*---------- 07Footer -----------*/

#footer { background:url(../images/footer_bg.png) 0 0 repeat-x; height:90px; clear:both; padding:5px 0 5px 0; margin:10px 0 0 0; font-size:1.0em; text-align:center; }
*html #footer { height:100px; }
#footer address { height:15px; margin:80px 0 0 570px; }


/*---------- 08index -----------*/

#index #content h2 { background:url(../images/index_img01.png) 0 0 no-repeat; width:540px; height:173px; text-indent:-9999px; margin:5px 0 20px 0; }
#index #content #title01 { background:url(../images/index_title01.png) 0 0 no-repeat; width:540px; height:60px; text-indent:-9999px; }


/*---------- base -----------*/

#base #content h2 { background:url(../images/index_img01.png) 0 0 no-repeat; width:540px; height:173px; text-indent:-9999px; margin:5px 0 20px 0; }
#base #base_cam_title01 { background:url(../images/base_cam_title01.png) 0 0 no-repeat; width:540px; height:60px; text-indent:-9999px; }
#base #base_togo_title01 { background:url(../images/base_togo_title01.png) 0 0 no-repeat; width:540px; height:60px; text-indent:-9999px; }
#base #base_antiaging_title01 { background:url(../images/base_antiaging_title01.png) 0 0 no-repeat; width:540px; height:60px; text-indent:-9999px; }
#base #base_supple_title01 { background:url(../images/base_supple_title01.png) 0 0 no-repeat; width:540px; height:60px; text-indent:-9999px; }
#base #base_toyoigaku_title01 { background:url(../images/base_toyoigaku_title01.png) 0 0 no-repeat; width:540px; height:60px; text-indent:-9999px; }
#base #base_bb_title01 { background:url(../images/base_bb_title01.png) 0 0 no-repeat; width:540px; height:60px; text-indent:-9999px; }
#base #base_gyousei_title01 { background:url(../images/base_gyousei_title01.png) 0 0 no-repeat; width:540px; height:60px; text-indent:-9999px; }
#base #base_hoken_title01 { background:url(../images/base_hoken_title01.png) 0 0 no-repeat; width:540px; height:60px; text-indent:-9999px; }


/*---------- report -----------*/

#report #content h2 { background:url(../images/index_img01.png) 0 0 no-repeat; width:540px; height:173px; text-indent:-9999px; margin:5px 0 20px 0; }
#report #title { background:url(../images/report_title.png) 0 0 no-repeat; width:540px; height:60px; text-indent:-9999px; }


/*---------- about -----------*/

#about #content h2 { background:url(../images/index_img01.png) 0 0 no-repeat; width:540px; height:173px; text-indent:-9999px; margin:5px 0 20px 0; }
#about #title01 { background:url(../images/about_title01.png) 0 0 no-repeat; width:540px; height:60px; text-indent:-9999px; }
#about #title02 { background:url(../images/about_title02.png) 0 0 no-repeat; width:540px; height:60px; text-indent:-9999px; }


/*---------- link -----------*/

#link #content h2 { background:url(../images/index_img01.png) 0 0 no-repeat; width:540px; height:173px; text-indent:-9999px; margin:5px 0 20px 0; }
#link #title01 { background:url(../images/link_title01.png) 0 0 no-repeat; width:540px; height:60px; text-indent:-9999px; }
#link #title02 { background:url(../images/link_title02.png) 0 0 no-repeat; width:540px; height:60px; text-indent:-9999px; }


/*---------- contact -----------*/

#contact #content h2 { background:url(../images/index_img01.png) 0 0 no-repeat; width:540px; height:173px; text-indent:-9999px; margin:5px 0 20px 0; }
#contact #title01 { background:url(../images/contact_title01.png) 0 0 no-repeat; width:540px; height:60px; text-indent:-9999px; }


/*---------- sitemap -----------*/

#sitemap #content h2 { background:url(../images/index_img01.png) 0 0 no-repeat; width:540px; height:173px; text-indent:-9999px; margin:5px 0 20px 0; }
#sitemap #title01 { background:url(../images/sitemap_title01.png) 0 0 no-repeat; width:540px; height:60px; text-indent:-9999px; }

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

.nav_suppli1 a, .nav_suppli2 a, .nav_suppli3 a, .nav_suppli4 a, .nav_suppli5 a, .nav_suppli6 a, .nav_suppli7 a { margin-left:15px; }
#nav ul li ul li ul .nav_suppli1 a,
#nav ul li ul li ul .nav_suppli2 a,
#nav ul li ul li ul .nav_suppli3 a,
#nav ul li ul li ul .nav_suppli4 a,
#nav ul li ul li ul .nav_suppli5 a,
#nav ul li ul li ul .nav_suppli6 a,
#nav ul li ul li ul .nav_suppli7 a { background-image: url(../images/icon03.png); background-repeat: no-repeat; margin-left:7px; }

#bookinfo td, #bookinfo td a { font-size:12px; }
#content table .bookinfo { border:1px solid #EDEADA; line-height:18px; text-align:justify; text-justify:inter-ideograph; }
.hlbg { line-height:34px; height:34px; width:540px; background:url(../images/content_hlbg.png) no-repeat; font-size:14px !important; font-weight:bold; color:#534741; padding:0 0 10px 15px; }
#content h4 { /*text-indent:20px;*/ margin:5px 0 5px 0; color:#534741; }
#content h5 { text-indent:20px; margin:5px 0 5px 0; color:#82763E; }
#content_bt_box h4 { text-indent:0; color:#666; font-size:14px; font-weight:bold; padding:14px 0 0 15px; margin:0; }/*L70*/
.examples { border:1px solid #D7D7D7; background-color:#FDFEE0;/*#E6F7FB*/ padding:5px; margin:-10px 20px 10px 20px; font-size:12px; }
#nav_change_color p a { color:#FFF; }
#nav_change_color p a:hover { color:#FFF; text-decoration:underline; }

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

form#mailform {	padding:5px; }
table.mailform { width:500px; }
table.mailform tr th,table.mailform tr td { text-align:left; font-weight:normal; font-size:12px; border-bottom:1px solid #999; padding:7px 5px 7px 5px; }
table.mailform tr th { width:20%; white-space:nowrap; }
table.mailform tr td { width:80%; }
table.mailform tr th span {	color:#C00; font-size:10px; }
table.mailform tr td textarea {	width:375px; height:120px; }
.pagelist a { font-size:12px; text-decoration:none; color:#333; }
.pagelist a:hover { font-size:12px; text-decoration:underline; color:#C33; }