@charset "UTF-8";

/* ------------------------------------------------------------
ご利用ガイド　2010　0810
------------------------------------------------------------ */


/*************************
box
*************************/
div#about img,div#about h1,div#about h2,div#about h3,div#about h4,div#about h5,div#about p,div#about div,div#about table,div#about tr,div#about td,div#about ul,div#about li{
margin:0;
padding:0;
border:none;
}

div#about {
width:760px;
font-size:12px;
color:#333333;}

div#about h1,div#about h2,div#about h3,div#about h4,div#about p,div#about div,div#about table,div#about tr,div#about td,div#about ul,div#about li{
font-size:12px;
line-height:1.0em;}


/* テーブル リセット
------------------------------------------*/
div#about  table {
border-collapse: collapse;
border: none;
border-spacing: 0;}
div#about th {
padding:0;
margin:0px;
font-weight: normal;
text-align: left;
vertical-align: top;}
div#about td {
padding:0;
margin:0px;
font-weight: normal;
text-align:center;}


/* テーブル左右フル
------------------------------------------*/
div#about table.aut_fll{
width:100%;}


/*画像ロールオーバー
------------------------------------------------------------------*/
div#about a:hover img {
filter:alpha(opacity=80);
opacity:0.8;}


/*汎用------------------*/
div#about .mgr15{/*左15px*/
margin-left:15px;}
div#about .mgr30{/*左30px*/
margin-left:30px;}
div#about .mgb15{/*下15px*/
margin-bottom:15px;}
div#about .mgb20{/*下20px*/
margin-bottom:20px;}

div#about .mg_a{/*左右オート*/
margin:0 auto;}

div#about .ta_r{
text-align:right;}
div#about .ta_l{
text-align:left;}
div#about .ta_cen{
text-align:center;}


div#about .txt10{line-height:1.2em;
font-size:10px;
color:#999999;}

div#about strong{
color:#CC0000;
font-weight:bold;}

div#about strong.bule{
color:#000099;
font-weight:bold;}


div#about div.cmg{/*コンテンツマージン代わり*/
width:10px;height:30px;
clear:both;}


/* ページトップへ戻る
------------------------------------------*/
div#about p.pagetop {
padding:10px 0;
font-weight:normal;
text-align:right;
font-size:10px;}





/*タイトル
-------------------------------------------------------------------*/
div#about h2{
width:760px;
height:153px;
margin:0;
background:url(../../image/about/main.jpg) 0 0 no-repeat;}
div#about h2 span{visibility:hidden;}

/*topボタン------------------------------------------*/
div#about ul.btn_top{
list-style-type: none;
margin:0;
padding:0;}

div#about ul.btn_top li.btn_top01{/*---青2列---*/
float:left;
list-style-type: none;
display: block;
margin:0;
text-align:center;}



div#about ul.btn_top li.btn_top02{/*---黄3列---*/
float:left;
list-style-type: none;
display: block;
margin:0;
text-align:center;}






/*タイトル
------------------------------------------*/
div#about h3{
width:760px;}

div#about h3.tit1{background:url(../../image/about/tit_01.gif) 0 0 no-repeat; height:45px;}
div#about h3.tit2{background:url(../../image/about/tit_02.gif) 0 0 no-repeat; height:45px;}
div#about h3.tit3{background:url(../../image/about/tit_03.gif) 0 0 no-repeat; height:45px;}
div#about h3.tit4{background:url(../../image/about/tit_04.gif) 0 0 no-repeat; height:45px;}
div#about h3.tit6{background:url(../../image/about/tit_06.gif) 0 0 no-repeat; height:45px;}

div#about h3.tit_s_1{background:url(../../image/about/tit_s_01.gif) 0 0 no-repeat; height:45px;}
div#about h3.tit_s_2{background:url(../../image/about/tit_s_02.gif) 0 0 no-repeat; height:45px;}
div#about h3.tit_s_3{background:url(../../image/about/tit_s_03.gif) 0 0 no-repeat; height:45px;}
div#about h3.tit_s_4{background:url(../../image/about/tit_s_04.gif) 0 0 no-repeat; height:45px;}

div#about h3 span{
visibility:hidden;}




/*テキスト------------------*/
div#about p{line-height:1.4em;
color:#333333;
margin:5px 0;}


/*テキスト小タイトル------------------*/
div#about .tit_s{line-height:1.4em;
color: #FF9900;
font-weight:bold;
margin:5px 0;}


/*テキスト------------------*/
div#about p.p_aten_10{
font-size:10px;
text-indent:-10px;}


/*テキスト------------------*/
div#about div.mgr30 p{line-height:1.4em;
text-indent:-12px;}


/*4列ボタン
-------------------------------------------------------------------*/

div#about ul.btn4cent{
height:72px;
width: 660px;
list-style-type: none;
margin:0 auto;
padding:0;}

div#about ul.btn4cent li.btn4s{
height:72px;
width:220px;
float:left;
list-style-type: none;
display: block;
margin:0;
text-align:center;}


/*個別
-------------------------------------------------------------------*/
#about .bingo {
	position: relative;
	margin: 0 0 15px;
}

#about .bingo a {
	display: block;
	position: absolute;
	top: 132px;
	right: 33px;
    width: 239px;
    height: 115px;
    text-indent: -9999px;