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

/*------------------------------------------------------------

	ヘッダー

------------------------------------------------------------*/

#header{
	clear:both;
	width:980px;
	margin:10px auto 0;
	text-align:left;
}

h1 a{
	float:left;
	width:340px;
	height:50px;
	background:url(../images/h1.jpg) no-repeat;
	text-indent:-10000px;
}

#header ul{
	float:right;
	width:450px;
	height:30px;
	margin:10px 0 0;
	padding:0 0 12px;
	background:url(../images/bg_headernavi.jpg) bottom;
	text-indent:-10000px;
}

#header ul li,
#header ul li a{
	display:block;
	float:left;
	text-indent:-10000px;
}


#header ul li.hn01 a{
	width:200px;
	height:30px;
	background:url(../images/headernavi.jpg) no-repeat;
}


#header ul li.hn02 a{
	width:130px;
	height:30px;
	background:url(../images/headernavi.jpg) -200px 0 no-repeat;
}


#header ul li.hn03 a{
	width:120px;
	height:30px;
	background:url(../images/headernavi.jpg) -330px 0 no-repeat;
}

#header ul li.hn01,
#header ul li.hn01 a:hover{
	width:200px;
	height:30px;
	background:url(../images/headernavi.jpg) 0 -30px no-repeat;
}

#header ul li.hn02,
#header ul li.hn02 a:hover{
	width:130px;
	height:30px;
	background:url(../images/headernavi.jpg) -200px -30px no-repeat;
}

#header ul li.hn03,
#header ul li.hn03 a:hover{
	width:120px;
	height:30px;
	background:url(../images/headernavi.jpg) -330px -30px no-repeat;
}




h2{
	clear:both;
	font-size:90%;
	line-height:3em;
	text-indent:1em;
}


/*------------------------------------------------------------

	a

------------------------------------------------------------*/


a{
	color:#F60;
}


/*------------------------------------------------------------

	ヘッダナビ

------------------------------------------------------------*/

ul.headernavi{
	
	
	margin:15px 0 0 500px;
	font-size:85%
}

html>body ul.headernavi{
	padding:15px 0 0;
}

ul.headernavi li{
	float:left;
	display:block;
	width:10em;
	height:25px;
}
ul.headernavi li a{
	
	display:block;
	width:10em;
	height:25px;
	padding-left:20px;
	background:url(../images/bg_header-li.jpg) 0 center no-repeat;
	line-height:2em;
}

/*------------------------------------------------------------

	グローバルナビゲーション

------------------------------------------------------------*/

ul#globalnavi{
	clear:both;
	margin:0 auto;
	width:980px;
	height:55px;
	background:url(../images/gnavi.jpg) 0 0 no-repeat;
}

ul#globalnavi li,
ul#globalnavi li a{
	display:block;
	float:left;
	width:140px;
	height:55px;
	text-indent:-10000px;
}


ul#globalnavi li.gn01 a{
	background:url(../images/gnavi.jpg) 0 0;
}

ul#globalnavi li.gn01,
ul#globalnavi li.gn01 a:hover{
	background:url(../images/gnavi.jpg) 0 -60px;
}


ul#globalnavi li.gn02 a{
	background:url(../images/gnavi.jpg) -140px 0;
}

ul#globalnavi li.gn02,
ul#globalnavi li.gn02 a:hover{
	background:url(../images/gnavi.jpg) -140px -60px;
}


ul#globalnavi li.gn03 a{
	background:url(../images/gnavi.jpg) -280px 0;
}

ul#globalnavi li.gn03,
ul#globalnavi li.gn03 a:hover{
	background:url(../images/gnavi.jpg) -280px -60px;
}


ul#globalnavi li.gn04 a{
	background:url(../images/gnavi.jpg) -420px 0;
}

ul#globalnavi li.gn04,
ul#globalnavi li.gn04 a:hover{
	background:url(../images/gnavi.jpg) -420px -60px;
}



ul#globalnavi li.gn05 a{
	background:url(../images/gnavi.jpg) -560px 0;
}

ul#globalnavi li.gn05,
ul#globalnavi li.gn05 a:hover{
	background:url(../images/gnavi.jpg) -560px -60px;
}

ul#globalnavi li.gn06 a{
	background:url(../images/gnavi.jpg) -700px 0;
}

ul#globalnavi li.gn06,
ul#globalnavi li.gn06 a:hover{
	background:url(../images/gnavi.jpg) -700px -60px;
}

ul#globalnavi li.gn07 a{
	background:url(../images/gnavi.jpg) -840px 0;
}

ul#globalnavi li.gn07,
ul#globalnavi li.gn07 a:hover{
	background:url(../images/gnavi.jpg) -840px -60px;
}

/*------------------------------------------------------------

	No script

------------------------------------------------------------*/
p.noscript {
	margin:10px auto 0;
	padding:10px 0;
	width:974px;
	background:#ffcccc;
	border:3px solid #ff9999;
	text-align:center;
}

/*------------------------------------------------------------

	pagenavi

------------------------------------------------------------*/

dl.pagenavi,
dl.linknavi{
	margin:0 0 10px;
	padding-bottom:5px;
	background:url(../sci/images/dl_pagenavi.jpg) bottom no-repeat;
	font-size:90%;
}



dl.pagenavi dt,
dl.linknavi dt{
	width:200px;
	height:40px;
	background:url(../sci/images/dl_pagenavi-dt.jpg) no-repeat;
	text-indent:-10000px;
}

dl.linknavi dt{
	background:url(../images/dl_linknavi-dt.jpg) no-repeat;
}

dl.pagenavi dd,
dl.linknavi dd{
	font-weight:bold;
}

dl.pagenavi dd a,
dl.linknavi dd a{
	font-weight:normal;
}

dl.pagenavi dd,
dl.pagenavi dd a{
	display:block;
	width:200px;
	height:30px;
	
	background:url(../sci/images/pagenavi.jpg) 0 0 no-repeat;
	
	text-align:left;
	line-height:30px;
	text-indent:30px;
}

dl.linknavi dd,
dl.linknavi dd a{
	display:block;
	width:200px;
	height:30px;
	
	background:url(../images/dl_linknavi-dd.jpg) 0 bottom no-repeat;
	text-indent:10px;
	text-align:left;
	line-height:30px;
}

dl.pagenavi dd,
dl.pagenavi dd a:hover{
	background:url(../sci/images/pagenavi.jpg) -200px 0 no-repeat;
	color:#300;
}

dl.linknavi dd,
dl.linknavi dd a:hover{
	background:url(../images/dl_linknavi-dd.jpg) -200px bottom no-repeat;
	color:#300;
}


dl.linknavi dd.lastlink,
dl.linknavi dd.lastlink a{
	display:block;
	width:200px;
	height:30px;
	
	background:url(../images/dl_linknavi-dd.jpg) 0 top no-repeat;
	text-indent:10px;
	text-align:left;
	line-height:30px;
}

dl.linknavi dd.lastlink,
dl.linknavi dd.lastlink a:hover{
	background:url(../images/dl_linknavi-dd.jpg) -200px top no-repeat;
	color:#300;
}



/*------------------------------------------------------------

	地図

------------------------------------------------------------*/

#map{
	font-size:90%;
	text-align:left;
}

.map-sci{
	width:710px;
	height:400px;
	margin:0 auto;
	border:5px solid #CBD9B3;
}


#route{
	width:710px;
	height:100px;
	margin:10px auto;
}

/*------------------------------------------------------------

	加入のメリット

------------------------------------------------------------*/

#service dl{
	float:left;
	width:240px;
	margin:0 0 10px;
	text-align:left;
	font-size:90%;
	line-height:1.5em;
	
}

#service dt,
#service dd{
	margin:0 10px;
}

#service dt{
	background:url(../benefits/images/bg_dl-service.jpg) no-repeat;
	line-height:30px;
	color:#FFF;
	text-align:left;
	text-indent:0.5em;
	font-weight:bold;
}

#service dd{
	padding:5px;
}

/*------------------------------------------------------------

	部会情報

------------------------------------------------------------*/

dl.subcommittee{
	width:740px;
	margin:5px auto 10px;
}

dl.subcommittee dt{
	float:left;
	width:210px;
}

dl.subcommittee dt img{
	padding:4px;
	background:#C1EBFF;
	border:1px solid #24B8FF;
}

dl.subcommittee dd{
	margin-left:215px;
	font-size:80%;
	text-align:left;
	line-height:1.5em;
}


/*------------------------------------------------------------

	img

------------------------------------------------------------*/

img#right-position{
	float:right;
	margin:0px 0px 10px 10px;
}

img#left-position{
	float:left;
	margin:0 10px 10px 0
}

.photo{
	margin:0 0 10px;
	padding:4px;
	border:1px solid #CCC;
	background:#F0F0F0;
}

a:hover .photo{
	margin:0 0 10px;
	padding:4px;
	border:1px solid #F33;
	background:#F66;
}

/*------------------------------------------------------------

	メイン画像

------------------------------------------------------------*/

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

/*------------------------------------------------------------

	ぱんくず

------------------------------------------------------------*/
dl.breadcrumb{
	width:970px;
	height:25px;
	margin:0 auto;
	font-size:80%;
	line-height:25px;
}
dl.breadcrumb dt{
	float:left;
	display:block;
	width:85px;
	height:20px;
	background:url(../images/dl_breadcrumb-dt-bg.jpg) 0 0 no-repeat;
	text-indent:-10000px;
}

dl.breadcrumb dd{
	float:left;
	padding:0 15px 0 5px;
	background:url(../images/dl_breadcrumb-dd-bg.jpg) center right no-repeat;
	
}

dl.breadcrumb dd#active{
	float:left;
	padding:0 5px;
	background:none;
	color:#00AE31;
	font-weight:bold
}

/*------------------------------------------------------------

	table

------------------------------------------------------------*/

table{

	background:#CCC;
	
	font-size:90%;
	text-align:left;
}

th,td{
	padding:2px;
	line-height:1.4em;
}

th{
	background:#E0E0E0;
}

.cell-address th{
	width:20%;
	text-indent:0.5em
}

td{
	padding:2px 4px;
	background:#FFF;
}



table.t-join{
	width:630px;
	margin:0 auto;
	text-align:center;
}



table.t-join th,
table.t-join td{
	padding:3px 5px;
}

table.t-reform{
	width:740px;
	margin:0 auto;
	
}

.tw25{
	width:25%;
}

.tw20{
	width:20%;
}

.tw15{
	width:15%;
}

td.tl{
	text-align:left
}

td.tr{
	text-align:right;
}

/*------------------------------------------------------------

	蓮田の素顔

------------------------------------------------------------*/


ul.region-spot{
	clear:both;
	display:block;
	margin:0 auto;
	padding:5px;
	background:url(../region/images/bg_ul-spot.jpg) 0 top no-repeat;
	font-size:90%;
}

ul.region-spot li,
ul.region-spot li a{
	display:block;
	float:left;
	width:180px;
	height:50px;
	margin:0;
	padding:0;
	line-height:50px;
}

ul.region-spot li a{
	background:url(../region/images/bg_ul-spot-li.jpg) 0 0 no-repeat;
}

ul.region-spot li a:hover{
	background:url(../region/images/bg_ul-spot-li.jpg) 0 -50px no-repeat;
	
}

ul.region-spot span{
	font-size:80%;
}

.spot-map{
	width:730px;
	margin:0 auto;
	padding-bottom:10px;
	background:url(../region/images/bg_spot-map.jpg) 0 bottom no-repeat;
	
	
}

#spot-map,
#map-sp{
	clear:both;
	width:710px;
	height:500px;
	margin:0 auto;
	border:1px solid #CCC;
	text-align:left;
	font-size:90%;
	line-height:1.5em;
	
	
}
/*
#spot-map p,
#map-sp p{
	margin:0;
	line-height:1.5em
	}
*/

/*------------------------------------------------------------

	撰品絵巻

------------------------------------------------------------*/

dl.selection{
	width:730px;
	margin:10px auto 30px;
}

dl.selection dt{
	float:left;
	width:200px;
}

dl.selection dd{
	margin-left:210px;
}

dl.selection dd table{
	width:516px;
}

/*------------------------------------------------------------

	event

------------------------------------------------------------*/

iframe#event-cal{
	width:740px;
	margin:0 auto 10px;
}

/*------------------------------------------------------------

	PDF

------------------------------------------------------------*/

dl.dl-pdf{
	width:740px;
	margin:10px auto 10px;
	font-size:80%;
	text-align:center;
	line-height:2em;
}

dl.dl-pdf dd{
	display:block;
	float:left;
	width:185px;
	height:40px;
	
}

dl.dl-pdf dd a{
	display:block;
	margin:3px;
	padding:2px;
	border:1px solid #F66;
	background:#FCC;
}

dl.dl-pdf dd a:hover{
	border:1px solid #F33;
	background:#F66;
	color:#FFF;
}

dl.pdf-caution{
	width:730px;
	margin:0 auto 50px;
	border:2px solid #900;
	background:#FCC;
	font-size:80%;
	line-height:1.5em;
}

dl.pdf-caution dt{
	float:left;
	width:168px;
}

dl.pdf-caution dt img{
	margin:5px;
}

dl.pdf-caution dd{
	margin-left:170px;
	padding:5px;
}


/*------------------------------------------------------------

	リンク

------------------------------------------------------------*/

ul.list-link{
	margin:0 auto 15px;
	width:730px;
	line-height:1.5em
}

ul.list-link li{
	float:left;
	width:365px;
}

ul.list-link li a{
	display:block;
	margin:5px;
	padding:5px 5px 5px 25px;
	background:url(../link/images/bg_link.jpg) 0 center no-repeat;
	
	font-size:90%;
	text-align:left;
}


dl.list-link{
	margin:0 auto 15px;
	width:730px;
	font-size:90%;
	line-height:1.5em;
	text-align:left;
}



dl.list-link dt{
	background:url(../link/images/bg_link.jpg) 5px center no-repeat;
	border-bottom:1px solid #83AA59;
	text-indent:30px;
	font-weight:bold;
}

dl.list-link dd{
	padding:5px 10px 10px;
	
}

a.tolist{
	display:block;
	width:150px;
	height:30px;
	background:url(../images/backtolist.jpg) no-repeat;
	text-indent:-10000px;
	text-align:left;
}

/*------------------------------------------------------------

	加入案内

------------------------------------------------------------*/

dl.recruitment{
	margin:0 0 10px;
	padding-bottom:10px;
	background:url(../images/dl_recruitment-bg.jpg) 0 bottom;
}

dl.recruitment dt{
	width:200p;
	height:40px;
	background:url(../images/dl_recruitment-dt-bg.jpg) 0 0 no-repeat;
	text-indent:-10000px;
}

dl.recruitment dd{
	background:url(../images/dl_recruitment-dd-bg.jpg) 0 0;
}


.banner{
	margin:10px 0 0;
}




/*------------------------------------------------------------

	Tool BOX

------------------------------------------------------------*/

dl.toolbox{
	margin:0 0 10px;
	padding-bottom:5px;
	background:url(../images/dl_toolbox.jpg) bottom no-repeat #693;
	
}

dl.toolbox dt{
	padding:5px 0 0;
	background:url(../images/dl_toolbox-dt.jpg) top no-repeat
}
dl.toolbox dd{
	padding:10px 5px 0;
	background:url(../images/dl_toolbox-dd.jpg)
}

dl.toolbox dd input{
	vertical-align:bottom;
}

dl.toolbox dd input.check{
	vertical-align:text-bottom
}

dl.toolbox dd span{
	display:block;
	clear:both;
	margin:5px 0 0;
	font-size:75%;
	color:#FFF;
}

.inputarea{
	width:120px;
}

dl.stylechanger{
	display:block;
	width:190px;
	height:25px;
	margin:0 auto;
	padding:0;
	background:url(../images/dl_stylechanger.jpg) no-repeat;
}

dl.stylechanger dt{
	display:block;
	float:left;
	width:90px;
	height:25px;
	margin:0;
	padding:0;
	background:url(../images/dl_stylechanger-dt.jpg) no-repeat;
	text-indent:-10000px;
}

dl.stylechanger dd,
dl.stylechanger dd a{
	float:left;
	display:block;
	width:50px;
	height:25px;
	margin:0;
	padding:0;
	text-indent:-10000px;
}



dl.stylechanger dd.sc-large,
dl.stylechanger dd.sc-large a{
	background:url(../images/button-sc-large.jpg) 0 0 no-repeat;
}

dl.stylechanger dd.sc-small,
dl.stylechanger dd.sc-small a{
	background:url(../images/button-sc-normal.jpg) 0 0 no-repeat;
}

/*------------------------------------------------------------

	加入

------------------------------------------------------------*/

dl.join{
	margin:0 0 10px;
	padding:5px;
	background:url(../images/bg_dl-join.jpg) no-repeat;
	font-size:80%;
	text-align:center;
	line-height:1.8em;
}

dl.join dt{
	width:190px;
	height:25px;
	margin:0 0 5px;
	background:url(../images/bg_dl-dt-join.jpg) no-repeat;
}


/*------------------------------------------------------------

	footer sitenavi

------------------------------------------------------------*/


.footer-sitenavi ul{
	clear:both;
	margin:0 auto;
	padding:7px 0;
	width:980px;
	font-size:80%;
}

.footer-sitenavi ul li,
.footer-sitenavi ul li a{
	float:left;
	width:140px;
}

/*------------------------------------------------------------

	footwrap dl

------------------------------------------------------------*/

#footwrap dl{
	width:550px;
	margin:0 auto;
	padding:20px 0 0;
}

#footwrap dt{
	display:block;
	float:left;
	width:270px;
	height:45px;
	margin:0;
	padding:0;
	background:url(../images/dl_footer-dt.jpg) no-repeat;
	text-indent:-10000px;
}

#footwrap dd{
	margin-left:280px;
	padding:5px 0 0;
	text-align:left;
	line-height:1.3em;
}

#footwrap p{
	text-align:center;
	}



/*------------------------------------------------------------

	サイトマップ

------------------------------------------------------------*/

dl.sitemap dt a{
	color:#FFF;
}

dl.sitemap dd{
	margin:0 10px;
}



dl.sitemap dd{
	display:block;
	background:url(../sitemap/images/dl_sitemap-dd.jpg) 5px center no-repeat;

	text-align:left;
	text-indent:25px;
	line-height:2em;
}







/*------------------------------------------------------------

	clearfix

------------------------------------------------------------*/
dl.selection:after,
ul.region-spot:after,
#service dl:after,
#header ul:after,
#footwrap dl:after,
dl.pdf-caution:after,
ul.list-link:after,
dl.dl-pdf:after,
dl.stylechanger:after,
.contents-cell:after,
.footer-sitenavi:after,
.footer-sitenavi ul:after,
#contentswrap:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
	
	
/* IE6 */
* html dl.selection,
* html .region-spot,
* html #service dl,
* html #header ul
* html #footwrap dl,
* html dl.pdf-caution,
* html ul.list-link,
* html dl.dl-pdf,
* html dl.stylechanger,
* html .contents-cell,
* html .footer-sitenavi,
* html .footer-sitenavi ul,
* html #contentswrap{
	zoom: 1;
	}
	
/* IE7 */
*:first-child+html dl.selection,
*:first-child+html .region-spot,
*:first-child+html #service dl,
*:first-child+html #header ul
*:first-child+html #footwrap dl,
*:first-child+html dl.pdf-caution,
*:first-child+html ul.list-link,
*:first-child+html dl.dl-pdf,
*:first-child+html dl.stylechanger, 
*:first-child+html .contents-cell,
*:first-child+html .footer-sitenavi,
*:first-child+html .footer-sitenavi ul,
*:first-child+html #contentswrap{
	zoom: 1;
	}