@charset "utf-8";
/*
information
file name  :  general.css
style info :  全体で使用するスタイル
*/

/* general.css */
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, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-size:100%; font-style:normal; vertical-align:baseline; background:transparent}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
i, em{font-style:normal}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent}
table{border-collapse:collapse; border-spacing:0}
hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0}
input, select{vertical-align:middle}
img{vertical-align:bottom}
body, input, select, textarea, pre{font-family:Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
body{height:100%; color:#464646; background-color:#fff; font-size:12px; line-height:1.5; text-align:center; -webkit-text-size-adjust:auto}
a{color:#333; text-decoration:none; outline:none; transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.1s ease-in-out 0s; transition-property:border-color,background-color,color,opacity; -webkit-transition-property:border-color,background-color,color,opacity}
a:hover{color:#999}
a img:hover, nivo-directionNav a:hover{opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6}
a img.btn:hover, a #logo:hover{opacity:1; filter:alpha(opacity=100); -moz-opacity:1}

/*clearfix*/
.cf:after{display:block; clear:both; height:0; content:''}
.cf{zoom:1}

/*head*/
header{position:relative; margin:10px auto 0; width:100%}
.headInner{position:relative; margin:0 auto; width:950px; text-align:right}
#logo{position:absolute; top:0; left:0; z-index:3}
.headInner h1{text-align:right; font-size:12px}
.headInner ul{float:right; overflow:hidden; margin:10px 0; width:436px}
.headInner ul li{float:left; margin:0 0 0 15px; width:102px}
.headInner ul li.firstChild{margin:0; width:202px}
.navi{clear:both; padding:15px 0 0; width:100%; border-top:solid 1px #F75479; border-bottom:solid 1px #F75479}
ul.naviBody{margin:0 auto; width:950px}
ul.naviBody li{position:relative; float:left; width:145px; height:54px}
ul.naviBody li.firstChild{margin-left:220px}
ul.naviBody ul li.firstChild{margin-left:0}
ul.naviBody li ul{position:absolute; top:55px; left:-1px; z-index:200; display:none; padding:5px; background:#fff; -webkit-box-shadow:0px 0px 3px #ccc; -moz-box-shadow:0px 0px 3px #ccc; box-shadow:0px 0px 3px #ccc}
ul.naviBody li ul li{margin:0; padding:5px; width:200px; height:auto; text-align:left}
.naviBody li ul li a{display:block; padding:0 0 0 10px; background:url(/img/common/spriteIcon.png) 0 4px no-repeat}
.naviBody li ul li a:hover{color:#F75379}

/*inner*/
.inner, .footInner{margin:0 auto; width:950px}
.contact{margin:0 0 20px; padding:10px; background:url(/img/common/bgStr.gif) left top}
.contact div{position:relative; padding:38px 0 0; min-height:150px; background:#FFF}
.contact div p{
text-align:center}
.contact div .catch{position:absolute; top:-25px; left:32%}
.contact ul{overflow:hidden; margin:0 auto; padding:15px 0; width:570px}
.contact ul li{float:left; margin:0 14px 0 0; width:180px; background:none; padding:0; text-align:center}
.contact ul li.lastChild{float:right; margin:0}
.contact ul li img{margin:0 0 10px}

/*right*/
.right{float:right; width:280px}
#accessMap{margin:0 0 20px; width:280px; height:280px}
.pushCourse{position:relative; margin:0 0 20px; padding:5px; background:url(/img/common/bgBlue.gif) left top}
.pushCourse div:after, .pushCourse:after{position:absolute; top:0; right:0; display:block; width:35px; height:35px; background:url(/img/common/pushCourseTop.png) left top no-repeat; content:""}
.pushCourse:after{top:auto; bottom:0; left:0; background:url(/img/common/pushCourseBtm.png) left top no-repeat}
.pushCourse div{background:#FFF}
.pushCourse h4{border-bottom:solid 1px #B8E0F8}
.pushCourse img{margin:15px auto}
.pushCourse dl{padding:15px; text-align:left}
.pushCourse dl dt{padding:0 0 0 15px; background:url(/img/common/spriteIcon.png) 0 -763px no-repeat}
.pushCourse dl dt a{color:#F75379; text-decoration:none; font-weight:700}
.pushCourse dl dt a:hover{color:#333}
.pushCourse dl dd{margin:0 0 10px}
.bnr{margin:0 0 20px}
.menu{margin:0 0 20px; padding:15px 0 20px; border:solid 1px #CCC; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align:left}
.menu img{margin:0 15px 0}
.menu dl dt{margin:15px 0 10px; padding:5px 20px; width:100%; background:url(/img/common/bgStrPink.gif) left top; color:#FFF; font-weight:700}
*+html .menu dl dt{/*ie7*/width:238px}
.menu dl dd{margin:0 10px 5px 20px; padding:0 0 0 10px; background:url(/img/common/spriteIcon.png) 0 4px no-repeat}
.facebook{margin:0 0 20px; border:1px solid #CCC}
.explanation{overflow:hidden; text-align:left; margin:0 0 20px}
.explanation img{float:left}
.explanation p{margin:0 0 10px; width:380px; float:right}

/*foot*/
footer{clear:both; margin:20px 0 0; padding:20px 0 0; background:#FFECF0}
.footerLeft{float:left; padding:0 0 20px; width:340px; text-align:left}
.footerLeft .img{margin:0 0 15px; border:solid 5px #FFF}
.footerLeft h5{color:#F75479; font-size:12px}
footer dl{float:left; overflow:hidden; padding:0 0 20px; width:600px; text-align:left}
footer dl dt{margin:0 0 15px; width:100%}
footer dl dd{float:left; width:300px}
footer dl dd a{display:block; margin:5px 10px 0 0; padding:0 0 0 10px; background:url(/img/common/spriteIcon.png) 0 4px no-repeat}
.copy{clear:both; padding:10px 0; background:url(/img/common/bgStrPink.gif) left top; color:#FFF}
.backtotop{position:fixed; right:65px; bottom:40px; z-index:9000; display:none}