@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css");
@import url("./css/tables.css");
@import url("./css/commonstyles.css");
@import url("./css/siriusbasic.css");

html {
	overflow-y: scroll;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 62.5%;
	line-height: normal;
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	   -moz-box-sizing: inherit;
	        box-sizing: inherit;
}

body {
	background: #f1f1f1;
	font-size: 14px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
}

a {
	text-decoration: none;
}

a:hover, 
a:focus {
	text-decoration: underline;
}

a:active {
	position: relative;
	color: #f33;
	left: 1px;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align : bottom;
}

h1,h2,h3,h4,h5,h6,p,ul,ol {
	margin-top: 0;
}

figure {
	margin: 0;
}

th > *:first-child,
td > *:first-child {
	margin-top: 0 !important;
}

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media(max-width: 640px) {
	html,body{
		width: 100%;
		-webkit-text-size-adjust: 100%;
		    -ms-text-size-adjust: 100%;
	}
}

/* ==========================================================================

	 Alpha for SIRIUS 1.0.5 : Line

	 Color1 : #3498db
	 Color2 : 

	 ========================================================================== */

body {
	background: #ededf0;
	color: #444;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
	font-size: 15px;
}

a,
a:hover {
	color: #0645ad;
}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

p {
	text-align: justify;
	text-justify: inter-ideograph;
}

/* ==========================================================================
	 基本構造
	 ========================================================================== */

.l-site {
	width: 960px;
	margin: 0 auto;
}

.l-site:after {
	content: "";
	display: table;
	clear: both;
}

/* メイン */

.l-main {
	float: left;
	margin-bottom: 30px;
	width: 630px;
}

/* メニュー（サイドバー） */

.l-sidebar {
	float: right;
	width: 300px;
}

@media screen and (max-width: 899px) {
	.l-site {
		padding: 0 10px;
		width: 100%;
	}
	.l-main {
		width: 73.3333333333%;
	}
	.l-sidebar {
		width: 23.3333333333%;
	}
}

@media screen and (max-width: 640px) {
	.l-site {
		padding: 0;
	}
	.l-main {
		float: none;
		width: 100%;
	}
	.l-sidebar {
		float: none;
		padding: 0 15px;
		width: 100%;
	}
}

/* １カラム
	 ========================================================================== */

#column1 .l-main,
#column1 .l-sidebar {
	float: none;
	width: auto;
}

#column1 .l-main {
	margin-bottom: 30px;
}

#column1 .l-sidebar {
	display: none;
}

/* 1カラム用リンク */

.c1-menu { display: none;}

#column1 .c1-menu {
	display: block;
	margin-bottom: 20px;
}

#column1 .c1-menu h4 {
	font-size: 14px;
	margin: 0 0 3px;
}

#column1 .c1-menu ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 10px;
	padding: 0;
	font-size: 0;
}

#column1 .c1-menu ul li {
	display: inline;
	font-size: 13px;
	border: none;
}

#column1 .c1-menu ul li a {
	display: inline;
	color: #666;
	border-right: 1px solid rgba(0,0,0,.2);
	padding-right: .5em;
	margin-left: .5em;
}

#column1 .c1-menu ul li:first-child a {
	margin-left: 0;
}

#column1 .c1-menu ul li:last-child a {
	border-right: none;
}


@media screen and (max-width: 640px) {
	#column1 .l-main {
		margin-bottom: 10px;
	}
}

/* for cool */

#column1 .c1-menu h4 {
	color: #ddd;
}
#column1 .c1-menu ul li a {
	color: #ccc;
	border-right-color: rgba(255,255,255,.5);
}

/* ==========================================================================
	 ヘッダー
	 ========================================================================== */

.header {
	background-color: #3498db;
}

/* ヘッダーナビゲーション
	 ========================================================================== */

.header-navigation {
	background: rgba(0,0,0,.2);
}

.header-navigation-inner {
	padding: 9px 0;
	font-size: 12px;
	overflow: hidden;
}

.header-navigation a {
	color: #e6e6e6;
}

.header-navigation a:hover {
	color: #fff;
}

.header-navigation__search,
.header-navigation__rss,
.header-navigation__sitemap {
	float: right;
	margin-left: 12px;
	line-height: 27px;
}

.header-navigation__rss {
	position: relative;
	padding-left: 18px;
}

.header-navigation__rss:before {
	position: absolute;
	top: 6px;
	left: 0;
	content: url("img/feed-icon-14x14.png");
	margin-right: 5px;
}

.header-navigation__search input[type="text"] {
	padding: 3px 3px 3px 30px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #fff url("img/searchbutton_2.png") no-repeat 6px center ;
}

.header-navigation__search input[type="image"] {
	display: none;
}

@media screen and (max-width: 899px) {
	.header-navigation-inner {
		padding-right: 10px;
		padding-left: 10px;
	}
}
@media screen and (max-width: 640px) {
	.header-navigation__search {
		float: left;
	}
}

/* タイトル、説明
	 ========================================================================== */

.header-main-inner {
	padding: 21px 0;
	line-height: 1.333;
}

.site-title {
	margin: 0;
	font-size: 30px;
}

.site-title a {
	color: #fff;
	font-size: 30px;
}

.site-title a:hover {
	text-decoration: none;
	opacity: .666;
	-moz-opacity: .666;
}

.site-description {
	overflow: hidden;
	margin-top: 9px;
	width: 66%;
	height: 2.666em;
	color: #fff;
	font-size: 15px;
	opacity: .666;
	-moz-opacity: .666;
}

@media screen and (max-width: 899px) {
	.header-main-inner {
		padding-right: 10px;
		padding-left: 10px;
	}
}

/* ==========================================================================
	 トップメニュー（ = グローバルナビゲーション ）
	 ========================================================================== */

#topmenubtn { /* レスポンシブ用ボタン */
	display: none;
}

#topmenubox {
	margin-bottom: 30px;
	background-color: #454545;
	border-bottom: 5px solid #ccc;
}

#topmenu {
}

#topmenu ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#topmenu ul:first-child {
	border-left: 1px solid rgba(255,255,255,.1);
}

#topmenu li {
	float: left;
	border-right: 1px solid rgba(255,255,255,.1);
}

#topmenu li a {
	display: block;
	padding: 18px 21px;
	color: #cfcfcf;
	font-size: 15px;
}

#topmenu li a:hover {
	color: #fff;
	text-decoration: none;
}

#topmenu li a:active {
	left: 1px;
}

@media screen and (max-width: 899px) {
	#topmenu {
		width: 100%;
	}
	#topmenu ul {
		display: table;
		margin: 0;
		width: 100%;
		table-layout: fixed;
	}
	#topmenu li {
		display: table-cell;
		float: none;
		width: auto;
		text-align: center;
	}
	#topmenu li a {
		font-size: 13px;
	}
}

@media screen and (max-width: 640px) {
	#topmenubtn {
		color: #fff;
		background-color: #3498db;
		cursor: pointer;
		padding: 8px 10px;
	}
	.topmenubtnOn {
		display: block !important;
	}
	#topmenubox {
		display: none;
	}
	.menuon {
		display: block !important;
	}
	#topmenu ul {
		display: block;
		padding: 0;
	}
	#topmenu li {
		border-bottom: 1px solid rgba(0,0,0,.1);
		display: block;
	}
	#topmenu li:last-child {
		border-bottom: none;
	}
	#topmenu li a {
		background-image: none;
		display: block;
		padding: 8px 30px 8px 10px;
		position: relative;
		text-align: left;
	}
	#topmenu li a:before {
		border-bottom: none;
		border-left: none;
		border-right: 2px solid rgba(0,0,0,.333);
		border-top: 2px solid rgba(0,0,0,.333);
		content: "";
		height: 5px;
		margin-top: -4px;
		position: absolute;
		right: 15px;
		top: 50%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 5px;
	}
}

/* ==========================================================================
	 ヘッダーボックス（ = バナー ）
	 ========================================================================== */

.headerbox-inner {
	position: relative;
	margin-bottom: 30px;
	text-align: left;
	height: auto;
}

.headerbox__txt {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 66%;
}

.headerbox__title a {
	color: #333;
	text-shadow: 0 1px 0 #fff;
	font-weight: bold;
	font-size: 27px;
	line-height: 1.333;
}

.headerbox__description {
	padding-top: 5px;
	color: #555;
	text-shadow: 0 1px 0 #fff;
	font-size: 14px;
}

@media screen and (max-width: 899px) {
	.headerbox-inner {
		height: auto;
	}
}

/* ==========================================================================
	 メインコンテンツ
	 ========================================================================== */

.main {
}

/* パンくずリスト
	 ========================================================================== */

.breadcrumb {
	margin: 0 auto 20px;
	font-size: 13px;
	color: #aaa;
}

.breadcrumb a {
	color: #666;
}

/* ==========================================================================
	 記事領域
	 ========================================================================== */

.entry:before,.entry:after { display: table; content: ""; }
.entry:after { clear: both; }
.entry {
	*zoom: 1;
}

.entry {
	margin-bottom: 30px;
	background-color: #fff;
	border-top: 10px solid #3498db;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}

.entry > div {
	margin: 30px;
}

/* 見出し
	 ========================================================================== */

/* 記事タイトル */

.entry > h2,
.entry > h3 {
	overflow: visible;
	margin: 0 0 30px;
	border-bottom: 1px solid #e6e6e6;
	color: #333;
	font-weight: normal;
	font-size: 21px;
	line-height: 1.333;
}

.entry > h2 span,
.entry > h3 span {
	display: block;
	padding: 20px 30px;
}

.entry h2 a,
.entry h3 a {
	color: inherit;
}

.entry h2 a:hover,
.entry h3 a:hover {
	text-decoration: none;
	opacity: .8;
}

/* H3（ = H2 style ) */

.entry div h3 {
	position: relative;
	overflow: visible;
	margin: 1em auto .5em;
	padding: 0 0 .5em;
	border-bottom: 1px solid #3498db;
	color: #333;
	font-size: 21px;
	line-height: 1.333;
}

/* H4（ = H3 style ) */

.entry div h4 {
	margin: 1em auto .75em;
	padding: .7em .7em .6em;
	border-radius: 2px;
	background: rgba(0,0,0,.06);
	font-size: 18px;
	line-height: 1.333;
}

/* H5（ = H4 style ) */

.entry div h5 {
	margin: 0 0 1em;
	padding: 3px 0 6px;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	line-height: 1.333;
}

/* H6（ = H5 style ) */

.entry div h6 {
	margin: 0 0 1em;
	padding: .5em 0 0;
	font-size: 18px;
	line-height: 1.333;
}

@media screen and (max-width: 640px) {
	.entry h3 {
		font-size: 18px;
	}
	.entry h4 {
		font-size: 18px;
	}
}

/* リスト
	 ========================================================================== */

.entry ul {
	margin: 15px 0;
	padding: 0;
	list-style-type: none;
}

.entry ul li {
	background: url("img/li.png") no-repeat left 6px;
	padding: 3px 0 3px 24px;
}



/* ==========================================================================
	 ブログモード
	 ========================================================================== */

/* Entry more */

.entry__more {
	margin-top: 1em;
}

/* Entry meta */

.entry__meta {
	margin: 30px auto -30px;
	padding: 20px 0;
	border-top: 1px solid rgba(0,0,0,.1);
	color: #666;
	text-align: left;
	font-size: 12px;
	line-height: 1.5;
}

.entry__meta a,
.entry__meta a:visited {
	border-bottom: 1px solid transparent;
}

.entry__meta a:hover {
	text-decoration: underline;
}

/* ==========================================================================
	 サイドバー
	 ========================================================================== */

/* ==========================================================================
	 ウィジェット
	 ========================================================================== */

.widget-body {
	margin-bottom: 30px;
	padding: 20px;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}

/* タイトル
	 ========================================================================== */

.sidebar h4, 
.sidebar .title {
	overflow: visible;
	margin: 0;
	background-color: #3498db;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	color: #fff;
	font-size: 15px;
	line-height: 1.333;
}

.sidebar h4 > span, 
.sidebar .title > span {
	position: relative;
	display: block;
	padding: 14px 7px 14px 18px;
}

/* リスト
	 ========================================================================== */

.widget-body ul {
	margin: -20px;
	padding: 0;
	list-style-type: none;
	font-size: 0;
	line-height: 0;
}

.widget-body li {
	border-bottom: 1px solid rgba(0,0,0,.05);
	font-size: 14px;
	line-height: 1.333;
}

.widget-body li a {
	position: relative;
	display: block;
	padding: 18px 21px 12px 33px;
	color: #333;
	text-decoration: none;
}

.widget-body li a:hover {
	color: #666;
	text-decoration: none;
	background-color: rgba(0,0,0,.025);
}

/*行頭飾り*/

.widget-body li a:before {
	position: absolute;
	top: 21px;
	left: 18px;
	color: #3498db;
	content: "\f0da";
	font-family: FontAwesome;
	line-height: 1;
}

/*第二第三階層*/

.widget-body li.l2 {
	padding-left: 1.5em;
}

.widget-body li.l3 {
	padding-left: 3em;
}

.widget-body li.l2 a,
.widget-body li.l3 a {
	background-color: transparent;
	background-repeat: no-repeat;
	font-weight: normal;
	font-size: 13px;
}

.widget-body li.l2 a:before,
.widget-body li.l3 a:before {
	display: inline-block;
	margin-right: 2px;
	margin-left: 4px;
	width: auto;
	height: auto;
	border: 4px solid transparent;
	border-left-color: #666;
	background: none;
	content: "";
}

/* ランキング
	 ========================================================================== */

/* バナーエリア
	 ========================================================================== */

/* 最新記事・アーカイブ
	 ========================================================================== */

/* ==========================================================================
	 フッター
	 ========================================================================== */

#footermenu { padding: 0; } /*リセット*/

.footer {
	clear: both;
	background-color: rgba(0,0,0,.8);
	text-align: center;
}

.footer a {
	color: #fff;
}

.footer p {
	padding: 20px 0;
	color: #fff;
	text-align: center;
}

/* フッターメニュー */

.fat-footer {
	padding: 15px 0 0;
}

.fat-footer span {
	display: inline-block;
	margin: .5em auto;
	margin-bottom: 5px;
	padding: 0 1em;
	font-size: 15px;
	line-height: 1.333;
}

.fat-footer span + span {
	border-left: 1px solid #999;
}

.fat-footer a {
	text-decoration: none;
}

.fat-footer a:hover {
	color: #ccc;
	text-decoration: underline;
}

/* コピーライト */

.site-info {
	padding: 15px 0;
	text-align: center;
	color: #999;
}

@media screen and (max-width: 640px) {
	.fat-footer {
		padding-top: 10px;
	}
	.fat-footer {
		padding: 0;
		text-align: left;
	}
	.fat-footer span {
		display: block;
		margin-bottom: 0;
		padding: 0 20px;
		width: auto;
		border-bottom: 1px solid rgba(255,2255,255,.25);
	}
	.fat-footer a {
		display: block;
		font-size: 13px;
		line-height: 1.8;
		padding: 8px 30px 8px 0;
		position: relative;
		text-align: left;
	}
	.fat-footer a:before { /* リセット */
		background-color: transparent;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		display: inline;
		height: auto;
		left: auto;
		position: static;
		top: auto;
		width: auto;
	}
	.fat-footer a:after {
		position: absolute;
		top: 50%;
		right: 15px;
		left: auto;
		margin-top: -4px;
		width: 5px;
		height: 5px;
		border-top: 2px solid #a99a9b;
		border-right: 2px solid #a99a9b;
		content: "";
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.fat-footer p {
		background-image: none;
	}
	.fat-footer p span {
		font-size: 10px;
	}
	.site-info {
		padding: 10px;
		text-align: left;
		font-size: 12px;
	}
}

/* ==========================================================================
	 ページ上部へ戻る
	 ========================================================================== */

.back-to-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	clear: both;
	text-align: right;
}

.back-to-top a {
	display: block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAABhlBMVEUAAADMzMzd3d2AgIDd3d3d3d3c3Nzb29vc3NzV1dXc3Nzc3Nzd3d3d3d3c3Nzb29vc3Nzc3Nze3t7c3NzW1tbb29vd3d3d3d3d3d3c3Nzc3Nzf39/d3d3d3d3b29va2trc3NzGxsbb29vc3Nzd3d3d3d3c3Nzc3Ny/v7/c3Nzd3d3c3NzR0dHY2Njc3Nzc3Nzc3Nzc3Nzc3Nzb29vY2Nja2trc3Nzc3NzZ2dnc3Nze3t7d3d3c3Nzc3Nzc3NzX19fc3Nzc3Nzc3Nzd3d3b29vc3Nzc3Nzb29vV1dXd3d3c3NzV1dXd3d3c3Nzc3Nzd3d3c3Nzc3Nzd3d3d3d3c3Nzc3Nzb29vc3Nzd3d3d3d3d3d3c3Nzd3d3d3d3////o6Oj9/f329vbm5ub8/Pz5+fn4+Pj+/v7w8PDj4+Py8vLx8fHv7+/i4uL4+fnk5OTs7Ozd3d339/ekpqrt7e3u7u6doKS3ubzLzM6+wMLr6+vf39/6+vrl5uexs7bR09WqrbDr7O3e3+Ej3aiqAAAAXnRSTlMACuEC35y4FXYMFunx9NtH60j0px9NeHCUUCT+WchcKewJB2y70VjzCKjX2gsh1m2Yk9yPDUXV5RTG79DjkL0g+eTinV3FHUYS3r8G7d2+b/KZ4NK3dZ5RSlJ3SVq5/bnMpQAAAw1JREFUeF6t2WVz4lAUgOGDU6SFFipABaruLluVdXe58eBWddl/vjPMMGXTJpwk9/0Bz6ebKydQp6X53va+Ce9gafP1m/6+9t75JTCeJTy7GuUvkpwosERmr0QuecFHV2fDFiOaranFzydF8igxyftbmmw6uYY2eyojEJWETMHe1gD44l8CTJloVmYC7jjWG7AyIqmbyFgHUFzoc4ojqLiUM1Tf6/IdywSZfOzrAu2GdnIS0ZGU+zqk5XmWGZboimWWPere+EyR6K44M67mdS9miYGyi91Pe5G1NDFUei3ylOdqTBKDZRpdj71XnUfEcEedCVDmYIiJGIfS68qxZkA2p1jhIZ9ETCX5QlCb85iYLOus9QZSsllQTsUePIuVI6bjrBao5mYIhRh31WsIiDRAsad6KkwyhErMJFSyvZDogJLdVgGbUoRShWAFbMnQAjPDlTXTLNACheYxAOjgCbX4DgCYStIDk1MAMCoigPztXwwojgJ4LhHe9eHJyV0eIV56IMjjPJzI/4LWIspDisVWcGQwHlZMO+AZh/DQIvcWRq4QHlq8GgGvgPDQouCF9yzKuztEiewglHBe/honlmAT5/2Ha4I9LM7Diewg2AU1774K3FQAlCh44ZPqsjmt8RTirfqy0VjYhw+eUjxXA7mX4EirgWcPnlK8Vv/0NDaH/GnVU4pnWptDkNfYVW/O8kTR/fmpxl7Lf0dtsPguPQCNIg7AHgHwgfIhRf8YHaN90MMw5asIBAuUL0s2O63r3Ecb5Qvnu+qVuIfulZj+pR0s1rJ5r1zzrIAYjYfPb6jJmTULZv9AbRvmH4+KycOu2eftLuUH+A4oS5gbEQw9NcTIUB1iAES2jI5ZtiIqg6BtY4Og7W5QaX/ByKhqYR9Ue76nf5i29xw0SkzrHfdNJ0C7bys6BpLZlR9Qt5BTx8h0AzDFsEPdGCCLuwOMpM1JTOBnHPDNtdkLdQbjcxRH982K0T02S3i9P8oX05woyITIgsili3y0fz1sAeO5Diq/P/ylkt870dfee+AC7f4Bnw1DMsoy0tsAAAAASUVORK5CYII=") no-repeat center center;
	background-size: contain;
	line-height: 100px;
}

.back-to-top a:active {
	outline: 0 none black;
}

@media(max-width: 640px) {
	.back-to-top {
		right: 15px;
		bottom: 15px;
	}
}

/* ==========================================================================
	 最新情報
	 ========================================================================== */

.whatsnew {
	border: 1px solid #ddd;
}

.whatsnew__title {
	background-color: #ddd;
	color: #333;
	font-size: 16px;
	line-height: 1.333;
	padding: 10px 15px;
}

.whatsnew ul {
	margin: 0;
	padding: 12px 15px;
}
.whatsnew ul li {
	border-bottom: 1px dotted #eee;
	font-size: 13px;
	line-height: 1.618;
	padding: 9px 0;
	background-image: none;
}
.whatsnew ul li span {
	padding-right: 1em;
}

@media screen and (max-width: 640px) {
	.whatsnew .title {
	}
	.whatsnew .title span {
		font-size: 18px;
	}
	.whatsnew ul {
		border-radius: 0 0 3px 3px;
		padding: 0 2px 2px 2px;
	}
	.whatsnew ul li {
		background-color: #ffffff;
		padding: 12px 10px;
	}
	.whatsnew ul li:last-child {
		border-bottom: none;
	}
	.whatsnew ul li span {
		display: block;
		padding-right: 0;
	}
}

/* ==========================================================================
	 カテゴリーページ
	 ========================================================================== */

.category-list__body {
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	margin-bottom: 20px;
	padding: 20px;
}

.category-list .thumbnail {
	float: left;
	padding: 0 20px 10px 0;
}

.category-list__title {
	margin-bottom: 10px;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.618;
}

.category-list__title a {
}

.category-list p {
}

.category-list__more {
}

.category-list__more a {
}


/* ==========================================================================
	 関連ページ
	 ========================================================================== */

#entrylist {
	background-color: #f3f3f3;
}

#entrylist h4 {
	margin-bottom: 0;
}

#entrylist dl {
	margin: 0;
	padding: 15px;
	border-bottom: 1px solid #eee;
	line-height: 1.618;
}

#entrylist dt {
	margin-bottom: 6px;
}

#entrylist dt a {
	color: #333;
	font-weight: bold;
	font-size: 15px;
}

#entrylist dd {
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 12px;
}

#relNavigate {
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}
#relNavigate a {
	font-size: 14px;
	font-weight: 700;
	margin-left: 5px;
	margin-right: 5px;
}


/* ==========================================================================
	 サイトマップページ
	 ========================================================================== */

.main .sitemap ul {
	margin: 15px 0;
	padding: 0;
	list-style-type: none;
}

.main .sitemap ul li {
	line-height: 1.333;

}

.main .sitemap ul li.l1 {
	background: url("img/li.png") no-repeat left 12px;
	padding: 9px 0 9px 24px;
	font-size: 15px;
}

.sitemap li.l2,
.sitemap li.l3 {
	background: none;
}

.sitemap li.l2:before,
.sitemap li.l3:before {
	display: inline-block;
	margin-right: 2px;
	margin-left: 4px;
	width: auto;
	height: auto;
	border: 4px solid transparent;
	border-left-color: #666;
	background: none;
	content: "";
}

/* ==========================================================================
	 検索結果
	 ========================================================================== */

.searchresult {
}

.searchresult dl {
}

.searchresult dt {
	font-size: 15px;
	padding: 5px;
}

.searchresult dd {
	border-bottom: 1px dashed #d1d1d1;
	line-height: 1.6.8;
	margin: 0 0 15px;
	padding: 0 5px 15px;
}

.searchresult b {
	color: #333333;
}

/* ==========================================================================
	 リンク集
	 ========================================================================== */

#linklist {
	text-align: left;
}

#linklist dt {
	font-size: 15px;
	padding: 5px;
}

#linklist dd {
	border-bottom: 1px dashed #d1d1d1;
	line-height: 1.6.8;
	margin: 0 0 15px;
	padding: 0 5px 15px;
}

/* ==========================================================================
	 ポイント
	 ========================================================================== */

.point1,
.point2,
.point3,
.point4,
.point5,
.point6,
.point7,
.point8,
.point9,
.point10 {
	position: relative;
	display: block;
	margin: 0;
	padding: 3px 0 0 48px;
	min-height: 42px;
	height: auto;
	border-bottom: none;
	background: none;
	color: #666;
	font-weight: bold;
	font-size: 21px;
}

.point1:before,
.point2:before,
.point3:before,
.point4:before,
.point5:before,
.point6:before,
.point7:before,
.point8:before,
.point9:before,
.point10:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 3px;
	background-color: #3498db;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 36px;
}

.main .point1:before  { content:"1";  }
.main .point2:before  { content:"2";  }
.main .point3:before  { content:"3";  }
.main .point4:before  { content:"4";  }
.main .point5:before  { content:"5";  }
.main .point6:before  { content:"6";  }
.main .point7:before  { content:"7";  }
.main .point8:before  { content:"8";  }
.main .point9:before  { content:"9";  }
.main .point10:before { content:"10"; }

/* ==========================================================================
	 ランキング
	 ========================================================================== */

/* メインコンテンツ
	 ========================================================================== */

.main .rank {
	margin: 0 0 20px;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 2px;
	background: -webkit-linear-gradient       (top, rgba(0,0,0,.05), rgba(0,0,0,0));
	background:         linear-gradient( to bottom, rgba(0,0,0,.05), rgba(0,0,0,0));
}

.main .rank-inner {
}

/*タイトル*/

.main .rank1, 
.main .rank2, 
.main .rank3, 
.main .rank4, 
.main .rank5, 
.main .rank6, 
.main .rank7, 
.main .rank8, 
.main .rank9, 
.main .rank10 {
	margin: 0 0 9px;
	padding: 12px 0 6px 48px;
	height: auto;
	border: none;
	background-repeat: no-repeat;
	color: #3498db;
	font-weight: bold;
	font-size: 27px;
	line-height: 1.333;
}

.main .rank1  { background-image: url("img/rank1.png" ); background-position: 0px 4px;}
.main .rank2  { background-image: url("img/rank2.png" ); background-position: 0px 4px;}
.main .rank3  { background-image: url("img/rank3.png" ); background-position: 0px 4px;}
.main .rank4  { background-image: url("img/rank4.png" ); background-position: 4px 14px;}
.main .rank5  { background-image: url("img/rank5.png" ); background-position: 4px 14px;}
.main .rank6  { background-image: url("img/rank6.png" ); background-position: 4px 14px;}
.main .rank7  { background-image: url("img/rank7.png" ); background-position: 4px 14px;}
.main .rank8  { background-image: url("img/rank8.png" ); background-position: 4px 14px;}
.main .rank9  { background-image: url("img/rank9.png" ); background-position: 4px 14px;}
.main .rank10 { background-image: url("img/rank10.png"); background-position: 4px 14px;}

.main .rank1  a, 
.main .rank2  a, 
.main .rank3  a, 
.main .rank4  a, 
.main .rank5  a, 
.main .rank6  a, 
.main .rank7  a, 
.main .rank8  a, 
.main .rank9  a, 
.main .rank10 a {
	color: #3498db;
}

.main .rank-body {
}

.main .rank-body-inner {
}

/* 画像 */

.main .rank .float-l p {
	margin-bottom: 0;
}

/* 特徴 */

.main .rank-explain-1 {
}

.main .rank-explain-1-title {
	margin-bottom: 6px;
	color: #333;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.333;
}

.main .rank-explain-1 p {
	color: #333;
	font-size: 14px;
	line-height: 1.618;
}

.main .rank-explain-1 p:last-child {
	margin-bottom: 0;
}

/* 総評 */

.main .rank-explain-2 {
	margin-top: 20px;
	padding: 15px;
	background: #F2EDD8;
}

.main .rank-explain-2-title {
	color: #333;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.333;
}

.main .rank-explain-2 p {
	color: #333;
	font-size: 13px;
	line-height: 1.618;
}

.main .rank-explain-2 p:last-child {
	margin-bottom: 0;
}

/* テーブル */

.main .rank-table {
	clear: both;
	margin: 0;
	width: 100%;
	background-color: #fff;
	color: #333;
}

.main .rank-table th, 
.main .rank-table td {
	padding: 8px 10px;
	border: 1px solid #ddd;
	vertical-align: middle;
	text-align: left;
}

.main .rank-table th {
	background-color: #f8f8f8;
}

/* ボタン */

.main .rank-button-container {
	margin-top: 20px;
	text-align: center;
	font-size: 0;
}

.main .rank-button-container span {
	display: inline-block;
}

.main .rank-button-container span:first-child {
	margin-right: 6px;
}

.main .rank-button-container span:last-child {
	margin-left: 6px;
}

.main .rank-button-container span > a {
	display: block;
	overflow: hidden;
	width: 246px;
	height: 45px;
	text-indent: 200%;
	white-space: nowrap;
}

.main .rank-button-container span.rank-button-details > a {
	background: url("img/rank-button-details.png") no-repeat left top;
}

.main .rank-button-container span.rank-button-official > a {
	background: url("img/rank-button-official.png") no-repeat left top;
}

.main .rank-button-container span > a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/* ==========================================================================
	 テーブル
	 ========================================================================== */

table,td,th{
	border: 1px solid #ddd;
}

table {
	font-size: inherit;
	margin: 15px auto;
	background-color: #fff;
}

th {
	background: #ddd url("img/fff70.png");
}


table#toptbl,table#toptbl td,table#toptbl th{
	border: none;
}

#menu .ritem td,#rmenu .ritem td{border:none;}

.rtitle {
	height: 44px;
	text-align: center;
	overflow: hidden;
	padding: 4px;
}

.rimg {
	text-align: center;
}

.timg img{
	max-width:200px;
	height:auto;
}

.price {
	color: #CC0000;
	font-weight: bold;
}

.tdesc {
	text-align: left;
	vertical-align: top;
}

/* 商品陳列型
	 ========================================================================== */

.ritm{
}

.ritm th,.ritm td{
}

/* 特定取引法に関する表記
	 ========================================================================== */

.tokusho {
}

.tokusho th, .tokusho td {
	padding: 8px;
}

.tokusho th {
	background: #ddd url("img/fff70.png");
	width: 30%;
}

/* 特定取引法に関する表記
	 ========================================================================== */

.ritm_desc {
}

.ritm_desc td {
}

.ritm_desc .title {
	background: #ddd url("img/fff70.png");
}

.ritm_desc .title a{
}

.ritm_desc .title a:hover{
}

.ritm_desc .desc{
}

.ritm_desc .price {
}

.ritm_desc .img {
}

.ritm_desc .more, .ritm_desc .price, .ritm_desc .review {
}

/* ランキングテーブル１
	 ========================================================================== */

table.rnk1item {
	border: 1px solid #ddd;
}

.rnk1item td,.rnk1item th{
	border:none;
	border-bottom: dotted 1px #CCC;
}

.rnk1item th {
}

.rnk1item td {
	font-size: 85%;
	line-height: 1.5;
}

.rnk1item .ttitle {
}

.rnk1item th, .rnk1item td {
}
.rnk1item .timg {
}

.rnk1item .alt th, .rnk1item .alt td {
}

/* ランキングテーブル２
	 ========================================================================== */

table.rnk2item {
	border: 1px solid #ddd;
}

.rnk2item .timg, .rnk2item .tdesc {
}

.rnk2item th.ttitle {
}

.rnk2item td{
}

.rnk2item td.tdesc {
}

.rnk2item td.timg {
}

.rnk2item td.tdesc,.rnk2item td.timg {
}

.rnk2item .timg img {
}

.rnk2item .tdesc {
}

table.rnk2item table.ttable {
}

.ttable th, .ttable td {
}

/* ランキングテーブル３
	 ========================================================================== */

.rnk3item {
	border: 1px solid #ddd;
}

.rnk3item th {
}

.rnk3item th img {
}

.rnk3item td {
}

.rnk3item td.timg {
}

.rnk3item .img-center{
}

.rnk3item th img{
}

/* 価格比較テーブル
	 ========================================================================== */

.prc1item {
}

.prc1item th {
}

.prc1item td {
}

.prc1item td {
}

.prc1item .alt td {
	background: #ddd url("img/fff70.png");
}

.prc1item .price {
}

/* 項目説明型
	 ========================================================================== */

.dsc1item,.dsc2item {
	background: #ddd url("img/fff70.png");
}
.dsc1item th, .dsc1item td,.dsc2item th, .dsc2item td {
}

.dsc1item th{
}

.dsc1item th , .dsc2item th {
	text-align: center;
}

.dsc1item td , .dsc2item td {
	vertical-align: top;
}

/* メニュー型
	 ========================================================================== */

.tblmenu1item td {
	padding: 0 10px 10px;
	font-size: 85%;
	line-height: 1.5;
}

.tblmenu1item td .ttitle {
	margin: 0 -10px 10px;
	background: #ddd url("img/fff70.png");
	font-size: 120%;
}

/* ==========================================================================
	 レイアウト切り替え用スタイル
	 ========================================================================== */

body {
		background-repeat: repeat-x;
	background-color: #FFFFFF;
}

.headerbox-inner {
	height: 240px;
}

.headerbox-inner {
	height:240px;
}

	@media screen and (max-width: 899px) {
		.headerbox-inner {
			height: auto !important;
		}
	}

.headerbox__txt,
.headerbox__txt a {
}

.headerbox__txt a,
.headerbox__txt a:visited {
}

.headerbox__description {
}

.l-main {
	float: left;
}

#column3 .l-main {
	float: left;
}

#column2 .l-sidebar,
#column3 .l-sidebar {
	float: right;
}

#column3 .l-sidebar {
	float: left;
}

#column3 .l-sidebar {
	float: right;
}

/*
.l-site {}
.l-main {}
.l-sidebar {}
*/

/* SIRIUS標準互換 */

h1,h2,h3,h4,h5,h6,p { margin: 0; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 10px; }

body{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:normal;}

h1,h2,h3,h4,h5,h6{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:bold;}

.rank1,.rank2,.rank3,.rank4,.rank5,.rank6,.rank7,.rank8,.rank9,.rank10,.point,.point1,.point2,.point3,.point4,.point5,.point6,.point7,.point8,.point9,.point10{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:bold;}

#text1,#text2,#text3,#text4,#text5,#text6,#text7,#text8,#text9,#text10{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:normal;}