/* CSS Document */


/* ---------------------------------
BASIC
---------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}  
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}    
ol,ul {list-style:none;}
table{border-collapse:collapse;border-spacing:0;}  
caption,th {text-align:left;}   
hr {display:none;} 
body {
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;
text-align:center;
background:#ddd url(images/bg_body.gif);
font-size:13px;
color:#333;
line-height:150%;
}

p{margin-bottom:10px;}
/* ---------------------------------
link
---------------------------------*/
a{color:#E18310;
text-decoration:none;}
a:hover{color:#47210D;}
a:visited{color:#666;}


/* ---------------------------------
HACK
---------------------------------*/

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

#logo {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 830px;
	height: 70px;
	background:url(images/logo.jpg) no-repeat;
}

#wrap {
width:830px;
text-align:left;
margin:0 auto;
background-color:#FFFFFF
}
	
#top_news{
width:770px;
padding:15px 20px;
color:#333;
margin:20px 10px 15px;
border:1px solid #ccc;
}

#top_news .ttl{
text-align:left;
font-size:100%;
font-weight:bold;
margin-bottom:8px;
}

#top_news .date{
text-align:right;
font-size:80%;
margin-right:20px;
}	  

#top_news p{
text-align:center;
font-size:85%;
}	 

#top_news .point{color: #7E682C;
font-weight:bold;}	  

#inner { 
margin:0 10px;
padding:5px;
}  

#inner_contents { margin:0 10px; }  

#mainWrap {
	width:600px;
	float:left;
	padding:10px 5px 10px 15px;
}

#mainWrap_m {
	width:600px;
	float:left;
	padding:10px 5px 10px 15px;
}

#mainWrap_m

.img00{
padding:3px;
border:1px solid #ccc; 
}

.img1{
margin:0 10px 5px 0;
padding:3px;
border:1px solid #ccc; 
}

#mainWrap .mainbox{margin:0 0 5px 0;}

.mainbox ul{
margin:0 0 0 20px;
padding:0 0 0 10px;
}
.mainbox li{
line-height:3.0;
list-style-type:decimal;
font-size: 13px;
color: #333333;}

/*top_news*/

#frame {width:590px; background: url(images/frame01_mdl.gif) repeat-y;}
#frame h4 { background: url(images/frame01_top.gif) no-repeat;padding:20px 0 0 17px;}
#frame ul {height:150px; margin:15px 10px 0 20px; overflow:auto;}
#frame li {margin:0 15px 10px 0; padding:0 0 5px 15px; background: url(images/news_icon.gif) 3px 5px no-repeat; border-bottom:1px dotted #ccc;}
#frame li a{color:#E18310; text-decoration:underline;}
#frame li a:hover{color:#47210D;}
#frame li a:visited{color:#666;}
#frame p{ background:url(images/frame01_btm.gif) bottom no-repeat; padding:10px 25px 10px 0; font-size:x-small; text-indent:-9999px;}
#frame p a{ padding:0 0 0 13px; background:url(images/ico_arw_01.gif) no-repeat 0 2px;}


/*  TOPIC-path */ 
/*
ol.topic-path li {
	display:inline;
	font-size: 11px;
	color: #333333;
	padding-left: 0px;
	margin-left: 0px;
}

ol.topic-path li:before {
	content: "¥000020¥00003e¥000020";
	}
	
ol.topic-path li:first-child:before {
content: normal;
} 	
*/

#sideWrap {
	width:200px;
	float:right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}
#sideWrap2 {
	width:200px;
	float:right;
	padding-top: 50px;
	padding-bottom: 10px;
	padding-right: 10px;
}
  
h1 {
	font-size: 11px;
	color: #666666;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
}

.foot_text_small {
	text-align: center;
	text-indent: 120%;
	font-size: 11px;
	line-height: 150%;
	color: #666666;
}

#message{
width:800px;
height:75px;
margin:0 0 10px 0;
padding:10px 15px;
background:url(images/message_bg.gif) no-repeat center;
}

*html #message{
width:800px;
height:75px;
margin:0 0 10px 0;
padding:10px 15px;
background:url(images/message_bg.gif) no-repeat center;!important
}

#message p{
color:#5F0F00;
padding:3px 15px;
line-height:1.8;
}

#footer {
width:800px;
padding:10px 15px;
font-size:85%;
}
#footer .ttl2{
font-weight:bold;
color:#666;
border-bottom:1px dashed #ccc;
padding:0 0 5px 0;
}  
#footer ul{
width:673px;
margin:10px 0 8px 0;
padding:0 0 0 50px;
}

#footer li {
	display: inline;
	line-height:1.9;
	padding: 0 10px 0 0;
	margin:10px 10px 0 0;
	border-right: 1px solid #882F08;
}
#footer li.end {
	border-right:none;
}

#footer li a{
color:#666;
text-decoration:none;
}
#footer li a:hover{
text-decoration:underline;
}
address{
font-size:80%;
text-align:right;
color:#666;
padding:10px 15px 15px 0;
background:url(images/address_bg.gif) no-repeat;
font-style:normal;
}
 
.clear { clear:both; }  
.clear hr { display:none; }  


/* メインメニュー */ 

ul#menu { width: 100%; height: 43px; background: #FFF url("images/menu-bg.gif") top left repeat-x; font-size:13px; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#menu li { display: block; float: left; margin: 0 0 0 5px; }
ul#menu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
ul#menu li a:hover { color: #333; }
ul#menu li a.current{ color: #FFF; background: #FFF url("images/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }
                    

/* ぱんくず */ 
div.breadcrumbs {
	overflow:hidden;
	margin:0;
	padding:0;
	height:30px;d
	line-height:30px;

	/*-- sample only --*/
	color:#888888;
	border:1px solid #eee;
	margin-bottom:20px;
}
div.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span {
	float:left;
	overflow:hidden;
	height:30px;
	padding:0 8px;
	font-style:normal;
}
div.breadcrumbs span {
	background:url(./images/bg-breadcrumb.png) no-repeat left center;
	overflow:hidden;
	width:0px;
	filter:alpha(opacity=40);
	opacity:0.4;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

/*プライステーブル */ 
#price table{
border-top:1px solid #CCC;
border-collapse: collapse;
}

#price caption{
text-align:left;
padding-bottom:8px;
font-size:12px;
font-weight:bold;
}

#price td,
th{
	padding:4px;
	border-bottom:1px solid #CCC;
}

#price th{
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}

#price ul{
width:350px;}

#price li{
display:inline;
margin:0 10px 0 0;}

/*　よくある質問　*/
#q_area{
margin:0 0 10px;
padding:0 10px 0 0;
} 

#q_area h3{
	font-size: 13px;
	line-height: 120%;
	color: #7E682C;
	height: 20px;
	margin:10px 0;
	padding:5px 0;
	border-bottom:1px solid #7E682C;
}

#q_area .a_ttl{color: #7E682C;font-weight:bold;}


/*ーーーーーーーーーー */ 
        
.outer a, .outer div, .outer li, .outer ul, .outer body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
div.sidemenu{
	width: 193px;
}
div.sidemenu ul{
	list-style: none;
	text-indent: 0px;
}
div.sidemenu li{
	margin-top: 3px;
}
div.sidemenu a{
	font: 12px Verdana;
	padding: 4px;
	color: #646464;
	display:block;
	padding: 6px 30px;
	height: 20px;
	text-decoration: none;
	background: url('images/background.gif');
}
div.sidemenu a:hover{
	background: url('images/highlight.gif') no-repeat right;
	padding: 6px 40px;
}:148px;background:url(images/nav_active.jpg) no-repeat;color:#b18211;}                    
                            
    
.foot_text {
	font-size: 10px;
	line-height: 120%;
	color: #A77A34;
	text-decoration: none;
}
.attention{color:#C30;}

.text {
	font-size: 13px;
	line-height: 160%;
	color: #333333;
}


h3 { width:600px; margin:10px 0; padding:5px 0; }


q {
	font-size: 13px;
	line-height: 150%;
	color: #5B4A3F;
}
text_design {
	font-size: 12px;
	line-height: 130%;
	color: #666666;
}
.price_title {
	font-size: 13px;
	line-height: 200%;
	color: #5B4A3F;
	font-weight: bold;
}
.price_ttl_new {
	font-size: 13px;
	line-height: 150%;
	color: #5B4A3F;
	font-weight: bold;
	margin-top:8px;
}


/* ---------------------------------
デザインサンプル
---------------------------------*/
.ttl_sample{
    font-size: 13px;
	line-height: 120%;
	color: #7E682C;
	text-decoration: none;
	margin:10px 0 10px 0;
	border-left:3px solid #7E682C;
	padding:0 0 0 8px;
	font-weight:bold;
	}
	
.sample{
border:1px solid #988656;
padding:3px;
margin:0 0 5px 0;
}

/* ---------------------------------
よくあるご質問
---------------------------------*/
#question ul{
margin:0 0 0 20px;
}

#question li{
margin:0 0 15px;
list-style-type:decimal;
}

.page_top{
font-size:80%;
margin:20px 0 10px;
text-align:right;
}
.page_top a{
background:url(images/ico_detail.gif) no-repeat 0 50%;
padding:0 0 0 15px;
}

.page_top2{
font-size:80%;
margin:40px 0 10px;
text-align:right;
}

.page_top2 a{
background:url(images/ico_detail.gif) no-repeat 0 50%;
padding:0 0 0 15px;
}

/* ---------------------------------
完成までの流れ
---------------------------------*/
div#process{
width:550px;
height:157px;
background:url(service/images/process_bg.jpg) no-repeat;
font-size:13px;
padding:0 15px;
margin:0 0 5px 0;
}
 
* html div#process{
width:580px;
height:157px;
background:url(service/images/process_bg.jpg) no-repeat;
font-size:13px;
padding:0 15px;
margin:0 0 5px 0;
}
  
div#process_end{
width:550px;
height:114px;
background:url(service/images/process_bg2.jpg) no-repeat;
font-size:13px;
padding:0 15px;
}

*html div#process_end{
width:580px;
height:114px;
background:url(service/images/process_bg2.jpg) no-repeat;
font-size:13px;
padding:0 15px;
} 

div#process dt , div#process_end dt {
margin:0 0 5px;
padding:8px 0 0 0;
font-weight:bold;
}
div#process img , div#process_end img {
float:right;
margin:0 0 0 10px;
}
div#process dd , div#process_end dd {
color:#666;
margin:0 0 10px 0;
}
div#process dd:after , div#process_end dd:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
div#process dd , div#process_end dd{
display: inline-block;
}
/*\*/
* html div#process dd , * html div#process_end dd {
height: 1%
}
div#process dd , div#process_end dd {
display:block;
}
/**/

/* ---------------------------------
サイトマップ
---------------------------------*/
#inner #sitemap ul{
margin:15px 0 15px 15px;
}

#inner #sitemap li{
background:url(images/ico_detail.gif) no-repeat 0 50%;
padding:0 0 0 15px;
margin:0 0 15px 0;
}

#inner #sitemap li a , #inner #sitemap li li a{
color:#666;
text-decoration:none;
}
#inner #sitemap li a:hover , #inner #sitemap li li a:hover{
text-decoration:underline;
}

#inner #sitemap li li{
background:url(images/ico_detail.gif) no-repeat 0 50%;
padding:0 0 0 15px;
margin:0 0 15px 10px;
}

/* ---------------------------------
相互リンク
---------------------------------*/
#linkbox{
width:250px;
float:left;
margin:0 10px 15px 0;
padding:5px;
}
#linkbox_r{
width:250px;
float:left;
margin:0 0 15px 0;
padding:5px;
}

#linkbox h3 , #linkbox_r h3{
border-left:3px solid #C9A747;
background-color:#F7F6E4;
padding:5px 5px 5px 10px;
}

#linkbox li ,#linkbox_r li , #linkarea_r li{
font-size: 12px;
	line-height: 180%;
	padding:0 0 0 10px;
	color: #666;}
	
#linkbox li a ,#linkbox_r li a, #linkarea_r li a{
text-decoration:none;
color:#666;
}

#linkbox li a:hover , #linkbox_r li a:hover , #linkarea_r li a:hover{
color:#551A8B;
text-decoration:underline;
}

#linkarea_l{
width:510px;
float:left;
margin:0 10px 15px 0;
padding:10px;
}

#linkarea_l h3{
margin:0;
}
#linkarea_l p{
color:#666;
font-size:85%;}

#linkarea_l p a{
color:#551A8B;}

#linkarea_r{
width:249px;
float:right;
padding:0 0 0 10px;
border-left:1px solid #ccc;
margin:0 0 15px 0;
}

#linkarea_r h4{
color: #7E682C;
border-left:3px solid #C9A747;
background-color:#F7F6E4;
padding:5px 5px 5px 10px;
margin:5px 0 0 0;
font-size:85%;
}

#linkarea_r h4 a{color:#551A8B;text-decoration:none;}

#linkarea_r h4 a:hover{text-decoration:underline;}

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

table.tablestyle02{
width:500px;
margin:20px 0 70px 0;
border:3px solid #C9A747;
font-size:85%;
}
table.tablestyle02 td{
padding:6px;
border:1px solid #C9A747;
text-align:center;
}
table.tablestyle02 th{
border-left:#fff 1px solid;
border-top:#fff 1px solid;
border-right:#fff 1px solid;
font-weight:bold;
color:#fff;
background:#C9A747;
padding:6px;
text-align:center;
}

/*txt*/
.new{font-size:80%; color:#E1A602; border:1px solid #E1A602; padding:2px;}


/*汎用*/
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mr20{margin-right:20px;}
.pd10{padding:10px;}
.fl{float:left;}
.fr{float:right;}