@charset "shift_jis";

/*==================================================
	
	NTT-BJ｜iタウンページ
	レイアウト：type3｜カラー：gray
	/css/type3_gray/common.css
	
==================================================*/

body {
	color: #333;
	margin: 0;
	padding: 0;
	line-height: 1.6;
	font-size: 100%;
	background: #f5eccd url(../../types/type3_gray/body.jpg) repeat-x left top;
}

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

#wrapper {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

#type1Wrapper {
}

#type1Wrapper2 {
}

/*========== Link ==========*/
a:link,
a:visited,
a:active {
	color: #333;
	text-decoration: underline;
}
a:hover {
	color: #8a4100;
	text-decoration: underline;
}
a:focus {
	overflow:hidden;
}

/*========== type3hide ==========*/
.type3hide {
	display: none;
}

/*========== Title ==========*/
#titleBox {
	width: 980px;
	margin: 10px 0 0 0;	
	padding: 0;
}

#titleInnerBox {
	margin: 0;
	padding: 10px 27px;
	background: #fff;
	border: 3px solid #8a4100;
}

#title {
	width: 920px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	zoom: 1;
}

#titleText {
	width: 590px;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}

#titleText .name {
	width: 588px;
	margin: 0;
	padding: 0 0 5px 0;
	background: url(../../types/type3_gray/dot.gif) repeat-x left bottom;
}
#titleText .name .ruby {
	font-size: 100%;
}
#titleText .name h1 {
	margin: 0;
	padding: 0;
	font-size: 200%;
	font-weight: bold;
	color: #000;
}

#titleText .titleSubText {
	margin: 15px 0 0 0;
	padding: 0;
}
#titleText .titleSubText h2 {
	color: #991212;
	margin: 0 0 10px;
	font-size: 134%;
	font-weight: bold;
	line-height: 1.2;
}
#titleText .titleSubText .tel {
	padding: 0 0 0 23px;
	background: url(../../types/type3_gray/title_icon_tel.png) left 0 no-repeat;
	font-size: 150%;
}
#titleText .titleSubText .tel span {
}

#shopLogo {
	width: 310px;
	float: right;
	text-align: right;
	/* border: 1px solid #eaeaea; */
}

/* UtilitiesBtn */
#utilBox {
	margin: 7px 0 0 0;
	padding: 0;
	text-align: right;
}
#utilBox ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#utilBox ul li {
	margin: 0;
	padding: 2px 5px 3px 20px;
	font-size: 92%;
	display: inline;
}
#utilBox ul li a {
}
#utilBox ul li.btnKuchikomi {
	background: url(../../types/type3_gray/icon_kuchikomi.png) no-repeat 0 50%;
}
#utilBox ul li.btnFavorite {
	background: url(../../types/type3_gray/icon_fav.png) no-repeat 0 50%;
}
#utilBox ul li.btnMail {
	background: url(../../types/type3_gray/icon_mail.png) no-repeat 0 50%;
}
#utilBox ul li.btnPrint {
	background: url(../../types/type3_gray/icon_print.png) no-repeat 0 50%;
}


/*========== ContentsBody ==========*/
.type2PrintImage {
}

#contentsBody {
	width: 980px;
	margin: 10px 0 0 0;
	padding: 0;
	background: url(../../types/type3_gray/main_contents_bg.gif) left top repeat;
}

#container {
	width: 980px;
	margin: 0;
	padding: 0;
}


/*========== Menu ==========*/
#naviBox {
	width: 980px;
	background: #fff;
	border-bottom: 1px solid #eaeaea;
	position: relative;
	overflow: hidden;
	padding: 0 0 7px 0;
}

/*----- MainNavi -----*/
#mainNaviBox {
	width: 980px;
	padding: 6px 0;
	background: #8a4100;
}

#mainNaviBox ul {
	margin: 0 0 0 30px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	zoom: 1;
}

#mainNaviBox ul li {
	float: left;
	height: 28px;
	margin: 0 3px 0 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#mainNaviBox ul li a {
	height: 22px;
	margin: 0;
	padding: 6px 0 0 0;
	color: #8a4100;
	display: block;
	text-decoration: none;
}

#mainNaviBox ul li.btnTop,
#mainNaviBox ul li.btnTop a {
	width: 120px;
	background: url(../../types/type3_gray/mnav_top.gif) left top no-repeat;
}

#mainNaviBox ul li.btnMenu,
#mainNaviBox ul li.btnMenu a {
	width: 197px;
	background: url(../../types/type3_gray/mnav_def.gif) left top no-repeat;
}

#mainNaviBox ul li.btnMap,
#mainNaviBox ul li.btnMap a {
	width: 197px;
	background: url(../../types/type3_gray/mnav_def.gif) left top no-repeat;
}

#mainNaviBox ul li.btnChild,
#mainNaviBox ul li.btnChild a {
	width: 197px;
	background: url(../../types/type3_gray/mnav_child.gif) left top no-repeat;
}

#mainNaviBox ul li.btnPet,
#mainNaviBox ul li.btnPet a {
	width: 197px;
	background: url(../../types/type3_gray/mnav_pet.gif) left top no-repeat;
}

/*----- MainNavi hover -----*/
#mainNaviBox ul li.btnTop a:hover,
#mainNaviBox ul li.btnMenu a:hover,
#mainNaviBox ul li.btnMap a:hover,
#mainNaviBox ul li.btnChild a:hover,
#mainNaviBox ul li.btnPet a:hover {
	background-position: 0px -92px;
	color: #fff;
}

/*----- support -----*/
/*----- その悩み、今すぐメール／今すぐ診療予約できます／お役立ち記事をチェック／チラシを見る／ブログを見る -----*/
#supportBox {
	margin: 0;
}
#supportBox ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}
#supportBox ul li {
	font-size: 12px;
	float:left;
}

#supportBox ul li.btnMailNow {
	width: 181px;
	margin: 0 3px 0 0;
	padding: 0;
}
#supportBox ul li.btnMailNow a {
	height: 30px;
	margin: 0;
	padding: 0 0 0 35px;
	background: url(../../types/type3_blue/btn_mailnow.gif) left top no-repeat;
	line-height: 32px;
	display: block;
	font-weight: bold;
	color:#ffffff;
}
#supportBox ul li.btnMailNow a:hover {
	color:#ffd704;
}

#supportBox ul li.btnMedicalReserve {
	width: 181px;
	margin: 0 3px 0 0;
	padding: 0;
}
#supportBox ul li.btnMedicalReserve a {
	height: 30px;
	margin: 0;
	padding: 0 0 0 35px;
	background: url(../../types/type3_gray/btn_medicalreserve.gif) left top no-repeat;
	line-height: 32px;
	display: block;
}

#supportBox ul li.btnUsefulReport {
	width: 181px;
	margin: 0 3px 0 0;
	padding: 0;
}
#supportBox ul li.btnUsefulReport a {
	height: 30px;
	margin: 0;
	padding: 0 0 0 35px;
	background: url(../../types/type3_gray/btn_usefulreport.gif) left top no-repeat;
	line-height: 32px;
	display: block;
}

#supportBox ul li.btnLeaflet {
	width: 181px;
	margin: 0 3px 0 0;
	padding: 0;
}
#supportBox ul li.btnLeaflet a {
	height: 30px;
	margin: 0;
	padding: 0 0 0 35px;
	background: url(../../types/type3_gray/btn_leaflet.gif) left top no-repeat;
	line-height: 32px;
	display: block;
}

#supportBox ul li.btnWeblog {
	width: 181px;
	margin: 0;
	padding: 0;
}
#supportBox ul li.btnWeblog a {
	height: 30px;
	margin: 0;
	padding: 0 0 0 35px;
	background: url(../../types/type3_gray/btn_weblog.gif) left top no-repeat;
	line-height: 32px;
	display: block;
}

/*----- MiniMap -----*/
#miniMapBox {
	width: 186px;
	margin: 0;
	padding: 0 0 10px 0;
	background: #f0f0f0;
}
#miniMapBox .miniMapTitle {
	height: 15px;
	text-indent: -9998px;
}

#miniMapInnerBox {
	margin: 0;
	padding: 0 0 0 17px;
}

#miniMapInnerBox .miniMap {
	width: 150px;
	margin: 0 0 7px 0;
	padding: 0;
	border: 1px solid #a6a6a6;
}
#miniMapInnerBox ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#miniMapInnerBox ul li {
	margin: 0 0 5px 0;
	padding: 0;
}
#miniMapInnerBox ul li a,
#miniMapInnerBox ul li a:visited,
#miniMapInnerBox ul li a:hover,
#miniMapInnerBox ul li a:active {
	width: 119px;
	height: 13px;
	text-indent: -9998px;
	text-decoration: none;
	display: block;
	font-size: 1%;
}
#miniMapInnerBox ul li.btnMiniMapZoom {
	background: url(../../types/type3_gray/btn_mapzoom.gif) no-repeat;
	zoom: 1; /* ie6印刷バグ解決 */
}
#miniMapInnerBox ul li.btnMiniMapRoute {
	background: url(../../types/type3_gray/btn_maproute.gif) no-repeat;
	zoom: 1; /* ie6印刷バグ解決 */
}


/*----- SubNavi -----*/
#subNaviBox {
	width:980px;
	margin: 0;
}
#subNaviBox ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	float:left;
}
#subNaviBox ul li {
	font-size: 12px;
}


/*----- メルマガに登録する／商品を購入する／予約する -----*/
#subNaviBox ul.subNaviFirst {
	overflow:hidden;
}
#subNaviBox ul.subNaviFirst li {
	float:left;
}
#subNaviBox ul.subNaviFirst li.btnMailmag {
	width: 181px;
	margin: 0 3px 0 0;
	padding: 0;
}
#subNaviBox ul.subNaviFirst li.btnMailmag a {
	height: 30px;
	margin: 0;
	padding: 0 0 0 35px;
	background: url(../../types/type3_gray/btn_mailmag.gif) left top no-repeat;
	line-height: 32px;
	display: block;
}

#subNaviBox ul.subNaviFirst li.btnBuy {
	width: 181px;
	margin: 0 3px 0 0;
	padding: 0;
}
#subNaviBox ul.subNaviFirst li.btnBuy a {
	height: 30px;
	margin: 0;
	padding: 0 0 0 35px;
	background: url(../../types/type3_gray/btn_buy.gif) left top no-repeat;
	line-height: 32px;
	display: block;
}

#subNaviBox ul.subNaviFirst li.btnReserve {
	width: 181px;
	margin: 0 3px 0 0;
	padding: 0;
}
#subNaviBox ul.subNaviFirst li.btnReserve a {
	height: 30px;
	margin: 0;
	padding: 0 0 0 35px;
	background: url(../../types/type3_gray/btn_reserve.gif) left top no-repeat;
	line-height: 32px;
	display: block;
}

/*----- 資料請求／お問い合わせ -----*/
#subNaviBox ul.subNaviSecond {
	overflow:hidden;
}
#subNaviBox ul.subNaviSecond li {
	float:left;
}
#subNaviBox ul.subNaviSecond li.btnMaterial {
	width: 181px;
	margin: 0 3px 0 0;
	padding: 0;
}
#subNaviBox ul.subNaviSecond li.btnMaterial a {
	height: 30px;
	margin: 0;
	padding: 0 0 0 35px;
	background: url(../../types/type3_gray/btn_material.gif) left top no-repeat;
	line-height: 32px;
	display: block;
}

#subNaviBox ul.subNaviSecond li.btnInquiry {
	width: 181px;
	margin: 0;
	padding: 0;
}
#subNaviBox ul.subNaviSecond li.btnInquiry a {
	height: 30px;
	margin: 0;
	padding: 0 0 0 35px;
	background: url(../../types/type3_gray/btn_inquiry.gif) left top no-repeat;
	line-height: 32px;
	display: block;
}

/* type3独自・supportとsubNavi包括 */
#type3subNaviBox {
	width: 980px;
	margin: 0;
	padding: 0;
}
#type3subNaviInnerBox {
	width: 920px;
	margin: 0 0 0 30px;
	padding: 0;
}
#type3subNaviInnerBox a:link,
#type3subNaviInnerBox a:visited,
#type3subNaviInnerBox a:active {
	color: #8A4100;
	text-decoration: none;
}
#type3subNaviInnerBox a:hover {
	text-decoration: underline;
}


/* type3独自・supportエリア */
#type3supportBox {;
	margin: 7px 0 5px 0;
	padding: 0;
}


/*----- QR -----*/
#qrBox {
	width: 186px;
	margin: 10px 0;
	padding: 15px 0;
	background: url(../../types/type3_gray/qr_title.gif) left top no-repeat;
}
#qrBox .qrText {
	margin: 10px 0 0 0;
	padding: 0;
}
#qrBox .qrTitle {
	width: 186px;
	height: 17px;
	margin: 0 0 10px 0;
	padding: 0;
	text-indent: -9998px;
}
#qrBox .qrCode {
	text-align: center;
}
#qrBox .qrNote {
	margin: 10px 0 0 0;
	padding: 0 15px 0;
	font-size: 84%;
	line-height: 1.6;
}


/*========== MainContents ==========*/
#mainContentsBox {
	width: 980px;
}
#mainContentsInnerBox {
	width: 920px;
	margin: 0 0 0 30px;
	padding: 0 0 5px 0;
}

#anchorBox {
	width: 920px;
	margin: 10px 30px;
	padding: 0;
}
#anchorBox ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#anchorBox ul li {
	margin: 0 15px 0 0;
	padding: 0 0 0 10px;
	background: url(../../types/type3_gray/icon_arrow.gif) no-repeat 0 50%;
	white-space: nowrap;
	float: left;
}
#anchorBox ul li a {
	color: #8a4100;
	white-space: none;
}
#anchorBox ul li a:hover {
	color: #333;
}


/*========== FooterLink ==========*/
#footerLink {
	margin: 0;
	padding: 10px 20px 20px;
	/* text-align: center; */
	background: #fff;
}
#footerLink ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footerLink ul li {
	margin: 0;
	padding: 0 6px 0 10px;
	border-left: 1px solid #333;
	display: inline;
}

* html #footerLink ul li { /* IE6用 */
	margin: 0;
	padding: 0 6px 0 8px;
	display: inline;
	}

#footerLink ul li a {
}
#footerLink ul li.footerLinkTop {
	border: none;
}

/*========== Copyright Style ==========*/
#copyright {
	width: 980px;
	margin: 0;
	padding: 0;
	text-align: right;
	border-top: 1px solid #eaeaea;
	background: #fff;
}
#copyright address {
	margin: 0;
	padding: 15px 20px;
}
#copyright address a {
	color: #333;
	text-decoration: underline;
}
#copyright address a:hover {
	color: #8a4100;
	text-decoration: underline;
}


/*========== Type3ImgBox ==========*/
#type3mainImgBox {
	width: 920px;
	margin: 10px 0 0 30px;
	padding: 0 0 10px 0;
	background: #fff;
	text-align: center;
}

#type3mainImgBox .mainImg {
	width: 586px;
	margin: 0 auto;
	padding: 10px 0;
}

/* #type3mainImgBox .mainImg img {
	width: 586px;
	height: 440px;
} */

#type3mainImgBox .introduction {
	margin: 0 168px;
	padding: 0;
	text-align: center;
	font-size: 117%;
	line-height: 1.5;
	font-weight: bold;
}

#type3mainImgBox .introduction p {
}