/*
Theme Name: Type11_black
Author: Tsunehisa Hazama
Author URI: http://www.jp-soft.com/
*/

* {
	margin: 0;
	padding: 0;
}

html{height: 100%;}


/* BODY */
body {
	margin : 0;
	text-align: center;
	color:#333;
	font-size: 15px;
	line-height: 150%;
	background: #EFEFEF;
 	background-attachment: fixed;
    font-family: "ＭＳ Ｐゴシック","MS P Gothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka", Verdana,Arial, Helvetica, sans-serif;
}

/*デフォルト属性 */
a, p, h1, h2, h3, h4, h5, h6, blockquote {
	margin: 0;
	padding: 0;
	border: 0;
}

/* 画像の属性 */
img {border: none; margin: 0;}
.img-left {	float: left;margin: 5px 10px 5px 0;}
.img-right {float: right;margin: 5px 0 5px 10px;}
.img-center {;margin: 10px auto;}

/* 強調文の属性*/
h1,h2,h3,h4{font-size: 12px;font-weight: normal;}

/* リンクの属性（未指定の時） */
a:link, a:visited, a:active {color: #0000CC;text-decoration: underline;}
a:hover {color:#FF3300;text-decoration: none;}
	
/* 基本設定 ----------------------------- */
#base{
	width: 800px;
	margin: 0 auto;
	background: url("img/base.png") repeat-y;
	text-align: center;
	position: relative;
}

#wrapper{
	width: 770px;
	margin: 0 auto;
	text-align: center;
}

/*ヘッダー*/
#header	{
	margin : 0px;
	padding: 0Px;
	height : 200px;
	background: url("img/header.jpg") no-repeat top left;
	text-align: left;
	border-bottom: 5px solid #CCc;
}

#header h1{
    position: absolute;
    top: 2px;
    left: 30px;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #EEE;
}

/* リンクの属性（未指定の時） */
#header h1 a:link, #header h1 a:visited, #header h1 a:active {color: #EFEFEF;text-decoration: none;}
#header h1 a:hover {color:#FFFF00;text-decoration: underline;}


#header p#smap{
 	position: absolute;
 	top: 2px;
 	right: 80px;
 	margin: 0;
 	font-size: 12px;
 	text-align: right;
}

#header h2{
	position: absolute;
	top: 165px;
	left: 20px;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-align: left;
}

.h_banner{
	position: absolute;
	left: 0px;
	top: 100px;
}

.rss{	
	position: absolute;
	top: 4px;
	right: 25px;
}

/*  パンくずリスト  */
.navi {
	margin :0 0 10px;
	width: 100%;
	font-size: 12px;
	padding: 0 5px;
	text-align: left;
}

/*コンテンツ*/
#content {
	width: 700px;	
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
				
#content h2	{
	margin: 10px 0;
	padding-left: 20px;
	font-size: 129%;
	color: #333;
	font-weight: bold;
	line-height: 30px;
	text-align: left;
	background: url("img/h2_back.gif") no-repeat top left;
	display: block;
}

#content h2 a:link,
#content h2 a:visited,
#content h2 a:active{
    color: #333;
    font-weight: bold;
    text-decoration: none;
    display: block;
}

#content h2 a:hover{
    color : #F30;
    text-decoration: underline;
}

#content h3 {
	margin: 0;
	font-size:28px;
	font-weight: bold;
	color : #000;
	line-height: 150%;
	text-align: left;
}

/* h2 h3リンク属性 */
#content a{font-weight: normal;}
#content a.c1{font-weight: bold;text-decoration: none;}
#content a.more-link{font-weight: bold;}

#content h3 a:link,
#content h3 a:visited,
#content h3 a:active{
    color: #660033;
    font-weight: bold;
    text-decoration: none;
}

#content h3 a:hover{
    color : #F30;
    text-decoration: underline;
}

#content h4 {
	margin: 10px 0 0  0;
	padding-left:5px;
	border-bottom: 1px dotted #BBB;
	font-size:100%;
	color : #333;
	font-weight: bold;
}

/*記事枠*/
#content .doc{
  margin: 0 10px;
  text-align: left;
  line-height: 24px;
  background: url("img/doc_back.gif") top left;
}

#content .doc2{
  margin: 0 10px;
  text-align: left;
  line-height: 150%;
}

#content .doc p{
  margin: 0;
  padding: 0;
}


#content ol{
	margin: 0px 0px 0px 30px;
}

#content li{
	margin: 0;
	font-size: 100%;
	line-height: 150%;
}

#content p{
	font-size: 100%;
	margin: 10px 0;
}


/* 相互リンクリスト属性 */
#content .slink ul{
	margin: 10px 5px 20px 20px;
}

#content .slink ul li{
	margin: 0;
	font-size: 12px;
	line-height: 150%;
}

/*--- // 本来の区切り線を非表示に // ---*/
hr {display:none;}

.line {
    clear: both;
	background:url(img/line.gif) repeat-x;
	height:2px;
	margin:10px 0;}

/* フォント指定 */

.f_big{
    font-size:24px;
    font-weight:bold;
    line-height:30px;
    color:#CC3366;}


.toplink{
    margin: 5px 10px;
    font-size: 10px;
    text-align: left;}
    
.toplink a:link, .toplink a:visited, .toplink a:active {color: #333;text-decoration: none;margin-right:10px;}
.toplink a:hover {color:#333;text-decoration: none;}


/*フッターナビ*/
.f_navi {
	clear: both;
	margin: 0;
	padding: 10px 5px;
	text-align: right;
	font-size: 85%;
}

.f_navi img{border-style: none; vertical-align: middle;padding:0px 3px;}


/*フッター*/
#footer{
	clear: both;
	margin-top: 20px;
	padding-bottom: 20px;
	background: #FFF;
}

/* メニュー */
#footer .cat{
    margin: 0;
	padding: 0 20px;
	list-style: none;
}

.cat ul{
	padding: 0;
	text-align: center;
}

.cat li{
	display: inline;
	margin: 0 5px;
}

/*Copyrights*/
#copyrights{
	clear: both;
	margin: 0;
	height: 50px;
	padding: 10px 10px 0 0;
	color: #CCC;
	text-align: right;
	line-height: 120%;
	font-size: 12px;
	background: #FFF url("img/footer.jpg") no-repeat left bottom;
}

#copyrights a:link, #copyrights a:visited, #copyrights a:active {color: #FFF;text-decoration: underline;}
#copyrights a:hover {color:#FF6633;text-decoration: none;}