@charset "utf-8";
/* CSS Document */

body {
	background: #000000 url(images/takedabishi5.gif) ;
	width: 100%; 
	background-repeat: repeat;            /* 背景を繰り返さない */
	width: 100%; 
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	
}



a {
	color: #8b0000;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #c03;
	text-decoration: underline;
}



h2 {
	font-size: 16px;
	color: #FFFFFF;
	margin: 10px;
}


#outline{
width : 900px ;
text-align : left ;
border : solid 2px #000000 ;
}

#margin{
width : 900px ;
text-align : left ;
border : solid 2px #000000 ;
}
.header{
width : 100% ;
height: 100px;
background: #000 url(images/top_logo.jpg);
background-repeat: no-repeat;     
text-align : auto ;
margin:0px;
}



.margin {
margin : 10px ;
}


.main {
width : 570px ;
background : #000 ;
float : left ;
}


.main01 {
width : 550px ;
background : #000 ;
margin: 10px;
}


.main02 {
width : 550px ;
background : #000 ;
margin : 10px ;
}


.side {
width : 300px ;
background : #000 ;
float : right ;
}

.side01 {
width : 280px ;
background : #ccc ;
margin : 10px ;
}

.side02 {
width : 280px ;
background : #ccc ;
margin : 10px ;
}


.c-both {
clear : both ;
}


.footer{
width : 100% ;
background : #8b0000 ;
text-align : center ;
vertical-align: middle;
color: #cccccc;
padding-top:30px;

height: 30px;
} 


/* twitter */
ul.twitter {
	clear: both;
	background: #444444  top no-repeat;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	list-style: none;
	list-style-image: none;
	border: 2px solid #000;
}
ul.twitter li {
	margin: 0px!;
	padding: 0px;
	list-style: none;
	list-style-image: none;
}
ul.twitter li.ti {
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px;
}
ul.twitter li.tt {
	width: auto;
	margin: 0px;
	margin-left: 50px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 7px;
	padding-left: 10px;
	background: #fff;
	border-radius: 6px;
	position: relative;
}
/* clearfix */
ul.twitter:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.2em;
	line-height: 0;
	clear: both;
}
/* 吹き出しの部分 */
ul.twitter li.tt .arrow {
	width: 0;
	height: 0;
	line-height: 0;
	border-top: 20px solid #fff;
	border-right: none;
	border-left: 20px solid transparent ;
	position: absolute;
	bottom: 60%;
	left: -10px;
	top: 10px;
}

/* ----------------------------
             角丸
---------------------------- */
.radius {
	border-radius: 6px; /* CSS3 */
	-webkit-border-radius: 6px; /* Safari, GoogleChrome */
	-moz-border-radius: 6px; /* Firefox */
}