@charset "UTF-8";
body,/* --- Reset Start --- 
   --- 各ブラウザ間の表示を統一する為の記述です --- */
div,/* default property reset */dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p {margin:0px; padding:0px;}
body * {
	line-height:1.22em;
	word-break:break-all;
}
/* line-height:1.22em;について */
/*
各フォントサイズ毎に行間を算出する指定です。
この指定を削除すると、全体の行間は統一される為、
見た目のレイアウトが変更される場合があります。
*/
body {
	font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "Verdana", "Osaka", sans-serif;
	color: #333;
	background-image: url(images/common/bg.jpg);
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a img {
	-webkit-transition: 0.15s ease-in-out;
	-moz-transition: 0.15s ease-in-out;
	-o-transition: 0.15s ease-in-out;
	transition: 0.15s ease-in-out;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
a:link {
	color: #369;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #369;
}
a:hover {
	text-decoration: underline;
	color: #369;
}
a:active {
	text-decoration: none;
	color: #369;
}

table {
	border-collapse:collapse;
	border-spacing:0px;
}
th  {
	border-collapse:collapse;
	border-spacing:0px;
}
td {
	border-collapse:collapse;
	border-spacing:0px;
}




#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-color: #FEFEF6;
	padding-right: 80px;
	padding-left: 80px;
}
#header {
	float: left;
	width: 284px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 60px;
}
#logo {
	margin-bottom: 20px;
}
#navi a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
    -moz-animation: swing linear 1.2s infinite;
    -moz-transform-origin: center -50px 0;
    -webkit-animation: swing linear 1.2s infinite;
    -webkit-transform-origin: center -50px 0;
    -ms-animation: swing linear 1.2s infinite;
    -ms-transform-origin: center -50px 0;
    -o-animation: swing linear 1.2s infinite;
    -o-transform-origin:center -50px 0;
    animation: swing linear 1.2s infinite;
    transform-origin: center -50px 0;
} 
@-moz-keyframes swing {
    0% { -moz-transform: rotate(0deg) }
    25% { -moz-transform: rotate(3deg); }
    50% { -moz-transform: rotate(0deg); }
    75% { -moz-transform: rotate(-3deg); }
    100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes swing {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(3deg); }
    50% { -webkit-transform: rotate(0deg); }
    75% { -webkit-transform: rotate(-3deg); }
    100% { -webkit-transform: rotate(0deg); }
}    
@-o-keyframes swing {
    0% { -o-transform: rotate(0deg); }
    25% { -o-transform: rotate(3deg); }
    50% { -o-transform: rotate(0deg); }
    75% { -o-transform: rotate(-3deg); }
    100% { -o-transform: rotate(0deg); }
}
@-ms-keyframes swing {
    0% { -ms-transform: rotate(0deg); }
    25% { -ms-transform: rotate(3deg); }
    50% { -ms-transform: rotate(0deg); }
    75% { -ms-transform: rotate(-3deg); }
    100% { -ms-transform: rotate(0deg); }
}
@keyframes swing {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(3deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-3deg); }
    100% { transform: rotate(0deg); }
}
#sidebar {
	width: 284px;
	background-image: url(images/common/sidebg_top.jpg);
	background-repeat: no-repeat;
	float: left;
	overflow: hidden;
	clear: left;
}
#sidebar_top {
	width: 284px;
	background-image: url(images/common/sidebg_top.jpg);
	background-repeat: no-repeat;
	height: 20px;
}
#sidebar_middle {
	width: 284px;
	background-image: url(images/common/sidebg_middle.jpg);
	background-repeat: repeat;
}
#sidebar_bottom {
	width: 284px;
	background-image: url(images/common/sidebg_bottom.jpg);
	background-repeat: no-repeat;
	height: 20px;
}
#contents {
	float: right;
	width: 570px;
	overflow: hidden;
	margin-top: 50px;
}
.sidebar_contents {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.sidebar_contents_title {
	text-align: center;
	width: 254px;
	font-size: 16px;
	letter-spacing: 0.2em;
}
.sidebar_contents_body {
	font-size: 13px;
	line-height: 170%;
	margin-top: 7px;
	width: 254px;
	margin-bottom: 7px;
}
#map {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.blog {
	margin-top: 30px;
	padding-left: 20px;
	font-size: 13px;
	padding-top: 2px;
}

.blog li {
	list-style-type: none;
	background-image: url(images/top/toppage_listhead.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 18px;
	padding-top: 4px;
	padding-bottom: 10px;
	display: block;
	height: auto;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	}
	
#feed  { 
} 
#feed ul { 
} 
#feed li {
	list-style-type: none;
	background-image: url(images/top/toppage_listhead.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 18px;
	padding-top: 4px;
	padding-bottom: 10px;
	display: block;
	height: auto;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
} 
#feed li a{
} 

#feed li a:hover{
} 	


.contents_inner {
	margin-top: 30px;
	font-size: 13px;
	padding-top: 2px;
	padding-left: 20px;
	float: left;
	width: 550px;
	margin-bottom: 30px;
}
.contents_inner li {
	list-style-type: none;
	display: block;
	margin-top: 10px;
	background-color: #E7F1D0;
	padding: 8px;
	font-size: 15px;
	}
.subnavi {
	margin-right: auto;
	margin-left: auto;
	width: 542px;
}
.smalltitle {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding-bottom: 10px;
	font-size: 20px;
	background-image: url(images/common/titlehead.jpg);
	background-repeat: no-repeat;
	background-position: left 1px;
	letter-spacing: 0.1em;
	padding-left: 24px;
}
.bodytext {
	font-size: 13px;
	line-height: 170%;
	margin-top: 10px;
}
.smalltitle_news {
	background-image: url(images/news/titlehead.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 43px;
}
.newstitle {
	font-size: 22px;
}
.newstime {
	font-size: 14px;
	margin-top: 10px;
	margin-left: 3px;
}
#mailformtitle {
	background-color: #FBD23C;
	padding: 10px;
	text-align: center;
	margin-bottom: 5px;
}
.linkbox {
	width: 550px;
	margin-top: 20px;
}
.linkbox td{
	width: 200px;
	background-color: #FFFFFF;
	padding: 15px;
	border: 1px solid #BDBA8C;
	line-height: 160%;
}
.linkbox th{
	width: 140px;
	background-color: #EAE9D7;
	padding: 15px;
	border: 1px solid #BDBA8C;
	line-height: 160%;
	font-weight: normal;
}
.linkbox th a{
	line-height: 160%;
}
.linkbox th a img{
	margin-top: 10px;
}
#footer {
	width: 900px;
	float: left;
	font-size: 12px;
	margin-top: 30px;
	padding-top: 20px;
	background-image: url(images/common/footer_line.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
	margin-bottom: 100px;
}