/*------
Display Block 
-----------------------------------------------*/
/* over 960px */
@media only screen and (min-width: 981px) {
#content { width:67.75%; float:right; text-align:left; }
#leftcols { width:31.25%; float:left; text-align:left; }
}

/* Under 960px */
@media only screen and (max-width: 980px) and (min-width: 821px) {
#content { width:64.65%; float:right; text-align:left; }
#leftcols { width:33.35%; float:left; text-align:left; }
}

/* Under 800px */
@media only screen and (max-width: 820px) and (min-width: 789px) {
#content { width:58.5%; float:right; text-align:left; }
#leftcols { width:40%; float:left; text-align:left; }
}

/* Under 768px iPad */
@media only screen and (max-width: 788px) and (min-width: 621px) {
#content { width:56.85%; float:right; text-align:left; }
#leftcols { width:41.65%; float:left; text-align:left; }
}

/* Under 600px */
@media only screen and (max-width: 620px) and (min-width: 501px) {
#content { width:100%; float:left; text-align:left; }
#leftcols { display:none; }
}

/* Under 480px */
@media only screen and (max-width: 500px) and (min-width: 341px) {
#content { width:100%; float:left; text-align:left; }
#leftcols { display:none; }
}

/* Under 320px */
@media only screen and (max-width: 340px) and (min-width: 5px)  {
#content { width:100%; float:left; text-align:left; }
#leftcols { display:none; }
}





/*行の高さをフォントサイズと同じにして余白をリセット
（※padding:0;は省略しても違いが見られなかったためmargin:0;のみ）*/
body {
    line-height:1;
    margin:0;
}

/*ブロックレベル要素の余白をリセット
（※padding:0;は省略しても違いが見られなかったためmargin:0;のみ）*/
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}

/*HTML5での新規追加要素のデフォルトをブロック要素へ変更
（※Android2.1以前のブラウザではインライン要素となっている）*/
article,aside,details,figcaption,figure,
@charset "utf-8";

footer,header,hgroup,menu,nav,section {
    display:block;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくする
（※罫線の色を変える場合は#ccccccの部分を変更）*/
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/*リスト要素のリストスタイルと余白をリセット
（※margin:0;は省略しても違いが見られなかったためpadding:0;のみ）*/

ul {
	list-style:none;
	padding:0;
}
li {
	padding:0;
}


/*縦方向の揃え位置を中央揃えに指定*/
input, select {
    vertical-align:middle;
}

/*タップしやすいようにaタグはあらかじめブロックレベルとしする*/
a {
    display: block;
    text-decoration:none;
    color:#3E3A39;
}

a.nobox {
    display: inline;
    text-decoration:none;
    color:#3E3A39;
}


/*スマートフォンサイトでaタグをタップしたときにでるハイライトの色を消す*/
/*a {
    -webkit-tap-highlight-color:transparent;
}*/