@charset "shift_jis";
/*
	-- -- -- -- -- -- --
	jetrun- Based CSS layout
	edited on : 4/20/2009
	-- -- -- -- -- -- --
*/

/*
	base
*/
body {
	background: #ededf5 url(../img/bg-body.jpg) center top repeat-x;
}

#main-wrapper {
	padding-top: 25px;
	background: url(../img/bg-wrap.png) center top repeat-y;
}

/*
	main-content
*/
#main-content {
	margin-right: 30px;
	float: right;
}
#main-content_branch-office-top{
	width:530px;
	text-align:left;
	/*background: url(../img/logo_back.jpg) left top no-repeat;*/
}
#main-content_branch-office-bottom{
	width:530px;
	text-align:left;
	padding-bottom:350px;
	background: url(../img/background.jpg) center bottom no-repeat;
	margin-right: 30px;
	float: right;
}
/*side-bar*/
/*
	side-bar wrap
*/
#side-bar {
	float: left;
}
#side-link {
	margin-left: 30px;
	width: 160px;
}
/*
	Service
*/
#side-link ul{
	text-align: left;
	margin-bottom: 15px;
}
#side-link li {
	margin-bottom: 1px;
	background: url(../img/line-dotted.gif) left bottom repeat-x;
}
#side-link li.line-up {
	padding: 5px 0 15px 0;
}

#side-link li.line-up a{
	padding: 0;
	background: none;
}
#side-link li a {
	display: block;
	padding: 10px 1px 10px 25px;
	background: url(../img/arrow.gif) left center no-repeat;
	line-height: 1;
}
#co-List li p {
	margin: 0 auto 1.5em auto;
	width: 490px;
}
.f-140 {
	width: 140px;
	min-height: 105px;
	float: left;
}
.f-360 {
	width: 360px;
	padding-bottom: 1.5em;
	float: right;
}
h1 { 
	text-indent: -5000px;
	overflow: hidden; 
}
h3.intro {
	background: none;
	margin-bottom: 1em;
	padding: 0;
	border-bottom: 1px solid #ccc;
}	
b { 
	font-size: 95%; 
	font-weight: normal;
	color:#036;
}
	
/*
	press release
*/
.press, .news {
	margin-bottom: 20px;
	font-size: 90%;
	border: solid 1px #ccc;
}
.press li, .news li { 
	background: url(../img/line-dotted.gif) left bottom repeat-x;
}
.press li.border-none, .news li.border-none { background: none; }
.press li b, .news li b { 
	padding-right: 10px;
	color: #666;
	font-size: 85%;
}
.press li a, .news li a {
	display: block;
	padding: 7px 3px 7px 33px;
	background: url(../img/icon-press.gif) 6px 7px no-repeat; 
}
.press li a:hover, .news li a:hover {
	background-color: #f5f5f5 ; 
}
.pdf {
	font-weight: normal;
	padding: 2px 15px 3px 5px;
	background: url(../img/icon-pdf.gif) right top no-repeat;
} 
.press-layout {
	background: transparent url(../img/title-press.gif)  left 5px no-repeat;
}
.press-layout h3 {
	margin: 1em 0;
	padding: 0;
	font-size: 120%;
	color: #555;
	background: none;
}
.press-list01 li {
	list-style: inside square;
}
.word-list　{
	width: 100%;
}
.word-list li {
	background-color: #F7F7F7;
	border: 1px solid #CCCCCC;
	color: #333;
	display: inline;
	float: left;
	margin: 0.25em 0 0.25em 5px;
	padding: 2px 5px;
}
#top-word li {
	background-color: #FFFF99;
	font-size: 110%;
	margin: 0.25em 10px 0.7em 0;
}

/*	
	pressroom AdobeReader 
*/
#AR_download {
	padding: 6px;
	border: #ccc solid 1px;
	font-size: 80%;
	text-align: left;
	background: #f8f8f8;
}
#AR_download a {
	text-align: center;
}
/*	
	採用情報
*/
blockquote, .msg { 
	font-family: "ヒラギノ明朝 Pro W3", メイリオ,"細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 100%;
}
.ceo-msg{
	background: url(../img/flower.jpg) right top no-repeat;
	padding-right: 120px;
	padding-bottom: 20px;
}


#side-link li a.side-off {
	background: none;
}
.about-recruit ol ul {
	margin-bottom: .5em;
}
.about-recruit ol ul li {
	margin-left: 1em;
	list-style: disc;
	font-size: 98%;
}
.about-recruit h6 {
	font-size: 98%;
}
.recruit-float-left {
	font-size: 90%;
	float:left;
	margin-bottom:10px;
	margin-left:10px;
}
.correction {
	text-decoration: line-through;
}
.font-red {
	color: #ff0000;
}
.branchoffice-float-left1 {
	padding-top:10%;
	width:220px;
	float:left;
}
.branchoffice-float-left2 {
	padding-top:25%;
	width:255px;
	float:left;
	margin-bottom:30px;
}
.branchoffice-float-left3 {
	width:250px;
	float:left;
	margin-bottom:30px;
}
.branchoffice-float-left4 {
	padding-top:35%;
	width:210px;
	float:left;
}
.branchoffice-float-right1 {
	padding-top:20%;
	float:right;
	margin-left:5px;
	width:250px;
}
.branchoffice-float-right2 {
	float:right;
	margin-left:5px;
	margin-bottom:30px;
}
.branchoffice-float-right3 {
	padding-top:15%;
	width:220px;
	float:right;
	margin-left:5px;
	margin-bottom:30px;
}
/*	
	製品・サービス
*/

#recommend #top-img {
	background: #fff url(../img/service-recommend.jpg) bottom center no-repeat;
	margin-bottom: 1em;
	padding: 0;
	height: 250px;
	text-indent:-5000px;
}
#recommend h3 {
	margin: .75em 0 .5em 0;
	padding: 6px 0 11px 20px;
	font-size: 125%;
	color: #000055;
	background: #f4f4f4 url(../img/heading-4.png) left bottom no-repeat;
	border-top: #ccc 1px solid;
}
#recommend h4 {
	background: url(../images/square.png) left center no-repeat;
	color: #003399;
	border: none;
	margin: 0;
	font-size: 115%;
	padding: 0 0 0 25px;
	margin-bottom: .25em;
}
#recommend h5 {
	color:#333;
	margin-top: 0;
}
#recommend  #detail .f-160 img {
	margin-top: 5px;
	border: 1px solid #ccc;
}

#recommend .section ul li {
	list-style: inside disc;
}
#demo {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 100%; /* important */
	height: 305px; /* important */
	margin: 0;
}

#content {
	position: absolute;
	top: 69px;
	width: 13440px;
	margin-left: 0;
	z-index: 150;
	left: 1px;
}

#content, #content li {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #333;
}

#content li a {
	border:none;
}
#content li h3 {
	margin: 0;
}
#demo ul li {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		background-color: #fff;
	}

#demo ul li img {
	display: block;
}
.frame{
	position: absolute;
	top: 0;
	left: 1px;
}
.frame ul li a{ 
	background-image: url(../img/service-navi.png);
	height: 70px;
	overflow: hidden;
	text-indent: -5000px;
}
#thumb0, #thumb00 { background-position: 0 0;}
#thumb1, #thumb01 { background-position: 462px 0;}
#thumb2, #thumb02 { background-position: 396px 0;}
#thumb3, #thumb03 { background-position: 264px 0;}
#thumb4, #thumb04 { background-position: 330px 0;}
#thumb5, #thumb05 { background-position: 198px 0;}
#thumb6, #thumb06 { background-position: 132px 0;}
#thumb7, #thumb07 { background-position: 66px 0;}

#thumb0:hover, #thumb00:hover { background-position: 0 70px;}
#thumb1:hover, #thumb01:hover { background-position: 462px 70px;}
#thumb2:hover, #thumb02:hover { background-position: 396px 70px;}
#thumb3:hover, #thumb03:hover { background-position: 264px 70px;}
#thumb4:hover, #thumb04:hover { background-position: 330px 70px;}
#thumb5:hover, #thumb05:hover { background-position: 198px 70px;}
#thumb6:hover, #thumb06:hover { background-position: 132px 70px;}
#thumb7:hover, #thumb07:hover { background-position: 66px 70px;}

.frame ul li{
	width: 66px;
	height: 90px;
}
.frame ul li a {
	width: 66px;
	height: 90px;
	display: block;
}
.frame ul li img:hover { border: 1px solid #369;}
noscript .frame {
	z-index: 100;
}			
/*	
	お問い合わせ
*/
fieldset{
	margin:0;
	padding: 2em 3em;
	border: 1px solid #ccc;
	background-color: #f9f9f9;
}
form { 
	margin: 0 auto;
}
.form-list label { padding: 1px 18px 1px 3px; }
#contact-form dl {
	text-align: left;
}
#contact-form dl dt {
	font-weight: bold;
	padding-left: 8px;
	border-left: 6px solid #93a4be;
}
#contact-form dl dd {
	margin: 0.5em 0;
	padding: 0 0 1em 1em;
	background: url(../img/line-dotted.gif) left bottom repeat-x; 
}
#contact-form dl em { 
	font-size: 75%; 
	color: red; 
	font-weight: normal;
}
.send-button {
	color: #003366;
	display: block;
	padding: 2px 0;
	width:125px;
}
#filter-movie {
	float: right;
	width: 205px;
	height: 100px;
	border: solid 2px #006;
	margin: 0 0 10px 10px;
}
.attention {
	margin-left: 1.25em;
	font-size: 95%;
}
.attention p { 
	margin-top: .75em;
	letter-spacing: 0;
}
.attention p span {
	margin-left: 1em;
}
.list li span {
	margin-left: 5em;
}

/*	
	お知らせ
*/
.text-news {
padding-top:70px;
padding-bottom:130px;
}
.text-news p {
text-indent:1em;
padding-bottom:20px;
}
