@charset "UTF-8";
* { 
    margin: 0px; 
    padding: 0px; 
}
body {
	font-family: "メイリオ", Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "ＭＳ Ｐゴシック", "MS PGothic";
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
    line-height:1;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
    background: #fff;
}

.pcbr {
display: block;
}
.spbr {
display: none;
}
.camtitle{
        font-size: 8px;
        font-weight: bold;
        letter-spacing: -0.3em;
    }
.bg {
	margin:0 auto;
	width: 960px;
	height: 403px;
	padding: 0px;
	line-height: 1.6;
}

#gototop {
top: 170px;
position: fixed;
margin-left:1000px;
z-index: 1;
width: 43px;
height:116px;
}

#header {
width: 100% ;
height: 118px ;
padding-top: 10px;
margin : 0 auto ;
}


#wrap {
width: 1000px;
margin:0 auto;
background: #F2EDE3;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari and Chrome */
border-radius: 8px;
behavior: url(border-radius.htc); /* IE */
}

#ask {
width: 960px;
margin:0 auto;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari and Chrome */
border-radius: 8px;
behavior: url(border-radius.htc); /* IE */
padding:3px;
border:solid 2px #9E7E74;
}

#subcont {
width: 960px;
margin:0 auto;
background: #FFF;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari and Chrome */
border-radius: 8px;
behavior: url(border-radius.htc); /* IE */
padding:3px;
border:solid 2px #9E7E74;
}

#footbg {
width: 1000px;
margin:0 auto;
background: #900885;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari and Chrome */
border-radius: 10px;
behavior: url(border-radius.htc); /* IE */
padding:3px;
}

#footbg2 {
margin:0 auto;
background: #ffffff;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari and Chrome */
border-radius: 8px;
behavior: url(border-radius.htc); /* IE */
padding:5px;
}

.obi {
margin:0 auto;
background: #900885;
-moz-border-radius: 6px; /* Firefox */
-webkit-border-radius: 6px; /* Safari and Chrome */
border-radius: 6px;
behavior: url(border-radius.htc); /* IE */
padding:3px;
color: #ffffff;
font-size: 14px;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.whitebox {
margin:0 auto;
background: #ffffff;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari and Chrome */
border-radius: 8px;
behavior: url(border-radius.htc); /* IE */
padding:6px;
border:solid 2px #900885;
}

.linkbg {
background: #FFE7FB;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari and Chrome */
border-radius: 8px;
behavior: url(border-radius.htc); /* IE */
padding:1px;
border:solid 2px #900885;
text-align:left;
line-height:1.8;
font-size:13px;
margin-top:5px;
}


#footer {
width: 100% ;
height:112px;
margin : 0 auto ;
}

.fmenu {
font-size: 12px;
color: #900885;
text-decoration: none;
}

.fmenu a {
font-size: 12px;
color: #900885;
text-decoration: none;
}

.fmenu a:hover {
font-size: 12px;
color: #900885;
text-decoration: underline;
}

#viewer {
	margin: 0 auto;
	width: 1000px;
	height: 420px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}

.topbbg {
	margin: 0 auto;
	width: 198px;
	height: 45px;
	text-align: center;
	background :url(img/topbbg.jpg) ;
    line-height:40px ;
    font-size: 13px;
    font-family: "ＭＳ Ｐゴシック", sans-serif ;
    text-decoration:none;  
}

a:hover img.tb {
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

#OP {
	background: #ffffff;
}

#modal_container {  
     padding:5px;  
     background-color:#fff;  
     border:1px solid #666;  
     overflow:auto;  
     font-family:"Lucida Grande",Verdana;  
     font-size:12px;  
     color:#333;  
     text-align:center;
     margin:0 auto;
} 
 
#modal_overlay {  
     background-color:#000;  
}  

.text10  { font-size: 10px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height:120%; }
.text11  { font-size: 11px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height:120%; }
.text12  { font-size: 12px; font-family: "メイリオ", Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "ＭＳ Ｐゴシック", "MS PGothic"; line-height:130%; }
.text13  { font-size: 13px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height:130%; }
.text14  { font-size: 14px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height:130%; }
.text15  { font-size: 15px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height:135%; }
.text17  { font-size: 17px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height:135%; }
.text18  { font-size: 18px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height:140%; }
.text20  { font-size: 20px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height:140%; }

#tpb_fs {
    background-image:url('img/tempbtn3.png'); 
    width:101px; 
    height:101px; 
	text-align:center;
	font-size:27px;
	font-weight:bold;
	color:#FFF;
	line-height:120px;
	text-shadow: 1px 1px 1px #333;
	font-family: Meiryo, Osaka, 'MS PGothic', sans-serif;
}


#tpb_ko {
    background-image:url('img/tempbtn1.png'); 
     width:101px; 
    height:101px; 
	text-align:center;
	font-size:27px;
	font-weight:bold;
	color:#FFF;
	line-height:120px;
	text-shadow: 1px 1px 1px #333;
	font-family: Meiryo, Osaka, 'MS PGothic', sans-serif;
}


#tpb_tk {
    background-image:url('img/tempbtn2.png'); 
    width:101px; 
    height:101px; 
	text-align:center;
	font-size:27px;
	font-weight:bold;
	color:#FFF;
	line-height:120px;
	text-shadow: 1px 1px 1px #333;
	font-family: Meiryo, Osaka, 'MS PGothic', sans-serif;
}


#tpb_ss {
    background-image:url('img/tempbtn4.png'); 
    width:101px; 
    height:101px; 
	text-align:center;
	font-size:27px;
	font-weight:bold;
	color:#FFF;
	line-height:120px;
	text-shadow: 1px 1px 1px #333;
	font-family: Meiryo, Osaka, 'MS PGothic', sans-serif;
}


#tpb_zh {
    background-image:url('img/tempbtn5.png'); 
    width:101px; 
    height:101px; 
	text-align:center;
	font-size:27px;
	font-weight:bold;
	color:#FFF;
	line-height:120px;
	text-shadow: 1px 1px 1px #333;
	font-family: Meiryo, Osaka, 'MS PGothic', sans-serif;
}


#tpb_jt {
    background-image:url('img/tempbtn6.png'); 
    width:101px; 
    height:101px; 
	text-align:center;
	font-size:27px;
	font-weight:bold;
	color:#FFF;
	line-height:120px;
	text-shadow: 1px 1px 1px #333;
	font-family: Meiryo, Osaka, 'MS PGothic', sans-serif;
}

#tpb_dj {
    background-image:url('img/tempbtn7.png'); 
    width:202px; 
    height:200px; 
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	line-height:20px;
	text-shadow: 1px 1px 1px #333;
	font-family: Meiryo, Osaka, 'MS PGothic', sans-serif;
}

.hasen {
 padding:3px 0px 3px 0px;
 border-bottom:dotted 1px #076f81;	
	
}

@media screen and (max-width:482px) {
.pcbr {
display: none;
}
.spbr {
display: block;
}

}