@charset"utf-8";


/* ==========================================
   
			Styles
			
			0.topIndex
			  0-1.unitLine
					0-2.unit2col
			1.knowledge
					1-1.content
					1-2.sideArea
			2.search
			3.specialist
					3-1.topics 
			4.about			
			5.help
					5-1.content
					5-2.sideArea
			6.info
			7.privacy
			
			10.sitemap
					
					
========================================== */

.tailDotLine{
	background: url(../img/line-hr.gif) repeat-x left top;
}
.tailDotLine a:link,
.tailDotLine a:visited{
	margin: 0px;
	padding: 10px 10px 10px 15px;
	background: url(../img/icon-arr04.gif) no-repeat left center;
	line-height: 3;
}





/* ==========================================
   0.topIndex
========================================== */

#topIndex #contents{	padding-top: 10px;}

#contentH2{
	width: 760px;
	margin: 0px auto 15px;
	padding: 0px;
	background: url(../img/top/h2-bk-span.jpg) no-repeat left top;
}
#contentH2 #h2Topics{
	float: right;
	width: 355px;
	margin: 0px;
	padding: 5px 10px 5px 0px;
	font-size: small;
}
#contentH2 #h2Topics h2{
	margin: 0px;
	padding: 0px 0px 10px;
	background: url(../img/line-hr.gif) repeat-x left bottom;
	font-size: small;
	line-height: 1.4;
}
#contentH2 #h2Topics p{
	margin: 0px;
	padding: 3px 0px 5px;
	font-weight: bold;
	line-height: 1.4;
	color: #FF3333;
}
#contentH2 #h2Topics p a{
	padding-left: 0.5em;
	font-weight: normal;
}
#contentH2 #h2Topics h3{
	margin: 5px 0px 0px;
	padding: 0px;
	font-size: small;
	line-height: 1.1;
}

#contentH2 span.date{
	font-weight: normal;
	color: #545454;
}
#contentH2 span.imgBanner{
	display: block;
	float: left;
	width: 385px;
}

#topIndex #content h3{
	margin: 0px 0px 5px;
	padding: 5px 5px 3px 10px;
	border-bottom: 3px solid #987359;
	background:    url("../img/_bk-title.jpg") no-repeat left top;
	font-size: small;
	color: #FFFFFF;
	letter-spacing: 0.1em;
}

/* 0-1.unitLine ------------------- */

#topIndex #content .unitLine{
	border-top: 3px solid #987359;
	padding-top: 15px;
}

/* 0-2.unit2col ------------------- */

#topIndex #content .unit2col{	margin-bottom: 15px;}
#topIndex #content .unit2col td.content{
	width: 350px;
	padding-bottom: 16px;
	vertical-align: top;
}
#topIndex #content .unit2col td.content span{
	display: block;
	padding-top: 5px;
	text-align: right;
	clear: both;
	float: none;
}
#topIndex #content .unit2col td.content span a:link,
#topIndex #content .unit2col td.content span a:visited{
	background: url(../img/icon-arr01.gif) no-repeat left center;
	padding-left: 15px;
}
#topIndex #content .unit2col td.bottomLine{
	background:   url("../img/top/unit2col-hrline.gif") no-repeat left bottom;
}
#topIndex #content .unit2col td.midLine{
	width: 15px;
	background:   url("../img/top/unit2col-midline.gif") repeat-y center top;
}
#topIndex #content .unit2col h4{
	margin: 0px 0px 15px;
	padding: 0px;
	font-size: 10px;
}
#topIndex #content .unit2col h4.h42nd{
	margin: 5px 0px 15px;
	padding: 0px;
}
#topIndex #content .unit2col ul{
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
#topIndex #content .unit2col ul li{
	margin: 0px 0px 0.5em 1em;
	padding: 0px;
	line-height: 1.3;
}
#topIndex #content .unit2col ul li.liSideImgR{
	margin: -10px 0px 0.5em 0.5em;
	padding: 0px;
	list-style-type: none;
	float: right;
}
#topIndex #content .unit2col ul li.liSideImgL{
	margin: 0px;
	padding: 0px 0px 0.5em;
	list-style-type: none;
}
#topIndex #content .unit2col ul li.noneList{
	margin: 0px 0px 0.5em 0em;
	padding: 0px;
	list-style-type: none;
}
#topIndex #content .unit2col ul li.specialImg img{
	margin: 0px 5px 5px 0px;
	padding: 0px;
}
#topIndex #content .unit2col ul#searchUL{
	background-image: url(../img/top/search-01.gif);
	background-repeat: no-repeat;
	background-position: 210px 85px;
}
#topIndex #content .unit2col ul#searchUL li#japanMap{
	padding-right: 110px;
}




/* ==========================================
   1.knowledge
========================================== */

/* 1-1.content ------------------- */
#knowledge #content #contentHead{
	margin: 0px 0px 15px;
	padding: 0px 0px 0px 20px;
	background: url(../img/knowledge/bk-content-head.jpg) no-repeat left center;
	border: 1px solid #DDDDDD;
	color: #643718;
	letter-spacing: 0.1em;
}
#knowledge #content #contentHead h3{
	margin: 0px;
	padding: 5px 5px 5px 0px;
	font-size: small;
}
#knowledge #content #contentInside{
	padding: 0px 10px 0px 0px;
	line-height: 1.2;
}
#knowledge #content #contentInside h4{
	margin: 0px 0px 5px;
	padding: 5px 5px 5px 0px;
	background: url(../img/line-hr.gif) repeat-x left bottom;
	font-size: small;
	color: #643718;
}
#knowledge #content #contentInside p{
	margin: 0px;
	padding: 0px 0px 20px 0px;
	line-height: 1.6;
}
#knowledge #content #contentInside .unit{
	padding: 0px 0px 20px;
	color: #545454;
}

/* 1-2.sideArea ------------------- */
#knowledge #sideArea{}
#knowledge #sideArea dl,
#knowledge #sideArea dt{	margin: 0px;	padding: 0px;}
#knowledge #sideArea dt a:link,
#knowledge #sideArea dt a:visited{
	display: block;
	padding: 5px 5px 3px 20px;
	background: url(../img/knowledge/bk-sidetitle.jpg) no-repeat left center;
	border: 1px solid #C0C0C0;
	text-decoration: none;
	color: #FFFFFF;
}
#knowledge #sideArea dt a:hover,
#knowledge #sideArea dt a:active{	background: url(../img/knowledge/bk-sidetitle-on.jpg) no-repeat left center;}
#knowledge #sideArea dd{
	margin: 0px;
	padding: 8px;
	background: url(../img/knowledge/bk-sidearea.jpg) no-repeat left top;
	line-height: 1.3;
}
#knowledge #sideArea dd ul{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 5px;
}
#knowledge #sideArea dd ul.discList{	list-style-type: disc;}
#knowledge #sideArea dd ul.discList li{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	list-style-position: outside;
}
#knowledge #sideArea dd ul.numList{	list-style-type: decimal;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}
#knowledge #sideArea dd ul.numList li{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	list-style-position: outside;
}
#knowledge #sideArea dd span{
	display: block;
	text-align: right;
}
#knowledge #sideArea dd span a:link,
#knowledge #sideArea dd span a:visited{
	background: url(../img/icon-arr01.gif) no-repeat left center;
	padding-left: 13px;
	text-decoration: none;
}
/*carrent*/
#knowledge #sideArea.know01-00 li.know01-00 a:link,
#knowledge #sideArea.know01-00 li.know01-00 a:visited,
#knowledge #sideArea.know01-01 li.know01-01 a:link,
#knowledge #sideArea.know01-01 li.know01-01 a:visited,
#knowledge #sideArea.know01-02 li.know01-02 a:link,
#knowledge #sideArea.know01-02 li.know01-02 a:visited,
#knowledge #sideArea.know02 li.know02 a:link,
#knowledge #sideArea.know02 li.know02 a:visited,
#knowledge #sideArea.know03-00 li.know03-00 a:link,
#knowledge #sideArea.know03-00 li.know03-00 a:visited,
#knowledge #sideArea.know03-01 li.know03-01 a:link,
#knowledge #sideArea.know03-01 li.know03-01 a:visited,
#knowledge #sideArea.know03-02 li.know03-02 a:link,
#knowledge #sideArea.know03-02 li.know03-02 a:visited,
#knowledge #sideArea.know03-03 li.know03-03 a:link,
#knowledge #sideArea.know03-03 li.know03-03 a:visited,
#knowledge #sideArea.know03-04 li.know03-04 a:link,
#knowledge #sideArea.know03-04 li.know03-04 a:visited,
#knowledge #sideArea.know04 li.know04 a:link,
#knowledge #sideArea.know04 li.know04 a:visited{	color: #FF0000;	text-decoration: none;}




/* ==========================================
   2.search
========================================== */
#search #contentHead{
	width: 750px;
	margin: 0px auto 20px;
	padding: 0px;
	background: url(../img/search/img-head.jpg) no-repeat right top;
	font-size: small;
	font-weight: bold;
	line-height: 1.5;
}
#search #contentHead h3{
	width: 380px;
	margin: 0px;
	padding: 0px 15px 15px;
	font-size: small;
}
#search #contentHead p{
	width: 380px;
	margin: 0px;
	padding: 12px 15px 2px;
}
/*
#search .centerLine{	background url(http://souzoku.komonzeirishi.com/img/search/centerline.gif) repeat-y center top;}
*/
#search .unit{
	clear: both;
}
#search .unitLeft h4,
#search .unitRight h4{
	margin: 0px 0px 10px;
	padding: 3px 10px 3px 20px;
	background-image: url(../img/search/bk-content-head.jpg);
	border: 1px solid #ddd;
	font-size: small;
	background-position: left bottom;
	background-repeat: no-repeat;
}
#search .unitLeft{
	float: left;
	width: 460px;
	background-image: url(../img/line-hv.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
#search .unitLeft h4{	width: 415px;}
#search .unitLeft table{	margin-left: 4px;}
#search .unitLeft td.width6{	width: 6px;}
#search .unitLeft td.blockSpan span{
	font-weight: bold;
	display: block;
}
#search .unitRight{
	float: right;
	width: 280px;
}
#search .unitRight h4{	width: 248px;}
#search .unitRight p{
	margin: 0px;
	padding: 0px 0px 25px 10px;
}
#search .unitRight p input.keyword{	width: 180px;}
#search .unitRight p.pickup img{
	margin: 0px 5px 5px 0px;
	padding: 0px;
}




/* ==========================================
   3.specialist
========================================== */

/* 3-1 index -------------------- */
#specialist #contentHead{
	margin: 0px auto 20px;
	padding: 0px;
	background: url(../img/special/img-head.jpg) no-repeat right top;
	font-size: small;
	font-weight: bold;
	line-height: 1.5;
	width: 750px;
}
#specialist #contentHead h3{
	width: 350px;
	margin: 0px;
	padding: 12px 15px 15px;
	font-size: small;
}
#specialist .unit{	clear: both;}
#specialist .unitLeft{	float: left;}
#specialist .unitRight{	float: right;}
#specialist dl{
	width: 360px;
	margin: 0px 0px 20px;
	padding: 0px;
	background: url(../img/special/_bk-gray.jpg) repeat-x left top;
}
#specialist dl dt{
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#specialist dl dt a:link,
#specialist dl dt a:visited{
	display: block;
	padding: 4px 10px 4px 18px;
	background: url(../img/special/bk-dt.jpg) no-repeat left center;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 1.2;
}
#specialist dl dt a:hover,
#specialist dl dt a:active{
	background: url(../img/special/bk-dt-on.jpg) no-repeat left center;
	text-decoration: underline;
}
#specialist dl dd{
	margin: 0px;
	padding: 10px 10px 0px 0px;
}
#specialist dl dd.img{
	float: left;
	padding: 10px 10px 0px 15px;
}
#specialist dl dd.lead{	padding-top: 5px;}
#specialist dl dd.next{
	clear: both;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	text-align: right;
}
#specialist dl dd.next a{
	background: url(../img/icon-arr01.gif) no-repeat left center;
	padding-left: 15px;
	margin-right: 8px;
}

/* 3-2 topics -------------------- */

#specialist #content #topicsHead{
	width: 750px;
	margin: 0px auto 20px;
	padding: 0px;
	background: url(../img/special/img-head-topi.jpg) no-repeat right top;
	font-size: small;
	font-weight: bold;
	line-height: 1.5;
}
#specialist #content #topicsHead h3{
	width: 570px;
	margin: 0px;
	padding: 10px 0px 0px 15px;
	font-size: large;
}
#specialist #content #topicsHead h4{
	width: 570px;
	padding: 10px 0px 10px 25px;
	margin: 25px 0px 0px 15px;
	background: url(../img/special/icon-h3.gif) no-repeat left center;
	color: #8D2F2F;
	font-size: medium;
}

#specialist #content .unit{
	width: 750px;
	padding: 0px;
	margin: 0px auto;
}
#specialist #content .unit p{
	line-height: 1.6;
	padding-bottom: 1.2em;
}

/* topics01 & 02 */
#specialist #content #topics01,
#specialist #content #topics02{
	width: 720px;
	padding-bottom: 0.8em;
	margin-bottom: 2em;
	background: url(../img/line-hr.gif) repeat-x left bottom;
}

/* topics01 */
#specialist #content #topics01 #topics01L{
	float: left;
	width: 570px;
}
#specialist #content #topics01 #topics01R{
	float: right;
	width: 128px;
}

#specialist #content #topics01 #topics01R p{
	margin: 0px 0px 5px;
	padding: 0px;
	line-height: 1.2;
}
#specialist #content #topics01 #topics01R p img{	margin-bottom: 5px;}
#specialist #content #topics01 #topics01R p a:link,
#specialist #content #topics01 #topics01R p a:visited{
	display: block;
	height: 25px;
	text-indent: -9999px;
	background: no-repeat left top;
}
#specialist #content #topics01 #topics01R p.sp-prof a:link,
#specialist #content #topics01 #topics01R p.sp-prof a:visited{	background: url(../img/special/btn-prof.jpg) ;}
#specialist #content #topics01 #topics01R p.sp-prof a:hover,
#specialist #content #topics01 #topics01R p.sp-prof a:active{	background: url(../img/special/btn-prof-on.jpg) ;}
#specialist #content #topics01 #topics01R p.sp-contact a:link,
#specialist #content #topics01 #topics01R p.sp-contact a:visited{	background: url(../img/special/btn-contact.jpg) ;}
#specialist #content #topics01 #topics01R p.sp-contact a:hover,
#specialist #content #topics01 #topics01R p.sp-contact a:active{	background: url(../img/special/btn-contact-on.jpg) ;}

/* topics02 */
#specialist #content #topics02{	padding-bottom: 2em;}
#specialist #content #topics02 #topics02L{
	float: left;
	width: 128px;
}
#specialist #content #topics02 #topics02R{
	float: right;
	width: 570px;
}
#specialist #content #topics02 h4{
	margin-bottom: 1.5em;
	background: url(../img/special/icon-h3.gif) no-repeat left center;
	color: #8D2F2F;
	font-size: medium;
	padding-left: 25px;
}
#specialist #content #topics02 dl{
	width: 568px;
	margin: 0px;
	padding: 0px 0px 15px;
	border: 1px solid #8D2F2F;
}
#specialist #content #topics02 dt{
	margin: 0px 0px 13px;
	padding: 3px 10px 3px 15px;
	background-color: #8D2F2F;
	border-bottom: 2px solid #C48F88;
	color: #FFFFFF;
	font-size: medium;
}
#specialist #content #topics02 dd{
	margin: 0px 0px 0px 18px;
	padding: 6px 20px;
	background: url(../img/special/icon-dd.gif) no-repeat left center;
	font-weight: bold;
	color: #575757;
}

/* topics03 */
#specialist #content #topics03{
	width: 720px;
	background: url(../img/line-hv.gif) repeat-y center top;
	margin-bottom: 20px;
}
#specialist #content #topics03 #topics03L{
	float: left;
	width: 350px;
}
#specialist #content #topics03 #topics03R{
	float: right;
	width: 350px;
}

#specialist #content #topics03 h4{
	margin: 0px;
	padding: 5px 0px 5px 8px;
	background-color: #623516;
	border-bottom: 2px solid #B3937B;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	font-size: small;
}

#specialist #content #topics03 table{	margin-top: 5px;}
#specialist #content #topics03 th{
	width: 5.5em;
	padding-right: 5px;
	border-right: 3px solid #987359;
	white-space: nowrap;
	text-align: right;
	font-size: x-small;
	vertical-align: top;
	line-height: 1.6;
}
#specialist #content #topics03 td{
	padding-left: 5px;
	padding-right: 10px;
	vertical-align: top;
}
#specialist #content #topics03 th.jimusyoName{
	width: auto;
	text-align: left;
	padding-bottom: 5px;
	border-right: none;
}
#specialist #content #topics03 div.sp-btm{
	background-color: #E1E1E1;
	margin: 5px 0px 0px;
	padding: 8px;
	text-align: center;
	letter-spacing: 0.1em;
	font-weight: bold;
	line-height: 1;
	border: 1px solid #686868;
}
#specialist #content #topics03 div.sp-btm span{
	color: #8D2F2F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	padding-left: 5px;
}
#specialist #content #topics03 div.sp-btm p{
	margin: 5px auto 0px;
	padding: 0px;
	text-align: center;
}
#specialist #content #topics03 div.sp-btm a:link,
#specialist #content #topics03 div.sp-btm a:visited{
	background-image: url(../img/special/btn-contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	text-indent: -9999pt;
	display: block;
	width: 128px;
}
#specialist #content #topics03 div.sp-btm a:hover,
#specialist #content #topics03 div.sp-btm a:active{
	background-image: url(../img/special/btn-contact-on.jpg);
}



/* ==========================================
   4.about
========================================== */


#about #content #contentHead{
	width: 730px;
	margin: 0px auto 15px;
	padding: 0px 0px 0px 20px;
	background: url(../img/special/bk-content-head.jpg) no-repeat left center;
	border: 1px solid #DDDDDD;
	color: #643718;
	letter-spacing: 0.1em;
}
#about #content #contentHead h3{
	margin: 0px;
	padding: 5px 5px 5px 0px;
	font-size: small;
}



#about p.lead{
	font-size: medium;
	font-weight: bold;
	margin: 0px;
	padding: 10px 15px 20px 5px;
	color: #8C2222;
}
#about .unit p{
	margin: 0px 15px 15px 10px;
	padding: 0px;
	line-height: 1.5;
}
#about .unit p.rightImg{
	float: right;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-right: 5px;
	padding-right: 0px;
}
#about .unit p.arrLink{
	line-height: 1.1;
}
#about .unit p.arrLink a:link,
#about .unit p.arrLink a:visited{
	padding: 5px 15px;
	background: url(../img/icon-arr01.gif) no-repeat left center;
}
#about .unit ul.imageTxt{
	list-style-type: none;
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
#about .unit ul.imageTxt li.leftImg{
	float: left;
	margin: 0px;
	padding: 0px;
}
#about .unit ul.imageTxt li.leftImg img{
	margin-right: 15px;
	margin-bottom: 10px;
}
#about .unit ul.imageTxt li.rightTxt{
	margin: 0px;
	padding: 0px;
}


/* ==========================================
   5.help
========================================== */

/* 5-1.content ------------------- */
#help h3{
	font-size: small;
	margin: 0px 0px 15px;
	padding: 0px 0px 5px;
	background: url(../img/line-hr-brown.gif) repeat-x left bottom;
	color: #663719;
}
#help #helpTable{	background-color: #C5AD9C;}
#help #helpTable th,
#help #helpTable td{	padding: 5px;}
#help #helpTable th{
	width: 6em;
	background-color: #F2EEEA;
	font-size: small;
	font-weight: bold;
	color: #613518;
}
#help #helpTable td{
	background-color: #FFFFFF;
	line-height: 1.4;
}
#help #helpTable td span.ness{
	font-weight: bold;
	color: #FF3333;
}
#help #helpTable td input.input200{	width: 200px;}
#help #helpTable td input.input250{	width: 250px;}
#help #helpTable td input.input400{	width: 400px;}
#help #helpTable td textarea.areaWidth{	width: 400px;}

#help #content .bottomLine{
	background: url(../img/line-hr.gif) repeat-x left bottom;
	margin-bottom: 15px;
}
#help #content .submitArea{
	text-align: center;
	padding: 20px;
	background-color: #C5AD9C;
}

/* 5-2.sideArea ------------------- */
#help #sideArea p{
	margin: 0px;
	padding: 5px;
	background-color: #C0C0C0;
	border: 1px solid #B3B3B3;
	letter-spacing: 0.1em;
}
#help #sideArea p.on{
	background-color: #FF9933;
	border: 1px solid #FF8E1E;
	color: #FFFFFF;
	font-weight: bold;
}
#help #sideArea span{
	display: block;
	margin: 0px;
	padding: 10px;
	text-align: center;
}




/* ==========================================
   6.info
========================================== */

#info .unit th{
	width: 6em;
	padding: 0px 10px 0px 5px;
	border-right: 2px solid #987359;
	text-align: left;
}
#info .unit td{	padding-left: 10px;}
#info .unit ul{
	list-style-type: disc;
	margin: 0px 0px 0px 1em;
	padding: 0px;
}
#info .unit ul li{	margin-left: 1.2em;}




/* ==========================================
   7.privacy
========================================== */

#privacy .unit p{
	margin: 0px 15px 15px;
	padding: 0px;
}
#privacy .unit ul,
#privacy .unit dl{
	margin: 0px 15px;
	padding: 0px;
}
#privacy .unit ul li{
	margin: 0px 0px 0.5em 2em;
	padding: 0px;
}
#privacy .unit dl dt{
	margin: 0px;
	padding: 0px 10px;
}
#privacy .unit dl dd{
	margin: 0px;
	padding: 0px 0px 0.5em 2em;
}





/* ==========================================
   10.sitemap
========================================== */
#sitemap ul.sitemaUL{
	margin: 20px 0px 0px 20px;
	padding: 0px;
}
#sitemap ul.sitemaUL li{
	background: url(../img/icon-cross01.gif) no-repeat left center;
	list-style-type: none;
	margin: 0px 0px 8px;
	padding: 0px 0px 0px 15px;
}
#sitemap ul.sitemaUL li.indent{
	margin-left: 30px;
}
#sitemap ul.sitemaUL li.indent2{
	margin-left: 40px;
	background-image: none;
}
#sitemap ul.sitemaUL li.sub{
	margin-top: 20px;
}