@charset "UTF-8";

body{
	scrollbar-base-color      : #99c;
    scrollbar-face-color      : #99c;
    scrollbar-track-color     : #ccc;
    scrollbar-shadow-color    : #002;
    scrollbar-darkshadow-color: #002;
    scrollbar-highlight-color : #55b;
    scrollbar-3dlight-color   : #55b;
    scrollbar-arrow-color     : #228;
    
    background-image : url("img/bg/light_default.jpg");
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

a:link.defColor, a:visited.defColor{ color: #228;  border: 0px; }
a:hover.defColor{ color: #d80; }
div#updateInfo a:link.defColor,
div#updateInfo a:visited.defColor{ color: #269;  border: 0px; }
div#updateInfo a:hover.defColor{ color: #00ccff; }

#header{
	color: #228;
	background-color: #ccf;
	border-bottom: 1px solid #99c;
	border-right : 1px solid #99c;
}
#footer{
	color: #228;
	background-color: #ccf;
	border-top   : 1px solid #99c;
	border-right : 1px solid #99c;
}
#contents-inner-index{
	width: 90%;
	max-width: 840px;
	padding: 3.0em 15px 2.0em 15px;
}

/*------------------------------------------------------------------------------------------------*/
div.menu{
	font-size: 90%;
	line-height: 140%;
	font-family: "ＭＳ ゴシック", monospace;
	margin : 5px 5px 5px 5px;
	padding: 7px 3px 10px 10px;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

div.accessLog{
	text-align: right;
	font-size: 70%;
	font-family: "ＭＳ ゴシック", monospace;
	color: #372;
	margin: 0 5px 7.0em 0;
}

div.box1{
	width: 70%;
	line-height: 200%;
	padding: 10px;
	background-color: #ddf;
	border : 1px solid #aac;
}

p.menu{
	text-indent: 0;
	width: 95%;
	font-size: 90%;
	line-height: 140%;
	font-family: "ＭＳ ゴシック", monospace;
	margin-top : 10px;
}

div.col3Left{
	float: left;
	width: 1.0%;
	height: 100px;
}
div.col3{
	color: #222;
	background-color: #f7f7f7;
	border: 1px solid #aaa;
	float: left;
	text-align: left;
	width: 31.0%;
	margin: 0.5% 0 0.5% 1.0%;
	padding: 1px 1px 10px 1px;
}

div.recommend{
	font-size: 80%;
	float: left;
	width: 95%;
	margin-top: 1%;
	margin-left: 1%;
	color: #111;
	background-color: #e5e5e5;
	border: 1px solid #aaa;
	text-align: left;
	line-height: 130%;
	padding: 0.5em;
}
div.recommend a{
	font-size: 170%;
	font-weight: bold;
	line-height: 150%;
}
div.recommend img{
	border: 1px solid #777;
	margin: 0;
}
div.rec_comment{
	margin-left: 290px;
	margin-right: 2%;
}

div.pickup{
	color: #111;
	background-color: #e5e5e5;
	border: 1px solid #999;
	float: right;
	text-align: left;
	width: 47%;
	padding: 1%;
}

/*------------------------------------------------------------------------------------------------*/
div.menuTag{
	width:  100%;
	height: 40px;
	margin-bottom: 0.5em;
	background-repeat: no-repeat;
	background-color: #ccc;
	border: 1px solid #999;
}
div.backInfo   { background-image : url("img/system/menu_info.jpg");    }
div.backText   { background-image : url("img/system/menu_text.jpg");    }
div.backProduct{ background-image : url("img/system/menu_product.jpg"); }
div.backMulti  { background-image : url("img/system/menu_multi.jpg");   }
div.backCommu  { background-image : url("img/system/menu_commu.jpg");   }
div.backArchive{ background-image : url("img/system/menu_archive.jpg"); }

div.indexList{
	line-height: 110%;
	margin-left: 45px;
	padding-top: 4px;
	color: #555;
}
#icon{
	border: 0;
	margin-bottom: 5px;
	margin: 0 5px 5px 10px;
	clear: both;
	float: left;
	width: 40px;
	height: 40px;
}
div.info     { background-image: url("img/icon/nega_info.png"); }
div.profile  { background-image: url("img/icon/nega_profile.png"); }
div.note     { background-image: url("img/icon/nega_note.png"); }
div.wiki     { background-image: url("img/icon/nega_wiki.png"); }
div.software { background-image: url("img/icon/nega_software.png"); }
div.works    { background-image: url("img/icon/nega_works.png"); }
div.art      { background-image: url("img/icon/nega_hatena.png"); }
div.diary    { background-image: url("img/icon/nega_diary.png"); }
div.activity { background-image: url("img/icon/nega_activity.png"); }
div.idea     { background-image: url("img/icon/nega_idea.png"); }
div.review   { background-image: url("img/icon/nega_review.png"); }
div.ranking  { background-image: url("img/icon/nega_ranking.png"); }
div.bbs      { background-image: url("img/icon/nega_bbs.png"); }
div.gallery  { background-image: url("img/icon/nega_gallery.png"); }
div.music    { background-image: url("img/icon/nega_music.png"); }
div.animation{ background-image: url("img/icon/nega_animation.png"); }
div.archive  { background-image: url("img/icon/nega_archive.png"); }
div.twitter  { background-image: url("img/icon/nega_twitter.png"); }

img.blank{
	width : 40px;
	height: 36px;
	padding: 0;
	margin : 0;
	border : 0;
}
/*------------------------------------------------------------------------------------------------*/
#updateInfo{
	font-size: 80%;
	font-family: "ＭＳ ゴシック", monospace;
	line-height: 120%;
	height: 12.0em;
	overflow: auto;
	padding: 1px;
	width: 85%;
	background-color: #eef;
	border : 1px solid #aac;
	margin: 5px auto 15px auto;
}

/*------------------------------------------------------------------------------------------------*/
h2.menu{
	color: #77b;
	font-size: 120%;
	line-height: 150%;
	border-bottom: 1px solid #99d;
	border-left:   8px solid #99d;
	text-align: left;
	margin: 0;
	padding: 0 0 0 0.8em;
}
h2.pickup{
	color: #55b;
	border-color: #88c;
	margin-bottom: 0.3em;
}
h2.clear{ clear: both; width: 96%; }

h3.category{ /*** メニューのカテゴリ ***/
	font-size: 120%;
	line-height: 100%;
	font-family: serif;
	font-weight: bold;
	border-bottom: 1px solid;
	margin-bottom: 5px;
}
h3.cInfo   { color: #777777;  border-color: #555555; }
h3.cText   { color: #885555;  border-color: #663333; }
h3.cProduct{ color: #6688aa;  border-color: #335566; }
h3.cMulti  { color: #558855;  border-color: #335533; }
h3.cCommu  { color: #777744;  border-color: #555533; }

dl{
	width: 100%;
	margin: 0;
}
dt{
	float: left;
	width: 9.0em;
	padding-left: 1.0em;
	border: 0;
	margin: 0;
}
dd{
	padding-left: 10.5em;
	font-size: 86%;
	border: 0;
	margin: 0;
}

dl.archive{
	width: 85%;
	margin-bottom: 1.0em;
}
dl.archive dt{
	color: #aa5;
	font-size: 95%;
	float: left;
	width: 11.0em;
	padding-left: 1.0em;
	border-bottom: 1px solid #333;
	margin-bottom: 0.3em;
}
dl.archive dd{
	font-size: 95%;
	padding-left: 12.0em;
	border-bottom: 1px solid #333;
	margin-bottom: 0.3em;
}

table.archive{
	border: 1px solid #048;
}
table.archive td{
	border: 1px solid #048;
}

p.comment{
	width: auto;
	margin: 0;
	padding: 0.3em 1.0em 1.0em 1.0em;
}
td.musicImage{ width: 144px;  text-align: center;  background-color: #101033 }
h4.musicName{
	width: 88%;
	color: #99d;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	padding: 0.2em 0 0.2em 0.5em;
	border: 1px solid #161646;
	border-bottom: 1px solid #335;
	background-color: #101033;
	margin-top: 2.0em;
}
dl.music dd, dl.music dt{
	color: #aa5;
	border-bottom: 1px solid #333;
	margin-bottom: 0.3em;
}

th{ width: 10.0em;  padding-bottom: 1.0em; }
td.comment{ padding: 0 5px 1.5em 5px;  font-size: 80%;  line-height: 130%; }

table.programImage td{
	width: 200px;
	font-size: 80%;
	text-align: center;
	padding-bottom: 10px;
	background-color: #161646;
	border: 1px solid #447;
}
table.ezplusImage td{
	width: 550px;
	font-size: 80%;
	text-align: center;
	padding-bottom: 10px;
	background-color: #161646;
	border: 1px solid #447;
}

img.pickup{ margin-right: 1.0em; }