@charset "UTF-8";
body { margin:0; padding:0; width:100%; background:#fafafa;}
html { padding:0; margin:0;}

.main {background:#ffffff; margin:0 auto; padding:0;}
.resize { width:960px; padding:0; margin:0 auto;}

/********** header **********/
.header_resize {background: url(images/header_bg.gif) top repeat-x; margin:0; padding:0;}
.header { width:960px; padding:0; margin:0 auto;}
.header_blog { background: url(images/header_block_bg.jpg) top center repeat-x; padding:10px 0 0 0; margin:0; height:390px;}
.header_blog2 { background: url(images/header_bglog2_bg.gif) top center repeat-x; padding:20px 0 0 0; margin:0; height:105px;}
.header_blog2 h2 { width:350px; float:left; font: bold 36px Arial, Helvetica, sans-serif; color:#292929; padding:10px 0 0 15px; margin:0;}
.header_blog2 p { font: italic 12px Arial, Helvetica, sans-serif; color:#6d6d6d; padding:10px 0 0 0; margin:0; width:300px; float:right;}
.header_blog h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#1d1d1d; padding:10px 0 0 0; margin:0;}
.header_blog p { font: normal 11px Arial, Helvetica, sans-serif; color:#fff; padding:0 0 30px 0; margin:0;}
.right { width:300px;margin:0; padding:0; float:right;}
.left {width:620px;margin:0; padding:10px; float:left;}

/* logo */
.logo {padding:0; margin:0; width:148px; float:left;}

/* mail */
.mail {padding:20px 20px 0 0; margin:0; width:200px; float:right;}

/*menu*/
.menubar_resize {background: url(images/menubar_bg.gif) top repeat-x; margin:0; padding:0;}
.menubar { width:960px; padding:0; margin:0 auto; }
.menu { padding:0; margin:0 ; width:860px; }
.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 5px; border:0;}
.menu ul li a { float:left; margin:0; padding:10px 0; color:#fffefe; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu ul li a span { padding:12px 9px; background:none;}
.menu ul li a:hover {	-moz-box-shadow:0px 0px 3px #333;
	-webkit-box-shadow:0px 0px 3px #333;
	box-shadow:0px 0px 3px #333;
	background:#333399;}
.menu ul li a.active { 	-moz-box-shadow:0px 0px 3px #333;
	-webkit-box-shadow:0px 0px 3px #333;
	box-shadow:0px 0px 3px #333;
	background:#333399;}


/* body */
.body_resize  { padding:0; width:960px; margin:0 auto;}
.body { padding:20px 0; margin:0 auto; background:#ffffff; border-top:none; }
.body h2 { font:normal 20px Arial, Helvetica, sans-serif; color:#171717; padding:10px 5px 20px 5px; margin:0;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#898989; line-height:1.5em; padding:3px 5px; margin:0;}
.body p span { color:#247ca4; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em; padding:5px 0; margin:0;}
.body a { color:#247ca4; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif;}
.body img { margin:10px auto; padding:5;}
.body img.floated { float:left; margin:10px 10px; padding:0;}
.full { margin:0; padding:10px;}
.right { width:300px;margin:0; padding:10px; float:right;}
.left {width:620px;margin:0; padding:10px; float:left;}
.blog_port { width:281px; margin:0 5px; padding:15px 10px; float:left; border:1px solid #ddd; background:#fefefe;}
.blog_port img { margin:0; padding:0 5px 10px 5px; float:none;}
.butons { width:50px; margin:10px auto; padding:0;}

/* body2 */
.body2_resize  {padding:0; width:960px; margin:0 auto;}
.body2 { background: url(images/header_block_bg.jpg) top center repeat-x; padding:10px 0 0 0; margin:0; height:600px;}
.body2 h2 { font:normal 15px Arial, Helvetica, sans-serif; color:#333333; padding:5px 0 0 5px; margin:0;}
.body2 p { font:normal 13px Arial, Helvetica, sans-serif; color:#333333; line-height:1.6em; padding:3px 5px; margin:0;}
.body2 p span {font: italic 11px Arial, Helvetica, sans-serif; color:#247ca4;}
.body2 a { color:#247ca4; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif;}
.body2 img { margin:5px auto; padding:5;}
.body2 img.floated { float:left; margin:10px 10px; padding:0;}
.full { margin:0; padding:10px;}
.right {background:#ffffff; width:300px;margin:0; padding:10px; float:right;}
.left {background:#ffffff; width:620px;margin:0; padding:10px; float:left;}
.blog_port { width:281px; margin:0 5px; padding:15px 10px; float:left; border:1px solid #ddd; background:#fefefe;}
.blog_port img { margin:0; padding:0 5px 10px 5px; float:none;}
.butons { width:50px; margin:10px auto; padding:0;}

/* body3 */
.body3_resize  {padding:0; width:960px; margin:0 auto;}
.body3 { background: url(images/header_block_bg.jpg) top center repeat-x; padding:10px 0 0 0; margin:0; height:600px;}
.body3 h2 { font:normal 15px Arial, Helvetica, sans-serif; color:#333333; padding:5px 0 0 5px; margin:0;}
.body3 p { font:normal 13px Arial, Helvetica, sans-serif; color:#333333; line-height:1.6em; padding:3px 5px; margin:0;}
.body3 p span {font: italic 11px Arial, Helvetica, sans-serif; color:#247ca4;}
.body3 a { color:#247ca4; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif;}
.body3 img { margin:5px auto; padding:5;}
.body3 img.floated { float:left; margin:10px 10px; padding:0;}
#right {background:#ffffff; width:360px;margin:0; padding:10px; float:right;}
#left {background:#ffffff; width:560px;margin:0; padding:10px; float:left;}


/*.body_bottom */
.body_bottom { background:#ffffff; padding:0; margin:0; border-bottom:1px solid #e9e9e9;}
.body_bottom .block { width:300px; float:left; padding:10px 10px; margin:0;}
.body_bottom .block1 { width:600px; float:left; padding:10px 10px; margin:0;}
.body_bottom h2 { font: bold 20px Arial, Helvetica, sans-serif; color:#171717; padding:15px 10px; margin:0;}
.body_bottom h2 span { font: italic 11px Arial, Helvetica, sans-serif; color:#247ca4;}
.body_bottom p { font: normal 11px Arial, Helvetica, sans-serif; color:#666666; padding:5px 5px; margin:0; line-height:1.5em;}
.body_bottom img { float:left; margin:5px 5px 5px 0; padding:0;}
.body_bottom_resize { width:960px; padding:0; margin:0 auto;}

/*.eventinfo */
.eventinfo {
width: 600px; /* ボックスの幅 */
height: 350px; /* ボックスの高さ */
margin: 0;
overflow: auto;
padding: 5px 5px 5px 5px;
background-color: #ffffff; /* ボックスの背景色 */
font-size: 12px; /* 文字サイズ */
color: #666666; /* 文字色 */
line-height:1.4em; /* 行間 */
}
.eventinfo p { font:normal 11px  Arial, Helvetica, sans-serif; color:#ffffff;}
.eventinfo a { font:normal 12px Arial, Helvetica, sans-serif; color:#666666; }

/*.event */
.event{
    margin:0 0 0 0;
    padding:5px;
    float:left;
    width:565px;
    background-color:#FFFFFF;
    border-bottom:1px
    solid #e9e9e9;
}

/********** 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:#898989; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:450px; border:1px solid #e1e1e1; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:right; }
#contactform textarea { width:450px; border:1px solid #e1e1e1; margin:2px 0; padding:2px; background:#fff; float:right; }
#contactform li.buttons input { padding:3px 0 3px 480px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }

/*************footer**********/
.footer {padding:0;  margin:0; border-top:1px solid #e9e9e9; background:#000066;}
.footer_resize { width:940px; margin:0 auto; padding:20px 10px;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#ffffff;}
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; padding:5px; margin:0;}
.footer p.right { background:#000066; text-align:right; width:350px; margin:0; padding:20px 0 0 0; float:right;} 
.footer p.leftt { background:#000066; text-align:left; width:550px; margin:0; padding:0; float:left;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { float:right; clear:both; border-top:1px solid #e2e2e2; width:100%; padding:0; margin:5px 0; background:none; line-height:0;}

img.sample {float : left ;margin: 0 10px 0px 0;}


/* table */
table	{border-collapse: collapse;border-spacing: 0;width: 600px ;margin-bottom: 30px;}
th	{font: bold 13px Arial, Helvetica, sans-serif; color:#333333; border-bottom: 2px solid #1D5C79;padding: 10px 20px 5px 20px;}
td	{font: normal 11px Arial, Helvetica, sans-serif; color:#333333; border-bottom: 1px solid #DDD;padding: 5px 20px;}

/* table-01 */
table#table-01 {
    width: 400px;
    height: 180;
    margin:10px 0 0 0;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
table-layout:fixed;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font: bold 11px Arial, Helvetica, sans-serif; color:#333333;
    line-height: 120%;
    text-align: center;
}

table#table-01 td {
    padding: 10px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    font: normal 11px Arial, Helvetica, sans-serif; color:#333333;
    text-align: center;
}

/* table2 */
table#table-02 {
    width: 580px;
    height: 180;
    margin:10px 0 0 0;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
table-layout:fixed;
}

table#table-02 th {
    padding: 3px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font: bold 11px Arial, Helvetica, sans-serif; color:#999999;
    line-height: 120%;
    text-align: center;
}

table#table-02 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    font: normal 11px Arial, Helvetica, sans-serif; color:#999999;
    text-align: center;
}
table#table-02 a{font: bold 11px Arial, Helvetica, sans-serif; color:#333333;}

/* table-03 */
table#table-03 {
    width: 600px;
    margin:10px 0 0 0;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
table-layout:fixed;
}

table#table-03 th {
    padding: 5px;
    width: 120px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font: bold 12px Arial, Helvetica, sans-serif; color:#333333;
    line-height: 120%;
    text-align: center;
}

table#table-03 td {
    padding: 10px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    font: normal 12px Arial, Helvetica, sans-serif; color:#333333;
    text-align: left;
}

/* table-04 */
table#table-04 {
    width: 500px;
    margin:10px 0 0 0;
    border-style:none;
    table-layout:fixed;
}

table#table-04 th {
    padding: 5px;
    width: 165px;
    border: 2px #FFFFFF solid;
    border-width: 0 0 2px 0;
    background: #F5F5F5;
    font: 11px Arial, Helvetica, sans-serif; color:#333333;
    text-align: center;
}

table#table-04 td {
    border: 2px #FFFFFF solid;
    border-width: 0 0 2px 0;
    font: normal 12px Arial, Helvetica, sans-serif; color:#333333;
    text-align: center;
}



/* Slider */
#slider {  width:960px; padding:0 0 0 0; margin:0 auto;}
div#slideshow { float: left; width: 100%; height: 341px; }
.slider-item { width: 100% !important; height: 341px; }
.slider_content_inner img { border: none; }
.controls-center { width: 960px; margin-left: auto; margin-right: auto; }
#slider_controls { float: right; position: relative; margin:10px 0 0 0; z-index: 1000; width:960px; height:23px;}
#slider_controls ul { margin:0 auto; padding:2px 10px 2px 0; width:100px;}
#slider_controls ul li { margin: 0; padding: 0; list-style: none; }
#slider_controls ul li { float: left; 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: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 { background:url('images/tabs_1.gif') no-repeat center center; }

/* viewer */
#viewer{width:600px;}
#viewer ul { text-align: left;  padding:0; margin:0; list-style:none; border:0; float:right;}
#viewerleft{width:400px; float:left;}
#imagelist{margin-top:0px;padding-top:0px;}
#imagelist li{list-style:none;} 
#imagelist li a{font: normal 11px Arial, Helvetica, sans-serif; color:#333333;text-decoration: underline;} 
#imagelist li img{border-width:0px;}
#viewerright{width:180px;float:right;}
#imagearea{width:180px;	height:150px;}
#imagearea img{position:absolute;}
.displaynone{display:none;}
.clearfix:after {content:".";display:block;clear:both;height:0px;visibility:hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;/*ﾂ･*//*/height: auto;overflow: hidden;/**/}

/* dd */
dd{
    margin:0px;
    margin-right:0px;
    padding:10px;
    float:left;
    width:600px;
    font: normal 11px Arial, Helvetica, sans-serif; color:#333333;
    border-bottom:1px
    solid #e9e9e9;}

/* link */
.link{
    margin:0px;
    padding:5px;
    float:left;
    width:600px;
   background: #F5F5F5;
    font: bold 12px Arial, Helvetica, sans-serif; color:#333333;}

