@charset "EUC-JP";


/* ½é´üÀßÄê
--------------------------------------------------------------------------------------- */

html{margin: 0; padding: 0;}
body{margin: 0; padding: 0;}

form, input { margin: 0; padding: 0; }
a img { border: 0; }

a{color:#00505a;}
a:hover{color:#0096af;}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote{margin: 0;}

.clear{clear:both;}


/* ¥ì¥¤¥¢¥¦¥È¡Ú´ðËÜ¡Û
--------------------------------------------------------------------------------------- */

body{
	text-align: center;
	min-width: 820px;
	background: #fff;
font-family: "Lucida Sans Unicode", "Lucida Grande", arial, helvetica, "Hiragino Kaku Gothic Pro W3", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", HiraKakuPro-W3, Osaka, "Ê¿À®³Ñ¥´¥·¥Ã¥¯", Sans-Serif;
font-size:12px;
color:#333;
}


#container{
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 800px;
	background: #fff;
}


#header{
	margin: 0;
	width: 800px;
	height: 174px;
	background: #fff url(http://www.cupo.biz/injektor/img/bg.gif) repeat-y;
}

h1{
	position: absolute;
	margin: 0;
	left: 30px;
	top:30px;
}

#navi ul{
	margin: 0;
	list-style: none;
	width: 800px;
	height: 54px;
	background: #fff url(http://www.cupo.biz/injektor/img/navi.gif) 0 -108px no-repeat;
	position: absolute;
	top:120px;
}


#navi li{
	margin: 0;
	padding: 0;
	position: absolute;
	/*top: 100px;*/
	height: 54px;
	text-indent: -9999px;
}

#navi li#home{left:10px; width:96px;}
#navi li#interview{left:106px; width:130px;}
#navi li#event{left:236px; width:114px;}
#navi li#column{left:350px; width:96px;}
#navi li#cacomon{left:446px; width:114px;}
#navi li#links{left:560px; width:96px;}
#navi li#back-number{left:656px; width:134px;}

#navi li a{
	text-decoration: none;
	display: block;
	height: 54px;
}

#navi li#home a{background: url(http://www.cupo.biz/injektor/img/navi.gif) -10px 0;}
#navi li#interview a{background: url(http://www.cupo.biz/injektor/img/navi.gif) -106px 0;}
#navi li#event a{background: url(http://www.cupo.biz/injektor/img/navi.gif) -236px 0;}
#navi li#column a{background: url(http://www.cupo.biz/injektor/img/navi.gif) -350px 0;}
#navi li#cacomon a{background: url(http://www.cupo.biz/injektor/img/navi.gif) -446px 0;}
#navi li#links a{background: url(http://www.cupo.biz/injektor/img/navi.gif) -560px 0;}
#navi li#back-number a{background: url(http://www.cupo.biz/injektor/img/navi.gif) -656px 0;}

#navi li#home a:hover{background: url(http://www.cupo.biz/injektor/img/navi.gif) -10px -54px;}
#navi li#interview a:hover{background: url(http://www.cupo.biz/injektor/img/navi.gif) -106px -54px;}
#navi li#event a:hover{background: url(http://www.cupo.biz/injektor/img/navi.gif) -236px -54px;}
#navi li#column a:hover{background: url(http://www.cupo.biz/injektor/img/navi.gif) -350px -54px;}
#navi li#cacomon a:hover{background: url(http://www.cupo.biz/injektor/img/navi.gif) -446px -54px;}
#navi li#links a:hover{background: url(http://www.cupo.biz/injektor/img/navi.gif) -560px -54px;}
#navi li#back-number a:hover{background: url(http://www.cupo.biz/injektor/img/navi.gif) -656px -54px;}


#sub-navi{
position: absolute;
margin:0;
top:30px;
right:30px;
text-align:right;
}

#sub-navi ul{
list-style:none;
font-size:10px;
}

#sub-navi li{
display:inline;
margin: 0 0 0 10px;
}

#sub-navi li a{
text-decoration:none;
padding-left:17px;
}

#sub-navi li a:hover{
text-decoration:underline;
}

#sub-navi li#about a{background:url(http://www.cupo.biz/injektor/img/about.gif) no-repeat;}
#sub-navi li#sitemap a{background:url(http://www.cupo.biz/injektor/img/sitemap.gif) no-repeat;}
#sub-navi li#contact a{background:url(http://www.cupo.biz/injektor/img/mail.gif) no-repeat;}

#search{
	position: absolute;
	top:60px;
	right:30px;
	text-align: right;
}

#search-box{
	background: #f5f5f5;
	border: 1px solid #b2b2b2;
	border-left-color: #444;
	border-top-color: #444;
	margin-right: 3px;
	width:200px;
	padding:4px;
}

#search-submit{
	color: #fff;
	background: #666;
	border: 2px solid #000;
border-left-color:#aaa;
border-top-color:#aaa;
font-size:12px;
padding:1px;
}

.input-text{
	font-family: "Lucida Sans Unicode", "Lucida Grande", arial, helvetica, "Hiragino Kaku Gothic Pro W3", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", HiraKakuPro-W3, Osaka, "Ê¿À®³Ñ¥´¥·¥Ã¥¯", Sans-Serif;
	font-size:12px;
	color: #666;
}




#pan-kuzu{
	display: block;
	color: #eee;
	font-size: 10px;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 8px;
	padding-left: 20px;
	width: 780px;
	height: 22px;
	background: url(http://www.cupo.biz/injektor/img/pankuzu.gif) no-repeat;
}

#pan-kuzu a{
color:#fff;
text-decoration:none;
}

#pan-kuzu a:hover{
text-decoration:underline;
}


#alpha{
	float: left;
	margin: 0;
	padding: 0;
	width: 260px;
	margin-bottom: 10px;
}

#beta{
	float: right;
	margin: 0;
	padding: 0;
	width: 540px;
	margin-bottom: 10px;
}

.module{
margin-bottom:10px;
}

.module-header{
	margin: 0;
	background: url(http://www.cupo.biz/injektor/img/module-header.gif) no-repeat;
	padding: 17px 0 0 20px;
	font-weight: bold;
	height:28px;
	font-size: 12px;
}


.module-header2{
margin:0;
background:url(http://www.cupo.biz/injektor/img/module-header2.gif) no-repeat;
height:10px;
}

.module-content{
	margin: 0;
	background: url(http://www.cupo.biz/injektor/img/module-content.gif) repeat-y;
}

.module-content-inner{
padding:15px 20px;
font-size:11px;
}

.module-footer{
	margin: 0;
	background: url(http://www.cupo.biz/injektor/img/module-footer.gif) no-repeat;
	height: 10px;
}

.archive-list{
	list-style: none;
	margin: 0 10px;
	padding: 0;
	width: 240px;
}

.archive-list li{
	display: block;
	width: 240px;
	height: 72px;
}

.archive-list li a{
	display: block;
	width: 240px;
	height: 72px;
	background: url(http://www.cupo.biz/injektor/img/archive-list.gif) 0 0 no-repeat;
	text-decoration: none;
color:#444;
}

.archive-list li a:hover{
	display: block;
	width: 240px;
	height: 72px;
	background: url(http://www.cupo.biz/injektor/img/archive-list.gif) 0 -72px no-repeat;
	text-decoration: none;
color:#fff;
}

.archive-list li img{
	width: 33px;
	height: 46px;
	border: 1px solid #b2b2b2;
	float: left;
padding: 1px;
	margin: 10px;
	margin-top: 12px;
background:#fff;
}

.archive-list-text{
	padding: 10px;
	display: block;
	font-size: 10px;
line-height:1.5em;
}

.archive-list-title{
font-size:11px;
font-weight:bold;
} 

.beta-header{
	width: 540px;
	height: 10px;
	margin: 0;
padding:0;
	background: url(http://www.cupo.biz/injektor/img/beta-header.gif) no-repeat;
}

.beta-content{
	width: 480px;
	margin: 0;
	background: url(http://www.cupo.biz/injektor/img/beta-content.gif) repeat-y;
	padding: 20px 30px;
}

.beta-footer,
#news-footer
{
	height: 10px;
	width: 540px;
	margin:0 ;
	background:  url(http://www.cupo.biz/injektor/img/beta-footer.gif) no-repeat;
}

#news-header{
	margin: 0;
	background: url(http://www.cupo.biz/injektor/img/news-header.gif) no-repeat;
	padding: 17px 0 0 20px;
	font-weight: bold;
	height:28px;
	font-size: 12px;
	color: #333;
}

#news-content{
	width: 520px;
	margin: 0;
	background: url(http://www.cupo.biz/injektor/img/beta-content.gif) repeat-y;
	padding: 0 10px;
/*padding-bottom:420px;*/
}

#footer{
	clear: both;
	width: 800px;
	text-align: center;
	height: 30px;
	margin-top: 20px;
	padding-top: 30px;
	font-size: 10px;
	background:  url(http://www.cupo.biz/injektor/img/footer.gif) no-repeat;
}


.entry{
width: 480px;
line-height:1.6em;
}

.entry p{
margin-bottom:1em;
}


.entry p.que{
margin-top:15px;
}

.entry h4{
margin-top:25px;
font-weight:bold;
font-size:13px;
}

.entry-content{
text-align:justify;
}

.entry-body{
line-height:1.8em;
}

.category-list{
margin-left:25px;
padding:15px 0 5px 0;
list-style:none;
font-size:12px;
}

.category-list li{
height:25px;
color:#999;
padding-left:16px;
background:url(img/category-list.gif) no-repeat;
}

.category-list li a{
text-decoration:none;
}

.category-list li a:hover{
text-decoration:underline;
}

#news-list{
padding:0;
	margin: 0;
	list-style: none;
}

#news-list li{
	display: block;
	width: 260px;
	float: left;
	margin: 0;
	height: 84px;
}
	

#news-list li a{
	display: block;
	width: 260px;
	height: 84px;
	text-decoration: none;
	color:#444;
}

#news-list li a:hover{
	display: block;
	width: 260px;
	height: 84px;
	text-decoration: none;
	color:#fff;
}

.news-infomation a{background: url(http://www.cupo.biz/injektor/img/news-list-infomation.gif) 0 0 no-repeat;}
.news-interview a{background: url(http://www.cupo.biz/injektor/img/news-list-interview.gif) 0 0 no-repeat;}
.news-event a{background: url(http://www.cupo.biz/injektor/img/news-list-event.gif) 0 0 no-repeat;}
.news-column a{background: url(http://www.cupo.biz/injektor/img/news-list-column.gif) 0 0 no-repeat;}
.news-cacomon a{background: url(http://www.cupo.biz/injektor/img/news-list-cacomon.gif) 0 0 no-repeat;}
.news-links a{background: url(http://www.cupo.biz/injektor/img/news-list-links.gif) 0 0 no-repeat;}
.news-backnumber a{background: url(http://www.cupo.biz/injektor/img/news-list-backnumber.gif) 0 0 no-repeat;}


.news-infomation a:hover{background: url(http://www.cupo.biz/injektor/img/news-list-infomation.gif) 0 -84px no-repeat;}
.news-interview a:hover{background: url(http://www.cupo.biz/injektor/img/news-list-interview.gif) 0 -84px no-repeat;}
.news-event a:hover{background: url(http://www.cupo.biz/injektor/img/news-list-event.gif) 0 -84px no-repeat;}
.news-column a:hover{background: url(http://www.cupo.biz/injektor/img/news-list-column.gif) 0 -84px no-repeat;}
.news-cacomon a:hover{background: url(http://www.cupo.biz/injektor/img/news-list-cacomon.gif) 0 -84px no-repeat;}
.news-links a:hover{background: url(http://www.cupo.biz/injektor/img/news-list-links.gif) 0 -84px no-repeat;}
.news-backnumber a:hover{background: url(http://www.cupo.biz/injektor/img/news-list-backnumber.gif) 0 -84px no-repeat;}







#news-list li img.thumb{
	width: 33px;
	height: 46px;
	border: 1px solid #b2b2b2;
	float: right;
	padding: 1px;
	margin: 16px 15px 0 10px;
	background: #fff;
}

.news-list-text{
	padding: 32px  0 0 30px;
	display: block;
	font-size: 10px;
	line-height: 2.0em;
}

.news-list-title{
	font-size: 11px;
	line-height: 1.2em;
}

#news-footer{
	clear:both;
}

.feed-icon{
margin-left:5px;
vertical-align:top;
}

#module-cupo,
#module-recent-number{
text-align:center;
}

.module-content-inner img{
margin:5px auto 10px; 
}

#module-recent-number h3{
font-size:12px;
}

#module-cupo h3{
font-size:10px;
}