@import url(http://www.io-art.com/blog/mt-static/themes-base/blog.css);
@import url(http://www.io-art.com/blog/mt-static/themes/minimalist-red/screen.css);

HR {
height:1px;
}

body {
background-color:#f1f1f1;
}

#top_contents
{
margin-top:12px;
margin-bottom:6px;
}

#main{
padding-bottom:10px;
}
ul.top_news{text-align:left;}
li.top_news{list-style-type: square;}

p.link_next {
	margin: 0px 0px 15px 10px;
	padding: 2px 1px 1px 20px;
	background: url(http://www.io-art.com/image/image/HP/link_next.jpg) 
	no-repeat;
}

p.page_top {
	margin: 0px 0px 15px 10px;
	padding: 2px 1px 1px 20px;
	background: url(http://www.io-art.com/image/image/HP/page_top.jpg) 
	no-repeat;
}


H1 {
width: 540px;
height: 55px;
margin-bottom :15px;
background: url(http://www.io-art.com/image/d01.gif) 
		no-repeat 
		left top;
text-align:left;
font-weight:700;
color:#ffffff;
margin-top:1em;
margin-bottom:0.5em;
font-size:120%;
padding:20px 0px 0px 10px;

}

H2 {
background: url(http://www.io-art.com/image/d02.gif) 
		repeat 
		left top;
font-size:100%;
font-weight:700;
text-align:left;
padding-bottom:1px;
padding-top:1px;
padding-left:5px;
border-right:1px solid #cccccc;
border-left:10px solid #999999;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
margin-top:5px;
margin-bottom:10px;
clear:both;
}

h3 {
font-size:110%;
text-align:left;
color:#0063a4;
font-weight:700;
}

#alpha h3 {
margin-top:5px;
background-color:#999999;
font-size:1em;
font-weight:700;
color:#FFF;
text-decoration:none;
padding:8px 10px;
}

#alpha h3 a {
color:#FFF;
text-decoration:none;
}

#header {
border-top-width:0;
border-top-style:solid;
background:#ffffff;
border-color:#f1f1f1;
}

#header-content {
width:750px;
margin:2px;
clear:both;
}

#banner-header {
background:none;
width:290px;
float:left;
vertical-align:middle;
margin:0px;
}

#banner-description2 {
float:right;
text-align:left;
position:static;
margin-top:15px;
width:460px;
font-size:100%;
background-color:#ffffff;
}

#banner-description2 a {color:#0000FF;}

#headmenu {
position:relative;
height:28px;
background-color:#cccccc;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:6px;
margin-bottom:6px;

width:750px;
border-width:1px 2px 0;
font-size:120%
display:block;
}

#alpha-inner {
padding-right: 0px;
padding-left: 0px;
}

.pageTop {
float:right;
margin:20px 0 15px 25px;
padding:0 0 0 15px;
background: url(common/images/ic001.gif)
no-repeat
0px 50%;
}

#beta-inner {
width:540px;
margin-top:0px;
border-left:solid 1px #cccccc;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
}


img{border:0;}

a {
color:blue;
text-decoration:underline;
}




a:hover {
background-color:#FFC0CB;
}

#container,#container-inner,#header,#header-inner,#content,#content-inner,#footer,#footer-inner,#footer-content {
position:relative;
width:750px;
margin:0 auto;
}

#footer-content
{text-align:center;}

#container-inner {
background-color:#cccccc;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
overflow:hidden;
}

#footer {

}

#footer-inner
{
background-color:#999999;
padding:5px;
}

#io-art {
position:relative;
display:block;
background-color:#ecddda;
width:750px;
text-align:center;
margin-bottom:50px;
}

.submenu {
margin-left:15px;
list-style:none;
padding:0;
}

.contents-menu a {
display:block;
width:150px;
border-bottom:solid 1px #CDCBCB;
background-color:#f1f1f1;
line-height:120%;
list-style:none;
padding:12px 5px;
}


#toppage-inner
{

padding:1px 10px 20px 20px;

}

.layout-wt #alpha {
width:190px;
}

.layout-wt #beta {
width:560px;
}

td {
line-height:140%;
padding:4px;
}