body {margin:0px; font:16px/1.8em "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif; color:#444;   background:#fff url(http://www.tuottavamaa.org/images/bg.png) repeat-x left top; }

a{color:#444; text-decoration:none;}
a:hover{ color:#1146b1;}

#wrap {margin:0px auto; width:1000px;}

.clear {clear:both;}

p {margin:10px 0; padding:0px; font-size: 16px; line-height:1.8em; color:#444; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif; }

h2{ font-size:27px; line-height:33px; margin:0 0 10px; padding:0; font-weight:normal; color:#000}
h2 a, h2 a:hover{color:#000; }

h3 { font-size: 22px; line-height:1.3; margin:10px 0; padding: 0; color: #136CE5; font-weight:normal}
h3 a{ color:#000}

.wrap_describe {color: #6cb4e4;
text-align: center;
padding: 10px;
margin: 0 0 20px;
border-top: solid 2px #6cb4e4;
border-bottom: solid 2px #6cb4e4;
background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);}

.wrap_describe p{margin: 0; padding: 0; font-size: 16px;}

.wrap_wrapper {margin:0px auto; width:900px; background-color:#fff;}
.wrap_inside {margin:0px auto; width:857px; padding: 20px 0 0}

#wrap_main {clear:both;}

#main_top_panel { clear:both; height:71px; 	background:url(http://www.tuottavamaa.org/images/top_img.gif) no-repeat ; } 

#navigation_panel { clear:both;}



#wrap_banner {clear:both;}
#wrap_bg_header {margin:0px; padding:0px; background:url(http://www.tuottavamaa.org/images/header_img.jpg) no-repeat; height:276px; }
.logo {margin:0px; padding:25px 0px 0px 0px; float:left; width:480px;}
.logo h4 {margin:0px; padding:30px 0px 0px 0px; font-size:20px; font-weight: normal; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif; color:#234d6b;}
.logo p {margin:0px; padding:20px 0px 0px 0px; line-height:23px; color:#8f8c8c;}

#logo_wrap {clear:both;}
.logo_img {margin:0px; padding:0px;}
.logo_img h1{margin:0px; padding:0px;}


#wrap_content {clear:both; margin:0px; padding:40px 0px;}
#wrap_sidebar {float:left; padding: 0; width:275px; background:url(http://www.tuottavamaa.org/images/line_left.gif) repeat-y  right ;}
.wrap_left {margin:0px; padding:0px; width:240px;}


.wrap_list {margin:0px; padding:0px;}
.wrap_list h2{
	font-size: 22px;
	position: relative;
padding-left: 25px;
}
.wrap_list h2:before {
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 15px rgb(119, 195, 223);
}
.wrap_list h2:after {
position: absolute;
content: '';
bottom: -3px;
left: 10px;
width: 100%;
border-bottom: solid 3px rgb(119, 195, 223);
}
.wrap_list ul {margin:0px 0 30px; padding:0px 0px 0px 0px;}
.wrap_list ul li{margin:10px 0px; padding:0px; line-height:18px; list-style:none;}
.wrap_list ul li a{margin:0px; padding:5px 0px 3px 24px; text-decoration:none; background:url(http://www.tuottavamaa.org/images/animal.png) no-repeat left center;  color:#444;  display:block; border-bottom:1px #cacaca solid; font-size: 14px;  }
.wrap_list ul li a:hover{ color:#C52225; -webkit-transform: scale(1.1); transform: scale(1.1);  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition: .2s;}


#wrap_right {float:right; width:550px; }
.wrap_right_box {margin: 0 0px;padding:0px; margin-bottom:55px; background:url(http://www.tuottavamaa.org/images/line.gif) repeat-x  0 bottom;}
.wrap_right_box_cate { margin: 0 0 40px; padding: 10px; background: #a1dbff; border-bottom: solid 6px #aac5de; border-radius: 9px;}
.wrap_right_box_cate p{ width: 250px; float: left; margin: 0; padding: 0;}
.wrap_right_box_cate img { float: left;	padding: 0 10px 0 0;}
#wrap_footer {clear:both; margin:0px; padding: 0;}
.wrap_bottom_content{ margin:0px; padding:10px 0px; background:#eee}

.aboutus-img{float:right; border:4px solid #fff; margin:0 0px 10px 20px;}

.sub img { margin: 5px 0 15px;}


a.linkopacity img { filter:alpha(opacity=50); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0;}
a.linkopacity:hover img { filter:alpha(opacity=50); -moz-opacity: 0.8; opacity: 0.8; -khtml-opacity: 0.8;}

.wrap_bottom_content p a{ color:#cd1300; font-weight:bold}
.wrap_bottom_content p a:hover{ color:#cd1300; font-weight:bold; text-decoration:underline}