@charset "UTF-8";
/* CSS Document */

body {
   background: url(/blog/images/blogmainbg.png) repeat-x #696969;
   color:#fff;
}

a:link     { color: #fff; text-decoration:underline ; }    /* 未訪のリンク */
a:visited { color: #fff; text-decoration:underline ; }   /* 訪問済みのリンク */
a:hover  { color: #fff; text-decoration:none ; } /* カーソルが上に乗っているリンク */
a:active  { color: #fff; text-decoration:none ; }   /* アクティブ中のリンク */

/* layout★★★★★★★★★★★★★★★★★★★★ */

#header {
	width: 800px;
	margin: 10px auto;
}


/* main navigation */
#menubar {
	width: 800px;
	height: 30px;
	background: url("../images/menubar.png") no-repeat ;
    background-position: 0px 0px;
	margin: 0px auto;
}

#mainnavi {
	width:800px;
	height:35px;
	margin:0px auto;
}

#mainnavi li{
	float:left;
}

.navi-home-on {
    width : 133px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
	background: url("/blog/images/mainnavi.png") no-repeat ;
    background-position: 0px -70px;
}

.navi-home {
    width : 133px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
}

.navi-home img{
    visibility: hidden;
}

.navi-home a {
    background: url("/blog/images/mainnavi.png") no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.navi-home a:hover {
    background: url("/blog/images/mainnavi.png") no-repeat ;
    background-position: 0px -35px;
}


.navi-about-on {
    width : 133px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
	background: url("/blog/images/mainnavi.png") no-repeat ;
    background-position: -133px -70px;
}
.navi-about {
    width : 133px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
}

.navi-about img{
    visibility: hidden;
}

.navi-about a {
    background: url("/blog/images/mainnavi.png") no-repeat ;
    background-position: -133px 0px;
    display:block;
}

.navi-about a:hover {
    background: url("/blog/images/mainnavi.png") no-repeat ;
    background-position: -133px -35px;
}


.navi-works-on {
    width : 134px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
	background: url("/blog/images/mainnavi.png") no-repeat ;
    background-position: -266px -70px;
}
.navi-works {
    width : 134px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
}

.navi-works img{
    visibility: hidden;
}

.navi-works a {
    background: url("/blog/images/mainnavi.png") no-repeat ;
    background-position: -266px 0px;
    display:block;
}

.navi-works a:hover {
    background: url("/blog/images/mainnavi.png") no-repeat ;
    background-position: -266px -35px;
}


.navi-contact-on {
    width : 133px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
	background: url("/blog/images/mainnavi.png") no-repeat ;
    background-position: -400px -70px;
}
.navi-contact {
    width : 133px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
}

.navi-contact img{
    visibility: hidden;
}

.navi-contact a {
    background: url("/blog/images/mainnavi.png") no-repeat ;
    background-position: -400px 0px;
    display:block;
}

.navi-contact a:hover {
    background: url("/blog/images/mainnavi.png") no-repeat ;
    background-position: -400px -35px;
}


.navi-boshu-on {
    width : 133px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
	background: url("/blog/images/mainnavi.png") no-repeat ;
    background-position: -533px -70px;
}
.navi-boshu {
    width : 133px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
}

.navi-boshu img{
    visibility: hidden;
}

.navi-boshu a {
    background: url("/blog/images/mainnavi.png") no-repeat ;
    background-position: -533px 0px;
    display:block;
}

.navi-boshu a:hover {
    background: url("/blog/images/mainnavi.png") no-repeat ;
    background-position: -533px -35px;
}


.navi-mailmag-on {
    width : 133px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
	background: url("/blog/images/mainnavi.png") no-repeat ;
    background-position: -666px -70px;
}
.navi-mailmag {
    width : 134px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
}

.navi-mailmag img{
    visibility: hidden;
}

.navi-mailmag a {
    background: url("/blog/images/mainnavi.png") no-repeat ;
    background-position: -666px 0px;
    display:block;
}

.navi-mailmag a:hover {
    background: url("/blog/images/mainnavi.png") no-repeat ;
    background-position: -666px -35px;
}

/* main navigation ここまで */



#pankuzu {
	width: 800px;
	margin:0px auto;
	padding-bottom:5px;
	font-size:10px;
	color:#6A6AD7;
}
#pankuzu a:link     { color: #999; text-decoration:underline ; }    /* 未訪のリンク */
#pankuzu a:visited { color: #999; text-decoration:underline ; }   /* 訪問済みのリンク */
#pankuzu a:hover  { color: #999; text-decoration:none ; } /* カーソルが上に乗っているリンク */
#pankuzu a:active  { color: #999; text-decoration:none ; }   /* アクティブ中のリンク */


#contents {
	width: 728px;
	margin: 0px auto;
	background: url(/blog/images/contentbg.png) repeat-x #848484;
	padding: 20px 34px 10px 33px;
        border:1px solid #111;
}


#sidecontents {
	width:191px;
	float:left;
        color:#333;
}
#maincontents {
	width: 520px;
	float:right;
}
#maincontents-top {
	width: 530px;
	float:right;
}

#members-flash {
    width : 191px ;
    border: 0;
    padding: 0;
    margin-bottom:15px;
}

.members {
    width : 190px ;
    height : 60px ;
    overflow: hidden;
    border: 0;
    padding: 0;
}

.members img{
    visibility: hidden;
}

.members a {
    background: url("../images/members.png") no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.members a:hover {
    background: url("../images/members.png") no-repeat ;
    background-position: 0px -60px;
}


.topnews{
	width:260px;
	float:left;
}
.topnewscase{
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
}
.topnewslink{
	padding:10px 20px;
	color:#fff;
	background:url(../images/topnewsbg.jpg) no-repeat;
	text-align:left;
}
.topnewslink a:link     { color: #fff; text-decoration:none ; }    /* 未訪のリンク */
.topnewslink a:visited { color: #fff; text-decoration:none ; }   /* 訪問済みのリンク */
.topnewslink a:hover  { color: #fff; text-decoration:underline ; } /* カーソルが上に乗っているリンク */
.topnewslink a:active  { color: #fff; text-decoration:underline ; }   /* アクティブ中のリンク */


.toppickup{
	width:260px;
	float:right;
}
.toppickup .midashi{
	color:#DA2027;
	font-size:11px;
	font-weight:bold;
}


.newspic {
	width: 230px;
	float:left;
}
.newscontent {
	width: 280px;
	float:right;
	font-size:12px;
}
.newsttl {
	widows:280px;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-bottom:1px solid #ccc;
}

.blogttl {
   width:500px;
   height:20px;
   background:url(/blog/images/blogttlbg.png) no-repeat;
   padding:2px 10px;
   font-size:13px;
   font-weight:bold;
}
.blognopic {
	width: 500px;
	font-size:12px;
        padding-bottom:10px;
}
.blogdate {
   text-align:right;
   margin-bottom:10px;
}


#footer {
	width: 728px;
	font-size: 10px;
	color: #ccc;
}

#navigation {
	background:url(/images/navibg.png) repeat-y;
}
#navigation a {
	text-index:33px;
}
#navigation a.head {
	height:22px;
	width:191px;
	cursor:pointer;
	background:#efefef url(/images/navioffbl.png) no-repeat;
	color:#4968F0;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:3px 0 0 0;
	text-indent:33px;
	text-decoration: none;
	font-size:13px;
}
#navigation a.headn {
	height:22px;
	width:191px;
	cursor:pointer;
	background:#efefef url(/images/navioffbln.png) no-repeat;
	color:#4968F0;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:3px 0 0 0;
	text-indent:33px;
	text-decoration: none;
	font-size:13px;
}
#navigation a.selected {
	background-image: url(/images/navion.png);
	color:#ffffff;
}
#navigation li li a {
	padding:3px 0;
	display:block;
	text-indent:33px;
	text-decoration: none;
	color:#D242E6;
}
#navigation li li a:hover {
	text-decoration:underline;
}