/*
Template Name: Ost Magazine
File: Navigation CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 Unported License</a>
*/

/* メインメニュー
-------------------------------------------------------------------------------------------------- */
#topnav{
	display:block;
	float:right;
	margin-top:22px;
	width:600px;
	font-size:14px;
	font-family: Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, 'メイリオ',Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	}

#topnav ul, #topnav li{
	margin:0;
	padding:0;
	list-style:none;
	}

#topnav li{
	float:right;
	margin-right:30px;
	}

#topnav li li{
	margin-right:0;
	}

#topnav li span{
	display:block;
	margin:5px 0 0 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	color:#999999;
	background-color:#F6F6F6;
	font-weight:normal;
	line-height:normal;
	}

#topnav li a:link, #topnav li a:visited, #topnav li a:hover{
	display:block;
	margin:0;
	padding:20px 0 0 0;
	color:#059BD8;
	background-color:#F6F6F6;
	text-transform:uppercase;
	border-top:2px solid #F6F6F6;
	font-weight:bold;
	}

#topnav ul ul li a:link, #topnav ul ul li a:visited{
	border:none;
	}

#topnav li a:hover, #topnav li.active a{
	color:#999999;
	background-color:#F6F6F6;
	border-top-color:#059BD8;
	}
	
#topnav li li a:link, #topnav li li a:visited{
	width:150px;
	float:none;
	margin:0;
	padding:7px 10px;
	font-size:12px;
	font-weight:normal;
	color:#059BD8;
	background-color:#F6F6F6;
	border:none;
	}
	
#topnav li li a:hover{
	color:#FFFFFF;
	background-color:#999999;
	}

#topnav ul ul{
	z-index:9999;
	position:absolute;
	left:-999em;
	height:auto;
	width:170px;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	}

#topnav ul ul a{width: 140px;}

#topnav li:hover ul{left:auto;}

#topnav li:hover{position: static;}

#topnav li.last{margin-right:0;}


/*
-----------------------------------------------------------------------------
		Left Categories Navigation
-----------------------------------------------------------------------------
*/
.categories {
	padding:0px;
	margin:0px 0px 10px 0px;
	float:left;
	width:220px;
}
.categories h2.heading {
	padding:12px 15px 0px 15px;
	margin:0px;
	background-image:url(../images/categories_bg.gif);
	background-repeat:repeat-x;
	width:190px;
	height:29px;
	color:#FFFFFF;
	float:left;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}

.categories h3{
	background:url(../images/left_navi_bg_levl1.gif);
	background-repeat:repeat-x;
}

.categories h3:hover{
	background:url(../images/left_navi_bg_levl3.gif);
	background-repeat:repeat-x;
}


/* Accordin Menu Start */
.menuheader, .openheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font-size:15px;
	color: #454545;

	margin-bottom:1px;
	height:27px;
	width:203px;
	padding: 10px 0px 0px 15px; /*header text is indented 10px*/
	cursor: pointer;
	clear:both;
	border:#e3e3e3 solid 1px;
	font-weight:normal;
}

.menuheader a:hover{
	background-color: #F3F3F3;
}

.categories ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	float:left;
}

.categories ul li{
	background:url(../images/left_navi_bg_levl1.gif);
	background-repeat:repeat-x;
	width:218px;
	height:37px;
	border:#e7e7e7 solid 1px;
	margin-bottom:3px;
}

.categories ul li a{
	color: #454545;
	font-size:12px;
	background: url(../images/arrowbullet.gif) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 6px 0px 0px 10px;
	text-decoration: none;
	margin-left:15px;
	line-height: 25px;
}

.categories ul li:hover{
	background:url(../images/left_navi_bg_levl3.gif);
	background-repeat:repeat-x;
}

.categories ul li a:visited{
	color: #454545;
}

.categories ul li a:hover{ /*hover state CSS*/
	color: #000;
}




/*-------------------- PRIMARY CONTENT AREA (Sidebar) --------------------*/

.widgetWrapper { width:216px; padding:1px; border:1px solid #e6e6e6; background-color:#fff; position:relative; overflow:hidden; margin-bottom:30px; }
.widget { background:url(../images/gradientbg.gif) repeat-x; position:relative; overflow:hidden;}	
.widgetTitle { padding:15px 28px 15px 15px; border-bottom:1px solid #e9e9e9; }	
.widgetTitle h2{ 	font-size:14px; color:#666; margin-bottom:0px; }		
.widgetContent { padding:15px 15px 15px 15px; border-top:1px solid #FFF; position:relative; overflow:hidden;}		
.widgetContent ul { list-style:none; padding:0px; margin:0px; overflow:hidden; }		
.widgetContent li { list-style:none; padding:0px 0px 10px 0px; }		
.widgetContent a { color:#333; text-decoration:none; }		
.widgetContent a:hover { color:#881477; text-decoration:underline; }	
.widgetContent p { font-size: 12px; }
#twitter_update_list li a, .blogUpdate li a { color:#881477; font-style:italic; }

.h2widgetWrapper { width:216px; padding:1px; border:1px solid #e6e6e6; background-color:#fff; position:relative; overflow:hidden; margin-bottom:10px; }
.h2widget { background:url(../images/gradientbg.gif) repeat-x; position:relative; overflow:hidden;}	
.h2widgetTitle { padding:15px 28px 15px 15px; }	
.h2widgetTitle h2{ 	font-size:14px; color:#666; margin-bottom:0px; }