@charset "shift_jis";
/* CSS Document */

html {
	overflow-y: scroll;
	scrollbar-track-color: #FFDDDD;
	scrollbar-base-color: #FFDDDD;
}

body {
	font: 90% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 100px 0 50px 0;
	background: #FFDDDD;
	text-align: center;
	color: #000066;
	letter-spacing: 0.1em;
}

/*-------------------------------- コンテナ部 ---------------------------*/

#container {
	width: 900px;
	background: #FFDDDD;
	margin: 0 auto;
	text-align: left;
}

* html body {
	overflow: hidden;
}

div#headerArea {
	position: fixed !important;
	position: static;
	top: 0;
	width: 100%;
	height: 112px;
	background-color: #FFDDDD;
	color: #fff;
	text-align: center;
}

div#sideArea {
	position: fixed !important;
	position: static;
	top: 0;
	width: 150px;
	height: 100%;
	margin-top:135px;
	background-color: #FFDDDD;
	color: #fff;
}

div#footerArea {
	position: fixed !important;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 25px;
	background-color: #F0F0F0;
	font-size: 12px;
	line-height: 25px;
	color: #444444;
	text-align: center;
	vertical-align: middle;
}

div#contentsArea {
	height: 100%;
	overflow: auto;
	width:720px;
	margin-left:180px;
	padding:30px 0px 30px 0px;
}

div#contentsArea2 {
	height: 100%;
	overflow: auto;
	width:900px;
	padding:30px 0px 30px 0px;
	text-align: center;
}

/*------------------------------- return ボタンスペース ----------------------*/

#return {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 150px;
	height: 25px;
	z-index: 1;
	visibility: bisible;
}

/*-------------------------トップリンクボタン　ボーダー入り　-----------------------*/

#top_menu {
	width: 900px;
	padding:0;
	margin:0;
	list-style-type: none;
}

#top_menu li {
	width:20%;
	float:left;
	padding:0;
	margin:0;
	text-align:center;
}

#top_menu li a {
	width:auto;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-shadow:0 -1px 0px #333, 0 1px 0px #555;
	padding:10px 0;
	text-decoration:none;
	display:block;
	background:#666;
	background-image: -moz-linear-gradient(top, #888 0%, #777 50%, #666 50%, #777 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888), color-stop(0.50, #777), color-stop(0.50, #666), color-stop(1, #777));
	border-left:1px solid #444;
	box-shadow: 1px 0px 0px rgba(225, 225, 225, 0.3) inset,  -1px 0px 0px rgba(225, 225, 225, 0.3) inset,  0px 1px 1px rgba(0, 0, 0, 0.1) inset,  0px -1px 1px rgba(0, 0, 0, 0.3) inset,  0px 1px 3px #666;
}

#top_menu li:first-child a {
	border-left:0px;
	border-radius:5px 0 0 5px;
	border-left:0;
	box-shadow:-1px 0px 0px rgba(225, 225, 225, 0.3) inset,  0px 1px 1px rgba(0, 0, 0, 0.1) inset,  0px -1px 1px rgba(0, 0, 0, 0.3) inset,  0px 1px 3px #666;
}

#top_menu li:last-child a {
	border-radius:0 5px 5px 0;
	box-shadow: 1px 0px 0px rgba(225, 225, 225, 0.3) inset,  0px 1px 1px rgba(0, 0, 0, 0.1) inset,  0px -1px 1px rgba(0, 0, 0, 0.3) inset,  0px 1px 3px #666;
}

#top_menu li a:hover {
	background:#555;
	background-image: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));
	box-shadow: 1px 0px 0px rgba(225, 225, 225, 0) inset,  -1px 0px 0px rgba(225, 225, 225, 0) inset,  0px 1px 1px rgba(0, 0, 0, 0.1) inset,  0px -1px 1px rgba(0, 0, 0, 0.3) inset,  0px 1px 3px #666;
}


/*---------------------------- html linkcoior -----------------------*/

#contentsArea a:link {
	color: #003399;
}

#contentsArea a:visited {
	color: #003399;
}

#contentsArea a:hover {
	color: #666666;
	background-color: #FFBBBB;
	text-decoration: none;
}

#contentsArea a:active {
	color: #CC3300;
}

/*------------------------- pro html  contentsArea2用  linkcoior  --------------------*/

#contentsArea2 a:link {
	color: #003399;
}

#contentsArea2 a:visited {
	color: #003399;
}

#contentsArea2 a:hover {
	color: #666666;
	background-color: #FFBBBB;
	text-decoration: none;
}

#contentsArea2 a:active {
	color: #CC3300;
}

/*-------------------------- サイドリンクボタン ----------------------------------*/

#side_button {
	width: 150px;
	display: inline;
}

.btn_s a {
	display: block;
	background-color: #FFCCCC;
	border: outset 1px #E9E9E9;
	margin-bottom: 5px;
	padding: 6px 0px 5px 5px;
	font-size: 14px;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	color: #000000;
	border-radius: 5px;
}

.btn_s a:hover {
	background-color: #FFBBBB;
	border: inset 1px #E9E9E9;
	margin-bottom: 5px;
	padding: 6px 0px 5px 5px;
	font-size: 14px;
	line-height: 15px;
	text-align: left;
	color: #666666;
	border-radius: 5px;
}

.btn_s2 a {
	display: block;
	background-color: #FFBBBB;
	border: outset 1px #F9F9F9;
	margin-bottom: 5px;
	padding: 6px 0px 5px 5px;
	font-size: 14px;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	color: #000000;
	border-radius: 5px;
}

/*--------------------------- sid-name margin-bottom: 0px用 -----------------------*/

.btn_name a {
	display: block;
	background-color: #FF9999;
	border: outset 1px #F9F9F9;
	margin-bottom: 2px;
	padding: 7px 5px 5px 5px;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 16px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	border-radius: 5px;
}

.btn_name a:hover {
	background-color: #FFBBBB;
	border: inset 1px #F9F9F9;
	margin-bottom: 2px;
	padding: 7px 5px 5px 5px;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 16px;
	text-align: center;
	font-weight: bold;
	color: #666666;
	border-radius: 5px;
}

.btn_name2 a {
	display: block;
	background-color: #FF9999;
	border: outset 1px #F9F9F9;
	margin-bottom: 2px;
	padding: 7px 5px 5px 5px;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 16px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	border-radius: 5px;
}

/*--------------------------- margin-bottom: 0px用 -----------------------*/

.btn_s0 a {
	display: block;
	background-color: #FFCCCC;
	border: outset 1px #F9F9F9;
	margin-bottom: 2px;
	padding: 6px 0px 5px 5px;
	font-size: 14px;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	color: #000000;
	border-radius: 5px;
}

.btn_s0 a:hover {
	background-color: #FFBBBB;
	border: inset 1px #F9F9F9;
	margin-bottom: 2px;
	padding: 6px 0px 5px 5px;
	font-size: 14px;
	line-height: 15px;
	text-align: left;
	color: #666666;
	border-radius: 5px;
}

.btn_s02 a {
	display: block;
	background-color: #FFBBBB;
	border: outset 1px #F9F9F9;
	margin-bottom: 2px;
	padding: 6px 0px 5px 5px;
	font-size: 14px;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	color: #000000;
	border-radius: 5px;
}

/*-------------------------------------　スモールボタン　----------------*/

#side_button_s {
	width: 140px;
	margin-left: 10px;
}

.btn_ss a {
	display: block;
	background-color: #FFCCCC;
	border: outset 1px #F9F9F9;
	margin-bottom: 5px;
	padding: 6px 0px 5px 5px;
	font-size: 14px;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	color: #000000;
	border-radius: 5px;
}

.btn_ss a:hover {
	background-color: #FFBBBB;
	border: inset 1px #F9F9F9;
	margin-bottom: 5px;
	padding: 6px 0px 5px 5px;
	font-size: 14px;
	line-height: 15px;
	text-align: left;
	color: #666666;
	border-radius: 5px;
}

.btn_ss2 a {
	display: block;
	background-color: #FFBBBB;
	border: outset 1px #F9F9F9;
	margin-bottom: 5px;
	padding: 6px 0px 5px 5px;
	font-size: 14px;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	color: #000000;
	border-radius: 5px;
}

/*----------------------------- スモール margin-bottom: 0px用 ---------------*/

.btn_ss0 a {
	display: block;
	background-color: #FFCCCC;
	border: outset 1px #F9F9F9;
	margin-bottom: 2px;
	padding: 6px 0px 5px 5px;
	font-size: 14px;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	color: #000000;
	border-radius: 5px;
}

.btn_ss0 a:hover {
	background-color: #FFBBBB;
	border: inset 1px #F9F9F9;
	margin-bottom: 2px;
	padding: 6px 0px 5px 5px;
	font-size: 14px;
	line-height: 15px;
	text-align: left;
	color: #666666;
	border-radius: 5px;
}

.btn_ss02 a {
	display: block;
	background-color: #FFBBBB;
	border: outset 1px #F9F9F9;
	margin-bottom: 2px;
	padding: 6px 0px 5px 5px;
	font-size: 14px;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	color: #000000;
	border-radius: 5px;
}

/*------------------------------- name用 margin-bottom -------------------*/

.name {
	margin-bottom: 5px;
}

/*------------------------------ txt box --------------------------------*/

.txt_box {
	border: 1px solid #000;
}

.txt_box ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

.txt_box li {
	margin-left: -20px;
}	

.table_free {
	border: #000 1px solid;
	border-collapse: collapse;
}

#link_table {
	width: 800px;
	border: #000 1px solid;
	border-collapse: collapse;
	text-align: left;
}

#rireki_table {
	width: 800px;
	border-bottom: #000 1px solid;
	border-top: #000 1px solid;
	text-align: left;
}

#cs_menu64 {
	width: 640px;
	border: #000 1px solid;
	border-collapse: collapse;
}

#cs_menu64 td {
	text-align: center;
}

#cs_box64 {
	width: 640px;
	border: #000 1px solid;
	border-collapse: collapse;
	text-align: left;
}

#cs_box64 th {
	background-color: #FFCCCC;
	text-align:center;
}

.txtbox64 {
	width: 640px;
	text-align: left;
}

.box64 {
	width: 640px;
	border: #000 1px solid;
	border-collapse: collapse;
}

.box72 {
	width: 720px;
	border: #000 1px solid;
	border-collapse: collapse;
	text-align:left;
}

.box72 th {
	background-color: #FFBBBB;
}

.txtwaku {
	border: #000 1px solid;
	border-collapse: collapse;
	text-align:left;
	padding: 5px;
}

.sen {
	border-collapse: collapse;
}

/*------------------------------- 個人データ　キャプション用 -------------------*/

#cap_txt {
	font-size: 12px;
	color: #000;
	text-align: right;
}

/*------------------------------ 個人データ用タイトル -------------------------*/

#p_data {
	font-size: 20px;
	font-weight: bold;
	color: #F00;
	text-align: center;
	margin-bottom: 10px;
}

/*----------------------------- パンクズリスト ------------------------------*/

#pan {
	margin-top: -10px;
	margin-left: -30px;
	text-align: right;
}

#pan li {
	display: inline;
	list-style: none;
	font-size: 11px;
}