@charset "utf-8";
/*___________ 基本設定 ==の部分に値を入れます。___________ */
body {
margin:0;
padding:0;
font:12px/16px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
text-align:center;
background-image:url(img/bg.gif);
background-repeat:repeat;
}
.size {
	width:1080px;
	margin:0 auto;

}
div,td,th {
text-align:left;
}
img {
border:0;

}
p,pre {
margin:0;
font:12px/16px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
}
li {
margin: 0;
list-style: none;
}
ol, ul {
margin: 0;
padding:0;
}
h1 {
font-size:16px;
line-height:20px;
font-weight:bold;
margin:0;
}
h2 {
font-size:14px;
line-height:18px;
font-weight:bold;
margin:0;
}
h3 {
font-size:12px;
line-height:16px;
font-weight:bold;
margin:0;
}
h4,h5,h6 {
font-size:8px;
line-height:10px;
font-weight:normal;
margin:0px;
}
select {
display:block;
}
form {
margin:0;
}
.indent {
text-indent:-9999px;
font-size:9px;
line-height:10px;
}
/* ____ フロートボックス解除用。htmlでは<br class="clear">で使用 ____ */
.clear {
clear:both;
}
/* ____________ 横並び時のフロートボックスは以下が基本 __________ */
.== {
width:==px;
float:left;
}
/* ____ 横並び時のフロートボックスでマージンを使う場合は以下が基本 ____ */
.== {
width:==px;
margin:==;
float:left;
display:inline;
}
/* ____ パディングやボーダー左右を使う場合はwidthと一緒に使わない。  _____ */
.== {
padding:==;
}
.== {
border:==px solid #==;
}
.== {
padding:==;
border:==px solid #==;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~~~ スワップイメージ（ロールオーバー）のひな形 ~~~~~~~~~~~*/
/* ~~~~~~~~~~~ ==の箇所を書き換えて使用します             ~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* ______ フロートありバージョン ______ */

.menu{
	background-color:#f6f176;
	height:30px;
	width:1080px;
	float: left;
}


.menu1 ,.menu1 a ,.menu1 a:hover,.menu1 a:focus{
width:100px;height:30px;text-indent:-2000px;
background:url(img/top.gif) no-repeat;
text-decoration: none;float:left;
}
.menu1 {
margin:0px;display:inline;
}
.menu1,.menu1 a:hover,.menu1 a:focus {
background:url(img/top2.gif) no-repeat;
}

.menu2 ,.menu2 a ,.menu2 a:hover,.menu2 a:focus{
width:100px;height:30px;text-indent:-2000px;
background:url(img/prof.gif) no-repeat;
text-decoration: none;float:left;
}
.menu2 {
margin:0px;display:inline;
}
.menu2,.menu2 a:hover,.menu2 a:focus {
background:url(img/prof2.gif) no-repeat;
}

.menu3 ,.menu3 a ,.menu3 a:hover,.menu3 a:focus{
width:100px;height:30px;text-indent:-2000px;
background:url(img/live.gif) no-repeat;
text-decoration: none;float:left;
}
.menu3 {
margin:0px;display:inline;
}
.menu3,.menu3 a:hover,.menu3 a:focus {
background:url(img/live2.gif) no-repeat;
}

.menu4 ,.menu4 a ,.menu4 a:hover,.menu4 a:focus{
width:100px;height:30px;text-indent:-2000px;
background:url(img/disco.gif) no-repeat;
text-decoration: none;float:left;
}
.menu4 {
margin:0px;display:inline;
}
.menu4,.menu4 a:hover,.menu4 a:focus {
background:url(img/disco2.gif) no-repeat;
}

.menu5 ,.menu5 a ,.menu5 a:hover,.menu5 a:focus{
width:100px;height:30px;text-indent:-2000px;
background:url(img/goods.gif) no-repeat;
text-decoration: none;float:left;
}
.menu5 {
margin:0px;display:inline;
}
.menu5,.menu5 a:hover,.menu5 a:focus {
background:url(img/goods2.gif) no-repeat;
}

.menu6 ,.menu6 a ,.menu6 a:hover,.menu6 a:focus{
width:100px;height:30px;text-indent:-2000px;
background:url(img/link.gif) no-repeat;
text-decoration: none;float:left;
}
.menu6 {
margin:0px;display:inline;
}
.menu6,.menu6 a:hover,.menu6 a:focus {
background:url(img/link2.gif) no-repeat;
}

.menu7 ,.menu7 a ,.menu7 a:hover,.menu7 a:focus{
width:100px;height:30px;text-indent:-2000px;
background:url(img/contact.gif) no-repeat;
text-decoration: none;float:left;
}
.menu7 {
margin:0px;display:inline;
}
.menu7,.menu7 a:hover,.menu7 a:focus {
background:url(img/contact2.gif) no-repeat;
}


/* ______ フロート無しバージョン ______ */

.== ,.== a ,.== a:hover,.== a:focus{
width:==px;height:==px;text-indent:-2000px;
background:url(image/==.gif) no-repeat;
text-decoration: none;display:block;
}
.== {
margin:==;
}
.==,.== a:hover,.== a:focus {
background:url(image/==_over.gif) no-repeat;
}

.top0{
	height:450px;
}

.top{
	height:400px;
	background-image:url(img/top.jpg);
}

.prof{
	height:450px;
	background-image:url(img/top-prof.jpg)
	}
	
	
a.btn-prf{
	height:450px;
	width:180px;
	background-position:left top;
	background-image:url(img/prof-dum.gif);
	background-repeat:no-repeat;
	float:left;
	display:block;
}

.main{
	background-color:#FFF;
		padding-left:10px;
	
}
.main-top{
	background-color:#FFF;
	float:left;
	width:1080px;
	height: auto;
}

.copyright{
	text-align:center;
	color:#090;
	background-color:#BFDE1E;
}
.blog{
	height:53px;
	background-color:#fff;

}
.blog2{
	height:49px;
			background-color:#fff;

}
.button{
		height:53px;
		width:135px;
		background-position:left top;
		text-indent:-2000px;
		background-repeat:no-repeat;
		float:left;
}
.button2{
		height:49px;
		width:140px;
		background-position:left top;
		text-indent:-2000px;
		background-repeat:no-repeat;
		float:left;
}

#p-prof{
width:300px;
margin:auto;
}

.d-l{
	width:255px;
	float:left;
}
.d-r{
	width:430px;
	float:left;
}


.g-l{
	width:360px;
	float:left;
}

.g-r{
	width:310px;
	float:left;
	margin-left: 5px;
}

.space {
	height:1px;
	color:#BFDE1E;
	clear:both;
}
.title-red {
font-size:14px;
line-height:16px;
font-weight:bold;
margin:0;
color:#F00;
}
.title {
font-size:14px;
line-height:16px;
font-weight:bold;
margin:0;
}
.titlel{
font-size:16px;
line-height:16px;
font-weight:bold;
margin:0;
}
.credit {
font-size:10px;
line-height:12px;
margin:0;
}
.news{
	background-color:#FFF;
}
.youtube{
	width:320px;
	float:left;
	display:inline;
}
.topnews{
	width:760px;
	height:100px;
}
.news190{
		width:190px;
	height:100px;
		float:left;}
		
.facebook{
	width:292px;
	background-color:#FFF;
}

.left{
	width:760px;
	float:left;
}
.right{
	width:320px;
	float:left;
}
.newsbox{
padding-left:10px;
}
h2.tut{
	color:white;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:16px;
	padding:12px 0 0 58px;
	text-transform:uppercase;
	
	text-shadow:2px 1px 6px #333;
}

#twitter-ticker{
	width:320px;
	height:400px;
	background:url(img/slickbg.png) no-repeat #f5f5f5;
	color:#666666;
	display:none;
	
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;

	text-align:left;
}

#tweet-container{
	height:330px;
	width:auto;
	overflow:hidden;
}

#twitIcon{
	position:absolute;
	top:-25px;
	left:-10px;
	width:32px;
	height:32px;
}

#top-bar{
	height:45px;
	background:url(img/top_bar.png) repeat-x;
	border-bottom:1px solid white;
	position:relative;
	margin-bottom:8px;
	
	-moz-border-radius:6px 6px 0 0;
}

.tweet{
	padding:5px;
	margin:0 8px 8px;
	
	border:1px solid #F0F0F0;
	background:url(img/transparent.png);
	
	width:auto;
	overflow:hidden;
}

.tweet .avatar,
.tweet .user,
.tweet .time{
	float:left;
}

.tweet .time{
	text-transform:uppercase;
	font-size:10px;
	color:#AAAAAA;
	white-space:nowrap;
}


.tweet .avatar img{
	width:36px;
	height:36px;
	border:2px solid #eeeeee;
	margin:0 5px 5px 0;
}

.tweet .txt{
	clear:both;
}

.tweet .user{
	font-weight:bold;
}


#loading{
	margin:100px 95px;
}