@charset "utf-8";

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::
	初期化
::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym { border:0;}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::
	ベース
::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
}


#wrapper{
	border-top: #ccc 2px solid;
	border-bottom: #ccc 2px solid;
	margin: 0 0 5px 0;
}


/*------リンク-------------------------------*/

a {}
a:link {}
a:visited {}
a:hover {}
a:active {}

a:focus {
	/*\*/
		overflow: auto;
	/**/
	}
/*------etc-------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


hr{
	visibility:hidden;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::
	コンテンツ
::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*------------ Javascript警告 -------------*/
#jsWarning {
	width: 100%;
	margin: 0 auto;
	background: #000;
	}
	#jsWarning p {
		padding: 10px 0;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		text-align: center;
		}

/*------------ 放送終了後対応 -------------*/
#caution {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #fff;
	font-size: 12px;
	font-weight: bold;
	color: #CF0000;
	text-align: center;
}



@charset "utf-8";


#container {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background: #000000;
	}

/*------------------------
  tab
--------------------------*/
#tab {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	height: 60px;
	overflow: hidden;
}
#tab li {
	float: left;
	width: 160px;
	height: 60px;
	background: url(../images/tab1.png) no-repeat;
}
#tab li a {
	display: block;
	width: 140px;
	height: 40px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

#tab li a:hover{
	color: #000;
	border-color: #333;
	background: url(../images/tab4.png) no-repeat;
}

#tab li.present a {
	border-color: #333;
	color: #FFF;
	background: url(../images/tab3.png) no-repeat;
}

/*------------------------
  contents
--------------------------*/
#contents {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

#kubota{
	background: #0c0805;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

#kubota .main{
	width: 980px;
	height: 804px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/01_kubota.jpg) no-repeat;
}

#tube{
	background: #6F84D3;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

#tube .main{
	width: 1000px;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/02_tube.jpg) no-repeat center;
}

#ai{
	background: #9f0000;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

#ai .main{
	width: 980px;
	height: 1269px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/03_ai.jpg) no-repeat center;
	overflow: visible;
}

#k2c{
	background: #100f39;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

#k2c .main{
	height: 1260px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/04_k2c.jpg) no-repeat center;
	overflow: visible;
}
#kikkawa{
	background: #000000;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

#kikkawa .main{
	height: 898px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/05_kikkawa.jpg) no-repeat center;
	overflow: visible;
	border-top: 1px solid #999999;
}

/************************************************************************************
SP HEADER
*************************************************************************************/
/* header  ------------------------------*/
#header{
	padding:0.5em 1em;
}
#header h1{
	float:left;
}

/* Btn  ------------------------------*/
.btn{
	background: -webkit-gradient(linear, left top, left bottom, from( #f3f3f3 ), color-stop(0.49, #FFFFFF), color-stop(0.50, #dcdcdc), to( #d6d6d6 ));
	-webkit-appearance: none;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 2px 2px #999;
	margin:0.5em 0;
}
.btn a{
	font-weight:bold;
	color: #317b00;
	text-decoration:none;
	text-align: center;
	display:block;
	padding:0.3em;
	background:url(../images/i_dotted.png) ;
}
.btn img {
	margin-right:0.5em;
}


.main h2 {
	display: none;
	font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}
.main h3 {
	display: none;
	font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}
.main p {
	display: none;
	font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}
