@charset "utf-8";

/* ========BASIC======== */
* {
	font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
	font-size: 14px;
	padding-bottom: 0px;
    line-height: 150%;
}


body { margin:0; padding:0; width:100%; background:#ffffff; line-height:1.5;}
html { padding:0; margin:0;}

body *{
  font-family: 'Noto Sans Japanese', sans-serif;
}
h1,h2{
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 900;
}
h3,h4,h5{
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 700;
}


a:hover img{
opacity:0.8;
filter: alpha(opacity=60);
-moz-opacity:0.7;
opacity:0.7;
} 


.header h1{
	padding:5px 0 10px 15px;
	font-size: 12px;
	font-weight: normal;
	color: #6b8e23;
}

.main { margin:0 auto; padding:0;	font-weight: normal;
	color: #666;
}
.resize { width:980px; padding:0; margin:0 auto;}
/********** header **********/
.header_resize { margin:0; padding:0; background:url(images/header_bg.gif) top repeat-x;}
.header { width:950px; padding:0; margin:0 auto; border-bottom:1px solid #3d464a;}
.header_blog { background:#ffffff; padding:0; margin:0; }
.header_blog_resize { width:980px; margin:0 auto; padding:0;}
.header_blog_resize h1 { font:normal 12px Arial, Helvetica, sans-serif; color:#dcdcdc; padding:10px 0; margin:5px;}
.header_blog_resize h2 { font:normal 12px Arial, Helvetica, sans-serif; color:#dcdcdc; padding:40px 0; margin:0;}
.header_blog_resize img { float:right; padding:45px 0 0 0; margin:0;}

/* 2 */
.header_blog2 { background:url(images/header_blog_bg.gif) top center repeat-x; padding:20px 0 0 0; margin:0; height:95px;}
.header_blog2 h2 { font:normal 14px Arial, Helvetica, sans-serif; color:#c0c0c0; padding:10px 0 0 0; margin:0;}
/* logo */
.logo {padding:0; margin:0; width:450px; float:left;}
/*menu*/
.menu {
	padding:90px 0 0 0;
	margin:0;
	width:480px;
	float:right;
}
.menu ul { text-align:right;  padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li {
	float:left;
	margin:0;
	padding:0 14px;
	border:0;
}
.menu ul li a { float:left; margin:0; padding:8px 0; color:#3f312b; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a:hover { color:#3f312b; border-bottom:3px solid #f5deb3;}
.menu ul li a.active { color:#f39800; border-bottom:3px solid #f5deb3;}

.body_resize_top_resize { margin:10px auto; padding:10px 10px;}
.body_resize  {
	background:#ffffff;
	width:950px;
	margin:auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.body_resize_top {
	background:#ffffff;
	margin:0;
	padding:0;
}
.body_resize_bottom {
	margin:0;
	padding:10px;
	width:930px;
	background:#ffffff;
}
.body { padding:20px 0; margin:0 auto; background:#ffffff;}
.body h2 { font:bold 14px Arial, Helvetica, sans-serif; color:#a9a9a9; border-bottom:1px  solid ##ffffff; padding:5px 5px; margin:0 0 10px 0;}
.body h4 { font:normal 12px Arial, Helvetica, sans-serif; color:#343434; padding:10px 5px; margin:0 0 10px 0;}
.body h3 { font:normal 14px Arial, Helvetica, sans-serif; color:#2e8b57; padding:5px 5px; margin:0 0 5px 0;}
.body h5 { font:normal 14px Arial, Helvetica, sans-serif; color:#ff6347; padding:5px 5px; margin:0 0 10px 0;}
.body p {
	color:#2b2b2b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding:8px 8px;
	margin:0 0 10px 0;
	line-height: 1.8;
}
.body p span { color:#ffffff;}
.body a { color:#8b4513; text-decoration:none;}
.body img { margin:10px auto; padding:0;}
.body img.floated { float:right; margin:5px 20px; padding:0;}
.body img.floated2 { float:left; margin:5px 20px 5px 0; padding:0;}
.left {width:950px; margin:5px; padding:10px 15px; float:left;}
.blog {width:210px; margin:8px; padding:2px; float:left;}

.blog2 {
	width:450px;
	margin:5px;
	padding:0px;
	float:left;
}


.blog3 {
	width:465px;
	margin:2px;
	float:right;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}





.port { width:270px; float:left; margin:10px 10px 10px 10px; padding:5px; background:#fff; border:1px solid #fff;}
.port1 { width:200px; float:left; margin:6px 6px 6px 6px; padding:5px; background:#fff;}
.port2 {
	width:425px;
	float:right;
	margin:6px 6px 6px 6px;
	padding:5px;
	background:#fff;
}

/* --- ボックス --- */
div.section {
	width: 400px; /* ボックスの幅 */
	height: 155px; /* ボックスの高さ */
	overflow: auto;
	background-color: #f9f9f9; /* ボックスの背景色 */
	border: 1px #c0c0c0 dotted; /* ボックスの境界線 */
	font-size: 80%; /* 文字サイズ */
	color: #000000; /* 文字色 */
}

/* --- ボックス内の段落 --- */
div.section p {
     margin: 0px 10px;
}
div.section a { color: #ff4500; text-decoration: underline; }
div.section a:hover { color: #008080; text-decoration: none; }


/* search */
.search { padding:10px 20px 10px 0; margin:0 auto; float:right; }
.search form { padding:0; margin:0 auto;}
.search span { display:block; float:left; background:#ffffff; width:146px; padding:0 5px; height:23px;}
.search form .keywords { width:146px; line-height:13px; height:13px; float:left; background:none; border:0; padding:5px 0; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#acacac;}
.search form .button { float:left; margin:0; padding:0;}


/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:100px; display:block; padding:10px 0; color:#575757; font:bold 10px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:450px; border:1px solid #ddd; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:right; }
#contactform textarea { width:450px; border:1px solid #ddd; margin:2px 0; padding:2px; background:#fff; float:right; }
#contactform li.buttons input { padding:3px 0 3px 110px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }

/* =============== MANU ================= */

.f_menu {
	line-height: 5px;
	}

.fmenu_left {
	float: left;
	margin-right: 5px;
	width: 300px;
	}
	
.fmenu_left2 {
	float: left;
	margin-right: 5px;
	width: 220px;
	}
	
.fmenu_right {
	float: right;
	width: 600px;
	}

.fmenu_right2 {
	float: right;
	width: 600px;
	margin-left: 10px;
	padding-left: 0px;
	}
	
.fmenu_left2 h2 {
	margin-right: 5px;
	width: 220px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	}
	
.fmenu_right3 {
	float: right;
	width: 710px;
	margin-left: 5px;
	padding-left: 0px;
	}

.f_menu dt {
	width: 400px;
	margin-left: 0em;
	text-align: left;
	color: #696969;
	margin-bottom: 8px;
	padding-top: 0.5px;
	float: left;
	line-height: 1.5em;
	
	}
	
.fmenu image {
	width: 200px;
	margin-left: 0em;
	text-align: right;
	color: #696969;
	margin-bottom: 0px;
	padding-top: 1px;
	float: right;
	height: 200px;	
	}
	
.f_menu dd {
	border-bottom: 0.5px solid #dcdcdc;
	margin-left: 0em;
	text-align: right;
	color: #696969;
	margin-bottom: 2em;
	line-height: 1.5em;
	}
	
.f_menu bk {
	margin-left: 0em;
	text-align: right;
	color: #6f4b3e;
	}
	
.f_menu_clear {
    width: 900px;
	border-bottom: 0.5px solid #dcdcdc;
	margin-left: 0em;
	text-align: right;
	color: #696969;
	}
	
.f_menu h4 {
	color: #390;
	font-size: 18px;
	font-weight: nomal;
	padding: 10px 0 10px;
	}
	
.f_menu h3 {
	color: #390;
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0 10px;
	}
	
.f_menu h2 {
	color: #1e90ff;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 0 5px;
	}
	
.f_line {
	line-height: 20px;
	width:950px; padding:0; margin:0 auto; border-bottom:1px solid #dcdcdc;
	}


/*************footer**********/
.footer {
	padding:5px;
	margin:10px;
	background:#583822;
}
.footer_resize { width:950px; margin:0 auto; padding:20px 10px;}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#ffffff; padding:10px; margin:0;}
.footer a { font:bold 13px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; padding:10px; margin:0;}
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right;} 
.footer img.loggo { float:right; margin:0; padding:15px 0 0 0; float:right;}
.footer img.rss { float:left; margin:5px; padding:0;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.bg { border-bottom:1px solid #dbdbdb; clear:both; padding:0; margin:10px 0; background:none;}


/* Slider */
#slider {
	width:710px;
	padding:0;
	margin:auto;
	float: right;
}
div#slideshow { float:center; width:100%; }
.slider-item { width:100% !important; display:block; clear:both; background:#ffffff;}
.slider-item img { float:center; margin:0; padding:12px 12px 0 0;}
.slider-item .text_item { width:420px; float:center; margin:0; padding:40px 0 0 0;}
.slider-item .text_item h2 { font:bold 22px Arial, Helvetica, sans-serif; color:#8c9da1; padding:20px 0; margin:0; line-height:1.2em;}
.slider-item .text_item p { font:normal 12px Arial, Helvetica, sans-serif; color:#8c9da1; padding:0 0 20px 0; margin:0; line-height:1.8em;}
.slider-item .text_item img { margin:10px auto; padding:0; float:center;}
.slider_content_inner img { border:none; }
.controls-center {
	width:700px;
	padding:0;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: auto;
}
#slider_controls {
	z-index:1000;
	width:650px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	float: right;
	clear: both;
}
#slider_controls h2 { width:200px; float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#676767; padding:30px 0 0 0; margin:0;}
#slider_controls ul {
	padding:0;
	width:100px;
	float:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}
#slider_controls ul li { margin:0; padding:0; list-style:none; }
#slider_controls ul li { float:right; display:block; }
#slider_controls ul li a { width:10px; height:10px; background:url('images/tabs_2.gif') no-repeat center center; display:block; float:left; padding:10px 2px 0 2px; margin:2px !important; margin:1px 1px; outline:none; }
#slider_controls ul li a:focus { outline:none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { color:#979797; background:url('images/tabs_1.gif') no-repeat center center; }