@charset "utf-8"; 

/* サイト共通のデザイン（レイアウト、ヘッダー、フッター、ナビゲーション）を記述する。 */


/* レイアウト */
#container {margin: 0 auto; text-align: center }
.mc { width: 100%; max-width:1000px; margin:0 auto;}
img { width: 100%; height: auto;}

#sidebar { float: left; width: 200px; padding:0 0 10px; background-color:#ddd; }

main#one { float:none; width:960px; margin:0; } /* 1カラム */
main { float: left; width: 98.333333333333%; margin-left:10px; padding: 10px 0;} /* 2カラム */
main#three { float: left; width: 560px; margin-left:10px; padding: 10px 0; background-color:#bbb; } /* 3カラム */

#sidebar2 { float: left; width: 180px; margin-left:10px; padding:0 0 10px; background-color:#ddd; }

/* ヘッダー */
header { width: 100&; margin:0 auto; max-width:1000px;}
header h1 {}

/* パンクズ */
#breadcrumbs { margin:10px 0; padding:0; line-height:1; }
#breadcrumbs li { list-style-type:none; display:inline; }
#breadcrumbs li a { text-decoration:none; padding:5px 15px 5px 5px; background:url('icon-arrow-right.png') no-repeat right center; }
#breadcrumbs li.last a { color:#333; background:none; }

/* ブロック */
section, article { margin:0 15px 2em; padding:15px; background-color:#fff; }

/* ページトップ */
#page-top { position: fixed; bottom: 20px; right: 20px; }
#page-top a { display: block; background:url('pagetop.png') no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; width:60px; height:60px; filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
#page-top a:hover { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }


/* フッター */
footer { clear:both; padding:0.5em 0; background: #0099CC; border-top:2px solid #ccc; color: #FFFFFF; }
footer a {color: #FFFFFF; }
address { text-align: center; margin:0.5em; font-style:normal; }
address dt { font-weight:bold; }




/* モニター幅960px以下 */
@media only screen and (max-width:960px) { 

}


/* スマートフォン 横(ランドスケープ) タブレット*/
@media only screen and (max-width:768px) { 
#container { width:100%; }

#sidebar { float:none; width:100%; }
#sidebar nav li { float:left; }
#sidebar div { float:left; }

main#one { float:none; width:100%; margin-left:0; }
main { float:none; width:100%; margin-left:0; }
main#three { float:none; width:100%; margin-left:0; }

#sidebar2 { float:none; width:100%; display:none; }
#sidebar2 nav li { float:left; }
#sidebar2 div { float:left; }
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) { 
#breadcrumbs { display:none; }
}