@charset "euc-jp";

/*
動作確認
----------------------------------------------------
css on
	Win IE6
	Win NN7
	Win Firefox1.5
	Mac IE5	
*/

/*ページ全体
---------------------------------------------------- */
body {
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center; /* for IE5x */
	font-size:83%;
	color:#666666;
	/*background-color: #FFFFFF;*/
	background-image: url(../img/bg_top02.gif);
	background-repeat: repeat;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

li {
	list-style-type: none;
}

caption,th {
	text-align:left;
	font-weight:normal;
	}
	
#page_all{
	width:788px;
	height: auto;
	margin: auto;
	background-image: url(../img/bg_main.gif);
	background-repeat: repeat-y;
	text-align:left;
}

img {
	border:none;
	}
	
ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

form {
	margin:0px;
	padding:0px;
}

input,textarea,select{
	vertical-align:middle;
	margin-top:5px;
	margin-bottom:5px;
	}

table {
	border: 1px solid #CCCCCC;
	border-collapse:collapse;
	}
	
th,td {
	border: 1px solid #CCCCCC;
	padding:2px;
	padding-left:7px;
	}
		

th {
	background-color:#EAE7E7;
	}

h1,h2,h3,h4,h5,h6,
p,ul,dl,dd {
	margin:0px;
	padding:0px;
	font-size: 100%;
	font-weight:normal;
}


/* リンク
---------------------------------------------------- */
a:link {
	  color: #0066CC;
	 /* background: transparent; */
}
a:visited {
	  color: #0066CC;
	/*  background: transparent; */
}
a:hover, a:active {
	  color: #ff9933;
	/*  background: transparent; */
}

/*ヘッダ
---------------------------------------------------- */
/*ヘッダ全体*/
#header {
	width:770px;
	height:57px;
	margin-left: 9px;
	margin-right: 9px;
	}


/*ロゴ*/
#header_logo {
	width:150px;
	height:57px;
	float: left;
	padding-left: 5px;
	}

/*ヘッダ右側*/	
#header_right {
	width: 500px;
	height:57px;
	float: right;
	}	

.header_right_jouge {
	width: 500px;
	height: 28px;
	}	
	
/*フォントサイズ変更*/	
#header_fontsize {
	/*width: 176px;*/
	width:155px;
	float:right;
	padding-top: 3px;
	padding-right:20px;
	}

#fontsize_title {
	width: 75px;
	height: 18px;
	float:left;
	}

.fontsize_btn {
	width: 26px;
	height: 18px;
	float:left;
}
	
/*webメール*/
#header_webmail {
	width: 100px;
	float: left;
	height: 18px;
	padding-top: 3px;
	}

#header_webmail li{
	background-image: url(../img/ico_mail.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size:11px;
	text-indent: 20px;
	line-height: 25px;
	}

/*サイトマップ*/
#header_sitemap {
	width: 100px;
	float: left;
	height: 18px;
	padding-top: 3px;
	}

#header_sitemap li{
	background-image: url(../img/ico_sitemap.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size:11px;
	text-indent: 23px;
	line-height: 25px;
	}

/*キーワード検索*/
#header_search {
	float:right;
	text-align:right;
	width: 200px; /* for mac IE5 \*/
	width: 170px; /* except mac IE5 */
	padding-left:0px; /* for mac IE5 \*/
	padding-left:5px; /* except mac IE5 */
	padding-right:25px;
	}
	

/*余白指定*/
.header_right_jouge ul,
.header_right_jouge li,#header_search form/*,#header_search input*/{
	margin:0px;
	padding:0px;
	list-style:none;
	}

/*
.header_keyword {
	font-size: 90%; /* for mac IE5 \*/
	/*font-size:12px; /* except mac IE5 */
	/*}
	
/*ナビゲーション
---------------------------------------------------- */
#nav {
	width:770px;
	height: 30px;
	margin-left:9px;
	margin-right:9px;
	background-image: url(../img/btn_menu_back.gif);
	background-repeat: repeat-x;
	}

#nav p {
	margin:0px;
	padding:0px;
	}

#nav_waku {
	width:738px; /*中央揃えにするため*/
	margin:auto;
	height:30px;
	}

#nav ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

#nav li, #nav a {
	display: block;
}

#nav li {
	float: left;
	font-size:10px;
	width:auto; /*仮の値*/
	height:30px;
	}


/* for genzaichi */
#nav_waku div{
	background-image: url(../img/btn_top_menu.gif);
	background-repeat: no-repeat;
	text-decoration:none;
	text-indent:-9999px;
	height:30px;
	
}

/* for link */
#nav a {
	background-image: url(../img/btn_top_menu.gif);
	background-repeat: no-repeat;
	text-decoration:none;
}


/* for genzaichi */
#nav01{
	width:96px;
	/*height:30px;*/
	background-position: 0px -31px;
	}
	
#nav02{
	width:99px;
	background-position: -96px -31px;
	}
	
#nav03{
	width:107px;
	background-position: -195px -31px;
	}
	
#nav04{
	width:118px;
	background-position: -302px -31px;
	}
	
#nav05{
	width:121px;
	background-position: -420px -31px;
	}
	
#nav06{
	width:112px;
	background-position: -541px -31px;
	}
	
#nav07{
	width:83px;
	background-position: -653px -31px;
	}


#nav01 a{
	width:96px;
	height:30px;
	}
#nav02 a{
	width:99px;
	height:30px;
	background-position: -96px 0px;
	}
#nav03 a{
	width:107px;
	height:30px;
	background-position: -195px 0px;
	}
#nav04 a{
	width:118px;
	height:30px;
	background-position: -302px 0px;
	}
#nav05 a{
	width:121px;
	height:30px;
	background-position: -420px 0px;
	}
#nav06 a{
	width:112px;
	height:30px;
	background-position: -541px 0px;
	}
#nav07 a{
	width:83px;
	height:30px;
	background-position: -653px 0px;
	}
	
#nav01 a:hover{
	background-position: 0px -31px;
	}
#nav02 a:hover{
	background-position: -96px -31px;
	}
#nav03 a:hover{
	background-position: -195px -31px;
	}
#nav04 a:hover{
	background-position: -302px -31px;
	}
#nav05 a:hover{
	background-position: -420px -31px;
	}
#nav06 a:hover{
	background-position: -541px -31px;
	}
#nav07 a:hover{
	background-position: -653px -31px;
	}



/*コンテンツ
---------------------------------------------------- */
/*コンテンツ全体*/
#contents{
	width:770px;
	padding-left:9px;
	padding-right:9px;
	/*padding-top: 15px;*/
	height:auto;
	}

/*
#contents h2,
#contents h3,
#contents p,
#contents h4,
#contents h5,
#contents ul,
#contents dl,
#contents dd{
	margin:0px;
	padding:0px;
	font-size: 100%;
	font-weight:normal;
}
*/

#contents ol li{
	margin-left:25px;
	/*padding-left:0px;*/
	list-style-type: decimal;
}

.ol_list_bottom15px li{
margin-bottom:15px;
}

.ol_list_bottom0px li{
margin-bottom:0px;
}


/*
#contents ol li ol li{
	margin-left:20px;
	padding-left:0px;
	list-style-type: lower-roman;
}
*/
	
#contents_left {
	width:170px;
	height: auto;
	float:left;
	}
	
#contents_right {
	width:600px;
	height:auto;
	float:right;
	line-height:1.5em;
	padding-bottom:50px;
	}
	
#contents_right_top {
	width:600px;
	padding-bottom:20px;
	}

#contents_right_top h2 {
	text-align:right;
	padding-left:23px;
	padding-right:20px;
	font-size:10px;
	letter-spacing: 1px;
		}
	
#contents_right_main {
	padding-left:20px;
	padding-right:20px;
	width:560px;
}

/*
#contents_right_main h3{
	padding-top: 34px;
}
*/

#contents_right_main h4{
	/*padding-top: 35px;*/
	padding-bottom: 10px;
}

.padding_top_h4 {
	padding-top: 30px;
	}

#contents_right_main p{
	padding-bottom: 20px;
}

#contents_right_main h5 {
	padding-top:5px;
	padding-bottom:8px;
	}

.clear_both {
	clear:both;
	}

.img_right{
	float:right;
	padding-left:15px;
	}
	
.img_right2{
	float:right;
	padding-left:10px;
	}

.padding_right0px {
	padding-right:0px;
	}
	
.padding_right15px {
	padding-right:15px;
	}
	
.padding_bottom2px {
	padding-bottom:2px;
	}
	
.padding_bottom10px {
	padding-bottom:10px;
	}	
	
.padding_bottom20px {
	padding-bottom:20px;
	}	
	
.padding_bottom30px {
	padding-bottom:30px;
	}
	
.padding_top20px {
	padding-top:20px;
	}
	
.margin_top20px {
	margin-top:20px;
	}

.margin_bottom20px {
	margin-bottom:20px;
	}
	
.text_red {
	color:#CC0000;
	}

.text_blue {
	color:#6699CC;
	}
	
.text_blue2 {
	color:#3366CC;
	}

.float_left {
	float:left;
	}
	
.float_right {
	float:right;
	}

.float_left_w280px {
	float:left;
	width:280px;
	}
	
.float_right_w280px {
	float:right;
	width:280px;
	}

.center {
	text-align:center;
	}

.text_right {
	text-align:right;
	}

.link_purple li {
	background-image:url(../img/ico_arrow_purple.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:20px;
	}

.vertical-bottom img {
	vertical-align:text-bottom;
	}

.text_75per {
	font-size:75%;
	line-height:1.3em;
	/* only except mac IE5 \*/
	letter-spacing: 1px; 
	/* only except mac IE5 */
	}
	
.text_75per2 {
	width:560px;
	font-size:75%;
	line-height:1.3em;
	/* only except mac IE5 \*/
	letter-spacing: 1px; 
	/* only except mac IE5 */
	}
	
.text_leftmenu {
	font-size:80%;
	line-height:1.3em;
	letter-spacing: 1px;
	}
	
.text_bold {
	font-weight:bold;
	}
	
li.list_brown {
	color:#CC9933;
	margin-left:20px;
	margin-bottom:10px;
	/*margin:20px;*/
	list-style-type:disc;
	}
	
	
li.list_brown_square {
	color:#CC9933;
	margin-left:20px;
	margin-bottom:10px;
	/*margin:20px;*/
	list-style-type:square;
	}
	
li.list_green {
	color:#99CC33;
	margin-left:20px;
	margin-bottom:10px;
	/*margin:20px;*/
	list-style-type:disc;
	}
	
.list_gray_back{
	background-color:#E6E8E9;
	padding:10px;
	margin-top:15px;
	margin-bottom:15px;
	}
	
.list_gray_back li{
	margin-left:20px;
	/*margin-bottom:10px;*/
	color:#666666;	
	list-style-type:circle;
}

.list_gray_circle li{
	margin-left:20px;
	list-style-type:circle;
}


.list_gray_disc li{
	margin-left:20px;
	list-style-type:disc;
}

#list_circle_black1 li,#list_circle_black2 li,
#list_circle_black3 li,#list_circle_black4 li,
#list_circle_black5 li,#list_circle_black6 li,
#list_circle_black7 li,#list_circle_black8 li,
#list_circle_black9 li,#list_circle_black10 li{
	background-image: url(../img/ico_circle_black.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	text-indent:25px;
}

span.list_text {
	color:#666666;
}


.list_orange li{
	background-image: url(../img/ico_link.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	text-indent:15px;
	}

.text_brown {
	color:#CC9900;
	}
	
.table_base_small{
	font-size:75%;
	line-height:1.3em;
	/* only except mac IE5 \*/
	letter-spacing: 1px; 
	/* only except mac IE5 */
}

.line_base560px {
	background-image:url(../img/line_gray.gif);
	background-repeat:repeat-x;
	width:560px;
	height:5px;
	}
	
.line_base560px2 {
	background-image:url(../img/line_gray.gif);
	background-repeat:repeat-x;
	width:560px;
	height:5px;
	padding-bottom:20px;
	}
	
.anchor_list560px,.anchor_list560px2{
	width:560px;
	}
	
.anchor_list560px li{
	float:left;
	width:160px;
	padding-right:5px;
	}
	
.anchor_list560px2 li{
	float:left;
	width:240px;
	padding-right:5px;
	}
	
#under_constraction {
	padding-top:80px;
	width:560px;
	text-align:center;
	height:250px;
	}

	

.page_top {
	width:560px;
	height:18px;
	text-align:right;
	font-size:10px;
	padding-top:10px;
	background-image:url(../img/ico_top.gif);
	background-repeat:no-repeat;
	background-position:490px 13px;
	}

.page_link {
	text-align:right;
	width:100%;
	}

/*フッタ
---------------------------------------------------- */
/*フッタ全体*/
#hooter {
	width:770px;
	padding-left:9px;
	padding-right:9px;
	padding-bottom: 20px;
	}

/*フッタライン*/
#hooter_line01 {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #068FF9;
}

#hooter_line02 {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #F9E506;
}

/*フッタ左側*/
#hooter_left {
	width:350px;
	height:auto;
	float:left;
	padding-top:5px;
	padding-left:20px;
	padding-bottom: 20px;
	}
	
#hooter_left address {
	font-size:80%;
	font-style: normal;
	}

/*フッタ右側*/
#hooter_right {
	width:390px;
	height:auto;
	padding-top:5px;
	padding-right:10px;
	white-space: nowrap;
	text-align:right;
	float: right;
	padding-bottom: 20px;
	}

#hooter_right span {
	margin:0px;
	padding:0px;
	font-size:90%;
	}