@import url(style02.css);
@import url(style03.css);








/* Layout ----------------------------------------------------- */




html,body,div,
ul,ol,li,dl,dt,dd,img,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin: 0;
    padding: 0;
}




#container,#container-inner,#header,#header-inner,#content{
    margin: 0;
    padding: 0;
}




#container-inner {
    width: 850px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}




#content {
    margin: 0;
    padding: 0;
}




#container a	{	color: #333333000;	}




#content-inner {
    margin: 0;
    padding: 0;
}




#content-inner {
    width: 850px;
    margin: 0;
    padding: 0;
	background-color: #fff;
}




#alpha-inner {
    width: 650px;
    display: inline;
    float: left;
	margin: 20px 20px 20px 0px ;
	background-color: #fff;
}




#beta-inner {
    width: 160px;
    float:right;
	margin: 20px 0px 20px 20px ;
	background-color: #fff;




}




#alpha-inner-tp {
    width: 530px;
    display: inline;
    float: left;
	margin: 20px 20px 20px 0px ;
	background-color: #fff;
}








#beta-inner-tp {
    width: 280px;
	margin: 20px 0px 20px 20px ;
    float:right;
	background-color: #fff;
}








#content-inner a img	{ 
	border: none;
filter: alpha(opacity=100);
-moz-opacity: 1.00;
opacity: 1.00;
}




#content-inner a:hover img{
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
}




/* Footer ----------------------------------------------------- */




#footer {
	margin: 0 auto;	
	padding: 0;	
	font-size: 12px
}








#footer-inner	{	
    width: 850px;
	border-top: dotted 1px #333333;	
	background: #ffffff;	
	padding: 10px 10px 0px 0px;
	margin-top: 20px;
	text-align: right;
}




#footer-navi {
}




#footer-navi ul {
	float: left;
	margin: 0;
	padding: 0px;
	list-style: none;
}




#footer-navi li {
	float: left;
	padding: 0px 5px;
	border-right: 1px dotted #ccc;	
}




#footer-navi li.last{
	border: none;
}




#footer-copyright {
	margin: 5px 0px 10px 0px;
	clear: both;
	font-size: 10px;
}








/* Header ----------------------------------------------------- */




#header	{ 
	position:relative;
	margin: 0 auto;	
	padding: 0;	
	background: url(images/header-bg.gif) top left no-repeat;
}




#header-inner	{ 
    width: 850px;
	height: 60px;
	margin: 0;	
	padding: 0;	
}




#header-inner a img	{ 
	border: none;
}




#header-logo	{	
	position:absolute;
	top: 15px;
	left: 5px;
}




#header-navi	{	
	position:absolute;
	top: 15px;
	left: 500px;
	font-size: 10px
}








#header-search	{	
	position:absolute;
	top: 15px;
	right: 5px;
}
 




#header-navi ul {
	float: left;
	margin: 0;
	padding: 0px;
	list-style: none;
	font-size: 10px
}




#header-navi li {
	float: left;
	padding: 0px 5px;
	border-right: 1px dotted #ccc;	
}




#header-navi li.last{
	border: none;
}








/* Navigation -------------------------*/




.nav	{
    width: 850px;
	height: 26px;
	margin: 0px;	
	padding: 0px;	
	border-top: 1px dotted #cccccc;	
	border-bottom: 1px dotted #cccccc;	
	background-color: #fff;
	float: left;
    font-size: 12px;
	font-family: Arial,Verdana,sans-serif;
}




.nav ul {
	/*width: 648px;*/
	height: 26px;
	float: left;
	margin: 0;
	padding: 0px;
	list-style: none;
}




.nav li {
	float: left;
	padding: 0px 12px;
	border-right: 1px dotted #ccc;	
	position: relative;
	z-index: 1;
}




.nav li.last {
	background:none;
}




.nav li:hover {
	z-index:2;
}




.nav li a {
	display: block;
	line-height: 26px;
	overflow: hidden;
	float: left;
	text-decoration: none;
	color: #333333;
}




.nav li.first a{
	color: #333333;
	text-decoration: none;
}




.nav li a:hover,
.nav li.hover a,
.nav li:hover a {
	color: #333333;
	text-decoration: none;
}




.nav li a:hover {
	color: #333333;
	text-decoration: underline;
}




.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}




.nav li .sub {
	display: none;
	position: absolute;
	top: 17px;
	left: -1px;
	width: auto;
	padding-top: 9px;
}




.nav li ul {
	background: #fff url(images/navi-bg.gif) repeat-y;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0px;
	list-style: none;
	font-size: 12px;
}




.nav li:hover li,
.nav li.first li {
	width: 100%;
	padding: 0;
	margin: 0;
	border-left: 1px #ccc dotted;
	border-right: 1px #ccc dotted;
	border-bottom: 1px #ccc dotted;
	background: none !important;
}




.nav li:hover li a,
.nav li.first li a {
	color: #333333;
	background: none !important;
	line-height: normal;
	width: 125px;
	padding: 5px 3px 3px;
	text-indent: 1px;
	text-decoration: none;
}




.nav li:hover li a:hover,
.nav li.first li a:hover {
	color: #333333;
	background: #fff !important;
	text-decoration: underline;
	line-height: normal;
}




/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	color: #fff;
	background: #fff !important;
	text-decoration: none;
	line-height: normal;
}
















/* MainNavigation ----------------------------------------------------- */




#main-navigation	{
    width: 850px;
	height: 20px;
	margin: 0px;	
	padding: 0px;	
	border-top: 1px dotted #cccccc;	
	border-bottom: 1px dotted #cccccc;	
	background-color: #fff;
}




#main-navigation ul	{	
	margin: 0;	
	padding: 0;	
    list-style: none;
}




#main-navigation ul li {
    float:left;
    width: 80px;
}




#main-navigation ul li a {	
	border-left: none;	
	border-right: 1px dotted #ccc;	
    display: block;
    text-align: center;
    text-decoration: none;
	height: 100%;
}




#main-navigation ul li a:link,
#main-navigation ul li a:visited {




}




#main-navigation ul li a:hover {
    color: #333333;
}




#top-image  {
	margin: 0;	
	padding: 0;	
    width: 780px;
}








/* Side Bar ----------------------------------------------------- */




#side-bar	{	
	font-size:12px;	
}




#side-bar h2	{	
	font-size:12px;	
	border-left: 4px solid #CC0000;	
	line-height: 1.4;	
	padding: 0 7px;	
	display: inline;
}




#side-bar ul	{	
	margin: 0;	padding: 0;	
	list-style-type: none;	}




#side-bar li	{	
	border-bottom:1px dotted #cccccc;	
	padding:0px 0px 3px 0px;	
	padding: 8px 10px;	}




#side-bar a {
    text-decoration: none;
}




#side-bar a:hover {
    text-decoration: underline;
}












/* News ----------------------------------------------------- */




#news	{	display: inline-block;	}
#news h2	{
font-size:100%;color:#000000;
border-bottom:1px dotted #cccccc;
padding:0px 0px 5px 5px;	
}
#news ul	{	margin: 0;	padding: 0;	list-style-type: none;	}
#news li	{	padding: 8px 10px;	}
#news .even	{	background-color: #d3e1ea;	}












/* Diary ----------------------------------------------------- */
#blog	{	border: solid 1px #333333;	display: inline-block;	}
#blog h2	{	background-color: #333333;	color: #ffffff;	padding: 3px 10px;	}
#blog h3	{	margin: 10px 10px 0;	clear: both;	}
#blog p	{	margin: 5px 10px;	}
#blog p img	{	float: left;	margin: 0 5px 5px 0;	}
#blog p.more	{	clear: both;	text-align: right;	}
















/* カテゴリー記事 */




h2.bk-title{
font-size:100%;
color:#000000;
border-bottom:1px dotted #cccccc;
padding:0px 0px 5px 5px;
}