/* CSSリセット */
html,body,a,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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,command,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
h1,h2,h3,h4,h5,h6,pre,em,strong,address,caption,cite,code,dfn,table,th,td,textarea,input { font-style: normal; font-weight: normal; }
article,aside,dialog,figure,figcaption,footer,header,hgroup,nav,section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
html                { font-size: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
body                { margin: 0 auto; line-height: 1; -webkit-text-size-adjust: none; }
object,embed        { vertical-align: top; outline: 0; }
button              { cursor: pointer; }
img                 { line-height: 1; vertical-align: top; text-decoration: none; -ms-interpolation-mode: bicubic; }
input,button,select { vertical-align: middle; }
textarea            { overflow: auto; vertical-align: top; }
table               { border-collapse: collapse; border-spacing: 0; }
caption,th          { text-align: left; }
strong,em,.strong   { font-weight: bold; }
abbr,acronym        { border: none; font-variant: normal; }
a:hover, a:active   { outline: 0; }
section,
section header,
section footer,
article,
article header,
article footer      { position: relative; }
ul                  { list-style: none; }



/* .row-span */
.row-fluid { width: 100%; zoom: 1; }
.row-fluid:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 20px; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; box-sizing: border-box; }
.row-fluid [class*="span"]:first-child { margin-left: 0; }
.row-fluid .span12 { width: 100%; *width: 99.94680851063829%; }
.row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; }
.row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; }
.row-fluid .span9  { width: 74.46808510638297%; *width: 74.41489361702126%; }
.row-fluid .span8  { width: 65.95744680851064%; *width: 65.90425531914893%; }
.row-fluid .span7  { width: 57.44680851063829%; *width: 57.39361702127659%; }
.row-fluid .span6  { width: 48.93617021276595%; *width: 48.88297872340425%; }
.row-fluid .span5  { width: 40.42553191489362%; *width: 40.37234042553192%; }
.row-fluid .span4  { width: 31.914893617021278%;*width: 31.861702127659576%; }
.row-fluid .span3  { width: 23.404255319148934%;*width: 23.351063829787233%; }
.row-fluid .span2  { width: 14.893617021276595%;*width: 14.840425531914894%; }
.row-fluid .span1  { width: 6.382978723404255%; *width: 6.329787234042553%; }



/* misc */
.hidden { display: none; }
.text-center { text-align: center; }
.text-left   { text-align: left; }
.text-right  { text-align: right; }



/* .colorbox.videos */
body   { padding: 10px; background: url(../img/bg-videos.jpg); color: #555; font: 12px/1.5em '\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33', 'Hiragino Kaku Gothic Pro', Osaka, '\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF', 'Lucida Sans Unicode', Arial, helvetica, sans-serif; }
a              { color: #555; text-decoration: underline; }
a.youtube      { color: #00A8B5; text-decoration: none; }

h2     { margin-bottom: 20px; padding: 10px; background-color: #000; color: #fff; font-size: 14px; border-radius: 5px; }
ul     { margin-bottom: 10px; }
li     { display: inline-block; margin-right: 7px; *display: inline; zoom:1;}
li img { margin-bottom: 5px; }