@charset "utf-8";

body{
font-size: 12px;
font-family: "hiragino kaku gothic pro", "ヒラギノ角ゴ Pro W3", "Osaka", "Osaka-等幅", "メイリオ","ＭＳ ゴシック", "ＭＳ Ｐゴシック";
background-image: url(../0612_kinchan/images/base_pat_gradation.jpg);
background-repeat: repeat-x;
background-position: 0 -22px;
text-align: center;
margin: 0;
padding: 0;
}



/**/


div#container{
text-align: left;
margin-right: auto;
margin-left: auto;
position: relative;
top: 65px;
width: 924px;
height: 573px;
}

/* @group フッター */

div#footer{
background-image: url(../0612_kinchan/images/footer_base_img.jpg);
background-repeat: no-repeat;
width: 924px;
height: 79px;
background-color: #555;
position: relative;
}

p#footerTitle{
text-indent: -9999px;
display: block;
position: absolute;
top: 0;
width: 402px;
height: 56px }

/*ボタン*/
/**/

/*10周年*/

a:link#tenth,
a:visited#tenth{
font-style: normal;
text-decoration: none;
background-image: url(../0612_kinchan/images/navi_10th_img.jpg);
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9999px;
display: block;
position: absolute;
top: 0;
left: 763px;
width: 161px;
height: 79px;
}

a:hover#tenth{
background-position: 0 -79px;
}


/*ナビエリア*/
#naviArea{
position: absolute;
top: 0;
left: 402px;
width: 207px;
height: 79px }

/*topへ*/
a:link#gotoTop,
a:visited#gotoTop{
text-decoration: none;
background-image: url(../0612_kinchan/images/navi_base_img.jpg);
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9999px;
top: 0;
left: 0;
width: 45px;
height: 79px;
float: left;
}

a:hover#gotoTop {
background-position: 0 -79px;
}

/*戻る*/
a:link#backPage,
a:visited#backPage{
text-decoration: none;
background-image: url(../0612_kinchan/images/navi_base_img.jpg);
background-repeat: no-repeat;
background-position: -45px 0;
text-indent: -9999px;
top: 0;
width: 52px;
height: 79px;
float: left;
}

a:hover#backPage{
background-position: -45px -79px;
}

/*バック非表示*/
a:link#backPageDis,
a:visited#backPageDis,
a:hover#backPageDis{
 color: #333;
text-decoration: none;
background-image: url(../0612_kinchan/images/navi_base_img.jpg);
background-repeat: no-repeat;
background-position: -45px -158px;
text-indent: -9999px;
cursor: default;
top: 0;
width: 52px;
height: 79px;
float: left;
}


/*次へ*/
a:link#nextPage,
a:visited#nextPage{
text-decoration: none;
background-image: url(../0612_kinchan/images/navi_base_img.jpg);
background-repeat: no-repeat;
background-position: -97px 0;
text-indent: -9999px;
top: 0;
width: 53px;
height: 79px;
float: left;
}


a:hover#nextPage{
background-position: -97px -79px;
}

/*次へ非表示*/
a:link#nextPageDis,
a:visited#nextPageDis,
a:hover#nextPageDis{
 color: #333;
text-decoration: none;
background-image: url(../0612_kinchan/images/navi_base_img.jpg);
background-repeat: no-repeat;
background-position: -97px -158px;
text-indent: -9999px;
cursor: default;
top: 0;
width: 53px;
height: 79px;
float: left;
}

/*ウインドウを閉じる*/
a:link#wClose,
a:visited#wClose{
text-decoration: none;
background-image: url(../0612_kinchan/images/navi_base_img.jpg);
background-repeat: no-repeat;
background-position: -150px 0;
text-indent: -9999px;
top: 0;
width: 57px;
height: 79px;
float: left;
}

a:hover#wClose{
background-position: -150px -79px;
}

/*次の段落へ*/
a:link.nextPara,
a:visited.nextPara,a:hover.nextPara{
color: #0c8cc0;
font-size: 10px;
text-decoration: none;
padding: 1px;
}

a:hover.nextPara{
color: #ccc;
font-size: 10px;
text-decoration: none;
background-color: #191919;
padding: 1px
}



/* @end */


/**/



/**/
/*メインエリア*/
/**/

div#main{
position: relative;
width: 924px;
height: 494px;
}

div#main h1{
	color: #fff;
}

div#main p{
	color: #fff;
}


#main p{
color: #ffffff;
line-height:
1.7em;
text-align: left;
}

body#top #main h1,
body#top #main p{
position: absolute;
top: -9999px;
}

#main h1{
position: absolute;
top: -9999px;
}

#main h2{
position: absolute;
top: -9999px;
}

#main h3{
position: absolute;
top: -9999px;
}

#main h4{
font-size: 12px;
color: #37a8ff;
background-color: #000000;
height: auto;
margin-left: 1px;
line-height: 1.3em;
}

div#main p{
padding: 0px 28px 0px 28px;
margin: 0 0 14px 0;
}



/*ページのベース画像*/

/* @group きんちゃん画像 */

div#main.kin000{
background-image:url(../0612_kinchan/images/img_000.jpg);
}

body#kin010 div#main{
background-image:url(../0612_kinchan/images/img_010.jpg);
}


body#kin010 div#main p{
position: absolute;
top: -9999px;
}

/*scene-020*/

body#kin020 #main{
background-image: url(../0612_kinchan/images/img_020.jpg);
}

body#kin020 #main h4{
width: 868px;
position: absolute;
top: 292px;
padding: 3px 27px 3px 27px;
}

* html body#kin020 #main h4{
width: 868px;
position: absolute;
top: 305px;
padding: 3px 27px 3px 27px;
}

body#kin020 div#main p{
position: absolute;
top: 330px;
width: 868px;
}

div#main p#midashiRead{
display: none;
}

/*scene-030*/
body#kin030 #main{
background-image: url(../0612_kinchan/images/img_030.jpg);
}

body#kin030 div.column{
position: absolute;
width: 380px;
top: 180px;
right: 0px;
}

body#kin030 #main h4{
padding: 3px 12px 3px 4px;
margin: 0 0 3px 0;
}

body#kin030 div#main p{
padding: 0 12px 0 0;
}
/**/

/*scene-040*/
body#kin040 #main{
background-image: url(../0612_kinchan/images/img_040.jpg);
}

body#kin040 div.column{
position: absolute;
width: 924px;
top: 300px;
right: 0px;
}

body#kin040 #main h4{
padding: 3px 28px 3px 28px;
margin: 0 0 3px 0;
}

body#kin040 div#main p{
padding: 0 28px 0 28px;
}
/**/

/*scene-050*/
body#kin050 #main{
background-image: url(../0612_kinchan/images/img_050.jpg);
}

body#kin050 div.column{
position: absolute;
width: 360px;
top: 80px;
right: 0px;
}

body#kin050 #main h4{
padding: 3px 3px 3px 3px;
margin: 0 0 3px 0;
}

body#kin050 div#main p{
padding: 0 12px 0 0px;
}
/**/

/*scene-060*/
body#kin060 #main{
background-image: url(../0612_kinchan/images/img_060.jpg);
}

body#kin060 div.column{
position: absolute;
width: 360px;
top:180px;
left:24px;
}

body#kin060 #main h4{
padding: 3px 3px 3px 3px;
margin: 0 0 3px 0;
}

body#kin060 div#main p{
padding: 0 12px 0 0px;
}
/**/


/*scene-070*/
body#kin070 #main{
background-image: url(../0612_kinchan/images/img_070.jpg);
}

body#kin070 div.column{
position: absolute;
width: 360px;
top:180px;
left:24px;
}

body#kin070 #main h4{
padding: 3px 3px 3px 3px;
margin: 0 0 3px 0;
}

body#kin070 div#main p{
padding: 0 12px 0 0px;
}
/**/

/*scene-080*/
body#kin080 #main{
background-image: url(../0612_kinchan/images/img_080.jpg);
}

body#kin080 div.column{
position: absolute;
width: 360px;
top:100px;
right:28px;
}

body#kin080 #main h4{
padding: 3px 3px 3px 3px;
margin: 0 0 3px 0;
}

body#kin080 div#main p{
padding: 0 12px 0 0px;
}
/**/

/*scene-090*/
body#kin090 #main{
background-image: url(../0612_kinchan/images/img_090.jpg);
}

body#kin090 div.column{
position: absolute;
width: 360px;
top:100px;
left:28px;
}

body#kin090 #main h4{
padding: 3px 3px 3px 3px;
margin: 0 0 3px 0;
}

body#kin090 div#main p{
padding: 0 0px 0 0px;
}
/**/

/*scene-100*/
body#kin100 #main{
background-image: url(../0612_kinchan/images/img_100.jpg);
}

body#kin100 div.column{
position: absolute;
width: 360px;
top:100px;
right:12px;
}

body#kin100 #main h4{
padding: 3px 3px 3px 3px;
margin: 0 0 3px 0;
}

body#kin100 div#main p{
padding: 0 0px 0 0px;
}
/**/

/*scene-110*/
body#kin110 #main{
background-image: url(../0612_kinchan/images/img_110.jpg);
}

body#kin110 div.column{
position: absolute;
width: 460px;
top:230px;
left:0px;
}

body#kin110 #main h4{
padding: 3px 3px 3px 24px;
margin: 0 0 3px 0;
}

body#kin110 div#main p{
padding: 0 0px 0 24px;
}
/**/

/*scene-120*/
body#kin120 #main{
background-image: url(../0612_kinchan/images/img_120.jpg);
}

body#kin120 div.column{
position: absolute;
width: 440px;
top:290px;
left :0px;
}

body#kin120 #main h4{
padding: 3px 3px 3px 24px;
margin: 0 0 3px 0;
}

body#kin120 div#main p{
padding: 0 0px 0 24px;
}
/**/

/**/

/*scene-130*/
body#kin130 #main{
background-image: url(../0612_kinchan/images/img_130.jpg);
}

body#kin130 div.column{
position: absolute;
width: 600px;
top:380px;
left :0px;
}

body#kin130 #main h4{
padding: 3px 3px 3px 24px;
margin: 0 0 3px 0;
}

body#kin130 div#main p{
padding: 0 0px 0 24px;
}
/**/

/*scene-140*/
body#kin140 #main{
background-image: url(../0612_kinchan/images/img_140.jpg);
}

body#kin140 div.column{
position: absolute;
width: 600px;
top:380px;
left :0px;
}

body#kin140 #main h4{
padding: 3px 3px 3px 24px;
margin: 0 0 3px 0;
}

body#kin140 div#main p{
padding: 0 0px 0 24px;
}
/**/


/*scene-150*/
body#kin150 #main{
background-image: url(../0612_kinchan/images/img_150.jpg);
}

body#kin150 div.column{
position: absolute;
width: 325px;
top:60px;
right :0px;
}

body#kin150 #main h4{
padding: 3px 3px 3px 3px;
margin: 0 0 3px 0;
}

body#kin150 div#main p{
padding: 0 24px 0 0px;
}
/**/

/*scene-160*/
body#kin160 #main{
background-image: url(../0612_kinchan/images/img_160.jpg);
}

body#kin160 div.column{
position: absolute;
width: 420px;
top:290px;
left :0px;
}

body#kin160 #main h4{
padding: 3px 3px 3px 24px;
margin: 0 0 3px 0;
background-color: #ffffff;
}

body#kin160 div#main p{
padding: 0 0px 0 24px;
color:#000000;
}
/**/

/*scene-170*/
body#kin170 #main{
background-image: url(../0612_kinchan/images/img_170.jpg);
}

body#kin170 div.column{
position: absolute;
width: 420px;
top:100px;
left :28px;
}

body#kin170 #main h4{
position: absolute;
top: -9999px;
}

body#kin170 div#main p{
padding: 0 0px 0 0px;
color:#4d4d4d;
}
/**/

/*scene-180*/
body#kin180 #main{
background-image: url(../0612_kinchan/images/img_180.jpg);
}

body#kin180 div.column{
position: absolute;
width: 380px;
top:40px;
left :28px;
}

body#kin180 #main h4{
position: absolute;
top: -9999px;
}

body#kin180 div#main p{
padding: 0 0px 0 0px;
color:#4d4d4d;
}

body#kin180 div#main p.alignRight{
text-align: right;
}
/**/


/*scene-190*/
body#kin190 #main{
background-image: url(../0612_kinchan/images/img_190.jpg);
}

body#kin190 div.column{
position: absolute;
width: 380px;
top:40px;
left :28px;
}

body#kin190 #main h4{
position: absolute;
top: -9999px;
}

body#kin190 div#main p{
position: absolute;
top: -9999px;
}

body#kin190 div#main p.alignRight{
text-align: right;
}
/**/



/*scene-200*/
body#kin200 #main{
background-image: url(../0612_kinchan/images/img_200.jpg);
}

body#kin200 div.column{
position: absolute;
width: 450px;
top:120px;
left :0px;
}

body#kin200 #main h4{
padding: 3px 3px 3px 24px;
margin: 0 0 3px 0;
}

body#kin200 div#main p{
padding: 0 0px 0 24px;
color:#000000;
}

/**/


/*scene-210*/
body#kin210 #main{
background-image: url(../0612_kinchan/images/img_210.jpg);
}

body#kin210 div.column{
position: absolute;
width: 330px;
top:300px;
left :0px;
}

body#kin210 #main h4{
padding: 3px 3px 3px 24px;
margin: 0 0 3px 0;
}

body#kin210 div#main p{
padding: 0 0px 0 24px;
}

/**/


/*scene-220*/
body#kin220 #main{
background-image: url(../0612_kinchan/images/img_220.jpg);
}


body#kin220 #main h4{
position: absolute;
top: -9999px;
}

body#kin220 div#main p{
position: absolute;
top: -9999px;
}

/**/



/* @end */


