@charset "utf-8";
/* CSS Document */
/* CSSファイル */

/* ------------------------------------------------------------

	RESET
	
------------------------------------------------------------ */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ------------------------------------------------------------

	BASE
	
------------------------------------------------------------ */

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

body,html{height:100%; width:100%;}


/* start: clearfix ------------------------------ */

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after{clear: both;}
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom: 1;}

/* end: clearfix ------------------------------ */

/* ------------------------------------------------------------

	LINK
	
------------------------------------------------------------ */

a {
	color: #666;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #1EAA38;
	text-decoration: none;
}

a img { border: 0; outline:none;}
a:hover img.opa {
    filter:alpha(opacity=75);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=75)"; /* IE8用 */
    -moz-opacity:0.75; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.75;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.75; /* Firefox 1.5以上, Opera, Safari用 */
}


/* ------------------------------------------------------------

	COMMON
	
------------------------------------------------------------ */

#container{ width:100%; overflow: hidden;}
#Wrap{ width:980px; margin: 0 auto;}

#main { width: 695px; float: right;}
#main .contents{ padding-left: 50px; margin: 33px 0 45px; background: url(../img/staff/contentsLeft.jpg) repeat-y 72px top;}
#main .contents h2{ margin-bottom: 13px;}
#main .contents .contentsWrap{ width: 525px; padding-left: 60px; margin-bottom: 25px; text-align:left; min-height: 150px;}
#main .contents div.last{ background: url(../img/staff/contentsLeftBtm.jpg) no-repeat 22px bottom; margin-bottom: 0;}



/* ------------------------------------------------------------
	. side
------------------------------------------------------------ */

#side{ width: 225px; height: auto; float: left; padding-left: 57px;}
#side #sideWrap h3{ margin-bottom: 13px; line-height: 0;}
#side #sideWrap .sideInformation2 h3{ line-height: 0; margin-bottom: 9px !important;}
#side #sideWrap .sideLinks h3{ line-height: 0; margin-bottom: 12px !important;}

#side #sideWrap .sideInformation{ margin-bottom: 15px;}
#side #sideWrap .sideInformation dl dt{ margin: 47px 0 5px;}
#side #sideWrap .sideInformation dl dd{ line-height: 0;}

#side #sideWrap #gNav{ width: 225px; border-top: #B7B8B8 3px solid; border-bottom: #B7B8B8 3px solid; margin-bottom: 27px; position: relative; z-index: 100;}
#side #sideWrap #gNav li{ border-top: #B7B8B8 2px dotted; line-height: 0;}
#side #sideWrap #gNav li:first-child{ border-top: none;}
#side #sideWrap #gNav .comingsoon{ position:absolute; z-index: 101;}

#side #sideWrap .sideFacebook{ margin-bottom: 30px;}
#side #sideWrap .sideFacebook .fb-like-box{ margin-top: 12px;}