/* clear style */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

/* resetter */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* basic styles */
body {
  -webkit-text-size-adjust:none;
  color: #354865;
  font: 13px/1.231 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;
  *font-size: small;
  *font: x-small;
  background-color:#fff;
  background-attachment:fixed;
   line-height: 1.7; 
   padding: 0; margin: 0;
}
/* for Win IE8 */
head~/* */body {font: 13px/1.231 'Lucida Grande', Verdana, Arial, Meiryo, 'メイリオ', sans-serif;}
html:not(:target) body {
	font: 13px/1.231 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;
*font: 13px/1.231 'メイリオ', Meiryo, sans-serif;
	background-color: #fff;
	overflow-x: hidden;
}

a{color: #354865; text-decoration: none;}
a:hover{color: #4a6792; text-decoration: none;}

.fl{float:left !important; display:inline;}
.fr{float:right !important; display:inline;}
.center{text-align: center;}

.small{font-size: 90% !important;}
.large{font-size: 120% !important;}
.xlarge{font-size: 150% !important;}
.bold{font-weight: bold;}

.center{text-align: center;}

.text_a{color: #6a5001; text-shadow: 0px -2px #fff,2px 0px #fff,0px 2px #fff,-2px 2px #fff; font-size: 120%; margin-bottom: 20px;}
.text_b{}
.text_c{}

.col_a{color: #5adcdc; }	/* エメラルドグリーン */
.col_b{color: #2f6f6f;}	/* 濃い緑 */
.col_c{color: #eee;}/* グレー */
.col_d{color: #999;}/* グレー */


.sp{display: none;}
.pc{display: block;}


/* #Layout Styles
================================================== */
#container, .inner{width: 990px; margin: 0 auto; padding: 0 20px;}
#main{width: 710px; float:right; display:inline; }
#sidebar{width: 205px; background: #e3f9f9; padding: 10px; margin-right: 25px; float:left; display:inline;}

#container h1{}
#container h2{}
#container h3{}

#header{padding: 35px 0;}
#header h1.logo{text-indent:-9999px;background: url(../images/logo.png); width: 235px; height: 52px; float:left; display:inline;}
#header .menu, #header .links{line-height: 56px;}
#header .menu{float:left; display:inline; margin-left: 70px; }
#header .menu li{display: inline; margin-right: 20px; font-size: 14px; letter-spacing: 1px;
	text-shadow:
0 0 5px #aaa,
0 0 5px #aaa,
0 0 0.10px #aaa;
}
#header .links{float:right; display:inline;}
#header .links li{display: inline; margin-left: 15px; font-size: 13px; }
#header .links li i{font-size: 25px; }

#eyecatch{background:url(../images/eyecatch.jpg); background-repeat: repeat; background-position: center center; height: 682px; position: relative;}
#eyecatch h1{text-indent:-9999px; background: url(../images/subtitle.png); width: 113px; height: 409px; margin: 0 auto; position: relative; top: 135px;}

.section{position: relative;}
.section h1{width: 315px; height: 50px; border: solid 3px #354865; margin: 0 auto 100px auto; position: relative; top: 50px; text-align: center; line-height: 50px; letter-spacing: 3px; font-size: 17px;}

#information {padding-bottom: 90px; background: #eee;}
#information .info{width: 660px; margin: 0 auto; margin-bottom: 40px; overflow: hidden;}
#information .info .date{float:left; display:inline; width: 140px; margin-right: 20px;  padding-bottom: 10px; border-bottom: solid 2px #fff;}
#information .info div{float:left; display:inline; width: 500px; }
#information .info div p{line-height: 1.7;}
#information h2{ background: url(../images/information_title.png); width: 135px; height: 29px; text-indent:-9999px; margin: 0 auto 50px auto;  z-index: 99; position: relative;}

#concept {padding-bottom: 90px; padding-top: 50px;  background: url(../images/concept_bg.jpg) no-repeat; background-position: center top; background-size: 100%;}
#concept h1{border-color: #fff; color: #fff; }
#concept h2{ background: url(../images/concept_title.png); width: 165px; height: 29px; text-indent:-9999px; margin: 0 auto 50px auto;  z-index: 99; position: relative;}
#concept .item{margin: 50px auto; width: 880px;}
#concept .goconcept{position: relative;}
#concept .goconcept img{/* width: 271px; */ width: 340px;}
#concept .goconcept.concept1{float:left; display:inline; }
#concept .goconcept.concept2{float:right; display:inline; /* margin-right: 30px; */}
#concept .goconcept.concept3{float:left; display:inline;}

#intro h2{ background: url(../images/title_intro.png); width: 427px; height: 69px; text-indent:-9999px; margin: 0 auto 50px auto;  z-index: 99; position: relative;}
#intro .left{background-repeat: no-repeat; background:url(../images/intro_left.png) no-repeat; width: 280px; height: 1000px; position: absolute; left: 0; top: 60px; }
#intro .right{background-repeat: no-repeat ; background:url(../images/intro_right.png) no-repeat; width: 265px; height: 1000px; position: absolute; right: 0; top: 0px; z-index: 98;}
#intro .note{text-align: left; position: relative; z-index: 99; width: 660px; margin: 0 auto 70px auto;}
#intro .note p{font-size: 100%; line-height: 1.7; margin-bottom: 25px; text-shadow: 0px 1px 0px #fff; }

#item {background:#354865 url(../images/item_bg.png?11) repeat; }
#item h1{border-color: #fff; color: #fff;}
#item h2{ background: url(../images/title_item.png); width: 209px; height: 29px; text-indent:-9999px; margin: 0 auto 50px auto;  z-index: 99; position: relative;}
#item .items{width: 960px; margin: 0 auto 50px auto; }
#item .item{width: 360px; margin: 0 60px; float:left; display:inline;}
#item .item .thumb a{display: block;}
#item .item .thumb img{width: 100%; vertical-align: top;}
#item .item .info{background: #233044; padding: 20px 0; text-align: center;}
#item .item .info h3{text-align: center; color: #fff;  font-weight: normal; font-size: 18px; margin-bottom: 12px;}
#item .item .info h3 span{color: #ccc; display: block; font-size: 11px; margin-bottom: 5px;}
#item .item .info .more{width: 150px; margin: 0 auto; display: block; border: solid 2px #fff; color: #fff; text-align: center; padding: 3px 0;}
#item .item .info .more i{font-size: 70%; }

#item .goshop {text-align: center; display: block; color: #fff; margin-bottom: 50px;}
#item .goshop:hover{text-decoration: none; color: #ddd;}
#item .goshop i{display: block; background: #fff; color:#354865; width: 44px; height: 44px; line-height: 44px;  border-radius: 22px; text-align: center; margin: 0 auto 10px auto; }

#contact{background: #eee;}
#contact h2{ background: url(../images/title_contact.png); width: 207px; height: 29px; text-indent:-9999px; margin: 0 auto 50px auto;  z-index: 99; position: relative;}
#contact .form{width: 660px; margin: 0 auto; margin-bottom: 50px;}
#contact .form form{ padding: 30px; background: #fff; margin: 20px 0;}
#contact .form table{width: 100%; }
#contact .form td{padding-bottom: 25px; vertical-align: top;}
#contact .form td.label{width: 30%;}
#contact .form td.value{width: 70%;}
#contact .form .text input, #contact .form .textarea textarea{padding: 5px; font-size: 115%; border: solid 1px #ddd; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
#contact .form .textarea textarea{height: 200px;}
#contact .form .submit input{ letter-spacing: 1px; background: #354865; color: #fff; text-align: center; width: 100%; padding: 7px 0; font-size: 115%; border: none;}
#contact .form .submit input:hover{background: #4a6792; cursor: pointer;}

#footer{padding: 30px 0; text-align: center; color: #888;}