@charset "UTF-8";

/*初期化*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

h1,h2,h3,h4,h5,h6{
	clear:both;
	font-size:100%;
	font-weight:normal;
	letter-spacing:0.3em;
}

img {
	border:none;
}

p {
	line-height:1.5;
}

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

.clearfix {
	display:inline-block;
}

.mt1em {
	margin-top:1em;
}

.mb05em {
	margin-bottom:0.5em;
}

.mb1em {
	margin-bottom:1em;
}

.mb15em {
	margin-bottom:1.5em;
}

.mb2em {
	margin-bottom:2em;
}

.mb3em {
	margin-bottom:3em;
}

.mb4em {
	margin-bottom:4em;
}

.mb5em {
	margin-bottom:5em;
}

.mb6em {
	margin-bottom:6em;
}

.ml1em {
	margin-left:1em;
}

/*Hides from IE-mac¥*/
*html .clearfix {height:1%;}
.clearfix {display:block;}
/*End hide from IE-mac*/

/*インデント設定*/
.indent01 {
	margin-left:1em;
	text-indent:-1em;
}

.indent02 {
	margin-left:2em;
	text-indent:-2em;
}

.indent03 {
	margin-left:3em;
	text-indent:-3em;
}

.indent04 {
	margin-left:4em;
	text-indent:-4em;
}

.indent05 {
	margin-left:5em;
	text-indent:-5em;
}

.indent06 {
	margin-left:6em;
	text-indent:-6em;
}


/*リンク*/
a:link, a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/*Base設定*/
body {
	background:url(../img/bg/body.jpg) 0 0 repeat-x;
	background-color:#a6c0dd;
	font:13px/1.231 "ＭＳ ゴシック",sans-serif;
	text-align:center;
}

#all {
	margin:0 auto;
	text-align:left;
	width:900px;
	font-size:123.1%;
}

#mainarea {
	width:725px;
	float:right;
}

#sidearea {
	width:173px;
	float:left;
}

#header {
	position:fixed;
	top:0;
	height:71px;
	width:557px;
	z-index:99;
}

* html #header {
	position:absolute;
	top:expression((documentElement.scrollTop || document.body.scrollTop) + 0 + 'px');
}

#navi {
	float:right;
	width:168px;
}

* html #navi {
	position:absolute;
	top:expression((documentElement.scrollTop || document.body.scrollTop) + 0 + 'px');
	width:725px;
	margin-left:557px;
	z-index:100;
}

#mainmenu {
	position:fixed;
	top:0;
	height:270px;
	width:168px;
	list-style-type:none;
	z-index:100;
}

* html #mainmenu {
	position:absolute;
	top:expression((documentElement.scrollTop || document.body.scrollTop) + 0 + 'px');
}

#mainmenu li {
	display:inline;
	font-size:1px;
	line-height:0;
}

#mainmenu li img {
	vertical-align:top;
}

#mainmenu a {
	display:block;
	background:url(../img/mainmenu/mainmenu_bg_01.png) no-repeat 0 0;
	height:33px;
	width:168px;
}

* html #mainmenu a {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/mainmenu/mainmenu_bg_01.png',sizingMethod='crop');
}

#mainmenu a:hover {
	background:url(../img/mainmenu/mainmenu_bg_02.png) no-repeat 0 0;
}

* html #mainmenu a:hover {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/mainmenu/mainmenu_bg_02.png',sizingMethod='crop');
}

#contents {
	background:url(../img/bg/contents.png) repeat-y center top;
	border-bottom:1px solid #666;
	border-left:1px solid #fff;
	border-right:1px solid #666;
	border-top:1px solid #fff;
	margin-bottom:20px;
	padding-top:20px;
	position:relative;
	top:50px;
	left:6px;
	width:550px;
	z-index:30;
}

#bottom_img_right {
	position:fixed;
	bottom:0;
	right:0;
	z-index:40;
}

* html #bottom_img_right {
	position:absolute;
	bottom:expression((documentElement.scrollBottom || document.body.scrollBottom) + 0 + 'px');
	right:expression((documentElement.scrollRight || document.body.scrollRight) + 0 + 'px');
}

#bottom_img_left {
	position:fixed;
	bottom:0;
	left:0;
	z-index:41;
}

* html #bottom_img_left {
	position:absolute;
	bottom:expression((documentElement.scrollBottom || document.body.scrollBottom) + 0 + 'px');
	left:expression((documentElement.scrollLeft || document.body.scrollLeft) + 0 + 'px');
}

#footer {
	clear:both;
	color:#fff;
	font-size:73%;
	font-weight:bold;
	padding-top:70px;
	height:130px;
	width:900px;
}

/*TOPpage設定*/
#cube {
	position:relative;
	top:70px;
	z-index:50;
}

/*SideArea設定*/
#sidearea #info {
	color:#fff;
	position:relative;
	z-index:61
}

#sidearea #info dt {

	font-size:86%;
	font-weight:bold;
	letter-spacing:0.1em;
	padding:0.5em 0;
	margin:0 0.5em;
}

#sidearea #info dd {
	font-size:81%;
	letter-spacing:0.2em;
	line-height:1.5;
	padding:0.5em;
}

/*FooterArea設定*/
#footer #cloud {
	margin-top:-18px;
}

/*PageNavi*/
#pagenavi {
	position:relative;
	top:-50px;
	margin:0 10px 30px 20px;
}

#pagenavi li {
	display:block;
	float:left;
	font-size:81%;
}

#pagenavi li a {
	color:#fff;
	cursor:pointer;
	display:block;
	margin-right:1.5em;
}

#pagenavi li a:hover {
	color:yellow;
}

/*CategoryNavi & LinkNavi*/
#categorynavi li,
#linknavi li
{
	cursor:pointer;
	float:left;
	list-style-type:none;
	margin-bottom:3px;
	margin-right:3px;
}

#categorynavi li a,
#linknavi li a
{
	display:block;
	height:25px;
	width:253px;
}

#categorynavi li a:hover,
#linknavi li a:hover
{
	background-color:#eee;
}

/*Company設定*/
#company #contents dl {
	clear:both;
}

#company #contents dt {
	margin:16px 0 0 10px;
}

#company #history,
#company #about,
#company #purpose,
#company #stuff
{
	padding-top:5px;
}

#company #contents dt a {
	display:block;
}

#company #contents dd {
	padding:10px 16px;
}

#company #contents table {
	font-size:81%;
}

#company #contents th {
	background:url(../img/company/bg_01.jpg) no-repeat 0 0;
	border:1px solid #444;
	color:#222;
	letter-spacing:0.2em;
	padding:0.5em 0 0 0.5em;
	text-align:left;
	vertical-align:top;
	width:130px;
}

#company #contents td {
	background-color:#fff;
	border:1px solid #444;
	letter-spacing:0.1em;
	line-height:1.5;
	padding:0.5em;
	vertical-align:top;
}

#company #contents .history th {
	width:80px;
}

#company #contents .history .month {
	width:5em;
}

#company #contents p {
	font-size:81%;
}

#company .stuff1,
#company .stuff2
{
	background:url(../img/company/bg_01.jpg) no-repeat 0 0;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	float:left;
	font-size:83%;
	margin-bottom:10px;
	width:245px;
}

#company .stuff1 {
	clear:both;
	margin-right:12px;
}

#company .stuff1 img,
#company .stuff2 img
{
	float:left;
	margin:10px;
}

#company .stuff1 p,
#company .stuff2 p
{
	margin:10px;
}

/*Event設定*/
#event #introduction {
	padding:16px;
}

#event h1 {
	font-weight:bold;
	margin-bottom:1em;
}

#event #introduction p {
	font-size:81%;
	letter-spacing:0.1em;
}

#event h2 {
	font-weight:bold;
	padding:16px 16px 0 16px;
}

#event #contents dl {
	clear:both;
}

#event #contents dt {
	margin:16px 0 0 10px;
}

#event h2 {
	margin-bottom:-0.5em;
}

#event #graphic,
#event #movie,
#event #event0
{
	padding-top:5px;
}

#event #contents dt a {
	display:block;
	text-decoration:none;
}

#event #contents dd {
	padding:10px 16px;
}

#event #contents dd p {
	font-size:81%;
	letter-spacing:0.1em;
}

#event #contents table {
	border-collapse:collapse;
	font-size:81%;
	width:518px;
}

#event #contents td {
	letter-spacing:0.1em;
	line-height:1.5;
}

#event .name {
	background:url(../img/company/bg_01.jpg) no-repeat 0 0;
	border:1px solid #444;
	color:#222;
	font-weight:bold;
	letter-spacing:0.2em;
	padding:0.5em;
	text-align:left;
	vertical-align:top;
	width:150px;
}

#event .charge,
#event .year 
{
	background-color:#fff;
	border:1px solid #444;
	letter-spacing:0.1em;
	line-height:1.5;
	padding:0.5em;
	width:110px;
}

#event .place {
	background-color:#fff;
	border:1px solid #444;
	letter-spacing:0.1em;
	line-height:1.5;
	padding:0.5em;
}

#event #event1,
#event #event2,
#event #event3,
#event #event4,
#event #event5,
#event #event6,
#event #event7
{
	font-weight:bold;
	padding-left:0.5em;
}

/*advertisement設定*/
#advertisement .introduction {
	padding:16px;
}

#advertisement h1,
#advertisement h2
{
	font-weight:bold;
	margin-bottom:1em;
}

#advertisement .introduction p {
	font-size:81%;
	letter-spacing:0.1em;
}

#advertisement .journal .introduction {
	padding-left:0;
	padding-right:0;
	padding-top:0;
}

#advertisement #contents dl {
	clear:both;
}

#advertisement #contents dt {
	margin:16px 0 0 10px;
}

#advertisement #contents dt a,
#advertisement #contents #journal1 {
	display:block;
	text-decoration:none;
}

#advertisement #contents dd {
	padding:10px 16px;
}

#advertisement #contents dd p {
	font-size:81%;
	letter-spacing:0.1em;
}

#advertisement #contents table {
	border-collapse:collapse;
	font-size:81%;
	width:518px;
}

#advertisement #contents .print1 table,
#advertisement #contents .print2 table,
#advertisement #contents .journal table
{
	margin-top:1em;
}

#advertisement #contents .print1 th {
	background:url(../img/company/bg_01.jpg) no-repeat 0 0;
	border:1px solid #444;
	color:#222;
	letter-spacing:0.2em;
	padding:0.5em;
	text-align:center;
	width:120px;
}

#advertisement #contents .print2 th {
	background:url(../img/company/bg_01.jpg) no-repeat 0 0;
	border:1px solid #444;
	color:#222;
	letter-spacing:0.2em;
	padding:0.5em;
	width:175px;
}

#advertisement #contents .journal th {
	background:url(../img/company/bg_01.jpg) no-repeat 0 0;
	border:1px solid #444;
	color:#222;
	letter-spacing:0.2em;
	padding:0.5em;
	text-align:center;
	width:33%;
}

#advertisement #contents td {
	border-bottom:1px dashed #fff;
	letter-spacing:0.1em;
	line-height:1.5;
	margin-bottom:1em;
	padding:0.5em 1.5em 0.5em 0.5em;
	vertical-align:top;
}

#advertisement #contents .print1 td {
	background-color:#fff;
	border:1px solid #444;
	text-align:right;
}

#advertisement #contents .print2 td {
	background-color:#fff;
	border:1px solid #444;
	padding-left:0.5em;
	width:330px;
}

#advertisement #contents .journal td {
	background-color:#fff;
	border:1px solid #444;
	text-align:right;
}

#advertisement #print1,
#advertisement #print2,
#advertisement #print3,
#advertisement #journal1,
#advertisement #journal2,
#advertisement #journal3
{
	font-weight:bold;
	border-bottom:1px solid #000;
	padding-bottom:0.2em;
	width:518px;
}

#advertisement .journal3 .process {
	border-left:5px solid green;
	color:green;
	font-weight:bold;
	padding-left:5px;
}

#advertisement .journal3 .text {
	margin:0.5em 0 1em 0;
}

/*web設定*/
#web .introduction {
	padding:16px;
}

#web h1{
	font-weight:bold;
	margin-bottom:1em;
}

#web h2 {
	margin:16px 0 0 10px;
}

#web .introduction p {
	font-size:81%;
	letter-spacing:0.1em;
}

#web .journal .introduction {
	padding-left:0;
	padding-right:0;
	padding-top:0;
}

#web #contents dl {
	clear:both;
}

#web #contents dt {
	margin:16px 0 0 10px;
}

#web #contents dt a {
	display:block;
}

#web #contents dd {
	padding:10px 16px;
}

#web #contents dd p {
	font-size:81%;
	letter-spacing:0.1em;
}

#web .joblist {
	border-bottom:1px solid #666;
	margin-bottom:2em;
}

#web .joblist .thumbnail {
	float:left;
	margin-bottom:1em;
	width:210px;
}

#web .joblist ul {
	float:right;
	font-size:81%;
	list-style-type:none;
	margin-bottom:1em;
	width:290px;
}

* html #web .joblist ul {
	text-indent:-1em;
}

#web li {
	line-height:1.5;
}


#web ul .name {
	font-weight:bold;
}

#web li {
	margin-bottom:1em;
}

/*map設定*/
#map #contents dl {
	clear:both;
}

#map #contents dt {
	margin:16px 0 0 10px;
}

#map #contents dd {
	padding:0 16px 10px 16px;
}

#map #map1,
#map #map2
{
	margin-bottom:30px;
}

#map #contents dd p {
	font-size:81%;
	margin-bottom:1em;
}

/*Contact設定*/
#contact #contents dl {
	clear:both;
}

#contact #contents dt {
	margin:16px 0 0 10px;
}

#contact #contents dt a {
	display:block;
}

#contact #contents dd p {
	font-size:81%;
	letter-spacing:0.1em;
}


#contact #contents dd ul {
	list-style-type:none;
	margin-left:1em;
	margin-top:0.5em;
}

#contact #contents dd li {
	margin-bottom:2em;
}

#contact dd .title {
	border-bottom:1px solid #000;
	font-weight:bold;
	margin-bottom:0.5em;
}

#contact .privacy ul {
	width:518px;
}

#introduction h1:first-letter,
.introduction h1:first-letter,
.introduction h2:first-letter
{
	float:left;
	font-size:230%;
	line-height:0.9em;
}

.supplement {
	margin-left:1em;
	margin-top:1em;
	text-indent:-1em;
	font-size:81%;
}

.important {
	color:#333;
	border-bottom:1px solid #333;
	font-weight:bold;
	margin:1.5em 0 0.5em 0;
}

.introductionimg {
	float:right;
	margin:0 0 1em 1em;
}