@charset "UTF-8";
body {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: #EEE;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center;
	color: #000000;
	letter-spacing:0.05em;
	line-height:1.5em;
}
.oneColLiqCtr #container {
	width: 800px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
.oneColLiqCtr #mainContent {
	padding:10px 20px 10px 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}
.oneColLiqCtr #mainContentTop {
	padding:20px 20px 10px 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}
#header{
margin:0px 20px;
height:115px;
}
#headerright{
	position:relative;
	display:block;
	width: 360px;
	float: right;
	text-align:right;
	height: 40px;
}
#headerright img{
margin:0px 0px 5px 5px;
}
#headerbar ul{
	margin:0px;
	padding:0px;
}
#headerbar li{
	margin:0px 10px 0px 0px;
	padding:0px;
	list-style:none;
	float:left;
	height:115px;
}
#bar1{
background-color:#e52d7b;
}
#bar1 a img{
width:5px;
height:115px;
display:block;
}
#bar1 a:hover img{
width:10px;
height:115px;
display:block;
}
#bar2{
background-color:#660066;
}
#bar2 a img{
width:5px;
height:115px;
display:block;
}
#bar2 a:hover img{
width:10px;
height:115px;
display:block;
}
#bar3{
background-color:#2cafea;
}
#bar3 a img{
width:5px;
height:115px;
display:block;
}
#bar3 a:hover img{
width:10px;
height:115px;
display:block;
}
#bar4{
background-color:#78bc13;
}
#bar4 a img{
width:5px;
height:115px;
display:block;
}
#bar4 a:hover img{
width:10px;
height:115px;
display:block;
}
#bar5{
background-color:#f2e534;
}
#bar5 a img{
width:5px;
height:115px;
display:block;
}
#bar5 a:hover img{
width:10px;
height:115px;
display:block;
}
#bar6{
background-color:#f2bc34;
}
#bar6 a img{
width:5px;
height:115px;
display:block;
}
#bar6 a:hover img{
width:10px;
height:115px;
display:block;
}

#headertop{
height:50px;
}

#headerbar_t ul{
	margin:0px;
	padding:0px;
}
#headerbar_t li{
	margin:0px 10px 0px 0px;
	padding:0px;
	list-style:none;
	float:left;
	height:50px;
}

#tbar1{
background-color:#e52d7b;
}
#tbar1 a img{
width:5px;
height:50px;
display:block;
}
#tbar1 a:hover img{
width:10px;
height:50px;
display:block;
}
#tbar2{
background-color:#660066;
}
#tbar2 a img{
width:5px;
height:50px;
display:block;
}
#tbar2 a:hover img{
width:10px;
height:50px;
display:block;
}
#tbar3{
background-color:#2cafea;
}
#tbar3 a img{
width:5px;
height:50px;
display:block;
}
#tbar3 a:hover img{
width:10px;
height:50px;
display:block;
}
#tbar4{
background-color:#78bc13;
}
#tbar4 a img{
width:5px;
height:50px;
display:block;
}
#tbar4 a:hover img{
width:10px;
height:50px;
display:block;
}
#tbar5{
background-color:#f2e534;
}
#tbar5 a img{
width:5px;
height:50px;
display:block;
}
#tbar5 a:hover img{
width:10px;
height:50px;
display:block;
}
#tbar6{
background-color:#f2bc34;
}
#tbar6 a img{
width:5px;
height:50px;
display:block;
}
#tbar6 a:hover img{
width:10px;
height:50px;
display:block;
}
table{
margin:10px auto 0px auto ;
}
p{
margin:10px 0px;
}
a:link{
color:#e52d7b;
text-decoration:none;
}
a:visited{
color:#e52d7b;
text-decoration:none;
}
a:hover{
color:#FF00FF;
text-decoration:underline;
}



h1,h2,h3,h4{
font-size:10px;
font-weight:bold;
margin:0px;
}
img{
border:0;
}
div.info{
width:760px;
margin:5px 0px 0px 0px;
padding:0px;
}
.infotex{
	display:inline;
	background-color:#000;
	height:80px;
	margin:0px;
	padding:5px;
	width:266px;
	color:#FFFFFF;
	position: absolute;
	line-height:1.5em;
}
.infotex img{
margin:5px 0px;
}
*html div.infotex{
	display:inline;
	background-color:#000;
	height:80px;
	margin:0px;
	padding:5px;
	width:265px;
	color:#FFFFFF;
	position: absolute;
}
div.infotex2{
	margin:0px 0px 0px 1px;
	padding:0px;
	display:block;
	position:relative;
	left:275px;
	width: 484px;
}
div.infotex2 img{
margin:0px 0px 1px 1px;
padding:0px;
display:inline;
}
div.moreInfo{
display:none;
width:750px;
border:#CCCCCC solid 1px;
padding:4px;
margin:5px 0px 0px 0px;
}
.tex_blue{
color:#3399FF;
}
.tex_gray{
	color:#999999;
}
.sub-t{
	background-color:#000;
	color:#FFFFFF;
	margin:10px 0px 0px 0px;
	padding:5px;
}
#dvd{
width:740px;
height:100px;
border:#CCCCCC solid 1px;
padding:9px;
margin:10px 0px 0px 0px;
}
#dvd img{
margin:0px 10px 0px 0px;
display:block;
float:left;
}
#act{
width:760px;
margin:5px 0px 0px 0px;
padding:0px;
text-align:center;
}
.action{
	border:#CCCCCC solid 1px;
	margin:0px 10px 10px 0;
	padding:10px;
	text-align:left;
}
.tex_bl a:link{
text-decoration:none;
color:#FFFF00;
}
.tex_bl a:visited{
text-decoration:none;
color:#FFFF00;
}
.tex_bl a:hover{
color:#FFFF00;
text-decoration:underline;
}

.tex_bl{
background-color:#000000;
padding:5px;
margin:0px;
color:#FFFFFF;
}
.tex_14{
font-size:14px;
}
.top_logo{
margin-top:10px;
}
#footer{
margin:30px 0px 20px 0px ;
padding:20px 0px 10px 0px ;
width:760px;
background-color:#FFFFFF;
border-top:#CCCCCC solid 1px;
text-align:center;
}
#footerTop{
margin:10px 0px 0px 0px ;
padding:20px 0px 10px 0px ;
width:760px;
background-color:#FFFFFF;
border-top:#CCCCCC solid 1px;
text-align:center;
}

.mar10{
	margin-bottom:10px;
}

