@charset "UTF-8";
/*-------------------------------
 common
-------------------------------*/
.color1 {color:#ff0000;} 
.color2 {color:#ff9900;} 
.color3 {color:#ffcc00;} 
.font1 {font-size:77%;}
.font2 {font-size:85%;}
.font3 {font-size:93%;}
.font4 {font-size:123.1%}
.font5 {font-size:138.5%}
.font6 {font-size:153.9%}
.font7 {font-size:167%}
a {color:#006699;}
a:hover {text-decoration:none}
#toTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-999px;background:url(/img/index/ui.totop.png) no-repeat left top;} 
#toTopHover {background:url(/img/index/ui.totop.png) no-repeat left top;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);} 
#toTop:active, #toTop:focus {outline:none;} 
/*-------------------------------
 contents
-------------------------------*/
p.event {padding-bottom:3em;}
p.event img {float:left;padding:0 2em 2em 0;max-width:500px;}
.table em {font-size:167%;font-weight:bold;}
.sub {margin:30px 0;padding:20px 40px 50px;line-height:1.6;background:#ffffff;-webkit-border-radius: 0.8em;-moz-border-radius: 0.8em;border-radius: 0.8em;}
.sub h2 {margin-bottom:1em;font-size:197%;font-weight:bold;line-height:1.6;border-bottom:1px solid #999999;}
.sub h2 + h3 {margin:-1.6em 0 2em;}
.imgSet {overflow:hidden;background:url(/img/index/imgSet.png) no-repeat;}
.ex1,.ex2,.ex3 {width:960px;font-size:123.1%;font-weight:bold;line-height:1.6;}
.ex1 {height:195px;background-position:0 -260px;}
.ex2 {margin-top:20px;height:225px;background-position:0 -455px;}
.ex3 {margin-top:20px;height:430px;background-position:0 -670px;}
.ex1 p {padding:100px 0 0 300px;}
.ex2 p {padding:90px 0 0;width:560px;}
.ex3 p {padding:200px 0 0 210px;width:500px;}
.DL h2,.ex1 h3,.ex2 h3,.ex3 h3,.ex3 h4,.bx-prev,.bx-next {overflow:hidden;height:0;}
.DL {float:right;margin-top:330px;width:620px;height:260px;background-position:0 0;border-bottom:1px solid #999999;}
.DL .note {padding:175px 0 0 95px;}
.DL .note h3 {font-size:167%;font-weight:bold;}
.DL .note p {padding-right:15px;}
.ie7 .DL .note p a {float:right;}
.slide {float:left;margin:20px 0 0 10px;width:287px;height:566px;background:url(/img/index/iPhone.png) no-repeat;}
.slide .bx-wrapper {overflow:hidden;margin:100px 0 0 23px;width:243px !important;height:372px;}
.index {background:url(/img/index/indexBg.jpg) center top no-repeat;}
.footerInner {margin:0 auto;padding:2em 0;width:960px;}
.news {float:left;width:630px;color:#cccccc;}
.news h4 {line-height:1.8em;border-bottom:1px solid #999999;}
.news dl {overflow:auto;padding:1em;height:280px;font-size:85%;}
.news dt,.news dd {padding-bottom:.6em;}
.news dt {float:left;width:70px;}
.news dd {overflow:auto;margin-left:80px;}
.FB {float:right;width:300px;height:260px;background:#fff;}
.footerInner ul {float:right;width:300px;padding-top:20px;}
.footerInner li {float:left;margin-right:1em;font-size:85%;color:#cccccc;}
.footerInner li a {color:#cccccc;}
.ie7 .footerInner li {margin-right:.5em}
header {z-index:99;
background: rgb(241,241,241);
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241,241,241,1)), color-stop(100%, rgba(255,255,255,1)));
 background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
 background: -o-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
 background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
 background: linear-gradient(to bottom, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff', GradientType=0 );
-moz-box-shadow:0 2px 3px rgba(000,000,000,0.5);
-webkit-box-shadow:0 2px 3px rgba(000,000,000,0.5);
box-shadow:0 2px 3px rgba(000,000,000,0.5);
}
.headerInner {padding:10px;min-width:940px;}
.headerInner h1 {float:left;margin:0;padding-top:45px;width:90px;}
.headerInner h1 a {overflow:hidden;display:block;margin-top:-45px;padding-top:45px;width:80px;height:0;background:url(/img/index/logo.png) no-repeat;}
.headerInner p.txt1 {float:left;margin-top:20px;padding-top:25px;width:300px;height:0;background-position:-620px 0;}
.headerInner .fb_iframe_widget {float:left;margin-top:20px;}
.headerInner .appLink {float:right;width:300px;}
.headerInner .appLink p {float:left;padding-top:50px;width:150px;height:0;background-position:-620px -40px;}
.headerInner .appLink a {float:right;width:146px;}
table { max-width: 100%; border-collapse: collapse; border-spacing: 0; background-color: transparent; }
.table { width: 100%; margin-bottom: 18px; }
.table th,
.table td { padding: 1em 2em;text-align: left; vertical-align: top; border-top: 1px solid #dddddd; }
.table th { font-weight: bold; }
.table thead th { vertical-align: bottom; }
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td { border-top: 0; }
.table tbody + tbody { border-top: 2px solid #dddddd; }
.table-condensed th,
.table-condensed td { padding: 4px 5px; }
.table-bordered { border: 1px solid #dddddd; border-left: 0; border-collapse: separate; *border-collapse: collapsed;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.table-bordered th,
.table-bordered td { border-left: 1px solid #dddddd; }
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td { border-top: 0; }
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; }
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; }
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; }
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child { -webkit-border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; }
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th { background-color: #f9f9f9; }
/*-------------------------------
 layout
-------------------------------*/
html {height:100%;}
body {height:100%;background:url(/img/index/containerBg.gif);}
* html .container{height:100%;}
.container {position:relative;margin:0 auto;width:100%;min-height:100%;}
body > .container {height:auto;}
header {position:relative;width:100%;}
footer {position:absolute;bottom:0;width:100%;min-height:400px;background:#000000;}
.contents {margin:0 auto;padding-bottom:420px;width:960px;}
/*-------------------------------
 reset
-------------------------------*/
body {font:13px/1.4 "ＭＳ ゴシック",sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
.ie9 .gradient {filter: none;}
.cf:before,
.cf:after {
 content:"";
 display:table;
}
 
.cf:after {
 clear:both;
}
 
.cf {
 zoom:1;
}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align:bottom }
/*
 * Correct overflow displayed oddly in IE9 
 */
svg:not(:root) {
 overflow: hidden;
}