@charset "utf-8";
/* -----------------------------------------------------------------
	http://www.atopy-specialty.net/
	更新日：2009年6月23日
	バージョン：2.0
------------------------------------------------------------------*/

/* -----------------------------------------------------------------
	目次
	
	リセット
	基本スタイル
	wrapper
	CSSハック
	各種マージン
	header
	contents
	sidebar
	main
	footer
	page2
	page3
	page4
	page6
	page7
------------------------------------------------------------------*/

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

	リセット

------------------------------------------------------------------*/
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
html {
	font-size: 62.5%;
	line-height: 1.6;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Firefox3 用 */
html:not([lang*=""]) table {
    border-collapse: separate;
    border-spacing: 0;
 }
caption,th {
	text-align:left
}
ol,ul {
	list-style:none;
}
/*
fieldset,img {
	display: none;
	border: 0;
	vertical-align: bottom;
}
*/
/* -----------------------------------------------------------------

	基本スタイル

------------------------------------------------------------------*/
body {
	color: #333333;
	background-color: #aaaaaa;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-image: url(images/base/bg.gif);
	background-repeat: repeat;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.7em;
}
p {
	font-size: 1.4em;
}
a img {
	border-style: none;
}
a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #999999;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	position: relative;
	left: +1px;
	top: +1px;
}

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

	wrapper

------------------------------------------------------------------*/
#wrapper {
	background-color: #FFFFFF;
	width: 800px;
	margin: 0px auto;
	overflow: hidden;
}

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

	CSSハック

------------------------------------------------------------------*/
/* Internet Explore6.0 用 */
/*ヘッダ部分*/
* html #content {
	margin-top:-2px;
	text-align: center;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}

/*hides form IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide form IE-mac */

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

	各種マージン

------------------------------------------------------------------*/
.mgnTop5 {
	margin-top: 5px;
}
.mgnTop10 {
	margin-top: 10px;
}
.mgnTop15 {
	margin-top: 15px;
}
.mgnTop20 {
	margin-top: 20px;
}
.mgnBtm5 {
	margin-bottom: 5px;
}
.mgnBtm10 {
	margin-bottom: 10px;
}
.mgnBtm15 {
	margin-bottom: 15px;
}
.mgnBtm20 {
	margin-bottom: 20px;
}

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

	header

------------------------------------------------------------------*/
#topObi {
	background-color: #c79f81;
	padding-top: 1px;
	padding-bottom: 1px;
}
#keyword {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#topObi   #keyword h1 {
	font-size: 1em;
	font-weight: normal;
}
#header {
	background-color: #FFFFFF;
	margin-bottom: 8px;
	border-bottom: 4px solid #c79f81;
	background-image: url(images/base/headerG.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#headerC {
	margin: 0px auto;
	width: 800px;
	overflow: hidden;
}
#headerL  {
	float: left;
	margin-top: 15px;
	width: 352px;
	margin-bottom: 15px;
}
#headerL   h2  {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.4em;
}
#headerR  {
	float: right;
	margin-top: 15px;
	text-align: right;
	width: 340px;
	margin-bottom: 15px;
}
#headerR     p#hRTxt  {
	line-height: 1.3em;
	font-size: 1.1em;
	text-align: left;
	margin-bottom: 4px;
	width: 340px;
}
#headerR      p#hRTxt2  {
	line-height: 1.3em;
	font-size: 0.9em;
	text-align: left;
	margin-bottom: 4px;
	width: 340px;
	padding-top: 4px;
	border-top: 1px dotted #777777;
}
#headerR       p img  {
	text-align: left;
	display: block;
}

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

	contents

------------------------------------------------------------------*/
#contents {
	background-image: url(images/base/sidebarBgc.gif);
	background-repeat: repeat-y;
	background-position: left;
	overflow: hidden;
}
p#kmCT    {
	background-image: url(images/kmCT.gif);
	height: 10px;
	width: 800px;
	background-repeat: no-repeat;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
p#kmCB   {
	background-image: url(images/kmCB.gif);
	height: 10px;
	width: 800px;
	background-repeat: no-repeat;
	clear: both;
}

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

	sidebar

------------------------------------------------------------------*/
#sidebar {
	float: left;
	width: 171px;
	padding-top: 15px;
	padding-left: 20px;
}
#sidebar #Gnav ul li {
	border-bottom: 1px dotted #777777;
}
#sidebar #Gnav ul li a:link {
	background-image: url(images/base/GnavL.gif);
	background-repeat: no-repeat;
	display: block;
	color: #555555;
	text-decoration: none;
	height: 44px;
	width: 170px;
	font-size: 1.5em;
	line-height: 44px;
	font-weight: normal;
	text-align: center;
}
#sidebar  #Gnav  ul  li  a:visited {
	background-image: url(images/base/GnavL.gif);
	background-repeat: no-repeat;
	display: block;
	color: #555555;
	text-decoration: none;
	height: 44px;
	width: 170px;
	font-size: 1.5em;
	line-height: 44px;
	font-weight: normal;
	text-align: center;
}
#sidebar  #Gnav  ul  li  a:hover {
	background-image: url(images/base/GnavH.gif);
	background-repeat: no-repeat;
	display: block;
	color: #555555;
	text-decoration: none;
	height: 44px;
	width: 170px;
	font-size: 1.5em;
	line-height: 44px;
	font-weight: normal;
	text-align: center;
}
#sidebar    #Gnav    ul   li  a:active {
	left: 0px;
	top: 0px;
}
#page2 #sidebar #Gnav ul li#Gnav2 a:link,
#page3 #sidebar #Gnav ul li#Gnav3 a:link,
#page4 #sidebar #Gnav ul li#Gnav4 a:link,
#page6 #sidebar #Gnav ul li#Gnav5 a:link,
#page7 #sidebar #Gnav ul li#Gnav6 a:link {
	background-image: url(images/base/GnavH.gif);
	color: #555555;
}
#page2 #sidebar #Gnav ul li#Gnav2 a:visited,
#page3 #sidebar #Gnav ul li#Gnav3 a:visited,
#page4 #sidebar #Gnav ul li#Gnav4 a:visited,
#page6 #sidebar #Gnav ul li#Gnav5 a:visited,
#page7 #sidebar #Gnav ul li#Gnav6 a:visited {
	background-image: url(images/base/GnavH.gif);
	color: #555555;
}
#sidebar #Gnav ul li#Gnav1 {
border-top: 1px dotted #777777;
border-bottom: 1px dotted #777777;
}
#sidebar #Gnav ul li#Gnav1 a:link {
	background-image: url(images/base/GnavL.gif);
	background-repeat: no-repeat;
	display: block;
	color: #555555;
	text-decoration: none;
	height: 44px;
	width: 170px;
	font-size: 1.5em;
	line-height: 44px;
	font-weight: normal;
	text-align: center;
}
#sidebar  #Gnav  ul  li#Gnav1  a:visited {
	background-image: url(images/base/GnavL.gif);
	background-repeat: no-repeat;
	display: block;
	color: #555555;
	text-decoration: none;
	height: 44px;
	width: 170px;
	font-size: 1.5em;
	line-height: 44px;
	font-weight: normal;
	text-align: center;
}
#sidebar  #Gnav  ul  li#Gnav1  a:hover {
	background-image: url(images/base/GnavH.gif);
	background-repeat: no-repeat;
	display: block;
	color: #555555;
	text-decoration: none;
	height: 44px;
	width: 170px;
	font-size: 1.5em;
	line-height: 44px;
	font-weight: normal;
	text-align: center;
}
#sidebar    #Gnav    ul   li#Gnav1  a:active {
	left: 0px;
	top: 0px;
}

#home #sidebar #Gnav ul li#Gnav1 a:link
{
	background-image: url(images/base/GnavH.gif);
	color: #555555;
}
#home #sidebar #Gnav ul li#Gnav1 a:visited
{
	background-image: url(images/base/GnavH.gif);
	color: #555555;
}

#sidebar #news {
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#sidebar #news dl {
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 5px;
}
#sidebar    #news    dl dt  {
	font-weight: bold;
	margin-top: 5px;
	background-image: url(images/base/newsArr.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 16px;
}
#sidebar   #news   dl   dt.newsTop {
	margin-top: 0px;
}
#sidebar #news dl dd {
	border-bottom: 1px dotted #666666;
	padding-bottom: 5px;
}
#sidebar    #news    dl    dd.newsBtm {
	border-bottom-style: none;
	padding-bottom: 0px;
}
#sidebar #banner {
	margin-top: 20px;
	margin-bottom: 20px;
}

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

	main

------------------------------------------------------------------*/
#main {
	float: right;
	width: 550px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
}
#main h2 {
	font-size: 1.4em;
	color: #333422;
	clear: both;
	font-weight: normal;
	background-color: #d9bda8;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	border-left: 6px solid #555555;
}
#main #mainCopy {
	margin-top: 10px;
	background-image: url(images/home/kanpoImg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main     #mainCopy    h2#catchC {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-left: 0px;
	background-color: transparent;
	border-bottom: 1px dotted #999999;
}
#main  #mainCopy  p {
	font-size: 1.2em;
	line-height: 1.5em;
	display: block;
	margin-top: 10px;
}
#main #access {
	overflow: hidden;
}
#main #access #googleMap {
}
#main #access #accTxt table {
	border-top: 1px solid #999999;
}
#main  #access  #accTxt {
	margin-top: 15px;
}
#main #access #accTxt table th {
	background-color: #eeeeee;
	width: 60px;
}
#main #access #accTxt table th, td {
	padding: 5px 5px 5px 10px;
	font-size: 1.2em;
	line-height: 1.5em;
	border-bottom: 1px solid #999999;
}
#main #accTxt table td.tdR {
	width: 85px;
	text-align: center;
}
#main #access #accTxt .acctxtBig {
	font-size: 1.4em;
	line-height: 1.5em;
}
#main #access #accTxt .acctxtBig2 {
	background-color: #990000;
	color: #FFFFFF;
	font-size: 1.6em;
	display: block;
	font-weight: bold;
	padding: 5px;
	line-height: 1.4em;
}
#main #access #accTxt p#accTel {
	font-size: 1.8em;
	color: #ff0000;
	font-weight: bold;
}
#main  p#pageTop {
	font-size: 1.2em;
	background-image: url(images/base/top.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 1.5em;
	float: right;
	margin-top: 20px;
	clear: both;
}
#main #topicPath {
	padding-bottom: 15px;
}
#main #topicPath li {
	display: inline;
	font-size: 1.1em;
}
#main #topicPath li a {
	padding-right: 10px;
	background-image: url(images/base/topicpath.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#main strong {
	font-weight: bold;
	color: #990000;
}
#main  b {
	color: #990000;
	font-weight: normal;
}

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

	footer

------------------------------------------------------------------*/
#footer {
	overflow: hidden;
	clear: both;
	margin-top: 8px;
	background-color: #c79f81;
}
#footerC {
	margin: 0px auto;
	width: 800px;
}
#footerC  #footerL {
	float: left;
	width: 210px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#footerC  #footerL  h3 {
	font-size: 1.5em;
	font-weight: bold;
}
#footerC  #footerL  p {
	font-size: 1.1em;
	line-height: 1.4em;
}
#footerC #footerL p a {
	color: #333333;
}
#footerC #footerR {
	text-align: right;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}
#footerC  #footerR  #nav ul {
	width: 560px;
}
#footerC  #footerR  #nav  ul li {
	padding-right: 0.5em;
	padding-left: 0.5em;
	border-right: 1px solid #333333;
	line-height: 1em;
	display: inline;
	height: 1em;
	font-size: 1.2em;
}
#footerC #footerR #nav li#navEnd {
	border-right-style: none;
	padding-right: 0px;
}
#footerC  #footerR  #nav  ul  li a {
	color: #333333;
}
#footerC #footerR address {
	padding-top: 25px;
	font-size: 1em;
}

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

	toho

------------------------------------------------------------------*/
#toho {
	font-size: 0.8em;
	color: #666666;
	text-align: right;
}
#toho a {
	color: #666666;
	text-decoration: none;
}
#toho a:hover {
	color: #666666;
	text-decoration: none;
}

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

	page2

------------------------------------------------------------------*/
#page2 #main .patern5 {
	width: 550px;
	clear: both;
	padding-top: 20px;
}
#page2 #main .patern5 .copy1 {
	width: 550px;
	height: auto;
}
#page2 #main .patern5 .copy1  h3 {
	font-size: 1.7em;
	color: #669900;
	border-bottom: 1px dotted #999999;
	padding-left: 7px;
	border-left: 6px solid #abc772;
}
#page2 #main .patern5 .copy1 p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 7px;
}
#page2 #main .patern5 .imgs1 {
	margin-top: 15px;
}
#page2  #main  .patern5   .illust1  {
	background-image: url(images/atopy1/illust1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 326px;
	width: 550px;
	margin-top: 15px;
}
#page2 #main .illust1 h4 {
	font-size: 1.7em;
	padding-top: 15px;
	padding-left: 15px;
}
#page2 #main .illust1 p {
	height: auto;
	width: 270px;
	margin-left: 15px;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-top: 7px;
}
#page2 #main .table1 {
	margin-top: 7px;
	width: 550px;
}
#page2 #main .table1 table {
	width: 550px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
#page2 #main .table1 table th {
	font-size: 1.2em;
	line-height: 1.5em;
	width: 80px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background-color: #eeeeee;
}
#page2  #main  .table1  table  td.t  {
	font-size: 1.2em;
	line-height: 1.5em;
	width: 220px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#page2 #main .table1 table td.tdEnd  {
	font-size: 1.2em;
	line-height: 1.5em;
	width: 220px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#page2 #main .table1 table td{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

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

	page3

------------------------------------------------------------------*/
#page3 #main .patern6 {
	margin-top: 20px;
	height: auto;
	width: 550px;
}
#page3 #main .h3Bc p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 20px;
}
#page3  #main  .patern6 h3    {
	font-size: 1.7em;
	font-weight: bold;
	color: #669900;
	border-bottom: 1px dotted #999999;
	border-left: 6px solid #abc772;
	padding-left: 7px;
}
#page3 #main .patern6 p  {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 7px;
}
#page3 #main  .endBc  p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 25px;
	margin-top: 25px;
}
#page3 #main .patern1 {
	clear: both;
	height: auto;
	width: 518px;
	border: 1px solid #333333;
	padding: 15px;
	margin-top: 20px;
}
#page3 #main .patern1 h3 {
	font-size: 1.7em;
	border-bottom: 1px dotted #999999;
	color: #990000;
}
#page3 #main .patern1 p {
	font-size: 1.3em;
	line-height: 1.5em;
	margin-top: 7px;
}

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

	page4

------------------------------------------------------------------*/
#page4 #main .patern7 {
	width: 550px;
	clear: both;
	margin-top: 20px;
}
#page4 #main .patern7 h3 {
	font-size: 1.7em;
	color: #669900;
	border-bottom: 1px dotted #999999;
	padding-left: 7px;
	border-left: 6px solid #abc772;
}
#page4 #main .patern7 p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 7px;
}
#page4 #main .patern4 {
	margin-top: 25px;
}
#page4 #main .patern4 p {
	font-size: 1.2em;
	line-height: 1.4em;
}

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

	page6

------------------------------------------------------------------*/
#page6  #main .title1 {
	margin-top: 20px;
	height: auto;
	width: 550px;
}
#page6 #main .title1 h3 {
	font-size: 1.7em;
	border: 1px solid #999999;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
}
#page6 #main .title1 h3 span {
	font-size: 0.7em;
	padding-left: 1em;
	font-weight: normal;
}
#page6 #main .h3Bc p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 20px;
}
#page6 #main .patern2 {
	width: 550px;
	clear: both;
	padding-top: 20px;
}
#page6 #main .patern2 h4 {
	font-size: 1.7em;
	color: #669900;
	border-bottom: 1px dotted #999999;
	padding-left: 7px;
	border-left: 6px solid #abc772;
}
#page6 #main .patern2 p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 7px;
}
#page6  #main  .table2 {
	margin-top: 20px;
	width: 550px;
}
#page6 #main .table2 h4 {
	font-size: 1.4em;
	margin-bottom: 5px;
	font-weight: normal;
}
#page6 #main .table2 p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-top: 5px;
}
#page6  #main  .table2  table {
	width: 550px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
#page6  #main  .table2  table  th {
	font-size: 1.2em;
	line-height: 1.5em;
	width: 130px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background-color: #eeeeee;
}
#page6  #main  .table2  table  td {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#page6 #main .patern3 {
	height: auto;
	width: 550px;
	margin-top: 25px;
}
#page6 #main .patern3 p {
	font-size: 1.2em;
	line-height: 1.4em;
}
#page6 #main .patern3 p img {
	margin-left: 5px;
}
#page6 #main .patern3 ul {
	margin-top: 15px;
	margin-bottom: 15px;
}
#page6 #main .patern3 ul li {
	font-size: 1.4em;
	line-height: 1.4em;
	list-style: disc inside;
}
#page6 #main .privacy {
	height: auto;
	width: 550px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 25px;
}
#page6 #main .privacy h4 {
	font-size: 1.4em;
	border-bottom: 1px solid #999999;
	font-weight: normal;
}
#page6 #main .privacy ul {
	margin-top: 5px;
}
#page6  #main  .privacy  ul li {
	font-size: 1.2em;
	line-height: 1.4em;
	list-style: disc outside;
	margin-left: 1em;
}

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

	page7

------------------------------------------------------------------*/
#page7 #main .h3Bc p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 20px;
}
#page7 #main .patern2 {
	width: 550px;
	clear: both;
	padding-top: 20px;
}
#page7 #main .patern2 h3 {
	font-size: 1.7em;
	color: #669900;
	border-bottom: 1px dotted #999999;
	padding-left: 7px;
	border-left: 6px solid #abc772;
}
#page7 #main .patern2 p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 7px;
}
#page7 #main .patern3 {
	height: auto;
	width: 550px;
	margin-top: 25px;
}
#page7 #main .patern3 p {
	font-size: 1.2em;
	line-height: 1.4em;
}