﻿@charset "UTF-8";

body { 
	font-size: small;
	font: xsmall;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3","Times New Roman", Times, serif;
	letter-spacing: 0.05em;
	color:#000000;
	list-style:none;
	background-color:#ffffff;
	}



input,
textarea{
	font-size: 99%;
}

br{
letter-spacing:0;
}

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

Universal selector 

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

*{
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.8;
	font-size: 100%;
	font-weight: nomal;
	font-style: nomal;
	list-style:none;
    border:0;

}

/* ++++++ ブログの横幅設定 ++++++ */

#container {
	width: 100%;
	text-align: center;
	margin-left : auto ; 
	margin-right : auto ;
	clear:both;
	font-size: 12px;
}

#main {
	width: 900px;
	text-align: center;
	margin-left : auto ; 
	margin-right : auto ;
	clear:both;
	font-size: 12px;
}


/* コンテンツ部分の横幅 */
	

/* +++++++++++++++++++++ レイアウトのデザイン設定 +++++++++++++++++++++ */
/*  #はID名  */
/*  .はクラス名  */


body {
	margin: 0;
	padding:0;
	}
	

.clearfix {
    display: inline-block;
}

.clearfix:after {
    content: ".";
    font-size: 0.1em;
    line-height: 0;
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.clear {
	clear:both;
}


/* +++++++++++++++++++++ リンクテキストのカラー設定 +++++++++++++++++++++ */

 a	{
	color:#950000;
	}

 a:link	{
	color:#950000;
	text-decoration: none; /*下線無し*/
	}

 a:visited	{
	color:#950000;
	text-decoration: none; /*下線無し*/
	}

 a:hover {
	filter: alpha(opacity=20);
    -moz-opacity:0.20;
    opacity:0.20;
}

/* +++++++++++++++++++++ パーツのデザイン設定 +++++++++++++++++++++ */
#header_top {
	width:900px;
	z-index:1;
	filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
	
	}
	
#pre_right{
	width:100px;
	float:left;
}
	
#pre_left{
	width:800px;
	float:left;
	padding-bottom:20px;
}

#pre_center{
	width:870px;
	padding-top:10px;
	padding-right:30px;
}


#pre_center_l{
	width:405px;
	padding-right:10px;
	float:left;
	text-align:right;
	padding-bottom:10px;
	padding-top:10px;
}
#pre_center_r{
	width:445px;
	float:left;
	text-align:left;
	
	padding-bottom:10px;
	padding-top:10px;
}
	
.mark{
	width:900px;
	z-index:1;
	text-align:center;
	margin-top:50px;
	
	}
	
#live {
	width:900px;
	height:600px;
	z-index:1;
	text-align:left;
	filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
	}
#live01 {
	width:900px;
	height:10px;
	margin:0px;
	padding:0px;
	text-align:center;
	}
	
#live02 {
	width:900px;
	height:10px;
	margin:0px;
	padding:0px;
	text-align:center;
	}
	
	
#logo {
	width:900px;
	z-index:1;
	margin:0px;
	padding:0px;
	text-align:center;
	padding:20px;
	filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
	}
	
	
	
#live_in {
	width:820px;
	z-index:1;
	padding:40px;
	height:600px;
	margin-bottom:0px;
	text-align:left;
	margin:0px;
	padding-bottom:0px;
	
	}
	
	
	
	
.live_txt {
	}
	
	#live_in  p {
	margin:0px;
	padding-bottom:0px;
	
	width:820px;
	}

.pagetop{
width:900px;
height:30px;
clear:both;
z-index:1;
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}


.pagetop ul li{
	width:105px;
	list-style:none;
	text-align:right;
	float:right;
	padding-top:5px;
	padding-bottom:10px;
	font-size:10px;
}
.et_bt{
	padding-top:10px;
width:930px;
height:50px;
clear:both;
z-index:1;
	filter: alpha(opacity=0);
  -moz-opacity:0;
  opacity:0;
  text-align:left;
}

#logo02{
width:930px;
height:50px;
clear:both;
z-index:1;
	filter: alpha(opacity=0);
  -moz-opacity:0;
  opacity:0;
}


.et_bt ul li{
	list-style:none;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	font-size:10px;
  text-align:left;
}

