@charset "utf-8";
/*
*/
html{
	font-size: 15px;
}
body{
	margin: 0;
	padding: 0;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "Osaka","ＭＳ Ｐゴシック", "MS P Gothic", Verdana,Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.2em;
	color: #333333;
}

h1,h2,h3,h4,h5,strong{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}

a					{color: #3646a0; text-decoration: none;}
a:link		{}
a:visited	{}
a:hover		{color: #ff0000; text-decoration: underline;}
a:active	{}

div{
	margin: 0;
	padding: 0;
}

p{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

img{
	display: inline;
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: baseline;
}

li{
	list-style-position: outside;
}

form{
	margin: 0.5em 0;
	padding: 0;
}

cite{
	font-style: normal;
}

ul,ol{
	margin:0;
	padding:0 0 0 1em;
	display: block;
	/zoom: 1;
	overflow: hidden;
}


#bgwrap{
	margin: 0;
	padding: 10px 0;
}

#header{
	width: 960px;
	height: 80px;
	margin: 0 auto;
	padding: 0 0 5px 0;
	/zoom: 1;
	overflow: hidden;
	position: relative;
}
#header h1{
	width: 460px;
	height: 70px;
	margin: 0;
	padding: 10px 0 0 0;
}
#header h1 a{
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	background: url(../img/spr_ai.jpg) 0 0 no-repeat;
	/zoom: 1;
	overflow: hidden;
}

#header .inq{
	width: 242px;
	height: 76px;
	margin: 0;
	padding: 0;
	/zoom: 1;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}

#header .inq a{
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	background: url(../img/spr_ai.jpg) -460px 0 no-repeat;
	/zoom: 1;
	overflow: hidden;
}

#headimg{
	height: 320px;
	margin: 0;
	border-top: 1px solid #bbbfc2;
	padding: 5px 0;
	background: url(../img/bg_headimg.jpg) repeat-x;
}

#slideshow{
	width: 958px;
	margin: 0 auto;
}

#headimg img{
	width: 958px;
	margin: 0 auto;
	display: block;
}



#headmenu{
}
#headmenu ul{
	width: 936px;
	height: 49px;
	margin: 0 auto;
	padding: 0;
	border-top: 2px solid #cbcbcb;
	border-bottom: 1px solid #f0eced;
	list-style-type: none;
	display: block;
	position: relative;
}
#headmenu li{
	margin: 0;
	padding: 0;
	height: 39px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 5px;
}
#headmenu a{
	margin: 0;
	padding: 0;
	width: 100%;
	height:100%;
	display: block;
	overflow: hidden;
	background: url(../img/spr_ai.jpg) -12px -85px no-repeat;
	text-indent: -9999px;
}
#headmenu li.home {
	left: 0;
	width: 111px;
}
#headmenu li.home a{
	background-position: -12px -85px;
}
#headmenu li.home a:hover{
	background-position: -12px -136px;
}
#headmenu li.about {
	left: 111px;
	width: 290px;
}
#headmenu li.about a{
	background-position: -123px -85px;
}
#headmenu li.about a:hover{
	background-position: -123px -136px;
}
#headmenu li.faq {
	left: 533px;
	width: 147px;
}
#headmenu li.faq a{
	background-position: -413px -85px;
}
#headmenu li.faq a:hover{
	background-position: -413px -136px;
}
#headmenu li.contact {
	left: 680px;
	width: 134px;
}
#headmenu li.contact a{
	background-position: -560px -85px;
}
#headmenu li.contact a:hover{
	background-position: -560px -136px;
}
#headmenu li.service {
	left: 401px;
	width: 132px;
}
#headmenu li.service a{
	background-position: -694px -85px;
}
#headmenu li.service a:hover{
	background-position: -694px -136px;
}
#headmenu li.sitemap {
	left: 814px;
	width: 122px;
}
#headmenu li.sitemap a{
	background-position: -826px -85px;
}
#headmenu li.sitemap a:hover{
	background-position: -826px -136px;
}



#contents{
	width: 936px;
	margin:  25px auto 0 auto;
	padding: 0;
	/zoom: 1;
	overflow: hidden;
}
#contents .main{
	width: 702px;
	float: right;
}
#contents .side{
	margin: 0 716px 0 0;
}


#first, #about{
	margin-bottom: 30px;
}
#first p, #about p{
	width: 90%;
	margin: 0 auto;
}
#first h2{
	font-size: 120%;
	padding: 0.5em;
	border: 1px dashed #cccccc;
	background: #f0f0f0;
	margin-bottom: 1em;
}
#about h2{
	margin: 1em auto;
	font-size: 120%;
	padding: 0.5em;
}
#about dl{
	display: block;
	/zoom: 1;
	overflow: hidden;
	width: 90%;
	margin: 1em auto;
}
#about dt{
	width: 8em;
	float: left;
	font-weight: bold;
}
#about dd{
	margin: 0 0 0.5em 10em;
}

#forPresident{
}
#forPresident h2{
	width: 702px;
	height: 75px;
	margin: 0;
	padding: 0;
	background: url(../img/spr_ai.jpg) -214px -420px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#forPresident h3{
	font-size: 120%;
	line-height: 1.2em;
	height: 40px;
	margin: 25px 0;
	margin-left: 40px;
	padding: 0 5px 0 45px;
	background: url(../img/spr_ai.jpg) -925px -830px no-repeat;
	overflow: hidden;
	color: #312523;
}
#forPresident h3 span{
	display: block;
	margin: 10px 0;
}
#forPresident p{
	margin: 20px 5px;
	padding: 10px 10px 20px 40px;
	border-top: 1px solid #c5c5c5;
}


#forStaff{
}
#forStaff h2{
	width: 702px;
	height: 75px;
	margin: 0;
	padding: 0;
	background: url(../img/spr_ai.jpg) -214px -495px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#forStaff h3{
	font-size: 120%;
	line-height: 1.2em;
	height: 40px;
	margin: 25px 0;
	margin-left: 40px;
	padding: 0 5px 0 45px;
	background: url(../img/spr_ai.jpg) -925px -870px no-repeat;
	overflow: hidden;
	color: #293892;
}
#forStaff h3 span{
	display: block;
	margin: 10px 0;
}
#forStaff p{
	margin: 20px 5px;
	padding: 10px 10px 20px 40px;
	border-top: 1px solid #c5c5c5;
}


#forNenkin{
}
#forNenkin h2{
	width: 702px;
	height: 75px;
	margin: 0;
	padding: 0;
	background: url(../img/spr_ai.jpg) -205px -795px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#forNenkin h3{
	font-size: 120%;
	line-height: 1.2em;
	height: 40px;
	margin: 25px 0;
	margin-left: 40px;
	padding: 0 5px 0 45px;
	background: url(../img/spr_ai.jpg) -925px -790px no-repeat;
	overflow: hidden;
	color: #683f5a;
}
#forNenkin h3 span{
	display: block;
	margin: 10px 0;
}
#forNenkin p{
	margin: 20px 5px;
	padding: 10px 10px 20px 40px;
	border-top: 1px solid #c5c5c5;
}

.notice{
	margin: 1em auto 2em auto;
	text-align: center;
}

#catch{
	width: 702px;
	height: 88px;
	margin: 20px 0 50px 0;
	padding: 0;
	background: url(../img/spr_ai.jpg) 0 -1110px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}


#recommendation{
	/zoom: 1;
	overflow: hidden;
}
#recommendation h2{
	width: 702px;
	height: 75px;
	margin: 0;
	padding: 0;
	background: url(../img/spr_ai.jpg) -214px -570px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#recommendation .cont{
	margin: 20px 0 30px 0;
	/zoom: 1;
	overflow: hidden;
}
#recommendation img{
	padding: 0 5px;
	float: left;
}
#recommendation .desc{
	margin: 0 0 0 155px;
}
#recommendation h3{
	font-size: 120%;
	line-height: 1em;
	margin: 0 5px 10px 5px;
	padding: 10px 10px 6px 10px;
	border: 1px solid #c5c5c5;
}
#recommendation .writer{
	margin: 0 5px;
	text-align: right;
}
#recommendation .recodesc{
	margin: 0 5px 20px 5px;
	padding: 10px 10px 20px 20px;
	border-top: 1px solid #c5c5c5;
}


#works{
}
#works h2{
	width: 702px;
	height: 75px;
	margin: 0;
	padding: 0;
	background: url(../img/spr_ai.jpg) -214px -645px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#works ul{
	margin: 20px 0 20px 0;
	padding: 0;
	display: block;
	list-style: none;
	/zoom: 1;
	overflow: hidden;
}
#works li{
	margin: 0 5px 20px 5px;
	/zoom: 1;
	overflow: hidden;
}
#works span {
	display: inline-block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	margin: 0 20px;
	background: url(../img/spr_ai.jpg) -920px -940px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}
#works .num01 { background-position: -920px -940px; }
#works .num02 { background-position: -920px -980px; }
#works .num03 { background-position: -920px -1020px; }
#works .num04 { background-position: -920px -1060px; }
#works .num05 { background-position: -920px -1100px; }
#works .cont{
	margin: 0 0 0 100px;
}
#works .image{
	float: right;
}
#works p{
	margin: 0 170px 0 0;
}


#works3{
	/zoom: 1;
	overflow: hidden;
}
#works3 h2{
	width: 702px;
	height: 75px;
	margin: 0;
	padding: 0;
	background: url(../img/spr_ai.jpg) -214px -720px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#works3 ul{
	margin: 20px 0 20px 0;
	padding: 0;
	display: block;
	list-style: none;
	/zoom: 1;
	overflow: hidden;
}
#works3 li{
	margin: 0 5px 25px 5px;
	/zoom: 1;
	overflow: hidden;
}
#works3 h3 {
	display: inline-block;
	overflow: hidden;
	width: 222px;
	height: 120px;
	margin: 0 20px;
	background: url(../img/spr_ai.jpg) -920px -940px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}
#works3 .num01 { background-position: 0 -960px; }
#works3 .num02 { background-position: -222px -960px; }
#works3 .num03 { background-position: -444px -960px; }
#works3 h3 a{
	margin: 0;
	padding: 0;
	width: 100%;
	height:100%;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
#works3 .cont{
	margin: 0 0 0 270px;
}
#works3 .subtitle{
	display: block;
	font-size: 130%;
	line-height: 1.2em;
	height: 40px;
	margin: 0;
	padding: 0 5px 0 45px;
	background: url(../img/spr_ai.jpg) -920px -1160px no-repeat;
	overflow: hidden;
}
#works3 .subtitle span{
	font-weight: bold;
	display: block;
	margin: 10px 0;
}
#works3 p{
	margin: 0;
	padding: 0;
}



#contents .side .bg{
	margin: 0 0 20px 0;
	padding: 12px 8px;
	background: #e2e2e2;
}


#mailmagazine{
	padding: 8px 2px;
	background: #ffffff;
	border: 1px solid #d3d3d3;
}
#mailmagazine h2{
	width: 198px;
	height: 75px;
	margin: 0;
	padding: 0;
	background: url(../img/spr_ai.jpg) 0 -190px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#mailmagazine p{
	margin: 0 12px;
	padding: 10px 0;
	line-height: 1.2em;
	font-size: 90%;
	border-bottom: 1px dotted #d3d3d3;
}
#mailmagazine strong{
	display: block;
	width: 186px;
	height: 17px;
	margin: 6px;
	padding: 0;
	background: url(../img/spr_ai.jpg) -750px -190px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#mailmagazine a{
	display: block;
	width: 186px;
	height:32px;
	margin: 8px auto;
	padding: 0;
	border: 0;
	background: url(../img/spr_ai.jpg) -750px -210px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}


#cominfo{
	margin: 0;
	padding: 8px 2px 0 2px;
	background: #ffffff;
	border: 1px solid #d3d3d3;
}
#cominfo h2{
	width: 186px;
	height: 18px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/spr_ai.jpg) -750px -290px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#cominfo p{
	margin: 0 12px 12px 12px;
	padding: 3px 0;
	line-height: 1.2em;
	font-size: 60%;
}
#cominfo p.txt{
	line-height: 1.3em;
	font-size: 70%;
}


#sidemenu{
	margin: 0;
	padding: 0 8px;
	background: #ffffff;
	list-style: none;
	/zoom:1;
	overflow: hidden;
}
#sidemenu li{
	width: 186px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
}
#sidemenu a{
	margin: 0;
	padding: 0;
	width: 100%;
	height:100%;
	display: block;
	overflow: hidden;
	background: url(../img/spr_ai.jpg) -224px -190px no-repeat;
	text-indent: -9999px;
}
#sidemenu li.mn1 a{ background-position: -224px -190px; }
#sidemenu li.mn2 a{ background-position: -224px -225px; }
#sidemenu li.mn3 a{ background-position: -224px -260px; }
#sidemenu li.mn4 a{ background-position: -224px -295px; }
#sidemenu li.mn5 a{ background-position: -224px -330px; }
#sidemenu li.mn6 a{ background-position: -224px -365px; }
#sidemenu li.mn1 a:hover{ background-position: -420px -190px; }
#sidemenu li.mn2 a:hover{ background-position: -420px -225px; }
#sidemenu li.mn3 a:hover{ background-position: -420px -260px; }
#sidemenu li.mn4 a:hover{ background-position: -420px -295px; }
#sidemenu li.mn5 a:hover{ background-position: -420px -330px; }
#sidemenu li.mn6 a:hover{ background-position: -420px -365px; }



#message{
}
#message p{
	line-height: 1.5em;
	margin-bottom: 0.8em;
}
#message dl{
	display: block;
	margin: 1em 0 2em 0;
	/zoom:1;
	overflow:hidden;
}
#message dt{
	float: left;
	width: 4em;
}
#message dd{
	margin-left: 5em;
}



#service{
}
#service table{
	margin-bottom:25px;
}
#service p{
	line-height: 1.5em;
	margin-bottom: 0.8em;
}



#sitemap ul{
	width: 400px;
	display: block;
	padding: 0 8px;
	background: #ffffff;
	list-style: none;
	/zoom:1;
	overflow: hidden;
	margin: 20px auto;
}
#sitemap li{
	width: 375px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	margin:0;
	padding:0;
}
#sitemap a{
	margin: 0;
	padding: 0;
	width: 100%;
	height:100%;
	display: block;
	overflow: hidden;
	background: url(../img/sitemap.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}
#sitemap li.home		 a{ background-position: 0 0; }
#sitemap li.about		 a{ background-position: 0 -50px; }
#sitemap li.service	 a{ background-position: 0 -100px; }
#sitemap li.faq			 a{ background-position: 0 -150px; }
#sitemap li.contact	 a{ background-position: 0 -200px; }
#sitemap li.home		 a:hover{ background-position: -400px 0; }
#sitemap li.about		 a:hover{ background-position: -400px -50px; }
#sitemap li.service	 a:hover{ background-position: -400px -100px; }
#sitemap li.faq			 a:hover{ background-position: -400px -150px; }
#sitemap li.contact	 a:hover{ background-position: -400px -200px; }