@charset "utf-8";

/*=====================================================
 * Style Name: Lower Layer Style Sheet
 * Style URL: /css/contents.css
 * Description: Index Stylesheet
 * Version: 2.9
 * Last Up Date: 2014/05/30
 * Author: Neos
 * Author URL: http://www.neoscorp.jp/
 *
 * Markup Reference:
 *
=====================================================*/



/*----- contents -------

	1: Layout for Lower Page
	2: Common Interface setting
		: Parts Style
		: second-column Parts
	3: about-apoplexy
	4: sympton
	5: about-botulinus
	6: public-support

	8: byoin
	9: basic(sitemap �� booklet)
	10: Others

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

/*
===== 1: Layout for Lower Page ===========================*/

div.header div.header-content {
	clear: both;
	padding-top: 13px;
	background: url(../img/img_header_line.gif) left 5px no-repeat;
	zoom: 1;
}

div.header div.header-content p.search {
	top: 60px;
	right: 6px;
}

div.header a:link,
div.header a:visited,
div.header a:hover,
div.header a:active {
	color:#999999;
	text-decoration:none;
}

div.wrapper div.second-column {
	float: right;
	width: 540px;
}

div.footer ul.footer-btn-second,
div.footer ul.footer-btn {
	margin: 0;
	padding-bottom: 7px;
	text-align: center;
}

div.footer ul.footer-btn li {
	margin: 0 5px;
}

div.footer ul.footer-btn-second {
	margin-left: 171px;
	margin-left: 175px\9;
	margin-top: -18px\9;
}

div.footer ul.footer-btn-second li {
	margin: 0 2px;
}

/*
===== 2: Common Interface setting ===========================*/

div.main h1 {
	margin-bottom: 15px;
}


div.main h2,
div.main h3 {
	clear: both;
	padding: 20px 0 13px 0;
	zoom: 1;
}

div.main h3 {
	padding: 15px 0 7px 0;
}

div.main dl.color-defin {
	margin-bottom: 7px;
	overflow: auto;
	zoom: 1;
}

div.main div.box-left dl dt,
div.main div.box-right dl dt,
div.basic div.download-area dl dt,
div.main dl.color-defin dt {
	margin-bottom: 9px;
	padding: 7px 0 4px 0;
	border-bottom: dotted 1px;
	font-weight: bold;
	line-height: 1;
}

div.main div.box-left dl dt,
div.main div.box-right dl dt {
	margin-top: 10px;
}

div.main div.section {
	margin-bottom: 20px;
}

div.main p {
	margin-bottom: 7px;
}

div.main .emphasis {
	margin-top: 20px;
	padding: 10px 0 20px 0;
	border-top: dotted 1px;
	font-weight: bold;
}

div.main div.wp-pagenavi {
	margin: 17px 0 21px 0;
	padding-bottom: 10px;
	background: url(../img/bg_pagenavi_long_bottom.gif) left bottom no-repeat;
}

div.main div.wp-pagenavi ul {
	padding: 10px 10px 0 10px;
	background: url(../img/bg_pagenavi_long_top.gif) left top no-repeat;
}

div.main div.wp-pagenavi ul li {
	width: 320px;
	overflow: hidden;
}

div.main div.wp-pagenavi ul li.back {
	float: left;
	padding-left: 20px;
}

div.main div.wp-pagenavi ul li.next {
	float: right;
	padding-right: 20px;
	text-align: right;
}

div.public-support dl.cost-info,
div.main dl.related-info {
	clear: both;
	padding-bottom: 9px;
}

div.about-apoplexy div.point-area dl.point dt,
div.public-support dl.cost-info dt,
div.main dl.related-info dt {
	line-height: 0;
}

div.main dl.related-info dd {
	padding: 14px 7px 0 1px;
}

div.basic div.cloud-box ul,
div.main dl.related-info dd ul {
	margin: 0 0 5px 3px;
}

div.basic div.cloud-box ul li,
div.main dl.related-info dd ul li {
	display: inline-block;
	display: inline\9;
	white-space: nowrap;
	margin-left: 10px;
	padding: 0 0 6px 18px;
	zoom: 1;
}


/* Parts Style
-----------------------*/
div.main .illust-left {
	float: left;
	padding-right: 20px;
}

div.main .illust-right {
	float: right;
	padding-left: 20px;
}

div.main .illust-center {
	padding: 15px 0;
	text-align: center;
}

div.main div.cloud-box {
	margin-bottom: 15px;
}

div.main div.cloud-box-inner {
	padding: 2px;
}

div.main div.box-left {
	float: left;
}

div.main div.box-right {
	float: right;
}

div.basic div.section dl dd li,
div.main ul.list-arrow-circle li {
	margin-bottom: 6px;
	padding-left: 18px;
	background: url(../img/arrow_02.gif) 0 2px no-repeat
}

div.main div.box-left ul.list-arrow-circle,
div.main div.box-right ul.list-arrow-circle {
	margin-top: 10px;
}

div.main ul.list-arrow-circle li a:link,
div.main ul.list-arrow-circle li a:visited,
div.main ul.list-arrow-circle li a:hover,
div.main ul.list-arrow-circle li a:active {
	color: #a66aa9;
}

div.main div.box-left,
div.main div.box-right {
	width: 260px;
}

div.main .supplement {
	text-indent: -1em;
	margin-left: 1em;
	padding-bottom: 15px;
}

div.main p.top-scroll {
	clear: both;
	text-align: right;
}

div.main p.top-scroll a {
	padding-left: 17px;
	background: url(../img/arrow_03.gif) left center no-repeat;
	color: #a66aa9;
}

div.main .attention,
div.notes-box dl span {
	background-color: #ffff7f;
}


dl.information { margin: 10px 0 20px; padding: 10px 15px; border: 1px solid #d91111; }
dl.information dt { color: #d91111; font-weight: bold; }


/* second-column Parts
-----------------------*/

div.second-column div.wp-pagenavi {
	background: url(../img/bg_pagenavi_bottom.gif) left bottom no-repeat;
}

div.second-column div.wp-pagenavi ul {
	background: url(../img/bg_pagenavi_top.gif) left top no-repeat;
}

div.second-column div.wp-pagenavi ul li {
	width: 230px;
}


/*
===== 3: about-apoplexy ===========================*/
div.about-apoplexy h3,
div.about-apoplexy div.box-left dl dt,
div.about-apoplexy div.box-right dl dt,
div.about-apoplexy dl.color-defin dt,
div.about-apoplexy .emphasis,
div.about-apoplexy .category-color,
div.about-apoplexy div.point-area dl.point dd {
	border-color: #38a0e4;
	color: #38a0e4;
}

div.about-apoplexy div.wp-pagenavi ul li.back {
	background: url(../img/arrow_pagenavi_01_left.gif) left top no-repeat;
}

div.about-apoplexy div.wp-pagenavi ul li.next {
	background: url(../img/arrow_pagenavi_01_right.gif) right top no-repeat;
}

div.about-apoplexy dl.related-info {
	background: url(../about_apoplexy/img/bg_reinfo.gif) left bottom no-repeat
}

div.about-apoplexy dl.related-info dd ul li {
	background: url(../about_apoplexy/img/arrow_sub_on.gif) left 2px no-repeat;
}


div.about-apoplexy div.point-area {
	width: 274px;
}

div.about-apoplexy div.point-area dl.point {
	margin: 20px 0;
	background: url(../about_apoplexy/img/bg_point.gif) left bottom no-repeat;
}

div.about-apoplexy div.point-area dl.point dd {
	padding: 11px 14px;
}


/*
===== 4: sympton ===========================*/
div.sympton div.box-left dl dt,
div.sympton div.box-right dl dt {
	border-color: #278d6b;
	color: #278d6b;
}

div.sympton div.wp-pagenavi ul li.back {
	background: url(../img/arrow_pagenavi_02_left.gif) left top no-repeat;
}

div.sympton div.wp-pagenavi ul li.next {
	background: url(../img/arrow_pagenavi_02_right.gif) right top no-repeat;
}

div.sympton dl.related-info {
	background: url(../symptom/img/bg_reinfo.gif) left bottom no-repeat
}

div.sympton dl.related-info dd ul li {
	background: url(../symptom/img/arrow_sub_on.gif) left 2px no-repeat;
}


/*
===== 5: about-botulinus ===========================*/
div.about-botulinus div.box-left dl dt,
div.about-botulinus div.box-right dl dt,
div.about-botulinus .partition,
div.about-botulinus div.side-effect-box ul li,
div.about-botulinus div.notes-box dl dt {
	border-color: #895cba;
	color: #895cba;
}

div.about-botulinus ul.list li {
	padding-left: 12px;
	background:url(../about_botulinus/img/img_list_01.gif) left 7px no-repeat;
	line-height: 1.7;
}

div.about-botulinus div.wp-pagenavi ul li.back {
	background: url(../img/arrow_pagenavi_03_left.gif) left top no-repeat;
}

div.about-botulinus div.wp-pagenavi ul li.next {
	background: url(../img/arrow_pagenavi_03_right.gif) right top no-repeat;
}

div.about-botulinus dl.related-info {
	background: url(../about_botulinus/img/bg_reinfo.gif) left bottom no-repeat
}

div.about-botulinus dl.related-info dd ul li {
	background: url(../about_botulinus/img/arrow_sub_on.gif) left 2px no-repeat;
}

div.about-botulinus .partition {
	clear: both;
	margin-top: 15px;
	border-bottom: dotted 1px;
	zoom: 1;
}

div.about-botulinus div.side-effect-box {
	margin: 20px 0;
	background: url(../about_botulinus/img/bg_side_effect_bottom.gif) left bottom no-repeat;
}

div.about-botulinus div.side-effect-box-end {
	padding: 10px 5px;
	background: url(../about_botulinus/img/bg_side_effect_top.gif) left top no-repeat;
}

div.about-botulinus div.side-effect-box ul li {
	display: inline;
	margin-left: 12px;
	padding-left: 12px;
	background:url(../about_botulinus/img/img_list_01.gif) left 3px no-repeat;
	font-weight: bold;
	line-height: 1.7;
	white-space: nowrap;
}

div.about-botulinus ul.notes-link li {
	float: left;
	width: 251px;
	margin-bottom: 15px;
	padding-left: 17px;
	background: url(../about_botulinus/img/arrow_sub.gif) left 3px no-repeat;
}

div.about-botulinus div.notes-box {
	clear: both;
	margin-bottom: 25px;
	background: url(../about_botulinus/img/bg_notes_box.gif) left bottom no-repeat;
}

div.about-botulinus div.notes-box h2 {
	padding: 0;
}

div.about-botulinus div.notes-box p {
	padding: 10px 14px 0;
}

div.about-botulinus div.notes-box dl {
	padding: 0 14px 14px 14px;
}

div.about-botulinus div.notes-box dl dt,
div.about-botulinus div.notes-box dl dd {
	padding-left: 12px;
}

div.about-botulinus div.notes-box dl dt {
	margin-top: 14px;
	background: url(../about_botulinus/img/img_list_02.gif) left 3px no-repeat;
	font-weight: bold;
}

div.about-botulinus div.cloud-box {
	background: url(../about_botulinus/img/bg_cloud.gif) repeat-y;
}

div.about-botulinus div.cloud-box-bottom {
	background: url(../about_botulinus/img/bg_cloud_bottom.gif) left bottom no-repeat; 
}

div.about-botulinus div.cloud-box-inner {
	background: url(../about_botulinus/img/bg_cloud_top.gif) left top no-repeat; 
}

div.about-botulinus ul.question-list li {
	padding: 9px 7px 8px 36px;
	border-bottom: #ae8cd4 dotted 1px;
	background: url(../about_botulinus/img/img_icn_question_02.gif) 9px 6px no-repeat;
}

div.about-botulinus div.answer {
	padding-bottom: 20px;
}

div.about-botulinus div.answer dl {
	padding-top: 20px;
}

div.about-botulinus div.answer dl dt {
	margin-bottom: 10px;
	padding: 3px 0 5px 30px;
	border-bottom: #ae8cd4 solid 2px;
	background: url(../about_botulinus/img/img_icn_question_01.gif) left top no-repeat;
	color: #895cba;
	font-weight: bold;
}

div.about-botulinus div.answer dl dd {
	padding: 2px 0 15px 30px;
	background: url(../about_botulinus/img/img_icn_answer.gif) left top no-repeat;
}
div.about-botulinus div.answer dl dd p.link {
	text-align: right;
	padding: 5px 0 10px;
}

div.about-botulinus div.answer dl dd p.link a {
	margin:3px 0 0 12px;
	padding:2px 2px 0 10px;
	background:url(../img/arrow_purple_s.gif) no-repeat 0 5px;
}

/*
===== 6: public-support ===========================*/
div.public-support div.box-left dl dt,
div.public-support div.box-right dl dt,
div.public-support .emphasis,
div.public-support ul.service-list li,
div.public-support ul.facilities-list li {
	border-color: #f78911;
	color: #f78911;
}

div.public-support div.wp-pagenavi ul li.back {
	background: url(../img/arrow_pagenavi_04_left.gif) left top no-repeat;
}

div.public-support div.wp-pagenavi ul li.next {
	background: url(../img/arrow_pagenavi_04_right.gif) right top no-repeat;
}

div.public-support dl.cost-info,
div.public-support dl.related-info {
	background: url(../public_support/img/bg_reinfo.gif) left bottom no-repeat
}

div.public-support dl.related-info dd ul li {
	background: url(../public_support/img/arrow_sub_on.gif) left 2px no-repeat;
}

div.public-support ul.facilities-list li,
div.public-support ul.service-list li {
	display: block;
	float: left;
	width: 18em;
	padding-left: 12px;
	background: url(../public_support/img/img_list_01.gif) left 4px no-repeat;
	font-weight: bold;
}

div.public-support ul.facilities-list {
	margin: 20px 0;
}

div.public-support ul.facilities-list li {
	width: 22em;
	margin: 5px 0;
}

div.public-support ul.facilities-list li.short {
	width: 15em;
}

div.public-support .emphasis {
	border: none;
	margin: 0;
	padding: 0;
}

div.public-support div.box-left dl dd,
div.public-support div.box-right dl dd {
	margin-bottom: 20px;
}

div.public-support .cap {
	clear: both;
	padding-top: 12px;
	zoom: 1;
}

div.public-support table.service-table {
	width: 100%;
	margin-bottom: 20px;
}

div.public-support table.service-table caption {
	padding-left: 12px;
	background: url(../public_support/img/img_list_02.gif) left 5px no-repeat;
	color: #4a9419;
	font-weight: bold;
	text-align: left;
}

div.public-support table.service-table th,
div.public-support table.service-table td {
	padding: 7px 0;
	border: #ffffff 2px solid;
	font-weight: bold;
	text-align: center;
}

div.public-support table.service-table thead {
	color: #ffffff;
}

div.public-support table.service-table thead th {
	background-color: #11b784;
}

div.public-support table.service-table thead td {
	background-color: #69c7aa;
}

div.public-support table.service-table tbody {
	color: #4c9f15;
}

div.public-support table.service-table tbody th {
	width: 135px;
	background-color: #d4f5c4;
}

div.public-support table.service-table tbody td {
	background-color: #f6f3bf;
}

div.public-support dl.cost-info {
	margin: 20px 0;
}

div.public-support dl.cost-info dd {
	padding: 10px 10px 0 10px;
}

/*
===== 8: byoin ===========================*/

p.note,
ul.note { margin: 1em 1em 2em; }
ul.note li { padding-left: 1em; text-indent: -1em; }

p.related-link { margin-left: 1em; }
p.related-link a { padding: 2px 0 2px 18px; background: url(../img/arrow_02.gif) 0 0 no-repeat; }

div.byoin iframe { margin: 2em 0; border: none; }


.axis { font-weight: bold; line-height: 33px; }
.axis .btn { float: right; }

#text-search,
#reduce dt { margin-bottom: 10px; padding: 6px 0 4px 18px; background: #f1a0de; }
#text-search img, #text-search input { vertical-align: middle; }
#text-search input.input-text { margin-left: 15px; width: 345px; height: 26px; line-height: 2; }

#reduce dt { margin: 0; line-height: 33px; }
#reduce dd { padding: 10px 18px; background: #ffeafa; }
#reduce ul { margin: .5em 0 0; line-height: 1.5; }
#reduce input { margin-right: .5em; vertical-align: text-bottom; }

#result h2 {
	margin: 10px 0;
	padding: 8px 0;
	font-weight: bold;
	font-size: 1.33em;
	border-bottom: 1px solid #f1a0de;
}
#result h2 span { display: block; padding: 0 5px; line-height: 1.3; border-left: 5px solid #f1a0de; }
#result .side { text-align: right; }

div.result-list, ul.result-item { margin-bottom: 1em; border-bottom: 1px dotted #f1a0de; }
div.result-item, ul.result-item li { padding: 10px 0; border-top: 1px dotted #f1a0de; }
div.result-item:after, .result-item li:after { content: ""; display: block; clear: both; }

.result-item a {
	display: inline-block;
	display: inline\9;
	padding-left: 17px;
	background: url(../byoin/img/arrow_sub.gif) left 3px no-repeat;
}
.result-item p, .result-item dl, .result-item li { line-height: 20px; }
.result-item dd { padding-left: 17px; }
ul.result-item p { margin-bottom: 0; }

.icons th, .icons td { line-height: 23px; }
.icons td { padding-left: 10px; width: 150px; text-align: right; }

.twin,
.result-item dl,
.result-item .icons { float: left; margin-right: 20px; width: 345px; }
.even,
.result-item .icons { margin-right: 0; }


a.legend {
	display: inline-block;
	display: inline\9;
	padding-left: 15px;
	background: url(../byoin/img/arrow_pink.gif) 3px center no-repeat;
}


/*
===== 9: basic(sitemap �� booklet) ===========================*/
div.container div.sitemap {
	margin-right: 0;
}

div.basic p.top-scroll {
	clear: both;
	margin-bottom: 15px;
	text-align: right;
}

div.sitemap p.top-scroll {
	margin-right: 20px;
}

div.basic h2 {
	margin: 0;
	padding: 0 0 15px 0;
}

div.basic div.cloud-box {
	padding-bottom: 6px;
	background: url(../img/bg_cloud_bottom.gif) left bottom no-repeat; 
}

div.basic div.cloud-box-inner {
	padding: 10px 10px 0 0;
	background: url(../img/bg_cloud_top.png) left top no-repeat; 
}

div.basic div.cloud-box ul li {
	margin-right: 10px;
	background: url(../img/arrow_07.gif) left 2px no-repeat;
}

div.basic div.section {
	clear: both;
	padding-bottom: 20px;
}

div.basic div.section dl {
	float: left;
	width: 345px;
	padding: 10px 20px 0 0;
}

div.basic div.section dl dt {
}

div.basic div.section dl dd {
	padding-right: 20px;
	margin-top: 10px;
}

div.basic p.top-scroll a {
	margin-top: 20px;
}

div.basic dl.related-info {
	background: url(../img/bg_reinfo_sitemap.gif) left bottom no-repeat

}

div.basic dl.related-info dd ul li {
	background: url(../img/arrow_07.gif) left 2px no-repeat;
}

div.basic div.download-area {
	clear: both;
	margin-top: 15px;
	padding: 12px 15px 12px;
	background-color: #f4e9f5;
	zoom: 1;
}

div.basic div.download-area dl,
div.basic div.download-area p.download img {
	float: left;
}

div.basic div.download-area dl {
	width: 440px;
	margin-right: 10px;
}

div.basic div.download-area dl dt {
	border-color: #a66aa9;
	color: #a66aa9;
}

div.basic div.download-area p.download {
	padding-top: 10px;
}

div.basic div.reader {
	clear: both;
	margin-bottom: 20px;
}

div.basic div.reader p {
	float: left;
	width: 580px;
	margin: 20px 5px 0 0;
}

div.basic div.reader img {
	margin-top: 20px;
}

/*
===== 10: Others ===========================*/
div.main ul li.non-border,
div.main div.box-left dl dt.non-border,
div.main div.box-right dl dt.non-border {
	border-bottom: none;
}

div.main span.ruby {
	font-size: 85%;
	background-color: transparent;
}

div.main .clear {
	clear: both;
}

div.main .pat {
	padding-top: 20px;
	zoom: 1;
}

div.main .pab5 {
	padding-bottom: 5px;
}

div.main div.wp-pagenavi ul li.left-apoplexy {
	background: url(../img/arrow_pagenavi_01_left.gif) left top no-repeat;
}

div.main div.wp-pagenavi ul li.right-apoplexy {
	background: url(../img/arrow_pagenavi_01_right.gif) right top no-repeat;
}

div.main div.wp-pagenavi ul li.left-sympton {
	background: url(../img/arrow_pagenavi_02_left.gif) left top no-repeat;
}

div.main div.wp-pagenavi ul li.right-sympton {
	background: url(../img/arrow_pagenavi_02_right.gif) right top no-repeat;
}

div.main div.wp-pagenavi ul li.left-botulinus {
	background: url(../img/arrow_pagenavi_03_left.gif) left top no-repeat;
}

div.main div.wp-pagenavi ul li.right-botulinus {
	background: url(../img/arrow_pagenavi_03_right.gif) right top no-repeat;
}

div.main div.wp-pagenavi ul li.left-faq {
	background: url(../img/arrow_pagenavi_05_left.gif) left top no-repeat;
}

div.main div.wp-pagenavi ul li.right-faq {
	background: url(../img/arrow_pagenavi_05_right.gif) right top no-repeat;
}

div.main div.wp-pagenavi ul li.left-support {
	background: url(../img/arrow_pagenavi_04_left.gif) left top no-repeat;
}

div.main div.wp-pagenavi ul li.right-support {
	background: url(../img/arrow_pagenavi_04_right.gif) right top no-repeat;
}

dl.banner li { float: left; padding: 10px; width: 335px; text-align: center; }
dl.banner dt { margin: 20px 0; }
dl.banner span { display: block; margin: 20px 0 0; text-align: left; }
dl.banner pre {
	margin: 0 0 20px;
	padding: 1em;
	background: #ececec;
	color: #666666;
	font-size: 120%;
	text-align: left;
	white-space: normal;
}