@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p, th, td {margin:0;padding:0;}
address, caption, em, strong, th {font-style:normal;}
table {border-collapse:collapse;border-spacing:0;}
caption, th {text-align:left;}
q:before ,q:after {content:'';}
object, embed {vertical-align:top;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
img, abbr {border:0;vertical-align:bottom;}
li {list-style-type:none;}
body {font-family:"メイリオ",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;font-size:75%;line-height:150%;letter-spacing:0.1em;background-color:#F4F1EA;color:#3E392C;}
html>/**/body {font-size:13px;}
.clearfix:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix {min-height:1px;}
* html .clearfix {
height:1px;
/*\*//*/
height:auto;
overflow:hidden;
/**/
}
*after {display:block;clear:both;}
.clear {clear:both;}
#sp-menu{display: none;}
.inner{max-width: 1100px; margin: 0 auto;padding: 0;position:relative;}
#header {
	width:100%;
	margin:0;
	position:relative;
	background:#dce6a9 url('../img/bg_header.jpg') repeat-x center top;
	-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4); /* Firefox */
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4); /* Safari and Chrome */
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4); /* Opera 10.5+, IE */
	z-index: 99;
}
a:link {color:#333;text-decoration:none;}
a:visited {color:#333;text-decoration:none;}
a:hover {text-decoration:none;}
h1 {font-size:10px;min-height:20px;}
#header .comp-list {float:right;padding-top:40px;}
#header .comp-list li {background-position:5px top;float:left;padding-left:5px;background-repeat:no-repeat;}
#header .comp-list li a {display:block;}
#header .header-menu {padding: 3px 15px 9px;text-align: center;}
#header .header-menu li {display: inline-block;}
#header .logo {float:left;margin-top: 7px;}
#header .logo:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#header .english {position:absolute;top:18px;right:179px;}
#header .logo2 {position:absolute;top:18px;right:0;}
.sp-logo {display:none;}
#main-image {width:100%;background: #6daa5c;}
#main-image>.bg-main{
	position: relative;
	background: #FEFEFC url('/img/bg_main_bottom.png') left bottom repeat-x;
	max-width: 1100px;
	padding: 20px 0;
	margin: 0 auto;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-top-left-radius: 20px;
	-moz-border-top-right-radius: 20px;
}
#contents-outer {background-image:url('../img/top_bg.png');background-repeat:repeat-y;background-position:center top;}
#container {max-width:1100px;margin-right:auto;margin-left:auto;padding-bottom:42px;}
#container .main-contents {background-image:url('../img/bg_top.jpg');background-repeat:no-repeat;background-position:right top;position:relative;}
#container .sns-box ul {width:100%;}
#container .sns-box ul:after {content:"";} 
#container .sns-box {max-width:1040px;margin:0 auto;padding:25px 0 0;text-align: center;}
#container .sns-box ul li {display: inline-block;vertical-align: text-top;}
#container .sns-box ul li a:link{color:#333;}
#container .sns-box ul li a:visited{color:#333;}
#container .sns-box ul li a:hover{color:#333;}
#container .sns-box .facebook {width:120px;}
#container .sns-box .twitter {width:109px;}
#container .sns-box .g_plusone {width:92px;}
#container .sns-box .google-book {font-size:10px;width:145px;letter-spacing:0;}
#container .sns-box .hatena-book {font-size:10px;width:140px;letter-spacing:0;}
#footer-outer {background-color:#95BD4B;}
#footer {max-width:1100px;margin:0 auto;position:relative;color:#FFFFFF;padding: 30px 0 0;}
#footer .page-top {position:absolute;top:-14px;right:50px;background-repeat:no-repeat;cursor: pointer;}
#footer .text {padding-left:20px;padding-top:3px;float:left;}
#footer ul {display: inline-block;padding-right:50px;text-align: left;vertical-align: top;}
#footer ul li {padding:0 0 5px 0;}
#footer ul li>a>i{font-size: 12px;}
#footer .footer-navi {margin: 0 auto;text-align: center;}
#footer .copy {text-align: right;padding: 20px 97px 20px 0;font-size: 10px;}
#footer a:link {color:#FFFFFF;}
#footer a:visited {color:#FFFFFF;}
#footer a:hover {color:#FFFFFF;text-decoration:underline;}
sup {vertical-align:baseline;position:relative;top:-4px;}
.page-top a {display:block;}
#footer h2{float: left;padding: 0 0 0 40px;}