@charset "utf-8";

@import url('./base.css');

body{
color:#333;
font:14px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
-webkit-text-size-adjust: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents{
width: 1000px;
margin: 0px auto;
padding: 0px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents h1.title_bar{
display:block;
margin: 0px auto;
width: 980px;
padding-top: 20px;
text-align: center;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents a:link{
color:#1C70E1;
text-decoration: underline;
}

#contents a:visited{
color:#1C70E1;
text-decoration: underline;
}

#contents a:hover{
color:#DB477E;
text-decoration: underline;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents h1.category{
width:930px;
margin:30px auto 5px auto;
background-color:rgba(255,229,229,1.00);
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
border-radius: 10px;
color:rgba(100,92,71,1.00);
font-weight:bold;
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
font-size:28px;
box-sizing: border-box;
}

#contents h2{
width:920px;
border-bottom: dotted rgba(171,159,146,0.8) 4px;
margin:40px auto 20px auto;
padding-left: 10px;
padding-bottom: 5px;
box-sizing: border-box;
font-size:32px;
color:rgba(255,135,137,1.00);
font-weight:bold;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
line-height: 20pt;
}


#contents h3{
width:910px;
border-bottom: dotted rgba(171,159,146,0.8) 2px;
margin:30px auto 10px auto;
padding-left: 10px;
box-sizing: border-box;
font-size:24px;
color:rgba(19,180,188,1.00);
font-weight:bold;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
line-height: 20pt;
}


#contents h4{
width:910px;
margin:0px auto 0px auto;
padding-left: 10px;
box-sizing: border-box;
font-size:22px;
color:rgba(136,199,53,1.00);
font-weight:bold;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
line-height: 20pt;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents p.main_text{
width:920px;
font-size:24px;
text-align: left;
margin:0px auto 20px auto;
color:#555125;
box-sizing: border-box;
}

#contents p{
width:890px;
font-size:19px;
text-align: left;
margin: 10px auto 0px auto;
color:#555125;
box-sizing: border-box;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents span.bold{
font-weight:bold;
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
}

#contents span.red_bold{
font-weight:bold;
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
color: rgba(204,0,0,1.00);
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents img.img800{
display: block;
width: 800px;
margin: 0px auto;
padding: 0px;
}

#contents img.img800_sp{
display: none;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents img.img_gamen{
display: block;
width:980px;
margin: 0px auto;
padding: 0px;
}

#contents img.img_gamen_sp{
display: none;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents ul{
width:850px;
padding: 0px;
margin:20px auto;
}

#contents ul li{
margin-bottom:5px;
font-size:19px;
color:#555125;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents ul.kome{
width:900px;
padding: 0px; 
margin:0px auto 30px auto;
}

#contents ul.kome li{
margin-bottom:5px;
list-style-type:none;
font-size:18px;
color:#555125;
}

#contents ul.kome li::before{
content: "※";
display: inline-block;
margin-right: 5px;
}

#contents ul.kome li span{
width:850px;
padding: 0px;
display: inline-block;
vertical-align: top;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents div.touroku_katsuyou{
width:800px;
padding: 0px;
margin:40px auto;
}

#contents div.touroku_katsuyou img{
display: block;
width: 800px;
border:solid rgba(183,166,133,1.00) 1px;
padding:0px;
}


#contents div.touroku_katsuyou span{
display: block;
width: 800px;
margin-top: 10px;
padding: 0px;
text-align: center;
font-size:19px;
}

#contents div.touroku_katsuyou img:hover{
opacity: 0.5;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents .toplink{
margin:30px 0;
text-align: right;
cursor:pointer;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents .toi_yellow{
padding:5px;
background-color: #fcf0ac;
text-align: center;
margin: 20px 0;
border-radius: 5px;
-moz-border-radius: 5px;
font-size:18px;
}