@charset "utf-8";

/*      ブラウザスタイルの初期化
----------------------------------------------------*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p {margin: 0px;padding: 0px;}

ul,li {list-style-type: none;}

.clear{clear: both;}

img {border: none 0px;}


/*      フォントファミリー指定
----------------------------------------------------*/
body { font-family: Arial, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;}



/*      罫線非表示
----------------------------------------------------*/
hr { display:none;}




/*　　　ファイヤーフォックス等のアウトライン非表示
----------------------------------------------------*/
a { text-decoration:none; outline:none;}




body {
	background-image:url(../img/share/head_bg.jpg);
	background-repeat: repeat-x;
	background-attachment: scroll;
}

#wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}


/*　　　ヘッダ
----------------------------------------------------*/
* html #header {
	margin-bottom: 22px;
}


#header {
	background-image:url(../img/share/head_ball.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 5px;
	position: relative;
	height: 87px;
}


h1 { padding-left:7px; float:left}

h1 a {
	background-image: url(../img/share/logo.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 241px;
	text-indent: -5000px;
	display:block;
	background-position: 0px 6px;
}

#header ul {
	float:right;
	margin-top: 6px;
	margin-right: 25px;
	width: 129px;
	position: absolute;
	left: 646px;
}

#header li {float:left;}

#header p {
	float: right;
	padding-top: 27px;
	padding-right: 19px;
}

#header h4 {float:right;}

#header #s-navi01 {
	background-image: url(../img/share/sub_bt01.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 42px;
	text-indent: -5000px;
	margin-right: 16px;
	display:block;
}

#header #s-navi01:hover {
	background-image: url(../img/share/sub_bt01_up.jpg);
	background-repeat: no-repeat;	
}

#header #s-navi02 {
	background-image: url(../img/share/sub_bt02.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 71px;
	text-indent: -5000px;
	display:block;
}

#header #s-navi02:hover {
	background-image: url(../img/share/sub_bt02_up.jpg);
	background-repeat: no-repeat;	
}


/*　　　main
----------------------------------------------------*/
#wrapper #main {
	background-image: url(../img/share/navi_bg.gif);
	background-repeat: repeat-y;
}

/*　　　navi
----------------------------------------------------*/
#wrapper #navi {
	width: 169px;
	float: left;
}

#navi em {
	background-image: url(../img/share/navi.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 169px;
	text-indent: -5000px;
	display: block;
}

#navi #navi-01 {
	background-image: url(../img/share/navi.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 169px;
	text-indent: -5000px;
	display: block;
	background-position:0px -33px;
}
#navi #navi-01:hover {	background-position:-170px -33px;}


#navi #navi-02 {
	background-image: url(../img/share/navi.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 169px;
	text-indent: -5000px;
	display: block;
	background-position:0px -103px;
}
#navi #navi-02:hover {	background-position:-170px -103px;}

#navi #navi-03 {
	background-image: url(../img/share/navi.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 169px;
	text-indent: -5000px;
	display: block;
	background-position:0px -138px;
}
#navi #navi-03:hover {	background-position:-170px -138px;}

#navi #navi-04 {
	background-image: url(../img/share/navi.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 169px;
	text-indent: -5000px;
	display: block;
	background-position:0px -173px;
}
#navi #navi-04:hover {	background-position:-170px -173px;}

#navi #navi-05 {
	background-image: url(../img/share/navi.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 169px;
	text-indent: -5000px;
	display: block;
	background-position:0px -208px;
}
#navi #navi-05:hover {	background-position:-170px -208px;}


#navi #navi-06 {
	background-image: url(../img/share/navi.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 169px;
	text-indent: -5000px;
	display: block;
	background-position:0px -243px;
}
#navi #navi-06:hover {	background-position:-170px -243px;}

#navi #navi-07 {
	background-image: url(../img/share/navi.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 169px;
	text-indent: -5000px;
	display: block;
	background-position:0px -278px;
}
#navi #navi-07:hover {	background-position:-170px -278px;}

#navi #navi-08 {
	background-image: url(../img/share/navi.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 169px;
	text-indent: -5000px;
	display: block;
	background-position:0px -313px;
}
#navi #navi-08:hover {	background-position:-170px -313px;}

#navi #navi-09 {
	background-image: url(../img/share/navi.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 169px;
	text-indent: -5000px;
	display: block;
	background-position:0px -348px;
}
#navi #navi-09:hover {	background-position:-170px -348px;}

#navi #navi-10 {
	background-image: url(../img/share/navi.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 169px;
	text-indent: -5000px;
	display: block;
	background-position:0px -68px;
}
#navi #navi-10:hover {	background-position:-170px -68px;}


#navi #navi-11 {
	background-image: url(../img/share/navi.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 169px;
	text-indent: -5000px;
	display: block;
	background-position:0px -383px;
}
#navi #navi-11:hover {	background-position:-170px -383px;}



/*　　　contents
----------------------------------------------------*/

#contents {
	float: right;
	width:615px;
	padding-left: 15px;
	padding-bottom: 15px;
}


/*　　　footer
----------------------------------------------------*/
#footer #page-top {
	background-image: url(../img/share/page_top.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 63px;
	text-indent: -5000px;
	margin-left: 737px;
	display: block;
}

#footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}

#footer #foot-area {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#foot-area address {
	font-size: 12px;
	text-decoration: none;
	font-style:normal;
}





/******************************************************************** Float containers fix
===================================================================== a.k.a. clearfix */

/******************** exp IE
*/
#wrapper:after,
#header:after,
#footer:after,
#contents:after,
#main:after,
#section02:after,
#section03:after,
#section04:after,
#section05:after,
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	line-height: 0;
	visibility: hidden;
}

/******************** for IE
Level 2.1*/
#wrapper,
#header,
#footer,
#contents,
#main,
#section02,
#section03,
#section04,
#section05,
.clearfix { display: inline-block;}  

/* Holly Hack Targets IE Win only \*/
* html #wrapper,
* html #header,
* html #footer,
* html #contents,
* html #main,
* html #section02,
* html #section03,
* html #section04,
* html #section05,
* html .clearfix { height: 1%;}

#wrapper,
#header,
#footer,
#contents,
#main,
#section02,
#section03,
#section04,
#section05,
.clearfix {
	display: block;
}


.f-l {	float: left;}
.f-r {	float:right;}
.contact-bt input {
	margin-right: 10px;
	margin-left: 10px;
}
.qr {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.aC {
	text-align: center;
}