/*
================================
frame.css
================================*/

/*============= ボディ =============*/
#body{
	background:#dedede url(../img/back.png) repeat-y;
	padding:2px;
	margin:auto;
	text-align:center;
}

/*============= ラッパー =============*/
#wrapper{
	width:	850px;
	padding:1px;
	background-color:#ffffff;
	margin:auto;
	text-align:center;
}



/*============= ヘッダー =============*/
#header{
	width:100%;
	text-align:center;
}

#header h1{
	font-size:1px;
	margin: 0px;
	text-indent:-9999;
	float:left;
}

#header img{
	margin:5 10 5 10px;
	border:none;
}




/*============= ナビ =============*/
#nav {
	width:800px;
	float:left;
	margin:auto;
}

#nav ul{
	style:none;
	margin:0 10 5 10px;
	padding:0;
}

#nav li{
	background: #ffffff url(../img/nav.png) 0px 0px no-repeat;
	display:block;
	float:left;
	margin: 0 0 0 3px;
	list-style:	none;
	font:bold 15px sans-serif;
	white-space:nowrap;

}


#nav a,#nav a:link,#nav a:visited{
	vertical-align:middle;
	width: 120px;
	height: 25px;
	text-decoration:none;
	text-align:center;
	color:	#fff;
	display:block;
}

#nav a:hover{
	background: #ffffff url(../img/nav.png) 0px -40px no-repeat;
}

/*============= コンテナ =============*/
#container {
	width:100%;
	text-align:left;
}

/*============= サイドメニュー =============*/
#sidemenu{
	width:180px;
	float:left;
	background-color:#ffffff;
	color:#555;
}

#sidemenu h2 {
	font-size:	16px;
}

#sidemenu a,#sidemenu a:link,#sidemenu a:visited{
	color:#555;
	vertical-align:middle;
	height: 25px;
	text-decoration:none;
	display:block;
}

#sidemenu a:hover{
	color:#558;
}

div.menu {
	width:160px;
	margin:10 10 15 10px;
	text-align:left;
	vertical-align:middle;
}

div.menu ul{
	margin:0px;
	border:1px solid #3269ba
}
div.menu li{
	margin:0px;
	padding:0px;
	font-size:	14px;
}

div.menu ul,li{
	list-style:	none;
}

div.menu a,div.menu a:link,div.menu a:visited{
	color:#555;
	display:block;
}
div.menu a:hover{
	background-color:	#eeeef5;
	color:#1111122;
	display:block;
}

div.menu h2 {
	width:100%;
	height:30px;
	text-indent:-9999px;
	margin:0 0 0 0px;
}

h2#knowhow {background:#fff url(../img/menu_knowhow.png) no-repeat;}
h2#gyokai {background:#fff url(../img/menu_gyokai.png) no-repeat;}
h2#nikkei {background:#fff url(../img/menu_nikkei.png) no-repeat;}
h2#soudan {background:#fff url(../img/menu_soudan.png) no-repeat;}
h2#thissite {background:#fff url(../img/menu_thissite.png) no-repeat;}

span.menu{
	width:100%;
	margin:5 5 5 5px;
}


/*============= メインコンテンツ =============*/
#main{
	width:500px;
	margin: 5 0 5 0px;
	float:left;
	background-color:	#ffffff;
	color:#333;
	font-size:14px;
	line-height:1.7;
}

/*============= スポンサーコンテンツ =============*/
#sponsor {
	width:150px;
	font-size: 12px;
	text-align: center;
	color: 555;
	float:right;
}

/*============= フッター =============*/
#footer{
	clear:	both;
	margin:auto;
	padding:5px;
	width:100%;
	width:780px;
	height:30px;
	background: #fff url("../img/footer_back.png") no-repeat;
	color:#fff;
	text-align:right;
}

#footer h1 {

}
#footer p {
	margin: 0 20 0 0px;
}

p.copyright{
	text-align:center;
	font-size:12px;
	color:aaaaaa;
}

/*===========================================*/
/*           コンテンツページ                */
/*===========================================*/

#contents {
	width:500px;
	float:left;
	margin: 5px;
	background: #fefefe;
}


/* 見出し
-----------------------------------*/
#contents h2{
	width: 85%;
	font: bold 17px "sans-serif";
	color:#3370b9;
	border-left:15px solid #3370b9;
	border-bottom:1px solid #3370b9;
	font-size:18px;
	padding: 3 0 3 10px;
	margin: 20 10 20 10px;
}

/* 中見出し
-----------------------------------*/
#contents h3{
	width: 85%;
	font: bold 16px "sans-serif";
	background: #eef;
	color:#3370b9;
	border-left:12px solid #3370b9;
	padding: 5 1 5 5px;
	margin: 20 10 20 30px;
}

/* 中小見出し
-----------------------------------*/
#contents h4{
	width: 80%px;
	font: bold 15px "sans-serif";
	color:#2260a9;
	border-left:15px solid #3370b9;
	border-bottom:1px solid #dde;
	padding: 1 1 1 5px;
	margin: 20 10 20 30px;
}

/* パンくずリスト
-----------------------------------*/
p#pankuzu{
	fong-size:8px;
	color:#888;
	margin:5 5 5 40px;
}

p#pankuzu img{
	margin:5 5 5 5px;
	vertical-align:middle;
}


#contents p{
	color:#444455;
	margin: 20 5 20 30px;
	font-size:15px;
	width: 85%;
	line-height:1.5;
}

#contents a{
	color:#3370b9;
}

p.to_top a,p.to_top a:link,p.to_top a:visited{
	font-size:12px;
	text-align:center;
	margin:auto;
	color:#88e;
	display:block;
	width:130px;
}
p.to_top a:hover{
	display:block;
	color:#fff;
	background:#c7ecff;
}

ul.list{
	width:75%;
	margin: 20 10 20 50px;
	padding:10px;
	font-size:15px;
	background: #eeffaa;
	border:1px dashed #a4cd00;
}

li.list{
	color:#444455;
	list-style-type:circle;
	list-style-position:inside;
	line-height:1.6;
}

/* next_previous
-----------------------------------*/

div#next_prev{
	text-align:center;
	margin:5 5 5 30px;
}
p#next_prev{
	margin:auto;
	width: 140px;

}

p#next_prev img{
	border:none;
	margin: 4px;
}

p#next_prev a, p#next_prev a:visited, p#next_prev a:link{
	border:none;
	text-decoration:none;
}

a#next{
	text-align:right;
}
a#up{
	text-align:center;
}
a#prev{
	text-align:left;
}



/* olリスト
-----------------------------------*/
ol {
	width:85%px;
	margin: 20 5 20 30px;
	padding:10px;
	font-size:15px;
	background: #eeffaa;
	border:1px dashed #a4cd00;
}

/* テーブル
-----------------------------------*/
table tr td{
	border-collapse:collapse;
	border:solid 1px #538ad8;
}



/* 強調（赤）
-----------------------------------*/
strong.red {
	color:red;
	font: bold 16px "sans-serif";

}




/*=============ブログ==============*/
/* メイン
----------------------------------------*/
#blogmain{
	width:450px;
	margin: 5 0 5 0px;
	float:left;
	background-color:	#ffffff;
	color:#333;
	font-size:14px;
	line-height:1.7;
}


#blogmain h2{
	width: 420px;
	font: bold 18px "sans-serif";
	color:#3370b9;
	border-left:15px solid #3370b9;
	border-bottom:1px solid #3370b9;
	font-size:18px;
	padding: 3 0 3 10px;
	margin: 20 10 20 10px;
}




/* 中見出し
-----------------------------------*/
#blogmain h3{
	width: 420px;
	font: bold 16px "sans-serif";
	background: #eef;
	color:#3370b9;
	border-left:12px solid #3370b9;
	padding: 5 1 5 5px;
	margin: 20 10 20 30px;
}


#blogmain p{
	color:#444455;
	margin: 20 10 20 30px;
	font-size:15px;
	width: 420px;
	line-height:1.5;
}



#blogmain a,#blogmain a:link,#blogmain a:visited{
	color:#3370b9;
	vertical-align:middle;
	text-decoration:none;
	display:block;
}



#blogmain ul{
	background:#fdfda7;
	margin: 20 10 20 30px;
	font-size:15px;
	width: 420px;
	line-height:1.5;
}

#blogmain li{
	list-style-type:circle;
	list-style-position:inside;
	margin:5 0 0 10px;
}




#sidemenu a:hover{
	color:#558;
	background:#eef;
}

/* post
----------------------------------------*/

p.postmetadata{
	fint-size:12px;
	width:auto;
}

p.postmetadata a{
	width:200px;
}


/* サイトメニュー
----------------------------------------*/
div#recentposts h2,div#category h2,div#archives h2,div#calendar h2{
	height:25px;
	width:100%;
	text-indent:0px;
	vertical-align:middle;
	background:#fff url(../img/menu_h2.png) no-repeat;
	color:#fff;
	font-size:12px;
	text-align:center;
}

div#archyives{
	font-size:10px;
}

/* カレンダー
----------------------------------------*/

div#calendar{
	margin-top: 35px;
}

#calendar table {
	width:100%;
	font-size:11px;
	color:#000;
	margin-bottom:20px;
}

#calendar th{
	background: #eef;
}

#calendar th,#calendar td{
	text-align:center;
	padding:5px 0;
	border:solid 1px #538ad8;
}

#calendar a{
	text-align:center;
	color:#3366aa;
	height:12px;
}

#calendar a:link, #calendar a:visited{
	text-decoration:underline;
	font-weight: bold;
	background: #f0f6fd;
}


#calendar caption{
	padding:3px;
	text-align:center;
}

#calendar tfoot td{
	border:none;
	font-size:12px;
}

#calendar tfoot td#prev {
	text-align:left;
}
#calendar tfoot td#nest {
	text-align:right;
}


/* コメント
----------------------------------------*/
#commentform textarea {
	font-size:12px;
	width:420px;
	background:#fffffe;
}


/* 広告
----------------------------------------*/
div#sponsor a{
	text-decoration:underline;
	color:#11f;
}

/* 広告
----------------------------------------*/
div#sponsor_nav{
	margin:2 2 2 20px;
}

div#sponsor_nav a{
	text-decoration:underline;
	color:#11f;
}