@charset "utf-8";
/* CSS Document */

/*----------------------------------
=01 clearfix
----------------------------------*/

.cl:after{
content:" ";
display:block;
height:0;
clear:both;
visibility:hidden;
font-size:0;
}

.cl{
display:inline-block;
min-height:1%;
}

/* Hides from IE-mac _*/
* html .cl {height:1%;}
.cl{display:block;}
/* End from IE-mac _*/

/* IE6 */
* html .cl{zoom:1;}
/* IE7 */
*:first-child+html .cl{zoom:1;}


/*----------------------------------
=02 reset
----------------------------------*/

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{ 
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}

address,caption,cite,code,dfn,em,th,var{
font-style:normal;
font-weight:normal;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}

fieldset,img{
border:0;
vertical-align:top;
}  

ol,ul{
list-style:none;
}

q:before,q:after{
content:'';
}

abbr,acronym{
border:0;
}

a:link{color:#663300;text-decoration:underline;}
a:hover{color:#663300;text-decoration:none;cursor:pointer}
a:active{color:#663300;text-decoration:none;}
a:visited{color:#663300;text-decoration:none;}
a:active,a:focus{outline:none;}

/*  */
li img,
dt img,
dd img{
vertical-align:bottom;
}

.clear{
clear:both;
height:0;
line-height:0;
}

/* IE7 Zoom対策 */
*{letter-spacing:0}

body{
font-family:メイリオ,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-size:100%;
color:#333333;
margin:0;
padding:0;
min-width:1024px;
width:expression(document.body.clientWidth < 1026? "1024px" : "auto");
text-align:center;
background:url(../img/main_bg01.gif);
}

#wrapper{
	text-align:center;
	background:url(../img/header_bg02.gif) repeat-x;
}

/*----------------------------------
=03 hack
----------------------------------*/

/* firefox3でmargin指定 */
body,x:-moz-broken{
margin-left:-1px;
}

/* IE7でpadding指定 */
*:first-child+html body{
padding-left: 1px;
}

/* IE6以下でpadding指定 */
*html body{
padding-left: 1px;
}

/*----------------------------------
=04 header
----------------------------------*/
#header{
	text-align:left;
	color:#330000;
	background:url(../img/header_bg01.gif) no-repeat center 0;
	font-size:65%;
}
#header #header_inner{
	width:1024px;
	height:139px;
	margin:0 auto;
	position:relative;
}
#header #header_inner h1{
	padding:13px 0 15px;
}

#header #header_inner li a{
	display:block;
	overflow:hidden;
}

#header #header_inner #other_menu01 a{
	width:130px;
}

#header #header_inner #other_menu02 a{
	width:83px;
}

#header #header_inner #other_menu01 a:hover img{
	margin-left:-135px;
}

#header #header_inner #other_menu02 a:hover img{
	margin-left:-88px;
}





#header #header_inner ul{
	position:absolute;
	top:15px;
	right:5px;
}
#header #header_inner li{
	float:left;
	margin-left:15px;
}


/*----------------------------------
=05 main menu
----------------------------------*/
#main_menu{
	background:url(../img/main_menu_bg01.gif) repeat-x;
	height:51px;
	overflow:hidden;
}
#main_menu ul{
	width:1024px;
	margin:0 auto;
}
#main_menu ul li{
	float:left;
}

#main_menu li a{
	display:block;
	overflow:hidden;
	height:51px;
}

#main_menu li a:hover img{
	margin-top:-51px;
}

#main_menu #main_menu02 img{
	margin-left:-202px;
}

#main_menu #main_menu03 img{
	margin-left:-345px;
}

#main_menu #main_menu04 img{
	margin-left:-578px;
}

#main_menu #main_menu05 img{
	margin-left:-723px;
}

#main_menu #main_menu06 img{
	margin-left:-855px;
}

#main_menu #main_menu01 a{
	width:202px;
}

#main_menu #main_menu02 a{
	width:143px;
}

#main_menu #main_menu03 a{
	width:233px;
}

#main_menu #main_menu04 a{
	width:145px;
}

#main_menu #main_menu05 a{
	width:132px;
}

#main_menu #main_menu06 a{
	width:169px;
}


/*----------------------------------
=06 contents
----------------------------------*/
#contents{
	text-align:left;
	width:1028px;
	margin:0 auto;
	font-size:78%;
}
#contents h2{
	padding:20px 0;
}
#contents .left_content{
	width:745px;
	float:left;
}
#contents .content_box01{
	border-top:#4E1500 3px solid;
	background:url(../img/box_bg01.png) repeat-y;
	margin-bottom:20px;
	overflow:hidden;
}
#contents .content_box01 .inner{
	background:url(../img/box_foot01.png) no-repeat 0 bottom;
}

#contents .content_box01 .min_box{
	min-height:565px;
	height: auto !important;
	height: 565px;
}

#contents .content_box01 h2,
#contents .content_box01 h3{
	background:url(../img/box_head01.png) no-repeat;
	height:195px;
	margin-bottom:-170px;
	padding:20px 0 0 15px;
}
#contents .right_content{
	width:254px;
	float:right;
}
#contents .right_content .category_list{
	height:376px;
	background:url(../img/right_bo01.png) no-repeat;
	margin-bottom:30px;
	position:relative;
}
#contents .right_content .category_list ul{
	padding:28px 0 0 24px;
}
#contents .right_content .category_list ul li{
	padding-bottom:5px;
}

#contents .right_content .category_list li a{
	display:block;
	width:208px;
	height:43px;
	overflow:hidden;
}

#contents .right_content .category_list li a:hover img{
	margin-left:-208px;
}

#contents .right_content .material_list{
	height:166px;
	background:url(../img/right_bo02.png) no-repeat;
	margin-bottom:20px;
	position:relative;
}
#contents .right_content .material_list ul{
	padding:41px 0 0 5px;
	/padding:0;
	/margin:41px 0 0 5px;
}
#contents .right_content .material_list ul li{
	float:left;
	padding:0 0 11px 11px;
}

#contents .right_content .material_list li a{
	display:block;
	width:104px;
	height:22px;
	overflow:hidden;
}
#contents .right_content .material_list li a:hover img{
	margin-top:-22px;
}

#contents .right_content .category_list h2,
#contents .right_content .material_list h2{
	position:absolute;
	top:-15px;
	right:-10px;
	padding:0;
}
#contents .right_content .info{
	padding-top:20px;
}

/* paging */
#contents .paging{
	padding:0 0 20px 35px;
}
#contents .paging li{
	float:left;
	width:28px;
	height:26px;
	line-height:210%;
	text-align:center;
	background:url(../img/paging_bg01.gif);
	margin-right:7px;
	color:#ffffff;
}
#contents .paging li a{
	color:#ffffff;
}
#contents .paging li.select{
	border:#2d1f12 1px solid;
	background:none;
	width:26px;
	height:24px;
	line-height:200%;
}
#contents .paging li.select a{
	color:#2d1f12;
}


/*----------------------------------
=07 news
----------------------------------*/
#news_list img{
	vertical-align:middle;
	margin-left:5px;
}

/*----------------------------------
=08 footer
----------------------------------*/
#footer{
	font-size:75%;
	width:1024px;
	margin:30px auto 0 auto;
	background:url(../img/footer_bg01.png) no-repeat;
	padding-top:40px;
	padding-bottom:-5px;
	overflow:hidden;
}
#footer_inner{
	border-top:#4E1500 3px solid;
}
#footer_inner ul{
	float:left;
	margin:10px -10px;
}
#footer_inner li{
	float:left;
	padding:0 10px;
	border-right:#663300 1px solid;
}
#footer_inner li.no_border{
	border:none;
}
#footer_inner .copy{
	padding:10px 0;
	float:right;
}

#footer_inner .page_top{
	clear:both;
	padding-top:20px;
	width:94px;
	margin:0 auto;
}

#footer_inner .page_top a{
	display:block;
	width:94px;
	height:47px;
	overflow:hidden;
}

#footer_inner .page_top a:hover img{
	margin-left:-94px;
}

#footer_inner a:link{text-decoration:none;}
#footer_inner a:hover{text-decoration:underline;}



.content_box01{
	behavior: url("../common/htc/PIE.htc");
	box-shadow:2px 2px 2px #958a63;
	-moz-box-shadow:2px 2px 2px #958a63;　/* Firefox用 */  
	-webkit-box-shadow:2px 2px 2px #958a63;　/* Safari,Google Chrome用 */
	position: relative;
	
}

/*解析タグエリア*/
#scriptArea {
	height: 0;
	overflow: hidden;
}