/**********************************************************/
/***** 全体 ***********************************************/

.more {
	text-align: right;
	clear: both;
}

.more a {
	color: orange;
	font-weight: bold;
}






/**********************************************************/
/***** HEADER ***********************************************/


#header {
	margin-bottom: 0px;
}








/**********************************************************/
/***** MAIN ***********************************************/





#main,
.top_img,
.top_news,
.top_portfolio {
	color: black;
	width: 800px;
}


/***** TOP IMAGE *********************************************/
.top_img {
	height: 450px;
/*	background: url(../image/tt_bgimg.jpg) white; */
	background: url(../image/first_step_again.gif) white; 
	background-repeat: no-repeat;
	margin-bottom: 30px; 
}

.top_img_text {
	text-align: left;

	/***** Fx用。IE用はxxx_ie.cssでpadding-top:0px、margin-top:同値 *****/
	padding-top: 285px; /*230px; */ 
	padding-left: 20px;
}

.top_img_text a {
	color: black;
	font-size: 24px; /*18px;*/
	font-weight: bold;
	font-family:  Arial,sans-serif,"メイリオ","Hiragino Kaku Gothic Pro","Meiryo","NFモトヤアポロ1","ＭＳ ゴシック","ヒラギノ角ゴ Pro W3",Osaka;
}


.top_img_text a:hover {
	color: orange;
}

/***** ABOUT ************************************************/

.top_about {
	margin-bottom: 30px;
	font-size: 13px;
}

.top_about .title {
	float: left;
	width: 60px;
	font-family: Arial;
	font-weight: bold;
}

.top_about .text {
	float: left;
	width: 730px;
}

.top_about .title a,
.top_about .text a {
	color: black;
	font-weight: bold;
}

.top_about .title a:hover ,
.top_about .text a:hover {
	color: orange;
}


/***** NEWS *************************************************/
.top_news {
	margin-bottom: 30px;
	font-size: 13px;
	clear: both;
}

.top_news .title {
	float: left;
	width: 60px;
	font-family: Arial;
	font-weight: bold;
}

.top_news .contents {
	float: left;
	width: 730px;
}

.top_news  .date { /* 日付 */
	float: left;
	font-family: Arial;
	width: 72px;
}

.top_news .colon {
	float: left;
	width: 20px;
}

.top_news .contents p { /* 更新内容 */
	float: left;
	width: 600px;
}


.top_news .title a,
.top_news .contentsl a,
.top_news .contents p a {
	color: black;
	font-weight: bold;
}

.top_news .title a:hover ,
.top_news .contents a:hover,
.top_news .contents p a:hover {
	color: orange;
}



/***** PORTFOLIO ********************************************/
.top_portfolio {
	clear: both;
	margin-bottom: 30px; 
	font-size: 13px;
}

.top_portfolio .title {
	margin-bottom: 10px;
}


.top_portfolio .title,
.top_portfolio .title a {
	font-family: Arial;
	font-weight: bold;
	color: black;
}

.top_portfolio .title a:hover {
	color: orange;
}



/***** BLOGS ************************************************/


.top_blogs {
	clear: both;
	margin-bottom: 30px; 
	font-size: 13px;
}

.top_blogs .title {
	margin-bottom: 10px;
}


.top_blogs .title,
.top_blogs .title a {
	font-family: Arial;
	font-weight: bold;
	color: black;
}

.top_blogs .title a:hover,
.top_blogs .blog_name :hover {
	color: orange;
}


.top_blogs .blog_name {
	width: 120px;
	color: black;
	font-weight: bold;
	display: block;
	float: left;
}

.top_blogs .title p {
	margin-bottom: 30px; 
}

.top_blogs .title a:hover,
.top_blogs .blog_name:hover {
	color: orange;
}












/***** FOOTER ***********************************************/

#footer {
	border-top: 1px solid gray;
}

#footer .copyright {
	margin-left: 3px;
}