/*--------------------------------------------
www.digitaldrops.jp
/css/decoration.css
2008/4/23
--------------------------------------------*/


/* H tag
--------------------------------*/
#main h3{
margin-right: -20px;
margin-left: -20px;
padding: 5px;
padding-left: 35px;
border-top: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
border-left: 0px solid #3399CC;
background: url('/images/bg_h3.gif') top left;
color: #333333;
font-size: 14px;
letter-spacing: 0.1em;
}

#main h3.red{
background: url('/images/bg_h3_red.gif') top left;
}

#main h3.green{
background: url('/images/bg_h3_green.gif') top left;
}

#main h4{
background: url('/images/bg_h4.gif') bottom left no-repeat;
padding: 0 0 0 25px;
margin: 20px 0 10px -10px;
color: #333333;
letter-spacing: 0.1em;
}

/*common
--------------------------------*/
img.zu_right{
float: right;
margin: 0 0 0 10px;
}

img.zu_left{
float: left;
margin: 0 10px 0 0;
}

img.zu_right_border{
float: right;
margin: 0 0 0 10px;
border: 1px solid #aaaaaa;
padding: 3px;
background: #ffffff;
}

strong{
font-weight: normal;
color: #000000;
}

img.cap{
border: 1px solid #cccccc;
}

/*centering box
--------------------------------*/
.center{
text-align: center;
margin: 10px 0 10px 0;
}

/*table profile
--------------------------------*/

#profile{
width: 100%;
}

#profile th,
#profile td{
border: none;
border-bottom: 1px solid #aaaaaa;
}

#profile ul{
margin-top: 0;
margin-bottom: 0;
}

#profile ul li{
list-style-type: square;
}

/*staff
--------------------------------*/

#staff_pic{
background: #eeeeee;
padding: 5px;
border: 1px solid #aaaaaa;
float: right;
margin-left: 10px;
}

dl#adviser{
padding: 0;
margin: 0;
}

dl#adviser dt{
font-weight: bold;
}


dl#adviser dd{
margin-bottom: 10px;
}

/*access_map
--------------------------------*/

div.access_map{
border: 1px solid #aaaaaa;
margin: 10px 0 10px 0;
}
/*アクセスマップ以外でも汎用利用あり*/

/*produce_index
--------------------------------*/

#produce_menu{
margin: 0;
}

#produce_menu dt{
width: 200px;
background: url('/images/produce/bg_produce_index_dt.gif') top right no-repeat;
padding-right: 25px;
font-weight: bold;
text-align: right;
}

#produce_menu dd{
margin-left: 230px;
margin-top: -20px;
margin-bottom: 15px;
}

/*plan
--------------------------------*/

#plan_basic{
margin: 0;
}

#plan_basic dt{
width: 290px;
background: url('/images/produce/bg_produce_index_dt.gif') top right no-repeat;
padding-right: 25px;
font-weight: bold;
text-align: right;
}

#plan_basic dd{
margin-left: 320px;
margin-top: -20px;
margin-bottom: 15px;
border-left: 5px solid #FEBE94;
padding: 8px ;
background: url('/images/produce/bg_gra_yellow.gif') top left no-repeat;
}



/*design
--------------------------------*/

#design_policy{
padding: 10px;
background: url('/images/produce/bg_gra_yellow.gif') top left no-repeat;
border: 1px solid #aaaaaa;
margin: 10px 20px 0 20px;

}

#design_policy ul{
margin-top: 0;
margin-bottom: 0;
}

#design_policy ul li{
list-style-type: square;
}

/*seo
--------------------------------*/
#menu_seo{
padding: 0;
margin: -10px -20px 50px -20px;
}

#menu_seo li{
list-style: none;
margin: 0;
border-bottom: 1px solid #aaaaaa;
padding: 0;
width: 108px;
display: block;
float: left;
text-align: center;
background: url('/images/produce/bg_menu_seo.gif') top left no-repeat;
font-size: 10px;

}

#menu_seo a{
display: block;
text-decoration: none;
color: #000000;
padding: 3px 0 3px 0;
}

#menu_seo li a:hover {
background:#ffcc00;
background: url('/images/produce/bg_menu_seo_on.gif') top left no-repeat;
color: #000000;
}

#seo_left{
float: left;
width: 250px;
}

#seo_right{
float: right;
width: 340px;
}

table.seo_table{
width: 100%;
}

table.seo_table th,
table.seo_table td{
border: 1px solid #aaaaaa;
}

table.seo_table td{
text-align: right;
font-family: Arial;
font-size: 11px;
}

table.seo_table th{
background: #ABD9E7;
text-align: center;
}

table.seo_table td.midasi{
background: #E7F4F8;
text-align: center;
}

#seo_flow{
margin: 0;
margin-top: 10px;
}

#seo_flow dt{
width: 200px;
padding: 5px;
font-weight: normal;
text-align: center;
background: url('/images/produce/bg_gra_yellow.gif') top left no-repeat;
border: 1px solid #aaaaaa;
}

#seo_flow dd{
margin-left: 0px;
margin-bottom: 0px;
padding: 8px 8px 20px 30px;
background: url('/images/produce/bg_flow.gif') bottom left no-repeat;
}


#seo_faq_list{
margin-top: 0;
margin-bottom: 20px;
color: #FFCC00;
}


#seo_faq_list li{
list-style-type: square;
}



#seo_faq{
margin: 0;
margin-top: 10px;
}

#seo_faq dt{
padding: 5px;
padding-left: 20px;
font-weight: normal;
background: url('/images/produce/bg_gra_yellow.gif') top left no-repeat;
border: 1px solid #aaaaaa;
border-left: 5px solid #ffcc00;
}

#seo_faq dd{
margin: 0 0 30px 50px;
padding: 8px 20px 8px 20px;
border-top: none;
}


/*skype
--------------------------------*/

dl#skype_bn dt{
font-weight: bold;
float: left;
width: 120px;
}

dl#skype_bn dd{
width: 150px;
float: left;
}

div.tel_box{
width: 300px;
margin-left: auto;
margin-right: auto;
border: 1px solid #aaaaaa;
padding: 10px;
background: url('/images/produce/bg_gra_yellow.gif') top left no-repeat;
margin-top: 10px;
line-height: 25px;
text-align: center;
font-weight: bold;
}

div.tel_box span{
font-size: 20px;
font-family: Arial;
font-weight: bold;
color: #FF6600;
}

/*form
--------------------------------*/
fieldset{
margin: 10px 0 10px 0;
}

fieldset dl{
margin: 0;
}

fieldset dl dt{
width: 200px;
float: left;
padding: 10px 0 10px 0;
clear: both;
color: #6699CC;
font-weight: bold;
}

fieldset dl dd{
padding: 10px 0 10px 0;
margin: 0;
border-bottom: 1px solid #cccccc;
}

fieldset dl dd span{
color: #FF6600;
font-weight: bold;
}

div.submit{
margin: 10px 10px 0px 200px;
}

div.submit input{
padding: 5px;
margin: 5px;
}

fieldset textarea{
width: 62%;
}

/*works
--------------------------------*/

#works_images{
margin: 10px 0 0 0;
}

#works_images img{
padding: 10px;
margin: 8px;
border: 1px solid #aaaaaa;
}

#side img.side_works{
margin: 15px 0 0 0;
}

/*sitemap
--------------------------------*/

#sitemap li{
list-style-type: square;
color: #6699FF;
}