@import url(menu1a.css);
@import url(menu2a.css);
@import url(menu3a.css);
@import url(parts.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: 810px;
	text-align: center;
	margin: 0 auto;
}
/*** head Document ***/
#head {
	width: 811px;
	background-color: #000;
}
/* ヘッダー上部＜h1・サイトマップ等
------------------------------------------------ */
#hmain {
	width: 810px;
	height: 15px;
	text-align: left;
}

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

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

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

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

/*YES NO ボタン&背景
-----------------*/
#head .topimg {
	height: 530px;
	background: #000 url("../img/summer_yesnobg.jpg") no-repeat left top;
}

#head .conright {
	width: 810px;
	padding-top: 160px;
}
#head .conright h2 {
	height: 40px;
	font-size: medium;
	font-weight: normal;
	text-indent: -9999px;
}
#head .conright p {
	padding: 0 0 32px 0;
	color: #776FB8;
	text-align: center;
	margin: 0 auto;
	}
	
span {
	color: #99FFFF;
	}

/* inko -----------------*/	
#inko {
	width: 251px;
	padding: 0 142px 0 0;
	float: right;
	}

	
#inko .yes a{
	background: url("img/summer-yes.jpg");
	height: 134px;
	width: 243px;
	float: right;
	text-indent: -9999px;
	margin: 0 0 12px 0;
	}
#inko .yes a:hover{
	background: url("img/summer-yes-on.jpg");
	height: 134px;
	width: 243px;
	float: right;
	margin: 0 0 12px 0;
	}
#inko .no a{
	background: url("img/summer-no.jpg");
	height: 76px;
	width: 243px;
	float: right;
	text-indent: -9999px;
	}
#inko .no a:hover{
	background: url("img/summer-no-on.jpg");
	height: 76px;
	width: 243px;
	float: right;
	}


/* nenrei -----------------*/
#nenrei {
	width: 251px;
	padding: 0 85px 0 0;
	float: right;
	}

	
#nenrei .yes a{
	background: url(img/yes.jpg);
	height: 188px;
	width: 251px;
	float: right;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	}
#nenrei .yes a:hover{
	background: url(img/yes-on.jpg);
	height: 188px;
	width: 251px;
	float: right;
	margin: 0 0 10px 0;
	}
#nenrei .no a{
	background: url(img/no.jpg);
	height: 113px;
	width: 251px;
	float: right;
	text-indent: -9999px;
	}
#nenrei .no a:hover{
	background: url(img/no-on.jpg);
	height: 113px;
	width: 251px;
	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;
	text-align: left;
}

#cont1 img{
    border: 0;
    margin: 0;
    padding: 0;
}


/*** cont2 Document ***/
#cont2 {
	width: 608px;
	float: right;
	margin: 4px;
	background: #ffffff url(img/cont2.gif) repeat-y;
	border-bottom: 1px solid #666666;
}
#cont2 .cont2-info {
	height: 34px;
	width: 608px;
	text-indent: -9999pt;
	background: #FFCCFF url(img/cont2-info.gif) no-repeat top;
	border-bottom: 1px solid #333333;
}
#cont2 p {
	margin: 2px;
	padding: 2px;

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

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

#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;
}
#cont2 .cont2-nennrei {
	background: url(img/cont2-nennrei.gif) no-repeat top left;
	height: 31px;
	width: 290px;
	text-indent: -9999pt;
	margin: 5px 0 5px 0;
}

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

#cont2 .none {
	display: none;
}
/*** cont3 Document ***/
.cont3 {
	width: 606px;
	float: right;
	border: 1px solid #6633CC;
	background-color: #FFFFFF;
	text-align: left;
	margin: 0 4px 4px 0;
}

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

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

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

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

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

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

.cont3 li{
	background: url(img/arow.gif) no-repeat center left;
	padding: 2px 0 1px 15px;
	}

/*** menu2 Document ***/
#menu2 {
	float: left;
	width: 170px;
	margin: 4px;
}
#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;
	margin: 0 0 0 4px;
}
#menu3 h2.menuc{
	text-indent: -9999px;
	width: 174px;
	height: 31px;
	background: url(img/menu3-title.gif) no-repeat top left;
}
#menu3 h2.menua{
	text-indent: -9999px;
	width: 174px;
	height: 31px;
	background:  url(img/menu3-atitle.gif) no-repeat top left;
}

/* フッター
----------------------------------------------- */
#footlink {
	text-align: center;
	padding: 5px 120px;
	background-color: #000;
}
#foot {
    width: 800px;
	height: 52px;
	color: #FFF;
	margin: auto;
	text-align: left;
	padding: 5px 0 0 9px;
	background-color: #000;
}

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


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