/*メイン枠*/

body {

	font-family:'Meiryo UI';
	color: #333;
	background: #fafafa;
	font-size: 18px;
	line-height: 1.3em;

}

/*===============================================
画面の横幅が769px以上（パソコン用）
===============================================*/
@media screen and (min-width: 769px) {

div.main {

	background: #ffffff;
	max-width: 800px;
	padding: 15px;
	text-align: center;
	border: 1px solid #cccccc;
	margin: 30px auto;
	font-size: 16px;
	line-height: 1.5em;

}

}

/*===============================================
画面の横幅が768pxまで（タブレット用）
===============================================*/
@media screen and (max-width: 768px) {


div.main {

	background: #ffffff;
	padding: 10px;
	text-align: center;
	border: 1px solid #cccccc;
	margin: 30px auto;
	font-size: 16px;
	line-height: 1.5em;

}



}

/*===============================================
画面の横幅が640pxまで（スマホ用）
===============================================*/
@media screen and (max-width:640px) {


div.main {

	background: #ffffff;
	padding: 20px;
	text-align: center;
	border: 1px solid #cccccc;
	margin: 30px auto;
	font-size: 16px;
	line-height: 1.5em;

}


/*モバイル用非表示部分*/

.misenai {

	display: none;

}

}








/*リンク色*/

a:link {    /*未訪問のリンク*/

	color: #0044cc;

}
a:visited { /*訪問済みのリンク*/

	color: #0044cc;
}

a:hover {   /*ポイント時のリンク*/

	color: #ff0000;

}

a:active {  /*選択中のリンク*/

	color: #ff8000;

}



/*パンくずリスト(breadcrumbs)*/

nav {

	color: #555;
	font-size: 0.7em;

}

nav#breadcrumbs ol li {

	display: inline;
	list-style-type: none;

}

nav#breadcrumbs ol li:before {

	content: " > ";

}

nav#breadcrumbs ol li:first-child:before {

	content:"";

}

a.nav:link {

	color: #555;
	text-decoration: none;

}

a.nav:hover {

	color: #ff0;

}

a.nav:visited {

	color: #555;
	text-decoration: none;

}

/* アドセンス */

div.ad-head {

	background: #fafafa;
	max-width: 800px;
	margin: 10px auto;

}