/* CSS Document */

/*------------------------------------------
【reset css】
--------------------------------------------*/
body{ background:url(../images/main_bg.png) repeat; background-attachment: fixed; color:#000; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td{ margin: 0; padding: 0; }
fieldset, img { border: 0; }
a{text-decoration:none;}
ul, ul li{ margin:0; padding:0; list-style:none;}
p, img{ margin:0; padding:0; }
img { border: none; margin:0; padding:0; line-height:0;}

/*---clearfix--*/
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
* { margin: 0; padding: 0; }
.clear { clear: both; }

/*=====================================================================
【リンク時の挙動】
=======================================================================*/
a img{ opacity: 1;transition: all 0.3s ease-out 0s;}
a img:hover {filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}

/*-------ホバー挙動-------*/
#linkbtn01 a:hover,
#linkbtn02 a:hover,
#linkbtn03 a:hover{opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -khtml-opacity:0; -moz-opacity:0; opacity:0; transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -ms-transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s;}

/*=====================================================================
【style】
=======================================================================*/
/*--------------main--------------*/
#pokemon_7{ font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";}
#main{ text-align: center; padding: 15px 0 0 0;}
#main_inner{ background: url(../images/main_img.png) no-repeat center 30px; padding: 0 0 80px 0;}
#main h1#maintitle{ padding: 355px 0 0 0;}
#main .flame{ border: none; background: url(../images/frame.png) repeat-x; height: 68px;}

/*--------------contents--------------*/
#contents{ background: url(../images/contents_bg.png) repeat-x #c8f4ff; height: 100%;}
#contents #about{ width: 922px; margin: 0 auto; position: relative; padding: 0 0 170px 0;}
#contents #about p{ display: block; position: absolute; top: -125px;}
#contents #about a{ display: block; width: 390px; height: 40px; position: absolute; top: -110px; left: 245px;}

#lineup{ width: 1180px; margin: 0 auto;}
#contents .item{ text-align: center; position: relative; margin-bottom: 40px;}

#pika{ padding: 0 0 0 0;}
#eievui{ padding: 0 0 0 40px;}
#pika02{ padding: 0 0 0 20px;}
#pika02 #icon_day{ position: absolute; top: -30px; right: 100px;}

#linkbtn01{ display:block; width:290px; height:57px; background:url(../images/linkbtn01.png) no-repeat 0 -57px; position: absolute; bottom: 105px; right: 250px;}
#linkbtn01 a{ display:block; width:290px; height:57px; background:url(../images/linkbtn01.png) no-repeat 0 0; transition: all 0.6s ease-out 0s; }

#linkbtn02{ display:block; width:290px; height:57px; background:url(../images/linkbtn02.png) no-repeat 0 -57px; position: absolute; bottom: 105px; right: 255px;}
#linkbtn02 a{ display:block; width:290px; height:57px; background:url(../images/linkbtn02.png) no-repeat 0 0; transition: all 0.6s ease-out 0s; }

#linkbtn03{ display:block; width:290px; height:57px; background:url(../images/linkbtn03.png) no-repeat 0 -57px; position: absolute; bottom: 100px; right: 250px;}
#linkbtn03 a{ display:block; width:290px; height:57px; background:url(../images/linkbtn03.png) no-repeat 0 0; transition: all 0.6s ease-out 0s; }

#copy{ display: block; width: 1060px; margin: 0 auto; text-align: left; font-size: 10px; color: #461715; line-height: 1.5; padding: 0 0 20px 0;}