@charset "utf-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body {line-height:1.8}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {display:block}
ul, ol {list-style:none}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help}
table {border-collapse:collapse;border-spacing:0}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input, select {vertical-align:middle}

/*========================================

BASIC

=======================================*/
html{-webkit-text-size-adjust:100%}
body{color:#323232; font-size:19px;font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;background:#f7f7f7; line-height:1.4;}

/* COMMON STYLE
=======================================*/
a{color:#CC0033;text-decoration:none;}
a:hover{color:#CC0033; text-decoration:underline;}

section{margin:0;}
.Hv a {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
.Hv a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:0.5;}

.red, .fc-red {color:#FF0000;}
#main .Note {color:#eb5f64;}
.ta-c {text-align:center;}
.ta-r {text-align:right;}

/* respons view */
.spView{display:none;}


/* other */
.clearfix:after{content: "."; display: block; height: 0; font-size:0;	clear: both; visibility:hidden}
.clearfix{display: inline-block;} 
* html .clearfix{height: 1%;}
.clearfix{display:block;}




/* COMMON
=======================================*/
/* #wrapper */
#wrapper{width:100%;margin: 0 auto;}

#contents { width:900px; margin:80px auto;}
h1 {text-align:center; margin-bottom:50px;}
.border {text-align:center; margin:0 auto; width:100px;}

.menu{ width:100%; text-align:center; padding-bottom:10px;}
.archive{cursor:pointer; padding-bottom:6px; padding-top:6px;}
.subMenu li{ text-align:center; color:#666666;}

.menu2{ width:100%; text-align:center; height:60px;}
.archive{cursor:pointer; padding-bottom:6px;}
.subMenu li{ text-align:center; color:#999999;}

/* #footer */
#footer{padding:0 0 20px; color:#999999;}
#footer .inline{width:900px;margin:0 auto; text-align:center; font-size:12px;}


@media screen and (max-width: 727px) { /* SmartPhone Display - width:727px under - */
/*========================================

BASIC

=======================================*/
/* common style */
img{width:100%;height:auto;}


/* responsd View*/
.pcView{display:none;}
.spView{display:inline;}


/* COMMON
=======================================*/
/* #wrapper */
#wrapper{width:100%;margin: 0 auto;}

#contents { width:100%; margin:80px auto; font-size:16px;}
h1 {text-align:center; margin:0 auto 50px; width:70%;}
.border { width:30px; height:60px;}

.menu{ width:100%; text-align:center;}
.archive{cursor:pointer; padding-bottom:6px; padding-top:6px;}
.subMenu li{ text-align:center; color:#666666;}

.menu2{ width:100%; text-align:center; height:50px;}
.archive{cursor:pointer; padding-bottom:6px;}
.subMenu li{ text-align:center; color:#999999;}

/* #footer */
#footer{padding:0 0 20px; color:#999999;}
#footer .inline{width:100%;margin:0 auto; text-align:center; font-size:12px;}

/*-------------------- max-width:640px --------------------*/}