/**
 *  Yahho Sticky Footer ( for YUI Grids.css )
 *  @see       http://0-oo.net/sbox/javascript/yahho-sticky-footer
 *  @version   0.1.0a
 *  @copyright 2008 dgbadmin@gmail.com
 *  @license   http://0-oo.net/pryn/MIT_license.txt (The MIT license)
 */

/* exclude MacIE5 \*/
html, body{height: 100%;}
/* end MacIE5 */

/*------------------------------------------------------------------*/

body{background:#ffffff url("../cmn/bg-hdr.gif") repeat-x center top;color:#424242;}


#bg1{
	position: relative;
/* exclude MacIE5 \*/
	min-height: 100%;
/* end MacIE5 */
	_height: 100%;	/* for IE6 */
background:url("../cmn/bg-hdr-c.gif") no-repeat center top;
}


#bg2{
	background:url("../cmn/bg-hdr-c.gif") no-repeat center top; /*リサイズされたときにズレない用*/
	width:842px;
	margin:0 auto;
}

/*---共通ヘッダ---*/
#header{}
#header ul,#header li{margin:0;padding:0;}
#header ul{border-left:7px solid #1a555c;margin:0 180px 0 40px;padding:0 0 0 0;}
#header ul li{list-style-type:none;float:left;padding-right:10px;background:url("../cmn/bg-menu-bdr.gif") no-repeat right center;}
#header ul li img{margin-left:6px;}

/*---共通フッタ---*/
#footer{
/* exclude MacIE5 \*/
	position: absolute;
	bottom: 0;
/* end MacIE5 */
	width: 100%;
	height: 60px;
	background:url("../cmn/bg-ftr.gif") repeat-x center bottom;
}
#footer p{width:842px;margin:40px auto 0 auto;color:#1a555c;text-align:center;font-size:92%;}

#index #footer div.whaba{width:762px;margin:0 auto;}
#index #footer p{float:left;width:auto;text-align:left;}
#index #footer div.pp{float:right;}


/*---汎用小物---*/
span.req{font-size:12px;color:red;padding-left:1em;}


/*---コンテンツ部分---*/
#main{
	margin:14px 0 0 40px;
	width:762px;
	font-size:114%;
	padding-bottom: 60px;	/* フッターの高さより大きくする */
}
	#main h1{margin:0 0 15px 0;padding:0;line-height:1.0;}/*中身は画像だが。*/

	#main div.cleft{width:200px;overflow:hidden;}
	#main div.cleft ul{margin:0 20px 0 15px;}
	#main div.cleft div.inr{margin:0 20px 0 0}
	#main div.cleft ul li{}


	#main div.cright{width:540px;overflow:hidden;}

	#main div.cmain{margin:0 21px;overflow:hidden;}
	#main div.ccenter{width:540px;margin:0 auto;}

/*---記事スタイルコンテンツのタイトル---*/
#news h2,#staff h2,#disc h2{margin:0;padding:0 0 0 0.4em;background:#e1eef0;font-size:100%;color:#127097;}
#staff h2 img{padding:2px 0;}
#concert h2,#media h2{margin:0;padding:0 0 0 0.4em;background:#c9e3e7;font-size:100%;color:#127097;}
#concert h3{margin:13px 0 0;padding:0 0 0 0.4em;background:#e1eef0;font-size:100%;color:#127097;}
#media h3{margin:13px 0 0;font-size:100%;color:#127097;border-left:6px solid #127097;padding-left:4px;line-height:1.1;}
/*---news---*/
#news div.atcl{margin:11px 11px 25px 9px;}
/*---concert---*/
#concert div.atcl{margin:11px 11px 25px 0;}
/*---contact---*/
#contact div.cnt{margin:0 145px 0 150px;}
#contact div.cnt p{margin:0 0 1em 0;padding:0;line-height:1.2;}
#contact h2{color:#195860;font-size:110%;margin:0 0 25px;}
#contact div.require{font-size:12px;text-align:right;}
#contact div.require span.req{}

/*---media---*/
#media div.atcl{margin:5px 0 25px 1em;}

/*---staff---*/
#staff div.atcl{
	border-bottom:1px solid #989999;
	padding-bottom:15px;
	margin:0 0 15px 0;
}
#staff div.post{margin-top:3px;}
#staff div.post p{margin:0;padding:0;text-indent:0;line-height:1.2;}
#staff .dimg{float:left; margin: 0 4px 4px 0;}

#staff div.fnavi{text-align:center;}

#staff div.cleft ul{margin:0 0 1em 0;}
/*---bio---*/
#bio p.navic{text-align:center;color:#7d7d7d;margin:40px 0 18px;font-size:85%;}
#bio div.bn{margin-bottom:25px;}
#bio div.bn div.clearfix{margin-bottom:5px;}
#bio.mem div.bn{border-top:1px dotted #b9b9b9;margin-top:25px;padding-top:30px;}

#bio.mem div.prof{margin:10px 0 0 0;}
#bio.mem div.prof p{line-height:1.2;margin:10px 0 0 0;}
#bio.mem div.cleft{width:305px;overflow:hidden;}
#bio.mem div.cleft p{color:#666666;font-size:85%;margin:7px 0 0 0;}
#bio.mem div.cmain div.cright{width:400px;overflow:hidden;}
#bio.mem div.phts{margin-top:10px;}
#bio.mem div.phts div.fleft{padding-right:10px;}
#bio.mem div.oline{border-bottom:1px dotted #b9b9b9;padding-bottom:22px;font-weight:bold;color:#3d6367;}
#bio.mem div.dtl{margin-top:20px;font-size:91%;line-height:1.5;color:#888888;}

/*---mobile_pc---*/
#mobile_pc div.qr{float:left;padding-right:25px;padding-bottom:1px;}
#mobile_pc div.note{}
#mobile_pc div.note h2{color:#195860;font-size:110%;margin-bottom:25px;}
#mobile_pc div.note a,#mobile_pc div.note a:link,#mobile_pc div.note a:visited{text-decoration:underline;}
#mobile_pc div.note a:hover{text-decoration:none;}

/*---indexのみ---*/
body#index{background:#0e4147 url("../cmn/bg-hdr-top.gif") no-repeat center top;}
body#index #bg1{background:transparent url("../cmn/bg-btm-top.gif") no-repeat center bottom;}
body#index #bg2{background:transparent none;}
body#index #footer{background:#ffffff none;height: 21px;}
body#index #footer p{margin:0 auto 0;color:#595959;}
body#index #main{padding-bottom: 51px;background:transparent;}/* フッターの高さより大きくする */
body#index #header ul{border-left:7px solid #0b393d;margin:14px 180px 0 0;}
#index div.prbn{text-align:center;margin:36px 0 0 0;}
#index div.jas{text-align:right;margin-top:20px;font-size:11px;color:#ffffff;}
/*---mailmag---*/
#mmag h2{background:url("../mailMagazine/img/title2-bg.gif") no-repeat top center;height:85px;color:#195860;font-size:110%;text-align:center;margin:0;}
#mmag div.cnt{margin:0 120px 0 120px;}
#mmag div.mmform{}
#mmag div.mmform form{margin:10px 70px 20px;padding:10px 40px;border:1px solid #cccccc}
#mmag div.mmform dl dt{}

#mmag h3{color:#195860;font-size:100%;margin:4px 0 10px;}
#mmag form *{line-height:1.2;vertical-align:middle;margin:2px 0 1px;}
#mmag p.prv{font-size:82%;margin-top:20px;margin-left:1em;text-indent:-1em;}
#mmag p.pplink{text-align:center;margin-top:15px;}
#mmag p.pplink a,#mmag p.pplink a:link,#mmag p.pplink a:visited,#mmag p.pplink a:active{text-decoration:underline;}
#mmag p.pplink a:hover{text-decoration:none;}

a.btn{
	display:block;
	width:270px;
	margin: 0.4em auto;
	padding: 0.1em 5px;
	border: 1px solid #ddd;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3",  sans-serif;
	background-color: #f5f5f5;
	font-size:100%;
}

#mmag a.btn{width:200px;}
#mmag div.mmerr{text-align:center;color:#ff0000;}


/*---link---*/
#link div.links{
	margin:0 21px;
	border-bottom:1px dotted #b9b9b9;
	padding:18px 0;
}
#link div.linkbn{/*内寸178px*/
width:178px;
/*padding-right:18px;*/
float:left;
overflow:hidden;
padding-bottom:1px;
}
#link div.linkdt{
padding-left:196px;
}

#link h2{color:#127097;font-size:108%;border-left:3px solid #127097;line-height:1.0;padding-left:6px;margin:0 0 9px 0;}


/*---bbs---*/
#bbs div.cnt{margin:0 100px;}
#bbs div.cnt p{margin:0 0 20px;}
#bbs h2{font-size:16px;color:#195860;margin:0 0 20px;padding:0;}
#bbs h3{font-weight:normal;font-size:15px;margin:0 0 20px;padding:0;}
#bbs .confirmbt{text-align:center;margin:15px 0 20px;}

#bbs .cleft{width:200px;font-size:14px;line-height:1.7;}
#bbs .cleft *{vertical-align:middle;}
#bbs #main div.cleft div.inr{margin:0 20px 0 15px}

#bbs input,#bbs textarea,#bbs input:focus,#bbs textarea:focus{
	margin: 0;
	padding: 2px 2px;
	border: 1px solid #959595;
	background-color: transparent;
	font-size:12px;
	line-height: 1.2;
}
#bbs input.nbd{border-width:0;}

#bbs form.bbsform{margin:0;padding:0;}
#bbs .bbsform *{
font-size:12px;

}
#bbs .bbsform dl *{}
#bbs .bbsform dt,#bbs .bbsform dd{line-height:28px;float:left;height:28px;}
#bbs .bbsform dd.com{height:auto;}
#bbs .bbsform dt{width:63px;}
#bbs .bbsform dd{/*margin-left:63px;margin-top:-28px;*/width:420px;}
#bbs .bbsform .formft{margin:0 60px;}
#bbs .bbsform a{text-decoration:underline;}

#bbs .paging{
	border:1px solid #808080;
	border-width:1px 0;
	margin:20px 0;
	paddgin:10px 0;
	text-align:center;
	font-size:12px;
	
}
#bbs .paging *{vertical-align:middle;}
#bbs .paging input{padding:1px 0 0;}
#bbs .post{
border:1px solid #959595;
margin:0 0 28px;
padding:12px;
}


#bbs .titlename{color:#147095;font-weight:bold;border-bottom:1px solid #737373;padding-bottom:7px;margin:0 0 7px;}
#bbs .titlename p{margin:0;padding:0;}
#bbs .titlename .adminr{color:#02158e;}/*adminカキコミ*/
#bbs .writername{background:#eaf6f6;padding:0 12px 0 2px;margin:0;color:#487a83;font-size:12px;}
#bbs .writername p{margin:0;padding:0 0 0 10px;line-height:27px;}
#bbs .writername .adminr{color:#02158e;}/*adminカキコミ*/
#bbs .comment{margin:7px 0 0 33px;}
#bbs .comment .comnote{font-size:12px;margin:0;padding:0;}

#bbs .child{margin:20px 0 0 36px;}

#bbs .delcom{
margin:0 30px;
font-size:12px;

}
#bbs .delbox{width:113px;padding:10px 0;text-align:right;}


#popup #bbs{width:540px;}

/*disc*/

#disc p.lt{color:#1a555c;font-weight:bold;}
#disc div.atcl{
/*	border-bottom:1px solid #989999;*/
	padding-bottom:15px;
	margin:0 0 15px 0;
}
#disc div.atcl p{line-height:1.2;margin-top:10px;}

#disc div.post{margin:3px 0 30px;}
#disc div.post p{margin:0 0 10px;padding:0;text-indent:0;line-height:1.2;}
#disc .dimg{float:left; margin: 0 4px 4px 0;padding-right:7px;}
#disc .dimg img{border:1px solid #595959;}
#disc .dlist{padding-left:170px;}
#disc h3{color:#49787d;font-size:100%;margin:4px 0;}
#disc dl.mlist{line-height:1.4;}
#disc dl.mlist dd img{vertical-align:middle;}
#disc dl.mlist dd.aud{margin-left:315px;margin-top:-1.4em;}
#disc dl.mlist dd.pv{margin-left:350px;margin-top:-1.4em;}
#disc dl.mlist dt span{font-size:87%;margin-left:0.7em;}
#disc dl.mlist dt span.name{color:#49787d;}
#disc dl.mlist .size{font-size:87%;}

ul.connect{border:1px solid #dedede;padding:4px;margin-bottom:10px;}
ul.connect{font-size:80%;line-height:1.2;color:#666666;}
ul.connect li{display:inline;padding-right:0.5em;}
ul.connect strong{color:#666666;}

#disc h2.att{background:#f8dbd1;}
/*404*/

body.err div.cnt{margin:0 145px 0 150px;}
body.err h2{color:#195860;font-size:110%;margin:50px 0 25px;}

body#popup{background:#ffffff none;padding:20px 5px;}


