@charset "utf-8";
/*
------------------------------------------
1. RESET
3. HTML
4. CLEAR
5. LAYOUT
------------------------------------------
/* ***************************************
	1. RESET
**************************************** */

* {	margin:0px;	padding:0px;}

body,
h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul, li,
form, input, select, textarea, fieldset, legend { 
margin: 0; 
padding: 0; 
}

h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul,
th,strong { 
font-weight: normal;
font-style: normal; 
}

img {border:none;}
ul  {list-style:none;}
hr  {visibility:hidden; margin:20px 0; clear:both;}

/* ***************************************
	2. HTML
**************************************** */


html{
}

body {
margin:0;
padding:0;
width:100%;
height:100%;
font-size:90%;
color:#666666;
line-height:1.8;
text-align:center;
background-color:#ffffff;
font-family:Verdana,"Hiragino Kaku Gothic Pro W3","MS PGothic",Osaka,Sans-Serif;
}

a 		    { outline:none; color:#333333; text-decoration:underline;}
a:hover	    { outline:none; color:#666; }

p a:link    { color:#333333; border:0; text-decoration:underline;}
p a:visited { color:#333333; border:0;}
p a:hover   { color:#666; border:0;}

table a:link    { color:#333333; border:0; text-decoration:underline;}
table a:visited { color:#333333; border:0;}
table a:hover   { color:#666; border:0;}



a.arrow {
background:url(../img/link_arrow.gif) 0 0 no-repeat;
padding:0 0 0 16px;
border:none;
text-decoration:underline;
}
a.arrow:hover {
color:#666;
}

img.image_r {
float:right;
margin:0 0 1em 20px;
}

img.image_l {
float:left;
margin:0 20px 1em 0;
}

a.tj {
text-indent:-9999px;
font-size:0.1%;
overflow:hidden;
}

.red {
color:#CC0000;
}
.caution {
color:#CC9933;
}

/* ***************************************
	4. CLEAR
**************************************** */

.clear {
clear:both;
}

.clearfix:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
* html .clearfix {
height:1%
}


/* ***************************************
	5. LAYOUT
**************************************** */

div#container {
background-repeat:no-repeat;
background-position:center top;
width:100%;
text-align:center;
position:relative;
}

div#container_in {
width:950px;
margin:0 auto;
text-align:left;
}

/* 文字サイズ変更 */
div#font_size {
display:block;
width:79px;
height:181px;
position:absolute;
right:0px;
top:196px;
background:url(../img/font_size_bg.png) 0 0 no-repeat;
}
div#font_size p {
display:none;
}
div#font_size ul {
position:absolute;
top:38px;
left:20px;
}
div#font_size li {
margin:0 0 3px 0;
}
div#font_size li a {
display:block;
width:40px;
height:40px;
background:url(../img/font_size_btn_bg.png);
background-repeat:no-repeat;
vertical-align:text-bottom;/* IE6の隙間対策 */
}
div#font_size li#fl a {
background-position:0 0;
}
div#font_size li#fl a:hover {
background-position:0 -40px;
}
div#font_size li#fm a {
background-position:-80px 0px;
}
div#font_size li#fm a:hover {
background-position:-80px -40px;
}
div#font_size li#fs a {
background-position:-40px 0px;
}
div#font_size li#fs a:hover {
background-position:-40px -40px;
}


.w950 {
width:950px;
margin:0 auto;
}

p {
margin:0 0 2em;
}

.txt_l {
text-align:left;
}
.txt_r {
text-align:right;
}
.txt_c {
text-align:center;
}

/* header
-------------------------------------------------------------------- */

div#header {
width:950px;
height:100px;
overflow:hidden;
}

div#header h1 {
height: 10px; padding: 6px 0px 8px; font-size:10px; line-height: 1; overflow:hidden;
}

div#header a.logomark{
display: block; width: 300px; height: 65px; background: url(../img/title_image_01_new.jpg) no-repeat; text-indent: -9999px; overflow: hidden;
}

div#header div#title_image {
width:380px;
float:left;
}

div#header div#header_rightbox {
width:240px;
float:right;
text-align:right;
}

/* header_privacy_btn */
div#header div#header_rightbox ul li#header_privacy_btn {
width:110px; margin: 0px 0px 0px auto; line-height: 1; text-align: left;
vertical-align:text-bottom;/* IE6の隙間対策 */
}

div#header div#header_rightbox ul li#header_privacy_btn a {
display:block; width:110px; height:28px; background:url(../img/header_privacy_btn_bg.gif) 0 0 no-repeat;
text-indent: -9999px; overflow: hidden;
}
div#header div#header_rightbox ul li#header_privacy_btn a:hover {
background:url(../img/header_privacy_btn_bg.gif) 0 -28px no-repeat;
}

div#header img {
vertical-align:text-bottom;
}
div#header_rightbox p{
width: 240px; height: 38px; background: url(../img/header_tel_image.gif) no-repeat left top; margin: 0px  0px 0px auto; text-align: left; text-indent: -9999px; overflow: hidden;
}


/* /header
******************************************************************** */



/* navigation
-------------------------------------------------------------------- */

div#navigation {
background:url(../img/navi_bg.gif) 0 0 repeat-x;
width:950px;
height:59px;
padding:5px 0 0;
}

div#navigation ul {
	display:block;
	width:950px;
	height:46px;
	background:url(../img/navi_btn_bg2.jpg) 0 -46px no-repeat;
	padding:0;
}

div#navigation ul li {
display:block;
height:40px;
float:left;
}

div#navigation ul li a {
	display:block;
	height:40px;
	background-image:url(../img/navi_btn_bg2.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	font-size:0.1%;
	overflow:hidden;
}

/* トップページ */
div#navigation ul li.n01,
div#navigation ul li.n01 a {
width:134px;
background-position:0 0;
}
div#navigation ul li.n01 a.current,
div#navigation ul li.n02 a.parentsLink,
div#navigation ul li.n01 a:hover {
background:none;
}

/* 新着情報 */
div#navigation ul li.n02,
div#navigation ul li.n02 a {
width:134px;
background-position:-134px 0;
}
div#navigation ul li.n02 a.current,
div#navigation ul li.n02 a.parentsLink,
div#navigation ul li.n02 a:hover {
background:none;
}

/* 施工実績 */
div#navigation ul li.n03,
div#navigation ul li.n03 a {
width:134px;
background-position:-268px 0;
}
div#navigation ul li.n03 a.current,
div#navigation ul li.n03 a.parentsLink,
div#navigation ul li.n03 a:hover {
background:none;
}

/* 会社案内 */
div#navigation ul li.n04,
div#navigation ul li.n04 a {
width:134px;
background-position:-402px 0;
}
div#navigation ul li.n04 a.current,
div#navigation ul li.n04 a.parentsLink,
div#navigation ul li.n04 a:hover {
background:none;
}

/* お問い合わせ */
div#navigation ul li.n05,
div#navigation ul li.n05 a {
width:146px;
background-position:-804px 0;
float:right;
}
div#navigation ul li.n05 a.current,
div#navigation ul li.n05 a.parentsLink,
div#navigation ul li.n05 a:hover {
background:none;
}

/* a */
div#navigation ul li.n06,
div#navigation ul li.n06 a {
width:151px;
background-position:-536px 0;
}
div#navigation ul li.n06 a.current,
div#navigation ul li.n06 a.parentsLink,
div#navigation ul li.n06 a:hover {
background:none;
}

/* a */
div#navigation ul li.n07,
div#navigation ul li.n07 a {
width:115px;
background-position:-687px 0;
}
div#navigation ul li.n07 a.current,
div#navigation ul li.n07 a.parentsLink,
div#navigation ul li.n07 a:hover {
background:none;
}





/* /navigation
******************************************************************** */



/* wrapper
-------------------------------------------------------------------- */

div#wrapper {
width:950px;
padding:6px 0 0 0;
}

/* /wrapper
******************************************************************** */



/* contents
-------------------------------------------------------------------- */

div.contents {
width:640px;
float:left;
padding-bottom:40px;
}

div.contents h2 {
}
div.contents h3 {
background:url(../img/h3_txt_bg.jpg) 0 bottom no-repeat;
line-height:33px;
font-size:1em;
font-weight:bold;
text-indent:19px;
margin:35px 0 20px;
color:#444444;
}
div.contents h3.first {
margin-top:0;
}
div.contents h3.red {
color:#cc0000;
}


div.contents p {
margin:1em 0;
text-align:justify;
}

div.contents p strong {
font-weight:bold;
}

div.contents p em {
font-style:normal;
}

div.contents p a {
text-decoration:underline;
}
div.contents p a:hover {

}

/* 矢印付リンク */
div.contents p.link a {
background:url(../img/link_arrow.gif) 0 -1px no-repeat;
padding:0 0 0 16px;
text-align:right;
}
div.contents p.link a:hover {
text-decoration:none;
} 
div.contents p.link_r {
text-align:right;
}
div.contents p.link_r a {
background:url(../img/link_arrow.gif) 0 -1px no-repeat;
padding:0 0 0 16px;
text-align:right;
}
div.contents p.link_r a:hover {
text-decoration:none;
} 

/* パンくず */
div.contents div#bread_list {
font-size: 10px;
}
div.contents div#bread_list p {
margin:0; text-align: left;
}


/* /contents
******************************************************************** */



/* side
-------------------------------------------------------------------- */

div#side {
width:280px;
float:right;
padding-bottom:60px;
}

div#side_menu {
padding-top:20px;
}

div#side_menu li {
font-size:0.1%;/* IEの隙間対策 */
}
div#side_menu li.sm img {
display:block;
margin-bottom:1px;
}
div#side_menu li a {
vertical-align:text-bottom;/* IEの隙間対策 */
}


div#side_menu li.sm{
background-repeat: no-repeat; background-position: left top; padding-top: 93px;
}

/* サイドメニューリンクボタン共通 */
div#side_menu li.sm a {
display:block;
widows:280px;
height:80px;
background-image:url(../img/side_menu_btn_bg_new2003.jpg);
background-repeat:no-repeat;
}

/* 立体駐車場 */
div#side_menu li.parking_lot{
background-image: url(../img/side_parking_lot_image.jpg);
}
div#side_menu li.parking_lot a {
background-position:0 0;
}
div#side_menu li.parking_lot a:hover {
background-position:0 -80px;
}

/* 会社概要 */
div#side_menu li.company{
background-image: url(../img/side_company_image.jpg);
}

/* 会社概要 */
div#side_menu li.company_2{
background-image: url(../img/side_company_image.jpg);
}
div#side_menu li.company a {
background-position:-280px 0;
}
div#side_menu li.company a:hover {
background-position:-280px -80px;
}
/* 施工実績 */
div#side_menu li.archivement{
background-image: url(../img/side_achievement_image.jpg);
}
div#side_menu li.archivement a {
background-position:-560px 0;
}
div#side_menu li.archivement a:hover {
background-position:-560px -80px;
}
/* 交通アクセス */
div#side_menu li.access {
background-image: url(../img/side_access_image.jpg);
}
div#side_menu li.access a {
background-position:-840px 0;
}
div#side_menu li.access a:hover {
background-position:-840px -80px;
}


div#side_menu li#side_anshin_image{
height: 150px; background: url(../img/side_anshin_image.jpg) no-repeat; text-indent: -9999px; overflow: hidden;
}
div#side_menu li#side_inquiry_image{
height: 172px; background: url(../img/side_inquiry_image.jpg) no-repeat; text-indent: -9999px; overflow: hidden;
}


/* お問い合わせフォーム */
/* 個人情報保護方針 */
div#side_menu li.sm2 {
background:url(../img/side_dot.gif) bottom repeat-x;
padding-bottom:3px;
}
div#side_menu li.sm2 a {
display:block;
widows:280px;
height:58px;
background-image:url(../img/side_menu_btn_bg_02.gif);
background-repeat:no-repeat;
}

/* お問い合わせフォーム */
div#side_menu li.inquiry {
padding-top:5px;
}
div#side_menu li.inquiry a {
background-position:0px 0px;
}
div#side_menu li.inquiry a:hover {
background-position:-280px 0px;
}

/* 個人情報保護方針 */
div#side_menu li.privacy a {
background-position: 0px -56px;
}
div#side_menu li.privacy a:hover {
background-position:-280px -56px;
}


/* スタッフブログバナー */
div#side_menu li.blog_bunner_btn {
margin:20px auto;
}
div#side_menu li.blog_bunner_btn a {
display:block;
width:280px;
height:60px;
background:url(../img/side_blog_bunner_btn_bg.jpg) 0 0 no-repeat;
}
div#side_menu li.blog_bunner_btn a:hover {
background:url(../img/side_blog_bunner_btn_bg.jpg) 0 -60px no-repeat;
}

/* メモリア匠バナー */
div#side_menu li.m_takumi_bunner_btn {
padding-bottom:9px;
margin:20px auto;
background:url(../img/side_m_takumi_bunner_btn_bg.jpg) 0 -101px no-repeat;
}
div#side_menu li.m_takumi_bunner_btn a {
display:block;
width:280px;
height:101px;
background:url(../img/side_m_takumi_bunner_btn_bg.jpg) 0 0 no-repeat;
}
div#side_menu li.m_takumi_bunner_btn a:hover {
background:url(../img/side_m_takumi_bunner_btn_bg.jpg) 0 -101px no-repeat;
}



/* /side
******************************************************************** */



/* footer
-------------------------------------------------------------------- */

div#footer {
position:relative;
font-size:0.9em;
background:url(../img/footer_line_image_bg.gif) 0 0 repeat-x;
padding-top:8px;
}

div#footer h3 a{
display: block; height: 42px; background:url(../img/h3_footer_image.gif) 0 0 no-repeat; text-indent: -9999px; overflow: hidden;
}

div#footer img {
display:block;/* IEの隙間対策 */
}

div#footer div#footer_area {
padding:20px 10px 23px;
background:url(../img/footer_area_bg.gif) bottom repeat-x;
}

div#foot_box {
position:relative;
}

div#footer_navi {
width:640px;
font-size:12px;
padding:14px 0px 14px 10px;
border-bottom:1px solid #999999;
float:left;
}

div#footer_navi li {
display:inline;
background:url(../img/footer_navi_bg.gif) 0 4px no-repeat;
padding:0 0 0 10px;
margin:0 10px 0 0;
}
div#footer_navi li a {
}
div#footer_navi li a:hover {
text-decoration:none;
}

/* 会社所在地 */
div#address {
padding:14px 10px;
width:630px;
float:left;
font-size:0.9em;
}
div#address span {
background:url(../img/mail_icon_bg.gif) 0 2px no-repeat;
padding:0 0 0 25px;
}



div#footer_logo {
width:280px; height:130px; position:absolute; bottom:10px; right:0px;
}
div#footer_logo a{
display: block; width: 280px; height: 130px;  background: url(../img/footer_logo_image_new.jpg) no-repeat; text-indent: -999px; overflow: hidden;
}

/* COPYRIGHT */
div#copyright {
background:url(../img/copyright_bg.jpg) 0 0 no-repeat;
height:72px;
text-align:center;
padding: 20px 0px 0px; 
}

div#copyright img {
margin: 0px auto 5px;
}


div#producer a {
display:block;
width:188px; height:10px; position: relative; 
font-size:0.1%;
background:url(../img/polka.gif) 0 0 no-repeat;
margin: -50px auto 0px; text-align: left; text-indent:-9999px; overflow:hidden;
cursor:default;
}
* html div#producer a{
margin-top: -52px;
}
div#webuporg{
margin-top: 20px;
}
* html div#webuporg{
margin-top: -20px;
}
*:first-child+html div#producer a{
margin-top: -52px;
}
*:first-child+html div#webuporg{
margin-top: -20px;
}


/* PAGE TOP */
div#page_top {
position:absolute;
top:-21px;
right:26px;
}
div#page_top a {
display:block;
width:31px;
height:21px;
background:url(../img/page_top_btn_bg.gif) 0 0 no-repeat;
}
div#page_top a:hover {
background:url(../img/page_top_btn_bg.gif) -31px 0 no-repeat;
}

/* /footer
******************************************************************** */



/*****/

.boss{
	clear: both;
}


/***20161020追加　写真　**/

.pic{
	float: left;
}

.pic_text{
	width: 180px;
	font-weight: bold;
}

.pic_text2{
	width: 300px;
	padding-top:20px;
	padding-bottom:5px;
	padding-left:5px;
	font-weight: bold;
}

.pic_clear{
	clear: both;
	height: 200px;
}

.pic_clear2{
	clear: both;
	height: 150px;
}



.pic_y{
	float: left;
	margin-top: 30px;
}

.pic_y2{
	float: left;
}

.parking {
	padding-left:15px;
}

.p_parking {
	padding-left: 1em;
	margin: 2em 0;
    text-align: justify;
	font-size: 90%;
    color: #333;
    line-height: 1.5;
}