body{ background: url(../images/bg_ddd.jpg) repeat-x fixed #dddddd; }
#footer{ background: url(../images/bg_000.png) repeat-x #000000; }

.fnt1 { color: #CC1166; }
.fnt2 { color: #990033; }
.fnt3 { color: #CC6600; }
.fnt4 { color: #669900; }
.fnt5 { color: #0066CC; }
.ftn6 { color: #662299; }

.img_right{ float:right; margin: 0 0 1.5em 2em;}
.img_left{ float:left; margin: 0 2em 1.5em 0; }

/* ------------------------------
 __wrapper
------------------------------- */ 

#wrapper { position: relative; width: 850px; margin: 0 auto; padding: 0;
	box-shadow: 0 1px 10px #ddd;        /* CSS3 */
    -webkit-box-shadow: 0 1px 10px #ddd;    /* Safari,Google Chrome */ 
    -moz-box-shadow: 0 1px 10px #ddd;   /* Firefox */
	}

*html #wrapper { background: none; }


/* ------------------------------
 __header
------------------------------- */

#header { width: 850px; }
#header h1 a{ display: block; width: 850px; height: 100px; }	
#header.top { position: relative; height: 400px; }
#header.top h1{ height: 400px; display: block; position: absolute; top:0; left:0; z-index: 200; }
#header.base { background: url(../images/bg_logo.gif) repeat-x #000; }



/* ------------------------------
 __gn
------------------------------- */


#gn { width: 850px; height: 100px; clear: both; font-size: 1.4em; overflow: hidden; background: url(../images/shade_cnt.png) repeat-x 0 60px #fff; }
#gn ul { height: 60px; background-color: #000; }
#gn ul li { float: left; position: relative; }
#gn ul li a { float: left; display: block; margin: 0; padding: 0; height: 60px;
	text-indent: -9999px; background-repeat: none; background-position: center top; }

#gn ul li a.cnt1{ background-image:url(../images/gn_cnt_01.png); width:122px; }
#gn ul li a.cnt2{ background-image:url(../images/gn_cnt_02.png); width:124px; }
#gn ul li a.cnt3{ background-image:url(../images/gn_cnt_03.png); width:143px; }
#gn ul li a.cnt4{ background-image:url(../images/gn_cnt_04.png); width:120px; }
#gn ul li a.cnt5{ background-image:url(../images/gn_cnt_05.png); width:106px; }
#gn ul li a.cnt6{ background-image:url(../images/gn_cnt_06.png); width:98px; }
#gn ul li a.cnt7{ background-image:url(../images/gn_cnt_07.png); width:137px; }

#gn ul li a:hover,
#gn ul li a.active  { background-position: center -100px;}

#gn ul li a.now { background-position: center -200px; color: #666666;}
#gn ul li a.now:hover { cursor: default; }


#global_navi { width: 850px; height: 100px; clear: both; overflow: hidden; background: url(../images/shade_cnt.png) repeat-x 0 60px #fff;  }
#global_navi ul { height: 60px; background-color: #000; }
#global_navi li { float: left; }
#global_navi li a { display: block; height: 60px; overflow: hidden; }
#global_navi li img { border: none;}

#global_navi li a.cnt1{ width:122px; }
#global_navi li a.cnt2{ width:124px; }
#global_navi li a.cnt3{ width:143px; }
#global_navi li a.cnt4{ width:120px; }
#global_navi li a.cnt5{ width:106px; }
#global_navi li a.cnt6{ width:98px; }
#global_navi li a.cnt7{ width:137px; }

#global_navi li a:hover img,
#global_navi li a.active { margin-top: -100px; }

#global_navi li a.now img{ margin-top: -200px; }
#global_navi li a.now:hover { cursor: default; }

* html #global_navi li a:hover { zoom: 1;   /* for IE6 */}


/* ------------------------------
 __contents
------------------------------- */


#contents { padding: 0 25px; overflow: hidden; width: 800px; background-color:#fff; background-repeat:repeat-y; }
#xcontents.bi { background-image: url(../images/bg_sub_right.png); }
#xcontents.bi_sub { background-image: url(../images/bg_sub_left.png); }

#main { width: 780px; min-height: 400px; height: auto !important; height: 100%; }
*html #main { height: 400px !important; }
.bi #main{ width: 580px !important; float: left; }
.bi_sub #main{ width: 580px !important; float: right; margin-right:20px; }

#main h2{ font-size: 1.6em; border-bottom: 5px solid #eee; margin-bottom: 2em; line-height: 30px;}
#main h3{ font-size: 1.4em; margin-bottom: 1.5em; }
#main p{ line-height: 1.75; padding-bottom: 1em;}
#main strong{ font-weight: bold; }

#main .entry{  font-size: 1.2em; padding: 0.5em; }

#topics{ width: 330px; overflow:hidden; float:left; }
#twitter_widget{ width: 230px; overflow:hidden; float:right; }

#topics dl dt{ width:50px!important;}
#topics dl dd{ padding-left: 60px!important; }
	
dl{ font-size: 1.2em; line-height: 1.5; margin-bottom: 2.5em; }
dt,
dd{ padding-top: 1em; padding-bottom: 0.5em; }
dt { width: 70px; padding-left: 5px; padding-right: 25px; }	
dd { padding-left: 100px; _padding-left: 0; _margin-left: 100px; }

dl.list dt,
dl.list dd{ padding-top:0.5em!important; }
dl.list dt{ padding-right:15px;}
dl.list dd{ padding-left:90px; border-bottom:1px dotted #ccc; }
	
dd ul,
dd ul li{ padding: 0 0 0 0; margin: 0 0 0 0; }
dd ul li{ padding-bottom: 0.25em; line-height: 1.5em; }

.ol { text-decoration: overline; }
.odd { background: #f3f3f3; }
.box01 { padding: 20px; text-align: center; }
	
#main table td { font-size: 1em; }

.pageList{ float:right; font-size:1.2em; padding: 5px; color:#ccc; }

#photogallery{ background: #fff; }


/* ------------------------------
 __entry
------------------------------- */

dl.topics dt, 
dl.topics dd {
 	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	}
dl.topics dt, 
dl.topics dd a,
dl.topics dd .nobody{
 	display: block;
	line-height: 3em;
	}
dl.topics dd a:hover { color: #ff6633!important; }

.entry_title {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 2;
	}
.entry_date {
	font-size: 1.2em;
	letter-spacing: 1px;
	padding: 5px 10px;
	margin: 0 0 15px -5px;
	background-color: #eee;
	}
.entry_body{
	font-size: 1.2em;
	padding: 10px 0 40px;
	min-height: 200px;
	height: auto !important;
	height: 100%;
	}

*html .entry_body { height: 200px !important; }

.entry_body p{
	text-indent: 0;
	}
	


/* ------------------------------
 __sub
------------------------------- */

#sub { width:160px; padding:10px; overflow:hidden;}

.bi #sub { float:right; min-height: 200px; height: auto !important; height: 100%; }
.bi_sub #sub { float:left; }

#sub h3 { border-bottom: 5px solid #eee; margin-bottom: 10px; }
#sub p { color: #666; background-color: #fcfcfc; }

li.ban{ padding-bottom:5px; text-align: center; }
	

/* ------------------------------
 __pageNav
------------------------------- */

.pageNav { clear: both; text-align: center; padding: 40px 0; *zoom:1; background:#fff; }

.nav{ padding: 0.25em 0; }
.nav li{ display: inline; }
.nav li.now,
.nav li a{ padding: 0.25em 0 0.25em 1em; }	
.nav li.mono a{ background: none; padding: 0 0 0 0;}


/* ------------------------------
 __footer
------------------------------- */

#footer { clear: both; padding: 40px 20px; color: #eee; font-size: 1.2em;} 
#footer ul{ text-align: center; }