#a			{ text-decoration: none; color:#246eb0; }
#a:link			{ text-decoration: none; color:#003399; }
#a:visited		{ text-decoration: none; color:#2a49b0; }
#a:active		{ text-decoration: none; color:#003399; }
#a:hover			{ text-decoration: underline; color:#dd0000; }
a:link			{ color:#4484B3; }
a:visited		{ color:#4484B3; }
a:active		{ color:#4484B3; }
a:hover			{ color:#563F7C; }


.j16 {
	
	font-size: 16px;
}
.j14 {
	
	font-size: 14px;
}
.j12 {
	
	font-size: 12px;
}
.j10 { font-size: 10px; }
.line {
	font-size: 12px;
	color: #999999;
	border: thin solid #000000;
}

body {

margin: 30;
padding: 0;
color: #333333;
background-color: #ccddcc;
background: url(../images/gr.gif)
}

div#gnavi {
  margin: 0 auto;

	color: #66476D;
	background: #C1CED2;
	}
div#gnavi ul {
	width: 720;
	margin: 0;
	padding: 4px;
	text-align: right;
	}
div#gnavi li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	}
div#gnavi a {
	padding: 0px 20px;
	line-height: 0px;
	font-weight: bold;
	font-size: 11pt;
	text-decoration: none;
	}
div#gnavi a:link, div #gnavi a:visited { color: #ffffff; }
div#gnavi a:hover {
	color: #675388;
	background: url(images/hover.gif) no-repeat bottom center;
	}
div#gnavi a:active  { color: #993366; }
div#gnavi a#now { color: #993366; }



h1, h2, h3 {
	margin: 2px;
	padding: 0px;
	font-weight: normal;
}

.header{
	background-color: #0066CC;

}

.bg{
	background-color: #FFFFFF;
}

.body{
	font-size:11px;
	line-height:16px;
	font-family: Arial, Helvetica, sans-serif;
}
	
.caption{
	font-size:14px;
	line-height:130%;
	font-family: Arial, Helvetica, sans-serif;
}

.title{
	margin: 5px;
	color:#ffffff;
	font-size:16px;
	line-height:160%;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 70%;
}

.nice{
	border: #0090FF 1px solid;
	background-color: #FFD900;
	padding: 0px 2px 0px 2px;
	margin: 0;
	color: #0090FF;
}

textarea, select, option{
	font-family: "Hiragino Kaku Gothic Pro W3", "Osaka", "MS PGothic", "MS PMincho", "Hiragino Mincho Pro W3", Arial, sans-serif;
	line-height: 140%;
}

form{
	margin: 0;
}




.art{
	width: 540px;
	color: #000000;
	font-family: Geneva,Verdana,sans-serif;
	font-size: small;
  	line-height: 166%;
	clear:both;
	overflow: hidden;
}

.art p{
	text-align: left;
	}



.art img {
	margin-right: 6px;
	margin-bottom: 6px;
}

.art h3{
	background-color: #007f00;
	font-size: small;
	font-weight: bold;
	color: #ffffff;
	padding: 3px 0px 3px 12px;
	}

.art h3 a{
	text-decoration: none; color:#ffffff;
	}

.art h3 a:link{
	text-decoration: none; color:#ffffff;
	}
	
.art h3 a:visited{
	text-decoration: none; color:#ffffff;
	}
	
.art h3 a:hover{
	text-decoration: underline; color:#ffffff;
	}



	
.art h4{
	padding: 0px 0px 0px 6px;
	margin: 0px;
	font-size: small;
	font-weight: bold;
	}	


	
.art td{
	font-size: small;
	line-height: 166%;
	}
	

.art blockquote {
  	line-height: 166%;
	}


.posted{
	line-height: 166%;
	font-size: x-small;
	color:#212121;
	padding: 3px 0px 3px 0px;
	margin-bottom: 36px;
	border-top: #cecece dotted 1px;
}

	/*---blog ---#content---entry*/






.comments{
	color: #333333;
	font-family: Geneva,Verdana,sans-serif;
	font-size: small;
  	line-height: 150%;
	text-align: left;
	margin: 24px 0px 12px 6px;
}

.comments-namecard{
	width: 48px;
	float: left;
	text-align:center;
}

.comments-body{
	width: 450px;
	font-family: Geneva,Verdana,sans-serif;
	line-height: 166%;
	margin-left: 60px;
}



.comment-write{
	color: #333333;
	font-family: Geneva,Verdana,sans-serif;
	font-size: x-small;
  	line-height: 166%;
	text-align: left;
	margin: 12px 0px 12px 6px;
}
.comment-write textarea{
	width: 440px;
	padding: 0px;
	margin: 0px 0px 6px 0px;
}




.related {
	color: #333333;
	font-family: Geneva,Verdana,sans-serif;
	font-size: small;
  	line-height: 166%;
	text-align: left;
	margin: 12px 0px 12px 6px;
}

	
	 /*---blog---#side*/




.sidebar {
	margin: 0px;
	padding: 0px;
}
	
.sidebar h3{
	background-color: #9bd560;
	color:#212121;
	font-size: x-small;
	padding: 2px 6px 2px 12px;
}


.sidebar #profile{
	padding: 6px 6px 6px 12px;
	font-size: x-small;	
	overflow: hidden;
	}

.sidebar #profile img{
	float: left;
	padding: 0;
	margin: 0;
	}
	
.sidebar #profile .status{
	pargin-top: 0px;
	margin-left: 84px;
	font-family: Geneva,Verdana,sans-serif;
	}



.sidebar form{
	padding: 3px 6px 3px 12px;
	margin: 2px 0px 2px 0px;
	font-size: x-small;
	}
	

	
.sidebar form input{
	font-family: "Hiragino Kaku Gothic Pro W3", "Osaka", "MS PGothic", "MS PMincho", "Hiragino Mincho Pro W3", Arial, sans-serif;
	}
	
.sidebar ul{
	padding: 3px 6px 3px 12px;
	margin: 2px 0px 0px 0px;
	}


.sidebar li {
	color: #212121;
	font-family: Geneva,Verdana,sans-serif;
	text-align: left;
	line-height: 130%;
	list-style-type: none;
	font-size: x-small;
	margin-bottom: 9px;
	}


.new{
	margin-left:6px;
	color: #ff0000;
	font-weight:bold;
	font-size: x-small;
	line-height: 120%;
}
	
 .more {
	width: 188px;
	text-align: right;
	background-color: #DFE3E6;
	padding: 0;
	margin: 0;
	}


	
.calendar-date{	
	float:center;
	text-align:center;
	margin: 0;
	}



.button a{
	text-decoration: none;
}

a .modo {
	background-color: #0090FF;
	border: 1px #0090FF solid;
	text-align: center;
	font-size: x-small;
	margin-bottom: 6px;
	color: #ffffff;
}

a:hover .modo {
	background-color: #ffffff;
	border: 1px #0090FF solid;
	color: #0090FF;
}

.rss-reader {
	background: url("/_skin/system/101/images/arrowR_large.gif") no-repeat left top;
	background-color: #007f00;
	text-align: center;
	font-size: 10px;
	padding: 0;
	margin: 0px 6px 6px 6px;
	color: #ffffff;
	height: 18px;
}

.rss-reader a			{ text-decoration: none; color:#ffffff; }
.rss-reader a:link			{ text-decoration: none; color:#ffffff; }
.rss-reader a:visited		{ text-decoration: none; color:#ffffff; }
.rss-reader a:active		{ text-decoration: none; color:#ffffff; }
.rss-reader a:hover			{ text-decoration: underline; color:#ffffff;}


	

	
	pre {
		background-color: #e3e3e3;
		margin: 12px;
		padding: 6px;
		font-size: small;
		font-family: Geneva,Verdana,sans-serif;
	}
	
	blockquote {
		border: 1px solid #cccccc;
		margin: 12px;
		padding: 6px;
	}

	
/*---footer---*/


	#footer{	
		clear:both;
		width: 770px;
		height: 52px;
		margin-top: 6px;
		margin-right: auto;
		margin-left: auto;
		padding-bottom:12px;
		color:#ffffff;
		float: center;
		font-family: Geneva,Verdana,sans-serif;
	}
	
	
	#footer .copyright{
		padding:0;
		margin:0;
		float: right;
		font-size: x-small;
		line-height:150%;
		vertical-align:middle;
	}
	
	#footer .terms{
		float: left;
		padding: 0;
		margin:0;
		font-size: x-small;
		line-height:150%;
		vertical-align:middle;
	}
	
	#footer .terms img{
		padding: 0;
		margin:0;
		vertical-align:top;
	}
	
	.articles font {
  	line-height: 140%;
	}
	


input{
	font-family: "Hiragino Kaku Gothic Pro W3", "Osaka", "MS PGothic", "MS PMincho", "Hiragino Mincho Pro W3", Arial, sans-serif;
	line-height: 100%;
}



/*********** Spacers ***********/
.dividerHeaderRow {
	height: 9px;
}
.dividerLeftColumn {
	width: 7px;
}
.dividerGutter {
	width: 7px;
}
.dividerVerticalLine {
	background-image:   url("../../images/cc.gif");
	background-repeat: repeat-y;
	width: 2px;
}

.dividerVerticalLine2 {
	background-image:   url("../../images/cc.gif");
	background-repeat: repeat-x;
	width: 2px;
}
.menuMargin {
	
	height: 18px;
}

.dot_v-line {
	BACKGROUND-IMAGE: url(../../images/ccm_bg.gif)
}
