/*
基本13px、IE7はsmall、IE6はx-small
希望のフォントサイズ(px) : 指定する値(%)
10px : 77%
11px : 85%
12px : 92%
13px : 100%
14px : 107%
15px : 114%
16px : 122%
17px : 129%
18px : 136%
19px : 144%
20px : 152%
21px : 159%
22px : 167%
23px : 174%
24px : 182%
25px : 189%
26px : 197%
*/

* {
	margin: 0px;
	padding: 0px;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #666666;
}

body {
	background: url(shared/img/back.png) repeat-x left top;
	text-align:center;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,div {
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 10px;
	font-weight: normal;
	border-top: 3px solid #CC0000;
	padding: 10px;
}

h2 {
	font-size: 122%;
	line-height: 130%;
}

h3 {
	margin-bottom: 0.5em;
	line-height: 120%;
}

h4 {
	font-size: 114%;
	margin: 0px 0px 0.5em 0px;
	padding: 1px 0px 1px 5px;
	line-height: 130%;
	color: #00CC00;
	border-left: #00CC00 3px solid;
}

h5 {
	font-size: 107%;
	margin-bottom: 0.5em;
	line-height: 140%;
	color: #CC0000;
}

h6 {

}

p {
	line-height: 150%;
	font-size: 107%;
	/*font-size: 92%;*/
	margin: 0px 0px 1em 0px;
}

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

dl {
	margin: 0px 0px 1em 0px;
}

a {
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color: #666666;
	text-decoration: none;
}

address {
	font-style:normal;
}
hr {
	display: none;
}

img {
	border:none;
	vertical-align: bottom;
}


#container {
	text-align: left;
	width: 940px;
	padding: 0px 14px;
	margin: 0px auto;
	margin-left: auto;
	background: url(shared/img/back_container.png) repeat-y center top;
}

* html #container {
	behavior: expression(IEPNGFIX.fix(this));
}


/*--------------------------------------------------------------------------------
header
--------------------------------------------------------------------------------*/

#header {
	height: 300px;
	width: 940px;
	position:relative;
	background: #FFFFFF;
}
#header a {
	/*color: #FFFFFF;*/
	text-decoration: underline;
}
#header a:hover {
	text-decoration: none;
}

#header .top {
	height: 79px;
	width: 940px;
	padding: 0px;
	border-bottom: 1px #FF6600 solid;
	background: #FFFFFF;
}
#header .top .navi {
	font-size: 10px;
	/*color: #FFFFFF;*/
	position: absolute;
	left: 254px;
	top: 50px;
}
#logo {
	height: 35px;
	width: 230px;
	position: absolute;
	top: 38px;
	left: 10px;
}
* html #logo img  {
	behavior: expression(IEPNGFIX.fix(this));
}

#header .tel {
	height: 31px;
	width: 257px;
	position: absolute;
	right: 10px;
	top: 40px;
}
* html #header .tel img {
	behavior: expression(IEPNGFIX.fix(this));
}

#headerimg {
	height: 180px;
	width: 940px;
	background: #FFFFFF url(none) no-repeat left top;
}
* html #headerimg img  {
	behavior: expression(IEPNGFIX.fix(this));
}

/*--------------------------------------------------------------------------------
mainarea
--------------------------------------------------------------------------------*/
#mainarea:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#mainarea {
	display: inline-block;
	width: 940px;
	background-color: #FFFFFF;
}

/* Hides from IE-mac \*/
* html #mainarea {height: 1%;}
#mainarea {display: block;}
/* End hide from IE-mac */

/*--------------------------------------------------------------------------------
main
--------------------------------------------------------------------------------*/

#main {
	float: left;
	width: 710px;
	padding: 10px 10px 0px 10px;
	text-align: left;
}
#topicpath {
	width: 710px;
	margin: 0px auto 10px;
	border-bottom: 1px dotted #CCCCCC;
	padding: 0px 0px 5px 0px;
	text-align: left;
}
#topicpath li {
	background: url(shared/img/bullet_red.gif) no-repeat left center;
	float: left;
	padding-left: 16px;
	padding-right: 5px;
	font-size: 10px;
}

#description {
	width: 710px;
	margin: 0px auto 20px;
	text-align: left;
}

.marker {
	background: #FFFF00;
	font-weight: bold;
	color: #FF0000;
	padding: 3px;
	margin: 0px;
}

.impact {
	font-size: 136%;
	font-weight: bold;
	color: #FF0000;
}

#main .price {
	color: #FF0000;
	font-size: 136%;
	font-weight: bold;
}

#listbox {
	margin: 0px 0px 2em 0px;
	padding: 10px 10px 0px 10px;
	border: 1px solid #CCCCCC;
}
#listbox ul {
	margin: 0px 0px 1em 0px;
}
#listbox li {
	background: url(shared/img/bullet_red.gif) no-repeat 0px 3px;
	padding: 0px 0px 0px 14px;
	margin: 0px 0px 0.4em 0px;
}

/*--------------------------------------------------------------------------------
subarea,extraarea
--------------------------------------------------------------------------------*/

#subarea {
	width:210px;
	float:right;
	text-align: center;
	padding: 10px 0px 0px 0px;
}

#subarea h3, #extraarea h3, #subarea h4, #extraarea h4 {
	background: url(shared/img/back_heading_subarea.gif) no-repeat center top;
	padding: 6px 5px 5px 5px;
	color: #FFFFFF;
	font-size: 107%;
	text-align: center;
	margin:0px 0px 10px 0px;
	line-height: 120%;
	border-left: none;
}

#subarea h3 a, #extraarea h3 a, #subarea h4 a, #extraarea h4 a {
	color: #FFFFFF;
}

#subarea p, #extraarea p {
	font-size: 92%;
}

.banner {
	width: 210px;
	margin: 0px auto 20px auto;
}
.banner li {
	width: 210px;
	margin: 0px 0px 5px 0px;
}

#searchbox #search {
	width: 206px;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 5px 0px;
}
#searchbox form {
	margin: 0px 0px 0.5em 0px;
}

#categorymenu, #submenu, #searchbox, #recententries, #monthlyarchives, #feedbox, #tagbox, #tagcloud, .linklist, .trialset, .module-archives {
	width: 210px;
	margin: 0px auto 20px auto;
	text-align: left;
}
#categorymenu ul, #submenu ul {
	border-top: 1px solid #CCCCCC;
}

#categorymenu li {
	background: url(shared/img/back_btn.jpg) no-repeat left top;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	font-size: 92%;
}
#submenu ul {
	border-top: 1px dotted #CCCCCC;
}
#submenu li {
	border-bottom: 1px dotted #CCCCCC;
	font-size: 92%;
}
#categorymenu li a, #categorymenu li span {
	background: url(shared/img/bullet_orange.gif) no-repeat 4px 6px;
	display: block;
	padding: 5px 0px 4px 20px;
	color: #666666;
	text-decoration: none;
	width: 188px;

}
#categorymenu li a:hover {
	text-decoration: underline;
	background: url(shared/img/bullet_orange.gif) no-repeat 6px 6px;
}

.linklist li a, #monthlyarchives li a, .module-archives li a {
	background: url(shared/img/bullet_red.gif) no-repeat 0px 7px;
	display: block;
	padding: 5px 0px 4px 16px;
	color: #666666;
	text-decoration: underline;
	width: 194px;
}
.linklist li a:hover, #monthlyarchives li a:hover, .module-archives li a:hover {
	text-decoration: none;
	background: url(shared/img/bullet_red.gif) no-repeat 2px 7px;
}

#submenu li a, #submenu li span,　.trialset li a {
	background: url(shared/img/bullet_red.gif) no-repeat 0px 6px;
	display: block;
	padding: 5px 0px 4px 16px;
	color: #666666;
	text-decoration: none;
	width: 194px;
}
#submenu li a:hover, .trialset li a:hover {
	text-decoration: underline;
	background: url(shared/img/bullet_red.gif) no-repeat 2px 6px;
}

/* Tag cloud */
#tagcloud li {
	padding: 0px 2px 0px 2px;
	display: inline;
}

#tagcloud a.level1 {
	font-size: 152%;
}

#tagcloud a.level2 {
	font-size: 136%;
}

#tagcloud a.level3 {
    font-size: 122%;
}

#tagcloud a.level4 {
	font-size: 107%;
}

#tagcloud a.level5 {
	font-size: 92%;
}

#tagcloud a.level6 {
	font-size: 77%;
}

/*--------------------------------------------------------------------------------
footer
--------------------------------------------------------------------------------*/

#footer {
	background: #CC0000;
	width: 920px;
	padding: 10px;
	clear: both;
}
#footer h3 {
	font-size: 92%;
	line-height: 120%;
	color: #FFFFFF;
	margin-bottom: 5px;
}
#footer h3 a {
	text-decoration: none;
}
#footer address {
	color: #FFFFFF;
	font-size: 92%;
	line-height: 120%;
}

#footer a {
	color: #FFFFFF;
}

/*--------------------------------------------------------------------------------
mainmenu
--------------------------------------------------------------------------------*/

#mainmenu {
	width: 940px;
	height: 40px;
	background: #FF6600 url(shared/img/back_mainmenu.jpg) repeat-x left top;
}
#mainmenu ul {
	height: 40px;
}
#mainmenu li {
	height: 40px;
	width: 100px;
	float: left;
}
#mainmenu li a, #mainmenu li span {
	display: block;
	height: 40px;
	width: 100px;
	text-decoration: none;
	text-indent:-9999px;
	/*\*/
	overflow:hidden;
	/**/
}

#mainmenu .information a, #mainmenu .information span {
	background: url(shared/img/mainmenu_information.jpg) no-repeat left top;
}
#mainmenu .information a:hover {
	background: url(shared/img/mainmenu_information.jpg) left bottom;
}

#mainmenu .profile a, #mainmenu .profile span {
	background: url(shared/img/mainmenu_profile.jpg) no-repeat left top;
}
#mainmenu .profile a:hover {
	background: url(shared/img/mainmenu_profile.jpg) left bottom;
}

#mainmenu .concept a, #mainmenu .concept span {
	background: url(shared/img/mainmenu_concept.jpg) no-repeat left top;
}
#mainmenu .concept a:hover {
	background: url(shared/img/mainmenu_concept.jpg) left bottom;
}

#mainmenu .service a, #mainmenu .service span {
	background: url(shared/img/mainmenu_service.jpg) no-repeat left top;
}
#mainmenu .service a:hover {
	background: url(shared/img/mainmenu_service.jpg) left bottom;
}

#mainmenu .works a, #mainmenu .works span {
	background: url(shared/img/mainmenu_works.jpg) no-repeat left top;
}
#mainmenu .works a:hover {
	background: url(shared/img/mainmenu_works.jpg) left bottom;
}

#mainmenu .faq a, #mainmenu .faq span {
	background: url(shared/img/mainmenu_faq.jpg) no-repeat left top;
}
#mainmenu .faq a:hover {
	background: url(shared/img/mainmenu_faq.jpg) left bottom;
}

#mainmenu .orderflow a, #mainmenu .orderflow span {
	background: url(shared/img/mainmenu_orderflow.jpg) no-repeat left top;
}
#mainmenu .orderflow a:hover {
	background: url(shared/img/mainmenu_orderflow.jpg) left bottom;
}

#mainmenu .voice a, #mainmenu .voice span {
	background: url(shared/img/mainmenu_voice.jpg) no-repeat left top;
}
#mainmenu .voice a:hover {
	background: url(shared/img/mainmenu_voice.jpg) left bottom;
}

#mainmenu .inquiry a, #mainmenu .inquiry span {
	background: url(shared/img/mainmenu_inquiry.jpg) no-repeat left top;
}
#mainmenu .inquiry a:hover {
	background: url(shared/img/mainmenu_inquiry.jpg) left bottom;
}



#main .navi {
	width: 710px;
	margin: 0px auto 10px;
	clear: both;
}

#main .navi p {
	text-align:right;
}

#main .navi .pagetop a {
	display:block;
	background: url(shared/img/bullet_up.gif) no-repeat right center;
	padding-right: 13px;
}

.content-nav {
	text-align: center;
	width: 710px;
	margin:0px auto 10px;
	font-size: 77%;
}
.date-header {
	width: 710px;
	margin: 0px auto 5px;
	font-size: 77%;
	color: #CCCCCC;
}


.entry:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.entry {
	display: inline-block;
	width: 710px;
	margin: 0px auto 2em auto;
	text-align: left;
}

/* Hides from IE-mac \*/
* html .entry {height: 1%;}
.entry {display: block;}
/* End hide from IE-mac */

.entry h3 {
	font-weight: bold;
	background: url(shared/img/heading_back.gif) repeat-x left center;
	color: #003399;
	padding: 8px 8px 0 8px;
	font-size: 122%;
	line-height: 120%;
	border: 1px solid #CCCCCC;
}
.entry h3 a, .entry h3 span {
	color: #003399;
	display: block;
	background: url(shared/img/border_entryheading.jpg) no-repeat left top;
	padding: 2px 0px 10px 15px;
	width: 677px;
	text-decoration: none;
}

.entry h3 a:hover {
	color: #FF6600;
}

.entry h4 {
 	clear: both;
}

.entry .annotation {
	font-size: 92%;
	border: 1px dotted #CCCCCC;
	padding: 10px;
}

.entry ul {
	margin: 0px 0px 2em 0px;
}
.entry li {
	background: url(shared/img/bullet_red.gif) no-repeat 0px 3px;
	padding: 0px 0px 0px 14px;
	margin: 0px 0px 0.4em 0px;
	font-size: 107%;
}

.star {
	font-size: 122%;
	font-weight: bold;
	color: #FF6600;
}

.entry table {
	margin: 0px 0px 2em 0px;
}
.contraindication {
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-collapse:collapse;
	border-spacing: 0px;
	width: 710px;
}
.contraindication th {
	color: #FFFFFF;
	padding: 5px;
	font-size: 107%;
	font-weight: bold;
	text-align: center;
	background: #0066CC;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
}
.contraindication td {
	padding: 3px;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	width: 33%;
}

.productstable {
	border-collapse:collapse;
	border-spacing: 0px;
	width: 710px;
}

.productstable .firstChild th {
	color: #FFFFFF;
	padding: 5px;
	font-size: 107%;
	font-weight: bold;
	background: #0066CC;
}

.productstable th {
	padding: 5px;
	font-weight: bold;
}
.productstable td {
	font-size: 100%;
	padding: 5px;
}

.productstable a {
	display: block;
	background: url(shared/img/btn_cart.jpg) no-repeat left top;
	width: 100px;
	height: 26px;
	text-decoration: none;
	text-indent: -9999px;
}
.productstable a:hover {

	background: url(shared/img/btn_cart.jpg) no-repeat left bottom;
}

.productstable .odd{
	background: #B5FFB5;
}
.productstable .even{
	background: #E6FFE6;
}
.productstable .empty{
	background: #FFFFFF;
}
/*
.productstable .firstChild{
	background:red;
}
.productstable .lastChild{
	background:blue;
}
*/

.entry-tags {
	margin: 0px 0px 5px 0px;
	cliear: both;
}

.entry-tags li {
	display: inline;
	padding: 0px 5px 0px 0px;
	font-size: 92%;
	background: url(none);
}

.entry-footer {
	border-top: 1px solid #CCCCCC;
	padding-top: 5px;
	margin-bottom: 10px;
	font-size: 92%;
}

.entrymore {
	background: url(shared/img/bullet_red.gif) no-repeat left center;
	display: block;
	padding: 4px 0px 4px 16px;
}
.entrymore a {
	color: #0066CC;
}

.entry .productimg {
	float: left;
	margin: 0px 1em 1em 0px;
}

/*clearfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*==============================================================================
home
================================================================================*/

#home #header {
	height: 420px;
	width: 940px;
}
#home #headerimg {
	width: 940px;
	height: 300px;
	background: url(none);
}
#home #main h3 {
	margin-bottom: 0.5em;

}
#home #main h4 {
	margin-bottom: 0.5em;

}

/*--------------------------------------------------------------------------------
pickup
--------------------------------------------------------------------------------*/
/*
#pickup {
	text-align: left;
	width: 708px;
	margin: 0px auto 2em auto;
	background: url(shared/img/roundframe_middle.gif) repeat-y center top;
	border: 1px solid #CCCCCC;
}

#pickup h3 {
	padding: 10px 8px 0px 8px;
	background: url(shared/img/roundframe_top.gif) no-repeat left top;
}

#pickup h4 {
	margin: 0px 8px 0px 8px;
}

#pickup .date {
	font-size: 92%;
	margin: 0px 8px 1em 8px;
}

#pickup ul {
	width: 708px;
	padding: 0px 0px 10px 0px;
	background: url(shared/img/roundframe_btm.gif) no-repeat left bottom;
}

#pickup li {
	width: 180px;
	height: 120px;
	padding: 0px 0px 0px 8px;
	float: left;
	margin: 0px 0px 1em 0px;
}

#pickup .imgbox {
	width: 80px;
	float: left;
}

#pickup .imgbox img {
	display: block;
	margin: 0px 0px 3px 0px;
	border: #CCCCCC 1px solid;
}
#pickup .detailbtn {
	display: block;
	width: 80px;
	height: 22px;
}
#pickup .detailbtn a {
	display: block;
	width: 80px;
	height: 22px;
	background: url(shared/img/btn_detail_small.gif) no-repeat left top;
	text-indent: -9999px;
	text-decoration: none;
}
#pickup .detailbtn a:hover {
	background: url(shared/img/btn_detail_small.gif) no-repeat left bottom;
}

#pickup dl {
	width: 95px;
	float: right;
}

#pickup dt {
	font-size: 107%;
	line-height: 120%;
	font-weight: bold;
	border-left: #FF0000 5px solid;
	padding: 2px 0px 3px 3px;
	margin: 0px 0px 3px 0px;
}
#pickup dd {
	font-size: 92%;
	padding: 0px;
	margin: 0px 0px 3px 0px;
}

#pickup dd.price {
	font-size: 136%;
	font-weight: bold;
}
*/

/*--------------------------------------------------------------------------------
newslist, reason, contentslist
--------------------------------------------------------------------------------*/

#newslist:after, #reason:after, #contentslist:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#newslist, #reason, #contentslist {
	display: inline-block;
	text-align: left;
	width: 710px;
	margin: 0px auto 2em auto;
}

/* Hides from IE-mac \*/
* html #newslist, * html #reason, * html #contentslist {height: 1%;}
#newslist, #reason, #contentslist {display: block;}
/* End hide from IE-mac */

#main #reason h4 {
	border-left: 2px #CC0000 solid;
	padding: 2px 0px 2px 5px;
	margin: 0px 0px 1px 0px;
	color: #666666;
}

#reason p {
	border-left: 2px #CCCCCC solid;
	padding: 2px 0px 2px 5px;
	margin: 0px 0px 1em 0px;
}

#reason ul {
	height: 120px;
}

#reason li {
	width: 230px;
	height: 120px;
	float: left;
	padding: 0px 5px 0px 0px;
}

#newslist {
	background: url(shared/img/roundframe_middle.gif) repeat-y top left;
}

#newslist h3 {
	background: url(shared/img/roundframe_top.gif) no-repeat top left;
	padding: 8px 10px 8px 10px;
	color: #CC0000;
	border-bottom: 1px dotted #CCCCCC;
}

#newslist p {
	padding: 0px 10px 0px 10px;
}

#newslist .date {
	font-size: 92%;
}

#newslist ul {
	margin: 0px;
	background: url(shared/img/roundframe_btm.gif) no-repeat bottom left;
	padding:0px 10px 8px 10px;
}
#newslist li {
	background: url(shared/img/bullet_orange.gif) no-repeat 0px 2px;
	padding: 0px 0px 0.5em 16px;
	margin: 0px;
}

.profdetail {
	border-bottom:1px solid #CCCCCC;
	width:710px;
}
.profdetail dt {
	float:left;
	width:100px;
	padding:10px;
	clear:both;
	font-weight:bold;
	border-top:1px solid #CCCCCC;
}
.profdetail dd {
	border-top:1px solid #CCCCCC;
}

.profdetail dd div {
	margin: 0px 0px 0px 120px;
	padding:10px;
}
* html body .profdetail dd div {
	display: inline-block;
}
.profdetail dd div ul {
	margin: 0px;
}

/*
#contentslist h3 {
	color: #FFFFFF;
	background: url(shared/img/back_entryheading.gif) no-repeat left top;
	padding: 8px;
	font-size: 122%;
}

#contentslist dl {
	float: left;
	width: 180px;
	margin-bottom: 10px;
	padding:0px 8px 0px 0px;
}
#contentslist dt {
	height: 60px;
	width: 180px;
	margin-bottom: 5px;
}
#contentslist dd {
	font-size: 92%;
	line-height: 140%;
}
*/


/*==============================================================================
information
================================================================================*/
#information #mainmenu .information a {
	background: url(shared/img/mainmenu_information.jpg) left bottom;
}

/*==============================================================================
profile
================================================================================*/
#profile #mainmenu .profile a {
	background: url(shared/img/mainmenu_profile.jpg) left bottom;
}

/*==============================================================================
concept
================================================================================*/
#concept #mainmenu .concept a {
	background: url(shared/img/mainmenu_concept.jpg) left bottom;
}

/*==============================================================================
service
================================================================================*/
#service #mainmenu .service a {
	background: url(shared/img/mainmenu_service.jpg) left bottom;
}

/*==============================================================================
works
================================================================================*/
#works #mainmenu .works a {
	background: url(shared/img/mainmenu_works.jpg) left bottom;
}

.worksdata:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.worksdata {
	display: inline-block;
	margin: 0px 0px 1em 0px;
}

/* Hides from IE-mac \*/
* html .worksdata {height: 1%;}
.worksdata {display: block;}
/* End hide from IE-mac */

.worksdata img {
	display: block;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

.worksdata table {
	float: right;
	width: 360px;
	border-top: 1px dotted #CCCCCC;
	border-collapse:collapse;
	border-spacing: 0px;
}
.worksdata th {
	width: 7em;
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px 5px 5px 0px;
}
.worksdata td {
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px 5px 5px 0px;
}

/*==============================================================================
orderflow
================================================================================*/
#orderflow #mainmenu .orderflow a {
	background: url(shared/img/mainmenu_orderflow.jpg) left bottom;
}


/*==============================================================================
voice
================================================================================*/
#voice #mainmenu .voice a {
	background: url(shared/img/mainmenu_voice.jpg) left bottom;
}

/*==============================================================================
inquiry
================================================================================*/
#inquiry #mainmenu .inquiry a {
	background: url(shared/img/mainmenu_inquiry.jpg) left bottom;
}

/*==============================================================================
faq
================================================================================*/
#faq #mainmenu .faq a {
	background: url(shared/img/mainmenu_faq.jpg) left bottom;
}