﻿body {
background-color:#666666;
background-image:url(img/back.jpg);
background-repeat:repeat-x;
margin:0px;
padding:20px 0px;
text-align:center;
font-size:12px;
line-height:140%;
}




table.area {
border:none;
position:absolute;
padding:0px;
margin:0px;
width:280px;
top:470px;
left: 20px;
line-height:1.6;
}
table.area td {
width:25%;
font-size:10px;
vertical-align:top;
}

/**********************************************
* base
**********************************************/
img {
border:none;
}
strong {
color:#FF0000;
font-size:14px;
}
ul {
margin:0px;
padding:0px;
list-style-type:none;
}
dl {
padding:0px;
margin:0px;
}
h1 {
position:absolute;
margin:0px;
padding:0px;
font-size:14px;
color:#ffffff;
font-weight:normal;
left: 40px;
top: 133px;
width: 361px;
letter-spacing: 2px;
line-height: 160%;
}

/**********************************************
* frame
**********************************************/
#frame {
margin:0px auto;
padding:0px;
width:900px;
text-align:left;
}


/**********************************************
* header
**********************************************/
#header {
position:relative;
}


/**********************************************
* menu
**********************************************/
#menu {

}
* html #menu ul {
zoom:100%;
}
#menu ul {
overflow:hidden;
position:relative;
}
#menu ul li {
float:left;
width:180px;
height: 35px;
}


/**********************************************
* middle
**********************************************/
#middle {
overflow:hidden;
position:relative;
padding:40px 0px 20px 0px;
}
* html #middle {
zoom:100%;
}


/**********************************************
* menu_l
**********************************************/
#menu_l {
position:relative;
float:left;
width:280px;
}
#menu_l p {
position:absolute;
padding:0px;
margin:0px;
width:233px;
top:476px;
left:25px;
line-height: 180%;
}
#menu_l img {
}

/**********************************************
* main
**********************************************/
#main {
float:right;
width:600px;
}
#main .content_body {
margin:0px 0px 20px 0px;
padding:0px;
}
#main .content_body .body {
background-color:#ffffff;
padding:10px;
}

#main h2 {
background-image:url(img/back_main_header.jpg);
height:31px;
margin:0px;
padding:19px 0px 0px 0px;
color:#000000;
font-size:25px;
font-weight:normal;
letter-spacing:2px;
text-align: center;
}
* html #main h2 {
height:50px;
}
#main p {
}

#main .photo_list {
text-align:center;
}
#main .photo_list img {
margin:0px 2px;
}

#main img.align_right{
float:right;
margin:0px 0px 0px 10px;
}
#main img.align_left{
float:left;
margin:0px 10px 0px 0px;
}

#main .clear {
overflow:hidden;
}
* html #main .clear {
zoom:100%;
}

.content_footer {
width:560px;
}

/**********************************************
* footer
**********************************************/
#footer {
	background-image:url(img/back_footer.jpg);
	padding:30px 0px 0px 0px;
	height:50px;
	text-align:center;
	color:#000000;
	letter-spacing:3px;
}
* html #footer {
height:80px;
}


/**********************************************
* css_table
**********************************************/
.company dl.css_table  {
overflow:hidden;
position:relative;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
letter-spacing:2px;
}
* html .company dl.css_table {
zoom:100%;
}
.company dl.css_table dt {
float:left;
display:inline;
background-color:#ebebeb;
border-right:1px solid #cccccc;
margin:0px 10px 0px 0px;
padding:8px 0px;
width:200px;
color:#000000;
text-align:center;
}
.company dl.css_table dd {
border-bottom:1px solid #cccccc;
margin:0px;
padding:8px 0px;
}


/**********************************************
* mailform
**********************************************/
.contact dl.css_table  {
overflow:hidden;
position:relative;
letter-spacing:2px;
}
* html .contact dl.css_table {
zoom:100%;
}
.contact dl.css_table dt {
float:left;
display:inline;
background-color:#ebebeb;
margin:0px 10px 8px 0px;
padding:8px 0px;
width:150px;
color:#000000;
text-align:center;
}
.contact dl.css_table dd {
margin:0px 0px 8px 0px;
padding:8px 0px;
}

#main form textarea{
font-size:12px;
}

/* 半角入力 */
#main .chara_half {
ime-mode: inactive;
}
/* エラー時の表示 */
#main .error_caution {
color:#FF0000;
}
/* submitボタンエリア */
#main #b_submit {
background-color:#ebebeb;
text-align:center;
margin:20px 0px;
padding:20px 0px;
}
/* submitボタン */
input.button {
margin:0px auto;
width: 150px;
}


/**********************************************
* anshimon
**********************************************/
#main .anshimon {
background-repeat:no-repeat;
padding:84px 0px 0px 30px;
width:500px;
font-size:10px;
line-height:120%;
}
* html #main .anshimon {
width:530px;
}
#main .anshimon p {
width:330px;
margin:0px 0px 33px 0px;
}

#main .content_01 {
background-image:url(img/anshimon/back_01.jpg);
height:308px;
}
* html #main .content_01 {
height:390px;
}
#main .content_02 {
background-image:url(img/anshimon/back_02.jpg);
height:300px;
}
* html #main .content_02 {
height:382px;
}
#main .content_03 {
background-image:url(img/anshimon/back_03.jpg);
height:516px;
}
* html #main .content_03 {
height:600px;
}

/* kinko */
div#kagi-kawasaki-takatsukukin{
padding:8px;
background: #f5f5f5;

}

div#kagi-kawasaki-takatsukukin h2{
text-align:center;
margin:10px 0 ;
}

div#kagi-kawasaki-takatsukukin h3{
text-align:left;
font-size:14px;
color:#333333;
}

div#kagi-kawasaki-takatsukukin p{
font-size:12px;
position:relative;
top:0px;
}

div#kagi-kawasaki-takatsukukin p.date{
text-align:right;
position:relative;
top:0px;
}
