@charset "EUC-JP";
html {
	height: 100%;
}
body	{
		background-color:#ffffff;
		color:#555555;
		height: 100%;
		font-family:'¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro','¥á¥¤¥ê¥ª',Meiryo,'£Í£Ó £Ð¥´¥·¥Ã¥¯',sans-serif;
		font-size:80%;
		margin:0px;
		padding:0px;
		text-align:center;
		letter-spacing:1px;
}
img	{ border:none; }
h1,h2,h3,h4,h5,form,p,ul,ol,li,div,table,thead,tbody,tfoot	{
		margin:0px;
		padding:0px;
}
a	{
		color:#555555;
		text-decoration:none;
}
a:hover,
a:focus	{
		color:#00B6FE;
		text-decoration:underline;
}
/*=======================================================
#NonFlashContent
=======================================================*/
#NonFlashContent{
	background:url(/bookmark/images/bg-whole.jpg) repeat-x center top;
}

#BOOKMARK-WRAP{
	width:922px;
	margin:0 auto;
	padding-top:30px;
}

#BOOKMARK-WRAP a {
		color:#00B6FE;
}

#CONTENT-WRAP{
	background-color:#FFFFFF;
	padding-bottom:30px;
}

#LEAD{
	width:700px;
	float:left;
	border:1px solid #B3B3B3;
	padding-top:20px;
	padding-bottom:15px;
	text-align:left;
	margin-top:40px;
	margin-left:110px;
	display:inline;
}

#LEAD .box-right{
	width:540px;
	float:right;
	display:inline;
	margin-right:25px;
}

#LEAD p{
	margin-bottom:5px;
}

#LEAD p strong{
	color:#000000;
	font-size:110%;
}

#LEAD p a{color:#00B6FE;}

#LEAD p a:hover,
#LEAD p a:focus{color:#4CCCFE;}

#NonFlashContent #LEAD img{margin-left:20px;}

#NonFlashContent h2{margin-bottom:10px;}

#NonFlashContent #MAIN{
	width:795px;
	margin:0 auto;
	text-align:left;
}

#NonFlashContent #ARTICLES{
	margin-bottom:20px;
}

#NonFlashContent #ARTICLES .article-l {
	float:left;
	width:380px;
	margin-bottom:20px;
}

#NonFlashContent #ARTICLES .article-l p {
	margin-bottom:5px;
	padding-right:20px;
}

#NonFlashContent #ARTICLES .article-l p strong {
	margin-left:10px;
	color:#000000;
}


.box-banner,
.box-banner-r{
	width:165px;
	margin-bottom:40px;
	float:left;
}

.box-banner a img,
.box-banner-r a img{
	border:1px solid #FFFFFF;
	margin-bottom:3px;
}

.box-banner a:hover img,
.box-banner-r a:hover img,
.box-banner a:focus img,
.box-banner-r a:focus img{border:1px solid #00B6FE;}

.box-banner{
	margin-right:42px;
	display:inline;
}

.box-banner span,
.box-banner-r span{
	font-size:85%;
}
.box-banner a,
.box-banner-r{color:#000000;}

.box-banner a:hover,
.box-banner a:focus,
.box-banner-r a:hover,
.box-banner-r a:focus{color:#00B6FE;}

#COPYRIGHT{
	font-size:80%;
	text-align:center;
}

/*
div#NonFlashContent{
 text-align: left;
 padding: 50px;
}
div#NonFlashContent h1{
 font-size: 150%;
 font-family:  Verdana, Arial, Helvetica, sans-serif;
 margin-bottom: 30px;
 color: #000000;
}
div#NonFlashContent h2{
 font-size: 100%;
 font-family:  Verdana, Arial, Helvetica, sans-serif;
 padding: 25px 0px 15px 0px;
 color: #000000;
 clear: both;
}
div#NonFlashContent h3{
 font-size: 95%;
 margin-top: 15px;
 padding: 5px;
 background-color: #F9F9F9;
 color: #232323;
}

div#NonFlashContent p{
 margin-bottom: 10px;

}
div#NonFlashContent table{
 font-size: 11px;
 margin-bottom: 15px;
}
div#NonFlashContent table th{
 border-bottom: #E9E9E9 1px solid;
 border-right: #E9E9E9 1px solid;
 text-align: left;
 font-weight: normal;
 padding: 5px;
 width:80px;
}
div#NonFlashContent table td{
 padding: 5px;
 border-bottom: #E9E9E9 1px solid; 
}


a.worksList{
 display: block;
 width:260px;
 height:230px;
 float: left;
 color: #666666;
 text-decoration: none;
 line-height: 1.2;
}
a.worksList:hover img{
  filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
}

 span.thum{
  background-color: #EEEEEE;
  display: block;
  width:230px;
  height: 150px;
  overflow: hidden;
 }
 span.name{
  display: block;
  width:230px;
  padding-top: 5px;
  font-size: 95%;
 }
 

#COPYRIGHT{
 padding-top: 30px;
 font-size: 11px;
 font-family:  Verdana, Arial, Helvetica, sans-serif;
 text-align: right;
 color: #AAAAAA;
}
*/

.flL{float:left;}
.flR{float:right;}
.pdB20{padding-bottom:20px;}

/*===============================================
clearfix
===============================================*/
.clearfix:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}
.clearfix{
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
*html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
/* end */