@charset "Shift-JIS";
/*------------------ base ------------------*/
html {
	overflow-y:scroll;/*FireFox*/
}

body {
	margin:0;
	padding:0;	
	font-family: Osaka,MSƒSƒVƒbƒN,Verdana, Arial,georgia,helvetica;
	line-height:1.5;
	color:#000;
	text-align:center;
	font-size:80%;
	background:url(../images/body_bg.jpg) ;
}

img{
	border:none;
	vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6,p {
	margin:0;
	padding:0;
	font-weight:normal;
}

strong{font-weight:normal;}

em{font-style:normal;}

table{
	font-size:100%;
}

a{color:#666; text-decoration:none;}
a:hover{color:#FE8B3F;}

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

#header{
	background:#FFF url(../images/header_bg.gif) repeat-x bottom;
}
#header-inner{
	width:760px;
	background:url(../images/content_bg01.gif) repeat-y;
	border-top:2px solid #333;
	border-bottom:5px solid #333;
	margin:0 auto;
	text-align:left;
}
#header h1{font-size:10px;}

#header-logo{
	float:left;
	margin:10px;
	display:inline;
}
#header-contact{
	float:right;
	margin:10px;
	display:inline;
}

#header-menu{
	clear:both;
	height:30px;
	background:url(../images/hmenu_bg.jpg) repeat-x;
	margin:0 1px;
}

#header-menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#header-menu li{
	margin:0;
	padding:0;
	float:left;
}

#header-menu li a{display:block;}

#header-menu li a:hover {background-color:transparent;}

#header-menu li a:hover img{
	visibility:hidden;
}


#container{
	width:760px;
	background:url(../images/content_bg02.jpg) repeat-y;
	margin:0 auto;
	padding:0;
}

#content01 #main{
	width:510px;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
}

#content01 #main-inner{
	width:475px;
	margin:10px auto 0 auto;
	text-align:left;
}

#top-menu ul{
	display:inline;
	margin:0;
	padding:0;
}

#top-menu li{
	display:inline;
	margin:0;
	padding:0;
}

#top-note{
	margin:20px auto 0 auto;
}

#top-note div{
	margin:5px 0;
	background:url(../images/top_note_bg.jpg) no-repeat;
}

#top-note .note{
	margin:0 0 5px 90px;
}

#content01 #side{
	width:250px;
	float:right;
}

#content01 #side-menu{
	width:250px;
	float:right;
	margin:10px 0;
}

#content01 #side-menu p{
	margin:0 0 10px 0;
}

#footer {
	clear:both;
	margin:30px 1px 0 1px;
	padding:0;
	background:#FFF;
	border-top:5px solid #161E4B;
	border-bottom:1px solid #161E4B;
}

#footer ul{
	background:#CCC;
	margin:0;
	padding:5px 0;
	font-size:10px;
}

#footer li{
	display:inline;
	padding:0 5px;
	margin:0;
}

#footer address{
	text-align:center;
	font-style:normal;
	margin:10px 0;
}

.pan{
	margin:5px 0;
}

.table{
width:450px;
margin:10px auto;
border-collapse:collapse;
text-align:left;
}

.table th{
width:30%;
padding:5px;
font-weight:normal;
background:#F0F0F0;
border:1px solid #CCC;
}

.table td{
	width:70%;
	padding:5px;
	border:1px solid #CCC;
}

#tatekae{
	background:url(../images/tatekae/tatekae_cover.jpg) no-repeat bottom;
	padding-bottom:40px;
}

#casetitle{
margin:15px 10px;
background:url(../images/case/icon_title.jpg) no-repeat left center;
border-bottom:1px dotted #CCC;
padding:0 0 0 20px;
font-size:120%;
}

.entry img{
}

.entry-back{
text-align:center;
margin:10px 0;
clear:both;
}

.list01{list-style-type:none;
	margin:5px 0;
	padding:0;
}
	
.list01 li{
	list-style-type:none;
	padding:0 0 0 20px;
	background:url(../images/icon_list01.jpg) no-repeat left center;
}

.list02{list-style-type:none;
	margin:5px 0;
	padding:0;
}
.list02 li{
list-style-type:none;
padding:0 0 0 20px;
background:url(../images/icon_list02.jpg) no-repeat left center;
}

.block{margin:10px 0 40px 0;}

.box{margin:15px 10px;}

.w01{width:310px;}

.right{	text-align:right;}

.center{text-align:center;}
.float-r{float:right;}
.float-l{float:left;}

.t-orange	{color:#FF6600;
font-size:100%;
font-weight:bold;}

.border{border:1px solid #CCC;}

.note{margin:5px;}

.staff-block{
	margin:10px 0 20px 0;
	text-align:left;
	background:url(../images/staff/staff_middle.gif) repeat-y;
	clear:both;
}

.staff-block div{
	padding:10px 10px;
}

.img-note{margin:0 10px;}

/* blog */
.entry-footer{
	font-size:80%;
	padding:3px;
	border-top:1px dotted #CCC;
	text-align:right;
}

.date-header span{
	padding:2px 3px;
	font-size:80%;
	color:#FFF;
	background:#003366;
}

.entry-header{
	font-size:120%;
	padding:5px 5px 5px 25px;
	font-weight:bold;
	background:url(../images/blog/icon.gif) no-repeat left center;
	border-bottom:1px dotted #CCC;
}

.content-nav{
	font-size:80%;
	margin:0 0 10px 0;
}

.entry-body{
	margin:10px;
}

.entry-more p{
	margin:10px;
}

.entry-more-link{
	margin:20px 0;
}


#side-inner{
	width:220px;
	margin:30px auto;
	text-align:left;
}

#side .module-header{
	font-size:100%;
	padding:3px 5px;
	background:#FFF;
	border-top:1px solid #CCC;
	border-left:3px solid #003366;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

div{
    zoom:1;/*for IE 5.5-7*/
}
div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;