/* CSS Document */



/* -----------------全体のデザインに関するもの----------------- */

body{
font-size:0.8em;
line-height:140%;
text-align:center;
padding:auto;
margin:auto;
}

img{
border:none;
vertical-align:middle;
}


a:link {
color:#CC0000;
}

a:visited {
color:#CC0000;
}

a:hover {
color:#FF9900;
}

div{
padding:auto;
margin:auto;
}

form{
margin:0;
padding:0;
}

/* -----------------サイトレイアウトに関するもの----------------- */
#grandback{
background-color:#F5F5F5;
text-align:center;
}

#grandshadow{
width:958px;
background-image:url(image/grandshadow.jpg);
}

#header{
width:100%;
height:140px;
background-image:url(image/head/backred.jpg);
background-repeat:repeat-x;
text-align:center;
}

#headercontent{
width:950px;
background-color:#FFFFFF;
height:140px;
}

#container{
width:950px;
}

#side{
width:210px;
float:right;
text-align:center;
}

#sidecontent{
width:190px;
text-align:left;
margin-bottom:5px;
margin-top:5px;
}

#content{
width:720px;
float:left;
text-align:center;
}

#2colomend{
clear:both;
}
#footer{
clear:both;
width:950px;
background-color:#FFFFFF;
padding:auto;
margin:auto;
}

#copy{
width:950px;
height:74px;
background-image:url(image/footer/underback.gif);
}

#allcenter td,tr{
text-align:center;
}

#allleft tr,td{
text-align:left;
}

#content_leftspace{
margin-left:20px;
text-align:left;
}
/* -----------------店舗一覧レイアウトに関するもの----------------- */

.itemBox{
width:150px;
margin:0 20px 20px 0;
padding:0px;
float:left;
}

/* -----------------サイドメニューサービスリンクに関するもの----------------- */

#side-service{
width:200px;
text-align:left;
}


#t_link a:link{
background-image:url(image/side/yaji.gif);
background-position: 0 0;
background-repeat:no-repeat;
padding-left:20px;
line-height:160%;
}

#t_link a:visited{
background-image:url(image/side/yaji.gif);
background-position: 0 0;
background-repeat:no-repeat;
padding-left:20px;
line-height:160%;
}

#t_link a:hover{
background-image:url(image/side/yaji2.gif);
background-position: 0 0;
background-repeat:no-repeat;
padding-left:20px;
line-height:160%;
}




/* -----------------テキストに関するもの----------------- */

h1{
font-size:12px;
padding:0;
margin:0;
padding-left:50px;
font-weight:normal;
float:left;
}

h3{
font-size:14px;
padding:0;
margin:0;
border-bottom: 2px solid #CC0000;
}
h5{
background-color:#D3DEDC;
font-size:13px;
width:690px;
padding:3px 0px 3px 0px;
margin:auto;
margin-bottom:0px;
border-left:10px solid #FF9900;
}

.copytext{
color:#FFFFFF;
}

.red{
color:#CC3300;
}

.blue{
color:#3366CC;
}

.redboc{
background-color:#CC3300;
color:#FFFFFF;
padding:2px;
margin:2px;
font-weight:bold;
}

#soroe td,tr{
text-align:justify;
}

.menu_button a {
padding-top:5px;
height:24px;
float:left;
text-align:center;
text-decoration:underline;
background-color:#F6F6F6;
color: #333333;
border-bottom:2px solid #333399;
width:100%;
}

.menu_button a:hover {
color:#CC0000;
border-bottom:2px solid #CC0000;
}

/*========================================
  レコメンドナビページ用
========================================*/

#reco-merit{
width:593px;
background-image:url(http://mdc.e-savacity.com/img/recommend/merit-back.jpg);
text-align:right;
}

#reco-merit01{
width:593px;
background-image:url(http://mdc.e-savacity.com/img/recommend/merit01-title.jpg);
background-repeat:no-repeat;
text-align:right;
}

#reco-merit02{
width:593px;
background-image:url(http://mdc.e-savacity.com/img/recommend/merit02-title.jpg);
background-repeat:no-repeat;
text-align:right;
}

#reco-merit03{
width:593px;
background-image:url(http://mdc.e-savacity.com/img/recommend/merit03-title.jpg);
background-repeat:no-repeat;
text-align:right;
}

#reco-merit-under{
width:593px;
background-image:url(http://mdc.e-savacity.com/img/recommend/merit-under.jpg);
background-repeat:no-repeat;
background-position:bottom;
text-align:right;
}




/*========================================
  トレードセーフページ用
========================================*/


#tre-s01{
width:593px;
background-image:url(http://mdc.e-savacity.com/img/tradesafe/service-01-title.jpg);
background-repeat:no-repeat;
text-align:right;
}

#tre-s02{
width:593px;
background-image:url(http://mdc.e-savacity.com/img/tradesafe/service-02-title.jpg);
background-repeat:no-repeat;
text-align:right;
}

#tre-s03{
width:593px;
background-image:url(http://mdc.e-savacity.com/img/tradesafe/service-03-title.jpg);
background-repeat:no-repeat;
text-align:right;
}

#tre-s04{
width:593px;
background-image:url(http://mdc.e-savacity.com/img/tradesafe/service-option-title.gif);
background-repeat:no-repeat;
text-align:right;
}

#reco-merit-under{
width:593px;
background-image:url(http://mdc.e-savacity.com/img/recommend/merit-under.jpg);
background-repeat:no-repeat;
background-position:bottom;
text-align:right;
}




/* バージョンアップ
-----------------------------------------------------------*/

.verup_title {
width: 690px;
background:url(image/verup/title_bg.gif);
text-align: left;
height: 26px;
margin-bottom: 10px;
padding-left: 10px;
}

.verup_text {
width: 680px;
padding: 10px;
background: #EEE;
text-align: left;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
margin-bottom: 10px;
}

.verup {
width: 700px;
}

.verup table {
width: 680px;
border: 1px #CCC solid;
margin-left: 10px;
}

.verup td {
padding: 10px;
border-bottom: 1px dotted #CCC;
border-left: 7px solid #EEE;
}

.verup hr {
border: 1px dotted #EEE;
}

.verup_shosai {
text-align: right;
width: 90%;
padding: 10px;
}


.center {
text-align: center;
padding: 5px;
}

/* -----------------検索窓----------------- */

#search{
float:right;
width:300px;
}


/* -----------------上に戻るために----------------- */

#gotop {
background:url(image/modoru.png) no-repeat;
bottom: 20%;
float: right;
height: 74px;
position: fixed;
right: 0pt;
width: 50px;
}

#gotop span {
display: none;
}

/* -----------------SAVAWAYに戻る----------------- */

#gogosava {
width:114;
height:74px;
position:absolute;
top:10px;
left:0px;;
}


/* =======================================サイドニュース===========================　*/

.side_news{
background-color:#F6F6F6;
text-align:left;
width:198px;
margin-bottom:10px;
border:#CCC solid 1px;
font-size:80%;
line-height:100%;
}

.side_news ul{
list-style-position:outside;
padding:4px 0 6px 17px;
}