*{ font-family: 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', HiraKakuPro-W3, Osaka, verdana, arial, sans-serif; }
form { margin: 0px auto; line-height: 1.4; border-color: gray; }
table { border-collapse: collapse; margin : auto auto; empty-cells: show; font-size:small; }
img { border: none; }
iframe { border-color: silver; }
.jumptotop { text-align: right; font-size: 12px; margin: 1em auto; color: silver; }
a { -webkit-tap-highlight-color: rgba(00,33,99,0.60); }
body { margin: 0px auto; padding: 0px; text-align: center; font-size: 19px; font-style: normal; background-color: black; -webkit-text-size-adjust :none; -moz-text-size-adjust :none}
ul, ol { margin: 1em 0 1em 0; padding-left: 40px; }
li { margin: 0; }

.container { width: 320px; text-align: center; margin: 0px auto; padding: 0px; background-color: #607d8c; }

h1 { text-align: left; font-weight: normal; color: silver; font-size: 12px; border: none; margin: 0px; padding: 1px; }

.content { min-height: 435px; background-image: url('images/iPhone-gbg.jpg'); background-repeat : no-repeat; background-position : center top; margin: 0; padding: 0; border: solid 1px #607d8c; }
.content .main-index { height: 245px;  }
.content .main-text { text-align: left; width: 270px; margin: 80px auto 13px auto; padding: 12px; border: none; background-color: #fbfbf7; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-size: 12px; filter: Alpha(opacity=9); opacity: 0.9; line-height: 1.2; background-image: url('images/text-bg.jpg'); background-repeat : no-repeat; background-position : center top; }

.content .main-text2 { color: white; text-align: left; width: 270px; margin: 80px auto 13px auto; padding: 10px; border: none; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; font-size: 12px; line-height: 2.1; background-image: url('images/introback.jpg'); background-repeat : no-repeat; background-position : center top; }
.content .main-text2 pre { margin: 1em; }
.content .main-text p { color: #1a0f0f; line-height: 1.4; -webkit-text-size-adjust:auto; }

.content .main-text2 h2 { display: none; }
.content .sw-off { display: none; font-size: 12px; }
.content .main-text h2 { display: block; margin-top: .5em; padding-left: 5px; font-size: 16px; border-bottom: dotted 1px silver; }
.content .main-text .content { background: none; border: none; }
.content .main-text .date { color: gray; }
.content .main-text ul,ol { margin: 1em 0 1em 0; padding-left: 40px; list-style-image: url('images/orangedot.gif');}
.content .main-text li { line-height: 1.4; }
.content .main-text li img { vertical-align: middle; }
.content .main-text .right .profile table h3 { font-size: 12px; }
.content .main-text .right .profile table li { font-size: 12px; margin-bottom: 2px !important; }
.content .main-text .right .profile table li { font-size: 12px; margin-bottom: 2px !important; }
.content .main-text .fig { margin: 2em auto; text-align: center; }
.content .signature { margin: 2em auto; text-align: right; }
.content .notice { text-align: right; font-size: 9px; color: gray; }

.badge { text-align: right; margin-top: 170px; float: right; }

.content .navi { width:304px; margin: 13px 8px; padding: 0; border: solid 1px #b8b7b3; background-color: white; list-style: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size: 16px; filter: Alpha(opacity=70); opacity: 0.7; background-image: url('images/navi-bg1.png'); -webkit-box-shadow: 2px 2px 2px gray;  -moz-box-shadow: 2px 2px 2px gray; box-shadow: 2px 2px 2px gray; }
.content .navi li { margin: 0; padding: 2px; padding-left: 100px; height: 20px; border-bottom: solid 1px silver; vertical-align: middle; text-align: left; background-repeat : no-repeat; background-position : left center; }

.content .navi li.x1 { background-image: url('images/x1.png'); }
.content .navi li.x2 { background-image: url('images/x2.png'); }
.content .navi li.x3 { background-image: url('images/x3.png'); }
.content .navi li.x4 { background-image: url('images/x4.png'); }
.content .navi li.x5 { background-image: url('images/x5.png'); }
.content .navi li.x6 { background-image: url('images/x7.png'); }
.content .navi li.x7 { background-image: url('images/x8.png'); }
.content .navi li.last { border-bottom: none; background-image: url('images/x6.png');}

.footer { font-size: 9px; color: silver; margin: 0px; padding: 1em .5em; text-align: center; background-color: #607d8c; }
.footer strong { font-weight: normal; }
.footer a { color: silver; }
.footer a:active { color: silver; }
.footer a:link { color: silver; text-decoration: none; }
.footer a:visited { color: silver; text-decoration: none; }
.footer a:hover { color: silver; text-decoration: none; }

.footer .addclips { margin: .5em auto; }
.footer .addclips img { border: none; vertical-align: middle; }
.sitename,.mailaddress { font-size: 9px; font-family: verdana, arial, sans-serif; }

.footer .shoplist { padding: 0; text-align: center; margin: 0 auto; color: silver; font-weight: normal; font-size: 11px; list-style: none;  font-size: 9px; }
.footer .shoplist li { display: inline; list-style: none; }
.footer .shoplist li img { vertical-align: middle; border: none; margin: 3px; }

.footer .link { font-size: 9px; text-align: center; margin: .5em auto; color: silver; }
.footer .link ul { margin: 0; padding: 0; color: silver; font-weight: normal; font-size: 9px; list-style-type: none; }
.footer .link ul li { display: inline; list-style-type: none; font-size: 9px; vertical-align: middle; color: silver; }
.footer .notice { font-size: 9px; }
.footer address { text-decoration: none; font-style: normal; color: silver; font-weight: normal; font-size: 9px; }

#forwebkit .mes { width: 300px; margin: 8px auto; text-align: center; background-color: white; padding: 1px; font-size: 9px; color: gray;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#forwebkit .mes img { vertical-align: middle; }

.gas { margin: 0; margin-left: -4px; padding: 0; text-align: left; }

.fixclear { clear: both; height: 0px; padding-top: 0px; padding-bottom: 0px; margin-top:0px; margin-bottom: 0px; visibility: hidden; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }