/* Reset */

body,
h1, h2, h3, h4, h5	{ margin:0; padding:0; }

/*
960px =  8columns * 120px (10px + 100px + 10px)
960px = 12columns *  80px (10px +  60px + 10px)
960px = 16columns *  60px (10px +  40px + 10px)
*/
.grid1,	.grid2,	.grid3,	.grid4,	
.grid5,	.grid6,	.grid7,	.grid8,	
.grid9,	.grid10,.grid11,.grid12,
.grid13,.grid14,.grid15,.grid16		{ float:left; margin:10px; display:inline; }	/* IE6 Hack [margin x 2] display:inline; */

.grid1	{ width: 60px; }	.h1		{ height: 60px; }
.grid2	{ width:140px; }	.h2		{ height:140px; }
.grid3	{ width:220px; }	.h3		{ height:220px; }
.grid4	{ width:300px; }	.h4		{ height:300px; }
.grid5	{ width:380px; }	.h5		{ height:380px; }
.grid6	{ width:460px; }	.h6		{ height:460px; }
.grid7	{ width:540px; }	.h7		{ height:540px; }
.grid8	{ width:620px; }	.h8		{ height:620px; }
.grid9	{ width:700px; }	.h9		{ height:700px; }
.grid10	{ width:780px; }	.h10	{ height:780px; }
.grid11	{ width:860px; }	.h11	{ height:860px; }
.grid12	{ width:940px; }	.h12	{ height:940px; }

.grid,
.grid1 p,	.grid2 p,	.grid3 p,	.grid4 p,	.grid5 p,
.grid6 p,	.grid7 p,	.grid8 p,	.grid9 p,	.grid10 p,
.grid11 p,	.grid12 p,	.grid13 p,	.grid14 p,	.grid15 p,
.grid16 p	{ margin:10px; }

.h0,
.h1,	.h2,	.h3,	.h4,	
.h5,	.h6,	.h7,	.h8,	
.h9,	.h10,	.h11,	.h12,	
.h13,	.h14,	.h15,	.h16	{ margin:9px; color:#666; background-color:#f6f7f8; border:1px solid #ccc; }

.border		{ margin:9px; border:1px solid #abc; }
.border h3	{ margin:10px; color:#fff; background-image:none; background-color:#8ac; }

.zero		{ margin:0; padding:0; }
.zero li	{ margin-left:1.0em; }





/* Outline for Masaoka Quotient Association */

body	{ background:#0c275e url(./bg.jpg) repeat-x 50% 0% fixed; }

h1,h2,h3,h4,h5	{ margin:0; padding:0; }
/*
h1	{ margin-top:20px; }
h2	{ height:61px; margin:0; padding:9px 0 0 30px;
	color:#fff; text-align:left; letter-spacing:0.1em;
	border:none; background:transparent url(./bg_h.jpg) no-repeat left top;
}
h3	{ margin-bottom:1em; padding:5px 13px; color:#fff; background-color:#789; border:2px solid #ddd; }
h4	{ margin-bottom:1em; padding:5px 13px; color:#333; border-left:6px solid #ccc; }
h5	{ color:#333; font-size:1.2em; }
*/
h1	{ margin:0 10px; padding:10px;
	color:#333; font-size:46px; font-family:'ＭＳ Ｐ明朝', serif;
/*
	height:100px;
	background:transparent url(./bg_h.jpg) no-repeat 0% 0%;
*/
}
h2	{ margin:0 10px; padding:10px;
	color:#666; font-size:16px; font-family:'ＭＳ Ｐ明朝', serif; line-height:1.8;
}
h3	{ margin:0 0 20px; padding:10px;
	color:#369; font-family:'ＭＳ Ｐ明朝', serif;
/*	background:transparent url(./bg_h.png) no-repeat 0% 100%;*/
	border:1px solid #abc;
}
h4	{ padding:1px 8px; color:#369; font-size:24px; font-family:'ＭＳ Ｐ明朝', serif; background-color:#f0f8ff; border-bottom:1px dotted #ccc; }


a, a:link	{ color:#36c; text-decoration:none; }
a:visited	{ color:#36c; text-decoration:none; }
a:active	{ color:#93c; text-decoration:none; }
a:hover		{ color:#93c; text-decoration:none; }

.eng	{ color:#39c; font-size:24px; font-family:Times, serif; line-height:1.0; }

.box_greeting	{
	float:left; margin:10px;
	width:570px; height:220px;
	background:#abc url(./shaoku.jpg) no-repeat 0% 0%;
}
.box_greeting h3{ margin:0 10px; color:#333; font-size:24px; background:none; border:none; }
.box_greeting p	{ margin:0 240px 0 20px; }

.box_kurita	{
	float:left; margin:10px;
	width:350px; height:220px;
}
.box_kurita img	{ border:none; }


.cbox	{ height:100px; margin-bottom:20px; padding:9px; border:1px solid #ccc; }
.cbox span	{ font-size:0.8em; }

.b		{ font-weight:bold; }
.bb		{ color:#000; font-size:1.2em; font-weight:bold; }
.s		{ font-size:0.8em; }
.m		{ font-size:0.9em; }

.bltitle	{ color:#039; font-size:2.4em; font-weight:bold; }

.title_l	{ color:#900; font-size:2.4em; font-weight:bold; }
.title_m	{ color:#900; font-size:1.4em; font-weight:bold; }
.title_s	{ color:#900; font-size:1.0em; font-weight:bold; }

.topimage	{ clear:both; text-align:center; }
.top_msg	{ margin:0; padding:10px 20px; background:#ffe url(bg_main.gif) no-repeat center bottom; }
.top_msg h2	{ padding:0; color:#600; background-color:transparent; }

.information{ clear:both; height:200px; margin:20px 0; border:1px solid #ccc; background-color:#f8f8f8; }

.banner		{ clear:both; height:140px; margin:0; text-align:center; border:1px solid #ccc; background-color:#f8f8f8; }

.gbox		{ margin:0; padding:8px; text-align:center; border:1px solid #ccc; background-color:#f8f8f8; }

.link		{ padding: 4px 0px 4px 30px; background: url(btn_arrow_r.gif) no-repeat 0% 50%; }
.caution	{ color:#d00; font-size:0.8em; }

.clear		{ clear:both; }

.clearfix:after	{ content:""; display:block; clear:both; }	/* IE8, ModanBrowser */
.clearfix		{ width:100%; }								/* clearfix IE 6, 7 */


/*--------*/
table.solid		{ margin:10px; font-family:Arial; border-collapse:collapse; background-color:#fff; border:1px solid #abc; }
table.solid tr	{ font-size:1.0em; line-height:1.3; }
table.solid th	{ padding:0.5em 0.8em; vertical-align:top; color:#333; background-color:#eee; border:1px solid #abc; }
table.solid td	{ padding:0.5em 0.8em; text-align:left; vertical-align:top; border:1px solid #abc; }
table.solid .ng	{ color:#666; text-decoration:line-through; background-color:#f8f8f8; }
table.solid .next	{ color:#abc; font-size:0.8em; line-height:1.0; }
table.solid .ec	{ white-space:nowrap; text-align:center; background-color:#f0f0f0; }
table.solid .dc	{ white-space:nowrap; text-align:center; background-color:#ddd; }
table.solid .e	{ white-space:nowrap; background-color:#cde; color:#000; }
table.solid .d	{ white-space:nowrap; background-color:#eee; }
table.solid .l	{ text-align:left;  }
table.solid .r	{ text-align:right; }

table.simple		{ margin:10px; font-family:Arial; border-collapse:collapse; }
table.simple tr		{ font-size:1.0em; line-height:1.3; }
table.simple th		{ padding:0.5em 0.8em; vertical-align:top; }
table.simple td		{ padding:0.5em 0.8em; vertical-align:top; }
table.simple .e		{ white-space:nowrap; background-color:#cde; color:#000; }
table.simple .d		{ white-space:nowrap; background-color:#eee; }
table.simple .l		{ text-align:left;  }
table.simple .r		{ text-align:right; }
table.simple .c		{ text-align:center; }


/*-- インフォメーション --*/
.info		{ margin:10px 10px; padding:0; }
.info ul	{ margin:0; padding:0; }
.info li	{ margin:0 0 8px; padding-bottom:8px; padding-left:24px; text-align:left; list-style-type:none;
	border-bottom:1px dotted #ccc; background:transparent url(./arrow.gif) no-repeat left 2px; }
.info li li	{ padding-left:18px; border:none; background:transparent url(./arrow13.gif) no-repeat left 2px; }
.info .ctg	{ float:right; display:inline; padding:0.2em 0; color:#ccc; font-size:13px; font-weight:normal; font-family:Arial; }
.info .date	{ color:#090; }
.info .ttl	{ margin:0; color:#036; font-size:1.0em; font-weight:bold; }
.info .cmt	{ display:block; margin-top:0.3em; font-size:0.9em; }
.info .cmt img	{ margin:1em 0; border-width:0; }

.headline		{ margin:10px 10px; padding:0; }
.headline ul,
.headline li	{ margin:0; padding:0; line-heigh:1.5em; }
.headline .ctg	{ float:right; display:inline; padding-left:1em; color:#ccc; font-size:13px; font-weight:normal; font-family:Arial; }
.headline .date	{ color:#090; }
.headline a		{ font-weight:bold; }
.headline li	{ height:3.0em; /* height:4.5em; */
	margin-bottom:1em; padding-left:24px;
	color:#999; text-align:left; overflow:hidden;
	background:transparent url(./images/arrow.gif) no-repeat left 2px; }

/*--------*/
.pagelink	{ clear:both; padding:24px 6px; font-size:14px; line-height:1.0; text-align:center; }
.pagelink .blank,
.pagelink .self,
.pagelink a.plink	{ margin:0 3px; padding:3px 6px; text-decoration:none; border:1px solid #ccc; background-color:#fff; }
.pagelink .blank	{ color:#999; }
.pagelink .self		{ color:#c00; font-weight:bold; padding:4px 6px; }
.pagelink a.plink:visited	{ color:#00f; text-decoration:none; }
.pagelink a.plink:hover		{ color:#fff; background-color:#36c; }





.arrow	{ padding-left:20px; background:transparent url(./arrow.gif) no-repeat 0% 50%; }
.pdf	{ padding-left:20px; padding-bottom:3px; background:transparent url(./icon/pdf.gif) no-repeat left 0; }
.pdfb	{ padding-right:20px; padding-bottom:3px; background:transparent url(./icon/pdf.gif) no-repeat right 0; }
.gmap	{ padding-left:24px; padding-bottom:3px; background:url(./gmap20.gif) no-repeat 0% 0%; }

.date	{ color:#090; font-family:arial; }
.url	{ color:#090; font-family:arial; }

.bnr	{ margin-bottom:20px; text-align:center; }

.catgy	{ padding-right:20px; }

.l	{ text-align:left;  }
.r	{ text-align:right; }
.c	{ text-align:center; }

/*----画像サムネイル表示----*/
.phbox_r, .phbox_nr,
.phbox_l, .phbox_nl,
.phbox_c, .phbox_nc	{ padding:6px; text-align:center; color:#666; font-size:0.8em; line-height:1.6; }

.phbox_r, .phbox_nr { float:right; margin:6px; }
.phbox_l, .phbox_nl	{ float:left;  margin:6px; }
.phbox_c, .phbox_nc	{ margin:20px 0; }

.phbox_r, .phbox_l, .phbox_c	{ background-color:#fff; border:2px solid #ddd; }

.phbox_r  img, .phbox_l  img, .phbox_c  img	{ border:0px solid #ccc; }
.phbox_nr img, .phbox_nl img, .phbox_nc img	{ border:0px solid #ccc; }

.phbox_arrow {
	float:left;
	margin:0; padding:0; width:20px; height:auto;
	text-align:center; color:#666; font-size:0.8em; line-height:1.6;
	background:url(./bg_arrow.png) no-repeat 100% 100%;
}
.phbox_sp {
	float:right;
	margin:0; padding:40px 60px 20px 40px;
	text-align:center; color:#666; font-size:0.8em; line-height:1.6;
}


.balloon {
	position: relative;
	margin-right: 30px;
	background-color: #fff;
}
.balloon:after {
	position: absolute; top: 80px; right: -30px;
	content: ""; width: 0; height: 0;
	border-left: 20px solid #bcd;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

.yearBox {
	width:206px; height:156px;
	font-size:48px; font-family:Impact; line-height:3.3;
	color:#9bd; background-color:#cde;
}


.grad {
	background-image:-moz-linear-gradient(top, #FAD502, #E89502);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAD502), to(#E89502), color-stop(1,#E89502));
}

.radius {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.radius20 {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}



/* CSSでPDFやExcelなどのリンクに自動でアイコンを付ける方法 http://www.css-lecture.com/ */
/* 外部リンク要素  */
a[href^="http"]		{ padding: 4px 20px 4px 0; background: url(./icon/external.gif) no-repeat 100% 50%; }
* html a.external	{ padding: 4px 20px 4px 0; background: url(./icon/external.gif) no-repeat 100% 50%; }
/* mailto要素 ---- */
a[href ^="mailto:"]	{ padding: 4px 20px 4px 0; background: url(./icon/mailto.gif) no-repeat 100% 50%; }
* html a.mailto		{ padding: 4px 20px 4px 0; background: url(./icon/mailto.gif) no-repeat 100% 50%; }
/* pdf要素 ---- */
a[href$=".pdf"]	{ padding: 4px 20px 4px 0; background: url(./icon/pdf.gif) no-repeat 100% 50%; }
* html a.pdf	{ padding: 4px 20px 4px 0; background: url(./icon/pdf.gif) no-repeat 100% 50%; }
/* doc要素 ---- */
a[href$=".doc"]	{ padding: 4px 20px 4px 0; background: url(./icon/doc.gif) no-repeat 100% 50%; }
* html a.doc	{ padding: 4px 20px 4px 0; background: url(./icon/doc.gif) no-repeat 100% 50%; }
/* xls要素 ---- */
a[href$=".xls"]	{ padding: 4px 20px 4px 0; background: url(./icon/xls.gif) no-repeat 100% 50%; }
* html a.xls	{ padding: 4px 20px 4px 0; background: url(./icon/xls.gif) no-repeat 100% 50%; }
/* zip要素 ---- */
a[href$=".zip"]	{ padding: 4px 20px 4px 0; background: url(./icon/zip.gif) no-repeat 100% 50%; }
* html a.zip	{ padding: 4px 20px 4px 0; background: url(./icon/zip.gif) no-repeat 100% 50%; }

/* IE-6要素 ----------------------------------------------------------- */
* html a	{
	behavior: expression(
	this.className += this.getAttribute("href").match(/^http.*/) ? " external" : "",
	this.className += this.getAttribute("href").match(/^mailto.*/) ? " mailto" : "",
	this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "",
	this.className += this.getAttribute("href").match(/\.doc$/) ? " doc" : "",
	this.className += this.getAttribute("href").match(/\.xls$/) ? " xls" : "",
	this.className += this.getAttribute("href").match(/\.zip$/) ? " zip" : "",
	this.style.behavior = "none"
	);
}

/* use this class to make sure that images won't get iconized */
.imageLink {
	padding-right: 0px !important;
	background: none !important;
}





/*----------*/
.top_bnr	{ float:left; display:inline; margin:9px; border:1px solid #abc; font-size:12px; }
.top_bnr a	{ width:280px; height:130px; padding:10px; display:block; color:none;
	-webkit-transition: background-color 0.5s linear;
}
.top_bnr a:hover	{
	background-color:#f0f8ff; /* background-color:#d0e8ff;*/
}
.top_bnr h3	{ margin:0; padding:0; color:#333; font-size:24px; line-height:1.2; background:none; border:none; }
.top_bnr p	{ margin:10px 0 0; padding:0; color:#777; }
.top_bnr img	{ border:none; }
.top_bnr .eng	{ margin:0; padding:0; color:#06c; font-size:14px; font-weight:bold; background:none; border:none; }
.top_bnr .img1	{ float:left;margin-right:10px;width:90px;height:130px;background:#369 url(../images/water-drop2.jpg) no-repeat 55% 70%; }
.top_bnr .img2	{ float:left;margin-right:10px;width:90px;height:130px;background:#369 url(../images/l_039.png) no-repeat 58% 70%; }
.top_bnr .img3	{ float:left;margin-right:10px;width:90px;height:130px;background:#369 url(../images/img_contents03_02.jpg) no-repeat 40% 60%; }



/*----------*/
#wrapper	{
	width:980px; margin:0 auto; padding:0;
	background-color:#fff;
/*
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
*/
}


#header		{
	width:940px; margin:0 auto; padding:10px 0;
	background:transparent url(./tel.jpg) no-repeat 100% 10px;
}
#header h1,
#header h2	{ float:left; margin:0; padding:0; }
#header .logo a	{
	display:block;
	margin:0;
	width:233px; height:68px;/* 233x58 */
	text-indent:-9999px;
	background:#fff url(./logo.jpg) no-repeat 0% 0%;
}
#header .inquiry	{ display:none; }
#header .inquiry a	{ float:right; width:212px; height:87px; text-indent:-9999px; background:url(./inquiry.jpg) no-repeat 0% 0%; }

#pankz	{ display:none;
/* width:940px; margin:0px auto 0px; padding:10px 0; color:#666; font-size:10px; line-height:1.0; border:0px solid #ccc; */
}


#container	{ width:960px; margin:0 auto; padding:0; color:#444; font-size:0.9em; line-height:1.5; }


#main		{ float:left;  width:620px; margin:10px; padding:0 0 20px; border:0px solid #ccc; }


#sidebar	{ float:right; width:300px; margin:10px 9px; padding:0 0 20px; border:1px solid #ccc; }
/*
#sidebar a	{ padding:0px !important; color:#fff; background: none; }
#sidebar img	{ border: none; }
*/

#footer	{
	clear:both; margin:0; padding:10px 0 0;
	color:#ccc; font-size:12px; font-family:Arial; text-align:center;
/*	line-height:39px;
	background:transparent url(./bg_footer.jpg) repeat-x 0% 0%;
	border-top:1px dotted #ccc;
*/
}
#footer a	{ padding:0px !important; color:#fff; background:none; }
#footer address	{ margin-top:20px; padding:10px 20px; line-height:1.5; background-color:#369; }
#footer ul	{ margin:0; padding:0; }
#footer li	{ float:left; margin:0 10px; padding:0; list-style-type:none; color:#666; text-align:center; text-decoration:none; }
#footer .backs {
	float:right; margin-right:20px; padding:5px;
	font-size:10px;
	background-color:#369;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}





/* Basic code - don't modify */
#nav	{ display: block; margin: 0; padding: 0; position: relative; }
#nav li	{ display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a	{ display: block; }
#nav ul	{ display: none; position: absolute; left: 0; margin: 0; padding: 0; z-index: 3; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a	{ zoom: 1; } /* IE6/7 fix */
#nav ul li	{ float: none; }
#nav ul ul	{ top: 0; }

/* Essentials - configure this */
#nav	{ clear:both; margin:0; padding:0; height:50px; background-color:#333; }
#nav a	{ width:160px; height:50px; text-indent:-9999px; }
#nav a	{ color:#ccc; background:url(menu940x50.jpg) no-repeat 0px 0px;
	transition: background 0.5s ease;
 }
#nav .navi01 a			{ width:150px; background-position:    0px 0px; }
#nav .navi02 a			{ width:160px; background-position: -150px 0px; }
#nav .navi03 a			{ width:160px; background-position: -310px 0px; }
#nav .navi04 a			{ width:160px; background-position: -470px 0px; }
#nav .navi05 a			{ width:160px; background-position: -630px 0px; }
#nav .navi06 a			{ width:150px; background-position: -790px 0px; }

#nav .navi01 a:hover	{ background-position:    0px -50px; }
#nav .navi02 a:hover	{ background-position: -150px -50px; }
#nav .navi03 a:hover	{ background-position: -310px -50px; }
#nav .navi04 a:hover	{ background-position: -470px -50px; }
#nav .navi05 a:hover	{ background-position: -630px -50px; }
#nav .navi06 a:hover	{ background-position: -790px -50px; }

#ht01 #nav .navi01 a	{ background-position:    0px -50px; }
#ht02 #nav .navi02 a	{ background-position: -150px -50px; }
#ht03 #nav .navi03 a	{ background-position: -310px -50px; }
#ht04 #nav .navi04 a	{ background-position: -470px -50px; }
#ht05 #nav .navi05 a	{ background-position: -630px -50px; }
#ht06 #nav .navi06 a	{ background-position: -790px -50px; }

/*
#nav a			{ padding:14px 0 0 10px; color:#ccc; font-size:14px; line-height:1.0; text-align:center; border-right:1px solid #666; }
#nav a.hover	{ color:#fff; text-decoration:none; }
*/
#nav .navi01 li a,
#nav .navi02 li a,
#nav .navi03 li a,
#nav .navi04 li a,
#nav .navi05 li a,
#nav .navi06 li a	{
	background-image:none; background-color: #000;
	border:none;
	opacity: 0.8; filter: alpha(opacity=80); zoom:1;
/*
	width:149px; height:12px; padding:15px 20px;
	color:#fff; font-size:14px; line-height:1.0; text-indent:0px;
	text-align:left;
	border-top:1px solid #fff;
*/
}

/* Everything else is theming */
#nav ul { top: 50px; }
#nav ul a {  }
#nav ul a.hover { text-decoration:none; background-color: #09f; }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */



/*
#nav	{ clear:both; margin:0; padding:0; height:50px; background-color:#333; border-top:1px solid #999; }
#nav ul { margin:0; padding:0; }
#nav li	{ margin:0; padding:0; float:left; list-style:none; }
*/




#submenu	{ margin:0; padding:10px; height:310px; background:transparent url(./bg_submenu.jpg) no-repeat 0% 0%; }

#submenu ul { margin:0; padding:0; list-style:none; }
#submenu li	{ margin:5px; padding:0; float:left; }
#submenu a	{ margin:0; padding:10px 0; width:128px; height:40px; display:block; font-size:14px; line-height:1.5; text-align:center; }
#submenu a			{ color:#fff; background-color:#574; }
#submenu a:hover	{ color:#fff; background-color:#9c6; text-decoration:none; }



#submen2	{ margin:0; padding:10px; }
#submen2 ul	{ margin:0; padding:0; list-style:none; }
#submen2 li	{ margin:10px 0; padding:0; }
#submen2 a	{ display:block; margin:0; padding:10px 0; font-size:14px; line-height:1.5; text-align:center; }
#submen2 a			{ color:#fff; background-color:#574; }
#submen2 a:hover	{ color:#fff; background-color:#9c6; text-decoration:none; }





/* 仮表示用 201302013 */
/*
body	{ background-image:none; background-color:#abc; }
#nav a	{
	height:34px;
	padding-top:16px;
	text-indent:0;
	text-align:center;
	color:#fff;
	font-size:14px;
	font-family:meiryo;
	background-image:none;
	background-color:#333;
 }
#nav a:hover	{ background-color:#3af; }
*/