@charset "utf-8";

/* sub page format ---------- */

/* ie pingfix */
.subPage1 img, .subPage1 div { behavior: url(../common/js/iepngfix.htc) }
.subPage2 img, .subPage2 div { behavior: url(../../common/js/iepngfix.htc) }

body { background: url(../img/body_bg_sub.gif) repeat-x;}

#mainTitle {
	height: 90px;
	background: url(../img/maintitle_bg.jpg) repeat-x;
}

#mainTitleInner {
	height: 90px;
	width: 940px;
	margin: 0 auto;
	background: url(../img/maintitle_img.png) center;
}

#mainTitle p {
	padding: 38px 0 0;
}

#pankuzu { text-align: right;margin-bottom: 2px;}
#pankuzu a { text-decoration: none;}

.subTitle {
	font-weight: bold;
	font-size: 138.5%;
	color: #2C8BBF;
	margin-bottom: 14px;
	border-left: 4px solid #0092ED;
	padding: 2px 0 0px 7px;
	line-height: 1.2;
}

.caption {
	font-size: 116%;
	color: #2c8bbf;
	font-weight: bold;
	margin-bottom: 4px;
}

#main #prText { margin: 80px 0 0;}

#main #prBox {
	background: #eff4f7;
	padding: 10px 12px 10px;
}

#main #prBox .caption { margin-bottom: 0px;}
#main #prBox p{margin-bottom: 10px;}

/* Service ---------------- */

#service #aplanVisual,
#service #bplanVisual {
	height: 205px;
}

#service #aplanVisual { background: url(../../service/img/a_plan_bg.jpg);}
#service #bplanVisual { background: url(../../service/img/b_plan_bg.jpg);}
#service #otherVisual { background: url(../../service/img/other_bg.jpg);height: 125px;}

#service #aplanVisual .headline,#service #bplanVisual .headline { padding: 16px 0 5px;}
#service #otherVisual .headline { padding: 26px 0 12px;margin:0;}
#service #otherVisual .headline img { display: inline;}

#service .visual {
	padding-left: 20px;
	position: relative;
	margin-bottom: 15px;
}

#service .visual .icon { margin-bottom: 4px;}
#service .visual .icon li { float: left;padding-left: 2px;}
#service .visual .icon li img {display: block;}
#service .visual p img {display: block;}
#service .visual p { margin-bottom: 2px;}

#service .visual .link {
	position: absolute;
	right: 10px;
	bottom: 6px;
	margin: 0;
}

#service .visual .link a {
	width: 150px;
	height: 46px;
	background: url(../../service/img/btn_detail.png) no-repeat;
}

#service .visual .link a:hover {
	background-position: 0 -60px;
}

/* A plan , B plan */
#service #point .left,
#service #point .right {
	width: 300px;
	margin: 0 0 16px;
}

#service #point .left { float: left;}
#service #point .right { float: right;}

#service #point .img {
	width: 82px;
	background: url(../../service/img/point_bg.gif) no-repeat;
	float: left;
	text-align: center;
}

#service #point .text {
	float: right;
	width: 212px;
}

#service #point .text .caption { margin-bottom: 0px;}
#service #point .text p {margin-bottom: 0;}

#service #point .img img {
	display: block;
	padding: 4px 0 2px 4px;
}

#service #point { margin-bottom: 30px;}

#service .comment {
	background: #eff4f7;
	padding: 10px 12px 10px;
}

#service .comment strong { font-weight: normal;color: #2c8bbf;}
#service .comment p{margin: 0;margin-bottom: 2px;}

#service .optionList {
	padding-bottom: 30px;
}

#service .option {
	background: url(../../service/img/option_bg1.gif) no-repeat;
	padding: 10px 0 0;
	margin: 0 0 10px 0;
}

#service .optionInner {
	background: url(../../service/img/option_bg2.gif) no-repeat bottom;
	padding: 0 10px 0;
}

#service .option .text {
	width: 510px;
	float: right;
}

#service .option .text p { margin: 0;}
#service .option .caption { display: inline;}

#service .option .price {
	font-weight: bold;
	color: #997f30;
	display: inline;
	padding-left: 16px;
}

#service .option .img {
	float: left;
	width: 78px;
}

#service .option .img img {
	display: block;
	padding: 0 0 10px;
}

/* service and Production page */

#service .box, #production .box{ margin-bottom: 40px;}
#service .box p, #production .box p{margin-bottom: 10px;}
#service .box ul, #production .box ul {margin-bottom: 12px;}

#service .relatedLink { margin-bottom: 30px;}

/* Other  and for Production page */

#service p.otherIntro { padding: 10px 0 10px;}

#service .otherItemList,
#production .otherItemList {
	padding-bottom: 20px;
}

#service .otherItem,
#production .otherItem {
	margin-bottom: 26px;
}

#service .otherItem .img,
#production .otherItem .img {
	text-align: center;
	width: 143px;
	float: left;
	padding: 15px 0 0;
}

#service .otherItem .text,
#production .otherItem .text {
	width: 454px;
	padding: 0 0 0 10px;
	border-left: 1px solid #dbe2e7;
	float: right;
	min-height: 60px;
}

* html #service .otherItem .text{height: 60px;}
* html #production .otherItem .text{height: 60px;}
*:first-child+html #service .otherItem .text {height: 60px;}
*:first-child+html #production .otherItem .text {height: 60px;}

#service .otherItem .text .caption,
#production .otherItem .text .caption {
	margin-bottom: 0;
} 

#service .otherItem .text p,
#production .otherItem .text p {
	margin-bottom: 0;
}

/* Works ------------------- */

#works .worksList { padding: 30px 0 20px 0;}

#works .line { margin-bottom: 20px;}

#works .worksList .box {
	width: 194px;
	margin: 0 19px 0 0;
	float: left;
}

#works .worksList .right { margin-right: 0 ;}

#works .worksList .cmt {
	color: #565656;
}

/* detail */

#worksDetailTitle {
	margin-bottom: 40px;
	padding-bottom: 24px;
	position: relative;
}

#worksDetailTitle .theme {
	position: absolute;
	bottom: 0;
	padding-left: 13px;
}

.tbDescription {
	width: 580px;
}

.tbImg {
	border:1px solid #D6D6D6;
	height:376px;
	margin-bottom:6px;
	padding:1px;
	width:576px;
}

.tbData {
	width: 200px;
	float: left;
}

.tbComment {
	width: 360px;
	float: right;
}

/* Pforile ----------------- */

#profile .box {
	padding: 10px 0 10px;
}

#profile .box .text {
	width: 460px;
	float: right;
}

#profile .text .name {
	font-size: 132%;
	padding: 0px 0 18px;
}

#profile .text p {
	margin-bottom: 10px;
}

#profile .worksList {
	padding: 20px 0 0;
	border-top: 1px solid #dde6eb;
}

#profile .worksList p {
	line-height: 1.3;
	margin: 0 0 20px 0;
}

#profile .worksList span.cmt {
	color: #565656;
}

#profile .worksTitle {
	font-size: 116%;
	margin: 0 0 10px 0;
}

#profile .messageTitle {
	margin-bottom: 4px;
}


#profile .messageText {
	font-size: 132%;
	color: #006199;
	background: #e3eff5;
	padding: 16px 12px 16px;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

/* Contact ------------------- */

#contact .formBtn {
	padding: 30px 0 30px;
}

#contact .formBtn .left {
	width: 290px;
	float: left;
}

#contact .formBtn .right {
	width: 290px;
	float: right;
}

#contact .formBtn .caption { padding-left: 3px;margin-bottom: 10px;}
#contact .formBtn p { margin: 4px;}

#contact #main .tel img{
	vertical-align: -5px;
	margin-right: 10px;
}

#contact .box {
	margin-bottom: 50px;
}

/* contact form & estimate form */
#formDescription p {
	margin-bottom: 10px;
}

#mailform {
	padding: 0 0 30px 0;
}

#mailform .formTitle {
	border-bottom: 1px solid #dde6eb;
	margin-bottom: 3px;
}

#mailform .formTitle h2 {
	padding:5px 6px 2px;
	background: #EFF4F7;
	border: 1px solid #dde6eb;
	border-bottom: none;
	font-size: 116%;
	width: 170px;
	float: left;
}

#mailform .formTitle p {
	width: 200px;
	float: right;
	text-align: right;
	margin: 10px 0 0 0;
}

#mailform dl.noborder {
	border: none;
}

#mailform dl.noborder dd {
	padding-bottom: 4px;
}

#mailform dl.estimateContent dt {
	width: 260px;
}

#mailform dl.estimateContent dd {
	width: 330px;
	padding-right: 0;
	text-align: left;
}

#mailform dl.estimateContent textarea {
	width: 320px;
}

#mailform dt label {
	padding: 0 0 3px 13px;
	background: url(../img/arrow_form_caption.gif) no-repeat 0 3px;
}

#mailform dt ul {
	margin: 5px 0 10px;
}

#mailform dt li {
	padding: 0 0 0 13px;
	background: url(../img/arrow_form_list.gif) no-repeat 0 5px;
	font-size: 91%;
	letter-spacing: 0.04em;
	line-height: 1.3;
	margin: 0 0 6px 0;
}

#mailform p {
	margin: 20px 13px 10px;
}

#submitBox {
	padding: 0 0 20px 0;
}

body.confirm #mailform dl.estimateContent dt {
	width: 200px;
}

body.confirm #mailform dl.estimateContent dd  {
	text-align: left;
	width: 410px;
}

body.confirm #formDescription strong {
	font-size: 116%;
	font-weight: normal;
}

body.completion #formDescription {
	padding: 60px 0 20px 0px;
}

body.completion #formDescription h2 {
	font-size: 116%;
	margin-bottom: 20px;
}

body.completion #formDescription p {
	margin-bottom: 20px;
}
/* QandA -------------------- */

#qa .qaList {
	padding: 10px 0 10px;
}

#qa .qaList p.caption {
	margin-bottom: 10px;
}

#qa .qaBox {
	margin-bottom: 2px;
}

#qa .qaBox h2 { padding-bottom: 2px;}

#qa .qaBox h2 a {
	cursor: pointer;
	padding: 7px 0 6px 25px;
	background: url(../img/arrow_link.png) no-repeat 10px 11px #e3eff5;
	display: block;
}

#qa .qaBox h2 a:hover { color: #0074B3;}

#qa .qaBox h2 a:hover {
	background-color: #d6e9f3;
}

#qa .qaBox .close { display: none;}
#qa .qaBox .open { display: block;}

#qa .qaBox .text {
	padding: 14px 10px 12px;
	background: #EFF4F7;
	border-bottom: 15px solid #fff;
}

#qa .qaBox p {margin:0;}


/* production ------------------ */

#production .comment {
	padding: 14px 0 20px;
}

/* Information ------------ */

#info #main #infoList {
	padding-top: 40px;
}

#info #main dl {
	margin-bottom: 20px;
}

#info #main dt {
	width: 150px;
	float: left;
}

#info #main dd {
	float: left;
}

/* Information detail */

#info #editTitle {
	margin-bottom: 20px;
}

#info #editTitle h2,
#info #editTitle p{
	display: inline;
}

#info #editTitle p{
	padding-left: 14px;
	color: #565656;
}

/* privacy policy -------------- */

#privacy .privacyText h3 {
	background: #eff4f7;
	padding: 4px 0 1px 6px;
	margin: 0 0 6px 0;
	color: #2c8bbf;
}

#privacy .privacyText .underlist { margin-bottom: 4px;}

#privacy .privacyText ul {
	margin: 0 0 20px 0;
}

#privacy .privacyText li  {
list-style:disc outside none;
margin-left:15px;
}

/* transaction ----------------- */


#transaction .dataBox {
	margin: 40px 0 0;
	padding: 10px 0 0;
}

#transaction .dataBox dl {
	border-bottom:1px solid #BAD1E0;
	padding: 0 0 2px 0;
	margin: 0 0 20px 0;
}

#transaction .dataBox dt {
	width: 200px;
	float: left;
}

/* special ------------------- */

#special #spOutline {
	background: #e3eff5;
	padding: 20px;
}

/* 404 error ------------------- */

#error .caption {
	margin-top: 50px;
}