@charset "shift_jis";

/*----------------------------------------------------------------------------
 * FileName      : common.css
 * Copyright マクリー株式会社 		連絡先: info@macly.com
 * 目次
		body
		header
			contents
			sidebar
		footer
		共通css
		<中ページ>


----------------------------------------------------------------------------*/


a:link,a:visited {
	color: #624F4F;
}
a:hover,a:active {
	text-decoration: none;
	color: #CD0B01;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFDEE;
	color: #624F4F;
}
table{
	border-collapse : collapse;
}
td{
}
p{
	margin: 0px;
	padding: 0px;
}

h1 {
	margin: 0px;
	padding: 0px;
}
h2 {
	margin: 0px;
	padding: 0px;
}
h3 {
	margin: 0px;
	padding: 0px;
}
h4 {
	margin: 0px;
	padding: 0px;
}
h5 {
	margin: 0px;
	padding: 0px;
}
hr {
	display: none;
}
form {
	margin: 0px;
	padding: 0px;
}

address {
}
caption {
	display: none;
}


#container {
}


#wrapper {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 22px;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}


/*----------------------------------------------------------------------------

                                     header

----------------------------------------------------------------------------*/

#header {
}
#headerLeft {
}
#headerRight {
}
#header ul {
}
#header li {
}


/*----------------------------------------------------------------------------

                                     contents

----------------------------------------------------------------------------*/

#contents{
	float: right;
	width: 700px;
	padding-bottom: 50px;
}
#contents p{
}


/*----------------------------------------------------------------------------

                                 sidebar

----------------------------------------------------------------------------*/
#sidebar{
	float: left;
	width: 195px;
	font-size: 0.7em;
	line-height: 1.4em;
}
#sidebar h1{
	padding-bottom: 36px;
}

#sidebar ul{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 35px;
	padding-left: 0px;
}
#sidebar li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
p.sideLi{
	background-image: url(../../img/common/nav01.jpg);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left: 12px;
	padding-bottom: 40px;
}


/*----------------------------------------------------------------------------

                                     footer

----------------------------------------------------------------------------*/

#footer{
	clear: both;
	text-align: right;
	padding-bottom: 20px;
}
#footer ul{
}
#footer li{
	display: inline;
}
#copy {
}



/*----------------------------------------------------------------------------

                                     共通

----------------------------------------------------------------------------*/
.allPage{
	font-size: 0.8em;
	line-height: 1.4em;
}
.allPage h2{
	padding-top: 74px;
	padding-bottom: 86px;
}


/*----------------------------------------------------------------------------

                                     index

----------------------------------------------------------------------------*/

.index01{}
.index01 h2{
	padding-top: 40px;
	padding-bottom: 10px;
}
.index02{
	font-size: 0.7em;
	line-height: 1.4em;
}
.index02 th{
	font-weight: normal;
	text-align: left;
	width: 100px;
	background-image: url(../../img/common/hr01.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 10px;
	padding-bottom: 10px;
}
.index02 td{
	width: 595px;
	background-image: url(../../img/common/hr01.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 10px;
	padding-bottom: 10px;

}

/*----------------------------------------------------------------------------

                                     profile

----------------------------------------------------------------------------*/
.profile01{
	background-image: url(../../img/common/hr01.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom: 40px;
}
.profile01 th{
	background-image: url(../../img/common/hr01.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 90px;
	text-align: left;
	padding-left: 10px;
	vertical-align: top;
}
.profile01 td{
	background-image: url(../../img/common/hr01.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 595px;
	vertical-align: top;
}
.profileMap{
	border: 1px solid #D9D0D0;
	padding: 5px;
}


/*----------------------------------------------------------------------------

                                   workflow

----------------------------------------------------------------------------*/

ul.workflow01{
	color: #CD0B01;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 32px;
	padding-left: 0px;
	background-image: url(../../img/common/hr01.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.workflow01 li{
	padding-bottom: 10px;
	margin-left: 20px;
}
.workflow02{
	margin-top: 25px;
	width: 700px;
	background-image: url(../../img/common/hr01.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.workflow02 th{
	background-image: url(../../img/workflow/nav_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 30px;
	padding-top: 15px;
}
.workflow02 td{
	padding-top: 15px;
	vertical-align: text-top;
	padding-left: 10px;
	width: 510px;
}
th.workflow03{
	background-image: none;
	padding-bottom: 60px;
}




/*----------------------------------------------------------------------------

                                   inquiry

----------------------------------------------------------------------------*/

p.inquiry01{
	color: #CD0B01;
	padding-top: 20px;
	padding-bottom: 40px;
}
.inquiry02{
	width: 700px;
	margin-bottom: 20px;
	background-image: url(../../img/common/hr01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.inquiry02 th{
	background-image: url(../../img/common/hr01.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10px;
	text-align: left;
}
.inquiry02 td{
	background-image: url(../../img/common/hr01.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10px;
	width: 520px;
}
.inquiry02 input,
.inquiry02 textarea{
	border: 1px solid #D9D0D0;
	padding: 5px;
}

.formWideS{
	width: 280px;
}
.formWideM{
	width: 400px;
}
.formWideL{
	width: 670px;
	border: 1px solid #D9D0D0;
	margin-left: 10px;
	padding: 5px;
}
p.inquiry03{
	text-align: center;
	padding-top: 40px;
}
.inquiryButton01{
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
}


/*----------------------------------------------------------------------------

                                   works/index

----------------------------------------------------------------------------*/

ul.works01{
	margin: 0px;
	padding: 0px;
	width: 100%;
	overflow: hidden;
	zoom: 1;
}
.works01 li{
	list-style: none;
	float:left;
	padding-right: 15px;
	padding-left: 20px;
	margin-bottom: 30px;
}

/*----------------------------------------------------------------------------

                                   works/works01

----------------------------------------------------------------------------*/

p.worksDetailZoom{
	margin-bottom: 13px;
	padding: 4px;
	border: 1px solid #D9D0D0;
	width: 642px;
}
ul.worksDetail{
	margin: 0px;
	padding: 0px;
}
.worksDetail li{
	list-style-type: none;
	float: left;
	padding-right: 3px;
}



.worksDetail li a:link img,
.worksDetail li a:visited  img {
	border: 5px solid #FFFDEE;
	height: 38px;
}
.worksDetail li a:hover img,
.worksDetail li a:active img {
	height: 38px;
	border: 5px solid #CD0B01;
}



/*----------------------------------------------------------------------------

                                   column

----------------------------------------------------------------------------*/
.column {
}
.column h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 160%;
	color: #E30000;
	margin-bottom: 5px;
}
p.column_p01{
	background-image: url(../../img/common/hr01.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 23px;
	margin-bottom: 20px;
}



/* コンテンツレイアウト　パターン1
----------------------------------------------- */

.column_box01 {
	
}
.column_box01_left {
	width: 430px;
	float: left;
	overflow: hidden;
	zoom: 1;
}
.column_box01_right {
	width: 252px;
	float: right;
}
.column_box01 p.link_text {
	float: right;
	background: url(../../img/column/link01.jpg) no-repeat left center;
	padding-left: 10px;
}




/* コンテンツレイアウト　パターン2
----------------------------------------------- */

.column_box02 {
}
.column_box02 h4 {
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
}


/* コンテンツレイアウト　パターン3
----------------------------------------------- */

.column_box03 {
}
.column_box03 table {
	width: 100%;
	font-size: 12px;
}
.column_box03 table th {
	background-color: #F2F1EA;
	border: solid 1px #CCC;
	padding: 5px 5px;
}
.column_box03 table td {
	border: solid 1px #CCC;
	padding: 5px 5px;
}
.column_box03 .emphasis {
	background-color: #F1FBFC;
	font-weight: bold;
}