@charset "utf-8";

@import url("../common/css/common.css");


/* html */
html{
	width:100%;
	height:100%;
	overflow:hidden;
}


/* body */
body{
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	line-height:1.5;
	width:100%;
	height:100%;
	overflow:hidden;
	background:#DEDBDB;
	color:#474747;
}


/* #header */
#header {
	position:fixed;
	top:0;
	width:100%;
	height:74px;
	z-index:20;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;
}
#header .header_inn {
	height:74px;
	background-color:#0c0930;
}
#header .header_inn h1 {
	text-align:center;
	padding:8px 0 0 0;
}


/* #navi */
#navi {
	position:relative;
	top:90px;
	width:150px;
	height:400px;
	background-color:#fff;
	border:10px solid #f6f6f6;
	z-index:10;
	_display:none;
}
#navi ul {
	z-index:999;
	margin:15px 10px 10px 10px;
	position:absolute;
}
#navi ul li {
	height:2em;
}
#navi ul li a {
	text-decoration:none;
	background:url(../common/images/icon01.png) left 3px no-repeat;
	padding:0 0 0 17px;
	display:block;
	width:123px;
	color:#000;
}
#navi ul li a:hover {
	background:url(../common/images/icon01.png) 10px 3px no-repeat;
	padding:0 0 0 27px;
	width:113px;
}
#navi span {
	width:100%;
	height:2em;
	display:block;
	background:#FFCC00;
	position:absolute;
	top:35px;
}


/* #footer */
#footer {
	position:fixed;
	_position:absolute;
	bottom:0;
	width:100%;
	height:22px;
	z-index:20;
}
#footer .footer_inn {
	height:22px;
	background-color:#0c0930;
}
#footer .footer_inn p {
	text-align:center;
	padding:2px 0 0 0;
	color:#FFF;
}
#footer .footer_inn p a,
#footer .footer_inn p a:hover {
	color:#FFF;
	text-decoration:none;
}


/* #wrapper */
#wrapper{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	_display:none;
}


/* #container */
#container {
	width:50000px;
	position:absolute;
	top:0;
	left:0;
}
*+html #container {
	z-index:15;
}


/* .contents */
.contents{
	position:relative;
	clear:both;
}
.contents .block{
	float:left;
	position:relative;
}
.contents .block .box {
	width:730px;
	height:380px;
	padding:10px;
	background-color:#fff;
	border:10px solid #f6f6f6;
	z-index:10;
}
.contents .block .home {
	width:910px;
	height:380px;
	padding:10px;
	background-color:#fff;
	border:10px solid #f6f6f6;
	z-index:18;
}
h3 {
	background:url(../common/images/icon03.png) left 3px no-repeat;
	background:url(../common/images/icon03.png) left 5px no-repeat\9;
	font-weight:bold\9;
	margin:5px 10px 10px 10px;
	padding:0 0 0 15px;
	font-size:16px;
	line-height:1.2;
}
.nojs {
	text-align:center;
	padding:5px 0;
	background-color:#333;
	color:#FFF;
}
.topflash {
	background-color:#FFF;
	margin:15px 0 0 5px;
	_margin:15px 0 0 0;
	padding:10px 0;
	text-align:center;
	cursor:pointer;
}


/* #home */
#home .accordion {
	text-align:left;
	margin:0 25px 0 6px;
	padding:0 25px 0 0;
	background-color:#8C8483;
}
#home .accordion > ol {
	position:relative;
	overflow:hidden;
	height:100%;
}
#home .accordion .slide > h2 {
    font-size:18px;
	font-weight:normal;
	font-weight:bold\9;
	line-height:225%;
	z-index:100; 
	position:absolute; 
	top:0; 
	left:0; 
	-webkit-transform:translateX(-100%) rotate(-90deg); 
	-webkit-transform-origin:right top; 
	-moz-transform:translateX(-100%) rotate(-90deg);
	-moz-transform-origin:right top; 
	-o-transform:translateX(-100%) rotate(-90deg); 
	-o-transform-origin:right top; 
	transform:translateX(-100%) rotate(-90deg); 
	transform-origin:right top;
	-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#home .accordion .no01 > h2 {
	background:url(../common/images/home/navi01_off.png) left top no-repeat;
	background:url(../common/images/home/navi01_ie.png) left top no-repeat\9;
}
#home .accordion .no02 > h2 {
	background:url(../common/images/home/navi02_off.png) left top no-repeat;
	background:url(../common/images/home/navi02_ie.png) left top no-repeat\9;
}
#home .accordion .no03 > h2 {
	background:url(../common/images/home/navi03_off.png) left top no-repeat;
	background:url(../common/images/home/navi03_ie.png) left top no-repeat\9;
}
#home .accordion .no04 > h2 {
	background:url(../common/images/home/navi04_off.png) left top no-repeat;
	background:url(../common/images/home/navi04_ie.png) left top no-repeat\9;
}
#home .accordion .no05 > h2 {
	background:url(../common/images/home/navi05_off.png) left top no-repeat;
	background:url(../common/images/home/navi05_ie.png) left top no-repeat\9;
}
#home .accordion .no06 > h2 {
	background:url(../common/images/home/navi06_off.png) left top no-repeat;
	background:url(../common/images/home/navi06_ie.png) left top no-repeat\9;
}
#home .accordion .slide > h2:hover {
	cursor:pointer;
}
#home .accordion .no00 > h2 {
	background:url(../common/images/home/navi00_on.png) left top no-repeat;
}
#home .accordion .no00 > h2:hover {
	background:url(../common/images/home/navi00_on_h.png) left top no-repeat;
}
#home .accordion .no00 > h2.selected {
	background:url(../common/images/home/navi00_off.png) left top no-repeat;
	cursor:default;
}
#home .accordion .slide > h2 span { 
    display:block; 
    padding-right:15px; 
    text-align:right; 
    height:90%;
    margin-top:22px;
	color:#FFF;
}
#home .accordion .no00 > h2 span {
	visibility:hidden;
}
#home .accordion .slide > div {
	height:100%;
	position:absolute;
	top:0;
	z-index:10;
	overflow:hidden;
	padding-right:38px;	
	color:#FFF;
	background-color:#FFF;
}
#home .accordion .no01 > div {
	background:url(../common/images/home/bg01.png) right top no-repeat;
}
#home .accordion .no02 > div {
	background:url(../common/images/home/bg02.png) right top no-repeat;
}
#home .accordion .no03 > div {
	background:url(../common/images/home/bg03.png) right top no-repeat;
}
#home .accordion .no04 > div {
	background:url(../common/images/home/bg04.png) right top no-repeat;
}
#home .accordion .no05 > div {
	background:url(../common/images/home/bg05.png) right top no-repeat;
}
#home .accordion .no06 > div {
	background:url(../common/images/home/bg06.png) right top no-repeat;
}
#home .accordion .slide > div h3 {
	margin:18px 0 0 70px;
	background:none;
	padding:0;
	float:left;
}
#home .accordion .no03 > div h3 {
	margin:21px 0 0 70px;
}
#home .accordion .no04 > div h3 {
	margin:24px 0 0 70px;
}
#home .accordion .no05 > div h3 {
	margin:14px 0 0 70px;
}
#home .accordion .slide > div .detail_btn {
	text-align:right;
	margin:35px 50px 0 0;
	float:right;
}

#home .accordion .no00 > div {
	color:#474747;
	text-align:center;
}
#home .accordion .no00 > div .txt01 {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin:2px 0 10px 10px;
}
#home .accordion .no00 > div .txt02 {
	text-align:left;
	margin:0 20px 13px 25px;
	padding:0 0 13px 0;
	background:url(../common/images/link/line.gif) left bottom repeat-x;
}
#home .accordion .no00 > div .txt03 {
	text-align:right;
	margin:0 20px 0 0;
}



/* .works_left */
.works_left {
	width:710px;
	height:225px;
	position:relative;
	margin:0 0 0 10px;
	line-height:1.6;
}
.works_left h4 {
	margin:0 20px 15px 370px;
	padding:15px 0 0 0;
	font-size:14px;
	font-weight:bold;
}
.works_left h4 a {
	color:#FFF;
	border-bottom:1px dotted #FFFFFF;
	text-decoration:none;
	padding:0 0 1px 0;
}
.works_left h4 a:hover {
	border-bottom:none;
}
.works_left p {
	margin:0 20px 0 370px;
}
.works_left p.url {
	margin:10px 20px 0 370px;
	line-height:1.4;
}
.works_left p.url a {
	text-decoration:none;
	background:url(../common/images/icon02.png) left 3px no-repeat;
	padding:0 10px 0 17px;
	display:block;
	font-weight:bold;
	color:#FFF;
}
.works_left p.url a:hover {
	background:url(../common/images/icon04.png) left 3px no-repeat;
	color:#FFCC00;
}
.works_left img {
	position:absolute;
	left:0;
	top:0;
}
/* .works_right */
.works_right {
	width:710px;
	height:225px;
	position:relative;
	margin:0 0 0 10px;
	line-height:1.6;
}
.works_right h4 {
	margin:0 370px 12px 20px;
	padding:15px 0 0 0;
	font-size:14px;
	font-weight:bold;
}
.works_right h4 a {
	color:#FFF;
	border-bottom:1px dotted #FFFFFF;
	text-decoration:none;
	padding:0 0 1px 0;
}
.works_right h4 a:hover {
	border-bottom:none;
}
.works_right p {
	margin:0 370px 0 20px;
}
.works_right p.url {
	margin:10px 370px 0 20px;
}
.works_right p.url a {
	text-decoration:none;
	background:url(../common/images/icon02.png) left 3px no-repeat;
	padding:0 10px 0 17px;
	display:block;
	font-weight:bold;
	color:#FFF;
}
.works_right p.url a:hover {
	background:url(../common/images/icon04.png) left 3px no-repeat;
	color:#FFCC00;
}
#works05 .works_right p.url a:hover {
	background:url(../common/images/icon02.png) left 3px no-repeat;
	color:#FFF;
}
.works_right img {
	position:absolute;
	right:0;
	top:0;
}
/* .comment */
.comment {
	width:690px;
	margin:15px 0 10px 10px;
	padding:10px;
	background:url(../common/images/works/bg.gif) left top repeat;
}
.comment_inn {
	background-color:#FFF;
    padding:10px;
}
/* .works_navi */
.works_navi {
	width:132px;
	margin:0 0 0 300px;
}
.works_navi li {
	width:22px;
	float:left;
	line-height:0;
	font-size:0;
}

/* #works */
#works01 .works_right {
	background-color:#23324F;
	color:#FFF;
}
#works02 .works_right {
	background-color:#000;
	color:#FFF;
}
#works03 .works_left {
	background-color:#200D1B;
	color:#FFF;
}
#works04 .works_right {
	background-color:#9F1D37;
	color:#FFF;
}
#works05 .works_right {
	background-color:#CBEE29;
	color:#FFF;
}
#works06 .works_left {
	background-color:#8C8483;
	color:#FFF;
}


/* #contact */
#contact .ov {
	overflow:auto;
	width:730px;
	height:340px;
}
#contact table {
	margin:10px 20px 0;
}
#contact table th,
#contact table td {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding:0 12px 8px 0;
}
#contact table td .inq a {
	text-decoration:none;
	background:url(../common/images/icon01.png) left 3px no-repeat;
	padding:0 10px 0 17px;
	display:block;
	font-weight:bold;
}
#contact table td .inq a:hover {
	background:url(../common/images/icon04.png) left 3px no-repeat;
	color:#FFCC00;
}
#contact .map {
	width:710px;
	height:300px;
	margin:0 0 0 10px;
}
#contact .map iframe {
	background-color: transparent;
}


/* #link */
#link dl {
	display:block;
	overflow:hidden;
	margin:0 0 15px 0;
	padding:0 0 10px 0;
	background:url(../common/images/link/line.gif) center bottom no-repeat;
}
#link dl.none {
	background:none;
}
#link dl.left {
	float:left;
	width:355px;
}
#link dl.right {
	float:right;
	width:355px;
	margin:0 10px 0 0;
}
#link dl dt {
	clear:both;
    float:left;
    width:145px;
}
#link dl dt img {
	background:url(../common/images/link/bg.png) left top no-repeat;
    height:115px;
    padding:15px;
    width:115px;
}
#link dl dd {
	margin:15px 0 0 150px;
}
#link dl dd a {
	text-decoration:none;
	background:url(../common/images/icon01.png) left 3px no-repeat;
	padding:0 10px 0 17px;
	display:block;
	margin:0 0 8px 0;
	font-weight:bold;
}
#link dl dd a:hover {
	background:url(../common/images/icon04.png) left 3px no-repeat;
	color:#FFCC00;
}