<style type="text/css">
<!--
body{
font-size:10pt;
color:#000;
font-family:Verdana,Osaka,sans-serif;
background:#fff;
margin:0;
padding:0;
}

a:link{text-decoration:none;color:#68a9cf;}
a:visited{text-decoration:none;color:#68a9cf;}
a:hover{text-decoration:none;color:#666;}

strong{color:#7b5544f;background-color:#ffffcc;}
em{color:#7b5544f;background: linear-gradient(transparent 60%, #dbedff 0%);}

img{border:0;}

#all{
width:500px;
margin:0 auto;
padding:25px 0px;
text-align:center;
}

#main{
margin:20px 0 20px;
}
#menu{
font-size:10pt;
font-weight:normal;
text-align:center;
}
#menu li {
display: inline-block;
list-style-type: none;
margin-left:0px;
} 
#menu a  {
display: block;
width:66px;
color:#666;
background-color: #eee;
margin-left: -1px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
margin:0;
padding:10px 10px;
} 
#menu li a:hover{
color:#666;
background:#bbdbf3; /* 触れた時のメニュー背景色 */ 
}

h1{
font-size:15pt;
color:#666;
font-family:Century Gothic,Verdana,Osaka,sans-serif;
letter-spacing:2px;
margin:0 0 25px;
text-align:center;
}
.h1titel {
color:#68a9cf;
}

h2{
font-size:12pt;
color:#666;
overflow: hidden;
text-align: center;
clear:both;
}
h2 span {
position: relative;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
text-align: left;
}
h2 span::before,h2 span::after {
position: absolute;
top: 50%;
content: '';
width: 400%;
height: 1px;
background-color: #ccc;
}
h2 span::before {
right: 100%;
}
h2 span::after {
left: 100%;
}

.text{
font-size:9pt;
color:#666;
line-height:18px;
padding:5px 40px;
text-align:left;
}

textarea,input{
font-size:8pt;
color:#666;
border:1px solid #666;
background-color:#fff;
}

.box{
font-size:8pt;
overflow: auto;
width:80%;
height:34px;
color:#666;
border:1px solid #ccc;
background-color:#bbdbf3;
padding:2px;
text-align:left;
}

.footer{
font-size:8pt;
margin:25px 0 0;
padding:0;
text-align:center;
}

/*===============================================
 smart.css
===============================================*/
@media screen and (max-width:480px){

#all{
width:94%;
max-width:420px;
margin:0 auto;
padding:25px 0px;
text-align:center;
}

em{text-decoration:none;border-bottom:1px solid #33aaff;}

#main{
margin:20px 0 20px;
}

#menu{
font-size:9pt;
font-weight:normal;
text-align:center;
}
#menu li {
display: inline-block;
list-style-type: none;
padding:0 3px;
} 
#menu a  {
width:100%;
display: block;
color:#666;
background-color: #eee;
margin-left: -1px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
margin:0;
padding:3px;
} 
#menu li a:hover{
color:#666;
background:#bbdbf3; /* 触れた時のメニュー背景色 */ 
}

.text{
font-size:8pt;
color:#666;
line-height:18px;
padding:5px 5px;
text-align:left;
}
-->
</style>
