/* Default ---------------------------------------------------------------- */

/* Global */

body {
font: normal 14px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;

}

/* Content */

.asset-name {
    font-size: 18px;
    font-weight: bold;
}

.asset-name a {
    text-decoration: none;
}

.asset-name a:hover {
    text-decoration: underline;
}

.asset-content {
    margin: 5px 0;
}

.asset-more-link {
    font-weight: bold;
}

.asset-meta {
    border-top: 1px solid #cccccc;
}

.asset-footer {
    border-top: 1px solid #cccccc;
}

.content-nav {
    margin: 5px 0 10px;
}

.archive-title {
    margin: 5px 0 30px;
    font-size: 18px;
    font-weight: bold;
}

.widget-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.search-form-header,
.search-results-header {
    margin: 0;
    padding: 5px 0;
    font-size: 14px;
    font-weight: bold;
}

.search-results-header {
    margin-bottom: .25em;
}

.asset-more-link,
.asset-meta,
.typelist-thumbnailed {
    font-size: 11px;
}



/* Utility */

.widget-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.search-form-header,
.search-results-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;
}


/* Global ----------------------------------------------------------------- */

body {
color: #333;  
font-family: normal 14px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;   
background-image: url(baseimage/bg.gif);
background-color:#faf7ea;
}


/* Layout ----------------------------------------------------------------- */

#container-inner,
#content {
    background-color: #fff;
}

#header-inner, #content-inner, #footer-inner {
    padding-top: 0;
    padding-bottom: 0;
}

#header-inner, #beta-inner, #gamma-inner {
    padding-right: 0;
    padding-left: 0;
}


/* Header ----------------------------------------------------------------- */


/* html #header-content {  /*HACK targets IE6 but not 7, instead of min-height*/
/*    height: 72px;*/
/*}*/

/*#header-content {
    width: 844px; 
    min-height: 72px; 
    margin: 20px 0 100px 20px;
}*/

/*
#header-name {
    color: #003c6a;  
    font-family: "century gothic", futura, arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif; 
    font-size: 28px;
    font-weight: bold;
}

#header-description {
    color: #003c6a;  
    font-family: "century gothic", futura, arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;  
    font-weight: bold; 
}
*/


/* Content ---------------------------------------------------------------- */

.asset-name,
.comments-header,
.comments-open-header,
.trackbacks-header,
.archive-title
.archive-header,
.search-form-header,
.search-results-header {
    font-family: "century gothic", futura, arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;
} 

.asset-name,
.asset-name a,
.archive-title {
    color: #333333;
}

.asset-footer {
    border-top-color: #cccccc;
}

.comments-header,
.comments-open-header,
.trackbacks-header,
.archive-header,
.search-form-header,
.search-results-header {
    color: #99cc33;
}

.comment,
.trackback {
    border-color: #cccccc;
}



.archive-list-item {
    margin-bottom: 5px;
}


/* Widget ----------------------------------------------------------------- */

.layout-wtt #content-inner { background: transparent url(content-wtt.gif) repeat-y scroll right top; }
.layout-twt #content-inner { background: transparent url(content-twt.gif) repeat-y scroll left top; }
.layout-wt #content-inner { background: transparent url(content-wt.gif) repeat-y scroll right top; }
.layout-tw #content-inner { background: transparent url(content-tw.gif) repeat-y scroll left top; }




.widget a,
.archive-widget .widget-list .item {
    color: #4c6885;
} 

.widget-header {
    padding: 5px 15px;
    font-size: 12px;
    font-weight: bold; 
    font-family: "century gothic", futura, arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif; 
    background: url(baseimage/widget-header.gif) repeat top left #cccccc; 
}  
.widget .widget-header {
    border-left: 1px solid #fff;
}

.layout-tw .widget .widget-header {
    border-left-width: 0;
}

.layout-twt #beta .widget-header,
.layout-tw .widget-header {
    border: 0;
}

.embed-asset-widget .widget-header {
    margin-bottom: 10px;
}  
.widget-header,
.widget-header a {
    text-decoration: none;
    color: #fff;
}

.widget-header .edit a {
    border-left-color: #fff
} 
.widget .widget-header a:hover {
    text-decoration: underline;
}

.media-stream-widget img {
    border: 1px solid #999;
} 
.widget-header .edit a,
.archive-widget .widget-list .item a,
.archive-widget .widget-list .item {
    font-weight: normal;
} 

.widget-header {
    font-size: 14px;
}

.widget-header a {
    text-decoration: none;
}

.widget-header a:hover {
    text-decoration: underline;
}

.widget-content {
padding: 5px 10px;
margin-top: 5px;
margin-bottom: 10px;
font-size: 12px;
line-height: 16px;
}


/* Footer Widgets */

#footer .widget {
    margin: 10px 0;
}

#footer .widget-content {
    padding-right: 0;
    padding-left: 0;
}

#footer .widget-powered .widget-content {
    padding: 0;
    text-align: left;
}


/* Utilities -------------------------------------------------------------- */

#header:after,
#header-inner:after,
#content:after,
#alpha-inner:after,
#beta-inner:after,
#gamma-inner:after,
#footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}


#header-inner,
#content-inner,
#footer-inner,
.asset-body {
    height: 1%;
}

.asset-body {
font-size:14px;
line-height:21px;
}



/* Custom Styles ---------------------------------------------------------- */

#content-inner {
    padding: 0 0 10px 0;
}

/*───────────────────────────────────  */
/*　ヘッダー　─────────────────────────────  */

#headertop {
width: 800px;
height:15px;
margin: 0 auto;
text-align: left;
font-size: 12px;
padding: 5px 0 5px 0;
color:#666666;
}

#header {
background: #ffffff; 
height: 110px;
border-top: solid #ff9900 8px;
margin: 0;
padding: 0 0 0 20px;
}

#headermain {
background: #ffffff; 
height: 110px;
border-top: solid #ff9900 8px;
margin: 0;
padding: 0 0 0 20px;
}


#header-inner {
position: relative;
}

#header a {
text-decoration: none;
}

#header a:hover {
text-decoration: underline;
}


#headertitle {
height: 85px;
width: 230px;
float: left;
margin: 0px;
padding: 0px;
}

#headermenu {
height: 35px;
width: 530px;
float: left;
clear: right;
font-size: 12px;
text-align: right;
margin: 10px 0 0 0;
}

#headertel {
height: 40px;
width: 530px;
float: left;

text-align: right;
}
.topgotobox {
width: 530px;
text-align: right;
font-size: 12px;
margin: 0 0 20px 0;
}

#headerbar {
height: 10px;
width: 760px;
margin: 0px;
padding: 0px;
}

#headerbanner {
height: 30px;
width: 760px;
margin: 0 0 20px 20px ;
padding: 0px;
}

h1,h2,h3,h4,h5 {
/*font-weight: bold;*/
margin: 0px;
padding: 0px;
}


/*　リンク　──────────────────────────────  */

a:link {
color: #333333;
text-decoration: none;
}
a:visited {
color: #333333;
text-decoration: none;
}
a:hover {
color:#009900;
/*color: #FF6600;*/
text-decoration: underline;
}



/*　テキスト 　─────────────────────────────  */
#headertop h1{
float: left;
font-size: 100%;
font-weight: normal;
font-style: normal;
margin:0px;
padding:0px;
}

#headertop em{
float: left;
margin:0px;
font-weight: normal;
font-style: normal;
padding:0px;
margin:0px;
}


/*　テキスト 　─────────────────────────────  */
h1 {
font-size: 100%;
font-weight: normal;
font-style: normal;
margin:0px;
padding:0px;
}

h2,h3 {
font-size: 100%;
font-weight: bold;
}

h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}



.contents {
font-size: 14px;
line-height: 21px;
line-height: 18px;
}

.g16b{
font-size: 16px;
line-height: 21px;
font-weight: bold;
color:#339900;
margin-bottom:5px;
}

.t14 {
font-size: 14px;
line-height: 21px;
font-weight: normal;
}


.t14b {
font-size: 14px;
line-height: 21px;
font-weight: bold;
}

.t14bred {
color:#ff0000;
font-size: 14px;
line-height: 21px;
font-weight: bold;
}


.t12 {
font-size: 12px;
line-height: 16px;
}

.t12b {
font-size: 12px;
line-height: 16px;
font-weight: bold;
}

.t10 {
font: normal 9px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
line-height: 14px;
}



.co2 {
font-size: 70%;
}


/*　箱組 　───────────────────────────────  */

.linkbox {
width: 540px;
font-size: 12px;
line-height: 21px;
}

.sidebtnbox {
width: 200px;
margin-bottom:5px;
}

.sidebox {
width: 200px;
margin-bottom:5px;
}

#corpbox {
padding: 10px;
width: 178px;
border: 1px solid #CCCCCC;
background-color: #f9f7ee;
margin:0 0 5px 0;
}

#corpbox2 {
padding: 10px;
width: 178px;
border: 1px solid #CCCCCC;
background-color: #f9f7ee;
margin:0 0 5px 0;
}

.midashibox3 {
background: url(baseimage/midashi_bg.gif) no-repeat;
color:#333333;
width: 538px;
font-size: 16px;
font-weight: bold;
text-indent: 10px;
padding: 6px 0 5px 0;
border: solid #f4d975 2px;
margin: 0 0 15px 0;
}


.midashibox {
background: url(baseimage/midashi_bg.gif) no-repeat;
color:#333333;
width: 535px;
font-size: 16px;
font-weight: bold;
text-indent: 10px;
padding: 6px 0 5px 0;
border: solid #f4d975 2px;
margin: 0 0 15px 0;
}

.midashibox2 {
/*background-color: #ebebeb;*/
background: url(baseimage/midashi_bg2.gif) no-repeat;
color:#333333;
width: 535px;
font-size: 14px;
font-weight: bold;
text-indent: 10px;
padding: 5px 0 5px 0;
border: solid #cdcdcd 2px;
margin: 0 0 15px 0;
}

.pagetitle {
margin-bottom:20px;
}

.contentsbox {
width:520px;
font-size: 14px;
line-height: 21px;
margin: 0 0 15px 10px;
}

p {
font-size:14px;
line-height:21px;
margin: 0 0 15px 0;
padding: 0px;
}

.blogtext {
font-size:14px;
line-height:21px;
}

/*　フラッシュ　────────────────────────────  */

#topflaeh {
height: 300px;
width: 760px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 20px;
}

/*　トップページ　ニュース 　──────────────────────  */

.news{
font-size: 14px;
line-height: 16px;
list-style: none;
padding: 0;
margin: 0 0 5px 0;
}

.news ul {
/*font-size: 14px;*/
}

.news li {
font-size: 14px;
line-height: 16px;
list-style: none;
}

/*　トップページ　ボタン４個　─────────────────────  */

#topbtnbox {
width: 540px;
height: 290px;
margin: 0 0 20px 0;
}

.tbtnnav {
width: 540px;
height: 290px;
background: url(baseimage/btn_4.jpg) no-repeat;
position: absolute;
margin: 0 0 20px 0;
}
.tbtnnav li {
display: inline;
}

.tbtnnav li a:link, .tbtnnav li a:visited {
position: absolute;
top: 0px;
height: 290px;
text-indent: -9000px;
overflow: hidden;
}

.tbtnnav .toperabi a:link, 
.tbtnnav .toperabi a:visited {
position: absolute;
top: 0px;
left: 0px;
width: 270px;
height: 135px;
}

.tbtnnav .toppromis a:link, 
.tbtnnav .toppromis a:visited {
position: absolute;
top: 0px;
left: 270px;
width: 270px;
height: 135px;
}

.tbtnnav .topnagare a:link, 
.tbtnnav .topnagare a:visited {
position: absolute;
top: 150px;
left: 0px;
width: 270px;
height: 135px;
}

.tbtnnav .tophiyou a:link, 
.tbtnnav .tophiyou a:visited {
position: absolute;
top: 150px;
left: 270px;
width: 270px;
height: 135px;
}

/*　よくある質問 ページ　────────────────────────  */

.qabox {
line-height: 21px;
width: 520px;
margin-top:3px;
}

.qabox td {
font-size: 14px;
font-weight:bold;
padding: 2px;
}

/*　会社概要 ページ　──────────────────────────  */

.profilebox {
font-size: 14px;
line-height: 21px;
width: 520px;
border: solid #999999 1px;
margin-top:3px;
border-collapse:collapse;
}

.profilebox td {
padding: 5px;
border: solid #999999 1px;
}

/*　解体選び ページ　──────────────────────────  */

.checkpoint{
background: url(baseimage/icon_point.gif) no-repeat;
font-size: 16px;
font-weight:bold;
width:460px;
height:25px;
margin:0 0 0 15px;
padding:8px 0 0 30px;
}

.selectr{
width:520px;
height:80px;
background: url(baseimage/select_r.gif) no-repeat;
font-size: 16px;
font-weight:bold;
line-height: 21px;
padding:20px 0 0 20px;
margin:15px 0 0 0px;
vertical-align: middle;
}

.selectr2{
width:520px;
height:80px;
background: url(baseimage/select_r.gif) no-repeat;
font-size: 16px;
font-weight:bold;
line-height: 21px;
padding:10px 0 0 20px;
margin:15px 0 0 0px;
vertical-align: middle;
}


.selectl{
width:520px;
height:80px;
background: url(baseimage/select_l.gif) no-repeat;
font-size: 16px;
font-weight:bold;
line-height: 21px;
padding:20px 0 0 110px;
margin:15px 0 0 0px;
vertical-align: middle;
}

/*　解体の流れ ページ　─────────────────────────  */

.nagarebox{
width:480px;
height:80px;
background: url(baseimage/nagarebox.gif) no-repeat;
font-size: 16px;
font-weight:bold;
line-height: 21px;
text-indent: 15px;
padding:15px 0 0 0;
margin:0 0 0 20px;
}

.nagareendbox{
width:480px;
height:50px;
background: url(baseimage/nagareendbox.gif) no-repeat;
font-size: 16px;
font-weight:bold;
line-height: 21px;
text-indent: 15px;
padding:15px 0 0 0;
margin:0 0 0 20px;
}

/*　解体の費用 ページ　─────────────────────────  */

.hiyoutable {
border: solid #999999 1px;
border-collapse:collapse;
}

.hiyoutable th {
background-color: #ebebeb;
font-size: 10px;
font-weight: bold;
padding: 2px;
border: solid #999999 1px;
border-collapse:collapse;
text-align:center;

}
.hiyoutable td {
font-size: 10px;
padding: 2px;
line-height: 12px;
border: solid #999999 1px;
border-collapse:collapse;
}

/*　お客様の声　─────────────────────────  */

.voicebox{
width:520px;
}

.voicebox{
text-align:left;
}



/*　お問い合わせフォーム　─────────────────────────  */

.formbox{
width:520px;
border: solid #cccccc 1px;
border-collapse:collapse;
}

.formbox td{
padding:5px 5px;
border: solid #cccccc 1px;
border-collapse:collapse;
}

/*　サイトマップ　─────────────────────────  */

.sitemaptext{
margin: 0;
padding: 0;
text-indent: 15px;
}


/*　テキストカラー　──────────────────────────  */

.red{
color:#ff0000;
}

.blue{
color:#0099cc;
}

.green{
color:#009900;
}

.orange{
color: #FF6600;
}


/*　フッター　─────────────────────────────  */

#footer { 
}

#footer-content {
margin: 20px 0;
}

/* Footer */

#footer-content,
#footer-content a {
color: #333333;
}

/* 左メインメニュー　──────────────────────────*/

#mainmenubox {
width: 200px;
height: 301px;
background: #ffffff;
margin: 0 0 5px 0;
padding: 0;
}

.mnav {
margin: 0;
padding: 0;
}

.mnav li {
display: inline;
margin: 0;
padding: 0;
}




#menubox {
width: 200px;
*/height: 161px;*/
height: 241px;
background: #ffffff;
margin: 0 0 5px 0;
padding: 0;
}

.nav {
margin: 0;
padding: 0;
}
.nav li {
display: inline;
margin: 0;
padding: 0;
}




/* Calendar Widget */

.widget-calendar .widget-content table {
font-size: 13px;
line-height: 18px;
}

.widget-calendar table{
width: 180px;
}

.widget-calendar table th{
width: 25px;
height: 15px;
text-align: center;
}

.widget-calendar table td{
width: 25px;
height: 15px;
text-align: center;
}

.entryblogday{
background:#abd7f0;
width:24px;
text-align: center;
}

.contentsbox .caption{
font: normal 9px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
line-height: 14px;
}

/**　店舗　*******/
.midashibox3 {
background: url(baseimage/midashi_bg3.gif) no-repeat;
color:#333333;
width: 535px;
font-size: 16px;
font-weight: bold;
text-indent: 10px;
padding: 6px 0 5px 0;
border: solid #778ad8 2px;
margin: 0 0 15px 0;
}

.formbtn{
width:540;
text-align: center;
}

.t14bgreen{
color:#339933;
font-size: 14px;
font-weight: bold;
}


/**　倉庫　*******/
.midashibox4 {
background: url(baseimage/midashi_bg4.gif) no-repeat;
color:#333333;
width: 535px;
font-size: 16px;
font-weight: bold;
text-indent: 10px;
padding: 6px 0 5px 0;
border: solid #f0b8c6 2px;
margin: 0 0 15px 0;
}

.kakakured{
color:#ff0000;
font-size: 18px;
font-weight: bold;
}


.optionbox{
width:498px;
padding:10px;
border:solid 1px #cccccc;
}

.optionbox2{
width:498px;
padding:10px;
border:solid 1px #f0b8c6;
background:#fbf1f0;
}

.souko-kakaku{
width:340px;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
}

.souko-kakaku th{
text-align: center;
border-bottom:solid 1px #cccccc;
border-right:solid 1px #cccccc;
font-size: 14px;
padding:3px 0 3px 3px;
background:#fbf1f0;
}

.souko-kakaku td{
text-align: left;
border-bottom:solid 1px #cccccc;
border-right:solid 1px #cccccc;
font-size: 14px;
padding:3px 30px 3px 30px;
}