@charset "UTF-8";

*{
margin:0;
padding:0;
}

body{
color:#333;
font-size:12px;
font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;
text-align:center;
background:url(../images/body_bg.gif) ;
}


body img{
border:none;
}


/* ========== 基本レイアウト ========== */


div#page_whole{
width:926px;
margin:0 auto;
text-align:center;
background:url(../images/main_bg.gif) repeat-y 50% 0% transparent;
}

div#main_contents_area{
width:900px;
margin:0 auto;
background-color:transparent;
text-align:center;
}

div#header{

}

div#content_area{
background:url(../images/bg_content_area.gif) repeat-y 74.8% 0% transparent;
/*margin-bottom:5px;*/
clear:both;
}

div#contents{
width:670px;float:left;
/* border-right:solid 1px #ccc; */
padding-bottom:50px;
}

div#rightmenu{
width:227px;float:right;
padding-bottom:15px;
background-color:#fff;
}

div#footer{
clear:both;
background-color:#fff;
border-top:dashed 1px #999;
}


	/* --- clearfix --- */

div#content_area:after,
div#contents:after,
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

div#content_area,
div#contents,
.clearfix{
display:inline-block;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html div#content_area,
* html div#contents,
* html .clearfix{height: 1%;}

div#content_area,
div#contents,
.clearfix{display: block;}
/* End hide from IE-mac */

/* ========== ヘッダー領域 ========== */


/* ----- タイトル要素 ----- */


div#title_element{
height:90px;
background:url(../images/title_element_back.jpg) 0% 0% no-repeat;
}

div#title_element h1 a{
width:315px;
height:48px;
margin:10px 0 0 15px;
float:left;
text-indent:-9999px;
background:url(../images/dm_mainlogo.gif) 0% 0% no-repeat;
}

div#title_element p#description{
width:200px;
font-size:12px;
text-align:left;
line-height:135%;
color:#fff;
margin:14px 0 0 120px;
float:left;
}

div#title_element ul#header_link{
width:225px;
height:22px;
list-style:none;
margin:63px 0 0 0;
padding-left:15px;
background:url(../images/header_link_bg.gif) 0% 0% no-repeat;
float:right;
}

div#title_element ul#header_link li{
height:22px;
padding:5px 0 0 7px;
list-style:none;
float:left;
}

div#title_element ul#header_link li a{
font-size:12px;
margin-left:10px;
padding-left:9px;
color:#666;
text-decoration:none;
background:url(../images/header_link_arrow.gif) 0% 12% no-repeat;
}

div#title_element ul#header_link li a:hover{
color:#cc0000;
background:url(../images/header_link_arrow_hover.gif) 0% 12% no-repeat;
text-decoration:underline;
}


/* ----- ヘッダーポイントメニュー ----- */


div#header_content{
background:url(../images/header_content_back.jpg) 0% 0% no-repeat;
}

div#header_content p.estimate_button{
width:200px;
height:40px;
margin:15px 0 15px 20px;
float:left;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}



/* ----- トップメニュー ----- */


div#top_menu{
height:40px;
clear:both;
}

div#top_menu ul li{
height:45px;
width:150px;
list-style:none;
float:left;
background:url(../images/top_menu_bg.gif) 0% 0% repeat-x;
}

div#top_menu ul li a:hover{
background:url(../images/top_menu_bg_hover.gif) 0% 0% repeat-x;
}

div#top_menu ul a{
height:35px;
display:block;
color:#fff;
border-right:solid 1px #2251b0;
text-decoration:none;
vertical-align:bottom;
font-weight:bold;
}

div#top_menu ul a span{
position:relative;
top:10px;
}


/* =========== 右メニュー領域 ========== */

div#rightmenu div.free_estimate p,
div#rightmenu div.free_inquiry p{
margin:0;
border:none;
background-color:#fff;
}

div#rightmenu div.free_inquiry p{
padding-bottom:10px;
}

div#rightmenu div.free_estimate a{
display:block;
margin:0;
width:210px;
height:60px;
text-indent:-9999px;
background:url(../images/free_estimate_icon.gif) 0% 0% no-repeat;
}

div#rightmenu div.free_inquiry a{
display:block;
margin:0;
width:210px;
height:60px;
text-indent:-9999px;
background:url(../images/free_inquiry_icon.gif) 0% 0% no-repeat;
}

div#rightmenu div.free_estimate a:hover,
div#rightmenu div.free_inquiry a:hover{
background-position:0 -60px;
}


/* ----- カテゴリーメニュー ----- */


div#rightmenu div#rightmenu_list{
width:227px;
margin:0 !important;
padding:0 !important;
text-align:left;
}

div#rightmenu div#rightmenu_list h3{
margin:0;
padding:0;
border:none;
background:none #fff;
}

div#rightmenu div#rightmenu_list div.novelty p,
div#rightmenu div#rightmenu_list div.variousprice p,
div#rightmenu div#rightmenu_list div.question p,
div#rightmenu div#rightmenu_list div.tempdl p,
div#rightmenu div#rightmenu_list div.datasend p{
margin:0 !important;
}

div#rightmenu div#rightmenu_list div{
width:210px;
margin:5px 0 10px 8px !important;
}

div#rightmenu div#rightmenu_list div.menu01 h3 a,
div#rightmenu div#rightmenu_list div.menu02 h3 a,
div#rightmenu div#rightmenu_list div.menu03 h3 a,
div#rightmenu div#rightmenu_list div.menu_tempdl h3 a,
div#rightmenu div#rightmenu_list div.servicemenu h3 a{
display:block;
height:40px;
margin:0 0 0 0;
text-indent:-9999px;
background-color:#fff;
}

div#rightmenu div#rightmenu_list div.menu01 h3 a{
background:url(../images/title_01.gif) 0% 0% no-repeat;
}

div#rightmenu div#rightmenu_list div.menu02 h3 a{
background:url(../images/title_02.gif) 0% 0% no-repeat;
}

div#rightmenu div#rightmenu_list div.menu03 h3 a{
background:url(../images/title_03.gif) 0% 0% no-repeat;
}

div#rightmenu div#rightmenu_list div.menu_tempdl h3 a{
background:url(../images/title_temp_dl.gif) 0% 0% no-repeat;
}

div#rightmenu div#rightmenu_list div.servicemenu h3 a{
background:url(../images/title_plan.gif) 0% 0% no-repeat;
}


div#rightmenu div#rightmenu_list div.menu01 ul,
div#rightmenu div#rightmenu_list div.menu02 ul,
div#rightmenu div#rightmenu_list div.menu03 ul,
div#rightmenu div#rightmenu_list div.menu_tempdl ul,
div#rightmenu div#rightmenu_list div.servicemenu ul{
/*height:auto;*/
margin:0;
padding:5px 0 10px 0 !important;
background:url(../images/bg_sidemenu_bottom.gif) 0% 100% no-repeat;
list-style:none;
}

div#rightmenu div#rightmenu_list div.menu01 ul li,
div#rightmenu div#rightmenu_list div.menu02 ul li,
div#rightmenu div#rightmenu_list div.menu03 ul li,
div#rightmenu div#rightmenu_list div.menu_tempdl ul li,
div#rightmenu div#rightmenu_list div.servicemenu ul li{
margin:0 0 0 17px;
padding:5px 0 0 19px;
text-align:left;
background:url(../images/arrow.gif) 0% 70% no-repeat;
}

div#rightmenu_list div ul li a:link,
div#rightmenu_list div ul li a:visited{
text-decoration:none;
color:#333;
}

div#rightmenu_list div ul li a:hover{
text-decoration:underline;
color:#807f7f;
}

/* ----- 営業カレンダー ----- */

div#calendar{
margin:10px 0 5px 0 !important;
padding:25px 0 0 2px !important;
}

div#calendar table{
width:208px;
border:1px #999 solid;
text-align:center;
border-collapse:collapse;
/*border-spacing:20px;*/
color:#666666;
font-size:100%;
margin-bottom:5px;
}

div#calendar caption{
font-size:100%;
}

div#calendar thead{
background-color:#d4dee0;
}

div#calendar thead th{
border:1px #999 solid;
font-weight:normal;
width:auto;height:26px;
}

div#calendar tbody th,
div#calendar table td{
font-weight:normal;
border:1px #999 solid;
width:auto;height:22px;
}

div#calendar colgroup.sunday,
div#calendar colgroup.saturday,
div#calendar td.holiday{background-color:#fbd4bd;}


div#calendar td.noday{
background-color:#fff !important;
}


/* ----- 休業情報 ----- */

div#closing_info{
min-width:196px;max-width:196px;width:auto !important;width:210px;
padding:7px !important;
background-color:#ece9d8;
}

div#closing_info h3{
color:#c00;
font-size:12px !important;
background:none !important;
padding:0 !important;
}

div#closing_info p{
margin:0 !important;
padding:0 !important;
font-size:10px !important;
}



/* ----- 問い合わせ ----- */

div#tel_info{
margin:0 !important;
padding:0 0 10px 0 !important;
border-bottom:dashed 1px #999;
}

div#tel_info p{
margin:0 !important;
}


/* ----- 営業情報 ----- */

div#businessinfo{
/*border:solid 1px #999;*/
margin:5px 5px 15px 6px !important;
padding:5px 0 !important;
background-color:#eee;
}

div#businessinfo dl{
margin:5px 7px;
}

div#businessinfo dt{
color:#666;
}

div#businessinfo dd{
color:#666;
padding-left:3px;
/*text-align:justify;
text-justify:inter-ideograph;*/
}



/* ========== フッター ========== */


/* ----- サイトメニュー ----- */

div#footer ul#footer_menu{
width:auto;
height:15px;
list-style-type:none;
font-size:12px;
padding:10px 0 10px 15px;
text-align:left;
}

div#footer ul#footer_menu li{
display:inline;
padding:0 5px;
border-left:solid 1px #999;
}

div#footer ul#footer_menu li.last_link{
border-right:solid 1px #ccc;
}

div#footer ul#footer_menu li a:link,
div#footer ul#footer_menu li a:visited{
color:#333;
text-decoration:none;
}

div#footer ul#footer_menu li a:hover,
div#footer ul#footer_menu li a:active{
color:#06c;
text-decoration:underline;
}


/* ----- フッターリンク ----- */


div#foot_links{
width:880px !important;
height:auto;
margin:0 !important;
padding:0 10px 10px 10px !important;
clear:both;
}

div#foot_links div{
clear:both;
}

div#foot_links h4{
margin:0 !important;
padding:0 0 10px 0 !important;
font-size:14px !important;
float:left;
color:#999 !important;
}

div#foot_links h5{
margin:0 !important;
padding:3px 10px 2px 0 !important;
float:left;
min-width:100px;max-width:100px;width:auto !important;width:110px;
text-align:right;
}

div#foot_links ul{
margin-left:110px;
padding:3px 0;
list-style:none;
font-size:11px;
text-align:left !important;
line-height:135%;
}

* html div#foot_links ul{/* for IE */
text-indent:-4px;
}

div#foot_links ul li{
padding:0 6px !important;
/*float:left;*/
display:inline !important;
border-right:1px #ccc solid;
text-align:left !important;
}

div#foot_links ul li.listlast{
border-right:none;
}




/* ----- 取得資格 ----- */


div#qualification ul{
margin:20px 0 8px 0;
list-style:none;
float:right;
}

div#qualification ul li{
padding:0 12px 0 0;
float:left;
}


/* ----- コピーライト ----- */


div#footer p.copyright{
width:auto;
height:15px;
font-size:12px;
padding:8px 15px;
color:#ccc;
text-align:right;
clear:both;
background-color:#2346a2;
}