* { border:0; margin:0 auto; padding:0; outline:none;}
body { margin:0; padding:0; color:#333; font:normal 16px/30px Meiryo,Osaka,sans-serif; 
	background:url(images/bg2.gif) repeat;}
a { color:#333; text-decoration:none;}
a:hover{ color:#017e92; text-decoration:none;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
p.bg, .bg { clear:both; padding:0; margin:10px 0; border-bottom:1px solid #bababa; height:2px;}
input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:16px; line-height:30px; padding:3px; font-family:Meiryo,Osaka,sans-serif;}
li { list-style:none;}

h2{ color:#021736; font-size:26px; line-height:1.3; font-weight:normal; margin:0 0 10px 0; padding:0}
h3{ padding:0px; color:#017e92; font-size:20px; line-height:1.3; margin:0px 0 10px 0; text-decoration:none; }
h4 { font-size:16px; line-height:20px; margin:0 0;}
p { font-size:16px; line-height:30px; padding:0 0 5px; color:#333; margin: 10px 0;}

#boxview { margin:0 auto; padding:0 30px; width:900px; background-color:#fff; border-top:solid 5px #f5a904;border-bottom:solid 5px #f5a904; display: block;}

#boxview_head { margin:0 auto; padding:0 0 30px 0;}

.logo { margin:0; padding:25px 0 0; float:left; width:auto;}
.logo h1 { margin:0; padding:0; float:left; width:auto; font-size:36px; font-weight:normal; line-height:1em; color:#4b4b4b;}
.logo h1 a { color:#4b4b4b; text-decoration:none;}
.logo h1 a:hover { text-decoration:none;}
.logo h1 small {margin:0; padding:0 12px 0 0; color:#787878; font-size:16px; line-height:20px; font-weight:normal; letter-spacing:normal; text-align:right;}


.search { padding:0; float:right; width:auto; margin-top:35px;}
#search span { display:inline-block; background:#FFF; border:1px solid #3da5af; height:28px; margin:0; padding:0; width:215px;}
#search input#s { margin:0; padding:7px 10px; float:left; width:160px; color:#a0a0a0; font-size:12px; line-height:14px; font-weight:normal; background:none; border:none;}
#search .btn { float:left; padding:0; margin:0; border:0; width:auto;}

#boxview_cols { margin:0 auto; padding:0; width:900px;}

.pagetitle { }
.pagetitle h2 { }

#boxview_left {margin:0 0px 30px;padding:0;float:left; width: 610px;}

.boxview_right {margin: 0px 0 15px;padding: 0px;float:right; width:260px; display: block;}
.boxview_right h2 {font-size: 22px;}
.boxview_block { margin:0 0 20px; padding:0 0 20px; background:none; border:none; overflow:hidden}
.boxview_block .detail_content { margin:0; padding:0;}
.detail_content img { float: left; margin-right: 15px; }

.col1, .col2 { float:left; width:285px;}
.col2 { float:right;}

.post-boxview_block { }
.post-margin { margin-left:236px;}

.title_left { padding:10px 0; margin:0;}
.title_left h2 { margin:0; padding:0;}
.title_left h2 a { display:inline; margin:0; padding:0; text-decoration:none;}

.boxview_title { padding:10px 0; margin:0;}
.boxview_title h2 { margin:0; padding:0; font-size:24px; line-height:1em;}

.comm-name, .comm-date { line-height:20px;}

input.btn { background:none; border:0; margin:0; padding:0;}
select { padding:1px;}

.pic img {margin:0 0 10px 0; padding:0; background-color:#fff; border:none;}
.pic.fl img { }
.pic.fr img { }
.th { margin:0 0 .5em;}
.th.fl img { margin-right:10px; max-width:40px;}
.banner a img { margin:0 3px;}
.ads img { margin:0 1px 5px 0; padding:0; border:none;}
.widget_flickrRSS img { border:1px solid #cfcfcf; margin:3px;}
.boxview_block .ac img { border:0; margin:0;}
.banner { margin:0; padding:0; background:none;}

#boxview_bottom { padding:0 0 20px;}
#boxview_footer_content { margin:0 auto; padding:0 30px; width:900px; height:60px;}
#boxview_footer_content .text_footer, #boxview_footer_content .text2 { padding:24px 0 0; line-height:1em; color:#333;}
#boxview_footer_content .text_footer { margin:0 auto; text-align:center}
#boxview_footer_content .text2 { float:right;}
#boxview_footer_content .text_footer a, #boxview_footer_content .text2 a { text-decoration: none; color:#017e92; font-weight: bold;}
#boxview_footer_content .text_footer a:hover, #boxview_footer_content .text2 a:hover { text-decoration: underline;} 

.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden;}
.hl, .hl2 { background:url(images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%;}
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em;}
.fl { float:left;}
.fr { float:right;}
.ac { text-align:center; padding:0;}
.ac img { border:none; margin:0; padding:0 8px 0 0;}
.ar { text-align:right;}
.noBorder { border:0;}
.font-sm { font-weight:normal;}
.white { color:#FFF;}

.slider { margin:0; padding:25px 0 0; }

.list{ float:right;width:100%; margin-bottom: 30px; }
.list ul{ margin:0; padding:0}
.list li{ padding:5px 10px; border:solid 3px #aef2ff; margin:5px 0 }
.list li:hover{ background:#aef2ff;}
.list li a:hover{color: #333;}
.list h3 { margin:0; padding:0; font-size:14px;  font-weight:bold; line-height:1.8em;}
.list h3 a { color:#9a9a9a;}

.boxview_footer_content_outside { }
.boxview_footer_resize { margin:0 auto; padding:0 30px; width:900px; }
.boxview_footer a { color:#9a9a9a;}
.boxview_footer .col { margin:0; padding:0; float:left;}
.boxview_footer .col1 { width:200px; padding:40px 0 24px;}
.boxview_footer .col2 { width:300px; padding:40px 100px 24px;}
.boxview_footer .col3 { width:200px; padding:40px 0 24px;}
.boxview_footer .col ul { margin:0; padding:0; list-style:none;}
.boxview_footer .col ul li { margin:0; padding:3px 0;}
.boxview_footer .col ul li a { color:#747373; text-decoration:none; padding-left:10px; background:url(images/li.gif) no-repeat left center; }
.boxview_footer .col ul li a:hover { text-decoration:underline; color:#36b8c5; background:url(images/li_a.gif) no-repeat left center;}
.boxview_footer .flickr_col img { margin:0 8px 10px 0; padding:3px; width:50px; height:50px; border:1px solid #d8d8d8;}
.boxview_footer h2 { margin:0; padding:0 0 12px; font-size:24px; font-weight:normal; color:#4b4b4b;}


ul.def_ul { margin:0; padding:0 0 0 16px; list-style:none;}
ul.def_ul li { margin:0; padding:2px 0; list-style:none;}
ul.def_ul li a { color:#747373; text-decoration:none; padding-left:10px; background:url(images/li.gif) no-repeat left center;}
ul.def_ul li a:hover { text-decoration:underline; color:#36b8c5; background:url(images/li_a.gif) no-repeat left center;}
.boxview_block_cata1 {

}
.boxview_block_cata1 .boxview_block:nth-child(1){
	border: 1px solid #e3e3e3;
	padding: 15px;
}
.boxview_left .boxview_block {
	border: 1px solid #e3e3e3;
	padding: 15px;
}
.box_describe {
	border: 1px dashed #e3e3e3;
	padding: 10px;
}
.boxview_block1{
	margin-top: 40px;
}
.boxview_block1 img{height: 150px;object-fit:cover;}
.boxview_block_cata1{
	margin-bottom: 60px;
}
.boxview_block_cont3{
	padding: 10px;
	border: 1px dotted #00d4fd;
	    background: #fff9eb;
}
.boxview_top p{
	padding: 10px;
	margin: 0;
    position: relative;
    text-decoration: none;
    background: #017e92;
    color: #FFF;
    border-bottom: solid 5px #aaf4ff;
    border-right: solid 5px #f5a904;
}

.boxview_top p:before{    
    content: " ";
    position: absolute;
    bottom: -5px;
    left: -1px;
    width: 0;
    height: 0;
    border-width: 0 6px 6px 0px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #FFF;
}

.boxview_top p:after{   
    content: " ";
    position: absolute;
    top: -1px;
    right: -5px;
    width: 0;
    height: 0;
    border-width: 0px 6px 6px 0px;
    border-style: solid;
    border-color: #FFF;
    border-bottom-color: transparent;
}
.boxview_block2 {
    margin-top: 40px;
}
.boxview_block2 h3{
    margin: 20px 0;
  background-image: linear-gradient(#d6faff 0%, #ffffff 100%);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #f5a904;
  border-radius: 4px;
  padding: 10px;
}