@charset "euc-jp";
/* CSS Document====================================== 

*　Reset Style Sheet for All Major Browser
*　Last Update 2008-01-25
*
*	Tctu.inc 
*	Default CSS SET
====================================================

/*===================================================
	1-1. Font (Yahoo UI Library Fonts CSS)
===================================================*/
html{ 
    height:100%; 
}

body {
	 font-size: 16px;
	*font-size: small;
	*font: x-small;
	font-family: Arial, Helvetica, sans-serif;
	height:100%;
	letter-spacing:0.8;
}

table {
	font-size: inherit;
}

select, 
input, 
textarea {
	font: 99% arial,helvetica,clean,sans-serif;
}

pre, 
code {
	font: 115% monospace;
	*font-size: 100%;
}

/*サイト内の要素の行高*/
body * {
	line-height: 1.5;
}


/*===================================================
	1-2. Reset Style
===================================================*/

/*要素の初期マージン・余白の初期化*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
	vertical-align: top;
}

address,
caption,
cite,
code,
dfn,
em,
h,
var { 
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

q:before,
q:after { 
	content: '';
}

abbr,
acronym {
	border: 0;
}

/*===================================================
	1-3. Text Style
===================================================*/

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-size: 100%;
}

pre {
	padding: 0.5em 10px; 
	border-left: 2px solid #eee;
	width: 95%;
	overflow: scroll;
	color: #3d4263;
	font-family: "Osaka−等幅", monospace;
}

pre[title]::before {
	margin-bottom: 0.4em;
	padding: 0 10px;
	display: block; 
	content: attr(title);
	color: black;
	background-color: #fff;
}

blockquote {
	margin-right: 15px;
	margin-left: 20px;
}

cite {
	display: block;
	color: #333333;
	text-align: right;
}

em {
	font-weight: bold;
}

strong {
	color: #222222;
}

code {
	font-family:  monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #aaa;
	cursor: help;
}

kbd {
	border: 1px solid #ccc;
	padding: 0 0.3em; 
	background-color: #f5f5f5;
	font-family: monospace;
	text-transform: uppercase;
}

/*===================================================
	1-4. Hypertext Style
===================================================*/

/*Win Firefox用リンク領域点線非表示*/
:focus {
	?moz-outline-style: none;
}

/*Mac Firefox用リンク領域点線非表示*/
a {
	outline: none;
 }

/*リンク要素の初期カラー*/
a:link {
	color: #222222;
}

a:visited {
	color: #222222;
}

a:hover {
	color: #b83800;
}

/*===================================================
	1-5. List Style
===================================================*/

ul,
ol,
dl {
	margin:0;
	list-style-position: outside;
}

li,
dt,
dd {
	font-size: 100%;
}

dt {
	font-weight: normal;
}

dd {
	margin:0;
}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
	font-size: 100%;
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
	margin: 0;
}

/*===================================================
	1-6. Form Style
===================================================*/

form {
	margin:0;
}

fieldset {
}

/*フォーム内legend要素のマージン*/
legend {
	margin: 0.5em 0;
	padding: 0 10px;
}

/*フォーム内テキストエリア内の余白*/
textarea {
	padding: 2px 5px;/*構築サイトに応じて変更*/
}

/*===================================================
	1-7. Table Style
===================================================*/
/*テーブルの初期スタイル*/
table {
	margin:0;
	border: none;/*構築サイトに応じて変更*/
}

th,
td {
	padding: 3px;/*構築サイトに応じて変更*/
	border: none;
}

th {
	background: #DFDFDF;/*構築サイトに応じて変更*/
}

/*===================================================
	1-1. Font & Text style
===================================================*/

body {
	font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kakugo Pro3, Osaka,"ＭＳ Ｐゴシック",Arial, Helvetica, sans-serif;
	color:#222222;
	background:#ffffff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color:#222222;
}

h1 {
	font-size: 120%; /*25pxに相当*/
	line-height:1.5;
	font-weight:normal;
	margin:0px;
	padding:0px 47px 0px 32px;
	color: #222222;
	float:left;
}

h2 {
	font-size: 156%; /*25pxに相当*/
}

h3 {
	font-size:112%; /*18pxに相当*/
	margin-bottom: 0.5em;
	color:#5C1C44;
	text-align:left;
}

h4 {
	font-size: 87%; /*14pxに相当*/
	padding-left:15px;
}

/*コピーライト表記*/
.copyright {
	padding-right: 10px;
	text-align: right;
}


/*===================================================
	1-2. Hypertext Style
===================================================*/

 /*ページトップへ*/
.pagetop {
	text-align: right;
	padding-right: 10px;
}

/*===================================================
	1-3. Layout
===================================================*/

/*-----------------------------------------------------------
				wrapper
-----------------------------------------------------------*/

#wrap {
	width: 768px;
	margin:0 auto;
	border: none;
	background:#FFFFFF;
}

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

#head {
	width: 768px;
	height:80px;
	overflow: hidden;
	background: #ffffff url(http://www.purple-ipe.com/images/bg_head.gif) repeat-x bottom;
	padding:32px 0px 0px 0px;
	margin-bottom:20px;
}

#header:after {
	content: "";
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #header {
	height: 1em;
	overflow: visible;
}
/**/

div.link-note {
	float:left;
	background:url(http://www.purple-ipe.com/images/bg_search.gif)  no-repeat top;
	width:309px;
	padding:6px 0px 8px 10px;
}

div.link-note form label {
	vertical-align:middle;
	font-size:14px;
}

input#search {
	vertical-align:middle;
	width:150px;
}

input#btn {
	vertical-align:middle;
	padding-left:5px;
}

/* Mac版IE5のみ \*//*/
div.link-note form label {
	font-size:14px;
	margin:0px;
	padding:0px 0px 5px 0px;
}

input#btn {
	padding:0px;
	margin:0px 0px 3px 5px;
}
/* ここで終わり */ 

p.contactBtn {
	margin:-15px 0px 25px 0px;
	float:left;
}

p.contactBtn img{
	padding:0px 0px 0px 22px;
}
/*-----------------------------------------------------------
				container
-----------------------------------------------------------*/

#container {
	margin:0px 0px 30px 15px;
	overflow: hidden;
	height:100%; 
	min-height:100%;
	background:url(http://www.purple-ipe.com/images/bg_side_navi.gif) repeat-y left;
}

#container:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #container {
	height: 1em;
	overflow: visible;
}
/**/

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

#footer {
	width: 768px;
	clear:both;
	border-top:1px solid #5c1b44;
	padding:20px 0 20px 0;
}

#footer p {
	text-align:center;
}

/*-----------------------------------------------------------
				2COLUM
-----------------------------------------------------------*/

#mainBox {
	width: 587px;
	float: right;
	background:#FFFFFF;
}

div.breadcrumb {
	margin-bottom:10px;
}

#subBox {
	width: 144px;
	float: left;
	background: #f1e6e7;
	padding-bottom:30px;
	height:100%; 
	min-height:100%; 
}

#subBox dl {
	padding:4px 0px 0px 0px;
}

#subBox dl dt{
	padding:0px 0px 0px 6px;
}

#subBox dl dd{
	padding:0px 0px 0px 6px;
	margin-bottom:17px;
}

#subBox h3{
	padding:0px 0px 0px 10px;
	font-size:100%;
}

#subBox ul{
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 5px;	
}

#subBox ul li{
	background:url(http://www.purple-ipe.com/images/arrow_side.gif) no-repeat left;
	padding:0px 0px 5px 17px;
}

/*===================================================
	1-4. Hack Style
===================================================*/

 /*IE6.0以下用透過PNG適用class*/

/*\*/
* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this)); 
}
/**/

 /*FireFoxで背景が出ない事象の回避*/
.clearFix,
#container,
#footer,
div.bnrBox,
div.infoBox,
div#bookBox,
div#bookNavi,
div.innerBox {
	overflow:hidden;
}

.clearFix:after,
#container:after,
#footer:after,
div.bnrBox:after,
div.infoBox:after,
div#bookBox:after,
div#bookNavi:after,
div.innerBox:after {
	content:"";
	display:block;
	clear:both;
	height:0px;
	overflow:hidden;
}

/*\*/
* html .clearFix,
* html #container,
* html #footer,
* html div.bnrBox,
* html div.infoBox,
* html div#bookBox,
* html div#bookNavi,
* html div.innerBox {
	height:1em;
	overflow:visible;
}
/**/

/*===================================================
	1-1. index
===================================================*/
div#keyVisual {
	margin-bottom:14px;
}

p.mainTxt {
	font-size:106%;
	padding-left:20px;
	margin-bottom:10px;
}

div.bnrBox {
	margin-bottom:20px;
}

div.innerBoxL {
	float:left;
}

div.innerBoxR {
	width:250px;
	float:right;
}

div.bnrBox div.innerBoxR dd{
	padding-left:5px;
}

div.infoBox {
	clear:both;
	margin-right:15px;
}

div.infoBox h2{
	margin-bottom:7px;
}

div.infoBox ul{
	border:1px #CCCCCC solid;
	padding:6px 0px;
}

div.infoBox ul li{
	padding:7px 0px 7px 5px;
	margin:0px 15px 0px 15px;
	border-bottom:1px #CCCCCC solid;	
}

div.infoBox ul li a{
	background:url(http://www.purple-ipe.com/images/arrow_info.gif) no-repeat left;
	padding:7px 0px 7px 15px;
	text-decoration:none;
}

div.infoBox ul li.listEnd {
	border:none;
}


/*===================================================
	1-2. book
===================================================*/
#mainBox h2{
	margin-bottom:15px;
}

div#bookNavi {
	margin-bottom:30px;
	padding-left:15px;
}

div#bookNavi ul li {
	float:left;
}


div#bookNavi ul li a{
	width:180px;
	height:85px;
}

div#bookNavi ul li a:hover {
	background-color:transparent;
	display:block;	
}

div#bookNavi ul li a:hover img {
	visibility:hidden;
}

div#bookNavi ul li#bookA a:hover{
	background:url(http://www.purple-ipe.com/images/navi_book_a_h.gif) no-repeat center;
	width:180px;
	height:85px;
	display:block;	
}

div#bookNavi ul li#bookB a:hover{
	background:url(http://www.purple-ipe.com/images/navi_book_b_h.gif) no-repeat center;
	width:180px;
	height:85px;
	display:block;	
}

div#bookNavi ul li#bookC a:hover{
	background:url(http://www.purple-ipe.com/images/navi_book_c_h.gif) no-repeat center;
	width:180px;
	height:85px;
	display:block;	
}

div#bookBox {
	margin:0px -50px 0px 40px;
}

div#bookBox ul li{
	float:left;
	padding:0px;
	margin:0px 50px 65px 0px;
	width:120px;
	min-height:500px;
	height: auto !important;
	height: 500px;
}

div#bookBox ul li p img{
	margin:0px 0px 15px 0px;
	padding:0px;
}

div#bookBox ul li h4{
	font-size:1em;
	color:#CC0000;
	padding:0px;
	margin:0px 0px 13px 0px;
}

/*リンク要素の初期カラー*/
div#bookBox ul li h4 a:link {
	color: #CC0000;
}

div#bookBox ul li h4 a:visited {
	color: #CC0000;
}

div#bookBox ul li h4 a:hover {
	color: #CC0000;
}

/*===================================================
	1-3. kouka
===================================================*/


#mainBox h3.title {
	text-align:left;
	margin-bottom:20px;
	padding-top:10px;
}

h4.txtBg {
	background:#FFFFCC;
	padding:6px 5px 3px 5px;
	display:inline;
	line-height:3;
	vertical-align:top;
	font-size: 112%;	
}

#ipeBox {
	width:508px;
}

.innerBox {
}

.innerBox .main {
	width:310px;
}

.innerBox .sub {
	width:167px;
}

p.newStory {
	font-weight:bold;
	padding:0px 0px 10px 25px;
	font-size: 112%;
}

/*===================================================
	1-4. kenkyu
===================================================*/

.doctorBox {
	width:490px;
	padding:20px;
	margin:0px 0px 20px 20px;
	border:#686868 1px solid;
}

.doctorBox div.innerL {
	width:321px;
}

.doctorBox div.innerL p{
	padding-bottom:10px;
}

.doctorBox div.innerR {
	padding-bottom:20px;
}

p.hospital {
	padding:0px;
	margin:0px;
}

p.hospitalInfo {
	margin:0px 0px 0px 118px;
}

p.contTitle {
	padding-left:180px;
	color:#CC0000;
}

ul.contents {
	padding-left:140px;
}

ul.contents li {
	float:left;
	padding:10px 40px 0px 0px;
	margin-bottom:20px;
}

/*===================================================
	1-5. taiken
===================================================*/
div#categories {
	padding:20px 0px 0px 30px;
	margin:0px 0px 10px 0px;
}

div#categories ul {
	padding-bottom:20px;
}

div#categories ul li.titleList {
	color:#CC0000;
	margin-bottom:20px;
	line-height:2;
	clear:both;
}

div#categories ul li ul li{
	float:left;
	width:137px;
	margin:0px 0px 10px 0px;
height:40px;

}

/*===================================================
	1-6. link
===================================================*/

table.linkTable {
	width:512px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
}

table.linkTable th{
	border-bottom:1px solid #999999;
	border-right:none;	
	background:#FFFFFF;
	padding:10px;
	vertical-align:middle;
	height:60px;
}

table.linkTable td{
	border-left:none;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;		
	background:#FFFFFF;
	vertical-align:middle;
	height:60px;
	padding:0px 10px 0px 0px;
}

/*===================================================
	1-7. sitemap
===================================================*/

#mainBox h3.txtLine {
	border:#5c1b44 solid 1px;
	padding:6px 5px 3px 5px;
	color:#5c1b44;
	display:inline;
	line-height:2;
	vertical-align:top;
}

ul.siteList{
	margin:10px 0px 10px 0px;
}

ul.siteList li{
	float:left;
	width:155px;
	margin-bottom:30px;
}

/*===================================================
	1-8. contact
===================================================*/

table.formTable {
	width:510px;
	border:1px solid #676767;
}

table.formTable td{
	border:1px solid #bcbcbc;
	padding:5px;	
}

table.formTable td.inputName {
	text-align:center;
	font-weight:bold;
}

p.formBtn {
	text-align:center;
	padding:20px 60px 0px 0px;
}

ol.faq li.listFirst {
	padding-left:20px;
	list-style:none;
}

ol.faq {
	list-style:decimal;
	padding-left:25px;
}

/*===================================================
	Color
===================================================*/

/*フォームなどの必須項目*/
.necessity {
	color: #5c1b44;
}

/*===================================================
	List
===================================================*/

/*最後尾リストのボーダー非表示*/
.listEnd {
	border: none;
}

#headerRightBox .listend {
	border-right: none;
}
/*===================================================
	1-4. Box
===================================================*/

/*-------------------------------------------
		グルーピング用マージン
-------------------------------------------*/
.section {
	margin-bottom: 20px;
}

/*===================================================
	1-5. Common
===================================================*/
.spaceL {
	padding-left:10px;
}

.fontL {
	font-weight:bold;
	font-size:1.13em;
}

#subBox dt.center {
	text-align:center;
	padding:0px;
	margin:0px;
}

.center {
	text-align:center;
}

.left {
	text-align:left;
}

.innerL {
	float:left;
}

.innerR {
	float:right;
}
.clear {
	clear:both;
}
.spaceR {
	padding-right:30px;
}

.red {
	color:#CC0000;
}

.btmLine {
	border-bottom:1px solid #5C1C44;
	padding:0px 0px 30px 30px;
}

.sideSpace {
	padding:0px 0px 0px 30px;
}

p.detail {
	padding:0px 15px 0px 15px;
	margin-bottom:20px;
	font-size:118%;
}