@import "cmn.css";
@import "detail.css";
@import "m.css";
@import "i.css";

/*****************************************************************************
 企業紹介
 *****************************************************************************/
#company_profile {
	width:100%;
	margin-bottom:40px;
}
#company_profile dl {
	border-bottom:1px dotted #999;
	padding:0.5em 0;
	line-height:1.5;
	color:#666;
}
#company_profile dt {
	padding:0 0 0 15px;
	font-weight:bold;
}
#company_profile dd {
	margin:-1.5em 10px 0 200px;
}
#otherLink {
	width:100%;
	margin-bottom:40px;
}
#otherLink dl {
	border-bottom:1px dotted #999;
	padding:0.5em 0;
	line-height:1.5;
	color:#666;
}
#otherLink dt {
	padding:0 0 0 15px;
}
#otherLink dd {
	margin:-34px 0 10px 200px;
	font-size:75%;
}
#otherLink dd a {
	font-size:135%;
	background:url("../img/c_new_window.gif") no-repeat left center;
	padding-left:20px;
}

/*****************************************************************************
 お問い合わせ
 *****************************************************************************/
#contact {
	width:100%;
	border:1px solid #bababa;
	padding:10px 0;
	margin-bottom:20px;
}
#contact p {
	width:100%;
	margin-bottom:15px;
}
#contact .contact-step {
	text-align:right;
	width:640px;
	padding-bottom:15px;
}
#contact .contact-in {
	width:625px;
}
#contact .contact-c {
	width:576px;
	float:right;
}
#contact .contact-privacy {
	width:100%;
	height:200px;
	overflow:scroll;
	border:1px inset #ccc;
}
#contact p.doui {
	padding:10px 0;
	text-align:center;
	background:#eef3f8;
}
#contact table {
	width:100%;
	margin-bottom:40px;
}
#contact th {
	width:165px;
}
#contact th, #contact td {
	padding:15px 0;
	border-bottom:1px solid #ccc;
}
#contact tr {
}
#contact td small {
	font-size:75%;
	color:#999;
}
.red {
	color:#ff0000;
}
#contact ul {
	width:100%;
	margin-bottom:15px;
}
#contact li {
	width:250px;
	float:left;
	padding-bottom:10px;
}
#contact p.q{
	padding-bottom:25px;
}
#contact textarea {
	width:380px;
}
.wdtM {
	width:250px;
}
.wdtS {
	width:150px;
}
.wdtL {
	width:380px;
}
#submitbox {
	background:url("../imghttps://www.prart.co.jp/contact/submit_bg.gif") repeat-y;
	border-top:4px solid #dedede;
	border-bottom:4px solid #dedede;
	padding:20px 0 5px 0;
}
#submitbox p{
	padding:0 0 15px;
	text-align:center;
}
.error {
	color:#ff0000;
	padding-bottom:20px;
}
#contact .error {
	padding-bottom:0;
	margin-bottom:0;
}
p.thx {
	text-align:center;
	padding-bottom:25px;
	line-height:1.5;
}

/*****************************************************************************
 ニュース
 *****************************************************************************/
.news-date {
	font-size:75%;
	font-weight:bold;
	color:#ff0000;
	padding:0 0 5px 10px;
}
.news-entry-foot {
	width:100%;
	margin-bottom:50px;
	border-bottom:1px dotted #999;
	padding-bottom:15px;
}
.news-entry-foot p.tag {
	background:url("../img/news/tag.gif") no-repeat 10px center;
	padding-left:115px;
	font-size:75%;
	color:#666;
}
.news-entry-foot p.tag a {
	color:#666;
}

/*****************************************************************************
 フレキシブルケース・プレゼント
 *****************************************************************************/
.prefile-present {
	width:618px;
	margin-bottom:20px;
}
.prefile-present div {
	float:right;
	width:588px;
	background:url("../img/service/prefile_present_mid.gif") repeat-y;
	border-bottom:3px solid #ffb4b4;
}
.prefile-present h3 {
	background:url("../img/service/prefile_present_top.gif") no-repeat;
	height:83px;
	text-indent:-9999px;
}
.prefile-present p {
	padding-bottom:23px;
}
.prefile-present p.txt {
	padding:13px 26px 12px;
	line-height:1.5;
}

/*****************************************************************************
 お問い合わせボックス
 *****************************************************************************/
.contact-box {
	width:618px;
	margin-bottom:20px;
}
.contact-box div {
	float:right;
	width:588px;
	background:url("../img/detail/c_box_bg.gif") repeat-y;
	border-bottom:3px solid #fbaf71;
	padding-bottom:15px;
}
.contact-box h3 {
	background:url("../img/service/contact_box_top.gif") no-repeat;
	height:51px;
	text-indent:-9999px;
}
.contact-box p.txt {
	padding:5px 0 3px;
	line-height:1.5;
	text-align:center;
}

/*****************************************************************************
 新しいお問い合わせボックス
 *****************************************************************************/
.contact-box2 {
	width:618px;
	margin-bottom:20px;
}
.contact-box2 div {
	float:right;
	width:588px;
	background:url("../img/detail/contact_box_bg.gif") repeat-y;
	border-top:3px solid #fbaf71;
	border-bottom:3px solid #fbaf71;
	text-align:center;
	padding:2em 0 1em 0;
}
.contact-box2 div h3 span {
	display:block;
	background:url(/matrix/img/detail/contact_box_midashi.gif) no-repeat center 5px;
	height:50px;
	text-indent:-9999px;
}
.contact-box2 div h3 strong {
	color:#ff6600;
}
.contact-box2 div p.txt {
	padding-bottom:1em;
}

/*****************************************************************************
 ブログトップ
 *****************************************************************************/
.bloglist {
	padding-left:10px;
	font-size:75%;
}
.bloglist .col2 {
	width:642px;
	background:url(/blog/matrix/img/blog_list_2col_bg.gif) repeat-y left top;
	margin-bottom:6px;
}
.bloglist .col2 div {
	width:100%;
	background:url(/blog/matrix/img/blog_list_2col_bg_bot.gif) no-repeat left bottom;
}
.bloglist .col1 {
	width:642px;
	background:url(/blog/matrix/img/blog_list_1col_bg.gif) repeat-y left top;
	margin-bottom:6px;
}
.bloglist .col1 div {
	width:100%;
	background:url(/blog/matrix/img/blog_list_1col_bg_bot.gif) no-repeat left bottom;
}

.bloglist .col2 dl, .bloglist .col1 dl {
	width:315px;
	float:left;
	margin-right:6px;
	border-top:1px solid #cfcfcf;
	padding-top:18px;
	padding-bottom:18px;
}
.bloglist .col2 dt, .bloglist .col1 dt {
	float:left;
	width:225px;
}
.bloglist .col2 dd, .bloglist .col1 dd {
	float:right;
	width:90px;
	padding-top:18px;
}
.bloglist .col2 dl.shibuya {
	background:url(/blog/matrix/img/face_list_shibuya.jpg) no-repeat 20px center;
}
.bloglist .col2 dl.oota {
	background:url(/blog/matrix/img/face_list_oota.jpg) no-repeat 20px center;
}
.bloglist .col2 dl.hiratake {
	background:url(/blog/matrix/img/face_list_hiratake.jpg) no-repeat 20px center;
}
.bloglist .col2 dl.kasai {
	background:url(/blog/matrix/img/face_list_kasai.jpg) no-repeat 20px center;
}
.bloglist .col2 dl.saito {
	background:url(/blog/matrix/img/face_list_saito.jpg) no-repeat 20px center;
}
.bloglist .col2 dl.nyumura {
	background:url(/blog/matrix/img/face_list_nyumura.jpg) no-repeat 20px center;
}
.bloglist .col2 dl.obara {
	background:url(/blog/matrix/img/face_list_obara.jpg) no-repeat 20px center;
}
.bloglist .col2 dl.ishigami {
	background:url(/blog/matrix/img/face_list_ishigami.jpg) no-repeat 20px center;
}
.bloglist .col2 dl.maruyama {
	background:url(/blog/matrix/img/face_list_maruyama.jpg) no-repeat 20px center;
}
.bloglist .col2 dl.nakano {
	background:url(/blog/matrix/img/face_list_nakano.jpg) no-repeat 20px center;
}
.bloglist .col2 dl.takahashi {
	background:url(/blog/matrix/img/face_list_takahashi.jpg) no-repeat 20px center;
}
.bloglist .col2 dl.kobayashi {
	background:url(/blog/matrix/img/face_list_kobayashi.jpg) no-repeat 20px center;
}
.bloglist .col2 dl.yanagisawa {
	background:url(/blog/matrix/img/face_list_yanagisawa.jpg) no-repeat 20px center;
}
.bloglist .col2 dl.kido {
	background:url(/blog/matrix/img/face_list_kido.jpg) no-repeat 20px center;
}
.bloglist .col1 dl.tanaka {
	background:url(/blog/matrix/img/face_list_tanaka.jpg) no-repeat 20px center;
}
.bloglist .col2 dt p, .bloglist .col1 dt p {
	padding-left:75px;
	color:#999;
}
.bloglist .col2 dt p.name, .bloglist .col1 dt p.name {
	padding-bottom:5px;
	color:#222;
}
.bloglist .col2 dt p strong, .bloglist .col1 dt p strong {
	font-size:120%;
}