@charset "UTF-8";

body{
	margin: 5px 0px 10px 0px;
	center: top;
	background: #CCFF99;
	color: #555555;	//全体の文字色
}

#page{
	margin: 0 auto;
	padding: 1px 5px 5px 5px;
	position: relative;
	text-align: reft;
	width: 970px;
	background: #FFFFFF;	//範囲確認用の色
}

/* ヘッダー部分 */
#header{
	border-bottom: 3px solid #339933;
	margin: 5px 0 0;
	padding: 0 0 5px;
	
}

/* ロゴエリアの定義 */
#logo_area{
	width: 220px;
}

a.logo{
	background: transparent url(../img/tankajin_logo.jpg) no-repeat scroll left top;
	display: block;
	height: 50px;
	width: 220px;
	text-indent: -9999px;
}

.content{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	font-size: 90%;
	text-align:left;
}

/* 
 *ナビ(メニュー)関連
 */

.nav{
	width: 100%;
	background: #ffffff url(../img/hor_menu3_off.gif) repeat-x top;
	border-top: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	font-size: 80%;
	margin: 5px 0 10px;
}
/* --- メニューエリア --- */
	.nav .nl {
	width: 100%; /* メニューの幅 */
	margin: 0 auto; /* センターに配置 */
	padding: 0;
	background: #ffffff url(../img/hor_menu3_off.gif) repeat-x top; /* メニューの背景 */
	border-left: 1px #cccccc solid; /* メニューの左枠線 */
	border-right: 1px #ffffff solid; /* メニューの右枠線 */
	list-style-type: none;
	text-align: center;
}
/* --- メニュー項目 --- */
.nav .nl li {
	width: 10%; /* 項目の幅 */
	float: left;
}
/* --- リンク --- */
.nav .nl li a {
	display: block;
	position: relative; /* IE6用 */
	padding: 11px 2px; /* リンクエリアのパディング（上下、左右） */
	border-top: 1px #ffffff solid; /* リンクエリアの上枠線 */
	border-bottom: 1px #808080 solid; /* リンクエリアの下枠線 */
	border-left: 1px #ffffff solid; /* リンクエリアの左枠線 */
	border-right: 1px #cccccc solid; /* リンクエリアの右枠線 */
	text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
	background: #ffffff url(../img/hor_menu3_on.gif) repeat-x top; /* ポイント時の背景 */
	text-decoration: underline; /* テキストの下線（あり） */
}
/* --- clearfix --- */
	.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}


/* 見出の定義し */
h1.headline{
	margin: 0px 0px 0px 0px;
	padding:5px 0 5px 15px;
	border-left:#339933 8px solid;
	border-bottom:#99CC66 2px solid;
	font-size: large;
	font-weight: bold;
	text-align:left;
	color:#333;
}

h2.sub{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 3px 0px;
	font-size: 100%;
	font-weight: bold;
	text-align:left;
	color:#0066FF;
}

h2.fqa_title{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 3px 0px;
	font-size: 100%;
	font-weight: bold;
	text-align:left;
	border-top:#99CC66 2px solid;
	border-bottom:#99CC66 2px solid;
	color:#333;
}

/* フッター */
div#totop{
	position:relative;
	height:30px;
}

div#totop p{
   position:absolute;
   top:0;
   margin:0;
   padding-left:8px;
   font-size:0.63em;
   background:#fff url(../img/bg_totop.gif) 0 50% no-repeat;
}

address{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
   text-align:center;
   font-size:0.8em;
   color:#333;
   border-top:1px solid #339933;
}

/* 
 *ホーム(index.html)で使用する定義
 */
/* 表紙画像の大きさ 比率は約 13:18(width:height) */
#cover{
	width: 385px;
	height: 530px;
}
#cover_img{
	width: 383px;
	height: 530px;
	padding: 0px 5px 0px 0px;
}

.design{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 383px;
	font-size: 70%;
}

#greet{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	width: 575px;
}

/* 更新情報 */
#info{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	width:485px;
}


#upd_info{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	width: 460px;
	height:240px;
	border: 1px solid gray;
	overflow: auto;
}

.info_text{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: gray 1px solid;
}