@charset "UTF-8";

/* index08011507
---------------------------------
*default
*layout
*--
*category
*center
*sidenavi1
*sidenavi2
*footer
---------------------------------
*/


/*2-3column change 
==============================*/

/*-- 3column --*/
#center { width : 510px ; }



/*-- 2column 

#sidenavi2 { display : none;}
#center { width :660px ; }--*/

/*default
==============================*/

* {
	padding: 0px ;
	margin: 0px ;
	font-size: 12px ;
	line-height: 1.5 ;
}

.clear {
	clear: both ;
}

img {
	border: 0px ;
}

li {
	list-style-type: none ;
}

hr {
	margin: 10px auto;
}

/* table  */

table {
	font-size: 100% ;
	border-collapse: collapse;
}

table.normal {
	width: auto ;
}

table.wide {
	width: 95% ;
}

th, td {
	border: 1px solid #d2d2d2 ;
}

td {
	padding: 3px ;
}

th {
	padding: 3px ;
	background: #f0f0f0 ;
}

/* form */
textarea {
	font-size: 12px ;
}

/* link */

a:link, a:visited {
	color: #039 ;
	text-decoration: none ;
}

a:active, a:hover {
	color: #006 ;
	text-decoration: underline;
}

/* layout
==============================*/

/*-- all --*/

body {
	font-size: 12px ;
	color: #333 ;
	text-align: center ;
	background: url(images/bg.jpg) center top no-repeat;
	background-attachment: fixed ;
}

#container {
	position: relative;
	width: 850px ;
	margin: auto ;
	text-align: left ;
}

#sidenavi1, #center, #sidenavi2 {
	margin-top: 10px ;
}

/*-- header --*/

#header {
	position: relative ;
	height: 150px ;
	background: url(images/header.jpg) left top no-repeat;
}

/*-- category --*/

#category {
	width: 100% ;
	padding: 5px 0px 5px 5px;
	overflow: hidden ;
	text-align: center ;
	background: url(images/g_nabi_bg.gif) repeat ;
}

#container > #category {
	width: auto ;
}

/*-- header --*/
#sidenavi1 {
	float: left ;
	clear: both ;
	width: 160px ;
	margin-right: 10px ;
}

/*-- center --*/


#center {
	float: left ;
}

.content {
	padding-left: 10px ;
}

/*-- sidenavi2 --*/

#sidenavi2 {
	float: right ;
	width: 160px ;
	margin-left: 10px ;
}

/*-- footer --*/


#footer {
	clear: both ;
	height: 70px ;
	padding-top: 10px ;
	padding-left: 10px ;
	margin-top: 20px ;
	background: url( images/footer.gif ) left top no-repeat;
}

#container > #footer {
	height: 70px ;
}

/* header
==============================*/

/*-- default setting --*/
#header img, #header h1, #header h2, #header p {
	position: absolute ;
	font-weight: normal ;
}

/*-- logo --*/
#header img {
	top: 25px ;
	right: 10px ;
}

/*-- h1 --*/

#header h1 {
	left: 10px ;
	top: 2px ;
}

/*-- h2 --*/

#header h2 a:link,
#header h2 a:visited,
#header h2 a:hover,
#header h2 a:active {
	position: absolute ;
	height: 150px ;
	width: 850px ;
	padding-top: 2px ;
	padding-right: 10px ;
	color: #333 ;
	text-decoration: none ;
	display: block ;
	text-align: right ;
}

#container > #header h2 a {
	height: 148px ;
	width: 840px ;
}

/*-- p --*/

#header p {
	left:210px ;
	top: 110px ;
}

/* category
==============================*/

/*-- ul --*/
#category ul li {
	float: left ;
	width: 120px ;
	text-align: center ;
}

/*-- li --*/

#category ul li a:link,
#category ul li a:visited {
	height: 24px ;
	margin: 1px auto ;
	line-height: 24px ;
	text-decoration: none ;
	display: block ;
	background: url(images/g_navi.gif) no-repeat top left ;
}

#category ul li a:hover,
#category ul li a:active {
	background-position: 0px -24px ;
}

/* center
==============================*/

/*-- article --*/

.content img {
	margin: 5px ;
}

.content h3, .content h4 {
	clear: both ;
	height: 30px ;
	padding-left: 15px ;
	margin-bottom: 1em ;
	margin-left: -10px ;
	line-height: 30px ;
	background: url(images/hl.gif) no-repeat ;
}

.content h3 a, .content h4 a {
	height: 30px ;
	line-height: 30px ;
	text-decoration: none ;
	color : #000 ;
}

/*-- new --*/

.content .whats {
	padding-bottom: 5px ;
	border-bottom: 3px double #ccc ;
}

.content h5 {
	height: 30px ;
	padding-left: 15px ;
	line-height: 30px ;
	background: url(images/new_head.gif) top center no-repeat ;
}

.content .whats p {
	padding-left: 10px ;
	border-bottom: 1px solid #e5e5e5 ;
	background: url(images/arrow.gif) left center no-repeat ;
}

.content p {
	margin-bottom: 0.5em ;
}

.content ul {
	margin: 15px ;
}

/* sidenavi1
==============================*/

#sidenavi1 h3, #sidenavi1 h4, #sidenavi1 h5,
#sidenavi1 h3, #sidenavi2 h4, #sidenavi2 h5 {
	height: 30px ;
	padding-left: 10px ;
	line-height: 30px ;
	background: url(images/side_cat.gif) left top no-repeat ;
}

#sidenavi1 ul, #sidenavi2 ul {
	margin-bottom: 15px ;
}

#sidenavi1 li a:link,
#sidenavi1 li a:visited, 
#sidenavi2 li a:link,
#sidenavi2 li a:visited {
	height: 25px ;
	padding-left: 10px ;
	line-height: 25px ;
	text-decoration: none ;
	display: block ;
	background: url(images/side_navi.gif) left top no-repeat ;
}

#sidenavi1 li a:hover,
#sidenavi1 li a:active,
#sidenavi2 li a:hover,
#sidenavi2 li a:active {
	background-position: 0px -25px ;
}

#sidenavi1 img,
#sidenavi2 img {
	margin: 5px ;
}

/* footer
==============================*/

#footer h3{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 10px;
	color: #999;
}

#footer p{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 10px;
	font-weight: normal ;
	color: #999;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	font-size: 10px ;
	font-weight: normal ;
	color: #999;
	text-decoration: none;
}

#footer .rss{
	width: 40px;
	padding: 1px;
	border: solid 1px #bbbbbb;
}

#footer .rss a{
	height: 13px;
	width: 100%;
	font-size: 9px;
	color: black;
	display: block;
	background-color: #bbbbbb;
}

#footer .rss-format{
	padding: 0.5px;
	font-size: 10px;
	background-color: #FFB74C;
}

#footer .rss-version{
	padding: 0.5px;
	font-size: 10px;
	background-color: #BBBBBB;
}

#footer img{
	float: left;
	padding: 5px 5px 5px 0px;
	margin-right: 10px;
}