/***************************
全ページ共通のスタイルシート
***************************/

a:link{
	color:#0066FF;
	text-decoration:none;
}

a:visited{
	color:#0066FF;
	text-decoration:none
}

a:hover{
	color:#FF3399;
	text-decoration:underline
}

a:active{
	text-decoration:none
}

body {
	margin-top: 0;
	background-color: #dddddd
}

div,p,td {
	margin: 0;
	font-size: 14px
}

img {
	border: 0
}

.kanji {
	border: 1px;
	border-style: solid;
	border-color: #999999;
	ime-mode: active
}

.eiji {
	border: 1px;
	border-style: solid;
	border-color: #999999;
	ime-mode: disabled
}

.kanji:focus {
	border: 1px;
	border-style: solid;
	border-color: red
}

.eiji:focus {
	border: 1px;
	border-style: solid;
	border-color: red
}

.color_red{
	color: #FF0000
}

.h1_midashi_white {
	display:inline;
	font-size: 13px;
	color: #ffffff
}

.h2_midashi {
	display:inline;
	font-size: 12px;
	color: #000000
}

.copy_right {
	background-image: url(image/menu-back.jpg);
	background-repeat: no-repeat;
	width: 800px;
	height: 20px;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff
}

div.main_box{
	border-style: solid;
	border-color: #555555;
	border-width: 1px;
	width: 800px
}

div.logo_area {
	float: left;
	width: 800px
}

div.logo_area1 {
	background-image: url(image/menu-back.jpg);
	background-repeat: no-repeat;
	width: 800px;
	height: 17px;
	padding-top: 3px;
	padding-left: 5px;
	text-align: left
}

div.logo_area2 {
	background-image: url(image/title.jpg);
	background-repeat: no-repeat;
	width: 800px;
	height: 250px;
	text-align: left
}

div.logo_mark_area {
	padding-top: 50px;
	padding-left: 50px;
	width: 220px;
	height: 100px
}

div.logo_name_area {
	padding-left: 530px;
	padding-top: 45px;
	width: 234px;
	height: 36px
}

div.navi_area {
	clear: both;
	background-image: url(image/menu-back.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	width: 800px;
	height: 50px;
	text-align: center
}

div.main_area {
	background-color: #ffffff;
	width: 800px
}

div.footer_area {
	background-color: #ffffff;
	clear: both;
	height:30px
}

div.title_bar {
	padding-top: 10px;
	width: 600px
}

div.pan_kuzu {
	padding-top: 10px;
	width: 600px;
	height: 20px;
	text-align: left;
	font-size: 14px
}

div.naiyou {
	border-style: solid;
	border-width: 1px;
	border-color: #98b9d6;
	padding: 10px;
	width: 578px;
	text-align: left
}

div.naiyou_center {
	border-style: solid;
	border-width: 1px;
	border-color: #98b9d6;
	padding: 10px;
	width: 578px
}

div.naiyou_center_text_left {
	padding-top: 10px;
	padding-left: 100px;
	text-align: left
}

div.profile_face {
	width: 230px;
	text-align: center
}

div.profile_naiyou {
	float: right;
	padding-top: 60px;
	width: 330px;
	text-align: left
}

.ryoukin_table {
	background-color: #555555;
	width: 400px
}

.ryoukin_th1 {
	background-color: #CEE7FF;
	width: 220px
}

.ryoukin_th2 {
	text-align: right;
	background-color: #d8d8d8;
	width: 100px
}

.ryoukin_cell1 {
	background-color: #E8F3FF;
	text-align: left;
	width: 220px
}

.ryoukin_cell2 {
	background-color: #e8e8e8;
	text-align: right;
	width: 100px
}

.ryoukin2_cell1 {
	background-color: #CEE7FF;
	text-align: left;
	width: 220px
}

.ryoukin2_cell2 {
	background-color: #d8d8d8;
	text-align: right;
	width: 100px
}

.ryoukin2_cell2_etc {
	background-color: #e8e8e8;
	text-align: left;
	width: 200px
}

.list_mark_pic {
	list-style-image: url('image/mark.gif')
}

.mail_form {
	padding-top: 20px;
	padding-left: 40px
}

.mail_table {
	width: 500px;
	background-color: #FFFFFF;
}

.table_title {
	width: 150px;
	text-align: right;
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: gray;
	background-color: #FFFFFF
}

.table_text {
	width: 350px;
	text-align: left;
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: gray;
	background-color: #E4E4E4
}

div.bottom_text {
	width: 500px;
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: gray;
	text-align: center
}

div.modoru {
	padding-top: 30px;
	text-align: center
}

.zuiendou_info_table {
	background-color: #555555;
	width: 500px
}

.zuiendou_info_cell1 {
	background-color: #CEE7FF;
	text-align: center;
	width: 150px
}

.zuiendou_info_cell2 {
	background-color: #d8d8d8;
	text-align: left;
	width: 350px
}

.zuiendou_info2_cell1 {
	background-color: #E8F3FF;
	text-align: center;
	width: 150px
}

.zuiendou_info2_cell2 {
	background-color: #e8e8e8;
	text-align: left;
	width: 350px
}

.sub_title {
	font-size: 20px;
    font-weight: bold
}

div.ree_choujin_face_pic {
	float: left;
	padding-right :5px;
	padding-bottom :5px;
	width: 67px;
	height: 96px;
}

div.nagare_title {
	padding :10px;
	width: 550px;
	font-size: 20px;
	font-weight: bold;
	text-align: left
}

div.nagare_example {
	padding :10px;
	width: 550px;
	text-align: left
}

.zuiendou_nagare_cell_ex1 {
	background-color: #CCFFFF;
	width: 15px
}

.zuiendou_nagare_cell_ex2 {
	background-color: #FFCCFF;
	width: 15px
}

div.nagare_box {
	padding :10px;
	width: 550px;
	background-color: #CCFFFF;
	text-align: left
}

div.nagare_box2 {
	padding :10px;
	width: 550px;
	background-color: #FFCCFF;
	text-align: left
}

section ul {
  list-style-position: inside;
  list-style-image: url(image/mark.gif);
}

#menu {
	margin-left: -26px
}

#menu li {
	display: inline;
	float:left
}

#menu a {
	display: block;
	position: relative
}

#menu li a {
	background-image: url(image/menu.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 40px;
	margin-top: 5px;
	margin-right: 5px;
	text-decoration: none;
	text-indent: -10000px;
	overflow: hidden
}

.menu00 a{ background-position: 0 0 }
.menu00 a:hover { background-position: -150px 0 }
.menu01 a{ background-position: 0 -40px }
.menu01 a:hover { background-position: -150px -40px }
.menu02 a{ background-position: 0 -80px }
.menu02 a:hover { background-position: -150px -80px }
.menu03 a{ background-position: 0 -120px }
.menu03 a:hover { background-position: -150px -120px }
.menu04 a{ background-position: 0 -160px }
.menu04 a:hover { background-position: -150px -160px }