@charset "Shift_JIS";

body {
margin:0 auto;
padding: 128px 0 0px 0;  
font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size:13px;
color:#7A001B;
text-align:left;
background:url(img/bg.jpg) repeat #FFFFFF top center;
background-attachment:fixed;
}

#header{
position: fixed !important;  
position: absolute;  
top: 0;  
left: 0;  
width: 100%;  
height: 128px;  
background: #FFEAEF  url(img/header_bg.jpg) repeat-x  top center;  
z-index: 2;
}

#header_content{
width:888px;
margin:0px auto;
float:center;
font-size:90%; 
color: #fff;  
text-align:left;
}

#main {
margin:0 auto;
width: 100%; 
}

#main_content {
width:888px;
margin:0px auto;
float:center;
padding:0px 0px 40px 0px;
}

#side {
width:200px;
margin:0 auto;
padding:10px 14px 0px 0px;
float:right;
text-align:left;
}

#part {
width:657px;
margin:0 auto;
padding:10px 0px 0px 14px;
float:left;
text-align:left;
line-height: 170%;
}

#part_content {
width:655px;
margin:0px auto;
float:center;
padding:0px 0px 0px 0px;
background:#FFFFFF url() repeat-x;
}

#footer {  
margin:0px auto;
margin-top:18px;
width: 100%;  
height: 120px;  
background: #FFEAEF  url(img/footer_bg.jpg) repeat-x  top center;  
clear: both;
} 

#footer_content {
width: 888px;  
margin:0px auto;
float:center;
padding:18px 0px 0px 0px;
color: #fff;  
font-size:90%; 
text-align:center;
}

p { 
width:100%;
margin:0 auto;
float:center;
font-size:100%;
line-height:180%;
clear: both;
}

#text {  
font-size:120%;
line-height:180%;
overflow: auto;
display:table;
}

#title{
color:#7A001B;
font-size:110%;
border-left:8px solid #7A001B;   
border-bottom:1px solid #7A001B;   
padding:.8em .9em
}

#link{
color:#7A001B;
display:block;
margin:0px 0px 0px 19px;
padding:14px 0px 0px 30px;
background:url('img/icon_list_link.jpg') no-repeat 0 center;
text-decoration:none;
}

p.profile{
margin:0 auto;
padding:0px 0px 0px 21px; 
font-size:90%;
color:#7A001B;
text-align:left;
line-height:180%; 
}

a:link {
color: #E13878;  
text-decoration:none;
}

a:visited {
color: #E13878;  
text-decoration:none;
}

a:hover {
color: #E13878;  
text-decoration:underline;
}

a:active {
color: #E13878;  
text-decoration:underline;
}

a.white:link{
color:#FFFFFF;
text-decoration:none; 
}

a.white:visited{
color:#FFFFFF;
text-decoration:none; 
}

a.white:hover{
color:#FFFFFF;
text-decoration:underline; 
}

a.white:active {
color:#BA3E20;
text-decoration:underline;
background-color:#FFFFFF;
}

h1 {
margin: 0 auto;
margin-top: 0px; 
margin-bottom: 10px; 
padding:45px 0px 0px 28px; 
float:left;
font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size:26px;
color:#7A001B; 
font-weight:normal;
background-image:url(img/icon_h1.jpg); 
background-repeat:no-repeat; 
display:table;
width:622px;
height:33px;
border-bottom: solid 2px #7A001B;
}

h2 {
margin: 0 auto;
margin-top: 18px; 
margin-bottom: 8px; 
padding:12px 0px 8px 8px;
font-size:130%; 
color:#7A001B;
text-align:left;
border-left-color:#7A001B;
border-style:solid;
border-width:0px 0px 0px 10px;
font-weight:normal;
background:#FFECF0;
width:630px;
float:left;
}

h3 {
width:620px;
height: 24px;  
color:#7A001B;
margin: 0 auto;
margin-top: 0px;
float: left;
padding:20px 0px 0px 30px;
font-weight:normal;
clear: both;
display:block;
background:url('img/icon_h3.jpg') no-repeat 0 center;
text-decoration:none;
border-bottom: 1px dotted #7A001B;
}

h4 {
margin: 0 auto;
margin-top: 18px;
margin-bottom: 8px;
width:375px;
color:#7A001B;
background:#FFEAEF;
border-left:7px solid #7A001B;
padding:8px 0px 8px 18px; 
font-weight:normal;
float: left;
}

h5 {
margin-top: 18px;
margin-bottom: 8px;
width:760px;
background:#FFEAEF;
padding:4px 0px 0px 8px;
font-size:120%; 
color:#7A001B;
text-align:left;
border-left-color:#7A001B;
border-style:solid;
border-width:0px 0px 0px 10px;
font-weight:normal;
}

ul.listbox_sample{
margin:-15px 0px 10px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:100%;
line-height:150%;
}

ul.listbox_sample li{
color:#7A001B;
display:block;
height: 30px;  
padding:10px 0px 0px 30px;
background:url('img/icon_list.jpg') no-repeat 0 center;
text-decoration:none;
border-bottom: 1px dotted #7A001B;
}

ul.listbox{
margin: 0 auto;
width:650px;
float: left;
padding:8px 8px 0px 0px;
text-align:left;
font-size:100%; 
}

ul.listbox li.recruit{
height: 27px;  
display:block;
padding:12px 0px 0px 108px;
background:url('img/icon_list_recruit.jpg') no-repeat 0 center;
text-decoration:none;
border-bottom: 1px dotted #7A001B;
}

ul.listbox li.update{
height: 27px;  
display:block;
padding:12px 0px 0px 108px;
background:url('img/icon_list_update.jpg') no-repeat 0 center;
text-decoration:none;
border-bottom: 1px dotted #7A001B;
}

ul.listbox li.release{
height: 27px;  
display:block;
padding:12px 0px 0px 108px;
background:url('img/icon_list_release.jpg') no-repeat 0 center;
text-decoration:none;
border-bottom: 1px dotted #7A001B;
}

ul.listbox li.jisseki{
height: 27px;  
display:block;
padding:12px 0px 0px 108px;
background:url('img/icon_list_jisseki.jpg') no-repeat 0 center;
text-decoration:none;
border-bottom: 1px dotted #7A001B;
}

ul.listbox li.media{
height: 27px;  
display:block;
padding:12px 0px 0px 108px;
background:url('img/icon_list_media.jpg') no-repeat 0 center;
text-decoration:none;
border-bottom: 1px dotted #7A001B;
}

#footer_kugiri {
margin-right:38px;
text-align:center;
}
#footer_kugiri li {
display:inline;
list-style-type:none;
margin-right:10px;
padding-left:14px;
border-left:1px solid #FFFFFF;
}
#footer_kugiri li.footer_kugiri_home {
border-left:0;
padding-left:0;
}

table.a{
border-spacing:0;
border-collapse:collapse;
empty-cells:show;
}
.a td{
padding:10px 10px 10px 10px;
line-height:150%;
background:url() repeat-x # top center;
border-top:1px solid #7A001B;
border-left:1px solid #7A001B;
border-right:1px solid #7A001B;
border-bottom:1px solid #7A001B;
}

table.b{
border-spacing:0;
border-collapse:collapse;
empty-cells:show;
border-bottom:1px solid #7A001B;
}
.b th{
padding:8px 0px 8px 0px;
line-height:150%;
background:#7A001B;
border-top:0px solid #7A001B;
border-left:0px solid #7A001B;
border-right:0px solid #7A001B;
border-bottom:0px solid #7A001B;
}
.b td{
padding:8px 0px 8px 0px;
line-height:150%;
background:url() repeat-x # top center;
border-top:0px solid #7A001B;
border-left:0px solid #7A001B;
border-right:0px solid #7A001B;
border-bottom:0px solid #7A001B;
}

table.c{
border-spacing:0;
border-collapse:collapse;
empty-cells:show;
}
.c td{
padding:4px 0px;
line-height:150%;
background:url() repeat-x # top center;
border-top:0px solid #FDF5E6;
border-left:0px solid #FDF5E6;
border-right:0px solid #FDF5E6;
border-bottom:0px solid #FDF5E6;
}

img {border-style:none;}

img.line {
vertical-align: middle;
}

#viewer {
	margin: 0 auto;
	width: 888px;
	height: 600px;
	text-align: left;
	overflow: hidden;
	position: relative;
z-index: 1;
}

#viewer img {
	top: 0px;
	position: relative;
}

#link_edit0{
padding-top:138px;
margin-top:-138px
}

#link_edit1{
padding-top:138px;
margin-top:-138px
}

#link_edit2{
padding-top:138px;
margin-top:-138px
}

#link_edit3{
padding-top:138px;
margin-top:-138px
}

#link_edit4{
padding-top:138px;
margin-top:-138px
}

#link_edit5{
padding-top:138px;
margin-top:-138px
}

#link_edit6{
padding-top:138px;
margin-top:-138px
}

dl.accordion dt {
cursor:	pointer;
color: #7A001B;
background: #D4D0C8;
padding: 10px;
text-align: center;
font-size: 120%;
}

dl.accordion dt.opened {
color: #7A001B;
background: #D4D0C8;
padding: 10px;
text-align: center;
font-size: 120%;
}

dl.accordion dd {
margin: 0 auto;
padding-top: 10px;
}

div.imagebox_right{
	float: right;
	padding: 0 5px 5px 5px;
}
.imagebox_right span{
	display: block;
color:#60713B; 
	font-size: 88%;
	text-align: center;
}

div.imagebox_left{
	float: left;
	padding: 0px 20px 0px 0px;
}
.imagebox_left span{
	display: block;
color:#60713B; 
	font-size: 88%;
	text-align: center;
}

div.clear{
	clear: both;
	margin: 0 0 10px 0;
}

div.box {
width: 680px;
float: right;
background: url(img/box_bottom.jpg) no-repeat bottom;
padding-bottom: 20px;
margin-bottom: 40px;
}
div.box .inner {
background: url(img/box_top.jpg) no-repeat;
padding-top: 20px;
line-height:180%;
}
div.box .inner div {
background: url(img/box_center.jpg) repeat-y;
padding: 0 20px;
}

.container { width: 650px; margin: 0 auto;}
.grid1, .grid2, .grid3, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
  float: left;
  display: inline;
  margin: 6px;
  margin-bottom: -3px;
}
.grid4 {
  float: left;
  display: inline;
  margin: 0px;
  margin-bottom: -3px;
}
.first {width: 650px; margin-left: -2px; clear: left; float: center;}
.grid1 {width: 150px;}
.grid2 {width: 200px;}
.grid3 {width: 220px;}
.grid4 {width: 325px;}
.grid5 {width: 380px;}
.grid6 {width: 460px;}
.grid7 {width: 540px;}
.grid8 {width: 620px;}
.grid9 {width: 700px;}
.grid10 {width: 780px;}
.grid11 {width: 860px;}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix {zoom: 1;}

/*�@画像の初期位置を画面外に配置*/
.popup img {
    display:block;            /*ブロック形式で表示*/
    top:-10000px;             /*画像を画面外に飛ばす*/
    left:-10000px;            /*画像を画面外に飛ばす*/
    position:absolute;        /*絶対位置への配置*/
    filter:Alpha(opacity=100); /*半透明[IE]*/
    opacity: 1.0;             /*半透明[FireFox]*/
    border: 0px;              /*枠なし*/
}
/*�Aオンマウス時*/
.popup a:hover {
    position:relative; /*相対位置への配置*/
}
/*�Bオンマウス時の画像表示位置*/
.popup a:hover img {
    top:20px;  /*画像表示位置[top]*/
    left:80px; /*画像表示位置[left]*/
}

/*画像回り込み（右側）*/
div.imagebox_right{
	float: right;
	padding: 0 5px 5px 5px;
}
.imagebox_right span{
	display: block;
color:#60713B; 
	font-size: 88%;
	text-align: center;
}

/* Showcase
-------------*/

#awOnePageButton .view-slide
{
	display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
	height: 500px; /* Same as showcase javascript option */
	overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
	/**/
}

/* Container when content is shown in slider */
.showcase
{
	position: relative;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 10px;
}

	.showcase-content-container
	{
		background-color: #000;
	}
	
	/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next
	{
		position: absolute;
		background: url('img/arrows.png');
		width: 33px;
		height: 33px;
		top: 500px;
		cursor: pointer;
	}
	
	.showcase-arrow-previous
	{
		left: 0px;
	}
	
	.showcase-arrow-previous:hover
	{
		background-position: 0px -34px;
	}
	
	.showcase-arrow-next
	{
		right: 0px;
		background-position: -34px 0;
	}
	
	.showcase-arrow-next:hover
	{
		background-position: -34px -34px;
	}
	
	/* Content */
	.showcase-content
	{
		background-color: #000;
		text-align: center;
	}
		
		.showcase-content-wrapper
		{
			text-align: center;
			height: 470px;
			width: 700px;
			display: table-cell;
			vertical-align: middle;
		}
		
		/* Styling the tooltips */
		.showcase-plus-anchor
		{
			background-image: url('img/plus.png');
			background-repeat: no-repeat;
		}
		
		.showcase-plus-anchor:hover
		{
			background-position: -32px 0;
		}
		
		div.showcase-tooltip
		{
			background-color: #fff;
			color: #000;
			text-align: left;
			padding: 5px 8px;
			background-image: url(img/white-opacity-80.png);
		}
		
		/* Styling the caption */
		.showcase-caption
		{
			color: #000;
			padding: 8px 15px;
			text-align: left;
			position: absolute;
			bottom: 10px; left: 10px; right: 10px;
			display: none;
			background-image: url(img/white-opacity-80.png);
		}
		
	.showcase-onepage .showcase-content
	{
		margin-bottom: 10px;
	}
	
	/* Button Wrapper */
	.showcase-button-wrapper
	{
		clear: both;
		margin-top: 10px;
		text-align: center;
	}
	
		.showcase-button-wrapper span
		{
			margin-right: 3px;
			padding: 2px 5px 0px 5px;
			cursor: pointer;
			font-size: 12px;
			color: #7A001B;
		}
	
		.showcase-button-wrapper span.active
		{
			color: #DB7093;
		}
	
	/* Thumbnails */
	.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
	{
		background-color: #000;
	}
	
	.showcase-thumbnail-wrapper
	{
		overflow: hidden;
	}
		
		.showcase-thumbnail
		{
			width: 120px;
			height: 90px;
			cursor: pointer;
			border: solid 1px #333;
			position: relative;
		}
		
			.showcase-thumbnail-caption
			{
				position: absolute;
				bottom: 2px;
				padding-left: 10px;
				padding-bottom: 5px;
			}
			
			.showcase-thumbnail-content
			{
				padding: 10px;
				text-align: center;
				padding-top: 25px;
			}
			
			.showcase-thumbnail-cover
			{
				background-image: url(img/black-opacity-40.png);
				position: absolute;
				top: 0; bottom: 0; left: 0; right: 0;
			}
		
		.showcase-thumbnail:hover
		{
			border: solid 1px #999;
		}
		
			.showcase-thumbnail:hover .showcase-thumbnail-cover
			{
				display: none;
			}
		
		.showcase-thumbnail.active
		{
			border: solid 1px #999;
		}
		
			.showcase-thumbnail.active .showcase-thumbnail-cover
			{
				display: none;
			}
	
	.showcase-thumbnail-wrapper-horizontal
	{
		padding: 10px;
	}
	
		.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
		{
			margin-right: 10px;
			width: 116px;
		}
	
	.showcase-thumbnail-wrapper-vertical
	{
		padding: 10px;
	}
	
		.showcase-thumbnail-wrapper-vertical .showcase-thumbnail
		{
			margin-bottom: 10px;
		}
		
	.showcase-thumbnail-button-backward,
	.showcase-thumbnail-button-forward
	{
		padding: 7px;
		cursor: pointer;
	}
	
	.showcase-thumbnail-button-backward
	{
		padding-bottom: 0px;
		padding-right: 0px;
	}
	
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-image: url(img/arrows-small.png);
			background-repeat: no-repeat;
			display: block;
			width: 17px;
			height: 17px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical
		{
			background-position: 0 -51px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -51px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical
		{
			background-position: 0 -34px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -34px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-position: 0 -17px;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px -17px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
		{
			background-position: 0 0;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px 0;
		}
		
		/* Hide button text */
		.showcase-thumbnail-button-forward span span,
		.showcase-thumbnail-button-backward span span
		{
			display: none;
		}
		
.gazouwaku{   
     border:1px solid #7A001B;/* 外枠の色 */   
     padding:0px;/* 余白 */   
     background-color:#FFEFD1;/* 余白部分の色 */
}  

.gazouwaku2{   
     border:1px solid #7A001B;/* 外枠の色 */   
     padding:0px;/* 余白 */   
     background-color:#FFEFD1;/* 余白部分の色 */
	 border-radius: 10px;
}  

#page-top{
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	right:16px;
	bottom:16px;
}
 
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:#7A001B;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
 
#page-top p:hover{
	background:#DB7093;
}
 
#move-page-top{
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}
									  
/* バグ防止
---------------------------------------------------- */
.contents img {
  position: relative;
}

html[lang^="ja"] #sidenavi {
  margin-top: 0;
}

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}