/*
	project: iFFnternet encyclopedia
	author: luka cvrk (www.solucija.com)
*/

:link,
:visited { 
text-decoration:none 
} 
:focus,:active { 
outline: 0 
} 
ul,ol { 
list-style:none 
} 
h1,h2,h3,h4,h5,h6,pre,code { 
font-size:1em; 
} 
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { 
margin:0; padding:0 
} 
a img,:link img,:visited img, fieldset { 
border:none 
} 
address { 
font-style:normal 
}
body { 
font: .8em "MS Gothic", Verdana, Helvetica, sans-serif; 
font-family :verdana,ＭＳ ゴシック;
letter-spacing : 1px;
line-height : 18px;
color: #331F00;  
background: #EFE9D3 url() repeat-x; 
}

a { 
color: #AF1515; 
cursor: pointer; 
font-size : 11px;

}
a:hover { 
color: #F6BFA7; 
}

.font2{
font-size : 10px;
font-weight: bold;
color :#cc0000;
}
.font3{
font-size : 12px;
font-weight: bold;
color :#cc0000;
}
br { letter-spacing:0; }
h1 { 
font-size: 3em; 
clear: both; 
margin: 0 0 5px; 
}

h2 { 
font: normal 1.6em Arial; 
color: #3D3C3B; 
margin: 0 0 15px; 
}
h2#slogan { 
font-size: 1.3em; 
color: #808080; 
}

p  { 
margin: 0 0 0px; 
line-height: 1.7em; 
}
.clear { clear: both; }
.wrap { margin: 0 auto; width: 751px; }
.background { background:#AF1515; }

.background2 { background:#ffffff; }

#logo { float: left; margin: 40px 0 0; }
#feature{ color: #33617F; 
float: right; 
background: #ffffff; 
width: 750px; 
height: 160px; 
margin: 0 0 40px; 
font-size: 1.1em; 
font-style: italic; 
padding: 10px 10px 2px; }
#feature img { float: left; margin: 0 20px 0 0; }
#feature p { margin: 10px 0 0; }
	.more { font-size: .74em; 
			font-weight: bold; 
			margin: 0 5px 0 0; 
			color: #390505; 
			font-style: normal; }

#feature_menu { float: right; }
	#feature_menu li { display: inline; }
	#feature_menu li a { 
	color: #FFFFFF; 
	float: center; 
	padding: 6px 21px 8px 21px; 
	margin: 0 0 0 0px; 
	background: #cc0000 ; 
	font-size: .9em; 
	font-weight: bold; }
#feature_menu li a:hover { color: #FFFFFF; background:#FCC0A7 no-repeat center bottom;}
#feature_menu li a.current { color: #AF1515; background:#cc0000 url(../images/menu/menu_03.gif) no-repeat center bottom; }

/*左側*/
	
#left { 
float: left; 
width: 155px; 
margin: 0px 5px 10px;
background:#ffffff; 
}

/*フォントについて*/
text-align: justify; }
		#left h2 { color: #52A9BA; }
		#left h2 a { border-bottom: 1px dotted #ACCADE; padding: 0 0 3px; }
		#left .more { color: #7EA4BC; }
	.subtitle { 
	font-weight: bold; 
	font-style: italic; 
	font-size: 1.1em; 
	margin: 0 0 4px; } 
	.date { 
	background: #fff; 
	padding: 5px 0; 
	border-right: 1px solid #D3EAFA; 
	border-bottom: 1px solid #D3EAFA; 
	color: #ccc; 
	float: left; 
	width: 55px; 
	margin: 7px 12px 5px 0; 
	text-align: center; }
	.date span { font-size: 1.6em; }
	
/*右側*/
		
	
#side { float: right; 
		width: 570px; 
		margin: 0 0 30px; 
		font-size: .9em; 
		background: #ffffff;}
	#side h3 { color: #ccc; margin: 0 0 6px 5px; height: 16px; }

.boxtop { background:#ffffff; padding: 2px 0;}
.box { padding: 10px 10px; 
		background: #ffffff; }
.boxbottom { background:#ffffff; padding: 2px 0; }



.item { 
font-size: .94em; 
display: block; 
color: #ccc; 
background: #fff url() no-repeat; 

pfding: 4px 10px; 
margin: 0 0 5px; }
	.item.last { margin: 0; }
	.item:hover { 
	background: #fff url() no-repeat bottom; 
	color: #fff; }
	.item strong { color: #FFFAD3; line-height: 27px; }
		.sidedate { 
		float: left; 
		width: 35px; 
		text-align: center; 
		padding: 4px 9px 0 0; 
		font-size: 1.6em; 
		margin: 0 12px 0 0; 
		border-right: 1px dotted #808080; }
		.sidedate span { font-size: .6em; font-weight: bold; color: #808080; }

#ad { 
	background: url(../images/dot.gif) repeat-x; 
	padding: 15px 0 10px; 
	clear: both; 
	font: 1em "Trebuchet MS", Verdana, Helvetica, sans-serif;  
	line-height: 1.7em;  }

#font { 
	clear: both; 
	font: 1em "Trebuchet MS", Verdana, Helvetica, sans-serif;  
	line-height: 1.7em;  }
	
#promo { 
clear: both; 
border-top: 0px solid ; 
background: #EFE9D3 url(../top/footer.gif) no-repeat center top; 
color: #BF0B10; 
font-size: .84em;
padding: 3px 0 0 0; }
	#promo h2 { color: #fff; }
	#promo a { color: #fff;font-size : 10px; }
	#promo a:hover { color: #cc0000; }
	.col { float: right; width: 28px; margin: 0 30px 20px 0; }
		.last { margin: 0; }
#footer { clear: both; padding: 5px 0;  color: #EFE9D4; border-top: 1px dotted #EFE9D3; }

/*画像効果*/

img.double-border {
	border: 1px solid #ddd;
	padding: 1px; /*Inner border size*/
	background: #fff; /*Inner border color*/
}
A.img:LINK{color :#6D4E0D;font-weight: bold;font-size : 10px;}
A.img:visited{color:#6D4E0D;font-weight: bold;font-size : 10px;}
A.img:active{color:#FFFFFF;font-weight: bold;font-size : 10px;}
A.img:hover {color:#FFFFFF;font-weight: bold;font-size : 10px;position:relative; top:1px; left:1px;}

.font4{
font-size : 10px;
color :#CC0000;
}
.font5{
font-size : 10px;
color :#331F00;
}
/*ページャー*/
ul{border:0; margin:0; padding:0;}
#pagination-flickr li{
display:inline; 
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
}
#pagination-flickr a{
border:solid 1px #FF6000;
margin-right:2px;
}
#pagination-flickr .previous-off,
#pagination-flickr .next-off {
color:#DDDDDD;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
#pagination-flickr .next a,
#pagination-flickr .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
#pagination-flickr .active{
color:#FF6000;

font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-flickr a:link,
#pagination-flickr a:visited {
color:#6D4E0D;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-flickr a:hover{
border:solid 1px #666666;
background-color: #FF6000;
}

/*--mailform--*/
	#stylized{
		border:solid 2px #b7ddf2;
		background:#ebf4fb;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #FCC0A7;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(img/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}





/*--java--*/

:focus {
	outline:none;
}

ul {
	list-style-type:none;
}

.revolver, ul {
	width : 550px;
	height : 140px;
	border : 1px solid white;
	position : relative;
	overflow : hidden;
	margin:0;
	padding:0;
}

.revolver div, li {
	position:absolute;
	width:88px;
	height:105px;
}

.revolver img {
	width:100%;
	height:100%;
	border:0;
}


/*--mailform--*/
button{border:0; margin:0; padding:0;}

.myform{
	margin:0 auto;
	width:500px;
	padding:14px;
}

	#stylized{
		border:solid 4px #FCC0A7;
		background:#FFFFCC;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#000000;
		margin-bottom:20px;
		border-bottom:solid 1px #dd0000;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #FCC0A7;
		width:300px;
		margin:2px 0 20px 10px;
	}
	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(../img/button2.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}