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

@import url(/css/reset.css);
@import url(/css/clearfix.css);


/*index
-----------------------------*/

html,
body{
	vertical-align:middle;
	text-align:center;
	margin:auto;
	background-color: #EEFCFF;
	color: #666666;
	height:100%;
}

a{
	color: #00CCFF;
}
a:hover{
	color: #FF3399;
	background-color: #FFFF00;
}
a:visited{}

table,
table td{
text-align:center;
vertical-align:middle;
height:100%;
width:100%;}

div#wrap{
vertical-align:middle;
width:770px;
margin:auto;
}

div#main{
background-image:url(/image/bg.gif);
background-repeat:no-repeat;
background-position:center center;
width:770px;
height:390px;
text-align:left;}

div#section{
float:left;
width:400px;
padding:30px 20px 0 90px;
color:#666666;
line-height:1.6;
}
div#section p{
	font-size:16px;
	padding-bottom: 10px;
	line-height: 1.4;
}

div#section li{
	list-style-type:square;
	margin-left:1em;
	font-size: 77%;
	padding: 5px 0 5px;
}

div#section h2{
	font-weight:bold;
	color: #00CCFF;
	padding: 5px 0 3px;
}

div#section div#tag{
float:left;
width:190px;}

div#section div#gadget{
float:left;
width:190px;}

div#section textarea{
	width:160px;
	height:120px;
	border: 2px solid #00CCFF;
	color: #00CCFF;
}

div#blogparts{
	width:160px;
	float:left;
	clear:right;
	padding-top: 30px;
	text-align: center;
}

div#foot{
	margin:0 30px;
	border:3px solid #00CCFF;
	border-top:0 none;
	padding:20px 10px;
	background-color: #FFFFFF;
}

div#foot ul li{
display:inline;
padding:0 10px;}

div#foot ul li a.fS{
	text-decoration:none;
	color: #999999;
	font-size: 77%;
	padding-right: 3px;
}

address#kayac{
	width:500px;
	float:left;
	padding-top: 10px;
	text-align: right;
	font-weight: bold;
}

address#bm11{
padding-top:5px;
width:155px;
float:right;
clear:right;}

div#foot address#bm11 a{
display:block;
width:155px;
height:18px;
text-indent:99999px;
overflow:hidden;
background-repeat:no-repeat;
background-image:url(/image/bm11.gif);}

div#foot address#bm11 a:hover{
background-position:left bottom;}