@charset "UTF-8";
/* ======== common ======== */

/* clearfix */
.clearfix:after {
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
line-height: 0;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* for macIE ¥*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* end of for macIE */

.clear { clear:both; }  
.clear hr { display:none; }  

/* -------- text -------- */

.txt12{
	font-size:12px;
	line-height:180%;	
}
.txtSmallXX{
	font-size:50%;
line-height:180%;		
}
.txtSmallX{
	font-size:60%;
line-height:180%;		
}
.txtSmall{
	font-size:65%;
line-height:180%;		
}
.txtMedium{
	font-size:75%;
	line-height:180%;	
}
.txtLarge{
	font-size:85%;
line-height:180%;	
}
.txtLargeX{
	font-size:100%;
	line-height:180%;	
}
.txtLargeXX{
	font-size:120%;
	line-height:180%;	
}
.txtRed{
	color:#CC0000;
}
.txtBold{
	font-weight:bold;
}
.txtEx{
}

.brown {
    color:#663300;
}



/* ---------- link ---------- */

a:link{
	color:#CC0000;
	text-decoration:none;
}
a:visited{
	color:#CC0000;
	text-decoration:none;
}
a:hover{
	color:#BB4529;
	text-decoration:underline;
}
a:active{
	color:#BB4529;
	text-decoration:underline;
}

a.ex:link{
	color:#CC0000;
	text-decoration:none;
}
a.ex:visited{
	color:#CC0000;
	text-decoration:none;
}
a.ex:hover{
	color:#BB4529;
	text-decoration:underline;
}
a.ex:active{
	color:#BB4529;
	text-decoration:underline;
}

a {
   outline:none;
}

/* -------- init -------- */

body,h1,h2,h3,h4,h5,h6,ul,ol,li,p,img,table,th,td,form,dl,dt,dd,input{
	margin:0;
	padding:0;
	
}
img{
	border:0px none;
}
h1,h2,h3,h4,h5,h6,table,th,td{
	font-weight:normal;
}
h1,h2 h3,h4,h5,h6{
	font-size:100%;
}

ul,li {
   list-style:none;
}


/* ======== body ======== */

body{
	text-align:center;
	color: #333333;
	background-color:#FBFBFB;
}


/* ======== wrapper ======== */


#wrapper {
	margin-right: auto;
	margin-left: auto;
	width:960px;
	padding:0 2px 20px 2px;
	background-image: url(../commonImg/back_img.jpg);
	background-repeat: repeat-y;
}


/* ======== header ======== */
#header {
	width:960px;
	height:100px;
	text-align:left;
	clear: both;
	margin-bottom:10px;
}

#header .logo{
	position:relative;
	top:20px;
	left:50px;
	width:122px;
	height:74px;
}

#header .taisukearea {
   position:relative;
   top:-40px;
   left:390px;
   width:554px;
}

#header .temperature {
	font-size:10px;
	position:relative;
   top:-10px;
   left:230px;
   width:96px;
   background-color:#000;
   border-collapse:collapse;
   color:#FFF;
}


#header .temperature table tr td{
	padding:0 1px;
}

#header .temperature table tr td{
	font-stretch:expanded;
}

.ora {
	color:#FC0;
}

/* ======== main ======== */

#main{
	width:960px;
	clear: both;
}

#main #leftarea {
   width:220px;
   float:left;
}

#main #leftarea ul li {
   margin-bottom:10px;

}

#main #leftarea ul li a{

}


#main #rightarea {
width:720px;
float:left;
padding:0px 10px;
text-align:left;
}

#main .imgarea {
   margin-bottom:15px;

}

#main #rightarea .newsarea {
width:450px;
float:left;
}


#main #rightarea .newsarea dl.list dt {
	clear: left;
	float: left;
	margin:0 0 0.8em;
	width: 70px;
	color:#0099CC;
}

#main #rightarea .newsarea dl.list a{
	color:#333333;
}

#main #rightarea .newsarea dl.list dd {
	margin-bottom: 1.5em;
	margin-left: 0em;
	width:420px;
}

#main #rightarea .whatsnewarea dl.list dt {
	clear: left;
	float: left;
	margin:0 0 0.8em;
	width: 70px;
	color:#0099CC;
}


#main #rightarea .whatsnewarea dl.list dd {
	margin-bottom: 0.8em;
	margin-left: 0em;
	width:230px;
}

#main #rightarea ul li .day {
   color:#0099CC;
}

#main #rightarea .newsarea h2{
	background-image: url(../commonImg/top_news_title.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 450px;
	text-indent: -9999px;
	margin-bottom:10px;
}

#main #rightarea .whatsnewarea {
width:260px;
margin-left:10px;
float:left;
}

#main #rightarea .whatsnewarea h2{
	background-image: url(../commonImg/top_whatsnew_title.gif);
	background-repeat: no-repeat;
	height: 40px;
	width:260px;
	text-indent: -9999px;
	margin-bottom:10px;
}

#main #rightarea .title_area{
}


/* ======== footer ======== */

#footer{
	width:964px;
	background-image: url(../commonImg/footer_img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 120px;
	padding-top: 25px;
}

#footer ul {
  position: relative;
  left: 50%;
  float: left;
}


#footer ul li{
	position: relative;
    left: -50%;
    float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}

#footer ul li.first{	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}

address {
   font-style:normal;
}

address a:link{
   color:#333333;
   text-decoration:underline;
}

address a:hover{
   color:#990000;
   text-decoration:none;
}

.centered {
  position: relative;
  overflow: hidden;
}

#footer .ulfullogo {
   position:relative;
   width:114px;
   height:32px;
   top:-65px;
   left:810px;}


/* ======== mail ======== */

#mainContBoxWide {
	width: 690px;
}


#WideMailLeft {
	float: left;
	width: 300px;
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
}

 #WideMailRight {
	float: right;
	width: 300px;
	margin: 0 10px 0 0;
	padding: 0 0 10px 0;
}

#WideMailLeft .formTab,#WideMailRight .formTab {
	color: #996600;
}

#mainContBoxWide p,#WideMailLeft p,#WideMailRight p {
	font-size: 12px;
	margin: 0 0 15px 0;
}

#WideMailLeft .formRed,#WideMailRight .formRed {
	color: #9b352b;
	font-weight: bold;
}

#mainContBoxWide table,#WideMailLeft table,#WideMailRight table {
	margin: 0 15px;
}
 
#mainContBoxWide table td,#WideMailLeft table td,#WideMailRight table td {
	font-size: 12px;
	line-height: 160%;
}

#mainContBoxWide.#WideMailLeft .title,#WideMailRight .title {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	margin: 10px 0 10px 15px;
}

/*profile*/
#profBox {
	margin: 15px 0 0 45px;
}

#profBox p img,#profBox h3 img {
	margin: 0 0 20px 0;
}

#profBox p {
	line-height: 160%;
}

.entryNew{
	display: inline;
	vertical-align: bottom;
	}
	
/*drums*/
#drumsBox {
	margin: 15px 0 0 0;
}

#drumsBox .tab01 {
	width: 100%;
	margin: 20px 0 0 0;
}

#drumsBox .tab02 {
	margin: 0 0 0 3px;
}

#drumsBox table img {
	border: 1px solid #CCCCCC;
	padding: 1px;
}

#drumsBox .tab01 .title01{
	font-size: 14px;
	font-weight: bold;
}

#drumsBox h3 {
	font-size: 12px;
	font-weigth: bold;
	margin: 0 0 0 6px;
}

#drumsBox .commentBox {
	margin: 5px  5px 50px 5px;
	padding: 10px;
}

#drumsBox .commentBox p {
	margin: 0 0 5px 0;
	line-height: 160%;
}

#linkBox table {
	margin: 15px auto 0 auto;
}

#linkBox table td {
    font-size: 12px;
	line-height: 140%;
	width: 240px;
	padding-bottom: 15px;
}

#linkBox table td img {
	text-align: center;
}

#linkBox2 table {
	margin: 15px 0 0 15px;
	width: 650px;
}

#linkBox2 table td {
    font-size: 11px;
	line-height: 160%;
	padding-bottom: 20px;
}

#linkBox2 table td img {
	margin-right: 10px;

}



/* ======== commomn ======== */


.padall_10 {
   padding:10px;
}

.pad_05 {
   padding:0 5px;
}

.pad_10 {
   padding:0 10px;
}


.pad_15 {
   padding:0 15px;
}


.tmarg_05 {
   margin-top:5px;
}

.tmarg_10 {
   margin-top:10px;
}

.bmarg_05 {
   margin-bottom:5px;
}

.bmarg_10 {
   margin-bottom:10px;
}


.bmarg_15 {
   margin-bottom:15px;
}


.bmarg_25 {
   margin-bottom:25px;
}


.lmarg_05 {
   margin-left:5px;
}

.lmarg_10 {
   margin-left:10px;
}


.rmarg_05 {
   margin-right:5px;
}

.rmarg_10 {
   margin-right:10px;
}


.fleft {
    float:left;
}

.fright {
   float:right;
}

.acenter {
   text-align:center;
}

.aleft {
   text-align:left;
}

.aright {
   text-align:right;
}

.w350 {
   width:350px;
}

img  {
border:0 none;
}

* {
margin:0;
padding:0;
}


/*Ajax Calendar*/
#calendar {
    margin: 5px 0 10px;
    color: #444444;
    margin-top: 15px;
}
.calendarhead {
    padding-bottom: 5px;
    font-size: 9px;
    letter-spacing: 0.2em;
}
#calendar table {
    padding: 0;
    border-collapse: collapse;
}
#calendar th {
    padding-bottom: 3px;
    text-align: center;
    font-size: 10px;
    width: 23px;
}
#calendar td {
    padding: 2px 0;
    text-align: center;
    font-size: 11px;
    line-height: 120%;
}
.today { /*本日のスタイル*/
    display: block;
    /*border: 1px solid #444444;*/
    /*font-weight: bold;*/
    color:#339900;
    text-decoration: underline;
}
.sunday, /*日曜祝日のスタイル*/
.holiday,
.holiday a:link,
.holiday a:visited {
    color: #ff6600;
}
.saturday, /*土曜日のスタイル*/
.saturday a:link,
.saturday a:visited {
    color: #006699;
}




/**/
/*Pager
*/
#pager {
 text-align: center; }

.current_page {
 font-size: 11px;
 padding: 5px;
 border: solid 1px #ccc; }

.link_page {
 font-size: 11px;
 padding: 5px;
 border: solid 1px #ccc; }

.link_next {
 font-size: 11px;
 padding: 5px;
 border: solid 1px #ccc; }

.link_before { font-size: 11px;
 padding:   5px;
 border:    solid 1px #ccc; }
 
 
 
 
 /*twitter*/
 
 
 #twtr-widget-1 {
	 margin-left:25px;
	 margin-bottom:10px;}
	  
 #twtr-widget-1 p {
	 font-size:11px; }
	 
	 
#twtr-widget-1 .twtr-ft span {
	float:left;
	font-size:9px;
	display:none;
}