@import url(./font.css);

/*******************************
 気ままにサングリア
 サイト全体CSS
*******************************/

/* body定義 *************************/
 body{
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
	
	
/* 汎用link定義 *************************/
a {
	text-decoration: none;
}
a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:active {
	color: #FF3333;
}
a:hover {
	color: #FF3333; text-decoration: underline;
}


/* hr定義 *************************/
hr{
	color: #666666;
	width: 100%;
	noshade;
}

/* text-table定義 *************************/
table.table_txt{
	background-color: #FFFFFF;
	width: 570px;
	margin: 0 auto;
	border-left: 10px double #6699CC;
	border-top: 1px dotted #6699CC;
	text-align: center;
}

td.td_txt{
	margin: 0 auto;
	text-align: left;
	border-bottom: 1px dotted #6699CC;
	font-size:11px;
	color:#000000;
	line-height:13px;
}
td.td_txt_title{
	margin: 0 auto;
	text-align: left;
	border-bottom: 1px solid #6699CC;
	border-top: 1px solid #6699CC;
	background-color: #D2E7FF;
	font-size:12px;
	color:#000000;
	line-height:14px;
}

td.td_txt_new{
	margin: 0 auto;
	text-align: left;
	border-bottom: 1px dotted #6699CC;
	background-color: #FFE6CE;
	font-size:11px;
	color:#000000;
	line-height:13px;
}

/* 全体定義 *************************/
#container {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 700px;
	background-color: #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}

/* header定義 *************************/
#header {
	background-image: url(alles/header.gif);
	height:86px;
	width:700px;
	background-color: #666666;
	margin: 0 auto;
	text-align: left;
}

/* footer定義 *************************/
#footer {
	background-image: url(alles/footer.gif);
	height: 53px;
	width: 700px;
	background-color: #666666;
	margin: 0 auto;
	text-align: center;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}


/* 内容定義 ***********************************/
/*** メニュー定義 ****************************/
#menu{
	background-color: #555555;
	width: 700px;
	display: block;
	position: relative;
	margin: 0 auto;
	text-align: left;
}


/*** What's new定義 ****************************/
#new{
	background-color: #FFFFFF;
	width: 700px;
	margin: 0 auto;
	text-align: left;
	border-bottom: 1px solid #666666;
}

/*** TOP Diary定義 ****************************/
#content{
	margin: 0 auto;
	float: left;
	text-align: left;
	vertical-align: top;
	width: 470px;
	background-color: #FFFFFF;
}
#content img.shadow {
	display: block;
	position: relative;
	margin: 2px 5px 2px 5px;
	padding: 7px;
	border: 1px solid #CCCCCC;
	border-color: #DDDDDD #999999 #999999 #CCCCCC;
	background-color: #FFFFFF;
}
#content img.normal {
	display: block;
	position: relative;
	padding: 8px;
	border: 0px;
}
#content .baton{
	display: block;
	position: relative;
	padding: 12px;
	text-align: left;
	background-image: url(alles/back/baton2.gif);
	background-repeat: repeat;
	font-size: 12px;
	color: #800019;
}

	

/*** トピック定義 *************************/
#topic{
	margin: 0px auto;
	float: right;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
	width: 220px;
	border-left: 1px solid #666666;
}
#topic a:link {
	COLOR:#CC6666; font-style: italic; background-color:#FFFFFF; border-bottom: 1px dotted #FFCCCC; text-decoration: none;
}
#topic a:hover {
	COLOR:#CC6666; font-style: italic; background-color:#FFFFFF; border-bottom: 1px solid #CC6666; text-decoration: none;
}
#topic a:active {
	COLOR:#CC6666; font-style: italic; background-color:#FFFFFF; border-bottom: 1px solid #CC6666; text-decoration: none;
}
#topic a:visited {
	COLOR:#CC6666; font-style: italic; background-color:#FFFFFF; border-bottom: 1px dotted #FFCCCC; text-decoration: none;
}
#topic h3 {
	display: block;
	position: relative;
	background-image: url(alles/link_title.gif);
	background-repeat: repeat-y;
	font-weight: normal;
	font-size: 10pt;
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;

	color: #660000;
	line-height: 20px;
	height: 20px;
	padding: 0px 0px 0px 20px;
}


/*** プロフィール定義 *************************/
#prf{
	background-color: #FFFFFF;
	width: 700px;
	margin: 0 auto;
	text-align: left;
}

/*** 同盟定義 *************************/
#union{
	background-color: #FFFFFF;
	vertical-align: top;
	width: 700px;
	margin: 0 auto;
	text-align: left;
	border-top: 1px dashed #666666;
}

/*** リンク定義 *************************/
#def_link{
	background-color: #FFFFFF;
	vertical-align: top;
	width: 700px;
	margin: 0 auto;
	text-align: left;
	border-bottom: 1px solid #666666;
}
#def_link a:link {
	COLOR:#AAAAAA; TEXT-DECORATION: none; 
}
#def_link a:hover {
	COLOR:#333333; TEXT-DECORATION: none; background-color:#BBBBBB;
}
#def_link a:active {
	COLOR:#BBBBBB; TEXT-DECORATION:none; background-color:#BBBBBB;
}
#def_link a:visited {
	COLOR:#777777; border-bottom: 1px dotted #999999;
}

#def_link h3 {
	display: block;
	position: relative;
	background-image: url(alles/link_title.gif);
	background-repeat: repeat-y;
	font-weight: normal;
	font-size: 10pt;
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;

	color: #660000;
	line-height: 20px;
	height: 20px;
	padding: 0px 0px 0px 20px;
}

/*** オフライン定義 *************************/
#def_off{
	background-color: #FFFFFF;
	vertical-align: top;
	width: 700px;
	margin: 0 auto;
	text-align: left;
}
#def_off a:link {
	COLOR:#AAAAAA; TEXT-DECORATION: none; 
}
#def_off a:hover {
	COLOR:#333333; TEXT-DECORATION: none; background-color:#BBBBBB;
}
#def_off a:active {
	COLOR:#BBBBBB; TEXT-DECORATION:none; background-color:#BBBBBB;
}
#def_off a:visited {
	COLOR:#777777; border-bottom: 1px dotted #999999;
}

#def_off h3 {
	display: block;
	position: relative;
	background-image: url(alles/link_title.gif);
	background-repeat: repeat-y;
	font-weight: normal;
	font-size: 10pt;
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;

	color: #660000;
	line-height: 20px;
	height: 20px;
	padding: 0px 0px 0px 20px;
}
#def_off2{
	background-color: #FFFFFF;
	vertical-align: top;
	width: 600px;
	margin: 0 auto;
	text-align: left;
}


/*** テキスト定義 *************************/
#txt_ad{
	background-color: #FFFFFF;
	width: 700px;
	vertical-align: top;
	margin: 0 auto;
	text-align: left;
	border-bottom: 1px solid #666666;
}
#txt_ad2{
	background-color: #FFFFFF;
	width: 700px;
	vertical-align: top;
	margin: 0 auto;
	text-align: left;
	border-bottom: 1px solid #666666;
}


/* form定義 *************************/
input,textarea{
	background-color:#EEFFEE;
	border:1px #DDDDDD solid;
	color: #090099;
}
input.button{
	color:#000000;
	border: 1px solid #DDDDDD;
	border-color: #DDDDDD #999999 #999999 #CCCCCC;
	background-color: #FFFFFF;
}


/* ifame定義 *************************/
#iframe {
	margin: 0 auto;
	padding: 5px;
	text-align: left;
}
#iframe .txt{
	margin: 0 auto;
	padding-left: 10px;
	text-align: left;
	font-size : 13px;
	line-height : 18px;
	color: #666666;
}
#iframe .txt0{
	margin: 10px 8px 25px 8px;
	text-align: left;
	font-size : 13px;
	line-height : 18px;
	letter-spacing : 1px;
	color: #5353aa;
}
#iframe .prof{
	margin: 10px 8px 25px 8px;
	padding: 10px;
	text-align: left;
	font-size : 12px;
	line-height : 18px;
	letter-spacing : 1px;
	color: #AAAAAA;
	border: #CCCCCC 1px solid;
}

/* list定義 *************************/
li{
	list-style-type: circle;
}
.btn_01{
	font-size: 10px;
	color: #88CCAA;
}