@import "reset.css";
@import "fonts.css";
@charset "UTF-8";

/*-----------------------------------------------------------------------------
Primary Style Sheet

author:    nide.Inc
website:   http://www.nide.jp/

-----------------------------------------------------------------------------*/
html {width:100%;height:100%;}
body {
	width:100%;
	height:100%;
	color:#e5edf0;
	background-color:#003443;
}
p {margin:6px 0;line-height:1.5em;}
a{	
	outline:0;
	text-decoration:none;
	/*cursor:pointer;*/
	color:#e5edf0;
}
a:link{
	color:#e5edf0;
}
a:visited{
	color:#e5edf0;
}
a:hover{
	text-decoration:none;
	color:#dae9ed;
}
p a{padding:0 2px;text-decoration:none;cursor:pointer;}
img{margin:0;padding:0;border:none;}

/**forPNG**/
.iepngfix {  
	behavior: expression(IEPNGFIX.fix(this));  
} 

/* Conteiner ----------------------------------------------------------------*/
#container {
	visibility: hidden;
	position:relative;
	display:block;
	width:100%;
	padding:0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#container-inner {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
}

/* --------------------------------------------------------------------------*/
/* header -------------------------------------------------------------------*/
.header {
	font-size: 70%;
	height: 165px;
}
#sitetitle h1 a{
	background-image: url(../image/sitetitle.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	float: left;
	height: 163px;
	width: 163px;
}
#sitetitle h1 a:hover{
	background-position: 0px -163px;
}
#sitetitle #info{
	background-image: url(../image/companyinfo.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	float: right;
	height: 163px;
	width: 165px;
}
#concept h2 {
	background-image: url(../image/concept.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 163px;
	width: 328px;	
}
#navigation .navi_layout{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1a4956;
}
#navigation #navi_1 a{
	background-image: url(../image/navi_1.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 24px;
	width: 163px;	
}
#navigation #navi_1 a:hover{
	background-position: 0px -24px;
}
#navigation #navi_2 a{
	background-image: url(../image/navi_2.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 22px;
	width: 163px;	
}
#navigation #navi_2 a:hover{
	background-position: 0px -22px;
}
#navigation #navi_3 a{
	background-image: url(../image/navi_3.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 22px;
	width: 163px;	
}
#navigation #navi_3 a:hover{
	background-position: 0px -22px;
}
#navigation #navi_4 a{
	background-image: url(../image/navi_4.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 22px;
	width: 163px;	
}
#navigation #navi_4 a:hover{
	background-position: 0px -22px;
}
#navigation #navi_5 a{
	background-image: url(../image/navi_5.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 22px;
	width: 163px;	
}
#navigation #navi_5 a:hover{
	background-position: 0px -22px;
}
#navigation #navi_6 a{
	background-image: url(../image/navi_6.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 22px;
	width: 163px;	
}
#navigation #navi_6 a:hover{
	background-position: 0px -22px;
}
#navigation #navi_7 a{
	background-image: url(../image/navi_7.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 23px;
	width: 163px;	
}
#navigation #navi_7 a:hover{
	background-position: 0px -23px;
}


/*pagenavi*/
#pagenavi{
	height: 165px;
}
#pagenavi #navi_prev{
	background-color: #003443;
	height: 163px;
	width: 163px;
	float: left;
	display: block;
	background-image: url(../image/bg_prev.gif);
}
#pagenavi #navi_prev a{
	background-image: url(../image/prev.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 163px;
	width: 163px;
	float: left;
}
#pagenavi #navi_prev a:hover{
	background-position: 0px -163px;
}
#pagenavi #navi_next{
	background-color: #003443;
	height: 163px;
	width: 165px;
	float: right;
	display: block;
	background-image: url(../image/bg_next.gif);
}
#pagenavi #navi_next a{
	background-image: url(../image/next.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 163px;
	width: 165px;
	float: right;
}
#pagenavi #navi_next a:hover{
	background-position: 0px -163px;
}
/**/
#totop #navi_top{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#totop #navi_top a{
	font-style: italic;
	text-decoration: underline;	
}
#totop #navi_top a:hover{
	font-style: italic;
	text-decoration: none;	
}
/**/
#credit #credittext {
	font-size: 80%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#credit #credittext a{
	font-style: italic;
	text-decoration: underline;	
}
#credit #credittext a:hover{
	ont-style: italic;
	text-decoration: none;	
}

/* --------------------------------------------------------------------------*/
/* pagebody -----------------------------------------------------------------*/
#pagebody {
	position:relative;
	left:0;
	height:1px;
}
#grid {
	position:absolute;
	width:auto;
	left:0;/*追加 hack for win ie6 */
}
#grid div.column_over{
	/*cursor:pointer;*/
}
#grid div.column_over2{
	cursor:pointer;
}
#grid div.item{
	position:absolute;
	width:165px;
	text-align:left;
	background-color: #1a4956;
	
}
#grid div.item div.body{
	line-height: 1.2em;
	background-color: #003443;
	margin: 1px;
}
/* --------------------------------------------------------------------------*/
/* detail -----------------------------------------------------------------*/

#grid div.item div.body .detail{
	margin-right: 15px;
	margin-bottom: 18px;
	margin-left: 15px;
}
#grid div.item div.body .title h3{
	background-color: #003443;
	padding-top: 12px;
	font-weight: bold;
}
#grid div.item div.body .date{
	margin-top: 13px;
	font-style: italic;
	font-size: 80%;
}
#grid div.item div.body .url{
	font-size: 85%;
	margin-top: 12px;
	color: #4aa3bd;
	font-style: italic;
}
#grid div.item div.body .url a{
	color: #4aa3bd;
}
#grid div.item div.body .url a:hover{
	color: #4aa3bd;
	text-decoration: underline;
}
#grid div.item div.body .credit{
	font-size: 85%;
	margin-top: 12px;
}
#grid div.item div.body .category{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #1a4956;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 85%;
	font-style: italic;
}
#grid div.item div.body_double .category_title{
}
#grid div.item div.body_double .category_name{
	font-weight: bold;
}