@charset "Shift_JIS";

/* FILE DATA =====================

Site Name http://www.uchida.co.jp/ulius/
File Name css.css

Create Date 2011/10/17
Update Date 2011/10/17

===================== */


/* Index =====================
	1.reset (format.css)
	2.Layout
	3.common element
	4.unique element
		4-1.index.html
		4-2.concept
		4-3.service
		4-3-1.readbook.html
		4-4.case
		4-4-2.case-details.html
		4-5.news
===================== */

/* 1.reset (format.css) -------------------*/
#container{
	margin: 0px auto;
	padding: 0px;
	width: 918px;
}
#wrapper{
	width: 918px;
}

.pankuz{
	padding-left: 10px;
	padding-bottom: 2px;
}
body #contents {
	width: 918px;
	padding-top: 20px;
	background: url(../image/common/bg_contents.jpg) left bottom repeat-y;
}

#uliusPage h1,
#uliusPage h2,
#uliusPage h3 {
	margin: 0;
	padding: 0;
	background: none;
}
#uliusPage p { padding-bottom: 14px; }
img { vertical-align: bottom; }
#footer #footerlink { top: 50px;}
#footer #copy{ top: 50px;}
/* 2.Layout -------------------*/
#uliusHeader {
	position: relative;
	height: 139px;
	width: 918px;
	margin-top: 15px;
	background: url(../image/common/bg_header.jpg) no-repeat left top;
}
#uliusPage h1 {
	position: absolute;
	top: 28px;
	left: 22px;
}
#uliusHeader p#uliusConcept {
	position: absolute;
	top: 32px;
	left: 484px;
}
#uliusHeader p#contact {
	position: absolute;
	top: -28px;
	right: 14px;
}
ul#uliusNav {
	position: absolute;
	top: 60px;
	left: 217px;
	height: 49px;
}
ul#uliusNav li {
	float: left;
	line-height: 0;
	font-size: 0;
}
#uliusNavBottom {
	padding-bottom: 32px;
	background: url(../image/common/bg_contents-bottom.jpg) no-repeat left bottom;
}
#uliusNavBottom ul {
	clear: both;
	width: 866px;
	height: 40px;
	margin-left: 23px;
}
#uliusNavBottom ul li {
	float: left;
	line-height: 0;
	font-size: 0;
}

#uliusContents {
	margin-left: 33px;
	padding-top: 38px;
	width: 858px;
	background: url(../image/common/contents-top-line.gif) no-repeat left top;
}
#uliusSection {
	float: left;
	width: 613px;
	color: #432a17;
}
#uliusCaseSection {
	float: left;
	width: 617px;
	color: #432a17;
}
body#uliusPage #uliusSection h2,
body#uliusPage #uliusCaseSection h2 {
	padding-bottom: 28px;
}
#uliusSection p.nextPage,
#uliusCaseSection p.nextPage {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 10px;
}
#uliusCaseSection p.backPage {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 10px;
}
#uliusBanner {
	float: right;
	width: 200px;
}
#uliusBanner h2 {
	padding-bottom: 6px;
}
#uliusBanner p {
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.4;
	font-size: smaller;
	color: #888888;
}
#uliusBanner p img {
	padding-bottom: 5px;
}

/* 3.common element -------------------*/

#uliusPage a:link { color:#b3002a; text-decoration: none; }
#uliusPage a:visited { color:#b3002a; text-decoration: none; }
#uliusPage a:hover,
#uliusPage a:active { color:#b3002a; text-decoration: underline; }

/**/

.gray {
	color: #999999;
}
.notes {
	font-size: smaller;
}
.indent1 {
	text-indent: -1em;
	margin-left: 1em;
}
.paddingBottom0 {
	padding-bottom: 0;
	margin-bottom: 0;
}
.paddingBottom1 {
	padding-bottom: 1px;
	margin-bottom: 0;
}
.paddingBottom20 {
	padding-bottom: 20px;
}
/* 4.unique element -------------------*/

/* 4-1.index.html */

/* indexLeftArea */
#homeServiceList {
	float: left;
	width: 412px;
	margin-left: 23px;
	margin-bottom: 40px;
	padding-top: 14px;
	padding-bottom: 40px;
	display:inline; /* IE6 W-margin */
}
#homeServiceList ul {
	padding-top: 13px;
	padding-left: 9px;
}
#homeServiceList ul li {
	padding-bottom: 14px;
}
#homeServiceList ul li h3 {
	font-weight: bold;
	color: #432a17;
}
#homeServiceList ul li a:link,
#homeServiceList ul li a:visited,
#homeServiceList ul li a:hover,
#homeServiceList ul li a:active {
	text-decoration: underline;
}
#homeServiceList ul li a:hover {
	background-color: #f8dadd;
	-moz-transition: background 0.4s linear 0;
	-webkit-transition: background 0.4s linear 0;
}
/* indexRightArea */
#homeTopicsLink {
	float: right;
	width: 422px;
	margin-right: 26px;
	margin-bottom: 40px;
	padding-bottom: 8px;
	background: url(../image/index/bg_hometpics.gif) no-repeat left bottom;
	display:inline; /* IE6 W-margin */
}
#homeTopicsLink ul li {
	float: left;
	width: 209px;
}
#homeTopicsLink ul li h2 {
	padding-bottom: 7px;
}
#homeTopicsLink ul li.right {
	width: 211px;
}
#homeTopicsLink ul li p {
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 0;
	color: #432a17;
}

/* 4-2.concept */

#uliusConceptBox {
	width: 613px;
	padding-bottom: 15px;
	background-color: #333333;
	color: #dcdcdc;
}
#uliusConceptBox h3 {
	padding: 10px 20px 5px 22px;
}
#uliusConceptBox p {
	padding-right: 20px;
	padding-left: 22px;
}
#uliusConceptBox h3.pageTop {
	padding-top: 25px;
	padding-bottom: 25px;
}
#uliusConcept3column {
	margin-bottom: 22px;
	margin-left: 23px;
	padding-bottom: 122px;
	width: 569px;
	background: url(../image/concept/bg_concept3column.jpg) no-repeat left bottom;
}
#uliusConcept3column ul {
}
#uliusConcept3column ul li {
	float: left;
	width: 182px;
	margin-right: 11px;
}
#uliusConcept3column ul li.right {
	margin-right: 0;
}
#uliusConcept3column ul li p {
	padding: 8px 5px 0 12px;
	margin:0;
	color: #432a17;
}


/* 4-3.service */

#uliusServiceSection {
	width: 613px;
	padding-bottom: 15px;
}
#uliusServiceSection p {
	padding-bottom: 0;
}
.uliusServiceCategory {
	padding-top: 26px;
	margin-top: 5px;
	border-top: 1px solid #cccccc;
}

ul.uliusService4column {
	width: 622px;
}
ul.uliusService4column li {
	float: left;
	width: 139px;
	margin-right: 21px;
	padding-bottom: 15px;
}
ul.uliusService4column li.zero {
	margin-right: 0;
}
#uliusPage ul.uliusService4column li h4 {
	padding: 8px 0 2px;
}
#uliusPage ul.uliusService4column li p {
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
#uliusPage ul.uliusService4column li p img {
	padding: 4px 0;
}
.uliusServiceIndexLink {
	cursor: pointer;
	position: relative;
}
.uliusServiceIndexLink:hover {
	background: #FFEFEE;
	color: #D2232C;
}
.uliusServiceIndexPickup {
	position: absolute;
	color: #D2232C;
	border: 1px solid #D2232C;
	font-size: 10px;
	top: 4px;
	padding: 0 4px!important;
	background: #fff;
	text-align: center;
}

/* 4-3-1.readbook.html */
.uliusServicePickupSection {
	margin: 10px 0;
	/*clear: both;*/
	margin-bottom: 30px;
	padding-bottom: 10px;
	background: url(../image/news/bg_news-title-bottom.gif) no-repeat left bottom;
	padding: 0 20px 25px;
}
.uliusServicePickupSection h3 {
    margin: 0 0 5px!important;
    font-size: 133%;
}

.pickupAboutSection {
	padding: 0;
	background: none;
	position: relative;
}
.pickupAboutImg {
	position: absolute;
	left: -7px;
}
.pickupAboutTxt {
	margin-left: 257px;
	padding: 20px 0 0 0;
	min-height: 477px;
}
.pickupAboutTxt h4 {
    margin: 25px 0 15px;
}
.pickupAboutFeatureList {
	padding: 0 0 25px 0;
	background: url(../image/service/readbook/feature-bottom.gif) no-repeat bottom;
	counter-reset: featurelist;
}
.pickupAboutFeatureList li:before {
	counter-increment: featurelist;
	content: counter(featurelist);
	margin: 0 5px 0 0;
	color: #b2032a;
	font-size: 150%;
    font-family: 'Source Sans Pro', sans-serif;
    font-style: italic;
}
.pickupAboutFeatureList li {
	line-height: 1.2;
	font-weight: bold;
	margin: 0 0 0 1.2em;
	text-indent: -1em;
}

.pickupVoiceSection {
	position: relative;
	border-top: #b2032a 4px solid;
	padding-top: 25px;
}
.pickupVoicePhoto {
	position: absolute;
	top: -80px;
	right: -28px;
}
.pickupVoiceSection h3 {
    margin: 0 0 37px!important;
}
.pickupVoiceList {
    margin: -15px 0 0;
}
.pickupVoiceListItem {
	float: left;
  margin: 0 13px 0 0;
}
.pickupVoiceListItem.right {
	margin-right: 0;
}
.pickupVoiceListItem h4 {
    font-size: 116%;
    text-align: center;
    line-height: 1.4;
    padding: 20px 15px 15px;
}
.pickupVoiceListItem.top h4 {
    background: #ede8e6;
    border-radius: 10px 10px 0 0;
}
.pickupVoiceListItem.bottom h4 {
    background: #d9d4d1;
    padding-top: 5px;
}
.pickupVoiceListItem ul {
    padding: 0 15px 20px;
}
.pickupVoiceListItem.top ul {
    background: #ede8e6;
}
.pickupVoiceListItem.bottom ul {
    background: #d9d4d1;
}
.pickupVoiceListItem li {
    background: url(../image/news/icon-list03.gif) no-repeat left 2px;
    padding: 0 0 5px 17px;
    line-height: 1.4;
}
.pickupVoiceListItemInner {
	width: 280px;
	padding: 0 0 50px;
  margin: 0px 0 0px;
}
.pickupVoiceListItem.item1 .pickupVoiceListItemInner {
  background: url(../image/service/readbook/bg-voice1.gif) no-repeat left bottom;
}
.pickupVoiceListItem.item2 .pickupVoiceListItemInner {
  background: url(../image/service/readbook/bg-voice2.gif) no-repeat left bottom;
}
.pickupVoiceListItem.item3 .pickupVoiceListItemInner {
  background: url(../image/service/readbook/bg-voice3.gif) no-repeat left bottom;
}
.pickupVoiceListItem.item4 .pickupVoiceListItemInner {
  background: url(../image/service/readbook/bg-voice4.gif) no-repeat left bottom;
}

.pickupDesignSection h3,
.pickupSystemSection h3 {
    font-size: 116%;
    padding: 7px 0 7px 20px!important;
    margin: 0 -18px 15px -20px !important;
    background: #b2032a !important;
    color: #fff;
}
.pickupDesignSection dt {
    display: inline-block;
    background: #8e8c8a;
    color: #fff;
    width: 1em;
    margin: 0 0 5px;
    padding: 3px;
    border-radius: 50%;
    height: 1em;
    line-height: 1;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-style: italic;
}
.pickupDesignSection dt.caseLink {
    background: #b3002a;
}
.pickupDesignImgList {
    width: 360px;
    float: left;
    margin-bottom: -10px;
}
.pickupDesignImgList li {
    float: left;
    margin: 0 2px 10px 2px;
    text-align: center;
}
.pickupDesignLibraryList {
    float: right;
    width: 145px;
    padding: 10px 15px;
    border: 1px solid #d7d2cf;
}
.pickupDesignLibraryList dd {
    display: inline-block;
}
.pickupDesignLibraryList a {
    background: url(../image/service/readbook/icon-link.png) no-repeat right;
    padding: 0 15px 0 0;
}

.pickupSystemSection {
		margin: 0 0 7px;
}
.pickupSystemSection h3 {
    background: #d7d2cf !important;
    color: #42260f;
}
.pickupSystemListItem {
	width: 271.5px;
	float: left;
	margin-right: 10px;
}
.pickupSystemListItem.right {
    margin-left: 0;
}
.pickupSystemListItem h4 {
    margin: 0 0 5px;
}
.pickupSystemListItem li {
    list-style: disc;
    margin-left: 18px;
}

/* 4-4.case */
#uliusCaseSection h3 {
	padding-bottom: 10px;
}
.uliusCaseCategory {
	padding-bottom: 20px;
}
.uliusCaseIndex {
	width: 617px;
}
.uliusCaseIndexItem {
	float: left;
	width: 304px;
	line-height: 1.5;
	background: url(../image/case/bg_case-index-bottom.gif) no-repeat left bottom;
	padding: 0 0 13px;
	margin: 0 0 15px;
}
#uliusPage .uliusCaseIndex p {
	padding: 0;
	margin: 0;
}
.uliusCaseIndex h4 {
	padding-top: 12px;
	padding-bottom: 5px;
	padding-left: 10px;
	background: url(../image/case/bg_case-index-top.gif) no-repeat left top;
}
.indexLeft {
	float: left;
	width: 148px;
	display:inline;
	margin-left:12px;/* FOR IE6 */
}
#uliusPage .uliusCaseIndex p.fltR {
	width: 125px;
	padding: 0;
	margin: 0 10px 0 0;
	display:inline;/* FOR IE6 */
}
.indexLeft ul li {
	background: url(../image/case/icon-list01.gif) no-repeat left center;
	padding-left: 10px;
}
.indexLeft img {
	padding-top: 3px;
}

/* 4-4-2.case-details.html */
#uliusPage #contents .jireiDetailsBox {
	margin-top: 5px;
	border: 1px solid #b3002a;
	margin-bottom: 35px;
}
#uliusPage #contents .jireiDetailsBox h3 {
	margin: 0 0 5px;
	padding: 7px 7px 6px 10px;
	background-color: #b3002a;
	color: #ffffff;
	font-weight: normal;
	border-bottom: 1px solid #b3002a;
}
#uliusPage #contents .jireiDetailsBox p {
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 0;
}
#uliusPage #contents .jireiDetailsBox p img {
	margin-right: 2px;
}
.jireiDetailsBox ul {
	padding-bottom : 5px;
	padding-left: 10px;
}
.jireiDetailsBox ul li {
	background: url(../image/case/icon-list01.gif) no-repeat left center;
	padding-left: 10px;
}

/* 4-5.news */
#uliusNewsIndex {
	width: 612px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	background: url(../image/news/bg_index-bottom.gif) no-repeat left bottom;
}
#uliusNewsIndex ul li {
	padding-top: 9px;
	padding-bottom: 5px;
	padding-left: 35px;
	border-top:1px dotted #818181;
	background: url(../image/news/icon-list02.gif) no-repeat 13px 10px;
}
#uliusNewsIndex ul li p {
	margin: 0;
	padding: 0;
}
.uliusNewsPaper {
	margin-bottom: 30px;
	padding-bottom: 10px;
	background: url(../image/news/bg_news-title-bottom.gif) no-repeat left bottom;
}
.uliusNewsPaper .box {
	padding-left: 120px;
	padding-right: 24px;
}
.uliusNewsPaper .box p {
	margin-bottom: 0;
}
.uliusNewsPaper .box p.fltR {
	padding-top: 4px;
}
.uliusNewsPaper p.uliusSummary {
	width: 275px;
}
.uliusNewsPaper .colorBox {
	clear: both;
	padding: 15px 20px;
	margin-bottom:10px;
	background-color: #d9d4d1;
	border-radius: 4px;	/* CSS3 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome */
	-moz-border-radius: 4px; /* Firefox */
}
.uliusNewsPaper .colorBox ul li {
	padding-left: 15px;
	background: url(../image/news/icon-list03.gif) no-repeat left center;
}
.uliusNewsPaper h4 {
	background: url(../image/news/bg_news-title-top.gif) no-repeat left top;
	padding-top: 14px;
	padding-bottom: 15px;
	padding-left: 12px;
}