/* CSS Document */

* {
margin:0;
padding:0;
}

/*リンク色*/
a:link { color:#0000FF; text-decoration : none ;}
a:visited { color:#0000FF; text-decoration : none ;}
a:hover { color:#0000FF; text-decoration:underline; }
a:active { color:#0000FF; text-decoration : none ;}

body{
font-size:12px;
background:#EEFFFC;
}

h1 {
background:#FFFFFF;
text-align:center;
font-size:14px;
margin-bottom:10px;
padding:10px 0;
border-bottom: 1px #CCCCCC solid;
}

address{
background-color:#0099FF;
padding:5px;
text-align:right;
}

ul {
list-style:none;
}

.cl{
clear:both;
margin:0;
padding:0;
width:0;
height:0;
}

#container {
width:800px;
margin:0 auto;
background:#FFFFFF;
border-left: 1px solid #E2E2E2;
border-right: 1px solid #BBBBBB;
}

/* container
---------------------------------------------------- */

#header {
background:url(../img/header.gif);
background-repeat:no-repeat;
height:230px;
margin:0px auto;
border:#1F1F1F 1px dotted;
}

#content {
background:url(../img/contentback.jpg);
background-repeat:repeat-y;
}

#main {
float:left;
width:486px;
margin:0 auto;
padding:5px;
}

#menu {
float:right;
width:238px;
margin:0 auto;
font-size:12px;
}

#footer {
clear:both;
}

/* header
---------------------------------------------------- */
#header .inner {
height:180px;
margin:10px 30px 0 30px;
padding-top:20px;
}

#header .inner .title {
background:#333333;
color:#CCCCCC;
font-size:24px;
padding:20px;
}


#header ul {
margin-top:30px;
}

#header li {
float:left;
}

#header li a{
display:block;
background:url(../img/headerlist1.gif);
background-position:top left;
background-repeat:no-repeat;
width:110px;
height:50px;
margin-right:5px;
padding:10px 0 0 20px;
font-size:14px;
font-weight:bold;
}




#header li a:link { color:#32F3D7; text-decoration : none ;}
#header li a:visited { color:#32F3D7; text-decoration : none ;}
#header li a:hover { color:#80FFFF; text-decoration:underline; background:url(../img/headerlist2.gif); background-repeat:no-repeat; }
#header li a:active { color:#32F3D7; text-decoration : none ;}


/* content
---------------------------------------------------- */
/* main
---------------------------------------------------- */
#main h2{
width:486px;
border-bottom:#333333 5px double;
margin:15px 0 15px 15px;
padding:0 0 5px 20px;
font-size:18px;
}

#main h3{
color:#F5F5F5;
background:#4F4F4F;
margin:0 30px 10px 0;
padding:5px 10px;
}

#main h3 a:link { color:#F5F5F5; text-decoration : none ;}
#main h3 a:visited { color:#F5F5F5; text-decoration : none ;}
#main h3 a:hover { color:#F5F5F5; text-decoration:underline; }
#main h3 a:active { color:#F5F5F5; text-decoration : none ;}


#main p{
margin:0 auto 10px 20px;
}



/* 記事
------------------------- */
#main .kizi {
margin:0 20px 30px 10px;
line-height:1.5em;
border-bottom: #65BE9A 2px dotted;
}

#main .kizi .preview {
background:#E6FFE6;
width:430px;
margin:10px auto;
padding:5px;
}

#main .kizi ul{
}

#main .kizi li{
}

#main .kizi .asset-more-link {
margin:5px 30px;
text-align:right;
}

.content-nav{
text-align:right;
margin:20px;
}

.asset-meta {
text-align:right;
margin-right:20px;
}

/* menu
---------------------------------------------------- */
#menu h3{
font-size:14px;
background:url(../img/listh3back.jpg);
background-repeat:no-repeat;
width:235px;
height:30px;
text-align:center;
padding-top:20px;
}

#menu .menulist{
width:230px;
margin:10px auto 15px auto;
padding:3px;
background:#FFFFFF;
}

#menu .menulist li a{
background:url(../img/side_icon01.gif);
background-position:top left;
background-repeat:no-repeat;
width:228px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 16px;
}

/* footer
---------------------------------------------------- */
#footer .links li {
margin:3px;
list-style:none;
display:inline;
}