/*Design by DREW*/
body{
 margin:0;
 padding:0;
 outline:0 none;
 font-family: Verdana, "?l?r ?o?S?V?b?N", sans-serif;
 text-align:center;
 font-size:8pt;
 line-height:1.8;
     background: url('画像URL') top / 100% no-repeat fixed #4d7961;
    
}
em{
    color:#670018;
    font-weight: bold;
}

img{
 border:0;
}

br{
 letter-spacing:0;
}

ul{ list-style: none;
    margin-left:-1em;
}
ul li {
	position: relative;
}
ul li::after {
    text-indent:-1.0em;

	display: block;
	content: '';
	position: absolute;
	top: .65em;
	left: -1em;
	width: 8px;
	height: 1px;
	background-color: #666;
}




#footer h2{
 margin:0 0 10px;
 padding:2px 2px 2px 5px;
 font-family: 'Unica One', cursive;
 font-size:10pt;
 font-weight:normal;
 color: #ffffff;
 background:#C41A41;
}

   /* h1は各表示領域にて設定 */

h2{
 margin:0 0 10px;
 padding:5px 5px 5px 10px;
 font-family: 'Unica One', cursive;
 font-size:12pt;
 font-weight:normal;
 color: #ffffff;
 background:#000000;
 line-height:100%;
}

h3{
 margin:10px 0 2px;
 padding:0 0 0 10px;
 font-size:8pt;
 font-weight:bold;
 color: #C41A41;
 background:#dddcd6;

}

#header a,#footer a,#contents a,#mail a{
 color:#82b8b5;
 text-decoration:none;
 border-bottom:1px dotted #ffae93;
}

#header a,#footer a,#contents a,#mail a{
 position:relative;
 left:1px;
 top:1px;
}

.index{
 text-align:center;
}

.banner{
 display:block;
 width:200px;
 height:40px;
 margin:10px 0;
 font-size:0;
 line-height:0;
}

/********************
	jQuery用
********************/

a.back-top{
	background-color: #C41A41;
	border-radius: 0.5rem;
	bottom: 8%;
	color: #fff;
	display: none;
	font-size: 9pt;
	height: 2rem;
	line-height: 2rem;
	position: fixed;
	right: 6%;
	text-align: center;
	text-decoration: none;
	width: 3rem;
	 font-family: 'Unica One', cursive;
}

a.back-top:hover{
	opacity:0.5;
}



@media screen and (max-width:639px) {
   /* 表示領域が480px以下の場合に適用するスタイル・ここから */
h1{
font-weight : normal;
 margin:5px 5px 5px 25px;
 padding:25px 5px 25px 5px;
 font-size:30px;
font-family: 'Unica One', cursive;
 line-height:0;
}
    
 #header{
 position:relative;
 overflow:hidden;
  zoom:1;
 font-family: 'Unica One', cursive;
 text-align:right;
 width:320px;
 margin:0 auto;
 }
  #header p {
 letter-spacing:0;
margin:	0;
padding: 0;
}
 
 #footer{
 position:relative;
 overflow:hidden;
  zoom:1;
 font-family: 'Unica One', cursive;
 text-align:right;
 width:320px;
 margin: 0 auto;
 }
  
#contents{
 position:relative;
 overflow:hidden;
 zoom:1;
 width:320px;
 margin:0 auto;

}

#contents div{
 display:inline;
 float:left;
 width:300px;
 margin:5px 5px 5px 5px;
 text-align:left;
}
form{
 margin:0 0 25px;
 padding:0;
}

textarea{
 display:block;
 width:298px;
 height:40px;
 margin:0 0 5px auto;
 padding:0;
 border:1px solid #ccc;
 background:#fff;
 font-size:9pt;
}

input{
 display:block;
 width:298px;
 height:21px;
margin-left: auto;
 padding:0;
 border:1px solid #ccc;
 background:#fff;
 font-size:8pt;
}

form span{
 display:block;
 text-align:right;
}

#footer textarea{
 display:block;
 width:318px;
 height:40px;
 margin:0 0 5px auto;
 padding:0;
 border:1px solid #ccc;
 background:#fff;
 font-size:9pt;
}

#footer input{
 display:block;
 width:318px;
 height:21px;
margin-left: auto;
 padding:0;
 border:1px solid #ccc;
 background:#fff;
 font-size:8pt;
}
   

.only961{
 display:none;
}
.topmail{
 display:block;
}
}
   /* 表示領域が480px以下の場合に適用するスタイル・ここまで */



@media screen and (min-width:640px){
   /* 表示領域が640px以上の場合に適用するスタイル・ここから */

h1{
font-weight : normal;
 margin:5px 5px 5px 25px;
 padding:25px 5px 25px 5px;
 font-size:40px;
font-family: 'Unica One', cursive;
 line-height:0;
}
    
#header{
 position:relative;
 overflow:hidden;
  zoom:1;
 font-family: 'Unica One', cursive;
 text-align:right;
 width:640px;
 margin:0 auto;
 }
  #header p {
 letter-spacing:0;
margin:	0;
padding: 0;
}
 
 #footer{
 position:relative;
 overflow:hidden;
  zoom:1;
 font-family: 'Unica One', cursive;
 text-align:right;
 width:640px;
 margin:0 auto;
 }
 
#contents{
 position:relative;
 overflow:hidden;
 zoom:1;
 width:640px;
 margin:0 auto;

}

#contents div{
 display:inline;
 float:left;
 width:300px;
 margin:5px 5px 5px 10px;
 text-align:left;
}

#footer textarea{
 display:block;
 width:638px;
 height:40px;
 margin:0 0 5px auto;
 padding:0;
 border:1px solid #ccc;
 background:#fff;
 font-size:9pt;
 text-align:center;
}

#footer input{
 display:block;
 width:638px;
 height:21px;
margin-left: auto;
 padding:0;
 border:1px solid #ccc;
 background:#fff;
 font-size:8pt;
  text-align:center;

}

   /* フォーム関連・ここから */
form{
 margin:0 0 25px;
 padding:0;
}

textarea{
 display:block;
 width:298px;
 height:40px;
 margin:0 0 5px auto;
 padding:0;
 border:1px solid #ccc;
 background:#fff;
 font-size:9pt;
}

input{
 display:block;
 width:298px;
 height:21px;
margin-left: auto;
 padding:0;
 border:1px solid #ccc;
 background:#fff;
 font-size:8pt;
}

form span{
 display:block;
 text-align:right;
}
   /* フォーム関連・ここまで */

.only961{
 display:none;
}
.topmail{
 display:block;
}
}   
   /* 表示領域が481px以上の場合に適用するスタイル・ここまで */





@media screen and (min-width: 961px) {
   /* 表示領域が961px以上の場合に適用するスタイル・ここから */

h1{
font-weight : normal;
 margin:5px 5px 5px 25px;
 padding:25px 5px 25px 5px;
 font-size:40px;
font-family: 'Unica One', cursive;
 line-height:0;
}
    
    #header{
 position:relative;
 overflow:hidden;
  zoom:1;
 font-family: 'Unica One', cursive;
 text-align:right;
 width:950px;
 margin:0 auto;
 }
 
 #header p {
 letter-spacing:0;
margin:	0;
padding: 0;
}
 
 #footer{
 position:relative;
 overflow:hidden;
  zoom:1;
 font-family: 'Unica One', cursive;
 text-align:right;
 width:950px;
 margin:0 auto;
 }
 
#contents{
 position:relative;
 overflow:hidden;
 zoom:1;
 width:960px;
 margin:0 auto;

}

#contents div{
 display:inline;
 float:left;
 width:300px;
 margin:5px 5px 5px 15px;
 text-align:left;
}



   /* メルフォ関連・ここから */
.mail{
 position:relative;
 overflow:hidden;
 zoom:1;
 width:601px;
 margin:0 auto;

}

.mail div{
 display:inline;
 width:600px;
 margin:5px;
 text-align:center;
}
   
 .mail textarea{
 display:block;
 width:599px;
 height:120px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border:1px solid #ccc;
 background:#fff;
 font-size:9pt;
}

 .mail input{
 display:block;
 width:599px;
 height:21px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border:1px solid #ccc;
 background:#fff;
 font-size:8pt;
}
   /* メルフォ関連・ここまで */

   /* フォーム関連・ここから */
form{
 margin:0 0 25px;
 padding:0;
}

textarea{
 display:block;
 width:300px;
 height:40px;
 margin:0 0 5px auto;
 padding:0;
 border:1px solid #ccc;
 background:#fff;
 font-size:9pt;
}

input{
 display:block;
 width:299px;
 height:21px;
margin-left: auto;
 padding:0;
 border:1px solid #ccc;
 background:#fff;
 font-size:8pt;
}

form span{
 display:block;
 text-align:right;
}
   /* フォーム関連・ここまで */


.only961{
 display:inline;
}
.topmail{
 display:none;
}
}
   /* 表示領域が960px以上の場合に適用するスタイル・ここまで */