﻿@charset "UTF-8";
/* CSS Document */

body {
font-family:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size:12px;
width:100%;
line-height:1.5em;
min-width:1000px;
font-weight:500;
}
a { 
	display:block;
	text-decoration:none;
}
a:hover img{
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity = 80);
}

/*header*/

.header{
	background:url(../../img/top.jpg) center no-repeat;
	background-color:#000000;
	overflow:hidden;
	padding:20px;
}
.top_logo{
	float:left;
}
.top_logo h1{
	margin-bottom:10px;
	color:#e5007d;
}
.top_logo h2{
	margin-bottom:10px;
	margin-left:20px;
	color:#e5007d;
	font-weight:bold;
}
.gnav{
	color:#FFF;
	line-height:1.5em;
	overflow:hidden;
	float:right;
	font-size:14px;
}
.gnav a{
	color:#FFFFFF;
}
.gnav a:hover{
	color:#e5007d;
	border:#e5007d 1px solid;
}
.gnav li{
	margin-right:5px;
	list-style:none;
	float:left;
}
.box_button{
	padding:10px;
	border:#FFF 1px solid;
}

/*intro*/

.title{
	margin:0 auto;
	background:url(../../img/intro.jpg) no-repeat 0 0;
}
.con_title{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	padding:20px;
}
.con_title .left{
	float:left;
}
.con_title .right{
	float:right;
}

/*main*/
#main{
	width:960px;
	margin:0 auto;
}
.st{
	margin:20px 0 20px;
	text-align:right;
}
/*.con_info*/
.con_info{
	overflow:hidden;
}
.con_info h2{
	font-size:large;
	color:#D32980;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.3em;
}
.box_info{
	margin:20px 0 20px;
	width:440px;
	float:left;
}
.box_info h3{
	font-size:large;
	margin-bottom:10px;
}
.left{
	margin-right:50px;
}

/*.con_pro*/
.con_pro{
	overflow:hidden;
	margin-bottom:30px;
}
.pro_img{
	float:left;
	margin-right:20px;
}
.box_pro{
	width:900px;
}



.con_kumamoto {
	padding:15px;
	border-radius:5px;
	background-color:#E6E6E6;
}

/*.omoi*/
.omoi{
	margin-bottom:30px;
}

.return{
	text-align:center;
}

/*pagetop*/
.page_top{
	color:#000000;
	text-align:right;
	font-weight:bold;
	margin-bottom:10px;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}



/*footer*/

footer{
	margin-top:100px;
	text-align:center;
	padding:20px;
	background-color:#000000;
	color:#FFFFFF;
}
