/* Reset */
html,body,div,h1,h2,h3,h4,h5,h6,p,img,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,form,fieldset,embed,object,applet{margin:0;padding:0;border:0} body{font-size:62.5%;font-family:Arial,sans-serif;color:#000;background:#fff} a{color:#00c} a:visited{color:#551a8b} a:hover{color:#c00} a:active{color:#900} table{border-collapse:collapse;border-width:0;empty-cells:show} ul{padding:0 0 1em 1em} ol{padding:0 0 1em 1.3em} li{line-height:1.4em;padding:0 0 0.5em 0} p{padding:0 0 1.5em 0} h1,h2,h3,h4,h5{padding:0 0 1em 0} table{margin:0 0 1.5em 0} h1,h2{font-size:1.2em} h3{font-size:1.1em} h4,h5,table{font-size:1em} sup,sub{font-size:.7em} input,select,textarea,option{font-family:inherit;font-size:inherit}


/* clearfix */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix{
	zoom: 1;
	}


/* body */
body{
	background-color:#e1e8f0;
	color:#333333;
	}


/* header & kv */
#container-top-bg{
	background-color:#336699;
	/* background-image:url(../images/photo_bg.jpg);  2018/8/8 shimoda*/
	background-repeat:no-repeat;
	background-position:center top;
	}
#container-top{
	background-image:url(../images/photo_bg_2.png);
	/* background-image:url(../images/photo.jpg); 2018/8/8 shimoda*/
	background-repeat:no-repeat;
	background-position:center top;
	width:800px;
	margin:0 auto;
	font-size:130%;
	}
* html body #container-top{
	font-size:120%;
	}
*+html body #container-top{
	font-size:120%;
	}


#header{
	padding:15px 15px 0 15px;
	}
#header-bg1{
	background-image:url(../images/header_bg1.png);
	background-repeat:repeat-y;
	background-position:center top;
	}
#header-bg2{
	background-image:url(../images/header_bg2.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	}
#logo{
	float:left;
	padding:10px;
	vertical-align:bottom;
	}
* html body #logo{
	padding-bottom:5px;
	}
*+html body #logo{
	padding-bottom:5px;
	}
#search{
	float:right;
	padding:14px 10px 0 10px;
	vertical-align:bottom;
	}
#search input.text{
	border:1px solid #7e9db9;
	width:180px;
	margin:0px;
	padding:3px;
	}
#search input.submit{
	font-size:0.9em;
	width:9em;
	margin:0px;
	padding:0px;
	text-align:center;
	}
* html body #search input.submit{
	width:10em;
	padding-top:2px;
	}
*+html body #search input.submit{
	width:10em;
	padding-top:2px;
	}
#menu{
	width:750px;
	padding:0 10px 10px 10px;
	}
#menu ul{
	width:750px;
	height:40px;
	margin:0;
	padding:0;
	}
#menu ul li{
	float:left;
	list-style-type:none;
	width:125px;
	height:40px;
	margin:0;
	padding:0;
	}
#menu ul li.w187{
	width:187px;
	}
#menu ul li.w188{
	width:188px;
	}

#kv{
	}


#breadcrumb{
	padding:7px 10px 7px 35px;
	font-size:0.9em;
	color:#ffffff;
	}
#breadcrumb ul{
	margin:0;
	padding:0;
	}
#breadcrumb ul li{
	margin:0;
	padding:0;
	display:inline;
	}
#breadcrumb ul li a{
	color:#ffffff;
	}
#breadcrumb ul li a:hover{
	color:#ffff00;
	}


/* contents */
#container{
	background-color:#f0f4f8;
	width:800px;
	margin:0 auto;
	font-size:130%;
	}
* html body #container{
	font-size:120%;
	}
*+html body #container{
	font-size:120%;
	}
#main{
	float:left;
	width:575px;
	padding:15px 15px 0 15px;
	}
#sub{
	float:right;
	width:180px;
	padding:15px 15px 0 0;
	}


/* main */
.main-box{
	border:5px solid #cccccc;
	background-color:#ffffff;
	/* background-image:url(../images/box_bg.gif); 2020/5/28shimoda*/
	background-repeat:repeat-x;
	margin-bottom:15px;
	padding:10px 15px 0 10px;
	}
* html body .main-box{
	background-position:left 5px;
	}
*+html body  .main-box{
	background-position:left 5px;
	}
.main-box-in{
	padding-left:25px;
	}
#main h2{
	color:#336699;
	padding-bottom:1em;
	}
#main h2.image{
	width:540px;
	height:24px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:left top;
	}
#main h2.text{
	background-image:url(../images/headline/headline.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:5px;
	padding-left:25px;
	}
* html body #main h2.text{
	background-image:url(../images/headline/headline.gif);
	}
#main h3{
	border-bottom:1px solid #336699;
	margin-bottom:1em;
	padding-bottom:0.25em;
	color:#336699;
	line-height:1.4em;
	}
#main h4{
	color:#336699;
	font-size:1.1em;
	line-height:1.4em;
	}
#main h4.sub-title{
	color:#666666;
	font-size:0.9em;
	line-height:1.1em;
	}
#main h4.original{
	color:#336699;
	font-size:0.7em;
	font-weight:normal;
	text-align:right;
	line-height:1.1em;
	}
#main p{
	line-height:1.8em;
	}
#main blockquote{
	background-color:#eeeeee;
	border-left:2px solid #cccccc;
	margin:0 1.5em 1.5em 1.5em;
	padding:1em;
	line-height:1.8em;
	}
#main p.post{
	text-align:right;
	font-size:0.9em;
	}
#main p.keyword{
	text-align:center;
	font-size:0.9em;
	}
#main p.page-nb{
	color:#999999;
	text-align:center;
	font-size:0.9em;
	}
#main p.page-all{
	color:#999999;
	text-align:center;
	font-size:0.9em;
	}
#main p.page-all strong{
	color:#333333;
	}
#main ul.aaaa{
	}
#main ul.aaaa li{
	}
#main ol.aaaa{
	}
#main ol.aaaa li{
	}
#main table.detail{
	margin:0;
	}
#main table.detail tr{
	vertical-align:top;
	}
#main table.detail th{
	text-align:left;
	font-weight:normal;
	white-space:nowrap;
	}
#main table.detail td{
	padding:0.5em 0.5em;
	}
#main table.detail img{
	border:1px solid #dddddd;
	}
#main table.detail-in{
	margin:0;
	font-size:0.9em;
	}
#main table.detail-in tr{
	vertical-align:top;
	}
#main table.detail-in th{
	text-align:left;
	font-weight:normal;
	white-space:nowrap;
	padding-top:2px;
	}
#main table.detail-in td{
	padding:2px;
	}
#main table.detail-in td.pt{
	padding-top:1em;
	}
#main table.detail-in img{
	border:none;
	}
#main table.list{
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	}
#main table.list tr{
	}
#main table.list th{
	background-color:#eeeeee;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:0.5em 0.5em;
	font-size:0.9em;
	}
#main table.list th.a{
	width:85%;
	}
#main table.list th.b{
	width:15%;
	white-space:nowrap;
	}
#main table.list td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:0.5em 0.5em;
	}
#main table.list td.a{
	width:10%;
	border-right:none;
	}
#main table.list td.b{
	width:75%;
	font-weight:bold;
	}
#main table.list td.b div{
	font-size:0.9em;
	font-weight:normal;
	padding-top:1em;
	}
#main table.list td.c{
	width:15%;
	font-size:0.9em;
	}
#main table.list td.a img{
	border:1px solid #dddddd;
	}
#main div.news dl{
	padding-bottom:1em;
	}
#main div.news dt{
	float:left;
	width:5em;
	padding-bottom:0.5em;
	color:#999999;
	line-height:1.4em;
	}
#main div.news dd{
	padding-left:5.5em;
	padding-bottom:0.5em;
	line-height:1.4em;
	}
#main div.thumbnail dl{
	}
#main div.thumbnail dt{
	float:left;
	width:90px;
	padding-bottom:15px;
	}
#main div.thumbnail dt img{
	border:1px solid #dddddd;
	}
#main div.thumbnail dd{
	padding-left:90px;
	padding-bottom:15px;
	}
#main div.thumbnail dt .date{
	padding-top:0.50em;
	padding-bottom:0.75em;
	font-size:0.7em;
	line-height:0.9em;
	color:#336699;
	}
#main div.thumbnail dd .title{
	padding-top:0.75em;
	padding-bottom:0.75em;
	font-size:1.1em;
	line-height:1.4em;
	font-weight:bold;
	}
#main div.thumbnail dd .summary{
	font-size:0.9em;
	line-height:1.8em;
	}
{
	border:1px solid #cccccc;
	border-collapse:collapse;
	width:100%;
	font-size:0.9em;
	font-weight:normal;
	}
#main div.comment p{
	padding-bottom:0.5em;
	color:#999999;
	}
#main div.comment input.text{
	border:1px solid #7e9db9;
	width:180px;
	}
#main div.comment textarea.text{
	border:1px solid #7e9db9;
	width:480px;
	}
#main div.comment input.submit{
	margin-bottom:1.5em;
	}

.mini{
	font-size:9px;
	color:#666666;
	}


/* sub */
.sub-banner{
	margin-bottom:15px;
	}
.sub-banner ul{
	list-style-type:none;
	padding:0;
	}
.sub-banner ul li{
	height:60px;
	margin-bottom:10px;
	padding:0;
	}
.sub-menu{
	margin-bottom:15px;
	}
.sub-menu a{
	display:block;
	}
.sub-menu ul.main{
	list-style-type:none;
	padding:0;
	}
.sub-menu ul li.main{
	background-image:url(../images/box_bg.gif);
	background-repeat:repeat-x;
	background-position:center -10px;
	border:1px solid #336699;
	background-color:#ffffff;
	margin-bottom:1px;
	padding:0.5em 0.5em ;
	font-weight:bold;
	}
.sub-menu ul.sub{
	list-style-type:circle;
	padding-top:0.5em;
	padding-bottom:0;
	}
.sub-menu ul li.sub{
	padding-bottom:0.5em;
	margin-left:1em;
	font-weight:normal;
	font-size:0.9em;
	}
.sub-menu ul li span{
	font-size:0.9em;
	color:#999999;
	font-weight:normal;
	}
.sub-box{
	border:1px solid #336699;
	background-color:#ffffff;
	background-image:url(../images/box_bg.gif);
	background-repeat:repeat-x;
	background-position:center -10px;
	margin-bottom:15px;
	padding:0.5em 1em;
	}
.sub-box .booksearch p{
	text-align:center;
	padding-bottom:0.5em;
	}
.sub-box .booksearch input.text{
	border:1px solid #7e9db9;
	width:140px;
	}
.sub-box .booksearch input.submit{
	width:6em;
	}
.sub-box p.thumbnail{
	text-align:center;
	}
.sub-box p.line{
	border-top:1px solid #336699;
	margin-top:0.5em;
	padding-top:0.5em;
	}
.sub-box p.thumbnail img{
	border:1px solid #dddddd;
	}
.sub-box p span{
	font-size:0.9em;
	color:#999999;
	}
.sub-box p.keywords{
	padding-left:1em;
	font-size:0.9em;
	line-height:1.4em;
	}
.sub-box ul{
	list-style-type:circle;
	padding-bottom:0;
	}
.sub-box ul li{
	padding-bottom:0.5em;
	margin-left:0.5em;
	font-size:0.9em;
	}
.sub-box ul li span{
	font-size:0.9em;
	color:#999999;
	font-weight:normal;
	}
.sub-box h4 span.post{
	font-size:0.85em;
	color:#999999;
	font-weight:normal;
	}
* html body .sub-box ul li span{
	font-size:0.9em;
	}
*+html body .sub-box ul li span{
	font-size:0.9em;
	}
.blog ul{
	list-style-type:circle;
	padding-top:0.5em;
	padding-bottom:0.9em;
	}
.blog ul li{
	padding-bottom:0.2em;
	}
.blog ul li span{
	font-size:0.9em;
	color:#999999;
	font-weight:normal;
	}
* html body .blog ul li span{
	font-size:0.9em;
	}
*+html body .blog ul li span{
	font-size:0.9em;
	}
#sub h2{
	color:#336699;
	}
#sub h3{
	color:#336699;
	padding-bottom:0.5em;
	}
#sub h3.line{
	border-top:1px solid #336699;
	margin-top:0.5em;
	padding-top:0.5em;
	}
#sub h4{
	color:#336699;
	padding-bottom:0.5em;
	}
#sub p{
	padding-bottom:0.5em;
	}
#sub ul.aaaa{
	}
#sub ul.aaaa li{
	}
#sub ol.aaaa{
	}
#sub ol.aaaa li{
	}


/* footer */
#footer{
	background-color:#f0f4f8;
	width:800px;
	margin:0 auto;
	padding-bottom:15px;
	font-size:130%;
	}
* html body #footer{
	font-size:120%;
	}
*+html body #footer{
	font-size:120%;
	}
#footer-box{
	background-color:#ffffff;
	margin:0 15px;
	font-size:0.9em;
	}
#footer-bg1{
	background-image:url(../images/footer_bg1.gif);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:7px;
	}
#footer-bg2{
	background-image:url(../images/footer_bg2.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-bottom:7px;
	}
#link{
	float:left;
	padding-left:20px;
	color:#999999;
	}
#link ul{
	margin:0;
	padding:0;
	}
#link ul li{
	margin:0;
	padding:0;
	display:inline;
	}
#copy{
	float:right;
	padding-right:20px;
	color:#999999;
	}


/* others */
.link-sub-on{
	background-image:url(../images/link_sub_on.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:14px;
	}
.link-sub-off{
	background-image:url(../images/link_sub_off.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:14px;
	}
.link-close{
	background-image:url(../images/link_close.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:14px;
	}
.link-open{
	background-image:url(../images/link_open.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:14px;
	}


.csr-box {
	display: inline-block;
	margin-bottom: 40px;
}
.csr-box img{
	margin-left:10px;
}