﻿@charset "utf-8";

html{
	height:100%;
}

body{
	height:100%;
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	line-height: 145%;
	font-size:13px;
	line-height:1.6em;
	color:#333333;
	background:  url(../img/common/com_bg_body.jpg);
	text-align: center;
}

*{
	margin:0;
	padding:0;
}

img{
	border:0;
	vertical-align:bottom;
}

li{
	list-style:none;
}

a{
	color:#494949;
	text-decoration:underline;
}

a:hover{
	color:#ffa9a9;
	text-decoration:none;
}

/*------clearfix------*/
.clearfix:after{
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
	height:0;
}

* html .clearfix{
	display:inline-block;
}

* html .clearfix{
	height:1%;
}

.clearfix{
	display:block;
}

*:first-child+html .clearfix{
	zoom:1;
}

/*------HEAD------*/
#head {
	background:  url(../img/common/com_bg_head.jpg) repeat-x;
	margin: 0px auto;
}

#top-head {
	background:  url(../img/top/top_bg_head.jpg) repeat-x;
	margin: 0px auto;
}

#head #head-box,
#top-head #head-box {
	width: 940px;
	margin: 0px auto;
	padding: 24px 0 15px 0;
	text-align: left;
}

#head #head-box h1,
#top-head #head-box h1 {
	float: left;
}

#head #head-box .btn-tel,
#top-head #head-box .btn-tel {
	float:right;
}

#head .main-img,
#top-head .main-img {
	width: 100%;
	margin: 0px auto;
	background-image:url(../img/top/top_mv.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#top-head .main-imgNew {
	width: 100%;
	margin: 0px auto;
	background-image:url(../img/top/top_mv_new.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#head .main-img-kobetsu,
#top-head .main-img-kobetsu {
	width: 100%;
	margin: 0px auto;
	background-image:url(../img/common/com_mv.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#head ul.gnavi,
#top-head ul.gnavi {
	width: 970px;
	margin: 0px auto;
	text-align: left;
	/*Win IE6*/
	_margin: 0 5px 0;
}

#head ul.gnavi li,
#top-head ul.gnavi li {
	display: inline; 
}

#head-box .navi_acsess {
	width:394px;
	float:right;
	text-align:right;
	background-image:url(../img/common/tel_head.gif);
	background-repeat: no-repeat;
	margin:5px 0 0 0;
}

#head-box .navi_acsess img{
	margin-bottom:3px;
}

#head-box .navi_acsess a:hover img{
	opacity:0.6;filter:alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";
}

/*------Main------*/
#main {
	width: 930px;
	margin: 20px auto 0;
	padding: 8px 0 0 0;
	background:  url(../img/top/top_bg_main_top.gif) no-repeat;
	text-align: left;
}

/*--Main Left--*/
#main #main-left {
	width: 610px;
	height:100%;
	min-height:100%;
	float: left;
	background:  url(../img/top/top_bg_main_middle.gif) repeat-y;
	
}

#main #main-left h2,
#main #main-left h3 {
	margin: 20px auto 0px;
}

#main #main-left .main-p {
	margin: 10px 5px;
	text-align: left;
}

#main #main-left .main-btn {
	margin: 10px 0 0;
}

#main .text-box {
	padding: 0 36px 0;
}

#main .btn-bottom-contact {
	text-align: right;
	margin: 45px auto 5px;
}

#main #main-left .page-tit {
	margin-top: 16px;
	margin-right: 20px;
	margin-bottom: -6px;
	margin-left: 36px;
}
/*--Main Right--*/
#main #main-right {
	width: 300px;
	float:right;
	margin: -10px 0 0;
}

#main #main-right .side-bn img{
	margin: 0 0 8px 0;
}
#main #main-right .side-bn a:hover img{opacity:0.6;filter:alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}

#main #main-right .side-bn_bottom {
	margin: 0 0 20px 0;
}

#main #main-right .side-bn_bottom a:hover img{opacity:0.6;filter:alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}

#main #main-right .link_m {
	margin: 40px 0 20px 0;
}

#main #main-right .twitter {
	margin: 20px 0 10px 0;
}

/*------Foot------*/
#foot {
	background:  url(../img/common/com_bg_bottom.gif) repeat-x #feeeee;
	text-align: center;
	padding: 0 0 10px;
}

#foot #foot-box {
	width: 930px;
	margin: 0 auto;
	padding: 50px 0 0;
	background:  url(../img/top/top_bg_main_bottom.gif) no-repeat;
	text-align: left;
}

#foot #foot-box .foot-h1-box {
	width: 254px;
	text-align: right;
	float: left;
	padding: 0 20px 0 0;
}

#foot #foot-box .foot-h1-box h1 {
	margin: 0 0 8px;
}

#foot #foot-box .foot-link-box {
	float: left;
	border-left: 1px solid #cccccc;
	padding: 0 0 0 20px;
	width: 290px;
}

#foot #foot-box .foot-link-box p {
	line-height:1.2em;
}

#foot #foot-box ul {
	font-size: 85%;
}

#foot .copyright {
	width: 940px;
	clear: left;
	text-align: left;
	margin: 20px auto 0;
	font-size: 80%;
}

/*------Text------*/
.small-text {
	font-size: 85%;
}

.bold-text {
	font-weight: bold;
	font-size: 110%;
}

