﻿@import url(menu1a.css);
@import url(menu2a.css);
@import url(menu3a.css);
@import url(parts.css);
@import url(parts2.css);


* {
	margin: 0px;
	padding: 0px;
}

ul{list-style-type: none;}

body {
	color: #555555;
	font-size: 12px;
	letter-spacing:1px;
	background:url("img/bodybg.gif") #333333 fixed;
	margin: 0 auto;
	text-align: center;
}

/*** リンク指定 ***/
a:link { color: #3366CC; }
a:visited { color: #999999; }
a:hover { color: #00CCCC; }
a:active { color: #3366CC; }



#all {
	width: 809px;
	text-align: center;
	margin: 0 auto;
}

/*** head Document ***/

#head {
	width: 810px;
}

/* ヘッダー上部＜h1・サイトマップ等
------------------------------------------------ */
#hmain {
	width: 811px;
	height: 15px;
	background-color: #000;
}

/* ＜h1
------------------------------------------------ */
#head h1 {
	font-size: 10px;
	float: left;
	color: #FFF;
	font-weight : normal;
	padding-left: 4px;
}

/* サイトマップ・ヘッダーメニュー（MYページ等）
----------------------------------------------- */
#head .map {
	float: right;
	color: #333;
	height: 15px;
	font-size: 10px;
	text-decoration: none;
	background: url("img/sitmap.gif") no-repeat left;
	padding: 2px 6px 0 24px;
}

#head .map a:link,##head .map a:visited,##head .map a:active{
	color: #FFF;
	font-size: 10px;
	text-decoration: none;
}

#head .map a:hover{
	color: #ccc;}

/*----------------------------------*/
#head .topimg {
	float: none;
	background: url(img/topimg.jpg) no-repeat bottom right;
	width: 810px;
	height: 282px;
}

#head .conleft {
	float: left;
	width: 445px;
}

#head .conleft img{
	width: 23px;
	height: 21px;
}

#head .conright {
	float: right;
	width: 350px;
}

#head .conright h2 {
	color: #9900FF;
	font-size: 16px;
	padding: 35px 0 20px 0;
	margin: 0 auto;
}
#head .conright p {
	width: 250px;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 25px 0;
	}


/* */
#ninsyou .topimg {
	float: none;
	background: url(img/topimg2.jpg) no-repeat bottom right;
	width: 810px;
	height: 248px;
}

#ninsyou .conleft {
	float: left;
	width: 445px;
}

#ninsyou .conleft img{
	width: 23px;
	height: 21px;
}

#ninsyou .conright {
	float: right;
	width: 350px;
}

#ninsyou .conright h2 {
	color: #9900FF;
	font-size: 16px;
	padding: 35px 0 20px 0;
	margin: 0 auto;
}
#ninsyou .conright p {
	width: 250px;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 25px 0;
	color: #000000;
	}
/* */
span {
	color: #99FFFF;
	}

#nenrei2 {
	width: 296px;
	margin: 0 auto;
	}

#nenrei2 .yes a{
	background: url(img/yes02.jpg);
	height: 42px;
	width: 160px;
	float: left;
	text-indent: -9999px;
	margin: 0 6px 0 0;
	}
#nenrei2 .yes a:hover{
	background: url(img/yes-on02.jpg);
	height: 42px;
	width: 160px;
	float: left;
	margin: 0 6px 0 0;
	}
#nenrei2 .no a{
	background: url(img/no02.jpg);
	height: 42px;
	width: 130px;
	float: right;
	text-indent: -9999px;
	}
#nenrei2 .no a:hover{
	background: url(img/no-on02.jpg);
	height: 42px;
	width: 130px;
	float: right;
	}


/*** cont1 Document ***/
#cont1 {
	width: 809px;
	line-height: 15px;
	background-color: #FFFFFF;
	overflow: hidden;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}


/*** cont2 Document ***/
#cont2 {
	width: 608px;
	float: right;
	text-align: left;
	margin: 5px 5px 5px 4px;
	overflow: hidden;
	height: auto;
}
#cont2 .text, #cont2 p{
	padding: 4px 7px 2px 7px;
}
#cont2 li{
	list-style-position: inside;
	padding-left: 15px;
}

#cont2 .suji{
	padding: 5px 10px 80px 15px;
}

#cont2 h2.info {
	height: 24px;
	width: 608px;
	color: #336699;
	background: url(img/cont2-infom.gif) no-repeat;
	border-bottom: 1px solid #333333;
	margin: 0px;
	padding: 10px 0px 0px 40px;
	text-align: left;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	font-size: 14px;
	}
#cont2 h2.info a{
	color: #336699;

}

#cont2 h3{
	color: #3366CC;
	font-size: 12px;
	background: url(img/cont2-h3bg.gif) no-repeat top left;
	height: 31px;
	width: 588px;
	margin: 5px 0 0 6px;
	padding: 8px 0 0 16px;
	}

/*** cont2 .infobun Document ***/
#cont2 .infobun {
	width: 606px;
	border: 1px none #999;
	padding: 7px 0 7px 0 ;
}
#cont2 .infobun dl ,#cont2 .infobun ul {
	padding: 5px;

}
#cont2 .conlr {
	width: 600px;
	padding: 1px 0px 1px;
	overflow: hidden;
	margin: 1px;
}
#cont2 .conright {
	float: right;
	width: 290px;
	padding: 0 7px 15px 13px;
	overflow: hidden;
}
#cont2 .infobun h4 {
	padding-left: 20px;
	background-image: url(img/cont2-h4.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #006600;
	margin: 2px;

}

#cont2 .conright b{
	color: #6666CC;
}
#cont2 .conleft {
	float: left;
	width: 290px;
	padding: 0 0 15px 0;
	overflow: hidden;
}

#cont2 .conright2 {
	float: right;
	width: 370px;
	padding: 0 7px 15px 13px;
	overflow: hidden;
}

#cont2 .conright2 h3{
	color: #3366CC;
	font-size: 12px;
	background: url(img/cont2-h3-370bg.gif) no-repeat left top;
	height: 31px;
	width: 370px;
	margin: 5px 6px 0 0px;
	padding: 8px 0px 0 16px;
	}

#cont2 .conleft2 {
	float: left;
	width: 210px;
	padding: 0 0 15px 0;
	overflow: hidden;
}

#cont2 .conleft2 h3{
	color: #3366CC;
	font-size: 12px;
	background: url(img/cont2-h3-210lbg.gif) no-repeat left top;
	height: 31px;
	width: 210px;
	margin: 5px 0px 0 6px;
	padding: 8px 0px 0 16px;
	}

#cont2 .conright3 {
	float: right;
	width: 210px;
	padding: 0 7px 15px 13px;
	overflow: hidden;
}
#cont2 .conright3 h3{
	color: #3366CC;
	font-size: 12px;
	background: url(img/cont2-h3-210bg.gif) no-repeat left top;
	height: 31px;
	width: 210px;
	margin: 5px 6px 0 0px;
	padding: 8px 0px 0 16px;
	}

#cont2 .conleft3 {
	float: left;
	width: 370px;
	padding: 0 0 15px 0;
	overflow: hidden;
}

#cont2 .conleft3 h3{
	color: #3366CC;
	font-size: 12px;
	background: url(img/cont2-h3-370lbg.gif) no-repeat top left;
	height: 31px;
	width: 370px;
	margin: 5px 0 0 6px;
	padding: 8px 0 0 16px;
	}

#cont2 .conright4 {
	float: right;
	width: 430px;
	padding: 0 7px 15px 13px;
	overflow: hidden;
}

#cont2 .conright4 h3{
	color: #3366CC;
	font-size: 12px;
	background: url(img/cont2-h3-430bg.gif) no-repeat left top;
	height: 31px;
	width: 430px;
	margin: 5px 6px 0 0px;
	padding: 8px 0px 0 16px;
	}

#cont2 .conleft4 {
	float: left;
	width: 150px;
	padding: 0 0 15px 0;
	overflow: hidden;
}
#cont2 .conleft4 h3{
	color: #3366CC;
	font-size: 12px;
	background: url(img/cont2-h3-150lbg.gif) no-repeat top left;
	height: 31px;
	width: 150px;
	margin: 5px 0 0 6px;
	padding: 8px 0 0 16px;
	}

#cont2 .conright5 {
	float: right;
	width: 200px;
	padding: 0 7px 15px 13px;
	overflow: hidden;
}

#cont2 .conright5 h3{
	color: #3366CC;
	font-size: 12px;
	background: url(img/cont2-h3-200bg.gif) no-repeat left top;
	height: 31px;
	width: 200px;
	margin: 5px 6px 0 0px;
	padding: 8px 0px 0 16px;
	}
#cont2 .conleft5 {
	float: left;
	width: 380px;
	padding: 0 0 15px 0;
	overflow: hidden;
}

#cont2 .conleft5 h3{
	color: #3366CC;
	font-size: 12px;
	background: url(img/cont2-h3-380lbg.gif) no-repeat top left;
	height: 31px;
	width: 380px;
	margin: 5px 0 0 6px;
	padding: 8px 0 0 16px;
	}

#cont2 .conright6 {
	float: right;
	width: 380px;
	padding: 0 7px 15px 13px;
	overflow: hidden;
}
#cont2 .conright6 h3{
	color: #3366CC;
	font-size: 12px;
	background: url(img/cont2-h3-380bg.gif) no-repeat left top;
	height: 31px;
	width: 380px;
	margin: 5px 6px 0 0px;
	padding: 8px 0px 0 16px;
	}
	
#cont2 .conleft6 {
	float: left;
	width: 200px;
	padding: 0 0 15px 0;
	overflow: hidden;
}
#cont2 .conleft6 h3{
	color: #3366CC;
	font-size: 12px;
	background: url(img/cont2-h3-200lbg.gif) no-repeat top left;
	height: 31px;
	width: 200px;
	margin: 5px 0 0 6px;
	padding: 8px 0 0 16px;
	}

#cont2 .conright7 {
	float: right;
	width: 290px;
	padding: 0 7px 15px 13px;
	overflow: hidden;
}

#cont2 .conleft7 {
	float: left;
	width: 290px;
	padding: 0 0 15px 0;
	overflow: hidden;
}


#cont2 dt {
	font-weight: normal;
	color: #0000FF;
}
#cont2 dd {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

#cont2 li {
	list-style-type: circle;
}

#cont2 .cont2-haisou {
	background: url(img/cont2-haisou.gif) no-repeat top left;
	height: 31px;
	width: 292px;
	text-indent: -9999pt;
	margin: 5px 0 5px 0;
}
#cont2 .cont2-siharai {
	background: url(img/cont2-siharai.gif) no-repeat top left;
	height: 31px;
	width: 292px;
	text-indent: -9999pt;
	margin: 5px 0 5px 0;
}
#cont2 .cont2-puraibasi {
	background: url(img/cont2-puraibasi.gif) no-repeat top left;
	height: 31px;
	width: 290px;
	text-indent: -9999pt;
	margin: 5px 0 5px 0;
}
#cont2 .cont2-eigyou {
	background: url(img/cont2-eigyou.gif) no-repeat top left;
	height: 31px;
	width: 290px;
	text-indent: -9999pt;
	margin: 5px 0 5px 0;
}

/*** cont3s Document ***/
.cont3s {
	width: 606px;
	float: right;
	border: 1px solid #6633CC;
	background-color: #FFFFFF;
	text-align: left;
	margin: 0 6px 5px 0;
}

.cont3s h3{
	color: #FFCCFF;
	border-bottom: 1px solid #6633CC;
	background-color: #9966FF;
	padding: 5px 0 5px 8px;
}

.cont3s h3 a:link, .cont3s h3 a:visited, .cont3s h3 a:active{ color: #66FFFF;}
.cont3s h3 a:hover { color: #CCFFFF; }

.cont3s p{
	margin: 5px 6px 5px 6px;;
	padding: 5px 5px 5px 8px;
	}


.cont3s .right{
	width: 300px;
	float: right;
	margin: 0 10px 8px 0;
}

.cont3s .right a:link, .cont3s .right a:visited, .cont3s .right a:active{ color: #FF66CC;}
.cont3s .right a:hover { color: #FF9933; }

.cont3s ul{
	color: #9999CC;
	list-style:none;
	margin: 8px 0 8px 15px;
}

.cont3s li{
	background: url(img/arow.gif) no-repeat center left;
	padding: 2px 0 1px 15px;
	}
/*** menu2 Document ***/
#menu {
	float: left;
	width: 174px;
	margin: 4px;
}
#menu2 {
	float: left;
	width: 170px;
}
#menu2 h2.menut{
	text-indent: -9999px;
	width: 174px;
	height: 31px;
	background:  url(img/menu2-title.gif) no-repeat top left;
}

/*** menu3 Document ***/
#menu3 {
	float: left;
	width: 174px;
}
#menu3 h2.menuc{
	text-indent: -9999px;
	width: 174px;
	height: 31px;
	background: url(img/menu3-title.gif) no-repeat top left;
	margin-top: 3px;
}
#menu3 h2.menua{
	text-indent: -9999px;
	width: 174px;
	height: 31px;
	background:  url(img/menu3-atitle.gif) no-repeat top left;
	margin-top: 3px;
}
.menu3 {
	float: left;
	width: 170px;
}
.menu3 h2.menuc{
	text-indent: -9999px;
	width: 174px;
	height: 35px;
	background: url(img/menu3-title.gif) no-repeat top left;
}
.menu3 h2.menua{
	text-indent: -9999px;
	width: 174px;
	height: 35px;
	background:  url(img/menu3-atitle.gif) no-repeat top left;
}
.menu4 {
	float: left;
	width: 174px;
}

.menu4 h3{
	width: 174px;
	background:  url(img/menu4-title.gif) no-repeat top left;
	padding-top: 5px;
	margin: 0px;
	height: 30px;
	font-size: 90%;
}

.menu5 {
	float: left;
	width: 174px;
}
.menu5 h2{
	width: 174px;
	text-indent: -9999px;
	background:  url(img/menu5-h2title.gif) no-repeat top left;
	padding-top: 5px;
	margin: 3px 0px 0px;
	height: 30px;
	font-size: 90%;
}
.menu5 h3{
	width: 174px;
	background:  url(img/menu4-title.gif) no-repeat top left;
	margin: 3px 0px 0px;
	height: 30px;
	font-size: 90%;
}
.menu5 dl{
	width: auto;
	list-style:none;
	text-align: left;

}
.menu5 dt{
	font-weight: bold;
	margin-left: 3px;

}
.menu5 dd{
	padding-bottom: 5px;
	padding-left: 5px;

}
/*** foot Document ***/
#footlink {
	margin: 0px;
	text-align: center;
	padding: 5px 120px;
	background-color: #CC99FF;
}

#foot {
	height: 52px;
	color: #CCCCCC;
	margin: 0px;
	text-align: center;
	background:  url(img/foot-bg.gif) no-repeat top left;
	padding: 5px 0 0 9px;
}

#foot a:link, #foot a:visited, #foot a:active{ color: #66FFFF; }
#foot a:hover { color: #339999; }

/*** defult Document ***/
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.cen {
	text-align: center;
}

.dataList dt{
	clear:left;
	float:left;
	display:block;
	width:150px;
	margin:2px 0px;
	padding-left:15px;
	background-color: #CCCCFF;
}

.dataList dd{
float: right;
display: block;
width: 410px;
margin: 2px 0px;
padding: 0px;
}

.cat-cen {
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

.jyougekin {
	vertical-align: middle;
	margin: 3px;
	padding: 3px;
	text-transform: uppercase;
}


.indent {
	text-indent: -9999px;
}

/*下部yes_no背景、h2、p等
-----------------*/
#yesno_bottom .btimg {
	width: 811px;
	height: 198px;
	background: url(img/yesno_botmbg.jpg) no-repeat top right;
}

#yesno_bottom .btmein h2 {
	text-align: center;
	font-size: 17px;
	padding: 4px 0 0 0;
}

#yesno_bottom .btmein p {
	color: #8379E8;
	padding: 15px 0 35px 180px;
	text-align: left;
	}
	
#btyesno {
	width: 629px;
	float: right;
	}
