h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
img{border:none;}
html *{
	font-size:1em;
}
a:link,a:visited{
	color:#69c;
}
strong{

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

body{
	margin:0;
	padding:0;
	/*background:#fff url(img/bg01.jpg) repeat-x; */
	/* background:#ffffff; */
	background:#f8f8f8;
	border-top:4px solid #06f;
	text-align:center;
	font-family: normal arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;

}

#content{
	margin:0px auto;
	padding:0px auto;
	width:780px;
	background:white;
}

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

#header{
	position:relative;
}

#main{
	float:left;
	width:540px;
	background:#fff;
	margin-top:3px;
}

#sidebar{
	float:right;
	width:220px;
	margin-top:20px;
}

#footer{
	clear:both;
	text-align:center;
	border-bottom:4px solid #06f;
	padding-top:40px;
	width:100%;
}

/*-----------------------------------------------------
header detail
-------------------------------------------------------*/

#header h1{
	color:#333;	
	background:url(img/STLOG201101.png) no-repeat;
	height:60px;
}

#header h1 a:link,#header h1 a:visited{
	display:block;
	height:70px;
	color:#000;
	text-decoration:none;
	text-indent:-5000px;
	outline:none;
}
#header .top-navi{
	position:absolute;
	top:0;
	right:15px;
}
/*--global menu ----------------------------------*/

#global-menu{
	background:#fff url(img/gbg201.png) repeat-x;
	border:1px solid #cfcfcf;
	margin:0px;
	padding:2px 0;
	_width:100%;
	overflow:hidden;
	text-align:center;
	color:#333;
}
#global-menu li{
	float:left;
	width:auto;
	height:30px;
	list-style:none;
	line-height:30px;
	font-weight:bold;
	border-right:2px solid #cfcfcf;

}

#global-menu li a:link,#global-menu li a:visited{
	display:block;
	margin:0px 2px;	
	padding:0 30px;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	outline:none;
	
}

#global-menu li a:hover,#global-menu .current a:link,#global-menu .current a:visited{
	color:#fff;
	background:url(img/gbg291.png) repeat-x;
}

/*--------------------------------------------------
  CONTENT detail
----------------------------------------------------*/

/*#main******************************/

.path{
	margin:8px 0;
	background:url(img/ico03.gif) no-repeat 4px 8px;
	padding:5px 1em 10px 20px;
	font-size:12px;
}
.path a:link ,.path a:visited{
	color:#000;
}
.path span{
	padding:0 4px;
}

#main .title_image{
	border:1px solid #cfcfcf;
}
#main .infobox{
	margin-top:2px;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #cfcfcf;
}
#main .infobox .date{
	color:#556584;
	padding-right:1em;
}
#main .infobox h2{
	margin:0px;
	border-width:0 0 1px 0;
	/* padding-left:30px; */
	/* background:url(img/ico01.gif) no-repeat 8px 50%; */
	background:url(img/hbg01.jpg) repeat-x;
}

#main .infobox ul{
	font-size:90%;
}
#main .infobox li{
	list-style:disc url(img/ico02.gif);
}
#main .article-body{
	margin:1em 0.5em 0 1em;
}
#main h2{
	font-size:90%;
	color:#666;
	padding:8px 0px 8px 10px;
	margin-top:25px;
	background:url(img/hbg01.jpg) repeat-x;
	border:1px solid #cfcfcf;
	border-left:6px solid #06f;
	padding-left:8px;
}
#main h2 strong{
	border-left:6px solid #06f;
	padding-left:8px;
}
#main h3{
	margin:1em 0;
	color:#556584;
	font-size:0.9em;
	padding:8px 0px 8px 10px;
	border-left:7px solid #afafaf;
	border-bottom:1px solid #cfcfcf;
}
#main p{
	line-height:1.6;
	font-size:0.9em;
}
#main .list1{
	font-size:0.9em;
}
#main .list1 li{
	list-style:disc url(img/ico04.gif);
}

.thanks{
	font-size:0.9em;
	padding:20px 40px 8px 10px;
}

.essential{
	font-size:0.8em;
	color:#ee0000;
}

/*sidebar detail *******************************/

#sidebar h4{
	// background:#fff url(img/bg-sidem01.png) no-repeat;
	border:1px solid #cfcfcf;
	padding:8px 10px 8px 30px; 
	color:#333;
	font-size:12px;
}
#sidebar ul{
	padding:6px 15px 15px 15px;
	margin:0 0 15px 0;
}
#sidebar li{
	margin:0 0 1px 0;
	border:1px solid #cfcfcf;
	padding:2px;
	list-style:none;
}
#sidebar li a:link,#sidebar li a:visited{
	font-size:12px;
	color:#444;
	text-decoration:none;
	outline:none;
}
#sidebar li a:hover{
	text-decoration:underline;
	color:#69c;
}


/*footer detail****************************/
#footer address{
	width:780px;
	margin:0 auto;
	font-style:normal;
	font-size:12px;
	border-top:1px solid #cfcfcf;
	color:#666;
	text-align:center;
	padding:10px 0px 20px 0px;
}

/**********clearfix*******************
子要素のfloatを解除するCSSクラス　
必要に応じて使用・削除してください。
**************************************/
.clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.default_table {
	background-color:#d0d0d0;
	width:100%;
	border-spacing:1px;
	margin:4px;
}

.default_table th{
	background-color:#d0d0ff;
	font-weight:normal;
	font-size:small;
	margin:4px;
}

.default_table td{
	background-color:#ffffff;
	font-size:small;
	margin:6px;
	padding:6px;
}


/*sidebar detail *******************************/

#leftimage h4{
	background:#fff url(img/mandelbrat.png) no-repeat;
	// border:1px solid #cfcfcf;
	padding:8px 10px 8px 30px;
	color:#333;
	font-size:12px;
}
#sidebar ul{
	padding:6px 15px 15px 15px;
	margin:0 0 15px 0;
}
#sidebar li{
	padding:4px;
	list-style:none;
}
#sidebar li a:link,#sidebar li a:visited{
	font-size:12px;
	color:#444;
	text-decoration:none;
	outline:none;
}
#sidebar li a:hover{
	text-decoration:underline;
	color:#69c;
}
/*footer detail****************************/

#footer address{
	width:780px;
	margin:0 auto;
	font-style:normal;
	font-size:12px;
	border-top:1px solid #cfcfcf;
	color:#666;
	text-align:center;
	padding:10px 0px 20px 0px;
}

.item_image {
	padding:0px 10px 10px 10px;
	float:left;
}
.item_desc{
	padding:0px 10px 10px 10px;
}

#contactbuttons{
	text-align:center;
}