﻿@charset "UTF-8";

/* layout  ------------------------------*/
body {
	position: relative;
	font-family:"Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",Helvetica, Arial, sans-serif;
	background: #FFF;
	line-height:100%;
	text-align:center;
	font-size:12px;
}

.container {
	color: #333333;
	width:978px;
	margin: 5px auto;
	padding-bottom: 10px;
	border-top:2px solid #666666;
	text-align:left;
}


img{
	border:0;
}

.clear{
	clear:both;
}

/* link  ------------------------------*/
a{
	overflow:hidden;
}

a:link{
	color:#336699;
	text-decoration:underline;
}
a:visited{
	color:#336699;
	text-decoration:underline;
}
a:active{
	color:#0099ff;
	text-decoration:underline;
}
a:hover{
	color:#0099ff;
	text-decoration:none;
}

/* font size  ------------------------------*/
#pankuzu{
	font-size:11px;
}

#menuBlock{
	font-size:12px;
}

/* レイアウト  ------------------------------*/
#pankuzu{
	padding:10px 0;
	width:978px;
}

#mainBlock{
	width:978px;
	padding:0;
}

.contentsBlock{
	float:left;
	width:676px;
	border:1px solid #cccccc;
	padding:18px;
}

	* html .contentsBlock{
		width:676px;
	}

h2{
	clear:both;
	font-size:1.6em;
	font-weight:bold;
	line-height:140%;
	padding:0 0 10px 0;
}

.contentsBlock h3{
}

.contentsBlock h4{
}

.contentsBlock h5{
}

.contentsBlock p{
	line-height:180%;
	margin-bottom:12px;
}

	/* リンク集などに使用 */
	a.outSite{
		background:url(/category/blog/images/icon_blank.gif) no-repeat 100% 3px;
		padding:0 17px 0 0;
	}


/* ページトップへ */
.container #pageTop{
	clear:both;
	text-align:right;
	font-size:10px;
	padding-top:20px;
}

	#mainBlock #pageTop a{
		text-align:right;
		font-size:10px;
	}

/* メニューブロック  ------------------------------*/

#menuBlock{
	float:right;
	width:254px;
}

/* バナーエリア */
ul#bnArea{
	border:1px solid #cccccc;
	padding:9px 9px 0 9px;
}

	ul#bnArea li{
		padding-bottom:5px;
		line-height:130%;
	}

	ul#bnArea li img{
	}
