/* _____ Comon.css _____ */
body,h1,h2,h3,p,div,ul,ol,li,dl,dd,dt,table,form,blockquote,pre,address{
  margin : 0;
  padding : 0;
}


body { margin: 0pt auto; padding: 0pt; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; line-height:150%; color: #FFF; background-image: url(bg_content.jpg); background-color: #0d0f10; background-repeat: no-repeat; background-position: center top; text-align: center; }


a:link { color: #F60;}
a:visited, a:hover { color: #CF9;}


#topPage { background-image: url(bg_main.jpg); }

#secondPage0 { background-image: url(bg_main2.jpg); }
#secondPage1 { background-image: url(bacebg1.jpg); }
#secondPage2 { background-image: url(bacebg2.jpg); }
#secondPage3 { background-image: url(bacebg3.jpg); }
/*
#secondPage4 { background-image: url(bacebg4.jpg); }
#secondPage5 { background-image: url(bacebg5.jpg); }
#secondPage6 { background-image: url(bacebg6.jpg); }
#secondPage7 { background-image: url(bacebg7.jpg); }
#secondPage8 { background-image: url(bacebg8.jpg); }
#secondPage9 { background-image: url(bacebg9.jpg); }
#secondPage10 { background-image: url(bacebg10.jpg); }

#secondPage12 { background-image: url(bacebg_02.jpg); }
*/

#secondPage11 { background-image: url(bacebg_01.jpg); }

#toppage #ctr { text-align:center;}


img { border: 0pt none ; }
div { margin: 0pt; padding: 0pt; }

.pagesMain { width: 980px; padding-bottom: 30px; margin-left: auto; margin-right: auto; }
.pagesHeader { height: 55px; }
.pagesHeaderLogo { width: 221px; float: left; padding-top: 9px; }



.pagesHeaderNavi { float: right; padding-top: 9px; text-align: right; display:inline}

.pngimg { behavior: expression(IEPNGFIX.fix(this));}
*html .iepngfix { behavior: expression(IEPNGFIX.fix(this));}


#topContents { float: left; width: 960px; padding-top: 418px; text-align: left; background: padding:20px 0 20px 20px; display:block;}


#topContents h1 { margin: 0pt; padding: 0 0 6px 0; font-size: 16px; color: #FFF; font-weight: bold; color: #FFF;text-shadow: 3px 3px 3px black;
}
#topContents h1 a:link, #topContents h1 a:visited, #topContents h1 a:hover { color: #FFF; text-decoration: none; }

#topContents h2 { margin: 0pt; padding: 0 0 10px 10px; font-size: 14px; color: #FFF; font-weight: bold; color:#9F0;text-shadow: 3px 3px 3px black;}
#topContents h2 a:link, #topContents h1 a:visited, #topContents h1 a:hover { color: #FFF; text-decoration: none; }
#topContents .textBlock { padding: 5px 20px 26px 5px; display:block; line-height:170%;}

/* Second Pages */
#topContents2 { float: left; width: 960px; padding-top: 180px; text-align: left; background: padding:20px 0 20px 20px; display:block;}


#topContents2 h1 { margin: 0pt; padding: 0pt; font-size: 16px; color: #FFF; font-weight: bold; color:#F60}
#topContents2 h1 a:link, #topContents2 h1 a:visited, #topContents2 h1 a:hover { color: #FFF; text-decoration: none; }

#topContents2 h2 { margin: 0pt; padding: 10px 0; font-size: 14px; color: #FFF; font-weight: bold; color:#9F0}
#topContents2 h2 a:link, #topContents2 h1 a:visited, #topContents2 h1 a:hover { color: #FFF; text-decoration: none; }

#topContents2 h3 { padding: 6px; font-size: 13px; color: #FFF; font-weight: bold; color:#9F0}

/* IE6 Hack */
* html #topContents { float: left; width: 960px; margin-top: 398px; text-align: left; padding:20px; display: inline; height: 1%;}
* html #topContents2 { float: left; width: 960px; margin-top: 160px; text-align: left; padding:20px; display: inline; height: 1%;}

/*__ 20090825 in __*/
.commentHeader{
  width : 948px;
  height : 20px;
  display: block;
}
.commentHeader p { display:none;}
.commentMain{
  width : 948px;
  padding-left:20px;
}



/*____ Right Comments Area ____*/
.comments{
  width : 454px;
  padding-left:20px;
  float : left;
  margin-bottom: 20px;
}

.comments h1,.comments h2, .comments p{
  padding-left : 10px;
}

.commentPhoto { padding:30px 10px 0px 10px; display:block; height:206px; border-bottom: #FFF 1px dotted;}
.commentPhoto p { padding-left:20px;}
.commentPhoto .imgPhoto { border: #CCC 1px solid; margin: 0 20px; float: left;}
.commentPhoto h3 { color: #F30; font-size:14px; padding: 5px 0;}

.commentPhoto2 { padding:30px 10px 0px 10px; display:block; height:206px; border-bottom: #FFF 1px dotted;}
.commentPhoto2 p { padding-left:20px;}
.commentPhoto2 .imgPhoto2 { border: #CCC 1px solid; margin-left:20px; float: right;}
.commentPhoto2 h3 { color: #F30; font-size:14px; padding: 5px 0;}



/* _____ Left Area  _____ */

.commentLeftside{
  width : 460px;
  float : left;
  padding-right:10px;
  border-right: solid 1px #4A4A4A;
}

.commentLeftside ul{
  list-style-type : none;
}

.commentLeftside .txtarea {
	display: block; height:auto;
	float:left; width:460px;
	margin-bottom:30px;
	border-bottom:#7B7B7B dotted 1px;
	padding-bottom:10px;
}
.commentLeftside .txtarea img { margin: 0 10px 6px 0; border:#FFF solid 1px;}
.commentLeftside .txtarea h2 { font-size:14px;}
.commentLeftside .txtarea .title { padding:0; margin:0; color: #F90;}

#topNews { border:#F30 dashed 1px; background: #030; padding: 10px 16px; color:#fff; width:576px; margin:10px 0;}

/* _____ Comments Footer _____ */

.commentFooter{
  width : 900px;
  text-align:right;
  padding: 10px 20px;
  clear : both;
}
.commentFooter a { color: #F60;}
.commentFooter a:hover { color:#9F0;}


.Copyright { border-top: 1px dotted #F60; margin: 42px 0pt 50px; clear: both; padding-top: 15px; text-align:right; font-size:10px;}

.linkLogo { padding-bottom: 10px; border:0; clear:both;}

#linkQR1 { margin: 20px 0; border:0; background:url(bg/qr1.gif) no-repeat; height:200px; width:280px; font-size:10px; clear:both;}
#linkQR1 p { display:none;}

#linkQR2 { margin-bottom: 20px; border:0; background:url(bg/qr2.gif) no-repeat; height:200px; width:280px; font-size:10px; clear:both;}
#linkQR2 p { display:none;}

#sheet { margin-bottom: 20px; border:0; background:url(bg/sheet.gif) no-repeat;font-size:10px; height:280px; width:280px; clear:both;}
#sheet a { padding: 200px 20px 20px 160px; display:block;}

#t6 { margin-bottom: 20px; border:0; background:url(bg/t-6.gif) no-repeat;font-size:10px; height:180px; width:280px; clear:both;}
#t6 a { padding: 120px 0px 20px 10px; display:block;}
#shop { padding:10px; border: #FF9 dotted 2px; width:230px; height:150px; margin-left:20px; background:#333}
.ctr { text-align: center; padding:10px 0;}

#asahi { margin: 0 0 40px 10px; background: url(../imgs/asahi_shop_head.jpg) no-repeat;font-size:10px; border: #F90 1px; height:90px; width:258px; clear:both;}
#asahi a { padding: 60px 0px 0px 0px; display:block;}


/*  /end */


/* _____ etc _____ */

#stabilizer, .stabilizer { margin: 0pt; padding: 0pt; clear: both; float: none; font-size: 1px; width: auto; }

.Clearfix:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
.Clearfix { display: inline-block; }
* html .Clearfix { height: 1%; }
.Clearfix { display: block; }

/* _____ font _____ */

.ft10 { font-size:10px; line-height:150%; color:#FFF;}
.ft12 { font-size:12px; line-height:150%; color:#FFF;}
.ft14 { font-size:14px; line-height:150%; color:#FFF;}
.ft_yellow { color:#FF6;}
.ft_red { color:#F33;}
.ft_blue { color:#3FF;}
.ft_green { color:#9F0;}
.green_border img { border:#9F0 solid 2px;}
.orange_border img { border: #F90 solid 2px;}

input { background-color: #FFC;}
textarea { background-color: #FFC;}

textarea.bgColor {
width: 380px;
height: 14em;
scrollbar-face-color: #ff8c00;
scrollbar-track-color: #fff8dc;
scrollbar-arrow-color: #ffffff;
scrollbar-highlight-color: #fff8dc;
scrollbar-shadow-color: #d2691e;
scrollbar-3dlight-color: #ffebcd;
scrollbar-darkshadow-color: #8b0000;
}