@charset "utf-8";
@import url(default.css);

body {
	background: #fff url(../images/common/body_bg.jpg) repeat-x;
	color: #000;
	line-height: 1.6;
}
a:link {
	color: #06c;
}
a:visited {
	color: #939;
}
a:hover {
	color: #c00;
	text-decoration: none;
}

div#wrapper {
	position: relative;
	width: 850px;
	margin: 0 auto;
	font-size: 108%;
}

p.refresh {
	clear: both;
	width: 830px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 8px;
	background-color: #fff;
	color: #000;
	text-align: right;
}
p.indent {
	padding-left: 4em;
	text-indent: -4em;
}

a.arw {
	background: url(../images/common/i_arw.gif) 0em .2em no-repeat;
	padding-left: 14px;
}
a.mail {
	background: url(../images/common/i_mail.gif) 0em .2em no-repeat;
	padding-left: 18px;
}
.txtr {
	text-align: right;
}
.txtc {
	text-align: center;
}
.nw {
	white-space: nowrap;
}
.red {
	color: #c00;
}

/* ======================================
	head
*/
div#head,
body.top h1 {
	width: 850px;
	height: 84px;
}
div#head img,
body.top h1 img {
	margin-top: 30px;
}

/* =======================================
	foot
*/
div#foot {
	width: 100%;
	border-top: solid 5px #999;
	background-color: #f8f8f8;
	color: #000;
}
div#foot p {
	width: 850px;
	margin: 20px auto 0;
	padding-bottom: 20px;
}

/* =======================================
	navi
*/
ul#navi {
	width: 850px;
	height: 41px;
}
ul#navi li,
ul#navi li a {
	float: left;
	width: 141px;
	height: 41px;
}
ul#navi li.l1,
ul#navi li.l1 a {
	width: 142px;
}
ul#navi li.l6,
ul#navi li.l6 a {
	width: 144px;
}
ul#navi li a {
	background: url(../images/common/navi_bg.jpg) no-repeat;
}
ul#navi li.l2 a {
	background-position: -142px 0px;
}
ul#navi li.l3 a {
	background-position: -283px 0px;
}
ul#navi li.l4 a {
	background-position: -424px 0px;
}
ul#navi li.l5 a {
	background-position: -565px 0px;
}
ul#navi li.l6 a {
	background-position: -706px 0px;
}
ul#navi li a:hover {
	background-color: #fff;
	color: #000;
}
ul#navi li a:hover img,
body.top ul#navi li.l1 a img,
body.info ul#navi li.l2 a img,
body.act ul#navi li.l3 a img,
body.member ul#navi li.l4 a img,
body.about ul#navi li.l5 a img,
body.link ul#navi li.l6 a img {
	visibility: hidden;
}
body.top div.catch {
	width: 790px;
	height: 84px;
	padding-top: 65px;
	padding-left: 60px;
	background: url(../images/top/flower.jpg) right top no-repeat;
}

body.info h1,
body.act h1,
body.member h1,
body.about h1,
body.link h1 {
	width: 811px;
	height: 63px;
	padding-top: 42px;
	padding-left: 39px;
	background: url(../images/common/flower.jpg) right top no-repeat;
}


div#contents {
	position: relative;
	width: 830px;
	padding-top: 18px;
	padding-left: 20px;
	border-top: solid 1px #ccc;
	background: #fff url(../images/common/sidebdr.jpg) no-repeat;
	color:#000;
}
div#contents img.sdr {
	position: absolute;
	top: 0px;
	right: 0px;
}
p#trace {
	width: 800px;
	margin-bottom: 16px;
	font-size: 93%;
}

div#main {
	display: inline;
	float: left;
	width: 560px;
}
div#main h2 {
	width: 560px;
	margin-bottom: 20px;
	color: #fff;
	font-weight: bold;
	font-size: 128%; /* 1.08 x 1.28 = 138.5(18px) */
	line-height: 53px;
	text-indent:24px;
	background-color: #900;
	background-image: url(../images/common/tab.jpg);
	background-repeat: no-repeat;
	height: 63px;
}
div#main.longtitle h2 {
	width: 550px;
	line-height: 1.5;
	text-indent: 0px;
	padding: 10px 0px 10px 10px;
}
body.about div#main dl dt,
div#main div.epoc,
div#main div.section h3 {
	width: 560px;
	margin-bottom: 10px;
	background-color: #fff;
	color: #900;
	border-bottom: dotted 2px #c00;
	font-weight: bold;
	font-size: 114%; /* 1.139 x 1.08 = 1.231 (16px) */
}
body.about div#main dl dd {
	padding-bottom: 16px;
}
body.about div#main dl dd p {
	margin-bottom: 10px;
}
div#topic {
	display: inline;
	float: left;
	width: 220px;
	margin-left: 32px;
}

div#topic ul {
	width: 216px;
	padding: 1px;
	padding-bottom: 0;
	border: solid 1px #ccc;
}
div#topic ul li a {
	display: block;
	width: 216px;
	height: 39px;
	margin-bottom: 1px;
	background: url(../images/common/snavi_bg.jpg) no-repeat;
	line-height: 39px;
	text-indent: 24px;
}
div#topic ul li a:link,
div#topic ul li a:visited {
	background-color: #ccc;
	color: black;
	text-decoration: none;
}
div#topic ul li a:hover,
div#topic ul li.here a,
body.s1 div#topic ul li.s1 a,
body.s2 div#topic ul li.s2 a,
body.s3 div#topic ul li.s3 a,
body.s4 div#topic ul li.s4 a,
body.s5 div#topic ul li.s5 a,
body.s6 div#topic ul li.s6 a,
body.s7 div#topic ul li.s7 a,
body.s8 div#topic ul li.s8 a,
body.s9 div#topic ul li.s9 a,
body.s10 div#topic ul li.s10 a {
	background-position: -216px 0px;
	background-color: #ccc;
	color: black;
	font-weight: bold;
}

div#topic dl {
	width: 206px;
	margin-top: 1em;
	padding: 2px;
	border: double 3px #666;
}
div#topic dl dt {
	font-weight: bold;
}
div#topic dl dd {
	margin-bottom: .6em;
	font-size: 86%;
}
div#topic dl dd,
div#topic dl dd p {
	padding-left: 1em;
}


/* ======================================
	top, link
*/
body.top div#main {
	width: 530px;
}
body.top div#topic {
	width: 250px;
	margin-left: 32px;
}
div#main p.pr {
	margin-bottom: 24px;
}
body.top div#main h2 {
	width: 530px;
	height: 27px;
	background-image: none;
	text-indent: 0px;
}
body.top div#main ul {
	width: 530px;
	margin-bottom: 28px;
}
body.top div#main ul li {
	clear: both;
	width: 530px;
	padding-top: 10px;
	padding-bottom: 6px;
	border-bottom: solid 1px #ccc;
}
body.top div#main ul li span,
body.top div#main ul li p {
	display: inline;
	float: left;
}
body.top div#main ul li span {
	width: 100px;
}
body.top div#main ul li p {
	width: 420px;
}

body.top div#topic div,
body.link div#topic div {
	width: 248px;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border: solid 1px #ccc;
}
body.link div#topic div {
	width: 218px;
}
body.top div#topic div h2,
body.link div#topic div h2 {
	margin: 1px;
}
body.top div#topic div p,
body.link div#topic div p {
	width: 230px;
	margin: 8px 9px ;
}
body.link div#topic div p {
	width: 200px;
}
body.top div#topic div p img {
	float: left;
	margin-right: 8px;
}
body.top div#topic div p span a {
	margin-right: 20px;
}

body.link div#main dl {
	width: 560px;
	padding-bottom: 30px;
}
body.link div#main dl dt {
	margin-top: 1.3em;
}

body.top img.banner{
	margin-bottom: 10px;
}

/* ===================================
	about history
*/
div#main table {
	width: 560px;
	margin-bottom: 24px;
	font-size: 86%; /* 1.08 x 0.86 = .93 (12px) */ 
}
div#main table,
div#main table th,
div#main table td {
	border: solid 1px #ccc;
}
div#main table td {
	padding: 4px 6px;
}
div#main table td.c {
	padding-right: 0;
	padding-left: 0;
}
div#main table td.area {
	font-weight: bold;
}
div#main table th {
	background-color: #999;
	color: #fff;
	text-align: center;
}
div#main table tr.odd {
	background-color: #f8f8f8;
	color: #000;
}
div#main table td {
	vertical-align: top;
}
div#main.history table td div {
	width: 335px;
	margin: 6px auto;
	padding: 10px 20px;
	border: solid 1px #999;
	background-color: #fff;
	color: #000;
}
div#main.history table td div strong,
div#main.history table td div p {
	text-align: center;
}
div#main.history p.txtr {
	margin-bottom: 20px;
	font-size: 86%;
}

/* ===================================
	about president
*/
div#main.pd div.section {
	padding-bottom: 20px;
}
div#main.pd div.section p {
	clear: both;
	margin-bottom: 1em;
}
div#main.pd div.section p.pic,
div#main.pd div.section div.greeting {
	display: inline;
	float: right;
	clear: none;
}
div#main.pd div.section p.pic {
	width: 200px;
	margin-left: 20px;
	font-size: 86%;
	text-align: center;
}
div#main.pd div.section div.greeting {
	width: 340px;
}
div#main.pd div.section ul {
	width: 560px;
	overflow: hidden;
}
div#main.pd div.section ul li {
	display: inline;
	float: left;
	width: 120px;
	margin-right: 26px;
	font-size: 86%;
	text-align: center;
}
div#main.pd div.section ul li.x {
	margin-right: 0px;
}

/* ===================================
	about symbol
*/
div#main.symbol p {
	width: 560px;
	margin-top: 28px;
	margin-bottom: 36px;
	text-align: center;
}
div#main.symbol p img {
	margin-bottom: 12px;
}
div#main.symbol ul {
	width: 560px;
}
div#main.symbol ul li {
	display: inline;
	float: left;
	width: 180px;
	margin-right: 6px;
}

/* ===================================
	about guideline
*/
div#main.guide {
	padding-bottom: 48px;
}
div#main.guide p {
	margin-bottom: 1em;
}

/* ====================================
	member
*/
body.member div#main dl {
	width: 560px;
}
body.member div#main dl dt {
	width: 560px;
	margin-bottom: 10px;
	border-bottom: dotted 2px #c00;
	font-size: 114%; /* 1.139 x 1.08 = 1.231 (16px) */
}
body.member div#main dl dt a {
	background: url(../images/common/i_arw.gif) 0px .2em no-repeat;
	padding-left: 16px;
	font-weight: bold;
}
body.member div#main dl dd {
	padding-bottom: 1.6em;
	font-size: 86%;
}

body.member div#main table {
	margin-bottom: 24px;
}

/* ====================================
	activity, info
*/
body.act div#main ul,
body.info div#main ul {
	width: 560px;
	margin-bottom: 28px;
}
body.act div#main ul li,
body.info div#main ul li {
	clear: both;
	width: 560px;
	padding-top: 10px;
	padding-bottom: 6px;
	border-bottom: solid 1px #ccc;
}
body.act div#main ul li span,
body.act div#main ul li p,
body.info div#main ul li span,
body.info div#main ul li p {
	display: inline;
	float: left;
}
body.act div#main ul li span,
body.info div#main ul li span {
	width: 100px;
}
body.act div#main ul li p,
body.info div#main ul li p {
	width: 450px;
}
body.act div#main div.section,
body.info div#main div.section {
	margin-bottom: .4em;
	border-bottom: solid 1px #ccc;
}
body.info.kigyo div#main div.section {
	border-bottom-style: none;
}
body.act div#main div.section img,
body.info div#main div.section img,
body.info div#main div.section div {
	float: right;
	margin-bottom: .6em;
	margin-left: 1em;
}
body.info div#main div.section div img {
	float: none;
	margin-left: 0;
}
body.act div#main div.section p,
body.info div#main div.section p {
	margin-bottom: 1em;
}
body.act div#main div.section p.branch,
body.info div#main div.section p.branch {
	font-weight: bold;
	text-align: right;
}
body.info div#main div.section p.txtc {
	text-align: center;
}
body.info div#main div.section p.txtc img,
body.act div#main div.section p.txtc img,
body.act div#main div.section p.txtl img {
	float: none;
}
body.act div#main div.section p.clr,
body.info div#main div.section p.clr {
	clear: right;
}
body.act div#main div.section p.prize {
	margin-bottom: 2em;
}
body.info div#main div.section h3 {
	margin-top: 2em;
	margin-bottom: .4em;
	font-size: 100%;
}
body.info div#main div.section th {
	white-space: nowrap;
}




/* clearfix */

div#contents,
div#main ul li,
body.top div#topic div p {overflow: hidden;}


/* \*/
* html .clearfix,
* html div#contents,
* html div#main ul li,
* html body.top div#topic div p {height: 1%;}

.clearfix,
div#contents,
div#main ul li,
body.top div#topic div p {display: block;}
/* */