@charset "utf-8";
@media screen and (max-width: 640px) {


/* -------------------------------------------------------------
inndexのマップ非表示
----------------------------------------------------------------*/

.pc_area{
	display: none;
}


.sp_area{
	display: block;
}

/* -------------------------------------------------------------
余白設定
----------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

/* -------------------------------------------------------------
リンク基本設定
----------------------------------------------------------------*/
a {
	color:#330099;
}

a:hover {
	text-decoration: none;
	color: #FF9900;
}

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

a:active {
	text-decoration: none;
	color: #FF3300;
}

a img {
	border:none;
}


/* -------------------------------------------------------------
基本設定
----------------------------------------------------------------*/
* {
	font-size: 12px;
	color:#333333;
	padding:0;
	margin: 0;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	line-height: 140%;
}

img {
	vertical-align: middle;
}

hr {
	clear: both;
	height: 1px;
}

strong {
	color: #000000;
}

/* -------------------------------------------------------------
ベース設定
----------------------------------------------------------------*/
/*body {
	background-color: #B0CBE6;
	background-image: url(image/bg.gif);
	background-repeat: repeat-x;
}

.base {
	width:100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	margin-top: 0px;
	border: 1px solid #333333;
}

#base_waku {
	float: left;
	width: 645px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#waku {
	float: left;
	width: 645px;
	margin-left: 5px;
}*/

/* -------------------------------------------------------------
header設定
----------------------------------------------------------------*/
.header {
	width:/*820px*/100%;
	background-image: url(image/head_m.jpg);/*head_m.jpgに変更*/
	height: /*120px*/150px;
	position: relative;
}

h1 a {
	text-decoration: none;
	font-size: 20px;
	line-height: 28px;
	color: #333333;
	position: absolute;
	left: 40px;
	top: 45px;

}
h1 a:hover {
	color: #483D8B;
}

}
h1 a:visited {
	color: #333333;
}

.title {
	font-size: 10px;
	color: #FF6600;
	position: absolute;
	left: 40px;
	top: 75px;
}

.title2 {
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	color: #FF6600;
	position: absolute;
	right: 220px;
	bottom: 25px;
}
.header_top {
	text-align: center;
	display: block;
	background-color: #dcdcdc;
	color: #4682B4;
	font-weight: normal;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0C0C0;
}

/* -------------------------------------------------------------
タイトル下のリンク
----------------------------------------------------------------*/
#top_link {
	width: /*820px*/80%;
	height: /*20px*/10px;
	/*position: absolute;*/
	position: relative;
	bottom: -100px;
	left: 15px;
}

#top_link ul {
	list-style-type:none;
	display: block;
	margin: 0px;
	padding: 0px;
  }
  

#top_link li {
	display: inline;
  }
  
#top_link li a {
	font-size: 11px;
	color: #333333;
	line-height: 20px;
	text-decoration: none;
	background-image: url(image/point4.gif);/*point4に変更*/
	background-repeat: no-repeat;
	background-position: 4px center;
	padding-left: 15px;
	padding-right: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}

/*#top_link li a:hover {
	color: #FFFFFF;
	background-image: url(image/point2.gif);
	background-color: #FFA500;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF4500;
}*/

/* -------------------------------------------------------------
コンテンツ
----------------------------------------------------------------*/
#contents {
	width:/*470px*/100%;
	float: right;
}

#contents p{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 30px;
	margin-left: 30px;
	line-height: 20px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#contents h2 {
	font-size: 16px;
	padding-left: 10px;
	color: #3F3F3F;
	margin-top: 10px;
	margin-bottom: 5px;
	/*margin-right: 10px;*/
	/*margin-left: 5px;*/
	background-color: #FFFFC0;
	font-weight: bold;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FF9900;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #FF9900;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	padding-top: 2px;
	padding-bottom: 2px;
}

#contents h3 {
	font-size: 14px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #A9B59B;
	padding-left: 7px;
	color: #555555;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 13px;
}

#contents h3 a {
	font-size: 14px;
}

#contents h4 {
	font-size: 12px;
	color: #C27274;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 25px;
}

#contents ul {
	margin-left: 30px;
	list-style-type: none;
}
#contents li a {
	font-size: 12px;
}

#contents p a {
	line-height: 20px;
}

/* -------------------------------------------------------------
index用
----------------------------------------------------------------*/
#index_link ul {
	list-style-type:none;
	display: block;
	margin: 0px;
	padding: 1px;
  }

#index_link li {
	text-decoration: none;
	list-style-type:none;
	text-indent:1em;
}

#index_link li a {
	line-height: 10px;
	text-decoration: none;
	background-image: url(image/point3.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 15px;
	padding-right: 5px;
	border-left-width: 1px;
	text-indent:0em;
}

#index_link li a:hover {
	color: #FFFFFF;
	background-image: url(image/point2.gif);
	background-color: #FFA500;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF4500;
}

/* -------------------------------------------------------------
都道府県用
----------------------------------------------------------------*/
#m_link ul {
	list-style-type:none;
	display: block;
	margin: 0px;
	padding: 3px;
  }

#m_link li {
	text-decoration: none;
	list-style-type:none;
	text-indent:1em;
}

#m_link li a {
	line-height: 20px;
	text-decoration: none;
	background-image: url(image/point3.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 15px;
	padding-right: 5px;
	border-left-width: 1px;
	text-indent:0em;
}

#m_link li a:hover {
	color: #FFFFFF;
	background-image: url(image/point2.gif);
	background-color: #FFA500;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF4500;
}

/* -------------------------------------------------------------
テーブル
----------------------------------------------------------------*/
#contents table {
	width: /*455px*/100%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#contents form table th {
	width: 127px;
}

table.main{
    border-top:1px solid #FFA500;
    border-bottom:1px solid #FFA500;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}

.main th{
	border: 1px solid #FFA500;
    	background-color:#FFFF99;
    	text-align:left;
	text-indent:0em;
	padding: 6px;
}

.main td{
	border: 1px solid #FFA500;
    	background-color:#fffff0;
    	text-align:left;
	padding: 4px;
}

table.main2{
    border-top:1px solid #FFA500;
    border-bottom:1px solid #FFA500;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}

.main2 th{
	border: 1px solid #FFA500;
    	background-color:#FFFF99;
    	text-align:left;
	text-indent:0em;
	padding: 6px;
}

.main2 td{
	border: 1px solid #FFA500;
    	background-color:#fffff0;
    	text-align:left;
	padding: 2px;
}

table.main3{
    border-top:1px solid #FFA500;
    border-bottom:1px solid #FFA500;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    background-color:#fffff0;
}

.main3 th{
	border: 1px solid #FFA500;
    	background-color:#FFFF99;
    	text-align:left;
	text-indent:0em;
	padding: 6px;
}

.main3 td{
	border: 1px solid #FFA500;
    	text-align:left;
	padding: 2px;
}

/* -------------------------------------------------------------
コンテンツ上部のルート
----------------------------------------------------------------*/
#contents #root {
	font-size: 10px;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0C0C0;
}
#contents #root a {
	font-size: 10px;
	margin-right: 5px;
	margin-left: 5px;
}
#contents #root strong {
	font-size: 10px;
	margin-left: 5px;
}

/* -------------------------------------------------------------
サイド－left
----------------------------------------------------------------*/
#side {
	float: left;
	width: /*170px*/100%;
	background-color: #DEDEDE;
	padding-top: 10px;
	padding-bottom: 10px;
}

#side li {
	list-style-type: none;
}

#side .side_d {
	padding-top: 2px;
	margin-bottom: 5px;
	width: /*160px*/100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	border: 0px solid #FFFFFF;
	background-color: #C0C0C0;
}

#side .side_d h3 {
	display: block;
	width: /*154px*/100%;
	line-height: 25px;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 3px;
	font-size: 12px;
	text-align: center;
	background-color: #696969;
	background-image: url(image/left.gif);
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	height: 25px;
}

#side .side_d ul {
	margin-bottom: 5px;
}

#side .side_d li a {
	display: block;
	width:/*124px*/90%;
	font-size: 12px;
	color:#444444;
	line-height: 15px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 3px;
	background-image:url(image/point3.gif);
	background-repeat: no-repeat;
	background-color: #FFFFF0;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0C0C0;
	background-position: 2px center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFF0;
	text-decoration: none;
}

#side .side_d li a:hover {
	background-color: #FFA500;
	color: #FFFFFF;
	text-decoration: none;
	background-position: 2px;
	background-image: url(image/point4.gif);
}

/* -------------------------------------------------------------
サイド－right
----------------------------------------------------------------*/
.sidebar-r {
	float: left;
	width: /*170px*/100%
	font-size: 90%;
	margin: 0 0 0px;
}

.sidebar-r table {
	width: 100%
}

.sidebar-r th {
	width: 170px
	text-align: center;
	padding: 2px 0;
}

.sidebar-r td {
	width: 170px
	line-height: 1.5em;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #4682b4;
	background-color: #f0ffff;
}

/* -------------------------------------------------------------
下部メール
----------------------------------------------------------------*/
#mail {
	clear: both;
	color: #333333;
	bottom: 0px;
	left: 5px;
	background-color: #FFFFFF;
	background-position: bottom;
}
#mail ul {
	list-style-type: none;
	display: block;
	margin: 0px;
	padding: 0px;
	margin-left: 30px;
}
#mail li {
	font-size: 11px;
}

/* -------------------------------------------------------------
下部注意
----------------------------------------------------------------*/
#chui {
	width: 100%;/*追記*/
	clear: both;
	border: 1px solid #E2E2DE;
	bottom: 0px;
	left: /*15px*/1px;
	background-color: #f0ffff;
	padding-top: 5px;
	padding-bottom: 10px;
	background-position: bottom;
}
#chui ul {
	list-style-type: circle;
	display: block;
	margin: 0px;
	padding: 0px;
	margin-left: /*30px*/20px;
	margin-right: 10px;/*追記*/
}

/* -------------------------------------------------------------
下部リンク
----------------------------------------------------------------*/
#u_link {
	clear: both;
	border: 1px solid #E2E2DE;
	padding-top: 6px;
	padding-bottom: 3px;
	bottom: 0px;
	left: 15px;
	background-color: #FFFF99;
	background-position: bottom;
	text-indent:2em;
}

#u_link ul {
	list-style-type:none;
	display: block;
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
}

#u_link li {
	display: inline;
}

#u_link li a {
	color: #333333;
	font-size: 11px;
	line-height: 20px;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}

#u_link li a:hover {
	color: #FFFFFF;
	background-color: #FFA500;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF4500;
}

#u_link p {
	font-size: 10px;
	color: #333333;
	padding-left: 5px;
}

/* -------------------------------------------------------------
コピーライト
----------------------------------------------------------------*/
address {
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	display: block;
	background-color: #FF9900;
	font-size: 10px;
	padding: 5px;
}

.syasin{
 padding: 5px;
 background: #FFFFFF;
 border: 1px solid #E1E1E1;
}
}