﻿@charset "UTF-8";

/* =1reset 
----------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td {    
	margin:0;   
    padding:0;   
	}
ul,ol{ list-style: none; }
fieldset,img{ border: none; }
img{ vertical-align: top; }
address,caption,cite,code,dfn,th,var {  
	font-style:normal;   
	font-weight:normal;   
	}
h1,h2,h3,h4,h5,h6 { font-size:100%; }
caption,th{ text-align:left; }
q:before,q:after { content:''; } 
abbr,acronym { border:0; }
table{
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 100%;
	}
th,td{ vertical-align: top; }

/* =2body
----------------------------- */
html{ overflow-y: scroll; }
body{
		color: #333;
		font-size: 12px;
	text-align: center;
	}
/*IE7用*/
*:first-child+html body{ font-size: small; }
/*IE6用*/
* html body{ font-size: x-small; }
p,dd,td{ line-height: 1.4; }

/* =リンク
----------------------------------------------- */
a,a:visited{
	color:#cc0033;
	text-decoration:underline;
}
a:hover{
	color:#cc3366;
	text-decoration:none;
}
   
/* =ヘッダー
----------------------------------------------- */
#header{
	background:#fff url(../img/base/back_header.gif) repeat-x;
	border-top:2px solid #582629;
	height:60px;
	height /**/:58px;
}
#headercontainer{
	position:relative;        
	width:800px;
	height:60px;
	height /**/:58px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#logo,#htitle{ position: absolute; }
#logo{ top:16px; }
#htitle{
	right:0;
	top:23px;
}
		
/* =コンテンツ２段組み
----------------------------------------------- */
#main{
	background:#fff;
	clear:both;
}
#maincontents{
	float:right;
	width:595px;
	padding-bottom:35px;
}
#maincontents h1{ margin-bottom:20px; }
#leftcontents{
	float:left;
	width:180px;
	padding-bottom:30px;
}
#pagenav{
	margin-bottom:25px;
	padding-top:8px;
	font-size:84%;
	background:#fff;
}
		
/* =clearfix
----------------------------------------------- */
.clearfix:after{
	content: url(../img/base/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix{ display: inline-block; }
.clearfix{ display: block; }
		
/* =グローバルメニュー
----------------------------------------------- */
#globalmenu,#tglobalmenu{ background:#db97a6; }       
#glcontainer,#maincontainer{
	width:800px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#tglmenu{
	margin-left:20px;
	height:53px;
}
#glmenu{ height:53px; }
#glmenu li,#tglmenu li{
	display:block;
	float:left;
	height:53px;
}
#glmenu li a,#tglmenu li a{
	display:block;
	width:100%;
	overflow:hidden;
	height: 0 !important;
	height /**/:53px;
	padding-top:53px;
	background-image:url(../img/base/back_glmenu_new.gif);
	background-repeat:no-repeat;
}
#nav1,#nav2{ width:126px; }
#nav3,#nav4,#nav5,#nav6{ width:127px; }
#nav1 a{ background-position:0 0; }
#nav2 a{ background-position:-126px 0; }
#nav3 a{ background-position:-252px 0; }
#nav4 a{ background-position:-379px 0; }
#nav5 a{ background-position:-506px 0; }
#nav6 a{ background-position:-633px 0; }
#nav1 a:hover{ background-position:0 -53px; }
#nav2 a:hover,ul.glservice li#nav2 a{ background-position:-126px -53px; }
#nav3 a:hover,ul.glevent li#nav3 a{ background-position:-252px -53px; }
#nav4 a:hover,ul.glcompany li#nav4 a{ background-position:-379px -53px; }
#nav5 a:hover,ul.glfaq li#nav5 a{ background-position:-506px -53px; }
#nav6 a:hover,ul.glcontact li#nav6 a{ background-position:-633px -53px; }

/* =左メニュー内
----------------------------------------------- */
#leftmenu{
	background:#ece9e2;
	margin-bottom:15px;
	padding:12px 15px;
}
#leftmenu li ul{ margin-top:6px; }
#leftmenu li{
	background:url(../img/base/icon2_2.gif) no-repeat 0 0.6em;
	margin-bottom:6px;
	padding-left:10px;
}

/* =フッター
----------------------------------------------- */
#footer{
	clear:both;
	font-size:86%;
	padding-bottom:50px;
}
#footercontainer{
	position:relative;        
	width:800px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-top:12px;
}
#footer ul{
	width:300px;
	float:left;
	margin-left:8px;
}
#footer ul li{
	display:block;
	float:left;
	background:url(../img/base/icon1.gif) no-repeat right center;
	margin-right:10px;
	padding-right:12px;
}
#footer p{
	float:right;
	width:450px;
	text-align:right;
}
#footer a,#footer a:visited{
	color:#000;
	text-decoration:none;
	font-size:84%;
}
#footer a:hover{
	color:#cc0033;
	text-decoration:underline;
}
	        
/* =配置スタイル
----------------------------------------------- */
.l{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}
.r{
	float:right;
	margin-left:15px;
	margin-bottom:10px;
}
.rt{ text-align:right; }
.rtc{
	text-align:right;
	clear:both;
	padding:12px 0;
}
.c{ clear:both; }
.ce{
	text-align:center;
	clear:both;
}
.pagetop{
	clear:both;
	padding-top:10px;
	font-size: 84%;
	text-align:right;
}
.pagetop a{
	padding: 2px 0 2px 13px;
	background: url(../img/base/icon_pagetop.jpg) no-repeat 0 2px;
}
.pagetop a,.pagetop a:visited{
	color:#666;
	text-decoration: none;
}
.pagetop a:hover{
	color:#cc3366;
	text-decoration: underline;
}

/* =文字の設定 
----------------------------------------------- */
.emphasis{ color:#c43d5d; }
.emphasis2{ color:#457836; }
.emphasisbb{
	color:#c43d5d;
	font-weight:bold;
	font-size:110%;
}

/* =本文の少ないページの余白：後で削除
----------------------------------------------- */
.space{ padding: 110px 0; }

/* =rightMenu
----------------------------- */
#navSecond{ margin-bottom: 10px; }
#navSecond li{ width: 180px; }
#navSecond li{ display: block; }
#navSecond li a{
	display: block;
	height: 35px;
	overflow: hidden;
	width: 0 !important;
	width /**/: 180px;
	padding-left: 180px;
	background-repeat: no-repeat;
	}
#sNav1,#sNav2,#sNav3,#sNav4,#sNav5,#sNav6,#sNav7,#sNav8{ height: 35px; }
	
/* backImage */
#service #navSecond li a{ background-image: url(../img/lmenu/bg_service.gif); }
#seminar #navSecond li a{ background-image: url(../img/lmenu/bg_seminar.gif); }
#office #navSecond li a{ background-image: url(../img/lmenu/bg_office.gif); }
#faq #navSecond li a{ background-image: url(../img/lmenu/bg_faq.gif); }
#contact #navSecond li a{ background-image: url(../img/lmenu/bg_contact.gif); }
#siteMap #navSecond li a{ background-image: url(../img/lmenu/bg_smap.gif); }
#linkPage #navSecond li a{ background-image: url(../img/lmenu/bg_link.gif); }

/* imagePosition */
#sNav1 a{ background-position: 0 0; }
#sNav2 a{ background-position: 0 -35px; }
#sNav3 a{ background-position: 0 -70px;	}
#sNav4 a{ background-position: 0 -105px; }
#sNav5 a{ background-position: 0 -140px; }
#sNav6 a{ background-position: 0 -175px; }
#sNav7 a{ background-position: 0 -210px; }
#sNav8 a{ background-position: 0 -245px; }

/* mouseOver */
#sNav1 a:hover,
#navSecond.firstPage li#sNav1 a{ background-position: -180px 0; }
#sNav2 a:hover,
#navSecond.secondPage li#sNav2 a{ background-position: -180px -35px; }
#sNav3 a:hover,
#navSecond.thirdPage li#sNav3 a{ background-position: -180px -70px; }
#sNav4 a:hover,
#navSecond.fourthPage li#sNav4 a{ background-position: -180px -105px; }
#sNav5 a:hover,
#navSecond.fifthPage li#sNav5 a{ background-position: -180px -140px; }
#sNav6 a:hover,
#navSecond.sixthPage li#sNav6 a{ background-position: -180px -175px; }
#sNav7 a:hover,
#navSecond.seventhPage li#sNav7 a{ background-position: -180px -210px; }
#sNav8 a:hover,
#navSecond.eighthPage li#sNav8 a{ background-position: -180px -245px; }
