@charset "utf-8";

/**
 *
 *  サイト共通
 *
 */

/*--------------------------------------------------------------------------
   reset
---------------------------------------------------------------------------*/

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%;vertical-align:baseline;background:transparent;}
body{line-height:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul,li{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;text-decoration: none;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
img{border:0;vertical-align:top;}
em{font-style:italic;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0;}
input,select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit;font-size:100%;margin:0;padding:0;vertical-align:middle;}
input:focus,textarea:focus,select:focus{outline:none;}


/*--------------------------------------------------------------------------
   html
---------------------------------------------------------------------------*/

html{
	overflow-y: scroll;
}

html, body
{
	height:100%;
}
/*--------------------------------------------------------------------------
   body
---------------------------------------------------------------------------*/

body{
	min-width: 1024px;
	color: #333;
	font-family: 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3';
	font-size: 13px;
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
  body{font-size:75%;}
}

/*
::-moz-selection{
	color:;
	background:;
}
::selection{
	color:;
	background:;
}
*/


/*--------------------------------------------------------------------------
   base link
---------------------------------------------------------------------------*/

a{
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a:link,
a:visited{
	color: #545454;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
	outline: none;
	opacity: 0.8;
}
a:active{
	outline: none;
}


/*--------------------------------------------------------------------------
   Container
---------------------------------------------------------------------------*/

#Wrapper
{
	width: 100%;
	margin: 0 auto;
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
}


/*--------------------------------------------------------------------------
   Header
---------------------------------------------------------------------------*/

header
{
	width: 100%;
	margin: 0 auto;
}

header #Header
{
	width: 100%;
	height: 167px;
	margin: 0 auto;
	background: #FAFAFA;
}

header #Header .header_inner
{
	width: 980px;
	margin: 0 auto;
}

header #Header .title_logo
{
	margin-top: 15px;
}

header #Header .utility
{
}

header #Header .utility .gakken
{
	margin-top: 10px;
	height: 61px;
}

header #Header .utility .gakken img
{
	padding: 3px 10px;
}

header #Header .utility .gakken p
{
	line-height: 19px;
	margin-left: 5px;
}

header #Header .utility img
{
	float: left;
}

header #Header .utility .utility_box
{
	clear: both;
}

header #Header .utility .utility_box ul li
{
	float: left;
	margin-right: 10px;
	padding: 10px 0px;
}

header #Header .utility .utility_box ul li:last-child
{
	margin-right: 0px !important;
}

header #Header .utility .utility_box ul li.tweet
{
	margin-top: 3px;
}

header #Header .utility .utility_box ul li a{
	text-decoration: underline;
}


header #Header .utility .utility_box ul li.contact
{
	background: url("../images/icon_01.png") no-repeat left;
	padding-left: 20px;
}

header #Header .utility .utility_box ul li.press
{
	background: url("../images/icon_02.png") no-repeat left;
	padding-left: 20px;
}

.fb_iframe_widget
{
	height: 24px;
	overflow: hidden;
}

.social_link {
	margin: 0 auto;
	width: 218px;
	height: 30px;
	overflow: hidden;
}

/* ロゴ
-----------------------------------------------------------------*/

/* グローバルナビ
-----------------------------------------------------------------*/
header #Header nav
{
	background: #fff;
	clear: both;
	position: absolute;
	top: 115px;
	width: 100%;
	z-index: 1;
}

header #Header nav .global_navi
{
	width: 981px;
	margin: 0 auto;
}

header #Header nav ul li
{
	float: left;
}

header #Header nav ul li ul
{
	width: 194px;
	height: 158px;
	border: 1px solid #8FCB19;
	position: absolute;
	background: #fff;
	visibility: hidden;
}

header #Header nav ul li.service:hover ul,
header #Header nav ul li ul:hover
{
	visibility: visible;
}

header #Header nav ul li ul li
{
	float: none;
	height: 30px;
	text-align: center;
	margin-top: 8px;
	border-bottom: 1px solid #8FCB19;
}

header #Header nav ul li ul li:last-child
{
	border: none;
}


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

#Content
{
	padding-bottom:170px;
}

/* Main
-----------------------------------------------------------------*/
#Main{
}

/* Side
-----------------------------------------------------------------*/
#Side{
}

/* ナビ */
#Side .nav-side{
}
#Side .nav-side dt{
}
#Side .nav-side ul{
}
#Side .nav-side ul li{
}

/* バナー */
#Side .bnr-list{
}
#Side .bnr-list li{
}

/* パンくずリスト
-----------------------------------------------------------------*/
#bread-crumb{
}
#bread-crumb ul{
	overflow: hidden;
}
#bread-crumb ul li{
	float: left;
	margin-right: 10px;
	padding-left: 20px;
	background: url(/shared/images/ico_breadcrumb.png) no-repeat 0 50%;
}
#bread-crumb ul li:first-child{
	background: none;
	padding-left: 0;
}

/*--------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------*/
footer
{
	background: #fafafa;
	position: absolute;
	width: 100%;
	bottom: 0px;
}

footer .footer_inner
{
	width: 980px;
	margin: 0 auto;
	padding: 15px 0px;
}

footer .footer_inner p,
footer .footer_inner ul
{
	text-align: center;
}

footer .footer_inner ul li
{
	display: inline;
}

footer .footer_inner ul li a
{
	padding: 0px 3px;
}

footer .copyright
{
	background: #3CB6D3;
	color: #fff;
	text-align: center;
}

/* ナビ
-----------------------------------------------------------------*/
footer .nav
{
}

/* コピーライト
-----------------------------------------------------------------*/
footer .copyright
{
}
footer .copyright small
{
}


/*--------------------------------------------------------------------------
   under
---------------------------------------------------------------------------*/
.under #Content
{
	width: 980px;
	margin: 0 auto;
	margin-top: 20px;
}

.under #Content #Main
{
	width: 721px;
	margin: 0 auto;
	margin-left: 15px;
	margin-top: -8px;
}

/*--------------------------------------------------------------------------
   Other
---------------------------------------------------------------------------*/

/* clearfix
-----------------------------------------------------------------*/
.cf:before,
.cf:after{
	content: "";
	display: table;
}
.cf:after{
	clear: both;
}
.cf{
	zoom: 1;
}

/* box-model
-----------------------------------------------------------------*/
/*
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*/