/* ------------------------------------------------------------ */
/* for all elements (cross browser) */

body,div,p,h1,h2,h3,th,td,dt,dd,pre,
ul,ol,li,form,fieldset,input,textarea,
header,footer,article,section,nav,aside
{
	
	margin :0;
	padding:0;
	
}

html{overflow-y:scroll;}

textarea,header,footer,article,section,nav,aside{display:block;}

/* ------------------------------------------------------------ */
/* for form elements (cross browser) */

input
{
	
	position:relative;
	vertical-align:middle;
	
}

input[type="radio"],input[type="checkbox"]{top:-2px;}

input[type="submit"],input[type="button"],input[type="reset"]
{
	
	cursor:pointer;
	
	font-size:90%;
	line-height:100%;
	
	width:100px;
	height:20px;
	
	border:1px solid #aaaaaa;
	border-radius:4px;
	
	background-color:#f3f3f3;
	
	background-image:-webkit-linear-gradient(#fcfcfc,#dcdcdc);
	background-image:-moz-linear-gradient(#fcfcfc,#dcdcdc);
	background-image:-ms-linear-gradient(#fcfcfc,#dcdcdc);
	background-image:-o-linear-gradient(#fcfcfc,#dcdcdc);
	background-image:linear-gradient(#fcfcfc,#dcdcdc);
	
}

input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover
{
	
	border:1px solid #999999;
	
	background-color:#eaeaea;
	
	background-image:-webkit-linear-gradient(#f6f6f6,#d6d6d6);
	background-image:-moz-linear-gradient(#f6f6f6,#d6d6d6);
	background-image:-ms-linear-gradient(#f6f6f6,#d6d6d6);
	background-image:-o-linear-gradient(#f6f6f6,#d6d6d6);
	background-image:linear-gradient(#f6f6f6,#d6d6d6);
	
}

input[type="text"]:focus,input[type="password"]:focus
{
	
	background-color:#f3f3f3;
	
}

/* ------------------------------------------------------------ */
/* for elements */

html,body
{
	
	scrollbar-face-color      :#ffffff;
	scrollbar-track-color     :#ffffff;
	
	scrollbar-3dlight-color   :#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	
	scrollbar-arrow-color     :#aaaaaa;
	scrollbar-shadow-color    :#aaaaaa;
	scrollbar-highlight-color :#aaaaaa;
	
}

a{text-decoration:none;}

a:link   {color:#5555ff;}
a:visited{color:#8a2be2;}
a:hover  {color:#3333dd;text-decoration:underline;}

body{background-color:#ffffff;}

body,td,input,textarea,option,pre
{
	
	color:#333333;
	font:small/150% "メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	
}

table
{
	
	table-layout:fixed;
	border-collapse:collapse;
	
	margin:auto;
	width:100%;
	
}

.tr2{background-color:#f8f8f8;}

legend{color:#666666;}

em
{
	
	font-style:normal;
	font-weight:bold;
	
}

ul{list-style-type:none;}

/* ------------------------------------------------------------ */
/* for body */

body
{
	
	width:900px;
	margin:auto;
	
	border-left :1px solid #999999;
	border-right:1px solid #999999;
	
}

/* ------------------------------------------------------------ */
/* for header */

header,footer
{
	
	position:fixed;
	z-index:5;
	
	width:100%;
	height:20px;
	
	color:#ffffff;
	
	font-family:"Lucida Sans Unicode";
	background-color:#444444;
	
}

header
{
	
	top :0;
	left:0;
	
	border-bottom:1px solid #777777;
	
}

header h1
{
	
	color:#ffffff;
	
	font-size:small;
	font-weight:normal;
	
	padding-left:20px;
	
}

#main_title
{
	
	font-size:118%;
	font-weight:bold;
	
	color:#ffffff;
	
}

#sub_title
{
	
	font-size:85%;
	
	margin-left : 5px;
	margin-right:10px;
	
}

#select{font-size:100%;}

#selected{color:#dddddd;}

header a{text-decoration:none;}
header a:link   {color:#ffffff;}
header a:visited{color:#ffffff;}
header a:hover  {color:#dddddd;}

/* ------------------------------------------------------------ */
/* for sidebar */

#sidebar
{
	
	float:right;
	width:180px;
	
	margin-right:15px;
	padding-top :46px;
	
}

#sidebar h2
{
	
	font-size:100%;
	font-weight:normal;
	
	color:#444444;
	border-bottom:1px dashed #666666;
	
}

.square1,.square2
{
	
	position:relative;
	font-size:110%;
	
}

.square1
{
	
	color:#555555;
	
	top :-1px;
	left:-1px;
	
	z-index:2;
	
}

.square2
{
	
	color:#888888;
	
	top :  2px;
	left:-16px;
	
	z-index:1;
	
}

.square2:not(:target){left:-17px\9;}

.h2
{
	
	position:relative;
	left:-18px;
	
}

#sidebar ul{margin:5px 0 14px 20px;}

/* ------------------------------------------------------------ */
/* for main contents */

#content
{
	
	width:650px;
	
	border-right:1px dashed #666666;
	
	margin-left:20px;
	padding:36px 20px 24px 0px;
	
}

#content_date,#content_filter,#content_all,#content_footer{position:relative;}

#content_header
{
	
	color:#444444;
	border-bottom:1px solid #999999;
	
	font-size:100%;
	font-weight:normal;
	
	margin-bottom:5px;
	
	padding-top:10px;
	padding-left:2px;
	
}

#content_mode
{
	
	position:relative;
	
	z-index:3;
	
	top:-5px;
	
	margin-left:5px;
	margin-bottom:-25px;
	
	width:200px;
	
}

#content_date
{
	
	z-index:2;
	
	margin-top:-5px;
	margin-bottom:8px;
	
	text-align:center;
	
	border-bottom:1px solid #aaaaaa;
	
}

#content_filter
{
	
	z-index:3;
	
	margin-top:-28px;
	margin-bottom:8px;
	
	height:20px;
	width:250px;
	
	left:398px;
	text-align:right;
	
	color:#999999;
	
}

#content_main
{
	
	margin-top:-8px;
	padding:0;
	
}

#content_all
{
	
	z-index:4;
	
	float:left;
	
	top:5px;
	left:285px;
	
	margin-top   :-5px;
	margin-bottom:-20px;
	
}

#content_footer
{
	
	z-index:2;
	
	bottom:-5px;
	
	text-align:right;
	padding-right:2px;
	
	color:#999999;
	border-top:1px solid #aaaaaa;
	
}

/* ------------------------------------------------------------ */
/* for footer */

footer
{
	
	clear:both;
	
	left  :0;
	bottom:0;
	
	text-align:right;
	
	border-top:1px solid #777777;
	
}

footer p
{
	
	padding-right:20px;
	margin-top:0px;
	
}

/* ------------------------------------------------------------ */
/* for advertisement */

div[align="center"],center{display:none;}