body {
		background:#fff url(../images/bg_body.gif) repeat-x;
		font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;
		color:#333;
		line-height:140%;
		margin:0;
		padding:0;
		text-align:center;
	}
	h1{
		font-size:180%;
		font-weight:normal;
		margin:0;
		padding:0 20px;
		}
	h2{
		font-size:160%;
		font-weight:normal;
		}	
	h2.perf{
		font-size:160%;
		font-weight:normal;
		}	
	h3{
		font-size:140%;
		font-weight:normal;
		}	
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:960px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:35px;
		line-height:37px;
		background:#FFC23F;
		color:#fff;
		margin-top:0;
		}				
	#content{
		position:relative;
		}			
	#main {
	width:960px;
	height:360px;
	margin:0;
	padding:0;
	position:relative;
	}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:360px;
		position:relative;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:360px;
		position:absolute;
		left:-30px;
		top:0px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:960px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:360px;
		background:url(../images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


/* コンテンツ */
div#maincontent	{width: 720px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px}

div#maincontent h2	{background-color: #FFFFFF;
	background-image: url(../images/h2_bg_bar.png);
	background-repeat: no-repeat;
	font-size: 1.575em;
	font-style:boid;
	color: #ffffff;
	line-height: 55px;
	padding-left:20px;
	margin-top: 0;
	margin-bottom: 0}

div#maincontent h3	{background-color: #ffffff;
	background-image: url(../images/bar-green.png);
	background-repeat: no-repeat;
	font-size: 0.875em;
	line-height: 23px;
	padding-left: 30px;
	margin-top: 30px;
	margin-bottom: 0}

div#maincontent p	{font-size: 0.75em;
	line-height: 1.6;
	margin-top: 10px}
	
/* メニュー */
div#menutop {
	float:left;
	width:236px;
}


/* サイドバー */
#sidebar	{width: 240px;
	float: right;
	margin-bottom: 25px}

ul.sidemenu	{font-size: 0.75em;
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
	line-height: 0}

ul.sidemenu li	{
list-style-type: none;
}

ul.sidemenu li a	{display: block;
	line-height: 30px;
	text-decoration: none;
	color: #ffffff;
	background-color: #005087;
	border-bottom: solid 1px #ffffff;
	padding-left: 10px}

ul.sidemenu li a:hover	{background-color: #017acd}

/*▼ wrapScroll ナビゲーションメニュー用▼ */
div#drop_menu {
	width: 236px;								/*メニュー階層１幅①	*/
	height: auto;								/*メニュー項目数ｘ32（メニュー1項目の高さ）	*/
	margin-left:0px;
	margin-top:10px;
	position: relative;
	background-color: #ffffff;
	margin-bottom: 0px;
	padding-bottom: 20px}

ul.drop_menu {font-size: 0.75em;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;}
	
ul.drop_menu li { list-style-type:none}


ul.drop_menu li a {
	display: block;
	width: 201px;
	line-height:39px;/*サイドメニューのボタン高*/
	text-decoration: none;
	color: #333333;
	background-image: url(../images/rollover2level.png) ;
	background-repeat:no-repeat;
	border-bottom: solid 1px #ffffff;
	padding-left: 30px;}

ul.drop_menu li a:hover {
	background-position:left bottom;
	margin-top: 0px;}

/*▼ wrapScroll サブ・ナビゲーションメニュー用▼ */
div#drop_menu2 {
	width: 236px;								/*メニュー階層１幅①	*/
	height: auto;								/*メニュー項目数ｘ32（メニュー1項目の高さ）	*/
	margin-left:0px;
	margin-top:10px;
	position: relative;
	background-color: #ffffff;
	margin-bottom: 0px;
	padding-bottom: 20px}

ul.drop_menu2 {font-size: 1.1em;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;}
	
ul.drop_menu2 li { list-style-type:none}


ul.drop_menu2 li a {
	display: block;
	width: 201px;
	line-height:39px;/*サイドメニューのボタン高*/
	text-decoration: none;
	color: #333333;
	background-image: url(../images/rollover2level2.png) ;
	background-repeat:no-repeat;
	border-bottom: solid 1px #ffffff;
	padding-left: 30px;}

ul.drop_menu2 td a {
	display: block;
	width: 201px;
	line-height:39px;/*サイドメニューのボタン高*/
	text-decoration: none;
	color: #333333;
	background-image: url(../images/rollover2level2.png) ;
	background-repeat:no-repeat;
	border-bottom: solid 1px #ffffff;
	padding-left: 30px;}

ul.drop_menu2 li a:hover {
	background-position:left bottom;
	margin-top: 0px;}



/*▲ ナビゲーションメニュー 終了▲ */


#box_item {
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 15px;
	padding-bottom: 15px;
	height: auto;
	background-image: none;
	background-repeat: no-repeat;
	clear: both;
	overflow:auto;
}

div#box_item h3	{background-color:#FFFFFF;
	background-image: url(../images/maru-skyblue.png);
	background-repeat: no-repeat;
	font-size: 1.475em;
	line-height: 23px;
	padding-left: 30px;
	margin-top: 10px;
	margin-bottom: 0}

#footer{
clear:both;
	width:960px;
	height:50px;
	background:url(../images/footer.png);
}

#tooltip{
	position: absolute;
	border: 3px solid #333;
	background: #444;
	padding: 5px;
	color: #FFF;
	display:none;
}

#preview{
	position: absolute;
	border: 3px solid #333;
	background: #444;
	padding: 5px;
	display: none;
	color: #FFF;
	text-align: center;
}

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

.color-red {
	color: #F00;
	font-weight: normal;
}

.color-blue {
	color: #09F;
	font-weight: normal;
}
.color-red_b {
	color: #F00;
	font-weight: bold;
}
.whitefont {
	color: #FFF;
	line-height: 15px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#btnbox-1 {
	margin-top: 47px;
}
#btnbox-2 {
	margin-top: 5px;
}
#btnbox-3 {
	margin-top: 85px;
}
#btnbox-4 {
	margin-top: 20px;
}
#btnbox-5 {
	margin-top: 33px;
}
.box140x100 {
	width: 226px;
}