@charset "UTF-8";

/*------------------------------------
 テーマA　2カラム（サイドカラムが左）
--------------------------------------*/
/*--- レイアウト ---*/
#df_wrap #df_tplFrame {
width:710px;
margin:auto auto;
}

#df_tplFrame #df_tplWrap {
width:100%;
margin:auto auto;
}

#df_tplFrame .df_tpl_header {
width:100%;
margin:0 auto 20px auto;
}

#df_tplFrame .df_tpl_header h1 a {
font-size:1.3em;
font-weight:bold;
}

#df_tplFrame .df_tpl_header img {
max-width:100%;
height:auto;
}

#df_tplFrame .df_tplColumnA {
float:right;
width:510px;
margin:0 0;
}

#df_tplFrame .df_tplColumnB {
float:left;
width:180px;
margin:0 20px 0 0;
}
 @media only screen and (max-width:640px) {

#df_wrap #df_tplFrame {
width:auto;
padding:0 6px;
}

#df_tplFrame .df_tpl_header {
margin:0 auto 10px auto;
}

#df_tplFrame .df_tplColumnA {
float:none;
width:100%;
margin:0 auto;
}

#df_tplFrame .df_tplColumnB {
float:none;
width:100%;
margin:0 auto;
}

}