@charset "utf-8";

/* reset */
* {
margin: 0;
padding: 0;
}

/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

/*-------------------------base*/

html,
body {
	height:100%;
	font-size:12px;
	font:Georgia, "Times New Roman", Times, serif;
}

body > #wrapper {
	height:auto;
}

h1, h2, h3 {
font-weight:normal;
margin:0;
padding:0;
}

a:link {
	color: #535353;
	text-decoration: none;
}

a:visited {
	color: #535353;
	text-decoration: none;
}

a:hover {
	color: #ff6600;
	text-decoration: underline;
}

a:active {
	color: #ffcc33;
	text-decoration: underline;
}

img,img a  {
	border: 0;
	vertical-align:top;
}

.left {
float:left;
}

.right {
float: right;
}

.indent {
padding-left:15px;
}

.new {
color:#FF6600;
font-size:12px;
}

.red {
color:#FF6600;
}

/*-------------------------wrapper*/

#wrapper {
position:relative;
width:100%;
min-width:950px;
width:expression(document.body.clientWidth < 952? "950px" : document.body.clientWidth > 100? "100%" : "auto");
height:100%;
min-height:100%;
margin:0 auto;
padding: 0;
}

/*-------------------------header*/


header .index_logo{
position:absolute;
top:0;
left:0;
overflow-y:hidden;
z-index: 50;
}

#index_menu {
width:100%;
position: absolute;
top:340px;
background:#FFFFFF;
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
height:60px;
overflow-y:auto;
z-index: 1;
}

#index_global {
position: relative;
top:0;
height:60px;
width:950px;
margin:auto;
overflow-y:hidden;
z-index: 1;
}

#index_global ul {
	list-style:none;
	padding-top:20px;
	float:right;
}

#index_global li {
float:left;
font:Georgia;
padding-right:20px;
font-size:16px;
color:#999999;
}

#index_global img {
z-index: 50;
}

header .logo{
float:left;
}

#menu {
width:100%;
height:60px;
margin-top:30px;
}

#global {
width:950px;
height:60px;
margin:30px auto auto;
}

#global ul {
	list-style:none;
	padding-top:20px;
	float:right;
}

#global li {
float:left;
font:Georgia;
padding-left:20px;
font-size:16px;
color:#999999;
}

#global img {
z-index: 50;
}

#slideshow {
	width:100%;
	min-height:430px;
}

#slideshow img{
	width:100%;
	height:auto;
}


/*-------------------------main*/

#main {
display:block;
position: relative;
width:950px;
margin:40px auto;
text-align:left;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*-------------------------news*/

#bnr02 {
	margin-top:10px;
}
#news p {
margin-top:20px;
}

#news dl {
float:left;
padding-right:20px;
padding-bottom:30px;
}

#news .title {
margin-top:20px;
font-size:14px;
}

#news .date {
margin-top:10px;
}

.heading {
background:#eeeeee;
padding:3px 5px;
margin-top:5px;
}

/*-------------------------top_contact*/

#top_contact {
margin:80px auto;
}


#contact_area{
	width:907px;
	background-color:#eeeeee;
	margin-top:40px;
	padding:50px 10px 25px 30px;
}

.contact_text{
	width:432px;
	margin-right:26px;
	float:left;
	font-size:14px;
	line-height:180%;
}

.field{
	border:1px solid #c9c9c9;
	padding:3px;
}

.button{
	margin-right:30px;
	border:0;
}


#contact_area textarea{
	max-width:360px;
	padding:3px;
	border:1px solid #c9c9c9;
	font-size:12px;

}


#contact_area table tr td{
	padding:0 20px 20px 0;
}


/*-------------------------footer widget blocks*/


footer {
border-top:1px #cccccc solid;
font-size:14px;
line-height:200%;
}

aside h3 a {
font-size: 18px;
display: block;
text-decoration: none;
color:#535353;
font-weight:bold;
}

aside h3 a:hover {
text-decoration: underline;
}


aside ul {
list-style: none;
}

aside ul li ul {
list-style: none;
padding-left:20px;
}

aside li a {
display: block;
text-decoration: none;
color:#535353;
}

aside li a:hover {
text-decoration: underline;
}

#footer-area {
width:950px;
margin:auto;
padding: 18px 0;
color:#CCCCCC;
overflow: hidden;
}

.footer-segment {
float: left;
}

.first {
width: 315px;
}

.center {
margin-top:20px;
width: 300px;
}

.last {
margin-right:0;
margin-top:20px;
width: 330px;
height:450px;
}

footer aside h3 {
color: #000;
}

footer p {
width:950px;
font-size:12px;
color:#535353;
text-align:right;
}

footer p a {
text-decoration: none;
color:#535353;
}

/*-------------------------pan*/

#pan {
width:100%;
text-align:center;
background:#d3d3d3 ;
margin-top:30px;
}

#pan p {
width:950px;
text-align:left;
padding:10px;
margin: auto;
}


/*-------------------------favorites*/

#favorites .left {
float:left;
width:640px;
}

#favorites .right {
float:right;
width:265px;
}

#favorites .menu {
border:1px #d3d3d3 solid;
padding:25px;
line-height:160%;
}

#favorites .menu img {
padding-bottom:8px;
}

.m_t {
background:#d3d3d3;
padding:10px;
width:245px;
}


#favorites .title {
font-size:26px;
text-align:left;
margin:40px 0 20px 0;
color:#535353;
line-height:150%;
}

#favorites .story {
margin-top:20px;
font-size:14px;
line-height:180%;
}

.f1 {
font-size:10px;
line-height:150%;
}

.f2 {
font-size:12px;
line-height:150%;
}

.next {
width:640px;
text-align: right;
}

.pageup {
width:950px;
margin:auto;
text-align: right;
padding-bottom:15px;
}

.back {
width:640px;
text-align:left;
}

/*-------------------------message*/

#message p {
font-size:14px;
line-height:180%;
margin:50px;
}

/*-------------------------thankyou*/

#thankyou p {
font-size:14px;
line-height:180%;
margin:50px;
}

/*-------------------------special*/

#special {

}

#special .left {
float:left;
width:640px;
}

#special .right {
float:right;
width:265px;
}

#special .menu {
border:1px #d3d3d3 solid;
padding:25px;
line-height:160%;
}

#special .menu img {
padding-bottom:8px;
}

.m_t {
background:#d3d3d3;
padding:10px;
width:245px;
}


#special .title {
font-size:26px;
text-align:left;
margin:40px 0 20px 0;
color:#535353;
}

#special .story {
margin-top:20px;
font-size:14px;
line-height:180%;
}

.kakomi {
padding: 0 20px;
margin:0 0 50px 10px;
border-left:5px #CCCCCC solid;
}

.kakomi02 {
padding: 0 20px;
margin:0 0 50px 30px;
border-left:5px #CCCCCC solid;
}

/*-------------------------sns*/

.sns li {
list-style:none;
float:left;
}

.sns {
padding-bottom:50px;
}


/*-------------------------torutaru*/

#btn_torutaru {
float:right;
width:320px;
margin:0;
padding:0;
}

#btn_torutaru p {
line-height:1.8em;
margin:0;
padding:0;
}

#btn_torutaru img {
padding-right:8px;
}

#torutaru {
background: url(../images/torutaru/bg.jpg) top center no-repeat;
width:650px;
height:450px;
}

#torutaru p {
font-size:12px;
line-height:1.8em;
padding:90px 20px;
}

#torutaru a:link {
	color: #fd9f3a;
	text-decoration: underline;
}

#torutaru a:visited {
	color: #fd9f3a;
	text-decoration: underline;
}

#torutaru a:hover {
	color: #ff6600;
	text-decoration: none;
}

#torutaru a:active {
	color: #ffcc33;
	text-decoration: none;
}

/*-------------------------puno*/


#puno {
	text-align:center;
	margin:0 auto;
	background:url(../puno/images/bg.gif) repeat-y center;
	width:1114px;
}

#puno .title {
	padding:50px 0 ;
}


#puno .story {
	width:790px;
	margin:auto;
}

.news2016{
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:#CCC 1px solid;
	overflow:hidden;
}




/*-------------------------aboutus*/

.aboutus{
}

.aboutus h2{
	font-size:26px;
	padding:20px 0;
}
.aboutus p{
	padding:10px 0;
	font-size:14px;
	line-height:1.6em;
}