@charset "shift-jis";

/* 文字コード */

/* CSSプロパティ指定順序 (110107)

	display
	list-style
	position
	float
	clear
	width
	height

	margin
	padding
	border

	background
	color

	font
	text-decoration
	text-align
	vertical-align
	white-space
	other text

	content

------------------------------------------------------------ */

body { 
	margin: 0;
	padding: 0px;
	background: #171717;
	background-image: url('../img/cover_001.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #292929;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Verdana,'ＭＳ Ｐゴシック',sans-serif;
}

h1,h2,h3,h4,h5,h6,p,ol,dl,dt,dd,table,th,tr,form {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 100%;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

a:link { color: #012837; }
a:visited { color: #012837; }
a:hover { color: #AD0015; }
a:active { color: #ff8000; }

img {
	border: 0px;
	vertical-align: top;
}

hr {
	margin: 0 0 10px 0;
	* margin: 0 0 10px 0;
	padding: 0;
	border: solid 1px #D3DDD2;
}

/* 全体
------------------------------------------------------------ */
#all {
	width: 980px;
	margin: 0;
	padding: 0;
	text-align: left;
}

.clear { clear: both; }
.clear hr { display: none; }

/* Header (ヘッダー)
------------------------------------------------------------ */
#header {
	float: left;
	width: 980px;
	margin: 0;
	padding: 0;
}

#cover_space {
	float: left;
	width: 980px;
	height: 120px;
	margin: 0;
	padding: 0;
}

#logo {
	float: left;
	width: 900px;
	margin: 80px 0 40px 80px;
	padding: 0;

}

#menu {
	float: left;
	width: 900px;
	margin: 0 0 40px 80px;
	padding: 0;
	* padding: 0 0 40px 0;
}

.menu_title {
	float: left;
	margin: 0;
	padding: 0;
}

.menu_space {
	float: left;
	width: 20px;
	height: 50px;
	margin: 0;
	padding: 0;
	background-image: url('../img/menu_space.png');
}

/* メインカラム
------------------------------------------------------------ */

#inner {
	float: left;
	width: 1180px;
	margin: 0;
	padding: 0;
}

#top {
	float: left;
	width: 980px;
	margin: 0;
	padding: 0;
}

#top_space {
	float: left;
	width: 60px;
	height: 20px;
	margin: 0;
	padding: 0;
	background-image: url('../img/top_space.png');
}


/* カラム(A)
------------------------------------------------------------ */

#column_a {
	float: left;
	width: 700px;
	margin: 0 10px 0 0;
	padding: 0;
}

/* 最新記事 (Top Entry)
------------------------------------------------------------ */
#topentry_area {
	float: left;
	width: 640px;
	margin: 0;
	padding: 0;
	background: #D3DDD2;
}

#topentry {
	float: left;
	width: 600px;
	height: 80px;
	margin: 20px 20px 0 20px;
	padding: 0;
	background-image: url('../img/main_top_entry.png');
}

.topentry_date {
	float: left;
	width: 80px;
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	background: #012837;
	color: #ffffff;
}

.topentry_title {
	float: left;
	width: 510px;
	margin: 0 20px 5px 10px;
	padding: 0;
	color: #012837;
	font-size: 12px;
	font-weight: bold;
}

.topentry_body {
	float: left;
	width: 510px;
	margin: 0 0 10px 110px;
	padding: 0;
	font-size: 10px;
}

.topentry_more {
	float: right;
	width: 80px;
	margin: 0 20px;
	padding: 0;
}

.topentry_hr {
	float: left;
	width: 600px;
	height: 1px;
	margin: 0 20px;
	padding: 10px 0 0 0;
	border-top: 1px dotted black;
}

.topentry_space {
	float: left;
	width: 600px;
	height: 20px;
	margin: 0 20px;
	padding: 0;
}

#feed_banner_area {
	float: left;
	width: 300px;
	margin: 0 0 5px 0;
	padding: 0;
}

#ad_space_area_a {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
}

/* サイト概要(About US)
------------------------------------------------------------ */
#about_area {
	float: right;
	width: 640px;
	margin: 0;
	padding: 0;
	background: #D3DDD2;
}

#about {
	float: left;
	width: 600px;
	height: 80px;
	margin: 20px 20px 0 20px;
	padding: 0;
	background-image: url('../img/main_about_us.png');
}

.about_title {
	float: left;
	width: 600px;
	margin: 0 20px 5px 20px;
	padding: 0;
	color: #012837;
	font-size: 13px;
	font-weight: bold;
}

.about_body {
	float: left;
	width: 600px;
	margin: 0 20px 30px 20px;
	padding: 0;
	font-size: 11px;
}

.about_hr {
	float: left;
	width: 600px;
	height: 1px;
	margin: 0 20px;
	padding: 10px 0 0 0;
	border-top: 1px dotted black;
}

.about_top {
	float: right;
	width: 65px;
	margin: 0 20px 0 555px;
	padding: 0;
}

.about_space {
	float: left;
	width: 600px;
	height: 20px;
	margin: 0 20px;
	padding: 0;
}

.about_body img {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}

/* 過去ログ(News Archives)
------------------------------------------------------------ */
.titlelist_area {
	float: left;
	width: 640px;
	margin: 0;
	padding: 0;
	background: #D3DDD2;
}

#titlelist {
	float: left;
	width: 600px;
	height: 80px;
	margin: 20px 20px 0 20px;
	padding: 0;
	background-image: url('../img/main_news_archives.png');
}

.titlelist_area_hr {
	float: left;
	width: 600px;
	height: 1px;
	margin: 0 20px;
	padding: 10px 0 0 0;
	border-top: 1px dotted black;
}

.titlelist_date {
	float: left;
	width: 80px;
	margin: 0 10px 0 20px;
	padding: 0;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	background: #012837;
	color: #ffffff;
}

.titlelist_title {
	float: left;
	width: 510px;
	margin: 0 20px 5px 0;
	padding: 0;
	color: #012837;
	font-size: 12px;
	font-weight: bold;
}

.titlelist_body {
	float: left;
	width: 510px;
	margin: 0 20px 30px 110px;
	padding: 0;
	font-size: 10px;
}

.titlelist_top {
	float: right;
	width: 65px;
	margin: 0 20px 0 555px;
	padding: 0;
}

.titlelist_space {
	float: left;
	width: 600px;
	height: 20px;
	margin: 0 20px;
	padding: 0;
}


/* フォント(Font)
------------------------------------------------------------ */
.font_area {
	float: left;
	width: 640px;
	margin: 0;
	padding: 0;
	background: #D3DDD2;
}

#font {
	float: left;
	width: 600px;
	height: 80px;
	margin: 20px 20px 0 20px;
	padding: 0;
	background-image: url('../img/main_font.png');
}

.font_title {
	float: left;
	width: 600px;
	margin: 0 20px;
	padding: 0;
	color: #012837;
}

.font_date {
	float: right;
	text-align: right;
	width: 600px;
	margin: 0 20px 2px 20px;
	padding: 0;
	font-size: 10px;
}

.font_type {
	float: right;
	margin: 0 20px 20px 20px;
	padding: 0;
}

.font_button_freeware {
	float: left;
	margin: 0 0 0 2px;
	padding: 0;
}

.font_button_preview {
	float: left;
	margin: 0 0 0 2px;
	padding: 0;
}

.font_button_win_tt_dl {
	float: left;
	margin: 0 0 0 2px;
	padding: 0;
}

.font_info {
	float: left;
	width: 600px;
	margin: 0 20px;
	padding: 0;
	font-size: 10px;
}

.font_name {
	float: left;
	width: 600px;
	margin: 20px 20px 0 20px;
	padding: 0;
}

.font_details {
	float: left;
	width: 600px;
	margin: 0 20px 10px 20px;
	padding: 0;
}

.font_top {
	float: right;
	width: 65px;
	margin: 0 20px 0 555px;
	padding: 0;
}

.font_space {
	float: left;
	width: 600px;
	height: 20px;
	margin: 0 20px;
	padding: 0;
}

.font_hr {
	float: left;
	width: 600px;
	height: 1px;
	margin: 0 20px;
	padding: 10px 0 0 0;
	border-top: 1px dotted black;
}

/* テキスト(Text)
------------------------------------------------------------ */
.text_area {
	float: left;
	width: 640px;
	margin: 0;
	padding: 0;
	background: #D3DDD2;
}

#text {
	float: left;
	width: 600px;
	height: 80px;
	margin: 20px 20px 0 20px;
	padding: 0;
	background-image: url('../img/main_text.png');
}

.text_title {
	float: left;
	width: 510px;
	margin: 0 20px 5px 0;
	padding: 0;
	color: #012837;
	font-size: 13px;
	font-weight: bold;
}

.text_date {
	float: left;
	width: 80px;
	margin: 0 10px 0 20px;
	padding: 0;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	background: #012837;
	color: #ffffff;
}

.text_body {
	float: left;
	width: 510px;
	margin: 0 20px 10px 110px;
	padding: 0;
	font-size: 11px;
}

.text_body img {
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
	font-size: 10px;
}

.text_body ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-image: url("../img/icon_arrow.png");
}

.text_hr {
	float: left;
	width: 600px;
	height: 1px;
	margin: 0 20px;
	padding: 10px 0 0 0;
	border-top: 1px dotted black;
}

.text_top {
	float: right;
	width: 65px;
	margin: 0 20px 0 555px;
	padding: 0;
}

.text_space {
	float: left;
	width: 600px;
	height: 20px;
	margin: 0 20px;
	padding: 0;
}


/* ゲストブック(Guest Book)
------------------------------------------------------------ */
.guest_book_area {
	float: left;
	width: 640px;
	margin: 0;
	padding: 0;
	background: #D3DDD2;
}

#guest_book {
	float: left;
	width: 600px;
	height: 80px;
	margin: 20px 20px 0 20px;
	padding: 0;
	background-image: url('../img/main_guest_book.png');
}

.guest_book_title {
	float: left;
	width: 600px;
	margin: 0 20px;
	padding: 0;
	color: #012837;
	font-size: 13px;
	font-weight: bold;
}

.guest_book_space {
	float: left;
	width: 600px;
	height: 40px;
	margin: 0 20px;
	padding: 0;
}

/* リンク(Link)
------------------------------------------------------------ */
.link_area {
	float: left;
	width: 640px;
	margin: 0;
	padding: 0;
	background: #D3DDD2;
}

#link {
	float: left;
	width: 600px;
	height: 80px;
	margin: 20px 20px 0 20px;
	padding: 0;
	background-image: url('../img/main_bookmark.png');
}

.link_title {
	float: left;
	width: 600px;
	margin: 0 20px;
	padding: 0;
	color: #012837;
	font-size: 13px;
	font-weight: bold;
}

.link_body {
	float: left;
	width: 600px;
	margin: 0 20px 30px 20px;
	padding: 0;
	font-size: 11px;
}

.link_top {
	float: right;
	width: 65px;
	margin: 0 20px 0 555px;
	padding: 0;
}

.link_space {
	float: left;
	width: 600px;
	height: 20px;
	margin: 0 20px;
	padding: 0;
}

.link_hr {
	float: left;
	width: 600px;
	height: 1px;
	margin: 0 20px;
	padding: 10px 0 0 0;
	border-top: 1px dotted black;
}

/* Portfolio (作品集)
------------------------------------------------------------ */
.portfolio_area {
	float: left;
	width: 640px;
	margin: 0;
	padding: 0;
	background: #D3DDD2;
}

#portfolio {
	float: left;
	width: 600px;
	height: 80px;
	margin: 20px 20px 0 20px;
	padding: 0;
	background-image: url('../img/main_portfolio.png');
}

.portfolio_title {
	float: left;
	width: 600px;
	margin: 0 20px;
	padding: 0;
	color: #012837;
	font-size: 13px;
	font-weight: bold;
}

.portfolio_body {
	float: left;
	width: 600px;
	margin: 0 20px 20px 20px;
	padding: 0;
	font-size: 11px;
}

.portfolio_top {
	float: right;
	width: 65px;
	margin: 0 20px 0 555px;
	padding: 0;
}

.portfolio_space {
	float: left;
	width: 600px;
	height: 20px;
	margin: 0 20px;
	padding: 0;
}

.portfolio_hr {
	float: left;
	width: 600px;
	height: 1px;
	margin: 0 20px;
	padding: 10px 0 0 0;
	border-top: 1px dotted black;
}

/* フッター (ページ下部)
------------------------------------------------------------ */
#footer {
	float: left;
	width: 980px;
	margin: 20px 0 40px 0;
	padding: 0;
	* padding: 0 0 40px 0;
}

#copyright {
	float: left;
	width: 900px;
	height: 30px;
	margin: 0 0 0 80px;
	padding: 0;
	background-image: url('../img/copyright.png');
}