@charset "shift_jis";

/* 基本構造 */

BODY{
background-color:#fff;
line-height : 1.5;
background-image: url('bg_b.jpg');
background-repeat: repeat-y;
background-position: 700px top;
color : #000;
padding:0px;
margin:0px;
}
HR{
height : 1px;
color : #000;
border-style: dotted;
clear:both;
}
TEXTAREA{
padding:2px;
border-width:1px;
border-style:solid;
border-color:#000;
font-size:80%;
}
INPUT{
padding:1px;
border-width:1px;
border-style:solid;
border-color:#000;
}
SELECT{
padding:1px;
border-width:1px;
border-style:solid;
border-color:#000;
}
.warning{
color : #c00;
}
.menu2{
clear:both;
}
.hide{
position: absolute;
left: 0;
top: 0;
overflow: hidden;
width: 0;
height: 0;
font-size: 0;
color: #fff;
background: #fff;
}
.mobile{
display: none;
}
.flame{
background-color:#fff;
width:600px;
max-width : 94%;
margin: 0px;
padding:0px 50px 50px 50px;
text-align:justify;
}
.center{
text-align:center;
}
.title{
float:left;
margin-right : 15px;
margin-top : 3px;
}
H1{
margin-top : 1.5em;
font-size : 300%;
line-height : 1.1;
font-family : 'ＭＳ Ｐ明朝','細明朝体',serif;
letter-spacing : -2px;
}
H2{
font-size : 100%;
margin-top : 4em;
border-bottom: 1px solid #bbb;
}
H2#t1{
padding-top : 1.5em;
}
H2:first-letter {
color : #8020dc }
H2.comic:first-letter {
color : #1caca6 ;
}
H2.other:first-letter {
color : #f39c33 ;
}
H3{
font-size : 100%;
margin-bottom : 0px;
}
ADDRESS{
font-size:83.3%;
line-height : 1.4;
font-style : normal;
width:600px;
text-align:justify;
padding-bottom : 50px;
}
.back{
text-align:right;
}
.credit {
line-height : 1.3;
font-size:83.3%;
padding:7px;
margin-top:70px;
}
.credit2 {
width:480px;
height:6em;
border-width:0px;
padding:0px;
margin:0px;
font-family : 'ＭＳ Ｐゴシック';
line-height : 1.2;
font-size:100%;
}
.keyword{
color:#fff;
font-size : 80%;
}
.moblink{
display:block;
text-align:right;
font-size : 90%;
}
dt {
font-size : 110%;
border-bottom: 1px dotted #000;
line-height: 1.2;
padding:2px;
margin-top : 15px;
}
dd { padding:5px; }
dd ul,dd ol {margin: 0;}
dd li {margin-left: 1.5em;}
dd p {margin: 0 0 1em 0;}
ul.menu {
background-color:#fff;
margin: 0px 50px;
list-style-type: none;
padding:50px 0 7px;
width:600px;
text-align:justify;
clear:both;
}
ul.indexmenu {
margin: 0px 0px 0.5em;
list-style-type: none;
padding:0px;
}
ul.menu li,ul.indexmenu li {
display: inline;
margin-right: 0.5em;
padding-right: 0.5em;
border-right: 1px solid;
text-align:justify;
}
ul.menu li.last,ul.indexmenu li.last {
border-right: 0px solid;
}
ul.linkmenu {
margin: 0px;
list-style-type: none;
padding:4em 0 1em;
clear:both;
}
ul.uppermenu{
position:absolute;
top:0px;
left:0px;
}
div.uppermenu{padding-top:5em; }
/* position配置がうまくいかないのでIE6までのハック */
* html div.uppermenu {padding-top:9.5em;}
/* IE7.0向けハック */
*:first-child+html div.uppermenu {padding-top:9.5em;}
* html .hide_mob{
display:none;
}

a.n_title{ 
font-weight : bold;
}
a:link	{color:#04a;}
a:visited {color:#026;}
a:hover,a:active {color:#800;}

/* カスタマイズ（銀縁） */

TD{
font-size : 83.3%;
line-height:1.4;
}
ADDRESS{
margin: 1em 50px;
}
table{
margin-bottom: 1em;
}
.glt-elm{
position: absolute;
left: 0;
top: 0;
width: 150px;
color: #fff;
opacity: 0.9;
visibility: hidden;
}
.glt-elm p{
background: #666;
margin: 0;
padding:0 1em;
font-size:75%;
text-align:justify;
}
.glt-elm img{
display: block;
}
.glt-elm{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}	
.cursor{
cursor: help;
}

textarea{
scrollbar-base-color:#ddc;
scrollbar-highlight-color:#ddc;
scrollbar-shadow-color:#ddc;
}
textarea,input,select,.credit{
background-color:#ddc;
}
textarea:focus,input:focus,select:focus{
background-color:#eed;
}

/* カスタマイズ（立体） */
body.r18{
background-image: url('bg_b2.gif');
}
body.i_red{
background-image: url('bg_b3.gif');
}


body.r18 td{
font-size : 91.6%;
line-height:1.4;
}
body.r18 textarea{
scrollbar-base-color:#eee;
scrollbar-highlight-color:#eee;
scrollbar-shadow-color:#eee;
}
body.r18 textarea,body.r18 input,body.r18 select{
background-color:#efefef;
}
body.r18 textarea:focus,body.r18 input:focus,body.r18 select:focus{
background-color:#f9f9f9;
}
body.r18 .credit,body.r18 textarea.credit2 {
background-color:#eee;
}
body.r18 .credit2 {
border-color:#eee;
}

/* 印刷用 */

@media print{
BODY {
background:#fff;
color : #000;
line-break: strict;
font-family : 'ＭＳ Ｐ明朝','細明朝体',serif;
letter-spacing: -1px;
margin:0 5%;
}
div{
width:auto;
}
.flame{
font-size:10pt;
width:90%;
}
H2{
margin-top : 2em;
}
HR {
color : #000;
}

img{
display:none;
}
.must,.mobile{
display:inline !important;
}

.menu {
display:none;
}
.fontbutton {
display:none;
}
.hide{
display: block;
}
.credit {
font-size:10pt;
background-color:#fff;
margin-top:1em;
}
INPUT{
display: none;
}
}


/* iPhone用 */


@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 1) {
 /*iPhone 3G/3GS向けCSS*/
body{
margin:0;
font-size:180% !important;
-webkit-text-size-adjust: 150%;
font-family:sans-serif;
background-image:none !important;
}
.flame .menu, address{
width:980px;
max-width:980px;
margin:0;
padding:0px 50px 50px;
}
H1 {
font-size : 180%;
}

}
@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) {
 /*iPhone 4向けCSS*/
body{
margin:0;
font-size:180% !important;
-webkit-text-size-adjust: 150%;
font-family:sans-serif;
background-image:none !important;
}
.flame, .menu, address{
width:980px;
max-width:980px;
margin:0;
padding:0px 50px 50px;
}
H1 {
font-size : 180%;
}
}