/* --------------------------------------------------------------------- */
/* RESET  */
/* --------------------------------------------------------------------- */
html{ overflow-y:scroll; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
li{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
q:before,q:after{ content:''; }
abbr,acronym { border:0; font-variant:normal; }
/* to preserve line-height and selector appearance */
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit; font-size:inherit; font-weight:inherit; }
/*to enable resizing for IE*/
input,textarea,select{ *font-size:100%; }
/*because legend doesn't inherit in IE */
legend{ color:#000; }
del,ins{ text-decoration:none; }
a{ outline:none; }


body { background:#D0DAD4; margin:0; padding:0; font-size:12px; color:#333; line-height:1.8;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.clear{ clear:both; height:0; line-height:0; }

/* INDEX */
#how2{ background:url(../img/slide_bg_on.png); width:100%; height:100%; position:absolute; top:0; left:0; z-index:10000; }
#how2 img{ position:absolute; top:50%; left:50%; margin:-129px 0 0 -389px; }

h1{ width:1000px; margin:50px 0 0 50px; font-size:120px; color:#FFF; line-height:1; font-family:"Crimson Text", sans-serif; letter-spacing:0.05em; display:block; }
h3.conteTitle{ margin:0 0 20px 0; font-size:60px; color:#FFF; line-height:1; font-family:"Crimson Text", sans-serif; letter-spacing:0.05em; display:block; }
#mail{ position:absolute; top:40px; left:900px; }

/* LINK */
a { color: #555; font-size: 14px; text-decoration: none; line-height:1; display:inline-block; }
a:hover { text-decoration: underline; }

/* TEXT DECOLATION */
::selection { background:#E8ED6A; }
::-moz-selection { background:#E8ED6A; }

/* RADIUS */
.r5{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; behavior:url(common/css/PIE.htc); }

/* SLIDE CONTENT SETTING*/
#slideWrap{ position:absolute; top:0px; left:0px; }
#slideReset{ background-color:#06C; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:10; cursor:pointer; display:block; opacity:0; }
#slideContent{ background:url(../img/slide_bg.png); position:fixed; z-index:11; color:#FFF; }
#slideContentBox{ margin:50px; padding:0 20px 0 0; overflow-Y:auto; } /* ←幅・高さはjQueryで取得設定 .containerの幅 .dragger_containerの高さも要設定  */
#close{ margin:0 0 0 50px; position:absolute; bottom:0px; text-align:center; font-size:30xp; font-weight:bold; line-height:1; color:#FFF; display:block; cursor:pointer; line-height:50px; }

/* GLOVAL MENU PART */
#gMenu { width:1000px; margin:50px 0 0 50px; font-weight:bold; }
#gMenu ul { margin:0; padding:0; list-style:none; }
#gMenu li { margin:0 20px 0 0; padding:0; float:left; }
#gMenu li a{ padding:10px; background:#CC6; display:inline-block; color:#FFF; text-decoration:none; font-size:11px; line-height:1; border-bottom:1px solid #D9E1DD; }
#gMenu li a:hover{ background:#E6E17D; }

/* VGRID PART */
#gContent { height:0; margin:20px 0 0 50px; clear:both; }
#gContent div { background:#F7F7F7; width:200px; color:#555; margin:0 20px 20px 0; padding:10px; position:relative; }
#gContent div iframe{ z-index:10; position:relative; }
#gContent div:hover { background:#F5F5F5; }
#gContent div h2 { margin:10px 0 0 0; padding:0; }
#gContent div h2 a { background:none; margin:0; padding:0; line-height:1.2; font-weight:bold; font-size:14px; color:#333; }
#gContent div h2 a:hover{ background:none; color:#CC6; }
#gContent div p { margin:0; padding:0; }
#gContent div p.day{ font-size:10px; margin:0; padding:0; font-weight:bold; line-height:30px; }
#gContent div p.sch{ font-size:10px; margin:10px 0; padding:0; font-weight:bold; line-height:1.4; }
#gContent div a{ background:#E8ED6A; padding:2px 3px; text-decoration:none; display:inline-block; font-size:12px; font-weight:bold; }
#gContent div a:hover{ text-decoration:underline; }
#gContent div div.icon{ width:auto; color:#FFF; margin:0; padding:0 5px; line-height:1; position:absolute; top:0px; right:10px; display:inline; font-weight:bold; font-size:8px; line-height:40px; }
#gContent div.event div.icon{ background:#F36; }
#gContent div.info div.icon{ background:#999; }
#gContent div.diary div.icon{ background:#069; }

/* CUSTOM SCROLL PART */
.scroll-pane { width: 100%; height: 100%; overflow: auto; }
.jspContainer{ overflow:hidden; position:relative; }
.jspPane{ position:absolute; }
.jspVerticalBar{ position:absolute; top:0; right:0; width:20px; height:100%; }
.jspVerticalBar *{ margin:0; padding:0; }
.jspCap{ display:none; }
.jspTrack{ background:#FFF; position:relative; }
.jspDrag{ background:#CC6; position:relative; top:0; left:0; cursor:pointer; }
.jspArrow{ background:#50506d; text-indent:-20000px; display:block; cursor:pointer; }
.jspArrow.jspDisabled{ cursor:default; background:#80808d; }
.jspVerticalBar .jspArrow{ height:20px; }
.jspVerticalBar .jspArrow:focus{ outline:none; }
.jspCorner{ background:#eeeef4; float:left; height:100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{ margin:0 -3px 0 0; }

/* TWITTER PART */
.tweet{ width:280px; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #979C99; }
.avatar{ width:48px; margin:0; padding:0; float:left; display:inline; }
.twRight{ margin:0; padding:0; width:280px; display:inline; }
.user{ width:210px; margin:0 0 0 60px; }
.user a{ font-weight:bold; color:#CC6; font-size:14px; }
.txt{ width:210px; margin:0 0 0 60px; font-size:12px; line-height:1.4; }
.txt a{ color:#FFF; font-size:12px; color:#CC6; }
.time{ width:210px; margin:10px 0 0 60px; font-size:10px; }

/* INSTAGRAM PART */
#instaL{ width:100px; float:left; margin:0 20px 0 0; overflow:hidden; }
#instaC{ width:100px; float:left; margin:0 20px 0 0; overflow:hidden; }
#instaR{ width:100px; float:left; margin:0; overflow:hidden; }
h3.instaName{ margin:0; padding:0; font-size:16px; color:#FFF; font-family:"Crimson Text", sans-serif; letter-spacing:0.05em; font-weight:normal; }
#gallery{ width:100px; height:100%; display:block; overflow-y:scroll; overflow-x:hidden; }
#gallery ul{ width:75px; margin:0; padding:0; list-style:none; overflow-x:hidden; }
#gallery ul li{ margin:0 0 10px 0; padding:0; width:75px; height:75px; font-size:1; line-height:1; overflow:hidden; }
#gallery ul li a{ margin:0; padding:0; }
#gallery2{ width:100px; height:100%; display:block; overflow-y:scroll; overflow-x:hidden; }
#gallery2 ul{ width:75px; margin:0; padding:0; list-style:none; overflow-x:hidden; }
#gallery2 ul li{ margin:0 0 10px 0; padding:0; width:75px; height:75px; font-size:1; line-height:1; overflow:hidden; }
#gallery2 ul li a{ margin:0; padding:0; }
#gallery3{ width:100px; height:100%; display:block; overflow-y:scroll; overflow-x:hidden; }
#gallery3 ul{ width:75px; margin:0; padding:0; list-style:none; overflow-x:hidden; }
#gallery3 ul li{ margin:0 0 10px 0; padding:0; width:75px; height:75px; font-size:1; line-height:1; overflow:hidden; }
#gallery3 ul li a{ margin:0; padding:0; }
#gallery .jspVerticalBar{ position:absolute; top:0; right:0; width:15px; height:100%; }
#gallery2 .jspVerticalBar{ position:absolute; top:0; right:0; width:15px; height:100%; }
#gallery3 .jspVerticalBar{ position:absolute; top:0; right:0; width:15px; height:100%; }

/* CONTACT PART */
#contact{ width:300px; height:100%; margin:0; padding:0; font-size:12px; }
#contact dl dt { margin:0; padding:5px 0; }
#contact dl dt span{ color:red; font-weight:bold; }
#contact dl dd{ margin:0 0 20px 0; padding:0; }
#contact dl dd input{ width:290px; margin:0; padding:5px; border:1px solid #CCC; }
#contact dl dd textarea{ width:290px; margin:0; padding:5px; border:1px solid #CCC; }
#contact dl dd.error input,dl dd.error textarea{ background:#E8ED6A; border:1px solid #E8ED6A; }
#contact dl dd p.error{ font-size:10px; margin:2px 0 0 0; padding:0; color:red; font-weight:bold; }

/* LINK */
ul.link a{ padding:5px; color:#FFF; text-decoration:none; font-size:12px; }
ul.link a:hover{ background:#FFF; color:#333; }

/* MT ENTRY DETAIL*/
#entryDetail{ width:600px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.imgBox{ background:#FFF; width:600px; text-align:center; display:block; line-height:1; margin-bottom:10px; font-size:1px; }
#entryDetail p{ margin:20px 0 0 0; line-height:1.4; }
#entryDetail p.date{ font-size:11px; margin:0; padding:0; font-weight:bold; }
#entryDetail p.entryTitle{ margin:20px 0; padding:0 0 10px 0; font-size:30px; font-weight:bold; border-bottom:1px solid #979C99; line-height:1.2; }
#entryDetail p a{ font-weight:bold; color:#E6E17D; font-size:12px; text-decoration:underline; }
#entryDetail p a:hover{ text-decoration:none; }

/* MT ENTRY DETAIL _ EVENT */
#entryDetailEvent{ width:600px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#entryDetailEvent .eventLeft{ width:400px; float:left; margin:0; }
#entryDetailEvent iframe{ width:180px; height:180px; float:right; margin:0; padding:0; line-height:1px; overflow:hidden; display:inline; }
#entryDetailEvent p{ margin:20px 0 0 0; line-height:1.4; }
#entryDetailEvent p.date{ font-size:15px; margin:0; padding:0; font-weight:bold; }
#entryDetailEvent p.date span{ margin:0; font-size:12px; }
#entryDetailEvent p.entryTitle{ margin:0 0 20px 0; padding:0 0 10px 0; font-size:30px; font-weight:bold; border-bottom:1px solid #979C99; line-height:1.2; }
#entryDetailEvent p a{ font-weight:bold; color:#FFF; font-size:12px; text-decoration:underline; }
#entryDetailEvent p a:hover{ text-decoration:none; }