/* ベーシック */
body{
padding:0;
margin:0;
font:normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color:#333333;
background:#000000;
}/* 背景に画像を使わない場合はurl()から後ろを消すこと（但し末尾の「;」は消しちゃダメです */

html body .contents{
padding:0;
margin:0;
min-width:0;
max-width:100%;
width:auto;
background:#000 url(http://pin-point.biz/13_jukuntr/img/backpic.gif) repeat scroll top center;
}

/* リンク関係 */
a,a:link,a:active{
text-decoration:none;
display:inline;
color:#ccc;
background:none;
}

a:visited{
text-decoration:none;
color:#ccc;
background:none;
}

a:hover{
text-decoration:none;
color:#f33;
background:none;
}

/* メニュー用 */
h2.menu a,h2.menu a:link,h2.menu a:active{
padding:12px 15px 8px 15px;/* 画像で指定する場合は、ここを0にすること */
margin:0;
font-family: "VL ゴシック","VL Gothic"
text-decoration:none;
color:#fff;
}

h2.menu a:visited{
padding:12px 15px 8px 15px;/* 画像で指定する場合は、ここを0にすること */
margin:0;
font-family: "VL ゴシック","VL Gothic"
text-decoration:none;
color:#fff;
}

h2.menu a:hover{
padding:12px 15px 8px 15px;/* 画像で指定する場合は、ここを0にすること */
margin:0;
font-family: "VL ゴシック","VL Gothic"
text-decoration:none;
color:#fff;
background:#333;
border-bottom:3px solid #f00;/* 画像で指定する場合は、ここを消すこと */
}

h2.menu-no{
padding:0;/* 画像で指定する場合は、ここを0にすること */
margin:0px 15px 8px 20px;
font-family: "VL ゴシック","VL Gothic"
text-decoration:none;
font-size:14px;
float:left;
display:inline;
color:#666;
}


/* リンク関係 */
h3 a,h3 a:link,h3 a:active{
text-decoration:none;
display:inline;
color:#009;
background:none;
}

h3 a:visited{
text-decoration:none;
color:#009;
background:none;
}

h3 a:hover{
text-decoration:none;
color:#f33;
background:none;
}


.contents-inner{
padding:0;
margin:0 auto;
width:775px;
}

h1{
padding:0;
margin:0;
}

#header{
background-color:#000;
color:#fff;
text-align:center;
}

#header h1 a,a:link.head{
padding:0;
margin:0;
display:block;
width:100%;
height:1052px;
color:#333;
background:#000 url(../img/toppic.jpg) no-repeat top center;
}

#header h1 a:hover.head{
padding:0;
margin:0;
color:#333;
background:#000 url(../img/toppic.jpg) no-repeat top center;
}


#header .no-index{
padding:0;
margin:0;
width:100%;/* インデックス以外のページ・ヘッダーの幅 */
height:160px;/* インデックス以外のページ・ヘッダーの高さ */
color:#333333;
background:#000 url(http://pin-point.biz/13_jukuntr/img/header.jpg) no-repeat top center;
}

#main{
padding:0;
margin:0;
width:775px;/* インデックス以外のページ・ヘッダーの幅 */
height:100%;/* インデックス以外のページ・ヘッダーの高さ */
color:#333;
background:#fff;
}

#main p{
padding:0 25px;
margin:0;
width:725px;/* インデックス以外のページ・ヘッダーの幅 */
height:100%;/* インデックス以外のページ・ヘッダーの高さ */
text-align:left;
}

#main p.gallery{
padding:0 25px;
margin:0;
width:725px;/* インデックス以外のページ・ヘッダーの幅 */
height:100%;/* インデックス以外のページ・ヘッダーの高さ */
text-align:center;
}

#main p.chara{
padding:0;
margin:30px 10px;
width:750px;/* インデックス以外のページ・ヘッダーの幅 */
height:750px;/* インデックス以外のページ・ヘッダーの高さ */
text-align:left;
background:#fff url(http://pin-point.biz/13_jukuntr/img/chara_back.jpg) no-repeat top left;
}
#main p.chara2{
padding:0;
margin:30px 10px;
width:750px;/* インデックス以外のページ・ヘッダーの幅 */
height:484px;/* インデックス以外のページ・ヘッダーの高さ */
text-align:left;
background:#fff url(http://pin-point.biz/13_jukuntr/img/chara_back2.jpg) no-repeat top left;
}
#main p.chara3{
padding:0;
margin:30px 10px;
width:750px;/* インデックス以外のページ・ヘッダーの幅 */
height:484px;/* インデックス以外のページ・ヘッダーの高さ */
text-align:left;
background:#fff url(http://pin-point.biz/13_jukuntr/img/chara_back3.jpg) no-repeat top left;
}

a.wav,a:link.wav{
padding:2px 14px;
margin:0 2px;
font:100% bold;
color:#f33;
border:1px solid #666;
}

a:hover.wav{
padding:2px 14px;
margin:0 2px;
font:100% bold;
background:#333;
color:#ccc;
border:1px solid #666;
}

a.gal,a:link.gal{
padding:0;
margin:10px;
font:100% bold;
color:#f33;
border:0px;
}

a.spac,a:link.spac{
padding:0;
margin:0;
color:#333;
text-decoration:underline;
}
a:hover.spac{
padding:0;
margin:0;
color:#f00;
text-decoration:underline;
}

#cg{
padding:0;
margin:0 auto;
width:460px;/* インデックス以外のページ・ヘッダーの幅 */
height:100%;/* インデックス以外のページ・ヘッダーの高さ */
color:#333;
background:#fff url(http://pin-point.biz/13_jukuntr/img/cg_back.jpg) no-repeat top center;
}

a.cg,a:link.cg{
padding:0;
margin:0;
font:100% bold;
text-decoration:underline;
color:#333;
}

a:hover.cg{
padding:0;
margin:0;
font:100% bold;
text-decoration:none;
color:#f00;
}

a.sabun{
padding:4px 16px;
margin:0;
font:14px bold;
color:#333;
border:1px solid #333;
}

a:hover.sabun{
padding:4px 16px;
margin:0;
font:14px bold;
color:#fff;
border:1px solid #333;
background:#666;
}

img.no-mar{
padding:0;
margin:0;
border:0;
}

#main p.story{
padding:0 25px;
margin:0;
width:725px;/* インデックス以外のページ・ヘッダーの幅 */
height:550px;/* インデックス以外のページ・ヘッダーの高さ */
text-align:left;
background:#fff url(http://pin-point.biz/13_jukuntr/img/story_back.jpg) no-repeat bottom right;
}

#main span{
padding:0;
margin:0;
}

#main .left{
padding:0;
margin:0;
float:left;
width:250px;
height:550px;
}

#main .right{
padding:0;
margin:0;
float:right;
width:450px;
height:550px;
}



#footer{
padding:0;
margin:0;
width:100%;/* 全てのページ・フッターの幅 */
height:20px;/*全てのページ・フッターの高さ */
color:#333333;
background:#111;
text-align:center;
}

img{
padding:0;
margin:0;
border:0;
vertical-align: top;
}

.info{
margin:20px 20px 10px 20px;
padding:0 10px 10px 10px;
background:#ccc;
}

.info h3{
padding:0;
border-bottom:1px dotted #000;
display:inline;
}

.info p{
padding:0;
margin:0;
border-bottom:1px dotted #000;
}

/* メニューや各見出し用 */
h2.menu{
font-size:14px;
padding:0;
margin:0;
float:left;
display:inline;
text-decoration:none;
}

.menu_bar{
padding:0;
margin:0;
background:#000;
width:100%;
height:42px;
color:#666;
}