@charset "Shift_JIS";

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

[reset]

[base]
	font
	anchor
	add class
	
[common set-up] 
	bg 
	h
	pagetop link

[lower common]

[each page]
	01: index.html		
	02: outline/index.html		
	03: archive/index.html		
	04: about/index.html		
	05: inquiry/index.html		
	06: archiveKimono/index.html		
	07: link/index.html		
	
[common contents]
	all center
	container
	header
	main contents
	footer

[clearfix]
			
---------------------------------------*/


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: reset */
body,div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,
th,td{margin:0;padding:0;}

table{border-spacing:0;} 

fieldset,img,a img,
abbr,acronym{border:0;}

li img,dt img{vertical-align:top;}

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

ol,ul{list-style:none;}

caption,th{text-align:left;}

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

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

hr{display:none;}

html{overflow-y:scroll;} 

/* form */ 
button, fieldset, form, input, label, legend, select, textarea {   
font-family:inherit;   
font-size:100%;   
font-style:inherit;   
font-weight:inherit;   
margin:0;   
padding:0;   
vertical-align:top;   
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: base */
/*--------------------------------------- font */

/* base */
body{
font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
line-height:1.5;
color:#333333;
font-size: 13px;
/*Firefox、Safari、Opera等モダンブラウザやMac IE5に適用*/
*font-size: small;
/*Win IE7およびWin IE6標準準拠モードに適用*/
*font: x-small;
/*Win IE 5-5.5､6(後方互換モード)に適用*/
}


/*----------------------- color */
/* green */
#index h4{
color:#1F994A;
font-weight:bold;}

/* gray */
h1,
.copy{color:#868686;}

/*----------------------- size */
/* size10px */
h1,
#footer,
.small,
#link .con dl .detail{font-size:77%;}

/* size12px */
table,
.main,
#index h3,
h5{font-size:93%;}

/* size14px */
#archiveKimono h4,
.middle{font-size:108%;}

/* size16px */
#about .frame,
#channel .con01 dt{font-size:123.1%;}

/* size18px */
#about .con dt{font-size:138.5%;}

/* size20px */
#outline h4{font-size:153.9%;}

/* size22px */
#profile h3{font-size:167%;}

/* size24px */
#profile .right .theme dd{font-size:182%;}

/*--------------------------------------- anchor */

a:link,
a:visited{
color:#000;
text-decoration:underline;
}
a:hover{
color:#1F994A;
text-decoration:underline;}

/* green */
#about .con .txt dd.url a:link,
#about .con .txt dd.url a:visited,
#outline .con a:link,
#outline .con a:visited,
#link .con dd a:link,
#link .con dd a:visited{
color:#1F994A;
text-decoration:none;}
#about .con .txt dd.url a:hover,
#outline .con a:hover,
#link .con dd a:hover{
color:#E25826;
text-decoration:none;}

/*--------------------------------------- add class */

/*float*/
.floatL{float:left;}
.floatR{float:right;}
.clearB{clear:both;}

.center{text-align:center;}
.bold{font-weight:bold;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common set-up */
body{background-color:#000000;}

/* h */
h1{
background:url(http://www.kbs-kyoto.co.jp/tv/senka/common/img/hd_bg.jpg) 0 0 repeat-x #020202;
padding:15px 0 0;
min-height:24px;}

	/* IE6 min-height */
	* html h1{height:24px;}

h1 span{
display:block;
}
h2{
float:left;
width:207px;
margin-top:-29px;
position: relative;
}

/* pagetop link */
.pgtp{
text-align:right;
clear:both;
}

/* pdf */
.pdf li{
background:url(http://www.kbs-kyoto.co.jp/tv/senka/common/img/ic_pdf.gif) 0 0.2em no-repeat;
display:block;
padding:2px 0 5px 23px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: main common */

/* ic */
.ic01,
#index h4{background:url(http://www.kbs-kyoto.co.jp/tv/senka/common/img/ic_01.gif) left center no-repeat;
padding:1px 0 0 13px;
margin-bottom:4px;
min-height:10px;}

	/* IE6 min-height */
	* html .ic01,
	* html #index h4{height:10px;}
	
#red{background-image:url(http://www.kbs-kyoto.co.jp/tv/senka/common/img/ic_01_red.gif)}

/* border bottom */
.bB{
border-bottom:solid 2px #000;
padding-bottom:10px;
margin-bottom:10px;
}

/* coming soon */
.comingSoon{text-align:center; margin-top:130px;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: lower common */
.lower h3{padding-bottom:20px;}
.frame{
border:solid 2px #000;
background-color:#FFF;
padding:15px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: main */
/*--------------------------------------- 01: index.html */
#index h3{padding:150px 0 155px 40px;}
#index .main{background:url(http://www.kbs-kyoto.co.jp/tv/senka/img/kay_bg.jpg) 0 0 no-repeat;}
#index .main .con{padding-top:12px;}
#index .main .txtLink li{float:left; margin-right:30px;}

#index .main .floatL{
width:500px;
background-color:#FFF;
border:solid 2px #000000;
padding:10px;
}
#index .main .floatL .pic{float:left;}
#index .main .floatL .txt{
width:250px;
float:right;}

#index .main .floatR{width:390px;}

/* what's new */
#index .main dt{
float:left;
width:80px;
clear:both;
}
#index .main dd {margin-left:80px;}

/*--------------------------------------- 02: outline/index.html */
#outline h3{float:left; width:140px;}
#outline .nextBack{float:right; display:inline; text-align:right;}
#outline .nextBack li{float:left; display:inline;}
#outline .nextBack li.back{
padding-right:13px;
margin-right:10px;
background:url(http://www.kbs-kyoto.co.jp/tv/senka/outline/img/nextback.gif) right center no-repeat;
}

#outline h4{margin-bottom:20px;}

#outline .floatL{width:485px;}
#outline .floatR{width:450px;}

#outline .floatL li{margin-bottom:1px;}
#outline .floatL li.img02{
float:left;
width:240px;
margin-right:1px;
}
#outline #txt{
width:416px;
margin-bottom:5px;
min-height:236px;
}
	/* IE6 min-height */
	* html #outline #txt{height:236px;}
	
#outline #adrs{
width:416px;
padding-bottom:0;
min-height:96px;}
	/* IE6 min-height */
	* html #outline #adrs{height:96px;}
	
#outline #adrs dl{padding-bottom:15px;}
	
/*--------------------------------------- 03: archive/index.html */
#archive .con li{
float:left;
width:290px;
padding:0 20px 20px 0;
}
#archive .con li img{
float:left;
width:120px;
margin-right:10px;
}
#archive .con li span{
display:block;
width:160px;
float:left;
}

/*--------------------------------------- 04: about/index.html */
#about .frame{
padding:20px;
margin-bottom:35px;
line-height:1.7
}

/* profile */
#about .ic01{margin:0;}
#about .con .floatL{width:460px;}
#about .con .floatR{width:470px;}
#about .con .pic{
float:left;
width:175px;
}
#about .con .txt{
float:left;
width:280px;
}
#about .con .floatR .txt{width:290px;}
#about .con .txt dd{padding-top:20px;}
#about .con .txt dd.url{padding-top:0;}

/*--------------------------------------- 05: inquiry/index.html */
#inquiry .main table{margin-top:30px;}
#inquiry .main table th{text-align:right;}
#inquiry .main table td{padding:8px 0 8px 13px;}
#inquiry .main input,
#inquiry .main textarea {
padding:2px;
vertical-align:middle;
}
#inquiry .main input{width:600px;}
#inquiry .main textarea {width:610px;}

#inquiry .main input#name{width:400px;}
#inquiry .main .noWidth input{width:auto; }
#inquiry .main .btn{padding-top:30px;}
#inquiry .main label {
vertical-align:middle;
padding:0 18px 0 4px;
}

input:focus, select:focus, textarea:focus{background-color:#FFFFF5;}

/*--------------------------------------- 06: archiveKimono/index.html */
#archiveKimono .pb{padding-bottom:40px;}
#archiveKimono .con{
padding-bottom:20px;
margin-bottom:20px;
border-bottom:solid 1px #000;
}
#archiveKimono .con .pic{
float:left;
width:145px;
}
#archiveKimono .con dt{padding-bottom:4px;}
#archiveKimono .con dd{padding-bottom:30px;}

/*--------------------------------------- 07: link/index.html */
#link .con dl{
float:left;
width:270px;
padding:0 40px 50px 0;
}
#link .con dd{line-height:1.8;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common contents */

/*--------------------------------------- all center */
body,
.container,
#footer{text-align:center;}

h1 span,
#header,
.main,
#footer div,
.pgtp{
width:950px;
margin:0 auto;
text-align:left;
}
h1 span{
width:740px;
text-align:right;
padding-left:210px;}
#footer div,
.pgtp{text-align:right;}

/*--------------------------------------- container */
.container{background:url(http://www.kbs-kyoto.co.jp/tv/senka/common/img/main_bg.jpg) 0 0 repeat-x #FFF; z-index:1;
}


/*--------------------------------------- global navigation */
#header ul{
width:743px;
float:right;
text-align:right;
}
#header li{
float:left;
width:184px;
}
#header li.w185{width:185px;} 
#header li.w187{width:187px;} 

/*--------------------------------------- main contents */
.main{margin-top:30px;
min-height:640px;}

	/* IE6 min-height */
	* html .main{height:640px;}

/*--------------------------------------- footer */
#footer{
background:url(http://www.kbs-kyoto.co.jp/tv/senka/common/img/ft_bg.jpg) 0 0 repeat-x;
padding:30px 0 30px;
}
#footer p{float:right;}
#footer p.logo{width:115px;}
#footer p.copy{
width:835px;
letter-spacing:0.1em;
padding-top:10px;}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: clear */

#header:after,
.gNavi:after,
.con:after,
#index .main dl:after,
#index .main .txtLink:after,
#outline .ttl:after,
#archive .con ul:after,
#archiveKimono .con dd:after,
#footer:after{
content:"."; 
display:block; 
clear:both; 
height:0;
line-height:0;
visibility:hidden;
font-size: 0;
}

	/* IE6 */
	* html #header,
	* html .gNavi,
	* html .con,
	* html #index .main dl:after,
	* html #index .main .txtLink,
	* html #outline .ttl,
	* html #archive .con ul,
	* html #archiveKimono .con dd,
	* html #footer{height:1%;}

	/* IE7 */
	*:first-child+html #header,
	*:first-child+html .gNavi,
	*:first-child+html .con,
	*:first-child+html #index .main dl,
	*:first-child+html #index .main .txtLink,
	*:first-child+html #outline .ttl,
	*:first-child+html #archive .con ul,
	*:first-child+html #archiveKimono .con dd,
	*:first-child+html #footer{display:inline-block;}