@charset "Shift_JIS";
/* CSS Document */

/* ------------------------------------------------------------ */
/* 基本指定 */
/* ------------------------------------------------------------ */


html{
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); /* これで一瞬砂時計が出るのを回避（IE Only） */
}
ul,
li{
	list-style:none;
	margin:0;
	padding:0;
}
p{
	margin:0 0 1em 0;
	padding:0;
}
body{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}

/* ------------------------------------------------------------ */
/* リンク色指定 */
/* ------------------------------------------------------------ */
a{ color: #002C53; text-decoration: underline;}
a:visit{ color: #002C53; text-decoration: underline;}
a:hover{ color: #5783B9; text-decoration: underline;}
a:active{ color: #5783B9; text-decoration: underline;}

/* ------------------------------------------------------------ */
/* コンテナ */
/* ------------------------------------------------------------ */
#container{
	margin:0px auto;
	padding:0px;
	background:url(../img/head_bg.jpg) #FFFFFF left top repeat-x;
}

/* ------------------------------------------------------------ */
/* ヘッダ */
/* ------------------------------------------------------------ */
#head{
	height:70px;
	background:url(../img/common/bg_header.gif) repeat-x center 0;
}
#header{
	background:url(../img/common/bg_header_tel.gif) no-repeat right bottom;
	width:840px;
	height:70px;
	position:relative;
	margin:0 auto;
}

h1 a{
	display:block;
	text-indent:-5000px;
	width:210px;
	height:170px;
	position:absolute;
	background:url(../img/common/logo.png) no-repeat;
	z-index:12;
}
h2#description{
	position:absolute;
	font-size:12px;
	width:500px;
	top:5px;
	left:220px;
}
#head a img{
	border:none;
}

#mainimage{
	margin:0;
	background:#000;
	text-align:center;
}

/* ------------------------------------------------------------ */
/* メインメニュー */
/* ------------------------------------------------------------ */
#mainmenu{
	height:60px;
	margin:0px auto;
	padding:0;
	text-indent: -5000px;
	list-style:none;
	background:url(../img/common/bg_menu.gif) repeat-x center top;
}
#mainmenu ul{
	width:840px;
	height:50px;
	margin:0px auto;
	padding:0 1px;
	list-style:none;
	background:url(../img/common/g_menu.gif) no-repeat center top;
}
#mainmenu li{
	float:left;
	line-height:1;
}
#mainmenu li a{
	width: 120px;
	height: 50px;
	background:url(../img/common/g_menu.gif) no-repeat 0 top;
	display:block;
	text-indent: -5000px;
}

#mainmenu li.top a {
	background-position: 0 top;
}
#mainmenu li.top a:hover {
	background-position: 0 bottom;
}
#mainmenu li.top_current a {
	background-position:0 bottom;
}
#mainmenu li.gallery a {
	background-position: -120px top;
}
#mainmenu li.gallery a:hover {
	background-position: -120px bottom;
}
#mainmenu li.gallery_current a {
	background-position: -120px bottom;
}
#mainmenu li.school a {
	background-position: -240px top;
}
#mainmenu li.school a:hover {
	background-position: -240px bottom;
}
#mainmenu li.school_current a {
	background-position: -240px bottom;
}
#mainmenu li.works a {
	background-position: -360px top;
}
#mainmenu li.works a:hover {
	background-position: -360px bottom;
}
#mainmenu li.works_current a {
	background-position: -360px bottom;
}
#mainmenu li.blog a {
	background-position: -480px top;
}
#mainmenu li.blog a:hover {
	background-position: -480px bottom;
}
#mainmenu li.blog_current a {
	background-position: -480px bottom;
}
#mainmenu li.contact a {
	background-position: -600px top;
}
#mainmenu li.contact a:hover {
	background-position: -600px bottom;
}
#mainmenu li.contact_current a {
	background-position: -600px bottom;
}
#mainmenu li.osanpo a {
	background-position: -720px top;
}
#mainmenu li.osanpo a:hover {
	background-position: -720px bottom;
}
#mainmenu li.osanpo_current a {
	background-position: -720px bottom;
}
#mainmenu li strong{
}


ul#footermenu{
	clear:both;
	list-style:none;
	width:840px;
	margin:0 auto;
	padding:5px 0;
	text-align:center;
}
ul#footermenu li{
	display:inline;
	padding:0 5px;
	border-right:#000 1px solid;
}
ul#footermenu li.last{
	border:none;}

/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */
#main{
	width:840px;
	margin:0px auto;
}
#main a img{
	border:none;
}
#main a:hover img{
	opacity		: 0.7;
	filter		: alpha(opacity=70);
}

/* ------------------------------------------------------------ */
/* VI */
/* ------------------------------------------------------------ */
#vi{
	width:840px;
	height:250px;
	background:url(../img/vi.jpg) #EEE no-repeat;
	margin:0px auto 15px auto;
}
#vi h2{
	font-size:18px;
	padding:75px 0 10px 40px;
}
#vi .bodycopy{
	width:390px;
	font-size:12px;
	padding:0 0 0 40px;
}

/* ------------------------------------------------------------ */
/* サイドバー */
/* ------------------------------------------------------------ */
#sidebar{
	float:right;
	width:180px;
	padding:10px;
	background:url(../img/common/bg_side.gif) repeat right top;
}
#sidebar .no{
	text-align:center;
	font-size:18px;
	color:#990000;
	font-weight:bold;
	
}
#sidebar p{
	margin:0 0 10px 0;
}

#sidebar a{
	display:block;
	padding:0 0 10px;}
/* ------------------------------------------------------------ */
/* コンテンツ */
/* ------------------------------------------------------------ */
#content{
	float:left;
	width:600px;
	padding:0 0 40px;
}
#content h2{
	width:585px;
	background:url(../img/content_h2_bg.jpg) #1B4380 left top no-repeat;
	height:55px;
	line-height:55px;
	color:#FFFFFF;
	font-size:16px;
	padding-left:15px;
	margin:0 0 15px 0;
}
#content h3{
	width:700px;
	font-size:14px;
	color:#FFF;
	height:50px;
	padding:15px 0 0 30px;
	margin:0 0 15px 0;
	background: #FFF url(../img/common/bg_h3.gif) no-repeat 0 0;
	border:none;
	
}
#content.home h3{
	width:585px;
	background:url(../img/common/bg_h3.gif) #1B4380 left top no-repeat;
	height:40px;
	line-height:40px;
	color:#FFFFFF;
	font-size:12px;
	padding:0 0 0 15px;
	margin:0 0 10px 0;
	border:none;
}
#content h4{
	font-size:12px;
	padding:0 0 0 7px;
	margin:0 0 5px 0;
	border-left:solid #1B4380 4px;
}
#content table{
	border-top:dotted 1px #CCC;
}
#content tr{
	border-bottom:dotted 1px #CCC;
	padding:7px;
}
#content th{
	text-align:left;
	width:100px;
	background-color:#EEE;
	border-bottom:dotted 1px #CCC;
	padding:7px;
}
#content .section{
	margin:0 0 20px 0;
}

dl{
	padding:0 1em}
dl dt{
	clear:both;
	display:block;
	width:100px;
	float:left;
	height:25px;
}
dl dd{
	height:25px;
	display:block;
	float:left;
}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */
div#footer{
	height:120px;
	background: url(../img/common/bg_footer.gif) left top repeat-x;
	
}
address{
	width:840px;
	height:110px;
	margin:0 auto;
	padding:10px 0 0;
	background:url(../img/common/footer_logo.gif) no-repeat right 0;
	color:#FFF;
	font-style:normal;
}

/* ------------------------------------------------------------ */
/* Clearfix */
/* ------------------------------------------------------------ */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: 1%;
  display:block;
  overflow: hidden;
  /**/
}