@charset "UTF-8";

/*
-----------------------------------------------
グループナビゲーション用スタイル
----------------------------------------------- */

@import "group.css";

/*
-----------------------------------------------
screenメディア用スタイル
----------------------------------------------- */

body {
margin:0;
padding:0;
color:#333;
background:#eee;
text-align:center;
font-size:80%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

@media print{
	body {
	background:none;
	}
}

body * {
margin:0;
padding:0;
}

.inner {
width:820px;
margin:0 auto;
padding:0;
text-align:left;
position:relative;
}

a {
color:#039;
}

a:visited {
color:#333;
}

img {
border:none;
}

a:hover img {  /* イメージオーバー */
color:#fff;
background:#fff;
zoom: 1;
filter:alpha(opacity=80);
-moz-opacity:0.80; //mozira
opacity:0.80; //IE
}

input.submit {
font-size:10px;
}


/* ヘッダ */

#logo {
width:100%;
background:#2E170C;
background:#300;
}

.synergy #logo {
background:#004;
}

#logo .inner {
height:100px;
background:transparent url(./img/logo.jpg) no-repeat;
text-indent:-10000px;
}

@media print{
	#logo {
	background:none;
	text-indent:inherit;
	}
}



.synergy #logo .inner {
background:transparent url(./img/logo_synergy.jpg) no-repeat;
}

#home #logo .inner {
height:320px;
background:transparent url(./img/homeimg.jpg) no-repeat;
}

#home.synergy #logo .inner {
background:transparent url(./img/homeimg_synergy.jpg) no-repeat;
}

#logo a {
width:270px;
height:100px;
display:block;
}

#navigation {
width:100%;
height:30px;
overflow:hidden;
color:#fff;
background:#000;
border-top:solid 1px #fff;
}

@media print{
	#navigation {
	display:none;
	}
}


#navigation li {
width:164px;
float:left;
list-style:none;
}

#navigation a {
display:block;
width:100%;
height:30px;
text-indent:-10000px;
}

#navi_aboutus a {background:transparent url(./img/navigation.gif) 0px 0px;}
#navi_aboutus a:hover, #navi_aboutus.active a {background:transparent url(./img/navigation.gif) 0px -30px;}

#navi_products a {background:transparent url(./img/navigation.gif) -164px 0px;}
#navi_products a:hover, #navi_products.active a {background:transparent url(./img/navigation.gif) -164px -30px;}

#navi_solutions a {background:transparent url(./img/navigation.gif) -328px 0px;}
#navi_solutions a:hover, #navi_solutions.active a {background:transparent url(./img/navigation.gif) -328px -30px;}

#navi_examples a {background:transparent url(./img/navigation.gif) -492px 0px;}
#navi_examples a:hover, #navi_examples.active a {background:transparent url(./img/navigation.gif) -492px -30px;}

#navi_recruit a {background:transparent url(./img/navigation.gif) -656px 0px;}
#navi_recruit a:hover, #navi_recruit.active a {background:transparent url(./img/navigation.gif) -656px -30px;}


/* シナジー */

.synergy #navi_aboutus a {background:transparent url(./img/navigation_synergy.gif) 0px 0px;}
.synergy #navi_aboutus a:hover, .synergy #navi_aboutus.active a {background:transparent url(./img/navigation_synergy.gif) 0px -30px;}

.synergy #navi_happy a {background:transparent url(./img/navigation_synergy.gif) -164px 0px;}
.synergy #navi_happy a:hover, .synergy #navi_happy.active a {background:transparent url(./img/navigation_synergy.gif) -164px -30px;}

.synergy #navi_sightseeing a {background:transparent url(./img/navigation_synergy.gif) -328px 0px;}
.synergy #navi_sightseeing a:hover, .synergy #navi_sightseeing.active a {background:transparent url(./img/navigation_synergy.gif) -328px -30px;}

.synergy #navi_publishing a {background:transparent url(./img/navigation_synergy.gif) -492px 0px;}
.synergy #navi_publishing a:hover, .synergy #navi_publishing.active a {background:transparent url(./img/navigation_synergy.gif) -492px -30px;}

.synergy #navi_inquiry a {background:transparent url(./img/navigation_synergy.gif) -656px 0px;}
.synergy #navi_inquiry a:hover, .synergy #navi_inquiry.active a {background:transparent url(./img/navigation_synergy.gif) -656px -30px;}




#crumbs {
color:#000;
background:#ccc;
border:solid 1px #fff;
padding:3px;
font-size:75%;
padding-left:20px;
height:auto;
overflow:hidden;
}

@media print{
	#crumbs {
	display:none;
	}
}



#crumbs form {
float:right;
margin-right:20px;
}

#crumbs input {
color:#333;
background:#fff;
border:solid 1px #666;
}

#crumbs ul {
margin-top:5px;
}

#crumbs li {
display:inline;
padding-right:5px;
list-style:none;
}

#crumbs a {
padding-right:20px;
background:transparent url(./img/crumbs.gif) no-repeat right center;
}


/* ボディ */

#content_body {
}

#content_body .inner {
background:#fff;
}

/* ボディ：サイド */

#content_side {
width:180px;
padding:20px;
float:left;
}

@media print{
	#content_side {
	display:none;
	}
}

#content_side ul {
border:solid 1px #ccc;
}

#content_side li {
list-style:none;
border-top:dashed 1px #ccc;
line-height:0;
}

#content_side li#sidetop {
border:none;
font-weight:bold;
}

#content_side li a {
text-decoration:none;
display:block;
width:145px;
background:transparent url(./img/listmark.gif) no-repeat 12px center;
padding:0.5em 10px 0.5em 25px;
color:#444;
line-height:normal;
}

#content_side li#sidetop a {
background-image:url(./img/linkmark.gif);
}


#content_side li a:hover {
background:#eee url(./img/listmark.gif) no-repeat 12px center;
}

#content_side li.active {
background:#eee url(./img/listmark.gif) no-repeat 12px center;
}


/* ボディ：バナー */

#content_banner {
width:180px;
padding:0 20px 20px 20px;
clear:left;
float:left;
}

#content_banner ul {
background:#eee;
padding:5px 0 1px 5px;
}

#content_banner li {
list-style:none;
line-height:0;
font-size:0;
margin-bottom:5px;
}

#content_banner li a {
text-decoration:none;
line-height:normal;
}


/* ボディ：メイン */

#content_main {
width:550px;
padding:20px;
float:right;
/* hack */
min-height:450px;
height:auto !important;
height:450px;
/* hack */
}

#home #content_main {
/* hack */
min-height:250px;
height:auto !important;
height:250px;
/* hack */
}

@media print {
	#content_main {
	width:100%;
	padding:0;
	}
}

#content_main h1 {
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
font-size:200%;
margin-top:30px;
margin-bottom:30px;
}

#content_main h1 span {
display:block;
color:#900;
background:transparent;
font-size:50%;
font-weight:normal;
margin-top:0.5em;
padding-top:0.25em;
border-top:solid 1px #ccc;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.synergy #content_main h1 span {
color:#007;
}

/*
#content_main h2 {
clear:both;
width:100%;
font-size:120%;
margin:1.5em 0 1em 0;
}
*/

#content_main h2 {
clear:both;
font-size:120%;
margin:1.5em 0 1em 0;
background:transparent url(./img/h2_bg.gif) no-repeat 1px 6px;
padding-left:20px;
border-bottom:dotted 1px #333;
padding-bottom:0.5em;
vertical-align:top;
}


#content_main h3 {
font-size:100%;
margin:1em 0 1em 0;
border-left:solid 2px #333;
padding-left:0.5em;
}

#content_main h4 {
font-size:100%;
margin:1em 0 1em 0;
}

#content_main table {
border-spacing: 0px;
border-collapse:collapse;
margin-bottom:2em;
clear:both;
}

#content_main dl {
height:auto;
overflow:hidden;
margin-bottom:2em;
}

#content_main p {
margin-bottom:1em;
line-height:150%;
}

#content_main ul,
#content_main ol {
padding-left:2em;
margin-bottom:1.5em;
}

#content_main li ul,
#content_main li ol {
margin-bottom:0.5em;
margin-top:0.5em;
}

/* 囲み */

.kakomi {
margin-top:2em;
margin-bottom:1.5em;
clear:both;
padding:1.5em 1.5em 0.5em 1.5em;
background:#eee;
height:auto;
overflow:hidden;
}

.kakomi h4 {
font-size:120%;
margin-bottom:1em;
}

#content_main .kakomi ul.link {
margin-bottom:1em;
}


/* 関連情報 */

.relations {
margin-top:1.5em;
clear:both;
padding:0.5em 1em 1em 1em;
background:#eee;
}

.relations h4 {
font-size:100%;
display:inline;
padding-right:1em;
}

.relations ul {
display:inline;
margin-bottom:1em;
padding-left:0;
}

.relations li {
list-style:none;
display:inline;
border-left:solid 1px #ccc;
padding-left:0.75em;
margin-left:0.5em;
}

.txt_right {
text-align:right;
}

.img_right {
float:right;
margin:0 0 1em 1em;
height:auto;
overflow:hidden;
}

#content_main ul.link {
padding-left:0.5em;
margin-bottom:2em;
}

#content_main ul.link li {
padding-left:15px;
list-style:none;
background:transparent url(./img/linkmark.gif) no-repeat 0px 10px;
line-height:175%;
}


a.ico_acrobat, a.ico_word, a.ico_excel, a.ico_web, a.ico_link, a.ico_mail {
padding-right:20px;
margin-right:5px;
}

a.ico_acrobat {background:transparent url(./img/ico_acrobat.gif) no-repeat right center;}
a.ico_word {background:transparent url(./img/ico_word.gif) no-repeat right center;}
a.ico_excel {background:transparent url(./img/ico_excel.gif) no-repeat right center;}
a.ico_web {background:transparent url(./img/ico_web.gif) no-repeat right center;}
a.ico_link {background:transparent url(./img/ico_link.gif) no-repeat right center;}
a.ico_mail {background:transparent url(./img/ico_mail.gif) no-repeat right center;}


#content_main ul.bt_img {
margin:0;
padding:0;
}

#content_main ul.bt_img li {
margin:0;
list-style:none;
width:183px;
height:37px;
float:left;
}

#content_main ul.bt_img a {
display:block;
height:27px;
padding:10px 0.25em 0 30px;
color:#333;
text-decoration:none;
background:transparent url(./img/bt_img.jpg) no-repeat 0px 0px;
}

#content_main ul.bt_img a:hover {
background:transparent url(./img/bt_img.jpg) no-repeat 0px -37px;
}



/* ボディ：ページトップ */

#pagetop {
clear:both;
text-align:right;
height:auto;
overflow:hidden;
}

@media print{
	#pagetop {
	display:none;
	}
}



#pagetop p {
}

#pagetop a {
display:block;
width:115px;
height:28px;
text-align:left;
text-indent:-10000px;
background:transparent url(./img/pagetop.gif) no-repeat 0px 0px;
float:right;
margin-right:15px;
}

#pagetop a:hover {
background:transparent url(./img/pagetop.gif) no-repeat 0px -28px;
}


/* フッタ */

#content_footer {
background:#000;
color:#999;
height:100px;
clear:both;
font-size:75%;
}


@media print{
	#content_footer {
	background:none;
	border-top:solid 1px #999;
	}
}


#content_footer .inner {
}

#content_footer ul {
float:right;
margin-top:15px;
}

@media print{
	#navi_footer {
	display:none;
	}
}

#navi_footer li {
float:left;
background:transparent url(./img/footer_listmark.gif) no-repeat left center;;
padding-left:15px;
margin-right:15px;
list-style:none;
}

#navi_footer a {
text-decoration:none;
color:#999;
}

#navi_footer a:hover {
color:#666;
}

#copyright {
clear:both;
}

table.visual th, table.visual td {
	padding:0.25em;
}


table.visual th {
	color: #333;
	text-align: center;
	font-weight:normal;
	background-color: #eee;
	border: 1px solid #ccc;
}

table.visual td {
	border: 1px solid #ccc;
	line-height: 125%;
	vertical-align: middle;
}
table.visual caption {
	text-align: left;
}


/* トップページ */

#home #content_main * {
margin:0;
padding:0;
}

#content_home_left,
#content_home_center,
#content_home_right {
margin-top:20px;
margin-left:20px;
display:inline;		/* バグ用 */
}

#content_home_left {
width:200px;
float:left;
background-color:#fff;
border:solid 1px #eee;
padding:5px;
}

#content_home_left h2 {
font-size:0.8em;
padding-bottom:0.5em;
border-bottom:dotted 1px #999;
}

#content_home_left a {
font-size:80%;
font-weight:normal;
padding:0 0.5em;
}

#content_home_left ul {
margin:1em 0;
}

#content_home_left li {
background:transparent url(./img/linkmark.gif) no-repeat 0px 7px;
padding-left:15px;
font-size:10px;
margin-bottom:0.5em;
list-style:none;
}

#content_home_left li a {
font-size:110%;
}

#content_home_center {
width:360px;
float:left;
}


#content_home_right {
width:170px;
float:left;
}

#content_home_center li {
vertical-align:baseline;
margin-bottom:2px;
list-style:none;
}
#content_home_right li {
vertical-align:baseline;
line-height:0;
font-size:0;
margin-bottom:2px;
list-style:none;
}


/* アルティシモ */

#content_main #selector {
	margin:2em 0;
	padding:0;
	}

#selector li {
	margin:0;
	padding:0.25em 0.5em;
	display:inline;
	border-top:solid 1px #666;
	border-left:solid 1px #666;
	border-bottom:solid 1px #666;
	background:#eee;
	}

#selector li a {
	text-decoration:none;
	color:#333;
	background:transparent;
	padding:0 0.5em;
	}

#selector li.active {
	margin:0;
	padding:0.25em 0.75em;
	display:inline;
	border-top:solid 1px #666;
	border-right:solid 1px #666;
	border-bottom:none;
	background:#fff;
	padding-top:0.5em;
	}

.book {
	width: 158px;
	float: left;
	padding: 7px;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}
.book h2,
.book h3 {
	margin-top: 0px!important;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.book h2 {
	background: none!important;
	border-bottom: none!important;
	padding: 0px!important;
	text-align: center;
}
.book h3 {
	border-left: none!important;
	padding: 0px!important;
	color: #C00;
}
.book h2 span {
	display: block;
	color: #666;
	font-weight: normal;
	font-size: x-small!important;
	padding-bottom: 0.5em;
	border-bottom:dotted 1px #333;
}
.topicitem {
	border:solid 1px#CCC;
	padding: 5px;
	margin: 5px;
	line-height: 300%;
}

/* listbutton */
.listbutton li {
	margin-bottom: 1px;
}
.listbutton li a {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	color: #000;
	background: url(img/list.gif) 8px no-repeat #FED;
	font-size: 11px;
	text-decoration: none;
}
.listbutton li a:hover {
	background-color: #FCFCFC;
}