/*====================================
	tag-reset
====================================*/
html,body,h1,h2,h3,h4,h5,h6,
p,ul,ol,li,dl,dt,dd,table,address,blockquote,form {
	margin:0;
	padding:0;
	font-size:100%;
	}

/*====================================
	common-tag
====================================*/

body{
	font-family: Arial, Helvetica,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	line-height:1.5;
	font-size:14px;
	*font-size:86%;/*IE*/
	color:#333;
	text-align:center;
	background:url(../img/body_bg.jpg) repeat-x;
}
body#top{
	background:url(../img/top_bg.jpg) repeat-x;
}
ul{
	list-style:none;
}
a{
	color:#d48569;
	text-decoration:underline;
}
a:hover{
	color:#bc6344;
}
img{
	border:0;
}
.clear{
	clear:both;
}
p.flL{
	float:left;
}
p.flR{
	float:right;
}
p.alR{
	text-align:right;
}
p.alC{
	text-align:center;
}

p.pagetop{
	text-align:right;
}
p#pankuzu{
	font-size:0.85em;
	margin:5px 0 20px 10px;
}

div#main p.btmad{
	border:1px solid #CCC;
	padding:10px 10px 10px 35px;
	background:url(../img/cmn_icon_arrow.jpg) no-repeat 10px 50%;
}


/*_______　.eventlist　_________*/

div#wrapper div.eventlist{
	background-color:#f2f2f2;
	position:relative;
	margin-bottom:10px;
}
div#wrapper div.eventlist h4{
	background:#fff url(../img/eventlist_titlebg.jpg) repeat-x;
	border-bottom:1px dashed #d48569;
	padding:8px 5px;
	margin-left:0;
}
div#wrapper div.eventlist h4 img{
	vertical-align:middle;
	margin-right:5px;
}
div#wrapper div.eventlist p{
	padding:0 10px 10px;
	margin-bottom:0;
	margin-left:0;
}
div#wrapper div.eventlist p.date{
	padding:0;
	position:absolute;
	text-align:right;
	width:100px;
	left:550px;
	top:15px;
}

/*====================================
	layouts
====================================*/
div#topcontainer{
	width:940px;
	margin:0 auto;
	background:url(../img/topcontainer_bg.jpg) no-repeat 0 0;
}
div#bgcontainer{
	width:940px;
	margin:0 auto;
	background:url(../img/bgcontainer_bg.jpg) no-repeat 0 0;
}

div#container{
	width:920px;
	margin-left:10px;
	text-align:left;
}
di#wrapper{
}

/*------------------------------------
	header
------------------------------------*/
div#header{
	position:relative;
	height:95px;
}
div#header h1{
}
div#header h2{
	left:342px;
	top:0;
	position:absolute;
}
div#header p.inquery_btn{
	position:absolute;
	left:680px;
	top:32px;
}

/*------------------------------------
	navi
------------------------------------*/
div#navi ul li{
	display:inline;
}


/*------------------------------------
	side
------------------------------------*/
div#side{
	width:230px;
	float:left;
}

div#side h3,
div#side h4{
	margin-bottom:10px;
}

div#side ul.list li{
	background:url(../img/cmn_icon_list.jpg) no-repeat 0 .3em;
	padding-left:10px;
}

/*_______　#sidenavi　_________*/

div#side div#sidenavi{
}

div#side div#sidenavi h3{
	background:url(../img/sidenavi_title.jpg) no-repeat 0 0;
	margin-bottom:0;
	padding:10px 0 6px 8px;
	color:#FFF;
	font-size:1.1em;
}
div#side div#sidenavi ul{
	background:url(../img/sidenavi_bg.jpg) repeat-y;
	padding:5px 4px 1px;
	margin-bottom:20px;
}
div#side div#sidenavi ul li{
	margin-bottom:4px;
}
div#side div#sidenavi ul li.cr{
	background:url(../img/sidenavi_li_bg_cr.jpg) no-repeat 0 50%;
	padding:7px 0 5px 40px;
}
div#side div#sidenavi ul li a{
	display:block;
	background:url(../img/sidenavi_li_bg.jpg) no-repeat 0 50%;
	padding:7px 0 5px 40px;
	text-decoration:none;
}
div#side div#sidenavi ul li a:hover{
	background:url(../img/sidenavi_li_bg_on.jpg) no-repeat 0 50%;
}



/*_______　#company　_________*/

div#side div#company{
	background:url(../img/side_about_bg.jpg) repeat;
	padding:8px;
	margin-bottom:15px;
}

div#side div#company div.pkg{
	background-color:#fff;
	padding:3px;
}

div#side div#company div.pkg p{
	margin:0 5px 5px;
}

/*_______　#bnr　_________*/
div#side ul.bnr li{
	margin-bottom:10px;
}



/*------------------------------------
	main
------------------------------------*/
div#main{
	width:660px;
	float:left;
	margin-right:30px;
}

div#main p{
	text-indent: 10px
}

div#main p,
div#main h4,
div#main h5,
div#main h6{
	margin-bottom:15px;
}
div#main h3,
div#main ul{
	margin-bottom:10px;
}

div#main p,
div#main h5,
div#main h6,
div#main ul{
	margin-left:20px;
}

div#main h3.title{
	background:url(../img/cmn_h3_bg.jpg) no-repeat 0 0;
	padding:20px 0 20px 25px;
	font-size:1.5em;
}

div#main h4{
	background:url(../img/cmn_h4_bg.jpg) no-repeat 0 0;
	padding:5px 0 5px 15px;
	font-size:1.3em;
	margin-left:10px;
}
div#main h5{
	background:url(../img/cmn_h5_bg.jpg) repeat-y;
	padding:3px 0 4px 15px;
	font-size:1.1em;
	border-bottom:1px solid #b6a852;
}
div#main h6{
	background:url(../img/cmn_icon_h6.jpg) no-repeat 0 3px;
	padding-left:20px;
}

/*_______　ul.list　_________*/

div#main ul.list li{
	background:url(../img/cmn_icon_list.jpg) no-repeat 0 .3em;
	padding-left:10px;
}

/*_______　table　_________*/

div#main table{
	margin-left:30px;
	margin:0 auto 20px;
	border-collapse:collapse;
}
div#main table,
div#main table th,
div#main table td{
	border:1px solid #ccc;
}

div#main table th,
div#main table td{
	padding:5px;
}
	
div#main table th{
	background-color:#f7f4e4;
}

/*_______　2column用dl　_________*/

div#main div.column2{
	margin-bottom:15px;
}
div#main div.column2 dl{
	float:left;
	margin-left:30px;
	margin-bottom:10px;
	width:290px;
	display:inline;
}
div#main div.column2 dl dt{
	background:url(../img/cmn_icon_h6.jpg) no-repeat 0 3px;
	padding-left:20px;
	margin-bottom:5px;
}
div#main div.column2 dl dd.photo{
}

/*_______　dl.rule　_________*/

div#main dl.rule{
	margin-left:30px;
	margin-bottom:20px;
}
div#main dl.rule dd{
	margin-left:30px;
}
div#main dl.rule dd ul{
	margin-left:60px;
}





/*_______　pkg　_________*/

div#main div.pkg{
	margin-left:30px;
}


div#main .link{
	text-align: right;	
}

div#main .category_link{
	margin-left: 115px;	
}

div#main .back_link{
	text-align: center;	
}


div#main .link a{
	background:url(../img/cmn_icon_link.jpg) no-repeat 0 50%;
	padding-left:20px;
}

div#main .category_link a{
	background:url(../img/cmn_icon_link.jpg) no-repeat 0 50%;
	padding-left:20px;
}

div#main .back_link a{
	background:url(../img/cmn_icon_link.jpg) no-repeat 0 50%;
	padding-left:20px;
}


/*------------------------------------
	footer
------------------------------------*/
div#footer{
	width:100%;
	background:#d48569 url(../img/footer_bg.jpg) repeat-x;
	padding:10px 0 50px;
	color:#fff;
	text-align:left;
}
div#footer div.pkg{
	width:920px;
	margin:0 auto;
	position:relative;
}

div#footer a{
	color:#fff;
}

div#footer ul,
div#footer h3{
	display:inline;
	margin-right:10px;
}
div#footer ul li{
	font-size:0.9em;
	display:inline;
}
div#footer ul li a{
	background:url(../img/footer_icon.jpg) no-repeat 0 3px;
	padding-left:15px;
	text-decoration:none;
}

div#footer p#copyright{
	position:absolute;
	width:300px;
	font-size:0.8em;
	left:620px;
	top:0;
	text-align:right;
}
/*====================================
	index
====================================*/
div#slideshow_wrapper{
	height:250px;
	margin-bottom:15px;
}


/*_______　.newslist　_________*/
div#main ul.newslist{
	margin-left:10px;
}
div#main ul.newslist li{
	background:url(../img/cmn_icon_arrow.jpg) no-repeat 0 0;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	padding-left:25px;
}
	




/*====================================
	clearfix
====================================*/

.clearfix:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
	}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
	}

.clearfix { display: block;　/* for Mac IE */
	}