@charset "utf-8";

/* reset
----------------------------------------------- */

html,body,
h1, h2, h3, h4, h5, h6,
div,/*p,*/ pre, blockquote, address,
ul, ol, li, dl, dt, dd,
/*table, caption, th, td,*/
img,object,embed,
input,fieldset,legend,label,form
{
margin: 0;
padding: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

img { border: 0; vertical-align:bottom; }

h1, h2, h3, h4, h5, h6{ 
margin:0;
padding:0;
text-align:left;   
width:auto; }
p{
margin:0 0 1em 0;
}

table{
border-collapse: collapse;
border-spacing: 0;
}

/* link /////////////////*/
/*a:link,a:hover,a:active{ color:#025AC8;}
a:visited{ color:#0288C8;}*/

a:link,a:hover,a:active,a:visited{text-decoration:none;}


/* clear ///////////*/
/*clr*/
.clr {clear: both;}

/* clearfix */  
.clearfix:after{ 
content: " "; 
clear: both;
height: 0;
display: block;
visibility: hidden;
font-size:0.1em;
line-height:0;
}
.clearfix { display: inline-table; }

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  


/* page 
----------------------------------------------- */

body{ 
text-align:center;
background-color:#F2F2F2;
/*font: 14px/1.5 "ＭＳ Ｐゴシック","MS P Gothic","ヒラギノ角ゴ Pro W3","Hiragino kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,sans-serif;*/
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
line-height:1.5;
color:#333333;
}

#wrapper{ 
width:980px; /* 980 */
margin:0 auto;
border-left:1px solid #CFCFCF;
border-right:1px solid #CFCFCF;
border-top:4px solid #48B7E6;
background-color:#FFFFFF;
}
/* * html #wrapper{width:982px;}*/ /* IE6 */

/* header//////////////////*/
#header{
border-bottom:1px #CFCFCF solid;
/*margin-bottom:10px;*/
line-height:0.1;
}

#logo-area{
width:940px;
padding:0 20px 0 20px;
}



h1{float:left; width:234px;}

#header-navi {
float:right; 
padding:10px 0;
}

/*dnavi//////////////////*/
/* dnavi-right*/
#dnavi{float:right; width:358px;}
#dnavi .dlogo{ text-align:right; height:47px;}
#dnavi .dlogo img{padding-top:10px;}
#dnavi li{
float:left;
list-style:none;
width:118px;
text-align:center;
vertical-align:middle;
/*height:29px;*/
border-right:#D3D3D3 1px solid;
background-color:#F8F8F8;
font-size:12px;
line-height:1.1;
color:#333333;
}
#dnavi li.d-news{
border-top:2px solid #5F93C9;
border-left:#D3D3D3 1px solid;
}
#dnavi li.d-e{
border-top:2px solid #DD1A6E;
}
#dnavi li.d-lifeinfo{
border-top:2px solid #F4A00C;
}
#dnavi li a{
font-weight:bold;
/*text-decoration:none;*/
color:#333333;
display:block;
padding-top:9px;
height:20px;
}
/**/


#dnavi li.d-news a:hover{ color:#5F93C9;}
#dnavi li.d-e a:hover{ color:#DD1A6E;}
#dnavi li.d-lifeinfo a:hover{ color:#F4A00C;}


/**/


#dnavi li.dlogo{
padding-right:15px;
padding-top:2px;
}

#dnavi li.dlogo a{
background:none;

}

/* main//////////////////*/
#container{
margin:20px 20px 0 20px;
/*width:980px; /* 980 */
}
.leftcolumn{
padding-right:30px;/*margin用*/ 
}
 
#maincolumn{ 
float:left;
text-align:left;
width:760px;
}

.shop-threecolumn-area
{
/*width:100%;*/
}

.shop-twocolumn-area
{
width:100%;

}
.shop-onecolumn-area{
border-top:1px solid #CCCCCC; padding-top:1em;
}


.shop-area h2{
padding-top:3px;
padding-bottom:3px;
border-bottom:3px solid #aaa;
font-weight:bold;
letter-spacing:0.1em;
}
.shop-area h2 a:link/*,
.shop-area h2 a:visited*/{
/*color:#333333;*/
/*text-decoration:none;*/
}

/*.shop-area h2 a:hover{
color:#025AC8;
}*/


.shop-twocolumn-area .shop-area{
width:350px;
float:left;
}
.shop-twocolumn-area .left-m{ margin-right:30px;}

.shop-twocolumn-area .shop-id,
.shop-onecolumn-area .shop-id{
padding:15px;
border:1px solid #9B9B9B;
}

.shop-onecolumn-area .shop-id{
width:316px;
float:left;
margin-right:10px;
}

.shop-twocolumn-area .shop-id img,
.shop-onecolumn-area .shop-id img{
/*border:1px solid #CCCCCC;*/
}

.shop-onecolumn-area .shop-area{
width:730px;
margin-bottom:10px;
}

.shop-twocolumn-area .detail,
.shop-onecolumn-area .detail{ 
padding-top:10px;
}
/* どうしんオンラインストア//////////////////*/
.doswrapper{
float:right;
width:368px;
}

.dostxt { 
width:100%;
}

.dostxt p{ text-align:left;}
/*
.dostxt a{ text-decoration:underline;}
*/

/* rigthcloumn //////////////////*/
.rightcolumn{ 
float:right;
width:180px;  /* banner-max:160 */
text-align:left;
font-size:13px;
}

.koudoku,
.services{
padding:10px;
background-color:#EDEDED;
margin-bottom:15px;
}

.koudoku .detail,
.services .detail{ padding-top:6px;}
/* koudoku */

/* services */
.services{
}

.services .shop-wrapper{
background-color:#FFFFFF;
padding:5px;
margin-bottom:10px;

}
.services h3{ 
margin-bottom:10px;
font-weight:bold;
border-bottom:1px dotted #333333;
}
.services h3 a:link/*,
.services h3 a:visited*/{ 
/*color:#333333;*/
/*text-decoration:none;*/
}

/*.services h3 a:hover{
color:#025AC8;
}*/

.services .shop-id{ text-align:center;}
.services .shop-id img{ border:5px solid #EDEDED;}

/* footer//////////////////*/
#footer{ 
width:980px;
border-top:1px solid #CFCFCF;
padding-top:10px;
/*border-bottom:1px solid #333;*/
}

#copy-area{ 
/*float:left;*/
text-align:left;
font-size:11px;
padding-left:10px;
}

#doshin-logo{
/*float:right;*/
text-align:right;
padding-right:10px;
padding-bottom:10px;
}


/* anchor */
a:hover {
text-decoration: underline;
}




/* attention /////////////////*/
.attention{ padding:15px; border:1px solid #9B9B9B; background-color:#F3FAFE; margin-bottom:15px; }
.topinfo{ border-bottom:2px solid #989898; line-height:2;}

#news_area { padding:15px; border:1px solid #9B9B9B; background-color:#F3FAFE; margin-bottom:15px; }
#news_area h2 { border-bottom:2px solid #989898; line-height:2; font-weight: bold;}
#news_area .news_contents {padding: 6px 0;}
#news_area .news_contents .newslist dt.date{}
#news_area .news_contents .newslist dt span.title{font-weight: bold;}
#news_area .news_contents .newslist dd {padding: 6px 6px 12px 6px;}

/* column-end /////////////////*/
.column-end{ clear:both; margin-bottom:20px;}


/*text bloc*/
.text_bloc {
    padding: 0 12px;
    margin: 12px 0px;
}

.right_bloc{
padding:10px;
border: 1px solid #cccccc;
margin-bottom:15px;
}
.right_bloc .qr_img {margin-top: 3px;}
.right_bloc .detail{ padding-top:6px;}
.alignC {
text-align: center;
}