/**  

common.css   Date: 2009.3.13

==============================
Used Hacks are 

html>body .xxx{margin:10px} //for except IE
*html .xxx {width: 202px}  //for IE
_width//for IE4-6
behavior:url(iepngfix.htc) // png transparent for IE
*:first-child+html{}// for IE7
html* .xxx {width: 202px}  //for safari

@charset "shift_jis";

for alpha images:
xxx a:hover{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6; 
}
==============================

**/


/* Initial Setting */

*{margin:0; padding:0; background-repeat:no-repeat; line-height:140%; font-size:100%; font-family:verdana, Arial, Helvetica, sans-serif;}

a {text-decoration:none; color:#0099FF}
a:hover {color:#fff!important; background-color:#FF9900}

img, table {border: none}

li {list-style: none}

h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}

.clear{clear:both; height:0; line-height:0; font-size:0}

.space10 {height: 10px}

.space20 {height: 20px}

.space30 {height: 30px}

.space40 {height: 40px}

.space100 {height: 100px}

.left {float:left}

.right {float:right}
	
/* Initial Setting */


body{
	text-align:center;
}

#Header{
	width:auto;
	height:auto;
	text-align:left;
	background-color:#333333;
}

#HeaderIn{
	width:950px;
	height:auto;
	margin:0 auto;
	padding-top:10px
}


#HeaderIn h2{
	color:#999999;
	font-size:12px;
	text-align:right;
	margin-top:-20px
}

#HeaderIn #Backhome {
	text-align:right;
	margin-top:10px
}

#HeaderIn #Backhome a{
	color:#ffffff;
	font-size:10px;
	text-align:right;

}
#Wrapper{
	width:1004px;
	height:auto;
	text-align:left;
	margin:0 auto
}


#Left{
	margin-top:40px;
	font-size:10px
}

#Left p{
	margin-bottom:6px;
}


#Main{
	font-size:12px;
	margin:40px 20px 0 0;
	background-image: url(../images/LineVertical.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding:0 0 0 40px
}

#Main .Article{
	margin-bottom:40px
}

#Main .Date{
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
	margin-bottom:10px
}

#Main .Btitle{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px
}

#Main .Btitle a{
	color:#333333;
}

#Main .Btitle a:hover{
	color:#FF6600
}

#Main .Comment{
	text-align:right;
	font-size:10px;
	margin-top:50px
}


#Main .Comment a{
	text-align:right;
	color:#0099FF
}

#Main .Comment a:hover{
	color:#FF6600
}


#Main .Line{
	margin:2px 0;
	border-bottom:1px solid #CCCCCC;
	height:1px
}

#Menu{
	font-size:10px;
	margin:40px 0 80px 0;
}


#Menu ul{
	margin:10px 0;
}

#Menu ul li{
	background-image: url(../images/Arrow02.gif);
	background-position: left 2px;
	margin:0 6px 6px 6px;
	padding-left: 14px;
}

#Menu ul li a{
	color:#333333
}

#Menu ul li a:hover{
	background-color:#FF9900;
	color:#FFFFFF
}

#Menu .Line{
	background-image: url(../images/line_01.gif);
	background-repeat: repeat-x;
	height:8px;
	display:block;
	margin:2px 10px 6px 10px
}

#Copy{
	font-size:10px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px
}



.WrapTable{
	width:420px;
	margin-top:20px;
	background-image: url(../images/MenuBack.gif);
	background-repeat: repeat;
}


.WrapTable table{
	width:100%
}

.WrapTable table th{
	font-size:10px;
	font-weight:normal;
	text-align:right;
	padding:6px 10px;
	width:80px
}
.WrapTable table td{
	padding:6px 0;
}

.WrapTable .txtbx{
	width:180px;
	height:18px
}

.WrapTable #comment{
	width:250px;
	height:120px
}


.WrapTable #submit{
	margin:10px 0
}



#comments{
	font-size:10px;
	margin-top:20px;
	margin-bottom:10px
}


#com{
	font-size:10px;
}

#com p{
	margin:0 10px 4px 0
 }

#com .Line{
	margin-bottom:20px!important
 }

.datecom{
	color:#99CC00
}



#wp-calendar{
	margin:0 auto;
	text-align:center
 }

#wp-calendar a{
	text-decoration:underline;
	color:#0099FF
 }
 
 #wp-calendar a:hover{
	text-decoration:underline;
	background-color:#FF9900;
	color:#FFFFFF
 }
 
 
*html #wp-calendar{
	margin-left:18px
 }