@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
html {
	overflow-x: hidden;
}

.clear{
	clear:both;
}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display:block;
}

body {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

html{
    overflow-y: scroll;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

ol, ul{
    list-style:none;
}
.both{
	clear: both;
}

/*//////////////////////////////////////////////////////////
  html body
//////////////////////////////////////////////////////////*/

html {
	height:100%;
	background-color: #fff;
}

body {
	overflow: hidden;
	height: auto;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size:16px;
	line-height: 26px;
}

strong {
	color: #b71313;
	font-weight: bold;
}


img { 
    max-width: 100%; 
    height:auto;
	border: none;
}
a:link {
	text-decoration: underline;
	color: #13628C;	}
	
a:hover {
	text-decoration: underline;
	color: #347419;}
	
a:active {
	text-decoration: none;}
	
a:visited {
	text-decoration: underline;
	color: #13628C;}
	
a:visited:hover {
	text-decoration: underline;
	color: #13628C;}

hr {
    border: 0;
    height: 1px;
    background: #E4E4E4;
	margin: 40px auto;
}
hr.line {
    border: 0;
    height: 1px;
    background: #E4E4E4;
	margin: 20px auto;
}
/*//////////////////////////////////////////////////////////
 header
//////////////////////////////////////////////////////////*/
#header {
	width: 100%;
	margin: 0 auto;
}

#headerimg {
	width: 100%;
	background: url(../images/bg.png) repeat-x top left ;
}
#headerimg .area1 {
	width: 1050px;
	margin: 0px auto;
}

#subMenu {
	float:left;
	top: 260px;
	height: 53px;
	z-index: 1050;
	width: 210px;
	min-width: 210px;
	text-align:center;
	background: url(../images/navibg.jpg) repeat-x top center ;
}

#subMenu .inner {
	min-height:53px;
	_height:53px;
	font-weight: bold;
	display:inline-block;
	text-align:center;
}

#subMenu .inner a{
	min-height:53px;
	_height:53px;
	display:inline-block;
	line-height:50px;
	color:#ffffff;
	outline:none;
	text-decoration:none;
	text-align:center;
}
#subMenu .inner a:hover	{ color:#C4FF9D; text-decoration:none; }
.subNavBtn {
	width: 210px;
	min-width: 210px;
	text-align:center;
	background: url(../images/navibg.jpg) repeat-x top center ;
	display:inline-block;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 15px;
	text-align: center;
	color: #fff;
}

.link {
	margin: 20px auto 20px auto;
	text-align:center;
}

/*共通*/
#contents {
	width:1050px;
	margin: 0 auto;
}
#main{width:830px; float:right;margin: 0 auto;}

#sideWrap{width:210px; float:left}


.top {
	margin: 0 auto;
	padding:0px 0px 40px 0px;
}
.common {
	margin: 0 auto;
	padding:40px 0px;
}
.common h2 {
	color: #e9003a;
    font-size:20px;
    font-weight: bold;
    margin: 5px 0 15px 0;
}
.common span {
    font-size: 12px;
}

p.title {
	margin-bottom: 20px;
	font-weight:bold;
	color:#368102;
	font-size:2.4em;
	line-height:1.6em;
	text-align:center;
}
p.ttitle {
	font-weight:bold;
	color:#368102;
	font-size:2.4em;
	line-height:1.6em;
	text-align:center;
}
p.Stitle {
	margin-bottom: 10px;
	font-weight:bold;
	color:#13628C;
	font-size:25px;
	line-height:1.6em;
}

/*//////////////////////////////////////////////////////////
 area
//////////////////////////////////////////////////////////*/


#secW {
	width: 100%;
	margin: 0 auto 0 auto;
}
#secG {
	width: 100%;
	margin: 0px auto 0px auto;
	background: #F1F1F1;
}
#banner {
	width: 100%;
	margin: 0px auto 20px auto;
	background: #F1F1F1;
}
#banner .pdn{
	padding: 15px 0 10px 0;
}
#navit {
	width: 100%;
	margin: 0px auto 0px auto;
}

#endW {
	width: 100%;
	margin: 0 auto 0 auto;
}
#endG {
	width: 100%;
	margin: 0 auto 0 auto;
	background: #F1F1F1;
}

.area {
	margin: 0 auto 0 auto;
	padding: 20px 30px;
}
.movL {
	width:380px;
	float:left;
	text-align:center;
	margin: 20px auto 0 auto;
}
.movR {
	width:380px;
	float:right;
	text-align:center;
	margin: 20px auto 0 auto;
}

.voiceL {
	width:350px;
	float:left;
	text-align:center;
}
.voiceR {
	width:350px;
	float:right;
	text-align:center;
}
.callL {
	width:370px;
	float:left;
	margin: 20px auto;
}
.callR {
	width:370px;
	float:right;
	margin: 20px auto;
}
.events {
	width:700px;
	margin: 0px auto;
	text-align:center;
}
    .events a { text-decoration:none; }  
    .events li {  
		font-size:20px;
		font-weight: bold;
	}  
    .events li a {  
        display:block;  
        padding:20px 10px;  
        background:#ffffff;
        line-height:20px;  
        border-bottom:solid 1px #E1DFDF;  
    }  
    .events li a:hover { background:#E1DFDF;} 
	 
.event {
	width:650px;
	margin: 0px auto;
	padding: 30px;
	border: 3px solid #F1F1F1;
}
.movieL {
	width:270px;
	float:left;
	margin: 10px 0 0 0;
	text-align:center;
}
.movieR {
	width:490px;
	float:right;
	margin: 10px 0 10px 0;
	font-size:16px;
	line-height:1.8em;
}
.info {
	width:650px;
	margin: 0px auto;
	padding: 30px;
	background: #ffffff;
}

#page_navi {
	width: 760px;
	height: 65px;
	margin: 0px auto 10px auto !important;  
	margin: 0px auto 10px auto; /* for only IE6 style */  
}

#page_navi .page_navi_area1 {
	width:760px;
	margin: 0px 10px 0px auto !important;  
	margin: 0px 10px 0px auto; /* for only IE6 style */  
}
a.page_navi1 {
	background-image:url(../images/btn.gif);
	display: block;
	width:760px;
	height: 65px;
	text-indent: -5000px;
}
a.page_navi1:hover {background-position: 0 65px;}
a.page_navi1.activ {background-position: 0 65px;}

/*//////////////////////////////////////////////////////////
 footer
//////////////////////////////////////////////////////////*/

#pageTop{
	position: fixed;
	bottom: 25px;
	right: 55px;
}
#pageTop a{
	display: block;
	width: 50px;
	height: 50px;
	background-color: #368102;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	line-height: 50px;
}
#pageTop a:hover{
	background-color: #82D748;
}

#footer {
	padding-top: 10px;
	width: 100%;
	height: 50px;
	background: #306521;
	color:#ffffff;
	font-size:13px;
	text-align: center;
}

#footer ul {
	margin: 10px auto;
	width: 1000px;
}

#footer li {
	display: inline;
	text-align: center;
}