/*----------- common */
*{font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#333;
margin:0;padding:0;position:relative;text-decoration:none;border:none;z-index:auto;}
body{margin:0; width:200px;}
a:link{color:#AB1400;}
a:visited, a.visited{color:#666;}
a:hover{color:#2F67B1;}
a:active{}

#title-logo{z-index:15;}
#facebook{z-index:20;}
#index_box{z-index:10;}

/*----------- title */
#title{width:200px;height:40px;border-bottom:2px solid #eee;}
#facebook{width:20px;height:20px;}
#title-logo{position:relative;top:10px;}

/*----------- index_box */
ul{list-style:none;line-height:1.2em;}
#whats_new_title{margin-top:4px;height:23px;}
#index_box,
#whats_new{overflow:hidden;overflow-y:scroll;background:white;}
#index_box{height:400px;margin-bottom:20px;background-color: #d1dae7;}
#whats_new{height:200px;}
#index_box > ul,
#whats_new > ul{width:200px;}
#index_box > ul > li,
#whats_new > ul{margin:4px 0;background:url(images/blue-jeans2.gif);}
#index_box > ul > li > ul{overflow:hidden;}
#index_box > ul > li > ul > li,
#whats_new > ul > li {background:white;padding:0 10px 0 4px;margin-bottom:1px;}
#index_box > ul > li > ul > li.hide{display:none;}
#index_box > ul > li > ul > li.show{display:block;}
#index_box > ul > li.collapsed > span.category_name{background:url(images/collapse.png) no-repeat left top;}
#index_box > ul > li > span.category_name{background:url(images/expand.png) no-repeat left top;}
#index_box > ul > li > ul > li.current{background:#AB1400;}
.category_name, .pages{display:block;color:white;float:left;}
.pages{font-family:georgia,sans-serif;width:20px;font-size:0.5em;}
.category_name{font-weight:bold;font-family:arial,sans-serif;
	text-shadow:2px 2px 0px #000,4px 4px 5px #111;
	width:140px;
	padding:2px 0 2px 20px;font-size:0.8em;cursor:pointer;
}
li.current a, li.current span{color:white;}
.date{font-size:0.6em;font-family:georgia,sans-serif;
	display:none;}
.page_title{font-size:0.8em;cursor:pointer;}
#facebook,
#category_title
	{background: url(images/blue-jeans2.gif);
}
/*------------ link button */
#link_list{width:200px;margin-top:10px;}
#link_list div{margin-bottom:6px;}
#link_list div a{position:relative;}
#link_list div a:active{top:5px;}

/*------------ footer*/
#footer{width:200px;margin-top:8px;}
#footer p{margin-left:50px;font-size:0.6em;color:#244D8C;}
#footer .mail_image{width:47px;float:left;}

#fc2_footer{visibility:hidden;}

/*------------ tools */
/* clearfix */
.clearfix {width:100%;}
.clearfix:after {content: ""; display: block; clear: both;}