/*全体のレイアウト設定*/

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:200%;
	background-image:url(../../img/common/stripe01.gif);
	background-repeat:repeat;
}
html,body,#wrapper{
	height:100%;
}
a{
	color:#099;
}
a:hover{
	color:#0CF;
}
#wrapper{
	height:100%;
	width:860px;
	margin:0 auto;
	clear:both;
	background-color:#fff;
}

/*ヘッダー・ナビゲーション部分設定*/
#header{
	width:860px;
	height:50px;
	margin-bottom:10px;
	padding-top:25px;
	background-color:#fff;

}
#logo{
	float:left;
	margin-left:20px;
}
#tel{
	text-align:right;
	margin-right:20px;
}
#gnavi ul li{
	list-style:none;
	display:inline;
}
#gnavi {
height: 36px;
width:820px;
margin:0 auto;
margin-bottom:10px;
}
#navi01 a {
    background: url("../../img/common/gnavi.jpg") no-repeat scroll 0 0px transparent;
    display: block;
    float: left;
    height: 0 !important;
    overflow: hidden;
    padding: 36px 0 0;
    width: 116px;
}

#navi01 a:hover {
background-position: 0 -40px;
}
#navi02 a {
    background: url("../../img/common/gnavi.jpg") no-repeat scroll -116px 0px transparent;
    display: block;
    float: left;
    height: 0 !important;
    overflow: hidden;
    padding: 36px 0 0;
    width: 116px;
}

#navi02 a:hover {

background-position: -116px -40px;

}
#navi03 a {
    background: url("../../img/common/gnavi.jpg") no-repeat scroll -232px 0px transparent;
    display: block;
    float: left;
    height: 0 !important;
    overflow: hidden;
    padding: 36px 0 0;
    width: 116px;
}

#navi03 a:hover {

background-position: -232px -40px;

}
#navi04 a {
    background: url("../../img/common/gnavi.jpg") no-repeat scroll -348px 0px transparent;
    display: block;
    float: left;
    height: 0 !important;
    overflow: hidden;
    padding: 36px 0 0;
    width: 116px;
}

#navi04 a:hover {

background-position: -348px -40px;

}
#navi04 a {
    background: url("../../img/common/gnavi.jpg") no-repeat scroll -348px 0px transparent;
    display: block;
    float: left;
    height: 0 !important;
    overflow: hidden;
    padding: 36px 0 0;
    width: 116px;
}

#navi04 a:hover {

background-position: -348px -40px;

}
#navi05 a {
    background: url("../../img/common/gnavi.jpg") no-repeat scroll -464px 0px transparent;
    display: block;
    float: left;
    height: 0 !important;
    overflow: hidden;
    padding: 36px 0 0;
    width: 116px;
}

#navi05 a:hover {

background-position: -464px -40px;

}
#navi06 a {
    background: url("../../img/common/gnavi.jpg") no-repeat scroll -580px 0px transparent;
    display: block;
    float: left;
    height: 0 !important;
    overflow: hidden;
    padding: 36px 0 0;
    width: 116px;
}

#navi06 a:hover {

background-position: -580px -40px;

}
#navi07 a {
    background: url("../../img/common/gnavi.jpg") no-repeat scroll -696px 0px transparent;
    display: block;
    float: left;
    height: 0 !important;
    overflow: hidden;
    padding: 36px 0 0;
    width: 124px;
}

#navi07 a:hover {

background-position: -696px -40px;

}

/*バナーエリア（メイン上）
*/
#bnrarea{
	clear:both;
}
#bnrarea img{
		margin-left:20px;
		margin-bottom:20px;
}
/*メイン部分*/
.main{
height:100%;
display:block;
}
#mainLeft{
	height:437px;
}
.main:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.main {display: inline-block;}
.back{
	text-align:right;
	padding-right:20px;
}

/* IE-macで隠す\*/
* html .main { height: 1%;}
.main {display: block;}
/* IE-macで隠す-ここまで */

/*フッター設定*/
#footer{
clear: both;
height:80px; 
background-color:#399;
}
#footer p{
	font-size:90%;
	text-align:center;
	margin-top:5px;
	color:#fff;
	position:relative;
	top:20px;
}
#footer a{
	color:#fff;
}
#footer a:hover{
	color:#0CF;
}
/*背景*/
#out{
	background-image:url(../../img/common/stripe01.gif);
	background-repeat:repeat;
}
h3{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	color:#333;
}