/* リセットCSS */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1 font-size:84%;}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{background:#fff;color:#333;font-size:small;font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;line-height:1.5em}img{vertical-align:top;}*{zoom:1;}ul{ list-style:none;}


body {
	background:#E9E9F1 url(../img/uploads/demo2_bg.jpg) repeat-y 50% 0;
}
/*----------------------------------------------------
	#wrapper（ページ全体）
----------------------------------------------------*/
#wrapper {
	width: 960px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	z-index:0;
}

.mainVisual {
	margin-bottom:15px;
	text-align:center;
}
/* リンク
----------------------------------------------------*/
/* ベーススタイル */
a {
	color:#0073BE;
}
a:hover {
	text-decoration:none;
}


/* ----------------------------------------------------
	■ヘッダー
---------------------------------------------------- */
header h1 {
	font-size:10px;
	margin:3px 10px;
	padding:0px;
	background:none;
	border:none;
	float:left;
}
header .logo {
	width:50%;
	float:right;
	text-align:right;
	font-size:10px;
	margin:3px 10px;
}
/*----------------------------------------------------
	#main（メインコンテンツ）
----------------------------------------------------*/
#main {
	width:890px;
	clear:both;
	overflow:hidden;
	margin:0 auto;
}
section {
	clear:both;
	overflow:hidden;
	margin-bottom:40px;
}

/*----------------------------------------------------
	見出し
----------------------------------------------------*/
h1 {
	background:url(../img/uploads/demo2_h1.jpg) repeat-x 0 0;
	font-size:22px;
	font-weight:bold;
	padding:15px 0 15px 15px;
	margin-bottom:15px;
	border-top:#004BB1 solid 3px;
	border-bottom:#C0C1C7 solid 1px;
}
h2 {
	background:url(../img/uploads/demo2_h2.jpg) no-repeat 0 0;
	height:40px;
	font-size:18px;
	font-weight:bold;
	padding:22px 0 0 25px;
	color:#FFF;
	margin-bottom:15px;
	clear:both;
	overflow:hidden;
}
h3 {
	background: url(../img/uploads/demo2_h3.jpg) no-repeat 0 0;
	font-size:16px;
	font-weight:bold;
	padding:4px 0 10px 30px;
	border-bottom:#C0C1C7 solid 1px;
	margin-bottom:15px;
}
h4 {
	background: url(../img/uploads/demo2_h4.jpg) repeat-x 0 100%;
	font-size:16px;
	font-weight:bold;
	padding:12px 0 10px 15px;
	border:#C0C1C7 solid 1px;
	margin-bottom:15px;
}
h5 {
	font-size:16px;
	font-weight:bold;
	padding:12px 0 10px 15px;
	border-bottom:#C0C1C7 dotted 1px;
	margin-bottom:15px;
	color:#004BB1;
}

/* テーブル
----------------------------------------------------*/
table.rank {
	width:100%;
	border:#D2D2D9 solid 1px;
	margin-bottom:10px;
}
table.rank th {
	border-top:#D2D2D9 solid 1px;
	border-bottom:#D2D2D9 solid 1px;
	vertical-align:middle;
	padding:0 5px;
	font-size:20px;
	text-align:center;
}
table.rank td {
	border-top:#D2D2D9 solid 1px;
	border-bottom:#D2D2D9 solid 1px;
	vertical-align:middle;
	padding:0 5px;
}

table.rank .li_1st {
	background-color:#F0E9D4;
}
table.rank .li_2nd {
	background-color:#FCF8E8;
}
table.rank .li_3rd {
	background-color:#FEFCF6;
}

/* リスト
----------------------------------------------------*/
#main ul li {
	background:url(../img/uploads/demo2_list.png) no-repeat 0 3px;
	padding:0 0 4px 20px;
}
#main ol {
	padding-left:2em;
}
#main ol li {
	list-style-type:decimal;
}


/* デモ
----------------------------------------------------*/
.tab {
	border-bottom:#00439A solid 1px;
	clear:both;
	overflow:hidden;
	list-style-type: none !important;
}
.tab div {
	float:left;
	width:156px;
	margin-right:7px;
}
.tab div a {
	background:url(../img/uploads/demo2_tab.jpg) no-repeat 0 0;
	display:block;
	text-align:center;
	height:27px;
	color:#333;
	padding:10px 0 0 0;
	text-decoration:none;
}
.tab div a:hover  ,.tab div a.current{
	background:url(../img/uploads/demo2_tab.jpg) no-repeat 0 -37px;
	color:#fff;
}

.li_war {
	font-size:10px;
	color:#999;
}


.ad_list {
	margin-right:-50px;
}
.ad_list div {
	float:left;
	width:184px;
	text-align:center;
	margin-right:50px;
}


.faq dt {
	background: url(../img/uploads/demo2_qa_bg.jpg) repeat-x 0 100%;
	border-bottom:#C0C1C7 solid 1px;
	border-top:#C0C1C7 solid 1px;
	padding:9px 15px;
}
.faq dt span {
	background:url(../img/uploads/demo2_qa_q.png) no-repeat 0 0;
	min-height:30px;
	display:block;
	font-size:14px;
	font-weight:bold;
	padding:4px 0 0 40px;
}
.faq dd {
	background:#F5F5F9 url(../img/uploads/demo2_qa_a.png) no-repeat 15px 10px;
	padding:10px 15px 15px 55px;
}


/*----------------------------------------------------
	カテゴリ一覧
----------------------------------------------------*/
.article {
	clear:both;
	overflow:hidden;
	border-bottom:#CCC solid 1px;
	padding-bottom:15px;
	margin-bottom:15px;
}
.article .eyecatch {
	float:left;
	width:100px;
}
.article .inner {
	float:right;
	width:550px;
}
.article .date {
	color:#999;
	font-size:10px;
	margin-bottom:5px;
}
.article h2 {
	background:none;
	padding:0;
	margin-bottom:5px;
	border-top:none;
	border-bottom:none;
	font-size:120%;
}


.detail .date {
	color:#999;
	font-size:10px;
	margin-bottom:5px;
}


.sitemap .categoryInner {
	padding-left: 15px;
}
.sitemap .categoryInner a {
	display:block;
	padding:4px 0;
}
.sitemap .categoryInner a:hover {
	background-color:#f0f0f0;
}
/*----------------------------------------------------
	footer
----------------------------------------------------*/
footer {
	overflow:hidden;
	clear:both;
}
footer .f_menu {
	font-size:10px;
	text-align:center;
	margin-bottom:10px;
}
footer .f_menu a {
	margin: 0 15px 0 0;
}
footer .copy {
	background:url(../img/uploads/demo2_foot_bg.jpg) repeat-x 0 0;
	text-align:center;
	padding:15px 0 50px;
	overflow:hidden;
	clear:both;
}



/* スマホ表示 */
@media screen and (max-width:640px){
	
	/* リセットCSS */
	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1 font-size:84%;}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{background:#fff;color:#333;font-size:small;font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;line-height:1.5em}img{vertical-align:top;}*{zoom:1;}ul{ list-style:none;}


	body {
		background:#E9E9F1;
	}
	/*----------------------------------------------------
		#wrapper（ページ全体）
	----------------------------------------------------*/
	#wrapper {
		width: auto;
		margin:0 auto;
		clear:both;
		overflow:hidden;
		z-index:0;
		background-color:#FFF;
	}

	.mainVisual {
		margin-bottom:15px;
		text-align:center;
	}
	.mainVisual img {
		width:100%;
		height:auto;
	}

	/* リンク
	----------------------------------------------------*/
	/* ベーススタイル */
	a {
		color:#0073BE;
	}
	a:hover {
		text-decoration:none;
	}


	/* ----------------------------------------------------
		■ヘッダー
	---------------------------------------------------- */
	header {
		background:#E9E9F1;
		margin:0;
		padding:4px 0;
	}
	header h1 {
		font-size:10px;
		margin:0 10px;
		padding: 0;
		background:none;
		border:none;
		float:none;
		width:100%;
	}
	header .logo {
		width:100%;
		float:none;
		text-align:left;
		font-size:10px;
		margin:0 10px;
		padding:0;
	}
	/*----------------------------------------------------
		#main（メインコンテンツ）
	----------------------------------------------------*/
	#main {
		width:auto;
		clear:both;
		overflow:hidden;
		margin:0 8px;
	}
	section {
		clear:both;
		overflow:hidden;
		margin-bottom:40px;
	}

	/*----------------------------------------------------
		見出し
	----------------------------------------------------*/
	h1 {
		background:url(../img/uploads/demo2_h1.jpg) repeat-x 0 0;
		font-size:22px;
		font-weight:bold;
		padding:15px 0;
		margin-bottom:15px;
		border-top:#004BB1 solid 3px;
		border-bottom:#C0C1C7 solid 1px;
		width:100%;
		line-height:120%;
	}
	h2 {
		background: #005fdb; /* Old browsers */
		background: -moz-linear-gradient(top,  #005fdb 0%, #004595 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005fdb), color-stop(100%,#004595)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #005fdb 0%,#004595 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #005fdb 0%,#004595 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #005fdb 0%,#004595 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #005fdb 0%,#004595 100%); /* W3C */
		font-size:18px;
		font-weight:bold;
		padding:10px 12px;
		color:#FFF;
		margin-bottom:15px;
		clear:both;
		overflow:hidden;
		line-height:120%;
	}
	h3 {
		background: url(../img/uploads/demo2_h3.jpg) no-repeat 0 0;
		font-size:16px;
		font-weight:bold;
		padding:4px 0 10px 30px;
		border-bottom:#C0C1C7 solid 1px;
		margin-bottom:15px;
	}
	h4 {
		background: url(../img/uploads/demo2_h4.jpg) repeat-x 0 100%;
		font-size:16px;
		font-weight:bold;
		padding:10px 12px;
		border:#C0C1C7 solid 1px;
		margin-bottom:15px;
	}
	h5 {
		font-size:16px;
		font-weight:bold;
		padding:12px 0 10px 0;
		border-bottom:#C0C1C7 dotted 1px;
		margin-bottom:15px;
	}

	/* テーブル
	----------------------------------------------------*/
	table.rank {
		width:auto !important;
		border:#D2D2D9 solid 1px;
		margin-bottom:10px;
	}
	table.rank th {
		border-top:none;
		border-bottom:#D2D2D9 solid 1px;
		vertical-align:middle;
		padding:5px;
		display:block;
		text-align:center;
	}
	table.rank td {
		border-top:none;
		border-bottom:#D2D2D9 solid 1px;
		vertical-align:middle;
		padding:5px;
		display:block;
		text-align:center;
	}

	table.rank .li_1st {
		background-color:#F0E9D4;
	}
	table.rank .li_2nd {
		background-color:#FCF8E8;
	}
	table.rank .li_3rd {
		background-color:#FEFCF6;
	}

	/* リスト
	----------------------------------------------------*/
	#main ul li {
		background:url(../img/uploads/demo2_list.png) no-repeat 0 3px;
		padding:0 0 4px 20px;
	}
	#main ol {
		padding-left:2em;
	}
	#main ol li {
		list-style-type:decimal;
	}

	/* デモ
	----------------------------------------------------*/
	.tab {
		border-bottom:#00439A solid 1px;
		clear:both;
		overflow:hidden;
	}
	.tab div {
		float:none;
		width:100%;
		margin-right:0;
	}
	.tab div a {
		background: #e9e9f1; /* Old browsers */
		background: -moz-linear-gradient(top,  #e9e9f1 0%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9f1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e9e9f1 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e9e9f1 0%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e9e9f1 0%,#ffffff 100%); /* IE10+ */
		display:block;
		text-align:center;
		height:27px;
		color:#333;
		padding:10px 0 0 0;
		text-decoration:none;
		border-top:#D2D2D9 solid 1px;
		border-right:#D2D2D9 solid 1px;
		border-left:#D2D2D9 solid 1px;
	}
	.tab div a:hover  ,.tab div a.current{
		background: #005fdb; /* Old browsers */
		background: -moz-linear-gradient(top,  #005fdb 0%, #004595 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005fdb), color-stop(100%,#004595)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #005fdb 0%,#004595 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #005fdb 0%,#004595 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #005fdb 0%,#004595 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #005fdb 0%,#004595 100%); /* W3C */
		color:#fff;
	}
	.li_war {
		font-size:10px;
		color:#999;
	}


	.ad_list {
		margin-right:0;
	}
	.ad_list div {
		float:none;
		width:auto;
		text-align:center;
		margin-right:0;
		margin-bottom:15px;
		padding-bottom:15px;
		border-bottom:#C0C1C7 solid 1px;
	}


	.faq dt {
		background: url(../img/uploads/demo2_qa_bg.jpg) repeat-x 0 100%;
		border-bottom:#C0C1C7 solid 1px;
		border-top:#C0C1C7 solid 1px;
		padding:9px 15px;
	}
	.faq dt span {
		background:url(../img/uploads/demo2_qa_q.png) no-repeat 0 0;
		min-height:30px;
		display:block;
		font-size:14px;
		font-weight:bold;
		padding:4px 0 0 40px;
	}
	.faq dd {
		background:#F5F5F9 url(../img/uploads/demo2_qa_a.png) no-repeat 15px 10px;
		padding:10px 15px 15px 55px;
	}


	/*----------------------------------------------------
		カテゴリ一覧
	----------------------------------------------------*/
	.article {
		clear:both;
		overflow:hidden;
		border-bottom:#CCC solid 1px;
		padding-bottom:15px;
		margin-bottom:15px;
	}
	.article .eyecatch {
		float:left;
		width:100px;
	}
	.article .inner {
		float:right;
		width:550px;
	}
	.article .date {
		color:#999;
		font-size:10px;
		margin-bottom:5px;
	}
	.article h2 {
		background:none;
		padding:0;
		margin-bottom:5px;
		border-top:none;
		border-bottom:none;
		font-size:120%;
	}


	.detail .date {
		color:#999;
		font-size:10px;
		margin-bottom:5px;
	}


	.sitemap .categoryInner {
		padding-left: 15px;
	}
	.sitemap .categoryInner a {
		display:block;
		padding:4px 0;
	}
	.sitemap .categoryInner a:hover {
		background-color:#f0f0f0;
	}


	/*----------------------------------------------------
		footer
	----------------------------------------------------*/
	footer {
		overflow:hidden;
		clear:both;
	}
	footer .f_menu {
		font-size:10px;
		text-align:center;
		margin-bottom:10px;
	}
	footer .f_menu a {
		margin: 0 15px 0 0;
	}
	footer .copy {
		background:url(../img/uploads/demo2_foot_bg.jpg) repeat-x 0 0;
		text-align:center;
		padding:15px 0 50px;
		overflow:hidden;
		clear:both;
	}

}