/* pc */
@media screen and (min-width: 641px) {

	/*
	----------------------------------------------------------------------
	□ページ設定
	---------------------------------------------------------------------- */
	* { margin: 0px; padding: 0px; }
	body {
		text-align: center;
		color: #666666;
		font-family: "MS PGothic";
		/*font-size: medium;*/
		line-height: 1.4;
		background: url(../img/common/c_bg.gif) repeat;
/*
		background-image: url(/img/index_bg_2.gif);
*/
	//	width: 250px;
	//	height: 190px;
		
		/*scrollbar_color*/
		scrollbar-arrow-color: #ff66cc;
		scrollbar-face-color: #ffffff;
		scrollbar-highlight-color: #ffffff;
		scrollbar-shadow-color: #ffffff;
		scrollbar-3dlight-color: #ff66cc;
		scrollbar-darkshadow-color: #ff66cc;
		scrollbar-track-color: #ffccff;

	}


	/*
	----------------------------------------------------------------------
	□リンク設定
	---------------------------------------------------------------------- */
	a { text-decoration: none; }
	a:link    { color: #08a3ca; }
	a:visited { color: #08a3ca; }
	a:hover   { color: #0066aa; text-decoration: underline; }
	a:active  { color: #08a3ca; }


	/* sitetitle > sitename > colmntitle-l > colmntitle-s > sidebartitle > copyright
	----------------------------------------------------------------------
	□テキスト設定
	---------------------------------------------------------------------- */
	#sidebar p { font-size: 72%; } 
	strong { font-size: 85%; }
	ul, ol { font-size: 80%; }
	#main p {
		font-size: 80%;
		text-align: left;
	}
	#sidebar ul { font-size: 72%; }
	#footer ul { font-size: 72%; }

	h1 { font-size: 80%; color: #666666; text-align: left; }
	h2 { font-size: 90%; color: #eeeeee; }
	h3 { font-size: 95%; color: #666666; }
	h4 { font-size: 85%; color: #666666; }
	h5 { font-size: 75%; color: #666666; }
	h6 { font-size: 80%; color: #666666; text-align: center; }

	h3 {
		width: 680px;
		height: 30px;
		background-image: url("/img/h3.png");
		background-repeat: no-repeat;
		padding: 5px 0px 0px 25px;
		margin-bottom: 0px;
	}

	h4 {
		width: 320px;
		padding-left: 3px;	
		border-left: 5px solid #ff6666;
		border-bottom: 1px solid #e1e1e1;
	}

	h5 {
		clear: both;
		height: 30px;
		background-image: url("/img/h5.png");
		background-repeat: repeat-x;
		padding: 7px 0px 0px 23px;	
	}


	.highlight { font-weight: bold; color: #E17000; }
	.person    { font-weight: bold; color: #ff9933; }
	.prace     { font-weight: bold; color: #00ff00; }
	.keyword   { font-weight: bold; color: #339900; }
	.relevant  { font-weight: bold; color: #3399ff; }
	.important { font-weight: bold; color: #ff0000; }
	.date      { font-weight: bold; color: #f37022; }

	.waterblue   { font-weight: bold; color: #3399ff; }
	.leafgreen   { font-weight: bold; color: #66ff66; }
	.lemonorange { font-weight: bold; color: #ff9933; }
	.firered     { font-weight: bold; color: #ff0000; }


	/*
	----------------------------------------------------------------------
	□リスト設定
	---------------------------------------------------------------------- */
	ul { list-style-type: none; }
	li { line-height: 1.4em; }


	/*
	----------------------------------------------------------------------
	□テーブル設定
	---------------------------------------------------------------------- */
	.table {
		width: 512px;
		border: 1px #E3E3E3 solid;
		border-collapse: collapse;
		border-spacing: 0;
		margin-bottom: 15px;
	}
	.table th {
		padding: 5px;
		border: #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		background: #F5F5F5;
		font-size: 90%;
		font-weight: bold;
	}
	.table td {
		padding: 5px;
		border: 1px #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		font-size: 80%;
	}
	.table p, .table h1, .table h2, .table h3, .table h4, .table h5, .table h6 {
		margin: 0 0 .3em;
		border-bottom: 1px solid #c00000;
		color: #c00000;
	}
	.table p { border: none; margin: 0 0 1em; }
	.table a { font-weight: bold; }


	/*
	----------------------------------------------------------------------
	□一般設定
	---------------------------------------------------------------------- */
	img { border: none; }
	hr {
		margin: 1em 0;
		background: #cccccc;
		height: 1px;
		border: none;
		clear: both;
	}
	.clear {
		clear: both;
		text-indent: -9999px;
		position: relative;
		font-size: 0px;
		line-height: 0px;
	}
	.clear p { display: none; }
	.clears {
		clear:both;
		}
		.mt_15 {
			margin-top:15px;
			}
}








/* smartPhone */
@media screen and (max-width: 640px) {

	.btn {
		text-decoration: none;
		font-weight: bold;
		text-align: center;
		font-size: 20px;
		display: block;
		padding: 5px 30px;
		border-radius: 8px;
		width: 100%;
	}

	/*
	----------------------------------------------------------------------
	□ページ設定
	---------------------------------------------------------------------- */
	* { margin: 0px; padding: 0px; }
	body {
		text-align: center;
		color: #666666;
		font-family: "MS PGothic";
		/*font-size: medium;*/
		line-height: 1.4;
		background-image: url(/img/index_bg_2.gif);
		/*width: 250px;
		height: 190px;*/
		
		/*scrollbar_color*/
		scrollbar-arrow-color: #ff66cc;
		scrollbar-face-color: #ffffff;
		scrollbar-highlight-color: #ffffff;
		scrollbar-shadow-color: #ffffff;
		scrollbar-3dlight-color: #ff66cc;
		scrollbar-darkshadow-color: #ff66cc;
		scrollbar-track-color: #ffccff;

	}


	/*
	----------------------------------------------------------------------
	□リンク設定
	---------------------------------------------------------------------- */
	a { text-decoration: none; }
	a:link    { color: #08a3ca; }
	a:visited { color: #08a3ca; }
	a:hover   { color: #0066aa; text-decoration: underline; }
	a:active  { color: #08a3ca; }


	/* sitetitle > sitename > colmntitle-l > colmntitle-s > sidebartitle > copyright
	----------------------------------------------------------------------
	□テキスト設定
	---------------------------------------------------------------------- */
	#sidebar p { font-size: 72%; } 
	strong { font-size: 85%; }
	ul, ol { font-size: 80%; }
	#main p {
		font-size: 80%;
		text-align: left;
	}
	#sidebar ul { font-size: 72%; }
	#footer ul { font-size: 72%; }

	h1 { font-size: 80%; color: #666666; text-align: left; }
	h2 { font-size: 90%; color: #eeeeee; }
	h3 { font-size: 95%; color: #666666; }
	h4 { font-size: 85%; color: #666666; }
	h5 { font-size: 75%; color: #666666; }
	h6 { font-size: 80%; color: #666666; text-align: center; }

	h3 {
		/*width: 680px;*/
		width: 100%;
		height: 30px;
		background-image: url("/img/h3.png");
		background-repeat: no-repeat;
		padding: 5px 0px 0px 25px;
		margin-bottom: 0px;
	}

	h4 {
		/*width: 320px;*/
		width: 100%;
		padding-left: 3px;	
		border-left: 5px solid #ff6666;
		border-bottom: 1px solid #e1e1e1;
	}

	h5 {
		clear: both;
		height: 30px;
		background-image: url("/img/h5.png");
		background-repeat: repeat-x;
		padding: 7px 0px 0px 23px;	
	}


	.highlight { font-weight: bold; color: #E17000; }
	.person    { font-weight: bold; color: #ff9933; }
	.prace     { font-weight: bold; color: #00ff00; }
	.keyword   { font-weight: bold; color: #339900; }
	.relevant  { font-weight: bold; color: #3399ff; }
	.important { font-weight: bold; color: #ff0000; }
	.date      { font-weight: bold; color: #f37022; }

	.waterblue   { font-weight: bold; color: #3399ff; }
	.leafgreen   { font-weight: bold; color: #66ff66; }
	.lemonorange { font-weight: bold; color: #ff9933; }
	.firered     { font-weight: bold; color: #ff0000; }


	/*
	----------------------------------------------------------------------
	□リスト設定
	---------------------------------------------------------------------- */
	ul { list-style-type: none; }
	li { line-height: 1.4em; }


	/*
	----------------------------------------------------------------------
	□テーブル設定
	---------------------------------------------------------------------- */
	.table {
		/*width: 512px;*/
		border: 1px #E3E3E3 solid;
		border-collapse: collapse;
		border-spacing: 0;
		margin-bottom: 15px;
	}
	.table th {
		padding: 5px;
		border: #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		background: #F5F5F5;
		font-size: 90%;
		font-weight: bold;
	}
	.table td {
		padding: 5px;
		border: 1px #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		font-size: 80%;
	}
	.table p, .table h1, .table h2, .table h3, .table h4, .table h5, .table h6 {
		margin: 0 0 .3em;
		border-bottom: 1px solid #c00000;
		color: #c00000;
	}
	.table p { border: none; margin: 0 0 1em; }
	.table a { font-weight: bold; }


	/*
	----------------------------------------------------------------------
	□一般設定
	---------------------------------------------------------------------- */
	img { border: none; }
	hr {
		margin: 1em 0;
		background: #cccccc;
		height: 1px;
		border: none;
		clear: both;
	}
	.clear {
		clear: both;
		text-indent: -9999px;
		position: relative;
		font-size: 0px;
		line-height: 0px;
	}
	.clear p { display: none; }
	.clears {
		clear:both;
		}
		.mt_15 {
			margin-top:15px;
			}
}