@charset "UTF-8";

*{
	padding:0;
	margin:0;
}

body{
	font-family:arial, Osaka, ms ui gothic, sans-serif;
	font-size:14px;
	color:#333;
	background:#fff;
}

img{
	border:0p;
	vertical-align:middle;
}

/*e-crono ロゴ枠*/
header.header{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
}


/*e-crono ロゴ画像*/
img.logo{
	width:195px;
	height:30px;
}



footer.default_footer{
	clear:both;
	margin-top:30px;
	text-align:center;
	width:100%;
	height:30px;
	line-height:30px;
	background:#eee;
}

small{
	font-size:11px;
}

/*ナビメニュー枠*/
#nav_menu{
	width:100%;
	height:40px;
	border-top:1px solid #eee;

	background: #cccccc;
	background: -moz-linear-gradient(top,  #ffffff 1%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 1%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 1%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 1%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
}

/* ナビメニュー1階層目 */
ul.lev1{
	width:711px;
	margin:auto;
}

/* ナビメニュー1階層目(左端) */
ul.lev1 li.left{
	width:141px;
	float:left;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
}

/* ナビメニュー1階層目(左端以外) */
ul.lev1 li.right{
	width:141px;
	float:left;
	border-right:1px solid #bbb;
}

/* ナビメニュー2階層目 */
ul.lev1 ul.lev2{
	display:block;
	position:absolute;
}

/* 1階層目リンク */
a.a1{
	line-height:40px;
	display:block;
	width:140px;
	height:40px;
	color:#777;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	text-shadow:#fff 1px 1px 1px;
}
a.a1:hover{
	background: #848484;
	background: -moz-linear-gradient(top,  #848484 1%, #2d2d2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#848484), color-stop(100%,#2d2d2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #848484 1%,#2d2d2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #848484 1%,#2d2d2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #848484 1%,#2d2d2d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #848484 1%,#2d2d2d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-8 */
	color:#fff;
	text-shadow:#555 1px 1px 1px;
}

/* 2階層目リンク */
a.a11{
	line-height:40px;
	display:block;
	width:130px;
	height:40px;
	background:#fff;
	color:#555555;
	text-decoration:none;
	padding-left:10px;
	border-bottom:1px solid #ccc;
	opacity:0.9;
}
a.a11:hover{
	background:#333;
	color:#fff;
	border-bottom:1px solid #eee;
}



/***********************
メインコンテンツBOX
***********************/
div#main_box{
	width:100%;
	height:500px;
	background:#fff;
	z-index:-2000;
}

/*リンクヘッダーグループ*/
#link_hg{
	width:100%;
	background:#555;
	color:#fff;
}
#link_hg > h1{
	font-size:18px;
	line-height:18px;
	padding:5px;
	padding-left:10px;
}
#link_hg > h2{
	font-size:25px;
	line-height:25px;
	padding-top:5px;
	padding-left:20px;
	padding-bottom:10px;
	text-shadow:#777 2px 2px 2px;
}
#link_hg > h3{
	font-size:15px;
	line-height:15px;
	padding-top:5px;
	padding-left:20px;
	padding-bottom:10px;
	text-shadow:#777 2px 2px 2px;
}



/*リンクFrame*/
.link_frame{
	width:95%;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
}
.link_frame > h3{
	background:#70b6f2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #2c7bff), color-stop(1.00, #021ecd));
	background: -webkit-linear-gradient(#2c7bff, #021ecd);
	background: -moz-linear-gradient(#2c7bff, #021ecd);
	background: -o-linear-gradient(#2c7bff, #021ecd);
	background: -ms-linear-gradient(#2c7bff, #021ecd);
	background: linear-gradient(#2c7bff, #021ecd);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c7bff', endColorstr='#021ecd',GradientType=0 ); /* IE6-8 */
	color:#fff;
	padding:5px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
}
.link_frame > p{
	padding:5px;
}
.link_frame > p > a{
	background:#ddd;
	color:#333;
	text-decoration:none;
	padding:3px;
}
.link_frame > p > a:hover{
	background:#777;
	color:#fff;
	text-decoration:none;
}

.link_img{
	height:300px;
	border:1px solid #999;
	display:none;
}