@charset "UTF-8";

@import url(common.css);


/* -------------------------------------------------------------------
 共通スタイル
------------------------------------------------------------------- */

/* パンくずリスト -------------------- */

ul#location {
	margin: 20px 27px;
	font-size: 86%;
}

ul#location li {
	display: inline;
	margin-right: 7px;
	padding-right: 15px;
	background: url(../img/common/bg_pan.gif) no-repeat right top;
}

ul#location li.end {
	margin-right: 0px;
	padding-right: 0px;
	background: none;
}

/* NEWアイコン -------------------- */

img.new {
	margin-left: 6px;
}


/* ページトップ -------------------- */

div.up {
	margin: -40px 0px 0px 15px;
	text-align: left;
	font-size: 10px;
}

div.up a {
	padding-left: 12px;
	margin-left: 12px;
	background: url(../img/common/icon_up.gif) no-repeat 0px 0.3em;
}

div.up a:link {
	color: #666666;
}
div.up a:visited {
	color: #666666;
}
div.up a:hover {
	color: #666666;
}
div.up a:active {
	color: #666666;
}

/* -------------------------------------------------------------------
 トップページ
------------------------------------------------------------------- */

div#hd p.top-image {
	margin: 0px 10px;
}

div#hd p.top-image img {
	vertical-align: top;
}

div#ct-left h1 {
	height: 60px;
	/*text-indent: -1000px;*/
}

div#ct-left h1 img {
	margin-left: -55px;
}

div#ct-left h1.top {
	height: 0px;
	text-indent: -1000px;
}

div#top-ct-main {
	width: 615px;
	margin-left: 10px;
	padding: 0px 15px 60px;
}

div#top-ct-main div#top-ct-main-left {
	float: left;
	width: 170px;
}

div#top-ct-main div#top-ct-main-right {
	float: right;
	width: 430px;
}

div#top-ct-main:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#top-ct-main { display:inline-block; }
/*\*/
* html div#top-ct-main { height:1%; }
div#top-ct-main { display:block; }
/**/


/* 事例紹介 -------------------- */


#ct-left p {
	padding: 0px 0px 10px 15px;
}

#ct-salon-tp a { color: #b19c28; }
#ct-salon-tp h2 {
	margin: 10px 0px;
	font-size: 120%;
	color: #fff;
	padding-left: 5px;
	background: #b19c28;
}

#ct-search-tp a,#ct-sitemap-tp a { color: #b2a426; }
#ct-search-tp h2,#ct-sitemap-tp h2 {
	margin: 10px 0px;
	font-size: 120%;
	color: #fff;
	padding-left: 5px;
	background: #b2a426;
}
#ct-sitemap-tp h2 a { color: #fff; }

#ct-pro-tp a { color: #519e5b; }
#ct-pro-tp h2 {
	margin: 10px 0px;
	font-size: 120%;
	color: #fff;
	padding-left: 5px;
	background: #519e5b;
}

#ct-news-tp a { color: #e47034; }
#ct-news-tp h2 {
	margin: 10px 0px;
	font-size: 120%;
	color: #fff;
	padding-left: 5px;
	background: #e47034;
}

#ct-recruit-tp a { color: #9e5b7a; }
#ct-recruit-tp h2 {
	margin: 10px 0px;
	font-size: 120%;
	color: #fff;
	padding-left: 5px;
	background: #9e5b7a;
}

#ct-press-tp a { color: #9e5b7a; }
#ct-press-tp h2 {
	margin: 10px 0px;
	font-size: 120%;
	color: #fff;
	padding-left: 5px;
	background: #9e5b7a;
}

#ct-blog-tp a { color: #aa1c20; }
#ct-blog-tp h2 {
	margin: 10px 0px;
	font-size: 120%;
	color: #fff;
	padding-left: 5px;
	background: #aa1c20;
}

#ct-blog-tp h3 {
	margin: 10px 0px;
	font-size: 120%;
	color: #aa1c20;
	padding-left: 5px;
	background: #cfb3b4;
}

#ct-paris-tp a { color: #496ca8; }
#ct-paris-tp h2 {
	margin: 10px 0px;
	font-size: 120%;
	color: #fff;
	padding-left: 5px;
	background: #496ca8;
}

#ct-paris-tp h3 {
	margin: 10px 0px;
	font-size: 120%;
	color: #496ca8;
	padding-left: 5px;
	background: #afbbd1;
}

#ct-campany-tp a { color: #936b30; }
#ct-campany-tp h2 {
	margin: 10px 0px;
	font-size: 120%;
	color: #fff;
	padding-left: 5px;
	background: #936b30;
}

#ct-campany-tp table td {
	padding: 5px;
}

#ct-campany-tp table td.p10 {
	width: 180px;
	padding: 0px 10px;
}

#ct-campany-tp table td.td_name {
	padding: 0px 10px;
	color: #936b30;
	background: #c09f6f;
}

#ct-news-tp table td.td_name {
	padding: 0px 10px;
	color: #e47034;
}

#ct-salon-tp table td.td_name {
	padding: 0px 10px;
	color: #b19c28;
}

#ct-pro-tp strong {
	color: #519e5b;
}

#ct-news-tp strong {
	color: #e47034;
}

#ct-pro-tp p.item {
	margin: 0px 0px 15px;
}

#ct-pro-tp table.catalog {
	width: 600px;
	border: 1px solid #88b206;
	background: #ffc;
	padding: 10px 20px;
}

#ct-pro-tp table.catalog td {
	padding: 0px 5px;
}

#ct-salon-tp strong {
	color: #b19c28;
}

#ct-salon-tp p.catch {
	color: #b19c28;
}

#ct-salon-tp table.image {
	margin: 0px 0px 10px 15px;
}

#ct-salon-tp table.image td img {
	margin-right: 5px;
}

#ct-salon-tp table.graph {
	width: 95%;
	margin: 0px 0px 10px 15px;
	border: 1px solid #b19c28;
}

#ct-salon-tp table.graph td {
	padding: 3px;
}

#ct-salon-tp table.graph td.small {
	font-size: 86%;
}

#ct-salon-tp table.graph td.bg {
	background: #ddc39e;
}

#ct-news-tp table.graph {
	width: 95%;
	margin: 0px 0px 10px 15px;
	border: 1px solid #b19c28;
}

#ct-news-tp table.graph td {
	padding: 3px;
}

#ct-news-tp table.graph td.bg {
	background: #e47034;
}

#ct-news-tp table.graph td.line {
	border-bottom: 1px solid #e47034;
}

#ct-salon-tp span.small {
	font-size: 86%;
}

#ct-tp div.whatsnew {
	padding: 0px 20px;
}

#ct-tp ul.whatsnew {
	padding: 10px 0px;
}

#ct-tp ul.whatsnew li {
	padding: 5px;
	border-bottom: 1px dashed #67553b;
}

#ct-tp ul.whatsnew li a {
	display:block;
	color: #67553b;
	padding-left: 18px;
	background: url(../img/whatsnew_icon0909.gif) no-repeat 0px 2px;
}

#ct-news-tp ul.whatsnew,#ct-paris-tp ul.whatsnew,#ct-blog-tp ul.whatsnew,#ct-search-tp ul.whatsnew,#ct-sitemap-tp ul.whatsnew {
	padding: 0px;
}

#ct-news-tp ul.whatsnew li,#ct-paris-tp ul.whatsnew li,#ct-search-tp ul.whatsnew li,#ct-sitemap-tp ul.whatsnew li, #ct-blog-tp ul.whatsnew li {
	padding: 5px;
	border-bottom: 1px dashed #ccc;
}

#ct-news-tp ul.whatsnew li a,#ct-search-tp ul.whatsnew li a,#ct-sitemap-tp ul.whatsnew li a {
	display:block;
	color: #d65b35;
	padding-left: 18px;
	background: url(../img/whatsnew_icon2.gif) no-repeat 0px 2px;
}

#ct-paris-tp ul.whatsnew li a,#ct-blog-tp ul.whatsnew li a {
	display:block;
	color: #aa1c20;
	padding-left: 18px;
	background: url(../img/whatsnew_icon4.gif) no-repeat 0px 2px;
}

div.bn_area {
	padding: 5px 0px;
	background: #fff;
	//border-bottom: 5px solid #5f3749;
}

#ct-salon-tp ul.list {
	margin-left: 40px;
}

#ct-salon-tp ul.list li {
	list-style-type: disc;
}

#top-ct-main-left h3 {
	margin: 4px 0px 6px 5px;
	background: url(../img/common/icon_green.gif) no-repeat left 0.5em;
	padding: 0px 10px 0px 17px;
	letter-spacing: 1px;
}


/* 事例紹介イメージ  */

#top-ct-main-left p.img-area {
	position: relative;
	padding: 0px;
}

#top-ct-main-left p.img-area img {
	vertical-align: top;
}

#top-ct-main-left span.new {
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 42px;
}


/* 詳細リンク */

#top-ct-main-left p.shosai {
	text-align: right;
	margin: 3px 0px 13px;
}

#top-ct-main-left p.shosai a {
	padding-left: 12px;
	background: url(../img/common/icon_green.gif) no-repeat left center;
}


/* 最新情報 -------------------- */

div.title-area {
	position: relative;
	width: 428px;
}

div.title-area p {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 45px;
}

#top-ct-main-right ul.news {
	margin-bottom: 14px;
}

#top-ct-main-right ul.news li {
	clear: both;
	width: 430px;
	padding: 6px 0px;
	background: url(../img/common/bg_dot_gray.gif) repeat-x left bottom;
}

#top-ct-main-right ul.news li.end {
	padding: 6px 0px 4px;
	background: none;
}

#top-ct-main-right ul.news li span {
	display: block;
	float: left;
	width: 35px;
	margin-left: 6px;
}

#top-ct-main-right ul.news li p {
	width: 370px;
	margin-left: 41px;
	padding-left: 11px;
	background: url(../img/common/icon_green.gif) no-repeat left 0.4em;
}


/* バナーエリア -------------------- */

#top-ct-main-right ul.bnr li {
	margin-bottom: 3px;
}

#top-ct-main-right ul.bnr li img {
	vertical-align: top;
}


/* コンテンツ下部 -------------------- */

#ct-btm {
	width: 410px;
	margin: 15px 0px 0px 10px;
	padding-bottom: 5px;
	background: url(../img/top/bg_ct_btm.gif) repeat-y left top;
	font-size: 86%;
}
#ct-btm:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#ct-btm { display:inline-block; }
/*\*/
* html #ct-btm { height:1%; }
#ct-btm { display:block; }
/**/

#ct-btm ul {
	margin-top: 6px;
}

#ct-btm ul li {
	padding: 0px 11px 5px 11px;
	background: url(../img/common/icon_green.gif) no-repeat 0px 0.5em;
}

#ct-btm ul li a:link {
	color: #666666;
}
#ct-btm ul li a:visited {
	color: #666666;
}
#ct-btm ul li a:hover {
	color: #666666;
}
#ct-btm ul li a:active {
	color: #666666;
}


/* ソリューション */

#ct-btm div.solution {
	float: left;
	width: 206px;
}


/* サービス */

#ct-btm div.service {
	float: right;
	width: 184px;
	padding-bottom: 5px;
}


/* サイト検索 -------------------- */

#search-box {
	padding-bottom: 25px;
	text-align: left;
	float: right;
}

#search-box img {
	vertical-align: top;
}

#search-box input {
	vertical-align: middle;
}

#search-box input.inputstyle01 {
	width: 210px;
	height: 16px;
	margin-right: 5px;
	border: 1px solid #5f3749;
}


/* ピックアップ -------------------- */

#ct-right dl.pickup-box dt img {
	vertical-align: bottom;
}

#ct-right dl.pickup-box dd ul.bn-list li {
	margin: 3px 10px 7px;
}

#ct-right dl.pickup-box dd ul.bn-list li img {
	vertical-align: bottom;
}

#ct-right dl.pickup-box dd ul.menu-list {
	margin: 0px 10px 0px 15px;
	padding-top: 8px;
	font-size: 86%;
}

#ct-right dl.pickup-box dd ul.menu-list li {
	margin-bottom: 3px;
	padding-left: 12px;
	background: url(../img/common/icon_green.gif) no-repeat 0px 5px;
}

ul.cate-list li {
	float: left;
	margin: 0px 4px 10px 0px;
}

#ct-press-tp ul.cate-list li {
	width: 290px;
	font-size: 86%;
	padding-right: 5px;
}

#ct-press-tp ul.cate-list li strong {
	font-size: 120%;
}

#ct-press-tp ul.cate-list li img {
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 5px;
	border: 1px solid #128aff;
}

/* カレンダー -------------------- */

#calendar {
    margin: 5px 0 10px;;
    color: #444444;
}
.calendarhead {
    padding-bottom: 5px;
    font-size: 9px;
    letter-spacing: 0.2em;
}
#calendar table {
    padding: 0;
    border-collapse: collapse;
}
#calendar th {
    padding-bottom: 3px;
    text-align: center;
    font-size: 9px;
    width: 23px;
}
#calendar td {
    padding: 2px 0;
    text-align: center;
    font-size: 10px;
    line-height: 120%;
}
.today {
    display: block;
    border: 1px solid #444444;
}
.sunday,
.holiday,
.holiday a:link,
.holiday a:visited {
    color: #e50003;
}
.saturday,
.saturday a:link,
.saturday a:visited {
    color: #0000ff;
}