@charset "utf-8";
/* CSS Document */


/*Reset*/

div#page {
    background-color: #f1f1f1;
}

div#maintxt {
    padding: 20px;
}

article#post-68 {
    background-color: #fff;
}

article#post-73 {
    background-color: #fff;
}

div,h1,h2,h3,h4,h5,p,table,tr,td,address {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	max-height: 999999px;
}

ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

/*画像エフェクト*/

.osusume_c_img {
	margin: 0;
	padding: 1px;
	border: 1px solid #ccc;
}

.img_left01 {
	float: left;
	border: 1px solid #ccc;
	margin: 0 10px 0 0;
	padding: 8px 4px;
}

.img_left02 {
	float: left;
	border: 1px solid #ccc;
	margin: 5px 10px;
	padding: 8px 4px;
}

.img_left03 {
	float: left;
	margin: 5px 10px;
	padding: 8px 4px;
}


.img_border01 {
	border: 1px solid #ccc;
}

.item_box_img {
	float: left;
	margin: 0 8px 0 0;
	padding: 1px;
	border: 1px solid #ccc;
}

.img_effect01 {
	border: 1px solid #ccc;
	margin: 0 0px 5px 0;
	padding: 8px 4px;
}

.img_effect02 {
	margin: 5px 10px;
}

.catch_img {
	/*padding: 4px;
	background: #d5d5d5;
	border: 1px solid #d5d5d5;*/
}

/*共通文字装飾
----------------------------------------------------*/

/*強調*/
strong {
	color: red;
}

/*小見出し*/
.komidashi01 {
	margin: 30px 0 5px 0;
	padding: 0 0 0 24px;
	background: url(/images_pc/tbl_title.gif) no-repeat;
	font-weight: bold;
	font-size: 110%;
	line-height: 22px;
}

.komidashi01_01 {
	float: left;
	margin: 0 0 5px 0;
	padding: 0 0 0 24px;
	background: url(/images_pc/tbl_title.gif) no-repeat;
	font-weight: bold;
	font-size: 110%;
}

.komidashi01_02 {
	margin: 0 0 5px 0;
	padding: 0 0 0 24px;
	background: url(/images_pc/tbl_title.gif) no-repeat;
	font-weight: bold;
	font-size: 110%;
}

#left_contents .txt_r_tbl_top {
	float: right;
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 11px;
}

.komidashi02 {
	margin: 0px 0 10px 5px;
	padding: 1px 0 0 26px;
	background: url(/images_pc/tbl_title.gif) no-repeat;
	font-weight: bold;
	font-size: 120%;
	border-bottom: 1px dotted #d1d1d1;
}

.komidashi02 a {
	color: #333;
	text-decoration: none;
}

/*文字サイズ調整*/
.txt_small {/*小さく*/
	font-size: 12px !important;
}

/*文字サイズ調整*/
.txt_verysmall {/*小さく*/
	font-size: 10px !important;
}

/*レイアウト
------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	/* background: #f8f8f8 url(/images_pc/header_bg01.gif) repeat-x 0 60px; */
}

/*↓個別ページボディ*/
#kobetsu {
	background: #f8f8f8 url(/images_pc/kobetsu_bg01.gif) repeat-x 0 60px;
}

#kobetsu02 {
	background: #f8f8f8 url(/images_pc/kobetsu_bg04.gif) repeat-x 0 60px;
}

#index01 {
	background: #f8f8f8 url(/images_pc/bg_grade.gif) repeat-x 0 61px;
}

#index02 {
	background: #f8f8f8 url(/images_pc/bg_grade02.gif) repeat-x 0 61px;
}

#wrapper {
	width: 100%;
}

#contents {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	/* -moz-box-shadow: 0px 0px 3px #bbb; */
	/* -webkit-box-shadow: 0px 0px 3px #bbb; */
	/* box-shadow: 0px 0px 3px #bbb; */
	position: relative;	
	behavior: url(/PIE.htc);
    background-color: #fff; /*android4.2*/
}


/*ヘッダー
------------------------------------------------------------*/

#header {
	margin: 0;
	padding: 0;
	/*clear: both;*/
 	overflow: hidden;
 	background-color: #f9f5e2;
}

#header02 {
	margin: 0 0 0px 0;
	padding: 0;
	clear: both;
}

#header_top {
	padding: 5px 0 10px 0;
	overflow: hidden;
	height: 45px;
}

#header_top02 {
	padding: 10px 0 15px 0;
	overflow: hidden;
	height: 40px;
    /* border-bottom: 1px solid #ccc; */
}

#logo {
	float: left;
	font-size: 40px;
	padding: 0 0 5px 20px;
	font-size: 230%;
	font-weight: bold;
}

@media (max-width: 634px) {
  #logo {
      padding: 0;
      width: 100%;
      text-align: center;
  }
}

@media (max-width: 634px) {
  div#maintxt {
      margin: 0;
  }
}

#logo a {
	color: #333;
}

#sp_button {
	/*width: 220px;
	height: 35px;*/
	float: right;
	/*margin: 5px 5px 0 0px;
	background: url(../img/item/sp_button01.gif) no-repeat;*/
	text-indent: -9999px;
}

#okiniiri {
	float: right;
	margin: 7px 20px 0 0;  
	padding: 3px 8px 2px 4px;
	border: 1px solid #d1d1d1;
	font-size: 90%;
	font-weight: bold;
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
}

#okiniiri img {
	padding: 0 2px 0 0;
	vertical-align: middle;
}

/*ソーシャルボタン
----------------------------------------------------------*/
/* ヘッダー用 */
.social_button01 {
	float: right;
	/*width: 250px;*//*カウントなし*/
	width: 280px;
	margin: 5px 0 20px 0;
}

.social_button01 div {
	display: inline-block;
	vertical-align: middle;
}

.social_button01 .social_fb {
	/*width: 70px;*//*カウントなし*/
	width: 100px;
	padding: 0 6px 0 0;
}

.social_button01 .social_tw {
	padding: 0 0 0 0;
	width: 70px;
}

.social_button01 .social_google {
	padding: 0 5px 0 0;
}

.social_button01 .social_hatebu {
	padding: 0;
}

/* 記事上部用（カウント） */
.social_button_count {
	width: 280px;
	margin: 5px 0 15px 0;
}

.social_button_count div {
	display: inline-block;
	vertical-align: middle;
}

.social_button_count .social_fb {
	width: 95px;
	padding: 0 6px 0 0;
}

.social_button_count .social_tw {
	padding: 0 0 0 0;
	width: 70px;
}

.social_button_count .social_google {
	padding: 0 5px 0 0;
}

.social_button_count .social_hatebu {
	padding: 0;
}

/* 記事下部用（ボックスカウント） */
.social_button_box {
	width: 250px;
	margin: 5px 0 20px 0;
}

.social_button_box div {
	display: inline-block;
	vertical-align: middle;
}

.social_button_box .social_fb {
	width: 70px;
	padding: 0 6px 0 0;
}

.social_button_box .social_tw {
    padding: 0 0 4px;
    width: 70px;
}

.social_button_box .social_hatebu {
    padding: 0 0 6px 7px;
}


/*Twitterボタン横幅調整*/
iframe.twitter-share-button {
width: 70px!important;
}

/*Google+1ボタン横幅調整*/
.gplus-adj div {
width:60px !important;
}


/*ヘッダー広告文追加用
-----------------------------------------------------------*/
#pr_box {
	overflow: hidden;
	float: right;
}

#pr {
	/*float: right;*/
	margin: 0px 10px 2px 10px;
	font-size: 12px;
}

#okiniiri02 {
	/*float: right;*/
	float: right;
	width: 140px;
	margin: 0 10px 0 0;  
	padding: 3px 8px 2px 4px;
	border: 1px solid #d1d1d1;
	font-size: 90%;
	font-weight: bold;
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
}

#okiniiri02 img {
	padding: 0 2px 0 0;
	vertical-align: middle;
}

.top_koukoku {
	float: right;
	padding: 0 10px 0 0;
}

#header_nav {
	height: 45px;
	margin: 0 0 1px ;
	padding: 0 0 0 7px;
	background: url(/images_pc/header_nav_bg.gif) repeat-x;
}
	
#header_nav li {
	float: left;
	padding: 12px 10px 10px 10px;
	border-left: 1px solid #e1e1e1;
	-moz-text-shadow: 1px 1px 3px #f1f1f1;
	-webkit-text-shadow: 1px 1px 3px #f1f1f1;
	text-shadow: 1px 1px 3px #f1f1f1;
	-moz-box-shadow: 1px 0px 1px #f1f1f1;
	-webkit-box-shadow: 1px 0px 1px #f1f1f1;
	box-shadow: 1px 0px 1px #f1f1f1;
	behavior: url(/PIE.htc);
}

#header_nav li a {
	display: block;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

#header_nav li a:hover {
	color: #ccc;
}

#header_nav .header_nav_li_last {
	border-right: 1px solid #e1e1e1;
}

#banner {
	/*border-bottom: 1px solid #ccc;
	box-shadow: 0px 2px 3px #cacaca;*/
}

/*#banner02 {
	border-bottom: 1xp solid #ccc;
	box-shadow: 0 1px 5px #c8c8c8;
}*/


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

#main {
	overflow: hidden;
	width: 980px;
	margin: auto;
	padding: 0;
}


/*↓Test index04.php (検索ボタン)*/
#kantan_kensaku {
	overflow: hidden;
	width: 603px;
	margin: 0 20px 10px 0px;
	padding: 8px 5px 4px 7px;
	border: 2px dotted #ccc;
}
 
#kantan_kensaku ul {
}

#kantan_kensaku li {
	display: block;
	float: left;
	margin: 0 1px 0 0;
}

#kantan_kensaku .kantanlist_last {
	margin: 0;
}

/* かんたん検索ボタン */
#kantan_kensaku03 {
	overflow: hidden;
	width: 604px;
	margin: 0 20px 10px 0px;
	padding: 4px 5px 4px 7px;
	border: 2px dotted #ccc;
}
 
#kantan_kensaku03 ul {
}

#kantan_kensaku03 li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*手数料が安い*/
#kantan_kensaku03 #tesuuryou {
	display: block;
	width: 300px;
	height: 61px;
	background-image: url(../img/parts/button_kensaku_0101.png);
}

#kantan_kensaku03 #tesuuryou:hover {
	background-image: url(../img/parts/button_kensaku_0102.png);
}

/*取引単位が少額*/
#kantan_kensaku03 #torihikitani {
	display: block;
	width: 300px;
	height: 61px;
	background-image: url(../img/parts/button_kensaku_0201.png);
}

#kantan_kensaku03 #torihikitani:hover {
	background-image: url(../img/parts/button_kensaku_0202.png);
}

/*スワップが高い*/
#kantan_kensaku03 #swap {
	display: block;
	width: 300px;
	height: 61px;
	background-image: url(../img/parts/button_kensaku_0301.png);
}

#kantan_kensaku03 #swap:hover {
	background-image: url(../img/parts/button_kensaku_0302.png);
}

/*通貨ペアが多い*/
#kantan_kensaku03 #tuukapea {
	display: block;
	width: 300px;
	height: 61px;
	background-image: url(../img/parts/button_kensaku_0401.png);
}

#kantan_kensaku03 #tuukapea:hover {
	display: block;
	width: 300px;
	height: 61px;
	background-image: url(../img/parts/button_kensaku_0402.png);
}

/*お得キャンペーン*/
#kantan_kensaku03 #campain {
	display: block;
	width: 300px;
	height: 61px;
	background-image: url(../img/parts/button_kensaku_0701.png);
}

#kantan_kensaku03 #campain:hover {
	display: block;
	width: 300px;
	height: 61px;
	background-image: url(../img/parts/button_kensaku_0702.png);
}

/*総合評価が高い*/
#kantan_kensaku03 #osusume {
	display: block;
	width: 300px;
	height: 61px;
	background-image: url(../img/parts/button_kensaku_0801.png);
}

#kantan_kensaku03 #osusume:hover {
	display: block;
	width: 300px;
	height: 61px;
	background-image: url(../img/parts/button_kensaku_0802.png);
}

/*MT4*/
#kantan_kensaku03 #mt4 {
	display: block;
	width: 300px;
	height: 61px;
	background-image: url(../img/parts/button_kensaku_0501.png);
}

#kantan_kensaku03 #mt4:hover {
	background-image: url(../img/parts/button_kensaku_0502.png);
}

/*通常のFX業者*/
#kantan_kensaku03 #normal_hikaku {
	display: block;
	width: 300px;
	height: 61px;
	background-image: url(../img/parts/button_kensaku_0601.png);
}

#kantan_kensaku03 #normal_hikaku:hover {
	background-image: url(../img/parts/button_kensaku_0602.png);
}


/* かんたん検索ボタン */
#kantan_kensaku04 {
	overflow: hidden;
	width: 604px;
	margin: 0 20px 10px 0px;
	padding: 4px 5px 4px 7px;
}
 
#kantan_kensaku04 ul {
}

#kantan_kensaku04 li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*手数料が安い*/
#kantan_kensaku04 #tesuuryou {
	display: block;
	width: 300px;
	height: 61px;
	background-image: url(../img/parts/button_kensaku_0101.png);
}

#kantan_kensaku04 #tesuuryou:hover {
	background-image: url(../img/parts/button_kensaku_0102.png);
}

/*取引単位が少額*/
#kantan_kensaku04 #torihikitani {
	display: block;
	width: 300px;
	height: 61px;
	background-image: url(../img/parts/button_kensaku_0201.png);
}

#kantan_kensaku04 #torihikitani:hover {
	background-image: url(../img/parts/button_kensaku_0202.png);
}

/*スワップが高い*/
#kantan_kensaku04 #swap {
	display: block;
	width: 300px;
	height: 61px;
	background-image: url(../img/parts/button_kensaku_0301.png);
}

#kantan_kensaku04 #swap:hover {
	background-image: url(../img/parts/button_kensaku_0302.png);
}

/*通貨ペアが多い*/
#kantan_kensaku04 #tuukapea {
	display: block;
	width: 300px;
	height: 61px;
	background-image: url(../img/parts/button_kensaku_0401.png);
}

#kantan_kensaku04 #tuukapea:hover {
	display: block;
	width: 300px;
	height: 61px;
	background-image: url(../img/parts/button_kensaku_0402.png);
}




/*↓「おすすめコンテンツ」*/
.kantan_kensaku02_li {
	clear: both;
	margin: 0 0 10px 0;
}

.kantan_kensaku02_li li {
	display: block;
	float: left;
}


.kantankensaku_tbl {
	width: 295px;
	margin: 0 0 0 10px;
}

#left_contents .kiji .kantankensaku_tbl p {
	font-size: 92%;
	line-height: 1.45em;

}


/*FX初心者コラム*/

.column_title {
	margin: 20px 0 10px 10px;
	padding: 0 0 0 25px;
	background: url(/images_pc/tbl_title.gif) no-repeat;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3em;
}

.column_list {
	margin: 0 0 0 15px;
}

.column_list li {
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background: url(/images_pc/icon_orange_y.gif) no-repeat;
}


/*パンくず*/
#main .pankuzu {
	display: block;
	margin: 0 5px 20px 10px;
	font-size: 85%;
}

#main .pankuzu a {
	color: #333;
}


/*左コンテンツ
----------------------------------------------------*/

#left_contents {
	float: left;
	width: 620px;
	margin: 0 20px 0 0;
}

#left_contents p {
	font-size: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
	background-color: #fff; /*Android4.2*/
}

#left_contents .kiji {
	margin: 0 0 20px 0;
	overflow: hidden;
}

/*H2*/
#left_contents .kiji h2 {
	margin: 0 0 10px 0;
	padding: 10px 20px 5px 20px;
	height: 25px;
	background:url(../img/parts/h2.png) no-repeat;
	font-size: 135%;
	font-weight: bold;
	-moz-text-shadow: 1px 1px 3px #fafafa;
	-webkit-text-shadow: 1px 1px 3px #fafafa;
	text-shadow: 1px 1px 3px #fafafa;
	behavior: url(/PIE.htc);
}

#left_contents .kiji .top_h2 {
	margin: 0;
	padding: 10px 20px 5px 20px;
	height: 25px;
	background:url(../img/parts/h2.png) no-repeat;
	font-size: 135%;
	font-weight: bold;
	-moz-text-shadow: 1px 1px 3px #fafafa;
	-webkit-text-shadow: 1px 1px 3px #fafafa;
	text-shadow: 1px 1px 3px #fafafa;
	behavior: url(/PIE.htc);
}

/*H4*/
.kiji h4 {
	margin: 0 0 10px 5px;
	padding: 0 0 0 6px;
	line-height: 1.6em;
	font-size: 100%;
	font-weight: bold;
	border-left: 5px solid #FFB600;
	border-bottom: 1px dotted #e1e1e1;
}

.kiji .item_box {
	overflow: hidden;
	/*margin: 0 0 10px 0;*/
	margin: 0 0 5px 15px;
}


.kiji .item_box li {
	display: block;
	float: left;
	margin: 0 10px 0 0px;
	line-height: 0;
}

/*.kiji .item_box li a {
	color: #FFF;
	text-decoration: none;
}*/

.kiji .item_box .item_box_li_last {
	margin: 0;
}
	

.kensaku_waku {
	overflow: hidden;
	padding: 10px 5px 10px 0px;
	/*background: url(/images_pc/kensaku_bg.gif) repeat-x bottom;*/
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#left_contents .pickup_waku {
	overflow: hidden;
	padding: 10px 10px 0 10px;
	/*background: url(/images_pc/kensaku_bg.gif) repeat-x bottom;*/
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#left_contents .pickup_button {
	text-align: right;
	margin: 5px 0 0 0;
	font-size: 100%;
}

#left_contents .smallbox_title {
	margin: 0;
	padding: 10px 10px 10px 18px;
	height: 20px;
	background:url(../img/parts/h3.png) no-repeat;
	font-size: 110%;
	font-weight: bold;
	-moz-text-shadow: 1px 1px 3px #fafafa;
	-webkit-text-shadow: 1px 1px 3px #fafafa;
	text-shadow: 1px 1px 3px #fafafa;
	behavior: url(/PIE.htc);
}

.top_smallbox {
}

.top_smallbox li {
	width: 300px;
	display: block;
	float: left;
	padding: 0 20px 0 0;

}

.smallbox_waku {
	overflow: hidden;
	padding: 10px 0 5px 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#left_contents .smallbox_list {
	margin: 0 5px;
	font-size: 90%;
	border-bottom: 1px dotted #ccc;
	min-height: 120px;
}

#left_contents .smallbox_list li {
	margin: 0 0 8px 5px;
	padding: 0px 0 0 17px;
	background: url(/images_pc/list_kiji.gif) no-repeat;
	line-height: 1.2em;
}

.smallbox_txt_right {
	display: block;
	float: right;
	margin: 2px 0 0 0;
	padding: 1px 10px 0 12px;
	background: url(/images_pc/icon_qa_list_y.gif) no-repeat 0 0;
	font-size: 85%;
}

.smallbox_txt_right a {
}

.top_smallbox .smallbox_last {
	width: 300px;
	padding: 0;
}

.double_button {
	clear: both;
	overflow: hidden;
	margin: 5px 0 0 5px;
}

.double_button li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}


.shousai_b {
	display: block;
	text-indent:100%;
	white-space:nowrap;
	width: 250px;
	height: 60px;
	overflow:hidden;
	background: url(../img/parts/shousai_b.png) no-repeat;
}

.kouzakaisetu_b{
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width: 360px;
	height: 60px;
	overflow:hidden;
	background: url(../img/parts/kouzakaisetu_b.png) no-repeat;
}


.shousai_b:hover {
	background: url(../img/parts/shousai_b_h.png) no-repeat;
}

.kouzakaisetu_b:hover{
	background: url(../img/parts/kouzakaisetu_b_h.png) no-repeat;
}



/*「kiji」内「枠」エフェクト*/

#main .waku01 {
	width: 60%;
	margin: 15px 0 15px 10px;
	padding: 10px 20px;
	background: #f8f8f8;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 2px #d1d1d1;
	/*position: relative;
	behavior: url(/PIE.htc);*/
}

#main .waku02 {
	width: 50%;
	margin: 15px 0 15px 0px;
	padding: 10px;
	background: #f8f8f8;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 2px #d1d1d1;
	/*position: relative;
	behavior: url(/PIE.htc);*/
}


/*「kiji」内リスト*/

.kiji_list,.kiji_list02 {
	margin: 0 0 0 10px;
}

.kiji_list li {
	margin: 0 0 8px 0;
	padding: 0 0 0 16px;
	background: url(/images_pc/list_kiji.gif) no-repeat;
	line-height: 1.2em;
	font-size: 90%;
}

.kiji_list li a {
	color: #333;
}

.kiji_list02 li {
	margin: 0 0 8px 0;
	padding: 0 0 0 16px;
	background: url(/images_pc/list_kiji.gif) no-repeat;
	line-height: 1.2em;
	font-size: 90%;
}

.kiji_list02 li a {
	color: #333;
	text-decoration: none;
}

/*.kiji .item_box li {
	width: 28%;
	display: inline-block;
	float: left;	
background: #b4d37a; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0ZDM3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ExZDU0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzkxY2UyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZmI1MWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #b4d37a 0%, #a1d54f 50%, #91ce21 51%, #7fb51b 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4d37a), color-stop(50%,#a1d54f), color-stop(51%,#91ce21), color-stop(100%,#7fb51b)); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top,  #b4d37a 0%,#a1d54f 50%,#91ce21 51%,#7fb51b 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  #b4d37a 0%,#a1d54f 50%,#91ce21 51%,#7fb51b 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  #b4d37a 0%,#a1d54f 50%,#91ce21 51%,#7fb51b 100%); /* IE10+ */
/*background: linear-gradient(to bottom,  #b4d37a 0%,#a1d54f 50%,#91ce21 51%,#7fb51b 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4d37a', endColorstr='#7fb51b',GradientType=0 ); /* IE6-8 */
	/*margin: 0 10px 0 0;
	padding: 16px 11px 0 11px;
	height: 34px;
	border-radius: 8px;
	font-size: 130%;
	text-align: center;
	text-shadow: 1px 1px 3px #333;
}*/

/*#left_contents .smallbox_waku p {
	margin: 0 0 8px 10px;
	padding: 0 0px 0 17px;
	background: url(/images_pc/list_kiji.gif) no-repeat;
	line-height: 1.3em;
}*/



/*証券会社一覧
---------------------------------------------------------*/

.kiji .syoukenn_list {
	padding: 15px 0 20px 0;
	border: 1px solid #ccc;
	background: #FEFEEB;
}

#left_contents .kiji .syoukenn_list h3{
	background: url(/images_pc/tbl_title.gif) no-repeat;
	margin: 0 0 0 20px;
	padding: 1px 0 10px 25px;
	font-size: 130%;
	font-weight: bold;
}

.shoken_mini {
	margin: 0 20px;
}

.shoken_mini li {
	display: inline-block;
	margin: 0 5px 10px 5px;
	padding: 3px 8px 0 8px;
	background: #FFF;
	text-align:center;
	font-size: 90%;
	border: 1px solid #d8d8d8;
}


/*FX会社詳細解説ページ*/

#left_contents .campaig_waku {
	padding: 20px 10px;
	border: 1px solid #c1c1c1;
	background-color: #FEFEEB;
	font-size: 125%;
	font-weight: bold;
	color: #F33;
}


/*補足
-------------------------------------------------------*/

/*1col*/
#main .hosoku_right {
	display: block;
	text-align: right;
	font-size: 85%;
	margin: 0;
	padding: 0px 20px;
}

#main .hosoku_right_hikaku {
	display: block;
	text-align: right;
	font-size: 85%;
	margin: 0;
	padding: 0px 40px 0 0;
}

#main .hosoku_left {
	display: block;
	text-align: left;
	font-size: 85%;
	margin: auto;
	padding: 0px 0px 0px 10px;
	max-width: 95%;
}

#main .link_right {
	display: block;
	text-align: right;
	font-size: 110%;
	margin: 0;
	padding: 0px 10px;
}

/*2col*/

#left_contents .page_explanation {
	padding: 0 15px 10px 15px;
	/*font-size: 100%;*/
}

#left_contents .hosoku_right {
	display: block;
	text-align: right;
	font-size: 85%;
	padding: 0 3px;
}



#left_contents .hosoku_left {
	display: block;
	text-align: left;
	font-size: 85%;
	padding: 0 3px;
}

#left_contents .text_right {
	display: block;
	text-align: right;
	font-size: 95%;
	padding: 0 3px;
}


/*右メニュー
------------------------------------------------------*/

#right_contents {
	float:left;
	width: 300px;
}

/*バナー*/
.adsense_img {
	margin: 0 0 20px 0;
}

/*右メニューランキング項目*/

.rank_waku_r_menu {
	overflow: hidden;
	/*padding: 8px 10px;*/
	padding: 8px 8px 0 8px;
}

.rank01_r_menu {
	padding: 0 0 0 35px;
	background: url(../img/parts/rank01.png) no-repeat;
}

.rank_r_img {
	float: left;
	margin: 0 5px 0 0;
	padding: 1px;
	border: 1px solid #ccc;
}

.rank01_r_setsumei {
	font-size: 11px;
}

/*.rank_r_menu_button {
	float: right;
	width: 175px;
	margin: 5px 0;
	padding: 3px 5px;
	border: 1px solid #ccc;
	background: #f5f5f5;
	border-radius: 3px;
	font-size: 12px;
	text-align: center;
}*/

.rank_r_menu_button {
	float: right;
	font-size:12px;
	font-weight:normal;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #d83526;
	width: 210px;
	margin: 5px 22px 5px 0;
	padding:3px 10px;
	text-decoration:none;
	text-align: center;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fa665a), color-stop(100%, #d34639) );
	background:-moz-linear-gradient( center top, #fa665a 5%, #d34639 100% );
	background:-ms-linear-gradient( top, #fa665a 5%, #d34639 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639');
	background-color:#fa665a;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #98231a;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fab3ad;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fab3ad;
 	box-shadow:inset 1px 1px 0px 0px #fab3ad;
}.rank_r_menu_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d34639), color-stop(100%, #fa665a) );
	background:-moz-linear-gradient( center top, #d34639 5%, #fa665a 100% );
	background:-ms-linear-gradient( top, #d34639 5%, #fa665a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d34639', endColorstr='#fa665a');
	background-color:#d34639;
}.rank_r_menu_button:active {
	position:relative;
	top:1px;
}
.rank_r_menu_button a {
	color: #fff;
}

/*画像なし*/

.rank01_r_menu02 {
	margin: 0 0 2px 0;
	padding: 0 0 0 35px;
	background: url(../img/parts/rank01.png) no-repeat;
	/*border-bottom: 1px dotted #ccc;*/
}

.rank_r_menu_button02 {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 12px;
}


/*■2015/1バージョン■*/
.rank_waku_r_menu table {
	width: 100%;
	border-bottom: 1px dotted #ccc;
}

.rank_waku_r_menu td {
	padding: 0 0 6px 0;
}

.rank_waku_r_menu h4 {
	/*padding: 0 0 0 31px;*/
	padding: 0 0 0 7px;
	font-size: 92%;
}

.rank01_sm {
	background: url(../img/parts/best1_s.png) no-repeat 0 0;
}

.rank02_sm {
	background: url(../img/parts/best2_s.png) no-repeat 0 0;
}

.rank03_sm {
	background: url(../img/parts/best3_s.png) no-repeat 0 0;
}

.rank_waku_r_menu p {
	/*margin: 0 0 8px 32px;*/
	margin: 0 0 0 7px;
	font-size: 79%;
	line-height: 1.4em;
}

/*コンテンツメニュー*/
#right_contents h3 {
	margin: 0px 0 0 0;
	padding: 10px 10px 10px 18px;
	height: 20px;
	background:url(../img/parts/h3.png) no-repeat;
	font-size: 110%;
	font-weight: bold;
	-moz-text-shadow: 1px 1px 3px #fafafa;
	-webkit-text-shadow: 1px 1px 3px #fafafa;
	text-shadow: 1px 1px 3px #fafafa;
	behavior: url(/PIE.htc);
}

#right_contents .side_contens01 {
	overflow: hidden;
	margin: 0 0 20px 0;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}

#right_contents .side_contens01 li {
	overflow: hidden;
	margin: 5px;
	padding: 5px 5px 10px 5px;
	font-size: 85%;
	border-bottom: 1px dotted #ccc;
}

#right_contents .side_contens01 .rightmenu_last {
	border-bottom: none;
}

#right_contents .side_contens01 li p {
	margin: 0 0 5px;
	line-height: 1.5em;
}

#right_contents .side_contens01 .sidelist_last {
	border: none;
}

#right_contents .side_contens02 {
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 3px 0 0 0;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}

.side_contens02 ul {
	clear: both;
	margin: 0 10px 10px 10px;
	padding: 10px 0 0 0;
}

.side_contens02 li {
	width: 45%;
	display:block;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 8px 13px;
	background: url(../img/parts/list_icon01.gif) no-repeat top left;
	line-height: 1.5em;
	font-size: 100%;
	/*border-bottom: 1px dotted #333;*/
}

.side_contens02 li a {
}

/*メニュー1行表記*/
#right_contents .side_contens03 {
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 3px 0 0 0;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}

.side_contens03 ul {
	clear: both;
	margin: 0 10px 10px 10px;
	padding: 10px 0 0 0;
}

.side_contens03 li {
	width: 85%;
	margin: 0 0 0px 0;
	padding: 2px 0 6px 11px;
	background: url(../img/parts/list_icon01.gif) no-repeat top left;
	line-height: 1.5em;
	font-size: 85%;
	/*border-bottom: 1px dotted #333;*/
}

.side_contens03 li a {
}


/*左コンテンツから移した項目*/

#right_contents .smallbox_title {
	margin: 0;
	padding: 10px 10px 10px 18px;
	height: 20px;
	background:url(../img/parts/h3.png) no-repeat;
	font-size: 110%;
	font-weight: bold;
	-moz-text-shadow: 1px 1px 3px #fafafa;
	-webkit-text-shadow: 1px 1px 3px #fafafa;
	text-shadow: 1px 1px 3px #fafafa;
	behavior: url(/PIE.htc);
}

.smallbox_waku {
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 10px 0 5px 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}



#right_contents .smallbox_list {
	margin: 0 5px;
	font-size: 90%;
	border-bottom: 1px dotted #ccc;
	min-height: 120px;
}

#right_contents .smallbox_list li {
	margin: 0 0 8px 5px;
	padding: 0px 0 0 17px;
	background: url(/images_pc/list_kiji.gif) no-repeat;
	line-height: 1.2em;
}

.smallbox_txt_right {
	display: block;
	float: right;
	margin: 2px 0 0 0;
	padding: 1px 10px 0 12px;
	background: url(../img/parts/icon_qa_list_y.gif) no-repeat 0 0;
	font-size: 85%;
}

.smallbox_txt_right a {
}

.box_shousai {
	padding: 1px 10px 5px 12px;
}

/*フッター
--------------------------------------------*/

#footer {
	clear: both;
	padding: 30px 0 0 0;
	background-color: #F7B210;
	box-shadow: 2px 0 3px #b5b5b5;
	behavior: url(/PIE.htc);
}

.footer_contents {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 30px 40px;
	overflow: hidden;
}

.footer_contents a {
	color: #333;
	text-decoration: none;
}

.footer_contents h4 {
	font-size: 110%;
	font-weight: bold;
	padding: 0 0 5px 0;
}

.footer_contents .mokuji_waku {
	float: left;
	margin: 0 20px 0 5px;
}

.footer_contents h5 {
	margin: 0 0 0 0;
	padding: 0;
	border-bottom: 1px dotted #333;
	font-size: 95%;
	font-weight: bold;
}

.footer_contents li {
	margin: 5px 0 0 0;
	padding: 0 10px 0px 0;
	font-size: 80%;
}

.footer_contents li a {
}

.copylights {
	display: block;
	padding: 10px 0;
	text-align: center;
	font-size: 90%;
	/*background: #f8f8f8;*/
	background: #fff;
}

.copylights a {
	color: #039;
}

address {
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 85%;
	background: #f8f8f8;
}

address a {
	color: #039;
}


/*ランキング
------------------------------------------------*/

.ranking_box01 {
	overflow: hidden;
	/*border: 1px solid #ccc;
	border-radius: 5px;*/
	/*border-bottom: 1px solid #ccc;*/
	margin: 0 0 10px 0;
	padding: 0 0px 20px 0px;
}

.clearbox_rank {
	overflow: hidden;
	margin: 0 0 10px 0;
}

.clearbox_company {
	clear: both;
	margin: 30px 0 0 0;
	padding: 0;
}

.point01_waku {
	overflow: hidden;
	margin: 0px 0 5px 0;
	padding: 3px 3px 5px 3px;
	border: 1px dotted #E84A5F;
}

.point01_img {
	display: block;
	float: left;
	padding: 0 3px 0 0; 
}

#left_contents .point01 {
	float: left;
	margin: 0 0 0 0;
	padding: 10px 0 0 0px;
	font-size: 115%;
	font-weight: bold;
	line-height: 1.3em;
}

.ranking_box01 p {
}

.ranking_box02 {
	overflow: hidden;
	margin: 0 0 10px 0px;
	padding: 20px 0 0px 0;
	border-top: 1px solid #ccc;
}

.ranking_box02 li {
	display: block;
	float:left;
	width: 295px;
	margin: 0 29px 0 0px;
}

.ranking_box02 li p {
	padding: 0 0 0 3px;
}


.ranking_box02 .li_last {
	width: 295px;
	margin: 0;
}

.ranking_box03 {
	overflow: hidden;
	margin: 0px 0 10px 0px;
	padding: 0;
/*	border-top: 1px solid #ccc;*/
}

.ranking_box03 li {
	display: block;
	float:left;
	width: 31%;
	margin: 0 24px 0 0px;
}

.ranking_box03 li p {
	padding: 0 0 0 3px;
}

.ranking_box03 .li_last {
	width: 31%;
	margin: 0;
}

.best01 a,.best02 a,.best03 a,.best04 a,.best05 a,.best06 a,.best07 a ,.norank a{
	color: #333;
}

.best01 {
	margin: 0 0 0 5px;
	padding: 30px 0 0 95px;
	background: url(../img/parts/best01.gif) no-repeat;
	height: 35px;
	font-size: 140%;
	font-weight: bold;
}

.best02 {
	margin: 0 0 0 5px;
	padding: 22px 0 0 80px;
	background: url(../img/parts/best02.gif) no-repeat;
	height: 33px;
	font-size: 125%;
	font-weight: bold;
}

.best03 {
	margin: 0 0 0 5px;
	padding: 22px 0 0 80px;
	background: url(../img/parts/best03.gif) no-repeat;
	height: 33px;
	font-size: 125%;
	font-weight: bold;
}

.best04 {
	margin: 0 0 0px 5px;
	padding: 9px 0 0 40px;
	background: url(../img/parts/best04.gif) no-repeat;
	height: 30px;
	font-size: 118%;
	font-weight: bold;
}


.best05 {
	margin: 0 0 0px 5px;
	padding: 9px 0 0 40px;
	background: url(../img/parts/best05.gif) no-repeat;
	height: 30px;
	font-size: 118%;
	font-weight: bold;
}

.best06 {
	margin: 0 0 0px 5px;
	padding: 9px 0 0 40px;
	background: url(../img/parts/best06.gif) no-repeat;
	height: 30px;
	font-size: 118%;
	font-weight: bold;
}

.best07 {
	margin: 0 0 0px 5px;
	padding: 9px 0 0 40px;
	background: url(../img/parts/best07.gif) no-repeat;
	height: 30px;
	font-size: 118%;
	font-weight: bold;
}

.norank {
	margin: 0 0 0px 5px;
	padding: 9px 0 0 2px;
	height: 30px;
	font-size: 118%;
	font-weight: bold;
}

.best01_mini {
	margin: 0 0 5px 5px;
	padding: 15px 0 0 65px;
	background: url(../img/parts/best01.gif) no-repeat;
	background-size:contain;
	height: 25px;
	font-size: 120%;
	font-weight: bold;
}

.best02_mini {
	margin: 0 0 5px 5px;
	padding: 15px 0 0 65px;
	background: url(../img/parts/best02.gif) no-repeat;
	background-size:contain;
	height: 25px;
	font-size: 120%;
	font-weight: bold;
}

.best03_mini {
	margin: 0 0 5px 5px;
	padding: 15px 0 0 65px;
	background: url(../img/parts/best03.gif) no-repeat;
	background-size:contain;
	height: 25px;
	font-size: 120%;
	font-weight: bold;
}

/*FX会社を選ぶポイント！（FX初心者用）*/
.osusume {
	margin: 0;
	padding: 5px 8px 3px 8px;
	font-size: 110%;
	font-weight: bold;
	background: #f2f5f6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NCUiIHN0b3AtY29sb3I9IiNmMmY1ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNlM2VhZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzhkN2RjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #f2f5f6 44%, #e3eaed 95%, #c8d7dc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,#f2f5f6), color-stop(95%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f5f6 44%,#e3eaed 95%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f5f6 44%,#e3eaed 95%,#c8d7dc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f5f6 44%,#e3eaed 95%,#c8d7dc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f5f6 44%,#e3eaed 95%,#c8d7dc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-8 */
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.osusume a {
	color: #333;
}


/*テーブルレイアウト
-------------------------------------------------------*/

/*比較ページ*/

/*#main .tbl_title {
	padding: 1px 0 0 25px;
	background:url(/images_pc/tbl_title.gif) no-repeat;
	font-size: 150%;
	font-weight: bold;
}*/

#main .tbl_title01 {
	margin: 0 0 10px;
	font-size: 160%;
	font-weight: bold;
}

.tbl_hikaku {
	width: 940px;
	margin: 10px 0 20px 0;
    border-left:1px solid #bbb;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	font-size: 85%;
	line-height: 1.250em;
}

.tbl_hikaku th {
	border: 1px solid #bbb;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#333;
    background-color:#f1f1f1;
	padding:0.3em 0.8em;
    text-align:center;
	/*font-weight: normal;*/
}


.tbl_kaisha { 
	border: 1px solid #bbb;
}

.tbl_hikaku .tbl_hikaku_th_selected {
	/*background: #FEFEEB;*/
	/*background: #FDFDDB;*/
	background: #F9F9B2;
}

.tbl_hikaku td {
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#333;
	padding: 0 0.2em;
    text-align:center;
}

.tbl_hikaku .tbl_hikaku_td_selected {
	background: #F9F9B2;
}

.tbl_hikaku tr:hover {
	/*background: #f4f4f4;*/
	background: #F9F9B2;
}

.tbl_hikaku td p {
	margin: 5px 3px;
}

.tbl_hikaku .td_txt_left {
	text-align: left;
	padding: 5px;
}

.tbl_hikaku td a {
}

/*トップページテーブルレイアウト
--------------------------------------------------*/
.tbl_hikaku02 {
	width: 620px;
	margin: 10px 0 20px 0;
    border-left:1px solid #bbb;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	font-size: 85%;
	/*line-height: 1.250em;*/
}

.tbl_hikaku02 th {
	border: 1px solid #bbb;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#333;
    background-color:#f1f1f1;
	padding:0.3em 0.8em;
    text-align:center;
	/*font-weight: normal;*/
}

.tbl_kaisha { 
	border: 1px solid #bbb;
}

.tbl_hikaku02 .tbl_hikaku_th_selected {
	/*background: #FEFEEB;*/
	/*background: #FDFDDB;*/
	background: #F9F9B2;
}

.tbl_hikaku02 td {
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#333;
	padding: 0;
    text-align:center;
	vertical-align: middle;
}

.tbl_hikaku02 .tbl_hikaku_td_selected {
	background: #F9F9B2;
}

.tbl_hikaku02 tr:hover {
	/*background: #f4f4f4;*/
	background: #F9F9B2;
}

#left_contents .tbl_hikaku02 td p {
	margin: 0;
	padding: 0;
	font-size: 14px;
	background-color:unset;
	/*line-height: 1.5em;*/
}

.tbl_hikaku02 .td_txt_left {
	text-align: left;
	padding: 2px 5px;
}

.tbl_hikaku02 td a {
}



/*.tbl_hikaku {
	width: 940px;
	margin: 10px 0 20px 0;
    border-left:1px solid #bbb;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	font-size: 95%;
}

.tbl_hikaku th {
	border: 1px solid #bbb;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#333;
    background-color:#f1f1f1;
	padding:0.3em 0.2em;
    text-align:center;
}

.tbl_hikaku .tbl_hikaku_th_selected {
	/*background: #FEFEEB;*/
	/*background: #FDFDDB;*/
	/*background: #F9F9B2;
}


.tbl_hikaku td {
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#333;
	padding:0.6em 0.2em 0.3em 0.2em;
    text-align:center;
}

.tbl_hikaku td a {
	font-size: 90%;
}

.tbl_hikaku .large_number {
	font-size: 110%;
}*/


/*タブ関連*/

div.tab{
  width:100%;
}
 
ul.tabmenu {
  margin: 15px 0 0 0;
  padding: 0;
  list-style-type: none;
}
 
ul.tabmenu li {
  float: left;
  width: 160px;
  margin: 0 3px 0 0;
  padding: 3px 5px 3px 5px;
  border-top: 1px #ccc solid;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
  background-color: #f1f1f1;
  text-align: center;
  font-size: 12px;
}

ul.tabmenu .tab_hyouzji {
	font-size: 14px;
	font-weight: bold;
}

ul.tabmenu .hidden_list {
	background: #fff;
}
 
.clearLeft {
clear: left;
}

/*タブしたテーブル*/

.tbl_hikaku03 {
	width: 98%;
	margin: auto;
    border-left:1px solid #bbb;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	font-size: 85%;
	line-height: 1.250em;
}

@media (max-width: 634px) {
  .tbl_hikaku03 {
      margin-left: 10px;
      margin-right: 10px;
  }
}

.tbl_hikaku03 th {
	border: 1px solid #bbb;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#333;
    background-color:#f1f1f1;
	padding:0.3em 0.8em;
    text-align:center;
	/*font-weight: normal;*/
}

/*.tbl_kaisha { 
	border: 1px solid #bbb;
}*/

.tbl_hikaku03 .tbl_hikaku_th_selected {
	/*background: #FEFEEB;*/
	/*background: #FDFDDB;*/
	background: #F9F9B2;
}

.tbl_hikaku03 td {
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#333;
	padding: 0 0.2em;
    text-align:center;
}

.tbl_hikaku03 .tbl_hikaku_td_selected {
	background: #F9F9B2;
}

.tbl_hikaku03 tr:hover {
	/*background: #f4f4f4;*/
	background: #F9F9B2;
}

.tbl_hikaku03 td p {
	margin: 5px 3px;
}

.tbl_hikaku03 .td_txt_left {
	text-align: left;
	padding: 5px;
}

.tbl_hikaku03 td a {
}

/*比較用テーブル（右メニューあり用）*/

#left_contents .tbl_hikaku04 {
	width: 620px;
	margin: 0px 0 20px 0;
    border-left:1px solid #bbb;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	font-size: 85%;
	line-height: 1.250em;
}

#left_contents .tbl_hikaku04 th {
	border: 1px solid #bbb;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#333;
    background-color:#f1f1f1;
	padding:0.3em 0.8em;
    text-align:center;
	/*font-weight: normal;*/
}

/*.tbl_kaisha { 
	border: 1px solid #bbb;
}*/

#left_contents .tbl_hikaku04 .tbl_hikaku_th_selected {
	/*background: #FEFEEB;*/
	/*background: #FDFDDB;*/
	background: #F9F9B2;
}

#left_contents .tbl_hikaku04 td {
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#333;
	padding: 0 0.2em;
    text-align:center;
}

#left_contents .tbl_hikaku04 .tbl_hikaku_td_selected {
	background: #F9F9B2;
}

#left_contents .tbl_hikaku04 tr:hover {
	/*background: #f4f4f4;*/
	/*background: #F9F9B2;*/
}

#left_contents .tbl_hikaku04 td p {
	margin: 3px 0 5px 0;
	padding: 0;
}

#left_contents .tbl_hikaku04 .td_txt_left {
	text-align: left;
	padding: 5px;
}

#left_contents .tbl_hikaku04 td a {
}

/*比較ページ公式サイトボタン*/

.tbl_kouzakaisetsu01 {
	margin: 0 0 6px 0;
}


/*FX会社スペック表（個別ページ）

/*1位*/

.tbl_spec {
	width: 100%;
    border-left:1px solid #bbb;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	font-size: 95%;
}

.tbl_spec th {
	border: 1px solid #bbb;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#333;
    background-color:#f1f1f1;
	padding:0.3em 0.2em;
    text-align:center;
}

.tbl_spec td {
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#333;
	padding:0.3em 0.2em;
    text-align:center;
}


/*2～7位*/

.tbl_spec02 {
	width: 100%;
	margin: 5px 0;
    border-left:1px solid #bbb;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	font-size: 95%;
}

.tbl_spec02 th {
	border: 1px solid #bbb;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#333;
    background-color:#f1f1f1;
	padding:0.3em 0.2em;
    text-align:center;
}

.tbl_spec02 td {
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#333;
	padding:0.3em 0.2em;
    text-align:center;
}


/*「kiji」用テーブル*/

.tbl_kiji01 {
	border-left:1px solid #bbb;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	max-height: 100%;
}

.tbl_kiji01 th {
	border: 1px solid #bbb;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#333;
    background-color:#f1f1f1;
	padding:0.3em 0.6em;
    text-align:center;
}

.tbl_kiji01 td {
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#333;
	/*padding:0.3em 0.2em;*/
	padding:0.3em 0.6em;
    text-align:center;
}

.tbl_kiji01 .td_txt_left {
	text-align: left;
}

.tbl_kiji01 .selected {
	background: #F9F9B2;
}


/*運営元情報*/

.tbl_uneimoto {
	width: 100%;
    border-left:1px solid #bbb;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	font-size: 95%;
}

.tbl_uneimoto td {
	border: 1px solid #bbb;
	padding:0.3em 0.2em;
    text-align:center;
}

.tbl_uneimoto .td_txt_left {
	text-align: left;
	padding: 0 0 0 10px;
}

/*テーブルベース*/

.tbl_base {
    border-left:1px solid #bbb;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	font-size: 95%;
}

.tbl_base td {
	border: 1px solid #bbb;
	padding:0.3em 0.2em;
    text-align:center;
}

.tbl_base .td_txt_left {
	text-align: left;
	padding: 0 0 0 10px;
}

.td_color {
	background-color: #f1f1f1;
	font-weight: bold;
}

/*ボタン
---------------------------------------------------*/

#left_contents .button01 {
	clear: both;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: center;
}


#left_contents .button02 {
	margin: 0 auto;
	padding: 0;
	display: block;
}

/*Page Top
----------------------------------------------------*/

div.tothetopfixed {
	position: fixed;
	right: 20px;
	bottom: 40px;
	z-index: 1500;
}	

div.tothetopfixed a {
	display: block;
	padding: 5px 10px;
	margin: 0;
	background-color: #777;
	border-radius: 5px;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	behavior: url(/PIE.htc);
}

div.tothetopfixed a:hover {
	/*color: #00afcc;*/
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	/*opacity:0.8;*/
	opacity:1;
}


/*トップページ検索窓
-------------------------------------------------------------*/

.serch_top {
	width: 95%;
	margin: 0 10px;
	padding: 0 0 0px 0;
	/*border: 1px solid #ccc;
	border-radius: 5px;*/
}

.komidashi02_02 {
	margin: 0px 15px 10px 15px;
	padding: 1px 0 0 26px;
	background: url(/images_pc/tbl_title.gif) no-repeat;
	font-weight: bold;
	font-size: 125%;
	letter-spacing: 0.1em;
}

.komidashi03 {
	width: 110px;
	display: inline-block;
	margin: 0;
	padding: 0px 8px 0px 0;
	vertical-align: middle;
	font-weight: bold;
	font-size: 100%;
}

.komidashi03_02 {
	width: 110px;
	display: inline-block;
	margin: 0;
	padding: 0px 8px 0px 0;
	vertical-align: middle;
	font-weight: bold;
	font-size: 100%;
	background-color: #fff;/*20160123追記*/
}

@media (max-width: 634px) {
  .komidashi03_02 {
     width: 100%;
  }

  .komidashi03_02 br {
    display: none;
  }

}

.komidashi04 {
	width: 110px;
	display: inline-block;
	margin: 0;
	padding: 0px 8px 0px 0;
	vertical-align: middle;
	font-weight: bold;
	font-size: 100%;
}

.komidashi05 {
	margin: 0;
	padding: 1px 0 3px 26px;
	background: url(/images_pc/tbl_title.gif) no-repeat;
	font-weight: bold;
	font-size: 125%;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #ccc;
}

@media (max-width: 634px) {
    .komidashi05 {
        margin-left: 10px;
    }
}

.input_style01 {
	display: inline-block;
	margin: 0;
	padding: 4px 0 0 4px;;
	vertical-align: middle;
	font-size: 90%;
	border-left: 1px dotted #ccc;
	background-color: #fff;/*20160123追記*/
}

.kensaku_menu .item1{
	text-align: right;
}

.kensaku_menu .item1 a {
	color: #333;
}

.serch_top label {
	padding: 0 5px 0 0;
}

.serch_top_waku {
	width: 100%;
	margin: 0 0 10px 0px;
	padding: 5px 8px 5px 8px;
	background: #fff;
	vertical-align: bottom;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 3px #d5d5d5;
	-webkit-box-shadow: 0px 0px 3px #d5d5d5;
	box-shadow: 0px 0px 3px #d5d5d5;
	/*box-shadow: inset 1px 2px 5px #f1f1f1;*/
	position: relative;
	behavior: url(/PIE.htc);
}

.subitem1 {
	margin: 0 0 10px 0px;
	padding: 5px 8px 5px 8px;
	vertical-align: bottom;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: inset 0px 2px 5px #f1f1f1;
	position: relative;
	behavior: url(/PIE.htc);
}

.subitem2 {
	margin: 0 0 10px 0px;
	padding: 5px 8px 5px 8px;
	vertical-align: bottom;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: inset 0px 2px 5px #f1f1f1;
	position: relative;
	behavior: url(/PIE.htc);
}

.subitem3 {
	margin: 0 0 10px 0px;
	padding: 5px 8px 5px 8px;
	vertical-align: bottom;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: inset 0px 2px 5px #f1f1f1;
	position: relative;
	behavior: url(/PIE.htc);
}

.subitem4 {
	margin: 0 0 10px 0px;
	padding: 5px 8px 5px 8px;
	vertical-align: bottom;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: inset 0px 2px 5px #f1f1f1;
	position: relative;
	behavior: url(/PIE.htc);
}

.kantan_button {
	display: block;
	margin: 0 auto;
}


/*詳細検索 1カラム用
--------------------------------------------------------------------*/

.kiji_1col {
	width: 940px;
	margin: 0;
	margin: auto;
}

@media (max-width: 634px) {
  .kiji_1col {
    width: 100%;
  }
}

.kiji_1col p {
	margin: 5px 3px;
	padding: 5px 0;
}

.kiji_1col .kensaku_waku {
	padding: 15px 0px 10px 5px;
	/*background: url(../img/parts/kensaku_bg.gif) repeat-x bottom;*/
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

@media (max-width: 634px) {
  .kiji_1col .kensaku_waku {
    padding: 15px 20px 10px 5px;
  }
}

/*記事用検索テーブル*/
.tbl_normal01 {
	width: 51%;
	margin: 10px 4px 10px 5px;
	border-left:1px solid #bbb;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	max-height: 100%;
}

.tbl_normal01 th {
	border: 1px solid #bbb;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#333;
    background-color:#f1f1f1;
	padding:0.3em 0.6em;
    text-align:center;
}

.tbl_normal01 td {
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#333;
	/*padding:0.3em 0.2em;*/
	padding:0.3em 0.6em;
    text-align:center;
}

.tbl_normal01 .td_txt_left {
	text-align: left;
}

/*詳細検索テーブル*/
.kensaku_tbl {
	width: 100%;
	margin: 10px 0;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
}

.kensaku_tbl td {
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
    border-collapse:collapse;
}

.kensaku_tbl_color {
	background-color: #f1f1f1;
	font-weight: bold;
}

/*記事一覧
-----------------------------------------------------------*/

.kijiiciran {
	overflow: hidden;
	margin: 40px 0 0 0;
	padding: 15px;
	border: 1px solid #ccc;
	background: #FEFEEB;
}

.kijiichiran_t {
	margin: 0 10px 5px 0;
	padding: 0 0 0 16px;
	background:url(/images_pc/list_kiji.gif) no-repeat;
	line-height: 1.2em;
	font-weight: bold;
}

.kijiichiran_list {
	margin: 0 0 0 5px;
}

.kijiichiran_list li {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 12px;
	background: url(../img/parts/icon_orange_y.gif) no-repeat;
	font-size: 90%;
}



/*よくあるお問い合わせ
----------------------------------------------------------*/

.qa_list_waku {
	overflow: hidden;
	margin: 5px 5px 45px 5px;
	padding: 15px 5px 10px 5px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	behavior: url(/PIE.htc);	
}

.qa_list {
	clear: both;
	margin: 5px 0 15px 15px;
}

.qa_list .qa_title {
	margin: 0 0 10px 0;
	padding: 0 0 0 26px;
	background: url(/images_pc/tbl_title.gif) no-repeat;
	font-size: 110%;
	font-weight: bold;
	border: none;
}

.qa_list li {
	margin: 0 0 5px 5px;
	padding: 0 0 0 12px;
	background: url(../img/parts/icon_qa_list_y.gif) no-repeat;
	line-height: 1.6em;
	font-size: 90%;
}


#left_contents .pagetop_t_left {
	margin: 0 0 30px 0;
	padding: 0 15px 0 0;
	background: url(../img/parts/pagetop_y.gif) no-repeat right;
	text-align: right;
	font-size: 90%;
}

#left_contents .pagetop_t_left a {
	color: #039;
}


/*吹き出し*/
/*クエスチョン*/
.arrow_box01 { margin: 0 40px 15px 20px; position: relative; background: #fff; border: 2px solid #ccc; } .arrow_box01:after, .arrow_box01:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box01:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 12px; top: 50%; margin-top: -12px; } .arrow_box01:before { border-color: rgba(204, 204, 204, 0); border-right-color: #ccc; border-width: 15px; top: 50%; margin-top: -15px; }

#left_contents .arrow_box01 p {
	background: url(../img/parts/icon_q.gif) no-repeat 0 0;
	margin: 10px;
	padding: 0 0px 0 36px;
	line-height: 30px;
	font-weight: bold;
	font-size: 105%;
}

/*アンサー*/
.arrow_box02 { margin: 0 20px 15px 40px; position: relative; background: #fff; border: 2px solid #ccc; } .arrow_box02:after, .arrow_box02:before { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box02:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 12px; top: 50%; margin-top: -12px; } .arrow_box02:before { border-color: rgba(204, 204, 204, 0); border-left-color: #ccc; border-width: 15px; top: 50%; margin-top: -15px;
}

#left_contents .arrow_box02 p {
	overflow: hidden;
	background: url(../img/parts/icon_a.gif) no-repeat 0 0;
	margin: 10px;
	/*padding: 4px 0px 0 36px;
	line-height: 25px;*/
	padding: 0 0 0 36px;
	line-height: 18px;

}

.footer-content {
    overflow: hidden;
    width: 980px;
    margin: auto;
    padding: 0 0 20px 0;
    text-align: center;
}

@media (max-width: 634px) {
  .footer-content {
      width: 100%;
  }
}

@media (max-width: 634px) {
  .scroll-table {
    overflow: auto;
    white-space: nowrap;
  }
}

table.table_content {
    margin-top: 20px;
}

table.table_content th {
    color: #333333;
    font-size: 13px;
    width: 120px;
    height: 35px;
    text-align: left;
    border-bottom: 1px solid #e2e2e2;
    padding-left: 20px;
    background-color: #eee;
    border-right: 2px solid #e97a19;
}


table.table_content td {
    color: #333333;
    font-size: 13px;
    height: 35px;
    border-bottom: 1px solid #e2e2e2;
    padding-left: 20px;
}

h4 {
    border-bottom: 2px dotted #fb005d;
    border-left: 4px solid #fb005d;
    margin: 10px 0 15px;
    padding: 3px 10px;
    font-size: 22px;
    height: 38px;
    clear: both;
}

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

.hikaku-layout {
    font-size: 16px !important;
    display: inherit !important;
}

.ly_content_wrapper {
    margin-bottom: 4em;
}

.md_title {
    color: #002b5b;
}

.md_index {
    background-color: #025592;
    background: -webkit-gradient(linear, left top, right top, from(#025592), to(#002b5b));
    background: linear-gradient(to right, #025592, #002b5b);
    color: #fff;
    padding: 0.5em;
    display: flow-root;
    margin-bottom: .5em;
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: bold;
    border-radius: 3px;
    position: relative;
}

.md_box {
    padding: .5em;
}

.ly_row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 0em;
    display: -webkit-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ly_colsize_7, .ly_colsize_7_fix {
    width: 58.3333333333% !important;
}

.ly_col {
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ly_containe:after, .ly_row:after, .ly_col:after, .ly_clr:after, .ly_group:after {
    content: "";
    display: table;
    clear: both;
}

.md_title h1, .md_title h2, .md_title h3 {
    font-size: 2em;
}

.md_title h1, .md_title h2, .md_title h3 {
    font-weight: bold;
    margin-bottom: 13px;
}

div#hikaku_hyo {
    margin-top: 20px;
}

.marker_yellow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
    background: linear-gradient(transparent 60%, #ff6 60%);
    font-weight: bold;
}

#campaign {
    background-color: #ffffff;
}

.ly_content_wrapper {
    margin-bottom: 4em;
}

#campaign .top_intro .top_title h1 {
    background: url(/images_pc/analyze_ti.png) no-repeat bottom left;
    background-size: 68px;
    font-size: 2em;
    color: #11335a;
    line-height: 1.3;
    padding: 23px 0px 0px 73px;
    margin-top: 10px;
    text-shadow: 1px 1px 1px #ccc;
    font-weight: bold;
}

#campaign .top_intro .top_title:after {
    content: "";
    display: block;
    position: relative;
    top: 4px;
    width: 100%;
    height: 5px;
    background: #dadada;
    background: -webkit-gradient(linear, left top, right top, from(#dadada), to(#9e9e9e));
    background: linear-gradient(to right, #dadada, #9e9e9e);
}

#campaign .top_intro .text_wrapper {
    margin-top: 5px;
    padding: 10px 10px 1px 10px;
    position: relative;
}

#campaign .top_intro .text_wrapper .text {
    padding: 10px;
    margin-bottom: 10px;
}

#campaign .top_intro .text_wrapper .text .text_title {
    font-weight: bold;
    font-size: 1.25em;
    color: #0b3669;
    display: block;
    margin-bottom: 10px;
}

#campaign .top_intro .text_wrapper .top_image {
    width: 360px;
    height: 195px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
}

.sub_index_underline {
    display: block;
    position: relative;
    margin: .5em 0;
}

.sub_index_underline:before {
    width: 100%;
    display: block;
    position: absolute;
    bottom: -4px;
    left: 0;
    content: '';
    height: 4px;
    background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #ccc 2px, #ccc 4px);
    background: repeating-linear-gradient(45deg, #fff, #fff 2px, #ccc 2px, #ccc 4px);
}

.sub_index_underline h2, .sub_index_underline h3, .sub_index_underline h4 {
    font-size: 1.125em;
    font-weight: bold;
    padding-bottom: .2em;
    display: inline-block;
    position: relative;
}

.sub_index_underline h2:before, .sub_index_underline h3:before, .sub_index_underline h4:before {
    width: 100%;
    position: absolute;
    bottom: -4px;
    left: 0;
    content: '';
    height: 4px;
    z-index: 2;
    background: #4484b3;
    background: -webkit-gradient(linear, left top, right top, from(#002b5b), to(#4484b3));
    background: linear-gradient(to right, #002b5b, #4484b3);
}

.info_wrap {
    margin-bottom: 20px;
    padding: 10px 20px;
}

.ol_list {
    padding-left: .5em;
}

.ol_list li {
    display: list-item;
    list-style: decimal;
    list-style-position: inside;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.sub_index_underline {
    display: block;
    position: relative;
    margin: .5em 0;
}

.sub_index_underline:before {
    width: 100%;
    display: block;
    position: absolute;
    bottom: -4px;
    left: 0;
    content: '';
    height: 4px;
    background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #ccc 2px, #ccc 4px);
    background: repeating-linear-gradient(45deg, #fff, #fff 2px, #ccc 2px, #ccc 4px);
}

.sub_index_underline h2, .sub_index_underline h3, .sub_index_underline h4 {
    font-size: 1.125em;
    font-weight: bold;
    padding-bottom: .2em;
    display: inline-block;
    position: relative;
}

.mini_index {
    border-left: .5em solid #4484b3;
    font-size: 1.125em;
    padding: 0 .5em 0;
    margin: .5em 0;
    font-weight: bold;
    text-align: left;
}

#campaign .rank_datatable {
    white-space: nowrap;
    text-align: right;
    width: 100%;
}

#comptable table, .comptable table {
    margin-bottom: 0;
}

#comptable tr td.price, .comptable tr td.price {
    background: #ebf2f7;
    font-weight: bold;
    color: inherit;
    text-align: center;
    vertical-align: middle;
}

#comptable td, .comptable td {
    padding: 5px;
    border: solid 1px #cccccc;
    vertical-align: middle;
}

#comptable table {
    border-collapse: collapse;
    border-spacing: 0;
    color: #333333;
    font-size: 100%;
}

#comptable td, .comptable td {
    padding: 5px;
    border: solid 1px #cccccc;
    vertical-align: middle;
}

.tac {
    text-align: center !important;
}

.w120p {
    width: 120px !important;
}

#comptable tr td.price, .comptable tr td.price {
    background: #ebf2f7;
    font-weight: bold;
    color: inherit;
    text-align: center;
    vertical-align: middle;
}

.tpoint {
    margin-top: 20px;
}

.ly_content_wrapper.size_m {
    margin-bottom: 2em;
}

.ly_gutters>.ly_col:first-child {
    margin-left: 0;
}

.ly_gutters>.ly_colsize_7, .ly_gutters>.ly_colsize_7_fix, .ly_gutters_grid>.ly_colsize_7, .ly_gutters_grid>.ly_colsize_7_fix {
    width: 57.5% !important;
}

.ly_col {
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ly_containe:after, .ly_row:after, .ly_col:after, .ly_clr:after, .ly_group:after {
    content: "";
    display: table;
    clear: both;
}

.ly_gutters>.ly_colsize_7, .ly_gutters>.ly_colsize_7_fix, .ly_gutters_grid>.ly_colsize_7, .ly_gutters_grid>.ly_colsize_7_fix {
    width: 57.5% !important;
}

.ly_gutters>.ly_colsize_5, .ly_gutters>.ly_colsize_5_fix, .ly_gutters_grid>.ly_colsize_5, .ly_gutters_grid>.ly_colsize_5_fix {
    width: 40.5% !important;
}

.ly_gutters>.ly_col {
    margin-left: 2%;
}

.ly_col {
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.md_bubbles.md_bubbles_bottom {
    margin-bottom: 9px;
}

.md_bubbles {
    position: relative;
    display: block;
    padding: .5em;
    border-radius: 1em;
    width: auto;
    text-align: center;
    background: #fafafa;
    border: 2px solid #ccc;
}



html {
  -webkit-text-size-adjust: 100%;
  text-align: center;
  color: #333;
  font-size: 16px;
  line-height: 1.75;
  word-break: break-all;
  font-family: Arial, Helvetica, 游ゴシック, YuGothic, "Hiragino Kaku Gothic ProN", 'Noto Sans Japanese', Meiryo, sans-serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-weight: 500;
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: subpixel-antialiased;
  overflow-y: scroll;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0
}

body {
  text-align: center
}

a {
  color: #0737af
}

blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td img, textarea, th, ul {
  margin: 0;
  padding: 0
}

article, aside, details, figure, footer, header, nav, section, summary {
  display: block
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  color: #333333;
  font-size: 100%
}

fieldset, img {
  border: 0;
  vertical-align: middle
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: inherit
}

ol, ul {
  list-style: none
}

.mauto {
  margin: 0 auto
}

caption, th {
  text-align: left
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: inherit
}

q:after, q:before {
  content: ''
}

abbr, acronym {
  border: 0
}

.hikaku-layout {
  font-size: 16px !important;
  display: inherit !important
}

.mk-gab.hikaku-layout .ly_row {
  padding-bottom: inherit;
  display: inherit
}

.mk-gab.hikaku-layout * {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

.ly_content_wrapper {
  margin-bottom: 4em
}

.ly_content_wrapper.size_m {
  margin-bottom: 2em
}

.ly_content_wrapper.size_s {
  margin-bottom: 1em
}

.ly_content_wrapper.size_ss {
  margin-bottom: 0.5em
}

.p5p {
  padding: 5px !important
}

.p10p {
  padding: 10px !important
}

.pt5 {
  padding-top: 5px
}

.pt10 {
  padding-top: 10px
}

.pt20 {
  padding-top: 20px
}

.pt30 {
  padding-top: 30px
}

.pr10 {
  padding-right: 10px
}

.pl20 {
  padding-left: 20px
}

.mbz {
  margin-bottom: 0px !important
}

.mzp {
  margin: 0px !important
}

.mt05, .mt5 {
  margin-top: 5px
}

.mb05 {
  margin-bottom: 5px
}

.mt10 {
  margin-top: 10px
}

.mt15 {
  margin-top: 15px
}

.ml10 {
  margin-left: 10px
}

.ml20 {
  margin-left: 20px
}

.ml100 {
  margin-left: 100px
}

.mb5 {
  margin-bottom: 5px !important
}

.mb10 {
  margin-bottom: 10px !important
}

.mb15 {
  margin-bottom: 15px !important
}

.mr5 {
  margin-right: 5px
}

.mr8 {
  margin-right: 8px
}

.mr15 {
  margin-right: 15px
}

.mr20 {
  margin-right: 20px
}

.pl15 {
  padding-left: 15px
}

.pb30 {
  padding-bottom: 30px
}

.mt20 {
  margin-top: 20px
}

.mb20 {
  margin-bottom: 20px
}

.mt30 {
  margin-top: 30px
}

.mb30 {
  margin-bottom: 30px
}

.mt50 {
  margin-top: 50px
}

.mauto {
  margin: 0 auto
}

.brd1em {
  border-radius: 1em
}

.over_scroll_y {
  overflow-y: scroll
}

.over_scroll_y::-webkit-scrollbar {
  width: 10px
}

.over_scroll_y::-webkit-scrollbar-track {
  background: #dddddd
}

.over_scroll_y::-webkit-scrollbar-thumb {
  background: #cccccc
}

.float-l, .fll {
  float: left
}

.float-r, flr {
  float: right
}

.clear {
  clear: both
}

.clearfix {
  _zoom: 1
}

.clearfix:after {
  content: '';
  display: block;
  clear: both
}

.dptblc {
  display: table-cell;
  vertical-align: middle
}

.fss {
  font-size: 0.75em !important
}

.fsm {
  font-size: 0.875em !important
}

.fsn {
  font-size: 1.125em !important
}

.fsl {
  font-size: 1.25em !important
}

.fsxl {
  font-size: 1.5em !important
}

.fsxxl {
  font-size: 2em !important
}

.fwb {
  font-weight: bold
}

.fwn {
  font-weight: 500
}

.fcgl {
  color: #666 !important
}

.fcgr {
  color: #4e9001 !important
}

.fcyl {
  color: #ffc107 !important
}

.fcwt {
  color: #fff !important
}

.fcrd {
  color: #d43004 !important
}

.fcgld {
  color: #ffd700 !important
}

.fclbl {
  color: #4484b3 !important
}

.fcblk {
  color: #333 !important
}

.fclblk {
  color: #666 !important
}

.fcbl {
  color: #16469f !important
}

.fcmrd {
  color: #DE4830 !important
}

.bggl {
  background-color: #edf1f4 !important
}

.bggr {
  background-color: #00b84f !important
}

.bglbl {
  background-color: #ebf2f7 !important
}

.bgpyl {
  background-color: #ecead4 !important
}

.bgbl {
  background-color: #025592 !important
}

.bgwt {
  background-color: #ffffff !important
}

.bg_no1 {
  background: #fbdeda
}

.bg_no2 {
  background: #fff1aa
}

.bg_no3 {
  background: #dbf0fc
}

.w30p {
  width: 30px !important
}

.w50p {
  width: 50px !important
}

.w80p {
  width: 80px !important
}

.w100p {
  width: 100px !important
}

.w120p {
  width: 120px !important
}

.w160p {
  width: 160px !important
}

.w180p {
  width: 180px !important
}

.w220p {
  width: 220px !important
}

.w310p {
  width: 310px !important
}

.w100per {
  width: 100% !important
}

.h10p {
  height: 10px !important
}

.h30p {
  height: 30px !important
}

.h50p {
  height: 50px !important
}

.h70p {
  height: 70px !important
}

.h100p {
  height: 100px !important
}

.h150p {
  height: 150px !important
}

.mauto {
  margin: auto
}

.md_card {
  margin-bottom: 1em;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 1, 2, 0.1);
  box-shadow: 0 1px 3px 0 rgba(0, 1, 2, 0.1);
  background: #fff;
  border-radius: 3px
}

.wsnw {
  white-space: nowrap
}

.lineh1 {
  line-height: 1
}

.lineh2 {
  line-height: 2
}

span.red {
  color: #E60012;
  font-weight: bold
}

span.underline {
  text-decoration: underline;
  font-weight: bold
}

img {
  border: none
}

.cfx {
  _zoom: 1
}

.cfx:after, .cfx:before {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020"
}

.cfx:after {
  clear: both
}

a {
  text-decoration: none
}

li {
  list-style-type: none
}

.flR, .flr {
  float: right
}

.flL, .fll {
  float: left
}

.txtR {
  text-align: right
}

.txtC {
  text-align: center
}

.txtL {
  text-align: left
}

.nowrap {
  white-space: nowrap
}

.tar {
  text-align: right !important
}

.tal {
  text-align: left !important
}

.tac {
  text-align: center !important
}

.dpn {
  display: none
}

.dptbl {
  display: table !important
}

.dptblc {
  display: table-cell !important
}

.dpbl {
  display: block !important
}

.dpib {
  display: inline-block !important
}

.dpi {
  display: inline !important
}

.uline_blue2 {
  border-bottom: 2px solid #64b5f6
}

.uline {
  border-bottom: 1px solid #ccc
}

.tline {
  border-top: 1px solid #ccc
}

.rline {
  border-right: 1px solid #ccc
}

.lline {
  border-left: 1px solid #ccc
}

.udot {
  border-bottom: 1px dotted #aaa
}

.marker_yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
  background: linear-gradient(transparent 60%, #ff6 60%);
  font-weight: bold
}

table td {
  word-break: break-all
}

.em {
  background: #F4FC6C;
  font-weight: bold;
  text-decoration: underline
}

#KM_CONTENTS_SINGLE {
  text-align: center
}

#KM_CONTENTS_SINGLE #contents {
  margin: 0 auto
}

#KM_TOPICPATH_MAIN, #KM_FOOTER_LEGAL, #KM_CONTENTS_SUBNAVI table {
  text-align: left
}

a {
  text-decoration: none
}

a:hover {
  color: #E60012
}

#contents {
  width: 970px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  position: relative
}

@media (max-width: 634px) {
  #contents {
    width: 100%;
  }
}

#title1, #title2, #title3 {
  width: 970px;
  height: 47px;
  margin: 10px auto;
  color: #333333
}

.comment {
  margin: 10px auto;
  width: 970px
}

.comment p {
  font-size: 14px;
  line-height: 20px
}

.comment span.red {
  color: #e60012;
  font-weight: bold
}

.comment span.black {
  font-weight: bold
}

a.goToOpenAccount {
  display: block;
  width: 214px;
  height: 50px;
  background-image: url("../img/common/btn_kouza.png");
  background-position: center;
  background-repeat: no-repeat
}

a.goToOpenAccount:hover {
  background-image: url("../img/common/btn_kouza_ov.png")
}

#footerSearchByRanking {
  float: left;
  width: 480px
}

#footerIntroOfContent {
  float: left;
  width: 473px;
  height: 255px;
  border: solid 1px #1a489c
}

.contentBack {
  width: 449px;
  height: 61px;
  background-image: url("../img/common/sankaku_2.png");
  background-position: right bottom;
  background-repeat: no-repeat
}

#footerIntroOfContent ul {
  padding-left: 10px;
  margin-top: 9px;
  margin-left: 0
}

#footerIntroOfContent li {
  text-indent: 20px;
  height: 62px;
  width: 450px;
  background-color: #f4fbf5;
  border: solid 1px #005106;
  margin-top: 7px;
  list-style: none
}

#footerIntroOfContent a {
  font-size: 15px;
  cursor: pointer;
  color: #0000ff;
  text-decoration: underline
}

#footerIntroOfContent a:hover {
  color: #E60012
}

#footerIntroOfContent p {
  margin-top: 0;
  font-size: 13px
}

#inPageLink {
  text-align: right
}

#inPageLink a {
  text-decoration: underline;
  font-size: 0.875em
}

#head_link {
  text-shadow: 2px 2px 2px #ffffff;
  border: 2px solid #025592;
  color: #025592;
  border-radius: 10px;
  background-color: #fafafa;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
  background-image: linear-gradient(to bottom, #fafafa, #ddd);
  height: 120px;
  line-height: 120px;
  margin: 20px 0;
  width: 100%;
  font-size: 300%;
  font-weight: bold
}

#head_link .link_inner {
  display: inline-block;
  margin: 0 auto;
  background: url("../img/hikaku/icon_sp.png") no-repeat left center;
  padding-left: 90px
}

#intro .intro {
  padding: 0 0 5px;
  border-bottom: 8px solid #025592;
  margin: 0;
  _zoom: 1
}

#intro .intro:after {
  content: '';
  display: block;
  clear: both
}

#whosevoice {
  width: 970px;
  margin: 0 auto
}

.smallComment {
  line-height: 12px;
  font-size: 12px
}

#summaryLink {
  width: 970px
}

.searchByRanking_summary {
  float: left;
  width: 473px;
  height: 255px;
  margin-right: 8px;
  color: #333333;
  border: solid 1px #1a489c
}

.searchByRanking_summary p {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  line-height: 13px;
  font-size: 13px;
  text-indent: 10px;
  text-align: left
}

.searchByRanking_topbar {
  height: 30px;
  width: 473px;
  background-image: url("../img/top/sub_title_1.png")
}

.searchByRankingList_summary {
  width: 473px;
  height: 190px;
  margin: 0 auto
}

.searchByRankingList_summary ul {
  margin-top: 0;
  margin-bottom: 0
}

.searchByRankingList_summary li {
  text-indent: 50px;
  width: 210px;
  font-size: 15px;
  text-align: left;
  list-style: none;
  float: left;
  background-position: left;
  background-repeat: no-repeat;
  line-height: 45px;
  font-weight: bold
}

.searchByRankingList_summary a {
  cursor: pointer;
  color: #0000ff;
  text-decoration: underline
}

.searchByRankingList_summary a:hover {
  color: #db0011
}

#resultOfQuestionair {
  width: 970px;
  margin: 0 auto
}

#questionairList {
  float: left;
  width: 440px;
  margin-right: 10px
}

#questionairList a {
  text-decoration: underline
}

#questionairTable {
  margin-top: 10px
}

#questionairList table {
  height: 255px;
  border-collapse: collapse;
  border: 1px #b4b4b4 solid
}

#totalRanking {
  margin: 0 auto
}

#rankingMain {
  margin: 0 auto;
  text-align: center;
  width: 970px
}

#rankingMain tr {
  width: 970px
}

td.rankingName {
  width: 200px
}

img.compName {
  height: 65px
}

#characteristicNo1 {
  clear: both;
  margin-top: 10px
}

#featuringNo1 {
  width: 900px
}

#whoIsNo1 {
  text-align: center;
  float: left;
  width: 197px;
  margin-right: 10px;
  height: 170px;
  color: #b22222;
  font-weight: bold;
  font-size: 30px;
  border: 1px solid #1A489C
}

#whoIsNo1 img {
  height: 65px;
  margin: 20px auto 0
}

#whoIsNo1 p {
  margin-bottom: 0;
  background-color: #1A489C;
  color: #ffffff
}

#whoIsNo1 span {
  font-size: 25px
}

#whatIsGood {
  float: left;
  width: 750px
}

#whatIsGood p {
  font-size: 1.25em;
  text-indent: 10px;
  margin-bottom: 0;
  color: #333333
}

#whatIsGood span.big {
  font-weight: bold;
  font-size: 30px
}

#whatIsGood span.greyColor {
  color: #333333
}

#championsComment {
  width: 750px;
  padding: 10px;
  border: 2px solid #b32c11;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff9f1), to(#ffedd4));
  background: linear-gradient(to bottom, #fff9f1, #ffedd4);
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc
}

#championsComment em {
  color: #d00;
  font-size: 1em;
  font-weight: bold
}

#championsComment ol {
  counter-reset: number;
  list-style: none;
  margin: 0;
  padding: 0
}

#championsComment ol li {
  list-style-type: decimal;
  list-style: none;
  line-height: 1.4em;
  margin-bottom: 0.4em
}

#championsComment ol li:last-child {
  margin-bottom: 0em
}

#championsComment ol li:before {
  counter-increment: number;
  content: counter(number);
  background: #d00;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  margin-right: 3px
}

.md_scroll_wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
  border: 1px solid #ccc
}

.md_scroll_wrapper::-webkit-scrollbar {
  height: 10px
}

.md_scroll_wrapper::-webkit-scrollbar-track {
  background: #dddddd
}

.md_scroll_wrapper::-webkit-scrollbar-thumb {
  background: #cccccc
}

.md_scroll_wrapper .md_scroll, .md_scroll_wrapper .md_table {
  width: 100%;
  word-break: break-all
}

.md_scroll_wrapper .md_scroll th, .md_scroll_wrapper .md_scroll td, .md_scroll_wrapper .md_table th, .md_scroll_wrapper .md_table td {
  min-width: 120px
}

.md_table {
  width: 98%;
  background: #fff
}

.md_table td, .md_table th {
  padding: .5em;
  border: 1px solid #a9a9a9;
  text-align: center
}

.md_table th {
  color: #ffffff;
  background-color: #025592
}

.md_table th img {
  display: block;
  margin: 0 auto;
  text-align: center
}

.md_table th.company {
  width: 100px;
  background: #fff;
  padding: 4px 0
}

.md_table th.company span.name {
  font-size: 10px;
  color: #999;
  display: block;
  text-align: center;
  line-height: 10px
}

.md_table th.company span.name a {
  color: #999
}

.md_table th.company img {
  width: 100px
}

.md_table td.txtC {
  vertical-align: bottom
}

.md_table td.column0 {
  vertical-align: top;
  border-top: none;
  border-bottom: none;
  width: 100px;
  text-align: left;
  color: #ffffff;
  background-color: #3262bb
}

.md_table td.column0_w {
  vertical-align: top;
  border-right: solid 1px #a9a9a9;
  border-left: solid 1px #a9a9a9;
  border-top: none;
  border-bottom: none;
  width: 200px;
  text-align: left;
  color: #ffffff;
  background-color: #3262bb
}

.md_table td.column0 p {
  color: #ffffff
}

.md_table td.column1 {
  text-align: center;
  border: solid 1px #a9a9a9;
  border-collapse: collapse
}

.md_table td.md_point {
  width: 95.0px;
  text-align: center;
  color: #000000;
  background-color: #ffffff;
  font-size: 1.5em
}

.md_table td.md_point_1 {
  width: 95.0px;
  text-align: center;
  color: #b22222;
  background-color: #ffffff;
  font-size: 1.5em
}

.md_table td.md_point_2 {
  width: 95.0px;
  text-align: center;
  color: #0000CD;
  background-color: #ffffff;
  font-size: 1.5em
}

.md_table td.no1, .md_table td.best {
  background: #ffccbc
}

.md_table td.no2, .md_table td.better {
  background: rgba(255, 204, 188, 0.5)
}

.md_table td.no3, .md_table td.good {
  background: rgba(255, 204, 188, 0.2)
}

.md_table.theme_vertical {
  border-bottom: 3px solid #3262bb
}

.md_table.theme_horizontal {
  border-right: 3px solid #3262bb
}

.md_table.is_fixed {
  table-layout: fixed
}

#summaryTable, .summaryTable {
  margin-top: 5px;
  width: 100%;
  font-size: 0.875em
}

#summaryTable h3, .summaryTable h3 {
  font-size: 15px;
  font-weight: bold;
  padding: 5px 10px;
  margin-top: 20px;
  background-color: #3262bb;
  color: #fff
}

#summaryTable td, .summaryTable td {
  border: 1px solid #a9a9a9;
  word-wrap: break-word
}

#summaryTable th, .summaryTable th {
  border: 1px solid #a9a9a9;
  border-bottom: 3px solid #3262bb
}

#summaryTable td.txtC {
  vertical-align: bottom
}

#summaryTable th img {
  display: block;
  margin: 0 auto;
  text-align: center
}

.summaryTable th img {
  display: block;
  margin: 0 auto;
  text-align: center
}

#summaryTable table, .summaryTable table {
  border-collapse: collapse;
  width: 100%
}

#summaryTable table tbody, #summaryTable table tfoot, #summaryTable table thead {
  width: 100%
}

#summaryTable td.column0 {
  vertical-align: top;
  border-top: none;
  border-bottom: none;
  width: 100px;
  text-align: left;
  color: #ffffff;
  background-color: #3262bb
}

#summaryTable td.column0_w {
  vertical-align: top;
  border-right: solid 1px #a9a9a9;
  border-left: solid 1px #a9a9a9;
  border-top: none;
  border-bottom: none;
  width: 200px;
  text-align: left;
  color: #ffffff;
  background-color: #3262bb
}

#summaryTable td.column0 p {
  color: #ffffff
}

#summaryTable td.column1 {
  text-align: center;
  border: solid 1px #a9a9a9;
  border-collapse: collapse
}

td.column2, td.column3, td.column4, td.column5, td.column6, td.column7, td.column8, td.column9 {
  text-align: center;
  border: solid 1px #a9a9a9;
  border-collapse: collapse
}

#summaryTable tbody td, .summaryTable tbody td {
  text-align: center;
  border: solid 1px #a9a9a9;
  border-collapse: collapse;
  width: 80px
}

#summaryTable tbody th, .summaryTable tbody th {
  vertical-align: top;
  border: solid 1px #a9a9a9;
  text-align: left;
  color: #ffffff;
  background-color: #3262bb
}

#summaryTable tbody th.noborder_top {
  border-top: none 0
}

#summaryTable th.company {
  width: 100px;
  background: #fff;
  padding: 4px 0
}

#summaryTable th.company span.name {
  font-size: 10px;
  color: #999;
  display: block;
  text-align: center;
  line-height: 10px
}

#summaryTable th.company span.name a {
  color: #999
}

#summaryTable th.company img {
  width: 100px
}

#summaryTable tr td.best {
  background-color: #ffa44a
}

#summaryTable tr td.better {
  background-color: #fff2d9
}

#summaryTable tr td.good {
  background-color: #FFFACD
}

#summaryTable.chart tbody td {
  text-align: center;
  border: solid 1px #a9a9a9;
  border-collapse: collapse;
  width: 80px
}

#summaryTable.chart tbody th {
  vertical-align: top;
  border: solid 1px #a9a9a9;
  text-align: left;
  color: #ffffff;
  background-color: #3262bb
}

#summaryTable.chart th.company {
  width: 80px;
  background: #fff
}

#summaryTable.chart th.company img {
  width: 80px
}

p.heigher {
  vertical-align: top;
  cursor: pointer;
  float: right;
  color: #333333;
  font-weight: bold;
  text-decoration: underline
}

p.heigher:hover {
  color: #808080
}

#scoreSummary {
  margin: 0 auto;
  width: 970px
}

#scoreSummary p {
  float: right;
  line-height: 20px
}

#scoreSummary table {
  clear: both;
  width: 970px
}

#scoreSummary th {
  width: 200px
}

.characteristicContent {
  width: 900px;
  margin: 5px auto 0
}

.characteristicCompany {
  width: 100px;
  float: left
}

.characteristicComment {
  width: 800px;
  height: 104px;
  float: left;
  background-image: url("../img/characteristicComment.png");
  background-repeat: no-repeat
}

.characteristicComment p {
  font-size: 17px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 5px
}

#columnIframe {
  margin-top: 10px
}

#popComb a {
  color: #0000ff;
  text-decoration: underline
}

#popComb a:hover {
  color: #db0011
}

#summaryTable td.clm_l {
  width: 95.55555555555556px;
  text-align: left;
  color: #000000;
  background-color: #ffffff
}

#summaryTable td.clm_c {
  width: 95.55555555555556px;
  text-align: center;
  color: #000000;
  background-color: #ffffff
}

#summaryTable td.clm_r {
  width: 95.55555555555556px;
  text-align: right;
  color: #000000;
  background-color: #ffffff
}

#summaryTable td.clm_r_avr {
  width: 95.55555555555556px;
  text-align: right;
  color: #000000;
  background-color: #fff2d9
}

#summaryTable td.clm_r_no1 {
  width: 95.55555555555556px;
  text-align: right;
  color: #000000;
  background-color: #ffff99
}

#summaryTable td.clm_l_best {
  width: 95.55555555555556px;
  color: #000000;
  background-color: #ffa44a
}

#summaryTable td.clm_c_better {
  width: 95.55555555555556px;
  text-align: center;
  color: #000000;
  background-color: #FFFACD
}

#summaryTable td.clm_c_avr {
  width: 95.55555555555556px;
  text-align: center;
  color: #000000;
  background-color: #fff2d9
}

#summaryTable td.clm_l_avr {
  width: 95.55555555555556px;
  text-align: left;
  color: #000000;
  background-color: #fff2d9
}

#summaryTable td.point {
  width: 95.55555555555556px;
  text-align: center;
  color: #000000;
  background-color: #ffffff;
  font-size: 30px
}

#summaryTable td.point_1 {
  width: 95.55555555555556px;
  text-align: center;
  color: #b22222;
  background-color: #ffffff;
  font-size: 30px
}

#summaryTable td.point_2 {
  width: 95.55555555555556px;
  text-align: center;
  color: #0000CD;
  background-color: #ffffff;
  font-size: 30px
}

#summaryTable td.md_clm_l {
  width: 95.0px;
  text-align: left;
  color: #000000;
  background-color: #ffffff
}

#summaryTable td.md_clm_c {
  width: 95.0px;
  text-align: center;
  color: #000000;
  background-color: #ffffff
}

#summaryTable td.md_clm_r {
  width: 95.0px;
  text-align: right;
  color: #000000;
  background-color: #ffffff
}

#summaryTable td.md_clm_r_avr {
  width: 95.0px;
  text-align: right;
  color: #000000;
  background-color: #fff2d9
}

#summaryTable td.md_clm_r_no1 {
  width: 95.0px;
  text-align: right;
  color: #000000;
  background-color: #ffff99
}

#summaryTable td.md_clm_c_best {
  width: 95.0px;
  text-align: center;
  color: #000000;
  background-color: #ffa44a
}

#summaryTable td.md_clm_l_best {
  width: 95.0px;
  text-align: left;
  color: #000000;
  background-color: #ffa44a
}

#summaryTable td.md_clm_c_avr {
  width: 95.0px;
  text-align: center;
  color: #000000;
  background-color: #fff2d9
}

#summaryTable td.md_clm_l_avr {
  width: 95.0px;
  text-align: left;
  color: #000000;
  background-color: #fff2d9
}

#summaryTable td.md_point {
  width: 95.0px;
  text-align: center;
  color: #000000;
  background-color: #ffffff;
  font-size: 30px
}

#summaryTable td.md_point_1 {
  width: 95.0px;
  text-align: center;
  color: #b22222;
  background-color: #ffffff;
  font-size: 30px
}

#summaryTable td.md_point_2 {
  width: 95.0px;
  text-align: center;
  color: #0000CD;
  background-color: #ffffff;
  font-size: 30px
}

#summaryTable td.col10 {
  height: 0;
  border: solid 1px #000000;
  padding: 0
}

#totalRanking tr.bk_gray {
  background-color: #f7f7f7
}

#totalRanking .bk_white {
  background-color: #ffffff
}

#summaryTable .border_type1 {
  border-right: solid 1px #000000;
  border-bottom: 3px solid #3262bb
}

#summaryTable .border_type2 {
  border-top: solid 1px #000000;
  border-bottom: 3px solid #3262bb;
  border-right: none
}

#summaryTable .border_type3 {
  border-top: solid 1px #000000;
  border-bottom: 3px solid #3262bb;
  border-left: none
}

#summaryTable .sell_hid {
  height: 70px;
  overflow: hidden
}

#summaryTable .point_h {
  font-size: 30px
}

#totalRanking .bk_img {
  height: 25px;
  background-color: #fda85c;
  background-image: url("../img/common/ranking/graph_2.png");
  background-position: left;
  background-repeat: no-repeat;
  margin-top: 0
}

.includedMenu {
  font-size: 0.938em;
  text-align: center;
  position: relative;
  border: 1px solid #ccc;
  z-index: 10000
}

.includedMenu>ul {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0
}

.includedMenu>ul>li {
  display: table-cell;
  min-width: 100px;
  font-size: .93em;
  font-weight: bold
}

.includedMenu>ul>li.top {
  min-width: 160px
}

.includedMenu .current_m {
  background-color: #1a489c
}

.includedMenu li {
  list-style: none;
  text-align: center;
  font-size: 100%;
  border-right: solid 1px #dddddd;
  line-height: 40px;
  height: 40px;
  background: #eee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee));
  background-image: linear-gradient(#fafafa, #eee)
}

.includedMenu li:hover {
  background-color: #1a489c
}

.includedMenu li:last-child {
  border-right: none
}

.includedMenu li ul li:last-child {
  border-right: solid 1px #dddddd;
  border-bottom: none
}

.includedMenu li.active, .includedMenu li:hover {
  color: #ffffff;
  font-weight: bold
}

.includedMenu li.active a, .includedMenu li:hover a {
  color: #ffffff;
  font-weight: bold
}

.includedMenu li span {
  font-size: 0.8em
}

.includedMenu a {
  display: inline-block;
  height: 40px;
  cursor: pointer;
  line-height: 40px;
  color: #1a489c
}

.includedMenu li.active, .includedMenu li:hover {
  color: #fff;
  background: #025592
}

.includedMenu li ul {
  display: none;
  z-index: 9999;
  position: absolute;
  border: solid 1px #dddddd;
  border-right: none
}

.includedMenu li ul li {
  margin: 0;
  padding: 0;
  width: 100px;
  float: none;
  background: #eee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee));
  background-image: linear-gradient(#fafafa, #eee);
  height: 30px;
  line-height: 30px;
  border-bottom: solid 1px #dddddd
}

.includedMenu li ul li a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  color: #1a489c;
  font-weight: 500
}

.includedMenu li.active ul li a, .includedMenu li:hover ul li a {
  color: #1a489c;
  font-weight: 500
}

.includedMenu li ul li a:hover, .includedMenu li ul li.active a {
  color: #fff
}

.index_area {
  padding: .5em;
  font-size: 12px;
  text-align: left;
  background-color: transparent;
  background: #eee;
  border-top: 1px solid #ddd
}

.index_area h1 {
  color: #666
}

.cfx {
  zoom: 1
}

.cfx:after, .cfx:before {
  display: block;
  height: 0;
  visibility: hidden;
  content: "＼0020"
}

.cfx:after {
  clear: both
}

#summaryOfProducts .loadingBox {
  text-align: center;
  margin: 10px 0
}

#summaryOfProducts .loadingBox img {
  width: 20px;
  height: 20px
}

#top-company-list {
  margin: 20px 0
}

#top-company-list .loadingBox {
  text-align: center
}

#top-fee-list .loadingBox {
  text-align: center
}

.p1 #comptable td.total_td {
  background: #9f0606;
  color: #fff
}

.p1 #comptable td.title {
  color: white;
  background: #1a489c;
  text-align: left;
  vertical-align: middle
}

.p1 #comptable tr td.best {
  background-color: #ffa44a
}

.p1 #comptable tr td.better {
  background-color: #fff2d9
}

.p1 #comptable tr td.good {
  background-color: #FFFACD
}

#comptable, .comptable {
  margin: 10px 0 30px
}

#comptable h3, .comptable h3 {
  font-size: 15px;
  font-weight: bold;
  padding: 5px 10px;
  margin-top: 20px;
  background-color: #025592;
  color: #fff
}

#comptable h3.total_point, .comptable h3.total_point {
  background-color: #fff;
  color: #D00;
  font-size: 18px;
  margin: 0;
  padding: 5px 0
}

#comptable table, .comptable table {
  margin-bottom: 0
}

#comptable td, .comptable td {
  padding: 5px;
  border: solid 1px #cccccc;
  vertical-align: middle
}

#comptable td.title, .comptable td.title {
  color: white;
  background: #1a489c;
  text-align: left;
  vertical-align: middle
}

#comptable th, .comptable th {
  border: solid 1px #cccccc;
  vertical-align: middle
}

#comptable td.company, .comptable td.company {
  border-right: 2px solid #025592
}

#comptable tr.company td, .comptable tr.company td {
  border-bottom: 2px solid #025592
}

#comptable .company img, .comptable .company img {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 100px
}

#comptable .company span.name, .comptable .company span.name {
  font-size: 10px;
  color: #999;
  display: block;
  text-align: center;
  line-height: 10px
}

#comptable .company span.name a, .comptable .company span.name a {
  color: #999
}

#comptable .company_logo img, .comptable .company_logo img {
  display: block;
  margin: 0 auto;
  text-align: center
}

#comptable tr.rank, .comptable tr.rank {
  font-size: 23px
}

#comptable tr td.no1, .comptable tr td.no1 {
  color: red;
  background: #ffff99;
  font-weight: bold
}

#comptable tr td.no2, .comptable tr td.no2 {
  color: #3262bb
}

#comptable tr td.price, .comptable tr td.price {
  background: #ebf2f7;
  font-weight: bold;
  color: inherit;
  text-align: center;
  vertical-align: middle
}

#comptable tr th, .comptable tr th {
  background: #ebf2f7;
  font-weight: bold;
  color: inherit;
  text-align: center;
  vertical-align: middle
}

#comptable tr th.hyouka, .comptable tr th.hyouka {
  background: #ebf2f7;
  font-weight: bold;
  color: inherit;
  text-align: center;
  vertical-align: middle
}

#comptable tr td.subtitle, .comptable tr td.subtitle {
  text-align: left;
  background: #cbe0f0;
  font-weight: bold
}

#comptable tr td.best, .comptable tr td.best {
  background-color: #ffa44a
}

#comptable tr td.better, .comptable tr td.better {
  background-color: #fff2d9
}

#comptable tr td.good, .comptable tr td.good {
  background-color: #FFFACD
}

#comptable #scoreSummary, .comptable #scoreSummary {
  margin-top: 10px;
  margin-bottom: 40px
}

#comptable #scoreSummary .rule, .comptable #scoreSummary .rule {
  float: left;
  padding: 2px;
  margin-right: 30px
}

#comptable #scoreSummary .best, .comptable #scoreSummary .best {
  float: left;
  padding: 2px;
  margin-right: 30px;
  background-color: #ffa44a
}

#comptable #scoreSummary .better, .comptable #scoreSummary .better {
  float: left;
  padding: 2px;
  margin-right: 30px;
  background-color: #fff2d9
}

#comptable #scoreSummary .good, .comptable #scoreSummary .good {
  float: left;
  padding: 2px;
  margin-right: 30px;
  background-color: #FFFACD
}

#comptable #scoreSummary .update, .comptable #scoreSummary .update {
  float: right
}

.cmt_no1 {
  font-size: 15px;
  background: #ffff99;
  color: #d00;
  font-weight: bold
}

#title1.normal, #title2, #title3, .title2, .title3 {
  background: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background-image: linear-gradient(#fff, #eee);
  background-repeat: repeat;
  color: #333333;
  border: solid 1px #bbbbbb;
  width: 970px;
  margin: 5px auto;
  font-weight: bold
}

#title1.normal h2, #title2 h2, #title3 h2, .title2 h2, .title3 h2 {
  text-align: left;
  font-size: 1.25em;
  border-left: solid 10px red;
  margin: 8px 15px;
  padding: 0 0 0 10px
}

#totalRanking {
  margin: 10px 0 30px
}

#totalRanking td, #totalRanking th {
  border: solid 1px #333333
}

#totalRanking tr {
  height: 50px
}

#totalRanking tr .rank {
  font-weight: bold;
  font-size: 1.25em;
  text-align: center;
  color: #666
}

#totalRanking td.rank {
  height: 100px;
  width: 80px;
  background-position: 10px center;
  background-repeat: no-repeat
}

#totalRanking td.name {
  background: #ffffff;
  vertical-align: middle
}

#totalRanking td.name a img {
  margin: 10px
}

#totalRanking td.point {
  text-align: center;
  width: 240px;
  padding: .5em;
  vertical-align: middle
}

#totalRanking td.point .valuewrap:after {
  clear: both;
  content: "";
  display: block
}

#totalRanking td.point .value {
  padding-left: 10px;
  font-size: 2em;
  float: left;
  font-weight: bold;
  color: #1a489c;
  text-shadow: 1px 1px 1px #ccc
}

#totalRanking td.point span.ten {
  font-size: .5em
}

#totalRanking td.point .starnum {
  float: right;
  padding-top: 15px
}

#totalRanking td.cont {
  padding: .5em;
  position: relative;
  vertical-align: middle
}

#totalRanking td.cont em {
  font-size: 15px;
  color: #d00
}

#totalRanking .btn_area {
  position: absolute;
  bottom: 0;
  right: 0
}

#totalRanking .btn_area:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7
}

#totalRanking .btn_area .link_area {
  background: #1a489c;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  position: relative;
  text-align: center;
  min-width: 155px;
  font-size: 0.938em
}

#totalRanking .btn_area .link_area.itf {
  min-width: 200px
}

#totalRanking .btn_area .link_area:after {
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  border-bottom: 0 solid transparent;
  border-right: 13px solid #1a489c;
  border-top: 25px solid transparent;
  bottom: 0;
  right: 100%
}

#totalRanking .btn_area .link_area a {
  color: #ffffff
}

#totalRanking .btn_area .link_area a .small {
  font-size: 0.75em;
  vertical-align: inherit
}

#characteristicNo1 #whoIsNo1 {
  float: left;
  text-align: center;
  font-size: 1.25em;
  color: firebrick;
  font-weight: bold;
  width: 190px;
  margin-right: 10px;
  height: 145px;
  border: 1px solid #1A489C
}

#characteristicNo1 #whoIsNo1 span {
  font-size: 18px
}

#characteristicNo1 #whatIsGood span {
  font-weight: bold;
  font-size: 30px
}

#characteristicNo1 #Top {
  height: 15px;
  background-image: url("../img/common/waku_1.png");
  background-repeat: no-repeat
}

#characteristicNo1 #Cont {
  width: 740px;
  margin: 0 auto
}

#characteristicNo1 #Cont ol {
  font-size: 18px;
  margin-left: 40px
}

#characteristicNo1 #Cont li {
  padding: 2px;
  list-style-type: decimal
}

#characteristicNo1 #Bottom {
  height: 15px;
  background-image: url("../img/common/waku_3.png");
  background-repeat: no-repeat
}

#officialcomment {
  width: 966px;
  margin: 0 auto 30px;
  border: solid 2px #cccccc
}

#officialcomment .topimg {
  position: relative;
  height: 2.5em;
  line-height: 2.5em;
  width: 100%;
  font-weight: bold;
  color: #666;
  background-color: #ccc;
  background-size: 4px 4px;
  background-image: -webkit-linear-gradient(135deg, #eee 30%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.2) 50%, #eee 50%, #eee 80%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.2));
  text-shadow: blue;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#officialcomment .topimg img {
  margin: 6px 8px;
  width: 25px;
  height: 25px
}

#officialcomment p {
  padding: 20px 15px 10px
}

i.ico {
  position: relative;
  display: inline-block
}

i.loupe, i.checkbox {
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative
}

i.loupe:before, i.loupe:after {
  content: '';
  height: 12px;
  position: absolute;
  top: 2.5px;
  left: 4px
}

i.loupe:before {
  width: 13px;
  border: 3px #fff solid;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%
}

i.loupe:after {
  width: 3.5px;
  background: #fff;
  border-radius: 2px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  top: 15.5px;
  left: 21px
}

i.checkbox:after {
  content: '';
  height: 21px;
  width: 4px;
  display: block;
  background: #fff;
  position: absolute;
  top: 3px;
  left: 15px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg)
}

i.checkbox:before {
  content: '';
  height: 21px;
  width: 4px;
  display: block;
  background: #fff;
  position: absolute;
  top: 3px;
  left: 15px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  height: 10px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  top: 11px;
  left: 5px
}

i.plus:before, i.plus:after {
  display: block;
  content: '';
  width: 7px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 10px;
  position: absolute;
  top: 25px;
  left: 21px
}

i.plus:before {
  width: 40px;
  height: 7px;
  top: 41px;
  left: 5px
}

.recommendWrap {
  float: left;
  color: #333333;
  border: solid 2px #025592;
  background-repeat: no-repeat;
  background-position: top;
  width: 966px
}

.recommendWrap ul {
  padding: 10px
}

.recommendWrap li:before {
  display: inline-block;
  content: "";
  margin-bottom: 2px;
  border-width: 3px 5px 3px 6px;
  border-style: solid;
  border-color: transparent transparent transparent #900
}

.summaryLink {
  display: inline-block
}

.recommendWrap p.title {
  position: relative;
  height: 30px;
  line-height: 30px;
  width: 100%;
  color: #ffffff;
  background-color: #4484b3;
  background-size: 4px 4px;
  background-image: -webkit-linear-gradient(135deg, #4484b3 30%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.2) 50%, #4484b3 50%, #4484b3 80%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.2));
  background-size: 4px 4px;
  text-shadow: blue;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.recommendWrap p.title:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  border-top: 8px solid #025592;
  border-right: 23px solid #025592;
  border-bottom: 8px solid transparent;
  border-left: 23px solid transparent
}

#disclaimer p {
  padding-bottom: 10px;
  font-size: 0.875em
}

#page-top {
  position: fixed;
  bottom: 0;
  right: 20px;
  z-index: 1000
}

#page-top a {
  position: fixed;
  z-index: 10000;
  bottom: 0;
  right: 1%;
  background: #025592;
  background-size: 100%;
  background-image: linear-gradient(-45deg, #025592 30%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.2) 50%, #025592 50%, #025592 80%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.2));
  background-size: 4px 4px;
  text-align: center;
  width: 120px;
  height: 45px;
  padding: 5px 10px;
  border-radius: 2px 2px 0 0;
  color: #fff
}

#page-top a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: .8;
  opacity: .8
}

.difference_hyo td {
  width: 33%
}

.difference_hyo td, .difference_hyo th {
  vertical-align: middle;
  border-bottom: 1px solid #ccc
}

.difference_hyo th {
  background: #eaf1f7
}

.difference_hyo th.item {
  text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px
}

.difference_hyo th.item span {
  text-shadow: none
}

.difference_hyo table {
  position: relative;
  margin: 0;
  border: solid 1px #cccccc;
  width: 100%
}

.difference_hyo table caption {
  position: relative;
  width: 100%;
  color: #ffffff;
  font-weight: bold;
  height: 38px;
  line-height: 38px;
  background: #025592;
  background-size: 100%;
  background-image: linear-gradient(-45deg, #025592 30%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.2) 50%, #025592 50%, #025592 80%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.2));
  background-size: 4px 4px
}

.difference_hyo table caption:before {
  bottom: -20px;
  left: 49%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #025592;
  border-width: 10px 8px;
  margin-left: -4px
}

.difference_hyo table thead {
  font-weight: bold;
  background-color: rgba(68, 132, 179, 0.4);
  color: #025592
}

.difference_hyo table tbody {
  color: #1a489c;
  font-weight: bold
}

.difference_hyo table tbody tr.fee {
  color: #ce6548
}

#intro {
  position: relative;
  margin-bottom: 1em
}

#intro dl dt {
  background-color: #025592;
  background: -webkit-gradient(linear, left top, right top, from(#025592), to(#002b5b));
  background: linear-gradient(to right, #025592, #002b5b);
  border-bottom: 3px #002b5b solid;
  padding: 0 .5em;
  border-bottom: 3px solid #002b5b;
  position: relative;
  color: #fff;
  font-size: 1.25em;
  line-height: 40px
}

#intro .subtitle {
  border-bottom: #e8e8e8 5px solid;
  padding: 0;
  background: #FFF;
  color: #16469f;
  font-weight: bold;
  font-size: 1.5em
}

#intro dl dd {
  float: left
}

#intro dl dd.text {
  text-align: left;
  margin: 10px 0
}

#intro .intro .text {
  width: 560px
}

#intro dl.top dd.text {
  width: 970px
}

#intro dl dd.photo {
  width: 410px;
  height: auto;
  text-align: right
}

#intro .photo img {
  vertical-align: bottom
}

#intro .text h3 {
  font-weight: bold;
  font-size: 15px;
  color: #16469f;
  margin-bottom: 5px
}

#intro dl dd.difference .index span {
  font-size: 10px;
  vertical-align: top;
  margin-right: 10px
}

#intro .text em {
  font-weight: bold
}

#intro2 {
  position: relative
}

#intro2 h1.title, #intro2 h2.title {
  margin-top: 5px;
  background: url("../img/hikaku/intro_title_i.png") no-repeat bottom left;
  padding: 20px 0 0 95px;
  color: #002b5b;
  font-weight: bold;
  font-size: 35px;
  text-shadow: 1px 1px 1px #ccc
}

#intro2 dl {
  text-shadow: 1px 1px 1px #eee;
  text-shadow: 1px 1px 1px #eee
}

#intro2 dl dt {
  border-bottom: #e8e8e8 5px solid;
  padding: 0;
  background: #FFF;
  color: #16469f;
  font-weight: bold;
  font-size: 26px
}

#intro2 dl dd.text {
  width: 970px;
  text-align: left;
  padding: 10px 0;
  font-size: 14px;
  background: url("../img/hikaku/intro_top_p6.png") no-repeat right center
}

#intro2 dl dd.text .index {
  font-weight: bold;
  font-size: 15px;
  color: #16469f;
  padding: 2px 35px;
  background: url("../img/hikaku/icon_pc.png") no-repeat left center
}

#intro2 dl dd.text h3 {
  font-weight: bold;
  font-size: 15px;
  color: #16469f;
  margin-bottom: 5px
}

#intro2 dl dd.text .index span {
  font-size: 10px;
  vertical-align: top;
  margin-right: 10px
}

#intro2 dl dd.text em {
  color: #16469f;
  font-weight: bold
}

.intro_s h1, .intro_s h2 {
  height: 50px;
  margin-top: 5px;
  background: url("/images_pc/columns/pen_icon.png") no-repeat bottom left;
  padding: 10px 0 0 60px;
  text-align: left;
  line-height: 50px;
  font-size: 24px;
  font-weight: bold;
  border-bottom: #e8e8e8 3px solid;
  text-shadow: 1px 1px 1px #ccc
}

.intro_s h1 em, .intro_s h2 em {
  font-weight: bold;
  font-size: 1.3em
}

.intro_s .data .left {
  float: left;
  margin: 10px 0;
  width: 250px;
  padding: 0;
  text-align: center
}

.intro_s .data .left img {
  width: 100%;
  height: auto
}

.intro_s dl dt {
  float: right;
  font-size: 1.25em;
  padding: 5px 0;
  margin-top: 10px;
  background: #FFF;
  font-weight: bold;
  width: 700px;
  color: #104A8E
}

.intro_s .data .right {
  float: right;
  width: 700px;
  padding-top: 0;
  text-align: left
}

#toppagenav {
  z-index: 9999;
  width: 100%;
  font-size: .93em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

#toppagenav ul li {
  position: relative;
  border-right: solid 1px #ccc
}

#toppagenav ul li a {
  display: block;
  background: #fafafa;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background-image: linear-gradient(#fff, #eee);
  color: #015491;
  text-align: center;
  padding: .5em 0;
  font-weight: bold
}

#toppagenav ul li:nth-of-type(1) {
  border-bottom: 1em solid #4db6ac;
  border-left: solid 1px #ccc
}

#toppagenav ul li:nth-of-type(2) {
  border-bottom: 1em solid #9ccc65
}

#toppagenav ul li:nth-of-type(3) {
  border-bottom: 1em solid #c9d828
}

#toppagenav ul li:nth-of-type(4) {
  border-bottom: 1em solid #ffd54f
}

#toppagenav ul li:nth-of-type(5) {
  border-bottom: 1em solid #ffb74d
}

#toppagenav ul li:nth-of-type(6) {
  border-bottom: 1em solid #ff8a65
}

#toppagenav ul li:after {
  position: absolute;
  bottom: -1.25em;
  left: 50%;
  margin-left: -.5em;
  width: 1em;
  display: block;
  content: "\e708";
  font-family: 'icomoon' !important;
  color: #fff;
  font-weight: bold
}

#toppagenav ul li:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  color: #4484b3
}

.rankwrap {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(95%, transparent), color-stop(5%, #ddd)), -webkit-gradient(linear, left top, right top, color-stop(95%, transparent), color-stop(5%, #ddd));
  background-image: linear-gradient(transparent 95%, #ddd 5%), linear-gradient(90deg, transparent 95%, #ddd 5%);
  background-size: 12px 12px;
  background-repeat: repeat;
  position: relative;
  border: 3px solid #ccc;
  border-radius: 1em;
  margin: 1em 0 3em
}

#ranking .howto {
  background: url("../img/hikaku/howto_bg2.png") repeat-x;
  padding-top: 15px;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC
}

#ranking .howto .chart {
  background: url("../img/hikaku/howto_chart.png") no-repeat center top 164px;
  background-size: 32%
}

#ranking .howto .howto-t {
  width: 320px;
  margin: 0 auto;
  text-align: center;
  color: #002b5b;
  font-size: 22px;
  text-shadow: 1px 1px 1px #ccc
}

#ranking .howto .first, #ranking .howto .third {
  margin: 10px 0 0 0
}

#ranking .howto .second .bottom {
  margin-top: 266px
}

#ranking .howto .howto_card {
  width: 260px;
  padding: 10px;
  margin: 10px auto 0;
  background: #FFF;
  border: 1px solid #025592;
  border-radius: 6px;
  zoom: 1;
  position: relative;
  -webkit-box-shadow: 0 1px 1px 1px rgba(153, 153, 153, 0.3);
  box-shadow: 0 1px 1px 1px rgba(153, 153, 153, 0.3)
}

#ranking .howto .middle .howto_index {
  width: 220px
}

#ranking .howto .howto_index {
  font-weight: bold;
  border-bottom: 1px solid #CCC
}

#ranking .howto .howto_index a {
  color: #025592
}

#ranking .howto .howto_index a:hover {
  color: #3493d0
}

#ranking .howto .howto_index span {
  position: relative;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  width: 22px;
  border-radius: 3px;
  margin: 0 8px 4px 0;
  background-color: #4484b3;
  border: 1px solid #025592;
  font-size: 14px;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  z-index: 0
}

#ranking .howto p {
  width: 100%;
  margin-top: 5px;
  font-size: 0.875em
}

#ranking .howto .cap {
  text-align: right;
  color: #666666;
  margin: 5px 0 5px 0;
  font-size: 0.75em
}

ul.rank-tbar {
  background: #0f2753;
  background: linear-gradient(135deg, #0f2753 0%, #0f2753 60%, #0f2753 60%, #005491 60%, #005491 65%, #005491 65%, #005491 65%, #fff 75%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2753', endColorstr='#ffffff', GradientType=1);
  background-color: #fff;
  height: 70px;
  border-radius: 1em 1em 0 0
}

ul.rank-tbar li {
  min-height: 1em;
  float: left
}

ul.rank-tbar li.icon {
  width: 120px;
  padding-left: 10px
}

ul.rank-tbar li.icon img {
  position: absolute;
  z-index: 1;
  top: -1em
}

ul.rank-tbar li.icon2 {
  width: 105px;
  padding-left: 25px
}

ul.rank-tbar li.txt {
  text-align: left;
  line-height: 70px;
  color: #FFF;
  font-size: 2em;
  font-weight: bold;
  width: 570px
}

ul.rank-tbar li.txt a {
  color: #FFF
}

ul.rank-tbar li.txt a:hover {
  color: #489dd4
}

ul.rank-tbar li.logo {
  text-align: right;
  padding-right: 15px;
  width: 245px
}

.rank {
  padding: 1em
}

ul.hyoka {
  clear: both
}

ul.hyoka li {
  float: left
}

ul.hyoka li.banner {
  padding: .5em;
  background: #FFF;
  width: 475px;
  text-align: center
}

ul.hyoka li.ten, ul.hyoka li.kanji {
  width: 200px;
  text-align: center
}

ul.hyoka li.star, ul.hyoka li.shukanji {
  width: 200px;
  text-align: center
}

ul.hyoka li.ten p, ul.hyoka li.star p, ul.hyoka li.kanji p, ul.hyoka li.shukanji p {
  background-color: #0f2b5e;
  color: #fff;
  border-radius: 1em;
  width: 80%;
  margin: 0 auto;
  font-size: .93em
}

ul.hyoka li.ten span.fig, ul.hyoka li.star span.fig, ul.hyoka li.ten span.fig, ul.hyoka li.kanji span.fig, ul.hyoka li.shukanji span.fig {
  color: #d43004;
  font-weight: bold;
  font-size: 50px
}

ul.hyoka li.ten span.fig, ul.hyoka li.kanji span.fig, ul.hyoka li.shukanji span.fig {
  line-height: 50px
}

ul.hyoka li.ten span.ten, ul.hyoka li.kanji span.kanji, ul.hyoka li.shukanji span.shukanji {
  color: #002b5b;
  font-weight: bold;
  font-size: 24px;
  vertical-align: bottom;
  line-height: 36px
}

.com_data_table thead th {
  border-bottom: 2px solid #025592
}

.com_data_table th {
  background: #e8f0f7;
  border: 1px #ccc solid;
  padding: 5px 3px;
  text-align: center;
  position: relative
}

.com_data_table td {
  border: 1px #ccc solid;
  padding: 5px 3px;
  text-align: center;
  position: relative
}

table.com_data_table {
  width: 100%;
  font-size: 14px;
  margin: 10px 0
}

.ol_list {
  padding-left: .5em
}

.ol_list li {
  display: list-item;
  list-style: decimal;
  list-style-position: inside
}

.ol_list li h1, .ol_list li h2, .ol_list li h3, .ol_list li h4, .ol_list li h5, .ol_list li h6, .ol_list li div {
  display: inline
}

.ul_list {
  padding-left: .5em
}

.ul_list li {
  list-style: disc
}

.data {
  margin-top: 1em
}

.data .left, .data .right {
  float: left
}

.data .left {
  width: 458px;
  margin-bottom: 15px
}

.data .right {
  width: 472px;
  padding-top: 15px
}

.data .point {
  border: 1px solid #102b5d;
  border-radius: .5em;
  padding: 1em;
  background: #fff;
  position: relative
}

.data .point .point_title {
  position: absolute;
  font-weight: 500;
  text-align: left;
  margin: 0 auto;
  display: block;
  background: #0f2b5e;
  padding: .25em 2em;
  color: #fff;
  border-radius: 1em;
  font-size: .875em;
  top: -1em
}

.data .point .point_index {
  font-weight: bold;
  color: #d43004;
  margin-top: 10px
}

.data .point .point_index:before {
  display: inline-block;
  content: "";
  border-width: 6px 8px 6px 8px;
  border-style: solid;
  border-color: transparent transparent transparent #0f2b5e
}

#search .txt a {
  color: #666
}

#search .txt a:hover {
  color: #489dd4
}

#hyo table.compare {
  width: 100%;
  border: 0
}

#hyo table.compare .company {
  font-weight: bold;
  color: #002b5b;
  font-size: 120%
}

#hyo table.compare .company a {
  color: #002b5b
}

#hyo table.compare .company a:hover {
  color: #489dd4
}

#hyo table.compare th {
  padding: 10px;
  border: 1px solid #9e9e9e;
  border-collapse: collapse
}

table.compare td {
  padding: 10px;
  border: 1px solid #9e9e9e;
  border-collapse: collapse
}

#hyo table.compare th {
  background: #ecebea;
  text-align: center
}

#hyo table.compare th.fig {
  background: #d1d1d2;
  font-size: 0.938em
}

#hyo table.compare td {
  background: #FFF;
  vertical-align: middle
}

#hyo table.compare dt.com a {
  color: #3399cc
}

#hyo table.compare td.rank {
  width: 136px;
  text-align: center
}

#hyo table.compare td.currency {
  text-align: right;
  font-size: 16px
}

#hyo table.compare td.feature {
  width: 150px;
  vertical-align: middle
}

#hyo table.compare td.rank1 {
  background: #fbdeda
}

#hyo table.compare td.rank2 {
  background: #fff1aa
}

#hyo table.compare td.rank3 {
  background: #dbf0fc
}

#hyo table.compare td.rank4, #hyo table.compare td.rank5, #hyo table.compare td.rank6, #hyo table.compare td.rank7, #hyo table.compare td.rank8, #hyo table.compare td.rank9, #hyo table.compare td.rank10 {
  background: #e9eff2
}

#hyo table.compare td.feature dl dd {
  float: left
}

#hyo table.compare td.feature dl dd.com {
  width: 100px
}

#hyo table.compare td.feature dl dd.com a {
  color: #002b5b
}

#hyo table.compare td.feature dl dd.com a:hover {
  color: #489dd4
}

#hyo table.compare td.feature dl dt.com-rank {
  width: 50px;
  float: left
}

#hyo table.compare th.totalrank {
  width: 14%
}

#hyo table.compare th.feature {
  width: 20%
}

.quest_wrap {
  background: #f7f9fa;
  position: relative;
  border: 1px solid #025592;
  border-radius: 8px;
  padding: 10px 15px 10px 15px;
  margin: 35px 0 0 0;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25)
}

.quest_wrap a {
  font-weight: bold
}

.quest_wrap .bg_company {
  background: #eBf2f7;
  padding: 10px 0 10px 0
}

.quest_wrap .round_title {
  position: absolute;
  top: -25px;
  left: -15px;
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #025592;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  text-shadow: 0 2px 1px #08395d;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.45);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.45)
}

.quest_wrap .round_title .one_line {
  position: absolute;
  top: 35%;
  left: 10%;
  font-size: 1.25em;
  width: 80px;
  height: 30px
}

.quest_wrap .round_title .two_line {
  position: absolute;
  top: 25%;
  left: 10%;
  font-size: 1.25em;
  line-height: 25px;
  width: 80px;
  height: 50px
}

.quest_wrap .quest_title {
  font-size: 1.2em;
  font-weight: bold;
  text-indent: 85px;
  margin-bottom: 2em
}

.quest_wrap .number_average {
  position: absolute;
  top: 5%;
  right: 5%;
  font-weight: bold
}

.quest_wrap .number_average .average {
  font-size: 45px;
  line-height: 45px;
  color: #d43004;
  text-shadow: 0 2px 1px #ccc
}

.quest_wrap .number_average .average span {
  color: #333333;
  font-size: 20px;
  margin: 0 0 0 5px
}

.quest_wrap .chip li {
  padding: 3px 10px;
  font-style: initial
}

.quest_wrap .chip li span.orenge {
  color: #cd7958
}

.quest_wrap .chip li span.yellow {
  color: #e3bb5a
}

.quest_wrap .chip li span.yellowgreen {
  color: #b2c862
}

.quest_wrap .chip li span.blue {
  color: #6280b3
}

.quest_wrap .chip li span.magenta {
  color: #c75a80
}

.quest_wrap .chip li span.purple {
  color: #8d69a4
}

.back_ranking {
  text-align: right
}

#intro .campaign_banner {
  position: absolute;
  right: 0;
  top: 0
}

#intro .campaign_banner:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7
}

.info_wrap {
  margin-bottom: 20px;
  padding: 10px 20px
}

.md_index {
  background-color: #025592;
  background: -webkit-gradient(linear, left top, right top, from(#025592), to(#002b5b));
  background: linear-gradient(to right, #025592, #002b5b);
  color: #fff;
  padding: 0.5em;
  display: flow-root;
  margin-bottom: .5em;
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: bold;
  border-radius: 3px;
  position: relative
}

.md_index.theme_accent {
  background: #4e9001
}

.ranking_no {
  font-family: Times New Roman;
  font-style: oblique
}

.sub_index {
  background-color: #025592;
  background: -webkit-gradient(linear, left top, right top, from(#025592), to(#002b5b));
  background: linear-gradient(to right, #025592, #002b5b);
  color: #fff;
  margin: 10px 0;
  text-align: left;
  padding: .5em;
  border-radius: 3px;
  font-size: 1.25em;
  font-weight: bold
}

.sub_index .title.signup {
  background: url("/images_pc/columns/card.png") no-repeat left 10px center;
  text-indent: 60px;
  font-size: 1.25em;
  font-weight: bold
}

.sub_index .title.topic {
  background: url("/images_pc/columns/buil.png") no-repeat left 10px center;
  text-indent: 60px;
  font-size: 1.25em;
  font-weight: bold
}

.sub_index .title.faq {
  background: url("/images_pc/columns/faq.png") no-repeat left 10px center;
  text-indent: 60px;
  font-size: 1.25em;
  color: #FFF;
  display: inline-block
}

.sub_index .title.search {
  background: url("../img/hikaku/chart_icon.png") no-repeat left 10px center;
  text-indent: 60px;
  font-size: 1.25em;
  font-weight: bold
}

.sub_index .title.arrow {
  background: url("../img/ico/arrow.png") no-repeat left 10px center;
  text-indent: 60px;
  font-size: 1.25em;
  font-weight: bold
}

.sub_index .title.line {
  background: url("../img/ico/line.png") no-repeat left 10px center;
  text-indent: 60px;
  font-size: 1.25em;
  font-weight: bold
}

.sub_index .title.jrkyushu {
  background: url("../img/ico/jrkyushu.png") no-repeat left 10px center;
  text-indent: 60px;
  font-size: 1.25em;
  font-weight: bold
}

.sub_index .title.sprout {
  background: url("../img/ico/sprout.png") no-repeat left 10px center;
  text-indent: 60px;
  font-size: 1.25em;
  font-weight: bold
}

.sub_index .title.bell {
  background: url("../img/ico/bell.png") no-repeat left 10px center;
  text-indent: 60px;
  font-size: 1.25em;
  font-weight: bold
}

.sub_index .title.chikaranomoto {
  background: url("../img/ico/chikaranomoto.png") no-repeat left 10px center;
  text-indent: 60px;
  font-size: 1.25em;
  font-weight: bold
}

.sub_index .title.watermelon {
  background: url("../img/ico/watermelon.png") no-repeat left 10px center;
  text-indent: 60px;
  font-size: 1.25em;
  font-weight: bold
}

.sub_index .title.yutai {
  background: url("../img/ico/yutai.png") no-repeat left 10px center;
  text-indent: 60px;
  font-size: 1.25em;
  font-weight: bold
}

.sub_index .title.piggy {
  background: url("/images_pc/columns/piggy.png") no-repeat left 10px center;
  text-indent: 60px;
  font-size: 1.25em;
  font-weight: bold
}

.sub_index .title.sagawa, .sub_index .title.gift {
  background: url("../img/ico/cardboard.png") no-repeat left 10px center;
  text-indent: 60px;
  font-size: 1.25em;
  font-weight: bold
}

.sub_index_underline {
  display: block;
  position: relative;
  margin: .5em 0
}

.sub_index_underline h2, .sub_index_underline h3, .sub_index_underline h4 {
  font-size: 1.125em;
  font-weight: bold;
  padding-bottom: .2em;
  display: inline-block;
  position: relative
}

.sub_index_underline h2:before, .sub_index_underline h3:before, .sub_index_underline h4:before {
  width: 100%;
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  height: 4px;
  z-index: 2;
  background: #4484b3;
  background: -webkit-gradient(linear, left top, right top, from(#002b5b), to(#4484b3));
  background: linear-gradient(to right, #002b5b, #4484b3)
}

.sub_index_underline h2.mokuji:before, .sub_index_underline h3.mokuji:before, .sub_index_underline h4.mokuji:before {
  background: #9E9E9E
}

.sub_index_underline h2 img, .sub_index_underline h3 img, .sub_index_underline h4 img {
  margin-right: 5px;
  position: relative;
  top: 3px
}

.sub_index_underline:before {
  width: 100%;
  display: block;
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  height: 4px;
  background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #ccc 2px, #ccc 4px);
  background: repeating-linear-gradient(45deg, #fff, #fff 2px, #ccc 2px, #ccc 4px)
}

.mini_index {
  border-left: .5em solid #4484b3;
  font-size: 1.125em;
  padding: 0 .5em 0;
  margin: .5em 0;
  font-weight: bold;
  text-align: left
}

.mini_index h1, .mini_index h2, .mini_index h3 {
  font-weight: bold
}

.num_index {
  border-bottom: 1px dotted #025592;
  font-size: 1.125em;
  padding: 3px 5px;
  margin: 10px 0;
  font-weight: bold;
  text-align: left
}

#faq {
  margin: 20px 0
}

#faq em {
  font-weight: bold
}

#faq p {
  font-weight: bold;
  color: #999;
  padding: 10px 0;
  text-indent: 0.1em
}

#faq a {
  color: #45a5ca
}

#faq .question {
  text-align: left;
  padding: 10px 0;
  border-bottom: 1px dotted #ccc;
  font-weight: bold;
  font-size: 15px;
  color: #025592
}

#faq .question span {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #AB1245;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  line-height: 25px;
  margin: 0 10px 0 0;
  font-weight: 500
}

#faq .answer {
  text-align: left;
  padding: 10px 0;
  border-bottom: 5px solid #eee;
  padding-left: 2.2em;
  text-indent: -2.2em
}

#faq .answer span {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #006157;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  line-height: 25px;
  margin: 0 10px 0 0;
  font-weight: 500;
  text-indent: 0
}

#faq .stock-beginner {
  text-align: right;
  float: right;
  width: 970px;
  padding: 0 0 15px
}

#faq .stock-beginner a {
  color: #0000ff
}

.discriptionText {
  font-size: 16px;
  margin-top: 15px;
  text-align: left;
  padding: 10px;
  border-bottom: 5px solid #eee;
  margin: 10px 0
}

#summaryOfProducts #scoreSummary {
  margin-top: 10px;
  margin-bottom: 0
}

#summaryOfProducts #scoreSummary dt {
  font-weight: bold;
  float: left;
  padding: 3px 0
}

#summaryOfProducts #scoreSummary dd {
  float: left;
  margin: 0 5px;
  padding: 3px 0;
  text-align: center
}

#summaryOfProducts #scoreSummary .best {
  background: #ffccbc
}

#summaryOfProducts #scoreSummary .better {
  background: rgba(255, 204, 188, 0.5)
}

#summaryOfProducts #scoreSummary .good {
  background: rgba(255, 204, 188, 0.2)
}

.heatmapTable {
  width: 100%
}

.heatmapTable td, .heatmapTable th {
  padding: 5px 0
}

.heatmapTable .column2, .heatmapTable .column3, .heatmapTable .column4, .heatmapTable .column5, .heatmapTable .column6, .heatmapTable .column7, .heatmapTable .column8, .heatmapTable .column9 {
  text-align: center;
  color: #000000
}

.heatmapTable .no1 {
  color: #ffffff;
  background-color: #ffa44a
}

.heatmapTable .no2 {
  color: #ffffff;
  background-color: #fff2d9
}

.heatmapTable .no3 {
  background-color: #FFFACD
}

.css_btn {
  border-radius: 5px;
  text-align: center;
  padding: 3px 10px;
  -webkit-box-shadow: 0 1px 1px 1px rgba(153, 153, 153, 0.3);
  box-shadow: 0 1px 1px 1px rgba(153, 153, 153, 0.3);
  text-decoration: none;
  display: inline-block;
  font-weight: 500
}

.css_btn em {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 5px
}

.css_btn.w140 {
  width: 140px;
  display: inline-block;
  margin-top: 10px
}

.css_btn.w180 {
  width: 180px;
  display: inline-block;
  margin-top: 10px
}

.css_btn.w210 {
  width: 210px;
  display: inline-block;
  margin-top: 10px
}

.css_btn.blue {
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  border: 1px solid #495267;
  color: #FFFFFF;
  background-color: #606c88;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#133d81), to(#0e2654));
  background-image: linear-gradient(to bottom, #133d81, #0e2654)
}

.css_btn.blue:hover {
  border: 1px solid #363d4c;
  background-color: #4b546a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4b546a), to(#2c354b));
  background-image: linear-gradient(to bottom, #4b546a, #2c354b)
}

.css_btn.glay {
  border: 1px solid #495267;
  color: #333333;
  background-color: #f4f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
  background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd)
}

.css_btn.orange {
  border: none;
  color: #ffffff;
  background-color: #fe6c00;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f89d05), to(#fe6c00));
  background-image: linear-gradient(to bottom, #f89d05, #fe6c00)
}

.css_btn.green {
  border: none;
  color: #ffffff;
  background-color: #62b402;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#62b402), to(#57a003));
  background-image: linear-gradient(to bottom, #62b402, #57a003)
}

.css_btn.glay:hover {
  border: 1px solid #bfc4c4;
  background-color: #d9dddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));
  background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3)
}

.css_btn.red {
  border: 2px solid #fbbd02;
  color: #fff;
  background-color: #a90329;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a90329), to(#490111));
  background-image: linear-gradient(to bottom, #a90329, #490111)
}

.css_btn.red:hover {
  background-color: #77021d;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#77021d), to(#3a000d));
  background-image: linear-gradient(to bottom, #77021d, #3a000d)
}

.text_link {
  clear: both;
  text-align: right;
  border-top: 2px solid #025592;
  margin: 10px 5px 20px
}

.text_link a {
  margin-top: -1px;
  padding: 12px 15px 12px 25px;
  border: 1px solid #aaa;
  border-radius: 0 0 0 30px;
  font-size: 15px;
  display: inline-block;
  background: url("../img/top/sankaku.png") no-repeat 25px 17px #fafafa;
  text-indent: 15px;
  -webkit-box-shadow: 0 1px 1px 1px rgba(153, 153, 153, 0.3);
  box-shadow: 0 1px 1px 1px rgba(153, 153, 153, 0.3)
}

.text_link a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7
}

.note {
  color: #999;
  text-align: right;
  padding: 5px;
  border-top: 1px #ccc dotted;
  margin-top: 10px;
  font-size: 12px
}

.note a {
  color: #104a8e
}

.page_index {
  margin: -1.5em 0 .5em 0;
  text-align: left
}

.page_index .title.main {
  vertical-align: middle;
  font-weight: bold;
  color: #0e2654;
  line-height: 2em
}

.page_index .com_list {
  vertical-align: middle
}

.page_index .com_list li {
  display: inline-block;
  overflow: hidden;
  margin: 0 .15em .25em 0;
  padding: 0.25em 0.5em;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #ccc;
  color: #666;
  font-size: .75em
}

.page_index .com_list li a {
  color: #666
}

.page_index .com_list li.label {
  color: #666;
  background: none;
  border: none;
  padding-left: 0;
  font-weight: bold
}

.page_index .com_list li.label a {
  color: #666
}

.page_index .com_list li:hover {
  border: 1px solid #4484b3;
  color: #4484b3
}

.page_index .com_list li:hover a {
  color: #4484b3
}

.page_index .com_list li.cur a {
  color: #E60012;
  font-weight: bold
}

#company_page .img_box {
  text-align: center;
  margin: 5px
}

ul.com-tbar {
  background: url("/images_pc/columns/rank_title_bg.png") no-repeat;
  height: 70px
}

ul.com-tbar li {
  float: left
}

ul.com-tbar li.icon {
  width: 110px;
  padding-left: 10px;
  height: 70px
}

ul.com-tbar li.txt {
  text-align: left;
  line-height: 68px;
  color: #FFF;
  font-size: 20px;
  width: 580px
}

ul.com-tbar li.txt a, ul.com-tbar li.txt em {
  color: #FFF;
  font-size: 1.25em;
  font-weight: bold
}

ul.com-tbar li.txt a:hover {
  color: #489dd4
}

ul.com-tbar li.logo {
  text-align: right;
  float: right;
  padding-right: 15px;
  width: 200px;
  height: 70px
}

ul.com-tbar li.logo img {
  height: 70px;
  width: auto
}

.analyze .comarea {
  border-bottom: #073878 6px solid;
  height: 90px
}

.analyze .comarea .logo {
  float: left;
  width: 200px;
  color: #073878;
  font-weight: bold;
  min-height: 50px
}

.analyze .comarea .logo a {
  color: #073878;
  margin: 0;
  padding: 0;
  font-size: 10px;
  min-height: 50px
}

.analyze .comarea .logo img {
  width: 180px;
  padding: 10px 10px 0;
  height: auto
}

.analyze .comarea .banner {
  float: right;
  text-align: right;
  margin: 15px 0
}

.comdata .left {
  float: left;
  margin: 25px 0 20px;
  width: 310px;
  padding: 0;
  text-align: center
}

.comdata .right {
  float: right;
  width: 620px;
  margin: 10px 0 20px;
  padding-top: 0
}

.comdata.itf .right {
  float: right;
  width: 620px;
  margin: 25px 0 20px;
  padding-top: 0
}

.comdata .left img.snap {
  width: 290px;
  padding: 20px;
  height: auto;
  background: #dfecfb;
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0) 30%, #fff 30%, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 80%, #fff 80%, #fff);
  background-size: 4px 4px
}

img.decoration {
  padding: 10px;
  background: #dfecfb;
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0) 30%, #fff 30%, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 80%, #fff 80%, #fff);
  background-size: 4px 4px
}

.comdata .left .logo {
  margin: 7px 0;
  text-align: left
}

.comdata .left img.rader {
  width: 100%
}

.comdata .point {
  width: 99.8%;
  border: 1px solid #aecae9;
  border-radius: 2px;
  margin-bottom: 20px
}

.comdata .point .point_title {
  background: #dfecfb;
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0) 30%, #fff 30%, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 80%, #fff 80%, #fff);
  background-size: 4px 4px;
  color: #073878;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding: 3px;
  -webkit-filter: dropshadow(color=#fff, offX=0, offY=-2) dropshadow(color=#fff, offX=2, offY=0) dropshadow(color=#fff, offX=0, offY=2) dropshadow(color=#fff, offX=-2, offY=0);
  filter: dropshadow(color=#fff, offX=0, offY=-2) dropshadow(color=#fff, offX=2, offY=0) dropshadow(color=#fff, offX=0, offY=2) dropshadow(color=#fff, offX=-2, offY=0);
  -webkit-text-stroke-color: #ffffff;
  -webkit-text-stroke-width: 0;
  text-shadow: #ffffff 2px 2px 0px, #ffffff -2px 2px 0px, #ffffff 2px -2px 0px, #ffffff -2px -2px 0
}

.comdata .point .point_title img {
  margin-top: -10px
}

.comdata .point .point_title h2, .comdata .point .point_title h3, .comdata .point .point_title h4 {
  display: inline-block
}

.comdata .point .point_title em {
  font-size: 1.3em;
  font-weight: bold
}

.comdata .point .point_body {
  text-align: left;
  border: none;
  margin-top: -10px;
  padding: 10px 20px 5px
}

.comdata .point h4 {
  background: url("../img/company/hyouka_point.png") no-repeat left top;
  padding-left: 40px;
  font-size: 18px;
  font-weight: bold;
  color: #9c1517;
  margin-top: 5px
}

.comdata .point p {
  color: #333333;
  padding-left: 40px;
  font-size: 14px
}

.comdata .point_table {
  margin-bottom: 20px
}

.comdata .point_table table {
  width: 100%;
  table-layout: fixed
}

.comdata .point_table table td {
  border: 1px solid #aecae9;
  padding: 5px 0;
  text-align: center;
  vertical-align: middle;
  background: #fff
}

.comdata .point_table table th {
  border: 1px solid #aecae9;
  padding: 5px 0;
  text-align: center;
  vertical-align: middle;
  background: #dfecfb;
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0) 30%, #fff 30%, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 80%, #fff 80%, #fff);
  background-size: 4px 4px;
  color: #073878;
  font-weight: bold;
  font-size: 0.75em;
  -webkit-filter: dropshadow(color=#fff, offX=0, offY=-2) dropshadow(color=#fff, offX=2, offY=0) dropshadow(color=#fff, offX=0, offY=2) dropshadow(color=#fff, offX=-2, offY=0);
  filter: dropshadow(color=#fff, offX=0, offY=-2) dropshadow(color=#fff, offX=2, offY=0) dropshadow(color=#fff, offX=0, offY=2) dropshadow(color=#fff, offX=-2, offY=0);
  -webkit-text-stroke-color: #ffffff;
  -webkit-text-stroke-width: 0;
  text-shadow: #ffffff 2px 2px 0px, #ffffff -2px 2px 0px, #ffffff 2px -2px 0px, #ffffff -2px -2px 0
}

.comdata .point_table table td .no1 {
  background: url("../img/hikaku/hyo_i_crown.png") no-repeat left center;
  padding-left: 20px
}

.comdata .point_table table.ipo td {
  font-size: 0.875em
}

.comdata .point_table h4 {
  background: url("../img/hikaku/hyokap_i.png") no-repeat 5px center;
  padding-left: 20px;
  font-weight: bold;
  color: #073878;
  margin: 5px 0 0 0
}

.comdata .btn {
  margin: 10px auto 20px;
  text-align: center
}

#company_page .howtobuy {
  border: 2px solid #b5c9df;
  border-radius: 3px;
  background: #eff7ff;
  position: relative;
  padding: 10px
}

#company_page .howtobuy .index {
  color: #104a8e;
  padding: 5px 10px 5px 30px;
  font-size: 15px;
  border-bottom: 1px dotted #025592;
  background: url("..//img/ico/arr_skip_rbl_30.gif") no-repeat 10px center
}

#company_page .howtobuy .txt {
  padding: 10px
}

#company_page .howtostep ul.step {
  margin: 10px 0
}

#company_page .howtostep ul.step li {
  border: 2px solid #025592;
  border-radius: 3px;
  float: left;
  height: 120px;
  margin-right: 10px;
  width: 292px;
  text-shadow: 2px 2px 0 white;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa));
  background-image: linear-gradient(to bottom, #fff, #fafafa);
  box-shadow: 1px 1px 2px #ccc;
  -moz-box-shadow: 1px 1px 2px #ccc;
  -webkit-box-shadow: 1px 1px 2px #ccc
}

#company_page .howtostep ul.step li .index_box {
  background: url("../img/company/hyouka_point.png") no-repeat 5px top #eff7ff;
  position: relative;
  color: #104a8e;
  padding: 5px 10px 5px 40px;
  border-bottom: 1px dotted #025592;
  font-weight: bold;
  font-size: 15px
}

#company_page .howtostep ul.step li .index_box img {
  position: absolute;
  right: 10px;
  top: -8px
}

#company_page .howtostep ul.step li .index_box span {
  font-size: 16px
}

#company_page .howtostep ul.step li .txt {
  padding: 10px;
  font-size: 14px
}

#company_page .howtostep ul.step li .arr {
  margin-right: 0
}

#company_page .kaisetu_step li {
  border-radius: 3px;
  float: left;
  min-height: 225px;
  margin-right: 5px;
  width: 225px;
  text-shadow: 2px 2px 0 white
}

#company_page .kaisetu_step li:last-child {
  margin-right: 0
}

#company_page .kaisetu_step li .index_box {
  position: relative;
  color: #104a8e;
  padding: 5px;
  border: 1px dotted #b5c9df;
  font-weight: bold;
  font-size: 15px;
  background: #eff7ff;
  height: 68px
}

#company_page .kaisetu_step li .txt {
  padding: 10px;
  font-size: 14px
}

#company_page .kaisetu_step.three li {
  width: 300px;
  min-height: 150px
}

#company_page .kaisetu_step.three li .index_box {
  background: url(/images_pc/ico/arr_skip_rbl_30.gif) no-repeat 270px 5px #eff7ff
}

.cv_btn {
  width: 100%;
  border-radius: 5px;
  text-align: center;
  padding: .5em 0;
  -webkit-box-shadow: 0 1px 1px 1px rgba(153, 153, 153, 0.3);
  box-shadow: 0 1px 1px 1px rgba(153, 153, 153, 0.3);
  text-decoration: none;
  display: block;
  font-weight: bold;
  text-shadow: -1px -1px 0 #c58d5f;
  color: #FFFFFF;
  font-size: 1.25em;
  background-color: #fe9900;
  line-height: 1.5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fe9900), to(#d42e04));
  background-image: linear-gradient(to bottom, #fe9900, #d42e04);
  border: 1px solid #fff9b1
}

.cv_btn span {
  font-size: 0.75em
}

.cv_btn a {
  color: #fff;
  width: 100%;
  display: block;
  text-align: center
}

.cv_btn em {
  color: #ffffff
}

.cv_btn .cv_text {
  font-size: 25px;
  line-height: 40px
}

.cv_btn:hover {
  filter: alpha(opacity=90);
  -moz-opacity: .9;
  opacity: .9;
  color: #fff
}

.btn_gr {
  width: 100%;
  margin: 5px auto;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  padding: 5px 0;
  -webkit-box-shadow: 0 1px 1px 1px rgba(153, 153, 153, 0.3);
  box-shadow: 0 1px 1px 1px rgba(153, 153, 153, 0.3);
  text-decoration: none;
  display: block;
  font-weight: 500;
  text-shadow: -1px -1px 0 #619046;
  color: #FFFFFF;
  background-color: #66de28;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#66de28), to(#4da520));
  background-image: linear-gradient(to bottom, #66de28, #4da520);
  border: 1px solid #d6ffc2
}

.btn_gr:hover {
  filter: alpha(opacity=90);
  -moz-opacity: .9;
  opacity: .9;
  color: #fff
}

#company_page .arr_down {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #104a8e
}

#company_page section {
  margin: 40px 0
}

#company_page #tabnavi {
  margin: 20px 0 0;
  padding: 0
}

#company_page #tabnavi li {
  display: inline;
  margin-right: 4px
}

#company_page #tabnavi li a {
  text-align: center;
  line-height: 1.2;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  position: relative;
  behavior: url("PIE.htc");
  text-decoration: none;
  vertical-align: bottom;
  background: #8fb8e4;
  color: #fff
}

#company_page #tabnavi li a.active, #company_page #tabnavi li a:hover {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
  background: #025592;
  border: none
}

#company_page #tabnavi li small {
  display: block;
  font-size: 13px
}

#company_page #tabcontent {
  background: #fff;
  padding: 0;
  border: 1px solid #025592
}

#company_page .vi {
  background: #025592;
  font-size: 150%;
  padding: 5px 10px
}

.vi p {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 3px #666
}

#company_page #tabcontent .sub_index {
  background: url("..//img/company/hyouka_point.png") no-repeat 10px center #025592;
  padding: 5px 20px 5px 50px;
  font-size: 1.25em;
  margin: 5px
}

#company_page #tabcontent .info_wrap img.snap {
  width: 95%;
  height: auto;
  margin: 20px 0
}

#company_page #tabcontent .note {
  color: #999;
  text-align: right;
  padding: 10px;
  border-top: 1px #ccc dotted;
  margin-top: 10px;
  font-size: 12px
}

#company_page #tabcontent .note a {
  color: #104a8e
}

#company_page .com_data_table table {
  width: 100%;
  font-size: 14px;
  margin: 10px 0
}

#company_page .com_data_table table td {
  border: 1px #ccc solid;
  padding: 5px;
  text-align: left
}

#company_page .com_data_table table th {
  border: 1px #ccc solid;
  padding: 5px;
  text-align: left;
  background: #e8f0f7;
  font-weight: bold
}

#company_page .com_data_table table strong {
  font-weight: bold;
  font-size: 1.3em;
  color: #002b5b
}

#company_page .info_wrap .left {
  float: left;
  width: 380px;
  padding: 0;
  text-align: center
}

#company_page .info_wrap .right {
  float: right;
  margin: 0 0 10px;
  width: 500px
}

#company_page .info_wrap .left img.snap {
  width: 350px;
  padding: 20px;
  height: auto;
  background: #dfecfb;
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0) 30%, #fff 30%, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 80%, #fff 80%, #fff);
  background-size: 4px 4px
}

#company_page .info_wrap img.snap {
  padding: 20px;
  height: auto;
  background: #dfecfb;
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0) 30%, #fff 30%, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 80%, #fff 80%, #fff);
  background-size: 4px 4px
}

#company_page .info_wrap .point {
  width: 100%;
  border: 1px solid #aecae9;
  border-radius: 2px;
  margin-bottom: 30px
}

#company_page .info_wrap em {
  font-weight: bold;
  color: #9c1517;
  font-size: 1.1em;
  text-decoration: underline
}

.kuchikomi {
  overflow: hidden;
  padding-bottom: 10px
}

.kuchikomi .index {
  font-size: 1.3em;
  font-weight: bold
}

.kuchikomi .hyouka {
  background: url("..//img/ico/arr_skip_rbl_30.gif") no-repeat 10px 4px;
  color: #073878;
  padding: 0 0 0 40px;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  line-height: 30px
}

.kuchikomi .hyouka li {
  float: left;
  height: 34px
}

.kuchikomi .hyouka li.commentnum, .kuchikomi .hyouka li.starnum {
  padding: 0 3px 0 20px
}

.kuchikomi .value {
  color: #9c1517;
  font-weight: bold
}

.kuchikomi .hyouka li .unit {
  color: #073878;
  font-size: 12px
}

.kuchikomi h4 {
  display: inline-block
}

.kuchikomi .arrow_box:before {
  border-right-color: #aecae9
}

.kuchikomi-column {
  margin-bottom: 8px
}

.kuchikomi-column:last-child {
  margin-bottom: 0
}

.kuchikomi-area {
  background: #dfecfb;
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0) 30%, #fff 30%, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 80%, #fff 80%, #fff);
  background-size: 4px 4px;
  padding: 15px;
  border: 1px solid #aecae9;
  border-radius: 2px;
  overflow-y: scroll;
  height: 300px
}

.arrow_box {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: inline-block;
  font-size: 0.875em;
  padding: 5px 10px;
  position: relative;
  float: left
}

.arrow_box img {
  width: 22%;
  height: auto
}

.arrow_box:after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 6px;
  content: " ";
  height: 0;
  margin-top: -6px;
  position: absolute;
  width: 0;
  right: 100%;
  top: 25px
}

.arrow_box:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #aecae9 transparent transparent;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: " ";
  height: 0;
  margin-top: -7px;
  position: absolute;
  width: 0;
  right: 100%;
  top: 25px
}

.kuchikomi .arrow_box {
  border: 1px solid #ccc;
  margin-left: 10px;
  width: 810px;
  position: relative
}

.PlagOpen a {
  position: absolute;
  top: 42px;
  right: 15px;
  width: 100px;
  text-align: right;
  background-color: #ffffff;
  z-index: 1
}

.PlagClose a {
  position: relative;
  left: 792px
}

.kuchikomi .arrow_box img {
  width: 80px;
  height: auto;
  padding: 0 5px 0 0;
  vertical-align: sub
}

.kuchikomi .img-character {
  display: inline-block;
  width: 40px;
  background-color: #efefef;
  border: 1px solid #ccc
}

.arrow_profile {
  width: 60px;
  float: left;
  padding: 2px 0;
  font-size: 11px;
  text-align: center;
  line-height: 13px
}

#kaisetsu {
  font-size: 14px
}

#kaisetsu .img_box {
  text-align: center;
  margin: 5px
}

#kaisetsu #nav {
  padding: 0;
  border-top: 8px solid #025592;
  display: table
}

#kaisetsu #nav li {
  font-size: 15px;
  height: 70px;
  width: 320px;
  background: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background-image: linear-gradient(#fff, #eee);
  background-repeat: repeat;
  border: solid 1px #dddddd;
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

#kaisetsu #nav li a {
  width: 100%;
  height: 70px;
  line-height: 70px;
  color: #025592;
  font-weight: bold;
  display: inline-block
}

#kaisetsu #nav li.active, #kaisetsu #nav li.current, #kaisetsu #nav li:hover {
  background: #b8e2f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#b8e2f9));
  background-image: linear-gradient(#ececec, #b8e2f9)
}

#kaisetsu #com_point, #kaisetsu #faq, #kaisetsu #signup {
  margin-top: -78px;
  padding-top: 78px
}

#kaisetsu .checkpoint {
  border: 2px solid #b5c9df;
  border-radius: 3px;
  background: #eff7ff;
  position: relative;
  padding: 10px;
  margin: 10px 0
}

#kaisetsu .checkpoint:before {
  content: "";
  border-bottom: 20px solid transparent;
  border-top: 20px solid transparent;
  border-left: 20px solid #b5c9df;
  position: absolute;
  right: -20px;
  top: 20px
}

#kaisetsu .checkpoint:after {
  content: "";
  border-bottom: 18px solid transparent;
  border-top: 18px solid transparent;
  border-left: 18px solid #eff7ff;
  position: absolute;
  right: -18px;
  top: 22px
}

#kaisetsu .checkpoint .ti {
  line-height: 1em;
  color: #104a8e;
  padding-left: 30px;
  margin: 0;
  font-size: 15px;
  border-bottom: 1px dotted #025592;
  background: url("..//img/ico/arr_skip_rbl_30.gif") no-repeat 10px center
}

#kaisetsu .howtostep ul.step {
  margin: 10px 0
}

#kaisetsu .howtostep ul.step li {
  border: 2px solid #025592;
  border-radius: 3px;
  float: left;
  height: 120px;
  margin-right: 10px;
  width: 292px;
  text-shadow: 2px 2px 0 white;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa));
  background-image: linear-gradient(to bottom, #fff, #fafafa);
  box-shadow: 1px 1px 2px #ccc;
  -moz-box-shadow: 1px 1px 2px #ccc;
  -webkit-box-shadow: 1px 1px 2px #ccc
}

#kaisetsu .howtostep ul.step li .index_box {
  background: url("..//img/company/hyouka_point.png") no-repeat 5px top #eff7ff;
  position: relative;
  color: #104a8e;
  padding: 5px 10px 5px 40px;
  border-bottom: 1px dotted #025592;
  font-weight: bold;
  font-size: 15px
}

#kaisetsu .howtostep ul.step li .index_box img {
  position: absolute;
  right: 10px;
  top: -8px
}

#kaisetsu .howtostep ul.step li .index_box span {
  font-size: 16px
}

#kaisetsu .howtostep ul.step li .img {
  text-align: center
}

#kaisetsu .howtostep ul.step li .txt {
  padding: 10px;
  font-size: 14px
}

#kaisetsu .howtostep ul.step li .arr {
  margin-right: 0
}

#kaisetsu .kaisetu_point {
  border-bottom: 1px dotted #ccc;
  margin: 10px 0
}

#kaisetsu .kaisetu_step li {
  border-radius: 3px;
  float: left;
  min-height: 225px;
  margin-right: 5px;
  width: 225px;
  text-shadow: 2px 2px 0 white
}

#kaisetsu .kaisetu_step li:last-child {
  margin-right: 0
}

#kaisetsu .kaisetu_step li .index_box {
  position: relative;
  color: #104a8e;
  padding: 5px;
  border: 1px dotted #b5c9df;
  font-weight: bold;
  font-size: 15px;
  background: #eff7ff;
  height: 68px
}

#kaisetsu .kaisetu_step li .txt {
  padding: 10px;
  font-size: 14px
}

#kaisetsu .kaisetu_step li .img {
  text-align: center
}

#kaisetsu .kaisetu_step.three li {
  width: 300px;
  min-height: 150px
}

#kaisetsu .kaisetu_step.three li .index_box {
  background: url(/images_pc/ico/arr_skip_rbl_30.gif) no-repeat 270px 5px #eff7ff
}

#kaisetsu .arr_down {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #104a8e
}

#kaisetsu #tabnavi {
  padding: 0;
  margin-top: 10px;
  height: 61px
}

#kaisetsu #tabnavi ul {
  display: table
}

#kaisetsu #tabnavi li {
  display: inline-block
}

#kaisetsu #tabnavi li a {
  font-size: 14px;
  height: 60px;
  color: #025592;
  font-weight: bold;
  height: 60px;
  width: 118px;
  background: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background-image: linear-gradient(#fff, #eee);
  background-repeat: repeat;
  border: solid 1px #aaa;
  border-bottom: none;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-radius: 5px 5px 0 0
}

#kaisetsu #tabnavi li.active a, #kaisetsu #tabnavi li:hover a {
  border-color: #025592;
  background: #025592;
  color: #fff
}

#kaisetsu #tabnavi li.active a, #kaisetsu #tabnavi li:hover a {
  color: #fff
}

#kaisetsu #tabcontent {
  background: #fff;
  padding: 0;
  border: 1px solid #025592;
  border-top: 3px solid #025592
}

#kaisetsu .vi {
  background: #025592;
  font-size: 150%;
  padding: 5px 10px
}

.vi p {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 3px #666
}

#kaisetsu #tabcontent table.merit {
  margin: 10px 0;
  width: 100%
}

#kaisetsu #tabcontent table.merit td {
  padding: 3px 5px;
  text-align: left
}

#kaisetsu #tabcontent table.merit td.logo {
  padding: 3px 5px;
  text-align: center
}

#kaisetsu #tabcontent table.merit td .tortal_point {
  font-weight: bold;
  font-size: 15px;
  background-color: #104A8E;
  color: #ffffff;
  border-radius: 5px;
  padding: 3px 5px
}

#kaisetsu #tabcontent table.merit h4 {
  font-weight: bold;
  font-size: 15px;
  color: #104A8E;
  background: url("..//img/hikaku/hyokap_i.png") no-repeat left center;
  padding: 2px 0 0 20px
}

#kaisetsu #tabcontent table.merit p {
  font-size: 12px;
  padding-left: 20px
}

#kaisetsu #tabcontent .sub_index {
  background: url("..//img/company/hyouka_point.png") no-repeat 10px center #025592;
  padding: 5px 20px 5px 50px;
  margin: 5px
}

#kaisetsu #tabcontent .info_wrap img.snap {
  margin: 10px 0
}

#kaisetsu .com_data_table table {
  width: 100%;
  font-size: 14px;
  margin: 10px 0
}

#kaisetsu .com_data_table table td {
  border: 1px #ccc solid;
  padding: 5px 0;
  text-align: center
}

#kaisetsu .com_data_table table th {
  border: 1px #ccc solid;
  padding: 5px 0;
  text-align: center;
  background: #cbe0f0
}

#kaisetsu .com_data_table table strong {
  font-weight: bold;
  font-size: 1.3em;
  color: #002b5b
}

#kaisetsu .info_wrap .left {
  float: left;
  width: 400px;
  padding: 0;
  margin-bottom: 10px
}

#kaisetsu .info_wrap .right {
  float: right;
  width: 500px
}

#kaisetsu .info_wrap .left img.snap {
  width: 350px;
  padding: 20px;
  height: auto
}

#kaisetsu .info_wrap .point {
  width: 100%;
  border: 1px solid #aecae9;
  border-radius: 2px;
  margin-bottom: 30px
}

#kaisetsu .info_wrap em {
  font-weight: bold;
  color: #9c1517;
  font-size: 1.1em;
  text-decoration: underline
}

.category_menu {
  margin: 10px 0 0
}

.category_menu ul li {
  position: relative
}

.category_menu ul li:last-child {
  margin-right: 0
}

.category_menu .md_cssBtn {
  font-size: 14px;
  margin-bottom: .25em
}

.category_menu .md_cssBtn.sub {
  line-height: 39px;
  text-align: -webkit-left
}

.category_menu .md_cssBtn.sub a {
  line-height: 28px
}

.category_menu li span {
  font-size: 0.6em;
  margin: 0 0 0 4px;
  position: absolute;
  height: 70px
}

.category_menu .title {
  font-weight: bold;
  text-align: center;
  font-size: 1.125em;
  color: #999
}

.category_menu .category {
  padding: .01em 0 .01em .3em;
  border-left: 6px solid #4484b3;
  margin: 0 0 5px 0;
  font-weight: bold;
  font-size: .93em
}

.category_menu .useful_list {
  font-size: 0.875em
}

.category_menu .useful_list li a {
  color: #025592
}

.category_menu .useful_list li a:hover, .category_menu .useful_list li a.active {
  color: #E60012
}

.category_menu .useful_list li a:before {
  display: inline-block;
  content: "";
  margin-bottom: 2px;
  border-width: 3px 5px 3px 6px;
  border-style: solid;
  border-color: transparent transparent transparent #900
}

.category_menu .hikaku_wrap .main_wrap, .category_menu .hikaku_wrap .athaer_wrap {
  margin: 20px 0 0 0;
  padding: 18px 15px 15px 15px;
  position: relative
}

.category_menu .hikaku_wrap .main_wrap {
  margin: 18px 0 0 0;
  border-width: 3px;
  border-color: #4484b3;
  border-style: solid;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(135deg, #eee 30%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.2) 50%, #eee 50%, #eee 80%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.2));
  background-size: 4px 4px
}

.category_menu .hikaku_wrap .main_wrap div {
  background-color: #ffffff;
  position: absolute;
  top: -16px;
  left: 8px;
  padding: 0 8px 0 8px
}

.category_menu .hikaku_wrap .athaer_wrap div {
  background-color: #ffffff;
  position: absolute;
  top: -16px;
  left: 8px;
  padding: 0 8px 0 8px
}

.category_menu .arrival_wrap {
  background: #eee
}

.category_menu .arrival_wrap li {
  position: relative;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #eee
}

.category_menu .arrival_wrap li .bubble {
  padding: .25em .5em;
  z-index: 1;
  position: absolute;
  top: -1.125em;
  left: 0em;
  border-radius: 50px;
  background: #004176;
  color: #fff
}

#quest .title {
  background-color: #025592;
  background: -webkit-gradient(linear, left top, right top, from(#025592), to(#002b5b));
  background: linear-gradient(to right, #025592, #002b5b);
  border-bottom: 3px #002b5b solid;
  padding: 4px 0 2px 20px;
  border-bottom: 3px solid #002b5b;
  position: relative
}

#quest .qt {
  background-color: #025592;
  background: -webkit-gradient(linear, left top, right top, from(#025592), to(#002b5b));
  background: linear-gradient(to right, #025592, #002b5b);
  border-bottom: 3px #002b5b solid;
  padding: 4px 0 2px 20px;
  border-bottom: 3px solid #002b5b;
  position: relative
}

#quest .qt .q {
  font-size: 1.125em
}

.md_notice_mini {
  position: relative
}

.md_notice_mini .md_notice_mini_inner {
  padding: .25em .5em;
  z-index: 1;
  position: absolute;
  border-radius: 50px;
  background: #4484b3;
  color: #fff;
  border: 2px solid #fff;
  -webkit-box-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px rgba(0, 0, 0, 0.3)
}

.md_notice_mini.is_left_top .md_notice_mini_inner {
  top: -.5em;
  left: -.5em
}

.md_notice_mini.is_left_bottom .md_notice_mini_inner {
  bottom: -.5em;
  left: -.5em
}

.md_notice_mini.theme_red .md_notice_mini_inner {
  background: #ef5350
}

.md_tieup_large {
  position: relative;
  border: 1px solid #0e6d4b;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc;
  margin: 10px 0px 25px
}

.md_tieup_large a {
  display: block
}

.md_tieup_large a:hover {
  opacity: 0.9
}

.md_tieup_large .contents {
  overflow: hidden
}

.md_tieup_large .tie_up_box .tie_up_box_right {
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  text-shadow: 1px 2px 0 rgba(0, 1, 1, 0.5);
  text-align: center;
  width: 51%;
  padding-left: 20px;
  background-color: #0e6d4b;
  background-image: -webkit-linear-gradient(135deg, #0e6d4b 30%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.2) 50%, #0e6d4b 50%, #0e6d4b 80%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.2));
  background-size: 4px 4px
}

.md_tieup_large .tie_up_box .tie_up_box_right em {
  font-weight: bold;
  color: #ffd700;
  margin: 0 3px
}

.md_tieup_large .tie_up_box .tie_up_box_right em .number {
  font-size: 1.5em;
  font-weight: bold
}

.md_tieup_large .tie_up_box .tie_up_box_left {
  text-align: center;
  position: relative;
  padding-left: 20px
}

.md_tieup_large .tie_up_box .tie_up_box_left:after {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  right: -15px;
  width: 10%;
  height: 100%;
  background-color: #fff;
  display: inline-block;
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg)
}

.md_tieup_large .tie_up_box .tie_up_box_text {
  position: relative;
  top: 10px;
  color: #333
}

.md_tieup_large .ribbon-top-left {
  top: -7px;
  left: -7px;
  width: 75px;
  height: 75px;
  overflow: hidden;
  position: absolute
}

.md_tieup_large .ribbon-top-left span {
  right: -43px;
  top: 14px;
  -webkit-transform: translate3d(0px, 0px, 0) rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  display: block;
  width: 178px;
  padding: 7px 0;
  background-color: #025592;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  font: 700 13px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center
}

.md_tieup_large .ribbon-top-left:before, .md_tieup_large .ribbon-top-left:after {
  border-top-color: transparent;
  border-left-color: transparent;
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 3px solid #034677
}

.md_tieup_large .ribbon-top-left:before {
  top: 0;
  right: 0
}

.md_tieup_large .ribbon-top-left:after {
  bottom: 0;
  left: 0
}

.md_tie_up {
  border: 1px solid #102b5d;
  border-radius: .5em;
  margin: .5em 0;
  background: #f0f5f9;
  font-size: .875em;
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #102b5d;
  text-align: center
}

.md_tie_up .tie_up_text {
  padding: .5em 0;
  display: table-cell;
  width: 80%;
  vertical-align: middle
}

.md_tie_up .tie_up_text .pickup_campaign {
  font-weight: bold
}

.md_tie_up .tie_up_text .pickup_campaign em {
  font-weight: bold;
  color: #d43004;
  margin: 0 3px
}

.md_tie_up .tie_up_text .pickup_campaign em .number {
  font-size: 1.25em;
  font-weight: bold
}

.md_tie_up .tie_up_title {
  display: table-cell;
  width: 20%;
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
  background: #0f2b5e;
  color: #fff;
  border-radius: .5em 0 0 .5em;
  font-size: .93em
}

.pickup_tag {
  font-weight: bold;
  padding: 3px 3px 3px 5px;
  position: relative;
  background: #c4dff1;
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;
  color: #555
}

.pickup_tag:before {
  content: '●';
  color: #fff;
  margin-right: 5px
}

i.bg_square {
  font-size: 1.25em;
  margin: 5px;
  padding: 5px;
  border-radius: 5px;
  line-height: 1.5
}

i.bg_square_l {
  font-size: 2em;
  padding: 8px;
  border-radius: 5px
}

i.bg_circle {
  text-align: center;
  padding: 3px;
  position: relative;
  border-radius: 50%;
  overflow: hidden
}

i.bg_circle:after {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  display: inline-block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  transform: skew(45deg, 0deg);
  -moz-transform: skew(45deg, 0deg);
  -webkit-transform: skew(45deg, 0deg);
  -o-transform: skew(45deg, 0deg);
  -ms-transform: skew(45deg, 0deg)
}

i.bg_circle.size_ss {
  font-size: .875em;
  padding: .5em;
  line-height: 1
}

i.bg_circle.size_s {
  font-size: 1.25em;
  padding: .5em;
  line-height: 1.5
}

i.bg_circle.size_l {
  font-size: 1.5em;
  padding: .5em;
  line-height: 1.5
}

i.bgcl_red {
  background-color: #ef5350;
  color: #ffffff
}

i.bgcl_orange {
  background-color: #ffb74d;
  color: #ffffff
}

i.bgcl_yellowgreen {
  background-color: #9ccc65;
  color: #ffffff
}

i.bgcl_greenyellow {
  background-color: #dce775;
  color: #ffffff
}

i.bgcl_green {
  background-color: #4db6ac;
  color: #ffffff
}

i.bgcl_cyan {
  background-color: #4dd0e1;
  color: #ffffff
}

i.bgcl_bluegreen {
  background-color: #dce775;
  color: #ffffff
}

i.bgcl_violet {
  background-color: #9575cd;
  color: #ffffff
}

i.bgcl_yellow {
  background-color: #ffd54f;
  color: #ffffff
}

i.bgcl_brown {
  background-color: #a1887f;
  color: #ffffff
}

i.bgcl_yellowred {
  background-color: #ff8a65;
  color: #ffffff
}

i.bgcl_lightblue {
  background-color: #64b5f6;
  color: #ffffff
}

i.bgcl_bluepurple {
  background-color: #7986cb;
  color: #ffffff
}

i.bgcl_gray {
  background-color: #90a4ae;
  color: #ffffff
}

i.bgcl_pink {
  background-color: #f06292;
  color: #ffffff
}

#side_navi {
  position: fixed;
  top: 10px;
  z-index: 2000
}

#side_navi a {
  font-size: 0.938em;
  background-position: left 14px center;
  text-indent: 46px;
  background-size: 14%;
  height: 25px;
  text-indent: 40px;
  color: #025592
}

#side_navi a:hover {
  color: #E60012
}

#side_navi .active a {
  color: #E60012
}

.side_wrap {
  display: inline-block;
  left: -50%;
  position: relative;
  width: 140px
}

#side_navi .md_cssBtn.side {
  border: none;
  background-image: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 25px;
  line-height: 25px;
  text-align: left
}

#side_navi .category_menu h4.category {
  background-image: -webkit-linear-gradient(135deg, #eee 30%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.2) 50%, #eee 50%, #eee 80%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.2));
  background-size: 4px 4px;
  text-indent: 4px;
  padding: 3px 0 3px 0
}

.ly_containe:after, .ly_row:after, .ly_col:after, .ly_clr:after, .ly_group:after {
  content: "";
  display: table;
  clear: both
}

.ly_row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 0em;
  display: -webkit-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 98%;
}

.ly_col {
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ly_gutters>.ly_col {
  margin-left: 2%
}

.ly_gutters>.ly_col:first-child {
  margin-left: 0
}

.ly_gutters_grid>.ly_col {
  margin-left: .5%;
  margin-right: .5%;
  margin-bottom: .5em
}

.ly_colsize_1, .ly_colsize_1_fix {
  width: 8.33333333333% !important
}

.ly_colsize_2, .ly_colsize_2_fix {
  width: 16.6666666667% !important
}

.ly_colsize_fifthpart, .ly_colsize_fifthpart_fix {
  width: 20% !important
}

.ly_colsize_3, .ly_colsize_3_fix {
  width: 25% !important
}

.ly_colsize_4, .ly_colsize_4_fix {
  width: 33.3333333333% !important
}

.ly_colsize_5, .ly_colsize_5_fix {
  width: 41.6666666667% !important
}

.ly_colsize_fifthpart2, .ly_colsize_fifthpart2_fix {
  width: 40% !important
}

.ly_colsize_6, .ly_colsize_6_fix {
  width: 50% !important
}

.ly_colsize_7, .ly_colsize_7_fix {
  width: 58.3333333333% !important
}

.ly_colsize_fifthpart3, .ly_colsize_fifthpart3_fix {
  width: 60% !important
}

.ly_colsize_8, .ly_colsize_8_fix {
  width: 66.6666666667% !important
}

.ly_colsize_9, .ly_colsize_9_fix {
  width: 75% !important
}

.ly_colsize_fifthpart4, .ly_colsize_fifthpart4_fix {
  width: 80% !important
}

.ly_colsize_10, .ly_colsize_10_fix {
  width: 83.3333333333% !important
}

.ly_colsize_11, .ly_colsize_11_fix {
  width: 91.6666666667% !important
}

.ly_colsize_12, .ly_colsize_12_fix {
  width: 100% !important
}

.ly_colsize_30p_fix {
  width: 30% !important
}

.ly_colsize_flex {
  display: inline-block
}

.ly_gutters>.ly_colsize_1, .ly_gutters>.ly_colsize_1_fix, .ly_gutters_grid>.ly_colsize_1, .ly_gutters_grid>.ly_colsize_1_fix {
  width: 6.5% !important
}

.ly_gutters>.ly_colsize_2, .ly_gutters>.ly_colsize_2_fix, .ly_gutters_grid>.ly_colsize_2, .ly_gutters_grid>.ly_colsize_2_fix {
  width: 15.0% !important
}

.ly_gutters>.ly_colsize_fifthpart, .ly_gutters>.ly_colsize_fifthpart_fix, .ly_gutters_grid>.ly_colsize_fifthpart, .ly_gutters_grid>.ly_colsize_fifthpart_fix {
  width: 18.4% !important
}

.ly_gutters>.ly_colsize_3, .ly_gutters>.ly_colsize_3_fix, .ly_gutters_grid>.ly_colsize_3, .ly_gutters_grid>.ly_colsize_3_fix {
  width: 23.5% !important
}

.ly_gutters>.ly_colsize_4, .ly_gutters>.ly_colsize_4_fix, .ly_gutters_grid>.ly_colsize_4, .ly_gutters_grid>.ly_colsize_4_fix {
  width: 32.0% !important
}

.ly_gutters>.ly_colsize_5, .ly_gutters>.ly_colsize_5_fix, .ly_gutters_grid>.ly_colsize_5, .ly_gutters_grid>.ly_colsize_5_fix {
  width: 40.5% !important
}

.ly_gutters>.ly_colsize_fifthpart2, .ly_gutters>.ly_colsize_fifthpart2_fix, .ly_gutters_grid>.ly_colsize_fifthpart2, .ly_gutters_grid>.ly_colsize_fifthpart2_fix {
  width: 39% !important
}

.ly_gutters>.ly_colsize_6, .ly_gutters>.ly_colsize_6_fix, .ly_gutters_grid>.ly_colsize_6, .ly_gutters_grid>.ly_colsize_6_fix {
  width: 48.7% !important
}

.ly_gutters>.ly_colsize_7, .ly_gutters>.ly_colsize_7_fix, .ly_gutters_grid>.ly_colsize_7, .ly_gutters_grid>.ly_colsize_7_fix {
  width: 53.5% !important
}

.ly_gutters>.ly_colsize_fifthpart3, .ly_gutters>.ly_colsize_fifthpart3_fix, .ly_gutters_grid>.ly_colsize_fifthpart3, .ly_gutters_grid>.ly_colsize_fifthpart3_fix {
  width: 59% !important
}

.ly_gutters>.ly_colsize_8, .ly_gutters>.ly_colsize_8_fix, .ly_gutters_grid>.ly_colsize_8, .ly_gutters_grid>.ly_colsize_8_fix {
  width: 66.0% !important
}

.ly_gutters>.ly_colsize_9, .ly_gutters>.ly_colsize_9_fix, .ly_gutters_grid>.ly_colsize_9, .ly_gutters_grid>.ly_colsize_9_fix {
  width: 74.5% !important
}

.ly_gutters>.ly_colsize_fifthpart4, .ly_gutters>.ly_colsize_fifthpart4_fix, .ly_gutters_grid>.ly_colsize_fifthpart4, .ly_gutters_grid>.ly_colsize_fifthpart4_fix {
  width: 79% !important
}

.ly_gutters>.ly_colsize_10, .ly_gutters>.ly_colsize_10_fix, .ly_gutters_grid>.ly_colsize_10, .ly_gutters_grid>.ly_colsize_10_fix {
  width: 83.0% !important
}

.ly_gutters>.ly_colsize_11, .ly_gutters>.ly_colsize_11_fix, .ly_gutters_grid>.ly_colsize_11, .ly_gutters_grid>.ly_colsize_11_fix {
  width: 91.5% !important
}

.ly_gutters>.ly_colsize_12, .ly_gutters>.ly_colsize_12_fix, .ly_gutters_grid>.ly_colsize_12, .ly_gutters_grid>.ly_colsize_12_fix {
  width: 100% !important
}

.ly_gutters>.ly_colsize_flex, .ly_gutters_grid>.ly_colsize_flex {
  display: inline-block
}

.ly_gutters>.ly_colsize_30p_fix, .ly_gutters_grid>.ly_colsize_30p_fix {
  width: 29% !important
}

#contents_wrapper_sp .ly_gutters>.ly_col {
  margin-left: 0;
  margin-bottom: .5em
}

#contents_wrapper_sp .ly_gutters>.ly_col:last-child {
  margin-bottom: 0
}

#contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_1_fix, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_2_fix, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_3_fix, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_4_fix, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_5_fix, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_6_fix, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_7_fix, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_8_fix, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_9_fix, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_10_fix, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_11_fix, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_12_fix, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_fifthpart_fix, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_fifthpart2_fix, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_fifthpart3_fix, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_fifthpart4_fix, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_30p_fix {
  margin-left: 2%
}

#contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_1_fix:first-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_2_fix:first-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_3_fix:first-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_4_fix:first-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_5_fix:first-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_6_fix:first-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_7_fix:first-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_8_fix:first-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_9_fix:first-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_10_fix:first-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_11_fix:first-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_12_fix:first-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_fifthpart_fix:first-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_fifthpart2_fix:first-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_fifthpart3_fix:first-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_fifthpart4_fix:first-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_30p_fix:first-child {
  margin-left: 0
}

#contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_1_fix:last-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_2_fix:last-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_3_fix:last-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_4_fix:last-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_5_fix:last-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_6_fix:last-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_7_fix:last-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_8_fix:last-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_9_fix:last-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_10_fix:last-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_11_fix:last-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_12_fix:last-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_fifthpart_fix:last-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_fifthpart2_fix:last-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_fifthpart3_fix:last-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_fifthpart4_fix:last-child, #contents_wrapper_sp .ly_gutters>.ly_col.ly_colsize_30p_fix:last-child {
  margin-bottom: .5em
}

#contents_wrapper_sp .ly_col img {
  max-width: 100%
}

#contents_wrapper_sp .ly_colsize_1, #contents_wrapper_sp .ly_colsize_2, #contents_wrapper_sp .ly_colsize_3, #contents_wrapper_sp .ly_colsize_4, #contents_wrapper_sp .ly_colsize_5, #contents_wrapper_sp .ly_colsize_6, #contents_wrapper_sp .ly_colsize_7, #contents_wrapper_sp .ly_colsize_8, #contents_wrapper_sp .ly_colsize_9, #contents_wrapper_sp .ly_colsize_10, #contents_wrapper_sp .ly_colsize_11, #contents_wrapper_sp .ly_colsize_12, #contents_wrapper_sp .ly_colsize_fifthpart, #contents_wrapper_sp .ly_colsize_fifthpart2, #contents_wrapper_sp .ly_colsize_fifthpart3, #contents_wrapper_sp .ly_colsize_fifthpart4 {
  width: 100% !important
}

#contents_wrapper_sp .ly_gutters>.ly_colsize_1, #contents_wrapper_sp .ly_gutters>.ly_colsize_2, #contents_wrapper_sp .ly_gutters>.ly_colsize_3, #contents_wrapper_sp .ly_gutters>.ly_colsize_4, #contents_wrapper_sp .ly_gutters>.ly_colsize_5, #contents_wrapper_sp .ly_gutters>.ly_colsize_6, #contents_wrapper_sp .ly_gutters>.ly_colsize_7, #contents_wrapper_sp .ly_gutters>.ly_colsize_8, #contents_wrapper_sp .ly_gutters>.ly_colsize_9, #contents_wrapper_sp .ly_gutters>.ly_colsize_10, #contents_wrapper_sp .ly_gutters>.ly_colsize_11, #contents_wrapper_sp .ly_gutters>.ly_colsize_12, #contents_wrapper_sp .ly_gutters>.ly_colsize_fifthpart, #contents_wrapper_sp .ly_gutters>.ly_colsize_fifthpart2, #contents_wrapper_sp .ly_gutters>.ly_colsize_fifthpart3, #contents_wrapper_sp .ly_gutters>.ly_colsize_fifthpart4, #contents_wrapper_sp .ly_gutters_grid>.ly_colsize_1, #contents_wrapper_sp .ly_gutters_grid>.ly_colsize_2, #contents_wrapper_sp .ly_gutters_grid>.ly_colsize_3, #contents_wrapper_sp .ly_gutters_grid>.ly_colsize_4, #contents_wrapper_sp .ly_gutters_grid>.ly_colsize_5, #contents_wrapper_sp .ly_gutters_grid>.ly_colsize_6, #contents_wrapper_sp .ly_gutters_grid>.ly_colsize_7, #contents_wrapper_sp .ly_gutters_grid>.ly_colsize_8, #contents_wrapper_sp .ly_gutters_grid>.ly_colsize_9, #contents_wrapper_sp .ly_gutters_grid>.ly_colsize_10, #contents_wrapper_sp .ly_gutters_grid>.ly_colsize_11, #contents_wrapper_sp .ly_gutters_grid>.ly_colsize_12, #contents_wrapper_sp .ly_gutters_grid>.ly_colsize_fifthpart, #contents_wrapper_sp .ly_gutters_grid>.ly_colsize_fifthpart2, #contents_wrapper_sp .ly_gutters_grid>.ly_colsize_fifthpart3, #contents_wrapper_sp .ly_gutters_grid>.ly_colsize_fifthpart4 {
  width: 100% !important
}

.ly_container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: left;
  width: 970px
}

.ly_vamd {
  width: 100%;
  display: table;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ly_vamd .ly_vamd_inner {
  display: table-cell;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.vamd {
  vertical-align: middle !important
}

.ly_list_series {
  overflow: hidden;
  *zoom: 1
}

.ly_list_series ul, .ly_list_series li, .ly_list_series div, .ly_list_series p {
  display: inline;
  overflow: hidden;
  margin-right: .5em
}

.ly_list_series ul a, .ly_list_series li a, .ly_list_series div a, .ly_list_series p a {
  display: inline
}

.ly_list_series ul:last-child, .ly_list_series li:last-child, .ly_list_series div:last-child, .ly_list_series p:last-child {
  margin-right: 0
}

.ly_list_series.size_m ul, .ly_list_series.size_m li, .ly_list_series.size_m div, .ly_list_series.size_m p {
  margin-right: 1em
}

.md_selecter {
  padding: .5em;
  background: #eee;
  text-align: center
}

.md_selecter select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.md_selecter .custom {
  overflow: hidden;
  display: block;
  *display: inline;
  *zoom: 1;
  position: relative;
  border-radius: 0.2em;
  border: 1px solid #ccc;
  background-color: white
}

.md_selecter .custom>select {
  width: 100%;
  padding: 0.5em 1.5em 0.5em 0.5em;
  font-size: 1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.md_selecter .custom:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: .25em;
  width: 1.5em;
  display: block;
  content: "\e708";
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-transform: none;
  pointer-events: none;
  font-size: 1.25em;
  line-height: 2;
  color: #666
}

.md_selecter .default .custom>select {
  width: auto
}

.md_selecter .overflow .custom {
  overflow: visible
}

.md_selecter option {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #f2f2f2;
  color: #333
}

.md_title {
  color: #002b5b
}

.md_title h1, .md_title h2, .md_title h3 {
  font-weight: bold
}

.md_title h1, .md_title h2, .md_title h3 {
  font-size: 2em
}

.md_keywordbox li {
  display: inline-block;
  overflow: hidden;
  margin: 0 .25em .25em 0;
  padding: 0.25em 0.5em;
  background-color: #fafafa;
  border-radius: 2em;
  border: 1px solid #ccc;
  color: #666;
  font-size: .93em
}

.md_keywordbox li.label {
  color: #666;
  background: none;
  border: none;
  padding-left: 0;
  font-weight: bold
}

.md_keywordbox li.label a {
  color: #666
}

.md_keywordbox li:hover {
  border: 1px solid #4484b3;
  color: #4484b3
}

.md_keywordbox li:hover a {
  color: #4484b3
}

.md_keywordbox.noborder li {
  border: none
}

.md_pickup_box {
  position: relative;
  border-width: 4px;
  border-color: #4484b3;
  border-style: double;
  border-radius: .5em;
  background: #fafafa
}

.md_pickup_box .md_pickup_box_title {
  position: absolute;
  background: #fff;
  top: -1em;
  left: 1em;
  font-size: 1.125;
  font-weight: bold;
  border-radius: 5px;
  padding: 0 .5em
}

.md_pickup_box.theme_light {
  border-color: #c8d0d9
}

.md_cssBtn {
  font-weight: bold;
  border: 1px solid #d5d5d5;
  border-radius: .3em;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f2f2f2));
  background: linear-gradient(#fdfdfd, #f2f2f2);
  -webkit-box-shadow: 0 1px 1px 1px rgba(153, 153, 153, 0.3);
  box-shadow: 0 1px 1px 1px rgba(153, 153, 153, 0.3);
  padding: .3em;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  display: block;
  margin: auto
}

.md_cssBtn:hover {
  background: #fff
}

.md_cssBtn a {
  color: #555;
  width: 100%;
  display: block
}

.md_cssBtn a:hover, .md_cssBtn a.active {
  color: #1379c4
}

.md_ico_tx {
  background: #002b5b;
  color: #fff;
  padding: 0 1em;
  border-radius: 20px
}

.md_ico_tx.size_s {
  font-size: .75em
}

.md_ico_tx.theme_light {
  background: #fff;
  border: solid 1px #1379c4;
  color: #1379c4
}

.md_ico_tx.theme_pink {
  background: #db618a;
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.2));
  background-size: 50px 50px
}

.md_rating {
  display: table;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 2em;
  line-height: 2
}

.md_rating:after {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  background: rgba(255, 255, 255, 0.9);
  height: 2em;
  z-index: 1;
  top: 0;
  right: 0
}

.md_rating.on_20:after {
  width: 80%
}

.md_rating.on_30:after {
  width: 70%
}

.md_rating.on_40:after {
  width: 60%
}

.md_rating.on_50:after {
  width: 50%
}

.md_rating.on_60:after {
  width: 40%
}

.md_rating.on_70:after {
  width: 30%
}

.md_rating.on_80:after {
  width: 20%
}

.md_rating.on_90:after {
  width: 10%
}

.md_rating.on_100:after {
  width: 0
}

.md_rating .icon_wrap {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #ffc107
}

.md_box {
  padding: .5em
}

.md_bg_stripe.theme_pink {
  background: #ebd2dd;
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.2));
  background-size: 50px 50px
}

.md_pagenav {
  height: 2.5em;
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
  color: #666
}

.md_pagenav a {
  color: #666;
  display: inline-block;
  width: 100%
}

.md_pagenav a:hover {
  color: #4484b3
}

.md_pagenav li {
  outline: none;
  position: relative;
  font-size: 14px;
  text-align: center;
  display: table-cell;
  vertical-align: middle
}

.md_pagenav li:before {
  content: '';
  position: absolute;
  top: 25%;
  left: 0;
  display: block;
  width: 1px;
  height: 50%;
  background-color: #ddd
}

.md_pagenav li.cur a {
  color: #4484b3;
  font-weight: bold
}

.md_pagenav li.cur:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 10%;
  display: block;
  width: 80%;
  height: 5px;
  border-radius: 1em;
  background-color: #4484b3
}

.md_fixed_nav {
  z-index: 9999;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: rgba(255, 255, 255, 0.9)
}

.md_arrow_down {
  font-weight: bold;
  border-radius: .5em;
  padding: .5em;
  background: #db618a;
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.2));
  background-size: 50px 50px;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  display: block;
  margin: auto;
  width: 100%;
  color: #fff;
  position: relative
}

.md_arrow_down a {
  display: block;
  color: #fff;
  font-weight: bold
}

.md_arrow_down:after {
  position: absolute;
  top: 98%;
  left: 50%;
  margin-left: -15px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #db618a
}

.md_arrow_down.theme_glay {
  border: 2px solid #ccc;
  background: #eee;
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.4) 80%, rgba(255, 255, 255, 0.4));
  background-size: 50px 50px;
  color: #333
}

.md_arrow_down.theme_glay a {
  color: #333
}

.md_arrow_down.theme_glay:after {
  top: 103%;
  border-top: 15px solid #ddd
}

#stockholder .page_title {
  color: #cb6290;
  font-size: 2em;
  line-height: 2;
  font-weight: bold
}

.head_chart_wrap {
  position: relative;
  text-shadow: 2px 2px 0px white, -1px -1px 0px white, -1px 1px 0px white, 1px -1px 0px white
}

.head_chart_wrap .center_label {
  font-size: 15px;
  line-height: 1.25;
  position: absolute;
  _zoom: 2;
  top: 90px;
  left: 50%;
  margin-left: -45px;
  color: #fff;
  text-shadow: 0px 0px 50px #283d74
}

.head_chart_wrap .center_label em {
  border-bottom: 3px solid #eac206
}

.head_chart_wrap .head_chart {
  height: 240px;
  max-width: 360px;
  text-align: center;
  margin: 0 auto
}

.head_chart_wrap .head_link {
  _zoom: 1;
  position: absolute;
  width: 110px;
  text-align: center;
  border-radius: 1em;
  padding: .5em 0;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: 1px solid #1379c4
}

.head_chart_wrap .head_link em {
  font-weight: bold
}

.head_chart_wrap .head_link i {
  width: 30px;
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  border: 2px solid #fff;
  color: #fff;
  text-shadow: none;
  margin: 0em auto .25em
}

.head_chart_wrap .head_link a {
  color: #0e2654
}

.head_chart_wrap .head_link:after {
  content: '';
  display: block;
  clear: both
}

.head_chart_wrap .head_link.fee {
  top: 0;
  left: 50%;
  margin-left: -50px
}

.head_chart_wrap .head_link.chart {
  top: 0;
  left: 50%;
  margin-left: 17%
}

.head_chart_wrap .head_link.tool {
  top: 80px;
  left: 50%;
  margin-left: 17%
}

.head_chart_wrap .head_link.toriatsukai {
  top: 160px;
  left: 50%;
  margin-left: 17%
}

.head_chart_wrap .head_link.screening {
  top: 160px;
  left: 50%;
  margin-left: -50px
}

.head_chart_wrap .head_link.popular {
  top: 0;
  left: 50%;
  margin-left: calc(-17% - 100px)
}

.head_chart_wrap .head_link.info {
  top: 80px;
  left: 50%;
  margin-left: calc(-17% - 100px)
}

.head_chart_wrap .head_link.smartphone {
  top: 160px;
  left: 50%;
  margin-left: calc(-17% - 100px)
}

.md_bubbles {
  position: relative;
  display: block;
  padding: .5em;
  border-radius: 1em;
  width: auto;
  text-align: center;
  background: #fafafa;
  border: 2px solid #ccc
}

.md_bubbles:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1
}

.md_bubbles:before, .md_bubbles:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid
}

.md_bubbles:before {
  z-index: 2
}

.md_bubbles:after {
  z-index: 1
}

.md_bubbles.md_bubbles_bottom {
  margin-bottom: 9px
}

.md_bubbles.md_bubbles_bottom:before {
  border-color: #fafafa transparent transparent transparent;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0 5px
}

.md_bubbles.md_bubbles_bottom:after {
  border-color: #ccc transparent transparent transparent;
  bottom: -7px;
  left: 50%;
  margin-left: -7px;
  border-width: 7px 7px 0 7px
}

.md_bubbles.md_bubbles_top {
  margin-top: 9px
}

.md_bubbles.md_bubbles_top:before {
  border-color: transparent transparent #fafafa transparent;
  top: -6px;
  left: 50%;
  margin-left: -6px;
  border-width: 0 6px 6px 6px
}

.md_bubbles.md_bubbles_top:after {
  border-color: transparent transparent #ccc transparent;
  top: -7px;
  left: 50%;
  margin-left: -7px;
  border-width: 0 7px 7px 7px
}

.md_bubbles.md_bubbles_left {
  margin-left: 9px
}

.md_bubbles.md_bubbles_left:before {
  border-color: transparent #fafafa transparent transparent;
  top: 50%;
  margin-top: -6px;
  left: -6px;
  border-width: 6px 6px 6px 0
}

.md_bubbles.md_bubbles_left:after {
  border-color: transparent #ccc transparent transparent;
  top: 50%;
  margin-top: -7px;
  left: -9px;
  border-width: 7px 7px 7px 0
}

.md_bubbles.md_bubbles_right {
  margin-right: 9px
}

.md_bubbles.md_bubbles_right:before {
  border-color: transparent transparent transparent #fafafa;
  top: 50%;
  margin-top: -6px;
  right: -6px;
  border-width: 6px 0 6px 6px
}

.md_bubbles.md_bubbles_right:after {
  border-color: transparent transparent transparent #ccc;
  top: 50%;
  margin-top: -7px;
  right: -9px;
  border-width: 7px 0 7px 7px
}

.md_sns {
  position: fixed;
  top: 14em;
  left: 50%;
  margin-left: 500px
}

.md_sns .md_sns_btn {
  border: 1px solid #ddd;
  padding: 8px;
  background: #fff;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  font-size: 0;
  border-radius: 5px;
  display: inline-block
}

.md_sns .md_sns_btn:hover {
  border-color: #4484b3
}

.md_sns .sc-fb, .md_sns .sc-tw, .md_sns .sc-hateb {
  padding: .5em
}

.md_sns .fa-facebook {
  width: 40px;
  height: 40px;
  color: #3b5998
}

.md_sns .fa-twitter {
  width: 40px;
  height: 40px;
  color: #00a1e9
}

.md_sns .sc-hateb svg {
  width: 40px;
  height: 40px
}

.md_sns .sc-hateb svg .fill_1 {
  fill: #fff
}

.md_sns .sc-hateb svg .fill_2 {
  fill: #008fde
}

.md_sns .sc-hateb svg .fill_3 {
  fill: #00a4de
}

.md_sns .sc-hateb svg .fill_4 {
  fill: #f9f9f9
}

.md_graphpaper {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(95%, transparent), color-stop(5%, #ddd)), -webkit-gradient(linear, left top, right top, color-stop(95%, transparent), color-stop(5%, #ddd));
  background-image: linear-gradient(transparent 95%, #ddd 5%), linear-gradient(90deg, transparent 95%, #ddd 5%);
  background-size: 12px 12px;
  background-repeat: repeat;
  position: relative
}

.md_header {
  font-size: 14px;
  position: relative;
  background-color: #fff;
  width: 100%;
  z-index: 10000
}

.md_header * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.md_header a {
  color: #16469f
}

.md_header .md_header_logo {
  width: 100px;
  display: table-cell;
  vertical-align: middle;
  height: 5em
}

.md_header .md_header_logo a {
  width: 100%
}

.md_header .md_header_logo a:hover {
  text-decoration: none
}

.md_header .md_header_content {
  width: 650px
}

.md_header .md_header_search {
  width: 220px;
  padding-top: 1em
}

.md_header .md_header_bar {
  background: #333;
  color: #fff;
  font-size: 0.875em;
  height: 2.5em;
  line-height: 2.5
}

.md_header .md_header_bar a {
  color: #fff
}

.md_header .md_header_bar .md_header_bar_textcell {
  line-height: 2.5em
}

.md_header .md_header_bar .md_header_linkarea {
  width: 500px
}

.md_header .md_header_bar .md_header_linkarea a {
  color: #ccc
}

.md_header .md_header_bar .md_header_linkarea a:hover {
  color: #fff
}

.md_header .md_header_subbar {
  height: 2.5em;
  max-height: 2.5em;
  line-height: 2.5;
  overflow: hidden
}

.md_header_sponcer_logo {
  float: right
}

.md_header_alliance {
  overflow: hidden;
  width: 580px;
  vertical-align: middle;
  float: left
}

.md_header ul.md_gnavi {
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
  border-radius: 3px
}

.md_header ul.md_gnavi li.md_gnavi_menu {
  position: relative;
  font-size: 15px;
  text-align: center;
  display: table-cell;
  vertical-align: top;
  padding-top: 1em
}

.md_header ul.md_gnavi li.md_gnavi_menu.cur, .md_header ul.md_gnavi li.md_gnavi_menu:hover {
  color: #4484b3
}

.md_header ul.md_gnavi li.md_gnavi_menu.cur>a, .md_header ul.md_gnavi li.md_gnavi_menu:hover>a {
  color: #4484b3
}

.md_header ul.md_gnavi li.md_gnavi_menu.cur .md_gnavi_menu_inner, .md_header ul.md_gnavi li.md_gnavi_menu:hover .md_gnavi_menu_inner {
  color: #4484b3
}

.md_header ul.md_gnavi li.md_gnavi_menu:last-child {
  border-right: none
}

.md_header ul.md_gnavi li.md_gnavi_menu:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1px;
  height: 2em;
  margin: -1em 0 0 0;
  background-color: #ddd
}

.md_header ul.md_gnavi li.md_gnavi_menu .md_gnavi_menu_inner {
  cursor: pointer;
  width: 100%;
  display: block;
  font-weight: bold;
  position: relative;
  color: #666
}

.md_header ul.md_gnavi li.md_gnavi_menu .md_gnavi_menu_inner:hover {
  color: #4484b3
}

.md_header ul.md_gnavi li.md_gnavi_menu .md_gnavi_menu_inner a {
  display: inline-block;
  line-height: 3;
  height: 3em;
  color: #666
}

.md_header ul.md_gnavi .md_mega_menu {
  font-weight: normal;
  text-align: left;
  z-index: 9999;
  border: 1px solid #ccc;
  position: absolute;
  top: 80%;
  font-size: 15px;
  background: #fff;
  line-height: 1.5;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px
}

.md_header ul.md_gnavi .md_mega_menu a {
  color: #666;
  width: 100%;
  display: inline-block
}

.md_header ul.md_gnavi .md_mega_menu a:hover {
  color: #4484b3
}

.md_header ul.md_gnavi .md_mega_menu li.cur .md_gnavi_menu_inner a, .md_header ul.md_gnavi .md_mega_menu li.cur .md_gnavi_menu_inner:hover {
  color: #4484b3
}

.md_header ul.md_gnavi .md_mega_menu .md_mega_menu_index {
  position: relative;
  text-align: left;
  padding: .25em 0;
  font-weight: bold;
  margin-bottom: .5em;
  color: #666
}

.md_header ul.md_gnavi .md_mega_menu .md_mega_menu_index i {
  font-size: .835em
}

.md_header ul.md_gnavi .md_mega_menu.md_mega_menu_col1 {
  width: 174px
}

.md_header ul.md_gnavi .md_mega_menu.md_mega_menu_col2 {
  width: 348px
}

.md_header ul.md_gnavi .md_mega_menu.md_mega_menu_col3 {
  width: 522px
}

.md_header ul.md_gnavi .md_mega_menu.md_mega_menu_col4 {
  width: 696px
}

.md_header ul.md_gnavi .md_mega_menu.md_mega_menu_collefter1 {
  margin-left: -174px
}

.breadcrumbs_structured {
  overflow: hidden;
  height: 1.5em;
  *zoom: 1;
  font-size: 12px;
  text-align: left
}

.breadcrumbs_structured a {
  color: #16469f
}

.breadcrumbs_structured nav {
  text-align: left
}

.breadcrumbs_structured nav ol {
  display: inline-block
}

.breadcrumbs_structured li {
  float: left;
  display: inline-block;
  vertical-align: middle;
  list-style: none;
  margin: 0;
  line-height: 1.5;
  height: 1.5em;
  vertical-align: bottom;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 160px
}

.breadcrumbs_structured li em {
  font-weight: bold
}

.breadcrumbs_structured li a, .breadcrumbs_structured li em {
  display: inline-block;
  line-height: 1.5;
  height: 1.5em
}

.breadcrumbs_structured li:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5LjIgMTcuMiI+PHRpdGxlPmNoZXZyb24tdGhpbi1yaWdodF88L3RpdGxlPjxwYXRoIGQ9Ik0xMy4yNSwxMEw2LjExLDIuNThhMC43LDAuNywwLDAsMSwwLTEsMC42OCwwLjY4LDAsMCwxLDEsMGw3LjgzLDcuOTFhMC43LDAuNywwLDAsMSwwLDFMNy4wOCwxOC40YTAuNjgsMC42OCwwLDAsMS0xLDAsMC43LDAuNywwLDAsMSwwLTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS45MSAtMS40KSIgc3R5bGU9ImZpbGw6Izk5OSIvPjwvc3ZnPg==");
  color: #999;
  line-height: 1.5em;
  display: inline-block;
  width: .5em;
  margin: 0 1em
}

.breadcrumbs_structured li:last-child:after {
  content: ""
}

#footer {
  position: relative;
  width: 100%;
  background: #fff;
  text-align: center;
  word-break: break-all;
  font-size: 14px;
  line-height: 1.5
}

#footer .footer_inner {
  border-top: 1px dotted #aaa;
  width: 960px;
  margin: 0 auto
}

#footer .footer_text {
  text-align: left;
  font-size: 12px
}

#footer .footer_nav {
  padding: 6px 0;
  border: none;
  margin: 0
}

#footer .footer_nav li {
  display: inline-block;
  font-size: .875em;
  padding: 0 3px;
  text-align: center
}

#footer .copyright {
  border-top: 1px solid #4c4c4c;
  clear: both;
  font-size: .875em;
  padding: 5px 0 0 2px;
  text-align: center;
  width: 100%
}

#footer .c_caution {
  border-top: none
}

#footer .breadcrumbs, #footer .breadcrumbs_structured {
  background: none
}

.md_transbtn_menu {
  position: absolute;
  right: 8px;
  width: 40px;
  padding: 0 8px;
  height: 40px;
  z-index: 9999;
  cursor: pointer
}

.md_transbtn_menu .md_transbtn_inner {
  position: relative
}

.md_transbtn_menu span {
  display: block;
  position: absolute;
  padding: 0 4px;
  width: 100%;
  border-bottom: solid 2px #999;
  -webkit-transition: .35s ease-in-out;
  -webkit-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out
}

.md_transbtn_menu span:nth-child(1) {
  top: 13px
}

.md_transbtn_menu span:nth-child(2) {
  top: 20px
}

.md_transbtn_menu span:nth-child(3) {
  top: 27px
}

.md_drawerright_open .md_transbtn_menu span:nth-child(1) {
  top: 20px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.md_drawerright_open .md_transbtn_menu span:nth-child(2), .md_drawerright_open .md_transbtn_menu span:nth-child(3) {
  top: 20px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

#header_sp {
  min-height: 72px;
  position: relative;
  overflow: hidden
}

#header_sp .md_header_sp {
  position: fixed;
  width: 100%;
  z-index: 9999;
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 1, 2, 0.2);
  box-shadow: 0px 1px 3px 0px rgba(0, 1, 2, 0.2);
  top: 0;
  text-align: left
}

#header_sp .md_header_sp a:hover {
  text-decoration: none
}

#header_sp .md_header_logo a {
  height: 40px;
  font-size: 32px;
  line-height: 40px
}

#header_sp .breadcrumbs, #header_sp .breadcrumbs_structured {
  top: 40px;
  position: absolute
}

.stock_page #header_sp {
  min-height: 100px
}

.stock_page #header_sp .md_header_sp {
  min-height: 70px
}

.stock_page #header_sp .breadcrumbs, .stock_page #header_sp .breadcrumbs_structured {
  top: 75px
}

.top_page #header_sp {
  min-height: 45px
}

.top_page #header_sp .breadcrumbs, .top_page #header_sp .breadcrumbs_structured {
  display: none
}

.md_drawer_right {
  width: 300px;
  color: #555;
  background: #fafafa;
  min-height: 100%;
  position: fixed;
  right: -300px;
  z-index: 9999;
  top: 40px;
  bottom: 0;
  text-align: left;
  padding-bottom: 96px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch
}

.md_drawer_right::-webkit-scrollbar {
  width: 0px;
  height: 0px
}

.md_drawer_right::-webkit-scrollbar-button {
  width: 0px;
  height: 0px
}

.md_drawer_right a {
  color: #4c4c4c
}

.md_drawer_right .md_drawer_right_inner {
  top: 0;
  bottom: 0
}

.md_drawer_right .md_drawer_right_menu {
  z-index: 3;
  margin-bottom: 40px;
  width: 100%
}

.md_drawer_right ul.md_drawer_right_footer {
  list-style: square
}

.md_drawer_right ul.md_drawer_right_footer>li {
  padding: 0 0 0 1.5em;
  border-bottom: solid 1px rgba(150, 150, 150, 0.4);
  line-height: 30px;
  overflow: hidden;
  *zoom: 1
}

.md_drawer_right ul.md_drawer_right_footer>li a {
  display: block;
  color: #999;
  font-size: 0.875em
}

.md_layer {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9998
}

.md_drawerright_open .md_layer, .md_drawerbottom_menu_open .md_layer, .md_drawerbottom_notice_open .md_layer, .md_drawerbottom_search_open .md_layer {
  display: block
}

#contents_wrapper_sp {
  -webkit-tap-highlight-color: transparent
}

#contents_wrapper_sp #footer {
  padding-bottom: 60px
}

#contents_wrapper_sp #footer .e-toggle {
  border-top: 1px solid #555
}

#contents_wrapper_sp #footer_nav {
  border-top: 1px solid #555
}

#contents_wrapper_sp .breadcrumbs {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap
}

#contents_wrapper_sp .breadcrumbs::-webkit-scrollbar {
  width: 0px;
  height: 0px
}

#contents_wrapper_sp .breadcrumbs::-webkit-scrollbar-button {
  width: 0px;
  height: 0px
}

#contents_wrapper_sp .breadcrumbs>div {
  word-break: normal;
  word-break: keep-all;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  display: table
}

#contents_wrapper_sp .breadcrumbs_structured {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap
}

#contents_wrapper_sp .breadcrumbs_structured::-webkit-scrollbar {
  width: 0px;
  height: 0px
}

#contents_wrapper_sp .breadcrumbs_structured::-webkit-scrollbar-button {
  width: 0px;
  height: 0px
}

#contents_wrapper_sp .breadcrumbs_structured>div {
  word-break: normal;
  word-break: keep-all;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  display: table
}

.md_mtab_vartical {
  margin: 0;
  padding: 0;
  width: 100%
}

.md_mtab_vartical li {
  display: block;
  width: 100%;
  position: relative;
  cursor: pointer;
  line-height: 32px
}

.md_mtab_vartical li a, .md_mtab_vartical li .menu {
  display: block;
  line-height: 32px;
  width: 90%;
  margin: 0 auto
}

.md_mtab_vartical li i {
  float: left;
  line-height: 32px;
  font-size: 20px
}

.md_mtab_vartical li.disabled, .md_mtab_vartical li .disabled {
  color: #999 !important
}

.md_mtab_vartical li .md_mtab_vartical li a {
  padding-left: 50px
}

.md_mtab_vartical.md_mtab_vartical_left li.active, .md_mtab_vartical.md_mtab_vartical_left li.cur, .md_mtab_vartical.md_mtab_vartical_left li .cur, .md_mtab_vartical.md_mtab_vartical_left li.gsub_cur {
  border-left: 3px solid #cc0010;
  font-weight: bold
}

.md_mtab_vartical.md_mtab_vartical_right li.active, .md_mtab_vartical.md_mtab_vartical_right li.cur, .md_mtab_vartical.md_mtab_vartical_right li .cur, .md_mtab_vartical.md_mtab_vartical_right li.gsub_cur {
  border-right: 3px solid #cc0010;
  font-weight: bold
}

.md_mtab_vartical.theme_light li {
  border-bottom: solid 1px rgba(150, 150, 150, 0.4)
}

.md_mtab_vartical.theme_dark {
  border-bottom: none;
  background: #333;
  color: #fff
}

.md_mtab_vartical.theme_dark [class^="ico_"]:before, .md_mtab_vartical.theme_dark [class*=" ico_"]:before, .md_mtab_vartical.theme_dark [class^="icon-"], .md_mtab_vartical.theme_dark [class*=" icon-"] {
  color: #fff
}

.md_mtab_vartical.theme_dark a, .md_mtab_vartical.theme_dark .tab, .md_mtab_vartical.theme_dark i {
  color: #fff
}

.md_mtab_vartical.theme_dark li {
  border-top: solid 1px #444;
  border-bottom: solid 1px #222
}

.md_mtab_vartical.size_s li {
  display: block;
  cursor: pointer;
  line-height: 24px;
  font-size: 0.875em
}

.md_mtab_vartical.size_s li a {
  display: block;
  line-height: 24px
}

.md_mtab_vartical.size_s li i {
  float: left;
  line-height: 24px;
  font-size: 16px
}

.ico_new:after {
  display: inline-block;
  font-weight: normal;
  margin: 0 2px;
  content: "NEW!";
  font-size: 0.75em;
  background: #cc0010;
  color: #fff;
  border-radius: 2px;
  height: 14px;
  line-height: 14px;
  vertical-align: 5%;
  padding: 0 2px
}

.md_list {
  width: 100%
}

.md_list>li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(150, 150, 150, 0.4);
  padding: .25em;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.md_list.noBorder li {
  border-bottom: none
}

.md_list_horizon>li {
  border-right: 1px solid rgba(150, 150, 150, 0.4)
}

.md_list_horizon>li:first-child {
  border-left: 1px solid rgba(150, 150, 150, 0.4)
}

.md_icon_subtext {
  display: block;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  font-size: 10px;
  line-height: 1.2
}

.md_icon_subtext i {
  display: block;
  margin: .2em auto
}

.md_icon_subtext a:hover {
  text-decoration: none
}

.md_icon_subtext.size_ss i {
  font-size: 14px
}

.md_icon_subtext.size_s i {
  font-size: 16px
}

.md_icon_subtext.size_m {
  font-size: 11px
}

.md_icon_subtext.size_m i {
  font-size: 20px
}

.md_icon_subtext.size_l {
  font-size: 12px
}

.md_icon_subtext.size_l i {
  font-size: 24px
}

.md_icon_subtext.size_lll {
  font-size: 20px
}

.md_icon_subtext.size_lll i {
  font-size: 48px;
  margin-bottom: 24px
}

.md_icon_subtext.on, .md_icon_subtext.off {
  padding: 3px 0;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.07)
}

.md_icon_subtext.on {
  color: #099dd1
}

.md_icon_subtext.on i {
  color: #099dd1
}

.md_icon_subtext.on.theme_light {
  background: rgba(255, 255, 255, 0.1);
  text-shadow: 0 -1px 0 #1a3141;
  color: #9fceff
}

.md_icon_subtext.on.theme_light i {
  color: #9fceff
}

.md_icon_subtext.off {
  color: #666
}

.md_icon_subtext.off i {
  color: #666
}

.md_icon_subtext.off.theme_light {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.8)
}

.md_icon_subtext.off.theme_light i {
  color: rgba(255, 255, 255, 0.8)
}

#main {
  /* background: #F9F9F9; */
  /* text-align: center; */
  margin: 0 auto;
  width: 970px;
  background-color: #f9f5e2;
}

@media (max-width: 634px) {
  #main {
    width: 100%;
  }
}

#main h2.title_wrapper {
  margin: 10px 0;
  background: #01a6ea;
  padding: 10px 0
}

#main h2 .title {
  font-size: 27px;
  font-weight: bold;
  color: #fff;
  background: url(../img/nisa/pen_icon.png) no-repeat 20px center;
  padding: 0px 70px
}

#main h3.sub_title {
  font-size: 24px;
  font-weight: bold;
  color: #00638d;
  display: inline-block;
  padding: 0 20px;
  border-left: 7px double #50a9d0;
  border-right: 7px double #50a9d0;
  margin: 20px auto 10px;
  text-align: center
}

#main .description {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  color: #525252;
  line-height: 1.7em
}

#main .description em {
  font-weight: bold;
  color: #00638d
}

#main .sub_text {
  text-align: right;
  font-size: 14px;
  color: #999;
  font-weight: normal
}

#main .index_wrapper {
  margin: 10px 0;
  background: #d8eec0
}

#main .index {
  font-size: 27px;
  font-weight: bold;
  color: #65b601;
  padding: 0px 70px;
  text-indent: 55px
}

#main .index.ranking {
  background: url(../img/nisa/beginner_icon.png) no-repeat 20px center;
  height: 88px;
  line-height: 88px
}

#main .nisa_table {
  margin: 10px 0;
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  color: #525252
}

#main .nisa_table th {
  background: #f4faee;
  color: #58a002;
  font-weight: bold
}

#main .nisa_table td, #main .nisa_table th {
  border: solid 2px #d8eec0;
  padding: 10px
}

#main .steer #totalRanking th {
  border: none
}

#main .steer #totalRanking th .bg {
  border: 1px solid #ccc;
  background: #eee;
  color: #999;
  font-weight: bold;
  font-size: 15px;
  padding: 5px;
  margin: 5px;
  text-align: center
}

#main .steer #totalRanking td {
  border: solid 2px #d8eec0
}

#main .steer #totalRanking td.point {
  width: auto
}

#main .steer #totalRanking td.point .value, #main .steer #totalRanking td.point .starnum {
  color: #58a002;
  font-size: 32px;
  text-align: center;
  float: none;
  padding-left: 0
}

#main .steer #totalRanking td.cont {
  text-align: left;
  padding: 10px;
  background-image: none;
  font-weight: bold;
  color: #525252;
  font-size: 14px
}

#main .steer #totalRanking tr {
  background: #fff
}

#main .steer #totalRanking tr.odd {
  background: #f4faee
}

#main .steer #totalRanking .css_btn {
  float: left;
  margin-right: 10px;
  font-weight: bold;
  height: 40px;
  font-size: 20px;
  line-height: 46px
}

#main .steer #totalRanking .css_btn span {
  font-size: 0.7em;
  margin-right: none
}

#main .steer #totalRanking .css_btn.green {
  line-height: 14px
}

#main .steer #totalRanking .css_btn:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7
}

#main .steer .nisa_detail_table {
  margin: 10px 0
}

#main .steer .nisa_detail_table table {
  border: solid 1px #aaa;
  table-layout: fixed;
  width: 100%
}

#main .steer .nisa_detail_table td {
  border: solid 1px #aaa;
  padding: 2px 5px
}

#main .steer .nisa_detail_table th {
  background: #b8ebfe;
  font-weight: bold;
  border: solid 1px #aaa;
  border-bottom: none;
  border-right: none;
  padding: 2px 5px
}

#main .steer .nisa_detail_table th.cat2 {
  background: #e3f7fe
}

#main .steer .nisa_detail_table th.company {
  background: #ffffff;
  border-bottom: 3px solid #58a002;
  width: 115px;
  text-align: center
}

#main .steer .nisa_detail_table th.noborder_top {
  border-top: none
}

#main .steer .nisa_detail_table th.noborder_left {
  border-left: none
}

#main .steer .nisa_detail_table td {
  background: #ffffff
}

#main .steer .nisa_detail_table .btn_area {
  background: #ffffff;
  text-align: center
}

#main .steer .nisa_detail_table .btn_area .css_btn {
  font-size: 15px;
  display: block
}

#main .steer .nisa_detail_table .btn_area .css_btn span {
  font-size: 0.6em
}

#main .steer .nisa_detail_table .best {
  background-color: #ffa44a
}

#main .steer .nisa_detail_table .better {
  background-color: #fff2d9
}

#main .steer .nisa_detail_table .good {
  background-color: #FFFACD
}

.gnav {
  margin: 0 0 18px 0
}

.gnav h2 {
  display: none
}

.gnav ul {
  background: url(../img/nisa/bg-menu.jpg) 0 0 no-repeat scroll;
  height: 99px;
  margin: 0;
  position: relative;
  width: 960px
}

.gnav ul li {
  list-style: none;
  position: absolute;
  top: 3px
}

.gnav ul li.whats {
  left: 30px
}

.gnav ul li.howto {
  left: 240px
}

.gnav ul li.advise {
  left: 470px
}

.gnav ul li.social {
  left: 711px
}

.article {
  margin: 0 auto;
  padding: 0 0 30px 0;
  width: 900px
}

@media (max-width: 634px) {
  .article {
      width: 96%;
  }
}

.article>*:last-child, .article>*:last-child>*:last-child, .article>*:last-child>*:last-child>*:last-child {
  margin-bottom: 0 !important
}

.article h2 {
  margin: 0 0 7px 0
}

.article dl.figure {
  background: #fff;
  margin: 0 0 50px 0;
  padding: 20px 50px
}

.article .section {
  margin: 0 0 50px 0
}

.article .aside {
  margin: -8px 0 50px 0
}

.article ul.notes {
  font-size: 13px;
  margin: 0 0 1em 0;
  padding: 0;
  text-align: left
}

.article ul.notes li {
  list-style: none;
  margin-left: 1em;
  text-indent: -1em
}

.steer {
  margin: 50px 0
}

.steer ul {
  margin: 0;
  padding: 0;
  zoom: 1
}

.steer ul:after {
  clear: both;
  content: '';
  display: block;
  height: 0;
  line-height: 0
}

.steer ul li {
  list-style: none;
  margin: 0;
  padding: 0
}

.steer ul li a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5
}

.steer ul li.to_detail {
  margin: 0 0 30px 0
}

.steer ul li.to_seminar {
  float: left
}

.steer ul li.to_open {
  float: right
}

.risk {
  font-size: 13px;
  text-align: left
}

.risk .section {
  margin: 0 0 1em 0
}

.risk .section h3, .risk .section h4 {
  font-size: 15px;
  font-weight: normal;
  margin: 0
}

.risk .section p {
  margin: 0
}

.risk .section ul {
  margin: 0 0 0 20px;
  padding: 0
}

.risk .section ul li {
  margin: 0 0 0 0;
  padding: 0
}

@font-face {
  font-family: 'icomoon';
  src: url("/css/font/icomoon.eot?qrn51l");
  src: url("/css/font/icomoon.eot?qrn51l#iefix") format("embedded-opentype"), url("/css/font/icomoon.ttf?qrn51l") format("truetype"), url("/css/font/icomoon.woff?qrn51l") format("woff"), url("/css/font/icomoon.svg?qrn51l#icomoon") format("svg");
  font-weight: normal;
  font-style: normal
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-beginner:before {
  content: "\e902"
}

.icon-checkmark2:before {
  content: "\e904"
}

.icon-coinpig:before {
  content: "\e909"
}

.icon-coins:before {
  content: "\e90c"
}

.icon-face-smile:before {
  content: "\e90d"
}

.icon-new_releases:before {
  content: "\e031"
}

.icon-cake:before {
  content: "\e7e9"
}

.icon-menu2:before {
  content: "\e5d3"
}

.icon-home:before {
  content: "\e901"
}

.icon-office:before {
  content: "\e903"
}

.icon-bullhorn2:before {
  content: "\e91b"
}

.icon-paste:before {
  content: "\e92d"
}

.icon-display:before {
  content: "\e956"
}

.icon-user-tie:before {
  content: "\e976"
}

.icon-equalizer:before {
  content: "\e992"
}

.icon-cog:before {
  content: "\e994"
}

.icon-pie-chart:before {
  content: "\e99a"
}

.icon-stats-bars:before {
  content: "\e99c"
}

.icon-list-numbered:before {
  content: "\e9b9"
}

.icon-tree:before {
  content: "\e9bc"
}

.icon-sphere:before {
  content: "\e9c9"
}

.icon-bookmarks:before {
  content: "\e9d3"
}

.icon-point-up:before {
  content: "\ea03"
}

.icon-point-right:before {
  content: "\ea04"
}

.icon-plus:before {
  content: "\ea0a"
}

.icon-minus:before {
  content: "\ea0b"
}

.icon-info:before {
  content: "\ea0c"
}

.icon-cross:before {
  content: "\ea0f"
}

.icon-filter:before {
  content: "\ea5b"
}

.icon-table2:before {
  content: "\ea71"
}

.icon-new-tab:before {
  content: "\ea7e"
}

.icon-minkabu_logo:before {
  content: "\e900";
  color: #e60012
}

.icon-rising:before {
  content: "\e925"
}

.icon-ipo:before {
  content: "\e926"
}

.icon-candlestick:before {
  content: "\e927"
}

.icon-coinpurse:before {
  content: "\e928"
}

.icon-handshake:before {
  content: "\e929"
}

.icon-sprout:before {
  content: "\e92a"
}

.icon-tool:before {
  content: "\e92b"
}

.icon-forward3:before {
  content: "\ea20"
}

.icon-yen:before {
  content: "\e905"
}

.icon-crown:before {
  content: "\e808"
}

.icon-news_new:before {
  content: "\e800"
}

.icon-minkabu:before {
  content: "\e60e"
}

.icon-check-alt:before {
  content: "\e60f"
}

.icon-image:before {
  content: "\e61e"
}

.icon-newspaper:before {
  content: "\e627"
}

.icon-pencil:before {
  content: "\e628"
}

.icon-bullhorn:before {
  content: "\e63d"
}

.icon-book:before {
  content: "\e642"
}

.icon-bell:before {
  content: "\e5d2"
}

.icon-mobile2:before {
  content: "\e67c"
}

.icon-bubble:before {
  content: "\e68e"
}

.icon-spinner11:before {
  content: "\e6a7"
}

.icon-search:before {
  content: "\e6a9"
}

.icon-trophy:before {
  content: "\e6c1"
}

.icon-gift:before {
  content: "\e6c2"
}

.icon-list:before {
  content: "\e6dd"
}

.icon-menu:before {
  content: "\e6e0"
}

.icon-star-empty:before {
  content: "\e6fa"
}

.icon-star-half:before {
  content: "\e6fb"
}

.icon-star-full:before {
  content: "\e907"
}

.icon-enter:before {
  content: "\e736"
}

.icon-exit:before {
  content: "\e737"
}

.icon-arrow-up2:before {
  content: "\e75d"
}

.icon-arrow-down2:before {
  content: "\e761"
}

.icon-play3:before {
  content: "\ea1c"
}

.icon-steps:before {
  content: "\f0c7"
}

.icon-checkmark:before {
  content: "\e733"
}

.icon-minkabu2:before {
  content: "\e610"
}

.icon-chevron-down:before {
  content: "\f0a3"
}

.icon-chevron-left:before {
  content: "\f0a4"
}

.icon-chevron-right:before {
  content: "\f078"
}

.icon-chevron-up:before {
  content: "\f0a2"
}

.icon-upicon:before {
  content: "\e910"
}

.icon-rank1:before {
  content: "\e911"
}

.icon-rank2:before {
  content: "\e912"
}

.icon-rank3:before {
  content: "\e913"
}

.icon-rank4:before {
  content: "\e914"
}

.icon-rank5:before {
  content: "\e915"
}

.icon-rank6:before {
  content: "\e916"
}

.icon-rank7:before {
  content: "\e917"
}

.icon-rank8:before {
  content: "\e918"
}

.icon-rank9:before {
  content: "\e919"
}

.icon-rank10:before {
  content: "\e91a"
}

.icon-minkabu_co_logo:before {
  content: "\e90e"
}

.icon-line_chart:before {
  content: "\e90b"
}

.icon-mountain_chart:before {
  content: "\e90a"
}

.icon-envelope:before {
  content: "\e906"
}

.icon-thumbs-down:before {
  content: "\e924"
}

.icon-thumbs-up:before {
  content: "\e92c"
}

.icon-chevron-thin-down:before {
  content: "\e708"
}

.icon-chevron-thin-left:before {
  content: "\e709"
}

.icon-chevron-thin-right:before {
  content: "\e70a"
}

.icon-chevron-thin-up:before {
  content: "\e70b"
}

.icon-attachment2:before {
  content: "\e710"
}

.icon-help-with-circle:before {
  content: "\e804"
}

.icon-info-with-circle:before {
  content: "\e805"
}

.icon-chevron-right2:before {
  content: "\e908"
}

#yutai .header_top {
  height: 180px;
  width: 960px;
  background: url(../img/yutai/top_title_bg.png) no-repeat left top;
  position: relative;
  text-shadow: 1px 1px 0 rgba(174, 38, 51, 0.5)
}

#yutai .header_top h2 {
  color: #fff;
  font-size: 30px;
  position: absolute;
  left: 100px;
  top: 70px
}

#yutai .header_top p {
  color: #fff;
  font-size: 15px;
  position: absolute;
  left: 270px;
  top: 70px;
  width: 600px
}

#yutai #intro dl {
  border-bottom: #e8e8e8 5px solid
}

#yutai #intro .text {
  width: 614px;
  margin: 10px 0
}

#yutai .photo {
  float: left;
  width: 300px;
  padding: 0;
  text-align: center;
  margin: 48px 0 0 0
}

#yutai h4 {
  font-size: 18px;
  font-weight: bold;
  color: #E60012;
  margin: 10px 0 10px 0
}

#yutai .recommend {
  float: right;
  padding: 5px 0;
  margin-top: 30px;
  width: 600px
}

#yutai .recommend p {
  color: #104A8E;
  font-weight: bold;
  font-size: 18px;
  margin: 10px 0 10px 0
}

#yutai .recommend ul li {
  position: relative;
  font-size: 16px;
  left: 32px;
  line-height: 30px;
  width: 570px
}

#yutai .recommend ul li:after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1.8em;
  width: 16px;
  height: 6px;
  border-left: 3px solid #ea6d82;
  border-bottom: 3px solid #ea6d82;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

#yutai .data .chart {
  margin: 0 0 0 20px;
  float: left
}

#yutai .data table {
  width: 520px;
  float: left
}

#yutai .category_nav {
  padding: 20px
}

#yutai .category_nav li {
  display: inline-block
}

#yutai .category_nav li a {
  display: block;
  border: 1px solid #dddddd;
  padding: 10px;
  width: 105px;
  text-align: center;
  background: #fafafa;
  background-image: -webkit-linear-gradient(135deg, #eee 30%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.2) 50%, #eee 50%, #eee 80%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.2));
  background-size: 4px 4px;
  color: #1a489c;
  text-decoration: none;
  font-weight: bold;
  text-shadow: #ffffff 2px 2px 0px, #ffffff -2px 2px 0px, #ffffff 2px -2px 0px, #ffffff -2px -2px 0
}

#yutai .category_txt {
  margin: 5px 20px 0 20px
}

#yutai .category {
  margin: 20px 20px 0;
  padding: 0 0 0 10px;
  font-size: 22px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  border-top: 1px dotted #dddddd;
  border-bottom: 1px dotted #dddddd;
  background: #fafafa;
  background-image: -webkit-linear-gradient(135deg, #eee 30%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.2) 50%, #eee 50%, #eee 80%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.2));
  color: #333;
  background-size: 4px 4px
}

#yutai .category .c_food {
  background: url(../img/yutai/category/ico_food.png) no-repeat left center;
  padding: 0 40px
}

#yutai .category .c_food_ticket {
  background: url(../img/yutai/category/ico_food_ticket.png) no-repeat left center;
  padding: 0 40px
}

#yutai .category .c_travel {
  background: url(../img/yutai/category/ico_travel.png) no-repeat left center;
  padding: 0 40px
}

#yutai .category .c_life {
  background: url(../img/yutai/category/ico_life.png) no-repeat left center;
  padding: 0 40px
}

#yutai .category .c_sports {
  background: url(../img/yutai/category/ico_sports.png) no-repeat left center;
  padding: 0 40px
}

#yutai .category .c_lady {
  background: url(../img/yutai/category/ico_lady.png) no-repeat left center;
  padding: 0 40px
}

#yutai .category .c_cash_ticket {
  background: url(../img/yutai/category/ico_cash_ticket.png) no-repeat left center;
  padding: 0 40px
}

#campaign {
  background-color: #ffffff
}

#campaign:hover {
  background-color: #ffffff
}

#campaign .img_box {
  text-align: center;
  margin: 5px
}

#campaign em {
  background: #F4FC6C;
  font-weight: bold
}

#campaign #yusei .intro_s dt {
  background: url(../img/campaign/icon-megaphone.png) center left no-repeat;
  text-indent: 130px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px dotted #ccc;
  font-size: 20px;
  padding: 0
}

#campaign #matome2015 .intro_s dt {
  background: none;
  text-indent: 0px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px dotted #ccc;
  font-size: 20px;
  padding: 0
}

#campaign .intro_s dd {
  margin: 10px 0
}

#campaign .intro_s dl {
  margin-bottom: 20px
}

#campaign .main-tbar {
  width: 960px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  color: #ffffff;
  margin: 10px 0 0;
  font-size: 18px
}

#campaign .main-tbar h1, #campaign .main-tbar h2, #campaign .main-tbar h3 {
  display: inline-block;
  font-weight: bold;
  font-size: 1.5em
}

#campaign #yusei .main-tbar {
  background: url(../img/campaign/yusei/title_bg.png) center left no-repeat
}

#campaign #matome2015 .main-tbar {
  background: url(../img/campaign/2016/header_2015_12.png) center left no-repeat
}

#campaign #mynumber .main-tbar {
  background: url(/images_pc/columns/header_mynumber.png) center left no-repeat
}

#campaign #juniornisa .main-tbar {
  background: url(../img/campaign/juniornisa/header_juniornisa.png) center left no-repeat
}

#campaign #line .main-tbar {
  background: url(../img/campaign/line/header_line.png) center left no-repeat
}

#campaign #jrkyushu .main-tbar {
  background: url(../img/campaign/jrkyushu/header_jrkyushu.png) center left no-repeat
}

#campaign #philcompany .main-tbar {
  background: url(../img/campaign/philcompany/header_philcompany.png) center left no-repeat
}

#campaign #chikaranomoto .main-tbar {
  background: url(../img/campaign/chikaranomoto/header_chikaranomoto.png) center left no-repeat
}

#campaign #ideco .main-tbar {
  background: url(/images_pc/columns/header_ideco.png) center left no-repeat
}

#campaign #sagawa .main-tbar {
  background: url(../img/campaign/sagawa/header_sagawa.png) center left no-repeat
}

#campaign .summer .roundiconTitle {
  position: relative;
  color: black;
  background: #cbe0f0;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
  font-size: 24px;
  font-weight: bold;
  padding: 16px 0 10px 0;
  border: solid 2px white
}

#campaign .summer .roundiconTitle:after {
  position: absolute;
  content: "Check";
  background: #025592;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}

#campaign .summer .info_wrap article h4 {
  background-color: #eeeeee;
  border-radius: 3px;
  padding: 5px
}

#campaign .recommend p {
  color: #104A8E;
  font-weight: bold;
  font-size: 18px;
  margin: 10px 0 10px 0
}

#campaign .recommend ul li {
  position: relative;
  font-size: 16px;
  left: 32px;
  line-height: 30px;
  width: 570px
}

#campaign .recommend ul li:after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1.8em;
  width: 16px;
  height: 6px;
  border-left: 3px solid #ea6d82;
  border-bottom: 3px solid #ea6d82;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

#campaign .tab {
  padding: 0;
  border-bottom: 3px solid #025592;
  display: table
}

#campaign .tab li {
  font-size: 18px;
  height: 50px;
  width: 318px;
  background: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background-image: linear-gradient(#fff, #eee);
  background-repeat: repeat;
  border: solid 1px #aaa;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-radius: 5px 5px 0 0
}

#campaign .tab li a {
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #025592;
  font-weight: bold;
  display: inline-block;
  text-align: center
}

#campaign .tab li:hover, #campaign .tab li.active, #campaign .tab li.current {
  background: #b8e2f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#b8e2f9));
  background-image: linear-gradient(#ececec, #b8e2f9)
}

#campaign .tab.tab_bottom {
  border-top: 3px solid #025592;
  border-bottom: none;
  margin-bottom: 20px
}

#campaign .tab.tab_bottom li {
  border: solid 1px #aaa;
  border-radius: 0 0 5px 5px
}

#campaign #signup, #campaign #com_point, #campaign #faq {
  margin-top: -78px;
  padding-top: 78px
}

#campaign .checkpoint {
  border: 2px solid #b5c9df;
  border-radius: 3px;
  background: #eff7ff;
  position: relative;
  padding: 10px;
  margin: 10px 0
}

#campaign .checkpoint:before {
  content: "";
  border-bottom: 20px solid transparent;
  border-top: 20px solid transparent;
  border-left: 20px solid #b5c9df;
  position: absolute;
  right: -20px;
  top: 20px
}

#campaign .checkpoint:after {
  content: "";
  border-bottom: 18px solid transparent;
  border-top: 18px solid transparent;
  border-left: 18px solid #eff7ff;
  position: absolute;
  right: -18px;
  top: 22px
}

#campaign .checkpoint .ti {
  line-height: 1em;
  color: #104a8e;
  padding-left: 30px;
  margin: 0;
  font-size: 15px;
  border-bottom: 1px dotted #025592;
  background: url(../img/ico/arr_skip_rbl_30.gif) no-repeat 10px center
}

#campaign table.ipo_flow_wrap {
  margin: 10px 0;
  border-collapse: separate;
  border-spacing: 10px
}

#campaign table.ipo_flow_wrap td {
  vertical-align: top
}

#campaign table.ipo_flow_wrap td.ipo_flow {
  width: 300px;
  text-align: center
}

#campaign table.ipo_flow_wrap td.ipo_flow .box {
  border: 2px solid #cbe0f0;
  background: #eff7ff;
  text-align: left;
  padding: 10px;
  border-radius: 5px
}

#campaign table.ipo_flow_wrap td.ipo_flow .box .udot {
  border-bottom: 1px dotted #ccc;
  padding: 3px 0
}

#campaign table.ipo_flow_wrap td.ipo_point .index_box {
  position: relative;
  background: url(../img/company/hyouka_point.png) no-repeat 5px top #cbe0f0;
  position: relative;
  color: #002b5b;
  padding: 5px 10px 5px 40px;
  border: 1px solid #aaa;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px
}

#campaign table.ipo_flow_wrap td.ipo_point .index_box:before {
  content: "";
  border-right: 10px solid #aaa;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 7px;
  left: -10px
}

#campaign table.ipo_flow_wrap td.ipo_point .index_box:after {
  content: "";
  border-right: 10px solid #cbe0f0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 7px;
  left: -8px;
  display: block;
  clear: both
}

#campaign table.ipo_flow_wrap td.ipo_point .index_box img {
  position: absolute;
  right: 10px;
  top: -8px
}

#campaign table.ipo_flow_wrap td.ipo_point .index_box span {
  font-size: 16px
}

#campaign table.ipo_flow_wrap td.ipo_point .img {
  text-align: center;
  float: left;
  width: 300px;
  margin: 0 10px 5px 0
}

#campaign table.ipo_flow_wrap td.ipo_point .txt {
  padding: 0 10px
}

#campaign table.ipo_flow_wrap td.ipo_point .arr {
  margin-right: 0
}

#campaign .arr_down {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #104a8e
}

#campaign #tabnavi {
  padding: 0;
  margin-top: 10px
}

#campaign #tabnavi ul {
  display: table
}

#campaign #tabnavi li {
  display: inline-block
}

#campaign #tabnavi li a {
  font-size: 14px;
  height: 60px;
  color: #025592;
  font-weight: bold;
  height: 60px;
  width: 118px;
  background: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background-image: linear-gradient(#fff, #eee);
  background-repeat: repeat;
  border: solid 1px #aaa;
  border-bottom: none;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-radius: 5px 5px 0 0
}

#campaign #tabnavi li:hover a, #campaign #tabnavi li.active a {
  border-color: #025592;
  background: #025592;
  color: #fff
}

#campaign #tabnavi li:hover a, #campaign #tabnavi li.active a {
  color: #fff
}

#campaign #tabcontent {
  background: #fff;
  padding: 0;
  border: 1px solid #025592;
  border-top: 3px solid #025592
}

#campaign .vi {
  background: #025592;
  font-size: 150%;
  padding: 5px 10px
}

.vi p {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 3px #666
}

#campaign #tabcontent table.merit {
  margin: 10px 0px;
  width: 100%
}

#campaign #tabcontent table.merit td {
  padding: 3px 5px;
  text-align: left
}

#campaign #tabcontent table.merit td.logo {
  padding: 3px 5px;
  text-align: center
}

#campaign #tabcontent table.merit td .tortal_point {
  font-weight: bold;
  font-size: 15px;
  background-color: #104A8E;
  color: #ffffff;
  border-radius: 5px;
  padding: 3px 5px
}

#campaign #tabcontent table.merit h4 {
  font-weight: bold;
  font-size: 15px;
  color: #104A8E;
  background: url(../img/hikaku/hyokap_i.png) no-repeat left center;
  padding: 2px 0px 0px 20px
}

#campaign #tabcontent table.merit p {
  font-size: 12px;
  padding-left: 20px
}

#campaign #tabcontent .sub_index {
  background: url(../img/company/hyouka_point.png) no-repeat 10px center #025592;
  padding: 5px 20px 5px 50px;
  margin: 5px
}

#campaign #tabcontent .info_wrap img.snap {
  margin: 10px 0
}

#campaign table.com_data_table {
  width: 100%;
  font-size: 14px;
  margin: 10px 0
}

#campaign .com_data_table table {
  width: 100%;
  font-size: 14px;
  margin: 10px 0
}

#campaign .com_data_table th, #campaign .com_data_table td {
  border: 1px #ccc solid;
  padding: 5px 3px;
  text-align: center;
  position: relative
}

#campaign .com_data_table strong {
  font-weight: bold;
  font-size: 1.3em;
  color: #002b5b
}

#campaign .com_data_table thead th {
  border-bottom: 2px solid #025592
}

#campaign .com_data_table .good {
  font-weight: bold;
  background: #fdfcba;
  font-size: 1.2em
}

#campaign .com_data_table .icon_recommend {
  text-align: left;
  position: absolute;
  left: -20px;
  top: 5px;
  min-height: 50px
}

#campaign .com_data_table .ipo_company {
  width: 20%;
  font-weight: bold
}

#campaign .com_data_table .ipo_company.no1 {
  padding-top: 40px
}

#campaign .com_data_table .ipo_coordinator {
  width: 15%
}

#campaign .com_data_table .ipo_lots {
  width: 10%
}

#campaign .com_data_table .ipo_par {
  width: 15%
}

#campaign .com_data_table .ipo_results {
  width: 10%
}

#campaign .com_data_table .ipo_point {
  width: 30%;
  text-align: left
}

#campaign .com_data_table .detail_btn {
  width: 12%
}

#campaign .w50p_left {
  float: left;
  width: 47.5%
}

#campaign .w33p_left {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 33%
}

#campaign .info_wrap .left {
  float: left;
  width: 400px;
  padding: 0;
  margin-bottom: 10px
}

#campaign .info_wrap .right {
  float: right;
  width: 500px
}

#campaign .info_wrap .left img.snap {
  width: 380px;
  padding: 10px;
  height: auto
}

#campaign .info_wrap .point {
  width: 100%;
  border: 1px solid #aecae9;
  border-radius: 2px;
  margin-bottom: 30px
}

#campaign .point_table {
  margin-bottom: 20px
}

#campaign .point_table table {
  width: 100%;
  table-layout: fixed
}

#campaign .point_table table th, #campaign .point_table table td {
  border: 1px solid #aecae9;
  padding: 5px 0;
  text-align: center
}

#campaign .point_table table th {
  background: url("../img/company/bg_pattern.gif") repeat;
  color: #073878;
  font-weight: bold;
  -webkit-filter: dropshadow(color=#fff, offX=0, offY=-2) dropshadow(color=#fff, offX=2, offY=0) dropshadow(color=#fff, offX=0, offY=2) dropshadow(color=#fff, offX=-2, offY=0);
  filter: dropshadow(color=#fff, offX=0, offY=-2) dropshadow(color=#fff, offX=2, offY=0) dropshadow(color=#fff, offX=0, offY=2) dropshadow(color=#fff, offX=-2, offY=0);
  -webkit-text-stroke-color: #ffffff;
  -webkit-text-stroke-width: 0px;
  text-shadow: #ffffff 2px 2px 0px, #ffffff -2px 2px 0px, #ffffff 2px -2px 0px, #ffffff -2px -2px 0px
}

#campaign .point_table table td .no1 {
  background: url(../img/hikaku/hyo_i_crown.png) no-repeat left center;
  padding-left: 20px
}

#campaign .point_table h4 {
  background: url(../img/hikaku/hyokap_i.png) no-repeat 5px center;
  padding-left: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #073878;
  margin: 10px 0 3px
}

#campaign .banner {
  padding: 15px 0 15px 0
}

#campaign .kaisetu_step li {
  border-radius: 3px;
  float: left;
  margin-right: 5px;
  width: 225px;
  text-shadow: 2px 2px 0px white
}

#campaign .kaisetu_step li .index_box {
  position: relative;
  color: #104a8e;
  padding: 5px;
  border: 1px dotted #b5c9df;
  font-weight: bold;
  font-size: 15px;
  background: url(../img/ico/arr_skip_rbl_30.gif) no-repeat 200px 5px #eff7ff
}

#campaign .kaisetu_step li .txt {
  padding: 10px;
  font-size: 14px
}

#campaign .kaisetu_step li .txt .process p {
  font-size: 12px;
  padding-left: 1em;
  text-indent: -3em
}

#campaign .point_index2 {
  display: inline-block;
  padding: 3px 10px;
  margin: 5px 15px 5px 0;
  font-size: 12px;
  border: 1px solid #025592;
  border-radius: 3px;
  vertical-align: middle;
  color: #fff;
  background: #025592
}

#campaign .info_wrap .left.summary {
  width: auto
}

#campaign .info_wrap .figure .left {
  width: 630px
}

#campaign .info_wrap .figure .right {
  width: 250px
}

#campaign table.ipo_flow_wrap.schedule td {
  vertical-align: middle
}

#campaign table.ipo_flow_wrap td.ipo_flow .box.important {
  border: 2px solid #f0cbcb;
  background: #ffefef;
  text-align: left;
  padding: 10px;
  border-radius: 5px
}

#campaign .total article.no1 {
  position: relative;
  width: 97.4%
}

#campaign .total div.nounder {
  width: 100.0%
}

#campaign .total article.no2, #campaign .total article.no3 {
  position: relative;
  width: 46.6%;
  height: 210px;
  margin-left: 1.4%
}

#campaign .category article.no1, #campaign .category article.samerate.no3 {
  position: relative;
  width: 95.0%
}

#campaign .category article.no2, #campaign .category article.no3, #campaign .category article.samerate.no1 {
  position: relative;
  width: 44%;
  margin-left: 1.4%
}

#campaign article.no1 .rank, #campaign article.no2 .rank, #campaign article.no3 .rank {
  position: absolute;
  top: -10px;
  left: -5px;
  width: 60px
}

#campaign article.no1 .rank {
  color: #e6bf56
}

#campaign article.no2 .rank {
  color: #a3a3a3
}

#campaign article.no3 .rank {
  color: #d5896b
}

#campaign article.no1.md_card {
  border-color: #e6bf56;
  border-width: 2px
}

#campaign article.no2.md_card {
  border-color: #8B8B8B;
  border-width: 2px
}

#campaign article.no3.md_card {
  border-color: #D2760C;
  border-width: 2px
}

#campaign article.no1 .ranking_btn {
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #CCB703;
  background: #fafafa;
  border-radius: 3px;
  padding: .3em;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  display: block;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 1, 2, 0.1);
  box-shadow: 0 1px 3px 0 rgba(0, 1, 2, 0.1);
  color: #fff;
  background: #CCB703;
  background-size: 100%;
  background-image: linear-gradient(-45deg, #CCB703 30%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.2) 50%, #CCB703 50%, #CCB703 80%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.2));
  background-size: 4px 4px;
  position: relative;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}

#campaign article.no2 .ranking_btn {
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #8B8B8B;
  background: #fafafa;
  border-radius: 3px;
  padding: .3em;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  display: block;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 1, 2, 0.1);
  box-shadow: 0 1px 3px 0 rgba(0, 1, 2, 0.1);
  color: #fff;
  background: #8B8B8B;
  background-size: 100%;
  background-image: linear-gradient(-45deg, #8B8B8B 30%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.2) 50%, #8B8B8B 50%, #8B8B8B 80%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.2));
  background-size: 4px 4px;
  position: relative;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}

#campaign article.no3 .ranking_btn {
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #D2760C;
  background: #fafafa;
  border-radius: 3px;
  padding: .3em;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  display: block;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 1, 2, 0.1);
  box-shadow: 0 1px 3px 0 rgba(0, 1, 2, 0.1);
  color: #fff;
  background: #D2760C;
  background-size: 100%;
  background-image: linear-gradient(-45deg, #D2760C 30%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.2) 50%, #D2760C 50%, #D2760C 80%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.2));
  background-size: 4px 4px;
  position: relative;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}

#campaign .total article.no3 .ranking_btn {
  top: 24px
}

#campaign .total article.no1 ul {
  margin-left: 80px
}

#campaign .total article.no1 ul li {
  position: relative;
  padding: .1em .5em .5em 1.8em;
  font-weight: bold;
  margin: 10px 0 0 0;
  font-size: 0.938em
}

#campaign .category .index {
  position: relative;
  padding: .1em .5em .5em 1.8em;
  font-weight: bold;
  margin: 10px 0 0 0;
  font-size: 0.938em
}

#campaign .total article.no1 ul li::after, #campaign .category .index:after {
  position: absolute;
  top: .6em;
  left: .6em;
  z-index: 2;
  content: '';
  width: 12px;
  height: 12px;
  background-color: #D64541;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

#campaign.ranking_year {
  background-color: #f2f5f7
}

#campaign.ranking_year .ranking_main_image {
  background-image: url(../img/campaign/2018ranking/mainvisual.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 970px;
  height: 240px;
  position: relative
}

#campaign.ranking_year .ranking_main_image .ranking_main_title, #campaign.ranking_year .ranking_main_image .ranking_main_sub_title {
  color: #e10004;
  font-weight: bold;
  text-align: center;
  position: relative;
  text-shadow: 2px 2px 0 #ccbf65, -2px 2px 0 #f1e485, 2px -2px 0 #f1e485, -2px -2px 0 #f1e485;
  text-shadow: 2px 2px 1px #ccbf65, -2px 2px 1px #f1e485, 2px -2px 1px #f1e485, -2px -2px 1px #f1e485
}

#campaign.ranking_year .ranking_main_image .ranking_main_sub_title {
  top: 20%;
  font-size: 60px
}

#campaign.ranking_year .ranking_main_image .ranking_main_title {
  top: 14%;
  font-size: 32px
}

#campaign.ranking_year .sub_index {
  background-color: #ce0a0a;
  background: -webkit-gradient(linear, left top, right top, from(#ce0a0a), to(#8e0000));
  background: linear-gradient(to right, #ce0a0a, #8e0000);
  border-bottom: 3px #8e0000 solid;
  font-size: 18px;
  margin: 10px 0;
  color: #fff;
  border-radius: 2px;
  text-align: left
}

#campaign.ranking2016 {
  background-color: #f2f5f7
}

#campaign.ranking2016 .sub_index {
  background-color: #ce0a0a;
  background: -webkit-gradient(linear, left top, right top, from(#ce0a0a), to(#8e0000));
  background: linear-gradient(to right, #ce0a0a, #8e0000);
  border-bottom: 3px #8e0000 solid;
  font-size: 18px;
  margin: 10px 0;
  color: #fff;
  border-radius: 2px;
  text-align: left
}

#campaign.ranking2016 .mini_index {
  background-size: 34px;
  background-repeat: no-repeat;
  background-position: 4px 0;
  text-indent: 40px;
  border-bottom: 1px dotted #999;
  border-left: none;
  padding: 8px
}

#campaign.ranking2016 .total.mini_index {
  background-image: url(../img/hikaku/icon/total@2x.png)
}

#campaign.ranking2016 .fee.mini_index {
  background-image: url(../img/hikaku/icon/fee@2x.png)
}

#campaign.ranking2016 .tool.mini_index {
  background-image: url(../img/hikaku/icon/tool@2x.png)
}

#campaign.ranking2016 .chart.mini_index {
  background-image: url(../img/hikaku/icon/chart@2x.png)
}

#campaign.ranking2016 .credit.mini_index {
  background-image: url(../img/hikaku/icon/credit@2x.png)
}

#campaign.ranking2016 .info.mini_index {
  background-image: url(../img/hikaku/icon/info@2x.png)
}

#campaign.ranking2016 .nisa.mini_index {
  background-image: url(../img/hikaku/icon/nisa@2x.png)
}

#campaign.ranking2016 .popular.mini_index {
  background-image: url(../img/hikaku/icon/popular@2x.png)
}

#campaign.ranking2016 .screening.mini_index {
  background-image: url(../img/hikaku/icon/screening@2x.png)
}

#campaign.ranking2016 .toriatsukai.mini_index {
  background-image: url(../img/hikaku/icon/toriatsukai@2x.png)
}

#campaign.ranking2016 .itf.mini_index {
  background-image: url(../img/hikaku/icon/itf@2x.png)
}

#campaign.ranking2016 .smartphone.mini_index {
  background-image: url(../img/hikaku/icon/smartphone@2x.png)
}

#campaign .ranking_wrap {
  float: left;
  width: 49.2%;
  margin-left: 1.4%
}

#ideco .question_left {
  display: inline-block
}

#ideco .question_right {
  display: inline-block;
  width: 230px
}

#ideco .question_arrow_right {
  display: inline-block;
  vertical-align: middle
}

#ideco .question_arrow_bottom {
  margin: -8px 0 0 10px;
  height: 114px
}

#ideco .question_left .question_box {
  border: 2px solid #025592;
  width: 500px;
  border-radius: 3px;
  display: inline-block;
  padding: 20px;
  text-shadow: 2px 2px 0 white;
  background-color: #ffffff;
  box-shadow: 1px 1px 2px #ccc;
  -moz-box-shadow: 1px 1px 2px #ccc;
  -webkit-box-shadow: 1px 1px 2px #ccc
}

#ideco .question_left .question {
  color: #104a8e;
  font-weight: bold;
  font-size: 16px;
  padding-left: 3.2em;
  text-indent: -3.2em;
  line-height: 30px
}

#ideco .question_left .num {
  font-size: 20px;
  color: #4484b3;
  font-weight: bold;
  padding-right: 10px;
  vertical-align: middle
}

#ideco .question_right .answer_one, #ideco .question_right .answer_two {
  border: 2px solid #025592;
  border-radius: 3px;
  margin: 10px 0 10px 0;
  padding: 10px;
  box-shadow: 1px 1px 2px #ccc;
  -moz-box-shadow: 1px 1px 2px #ccc;
  -webkit-box-shadow: 1px 1px 2px #ccc;
  text-align: center;
  background-color: #ebf2f7;
  font-weight: bold
}

#ideco .question_right .answer_one {
  line-height: 52px
}

#ideco .question_right .answer_one.ng {
  color: #fff;
  background-color: #025592
}

#ideco .question_right .answer_two.ng {
  color: #fff;
  background-color: #025592
}

#ideco .question_right .answer_one.ok span, #ideco .question_right .answer_two.ok span {
  color: #e40b11
}

#ideco .info_wrap .right {
  text-align: center;
  padding-top: 15px;
  width: 466px
}

#ideco .info_wrap .point {
  border: none;
  margin-bottom: 0
}

#campaign .top_intro .top_title h1 {
  background: url(/images_pc/columns/analyze_ti.png) no-repeat bottom left;
  background-size: 68px;
  font-size: 2em;
  color: #11335a;
  line-height: 1.3;
  padding: 23px 0px 0px 73px;
  margin-top: 10px;
  text-shadow: 1px 1px 1px #ccc;
  font-weight: bold
}

#campaign .top_intro .top_title:after {
  content: "";
  display: block;
  position: relative;
  top: 4px;
  width: 100%;
  height: 5px;
  background: #dadada;
  background: -webkit-gradient(linear, left top, right top, from(#dadada), to(#9e9e9e));
  background: linear-gradient(to right, #dadada, #9e9e9e)
}

#campaign .top_intro .text_wrapper {
  margin-top: 5px;
  padding: 10px 10px 1px 10px;
  position: relative
}

#campaign .top_intro .text_wrapper .text {
  padding: 10px;
  margin-bottom: 10px
}

#campaign .top_intro .text_wrapper .text .text_title {
  font-weight: bold;
  font-size: 1.25em;
  color: #0b3669;
  display: block;
  margin-bottom: 10px
}

#campaign .top_intro .text_wrapper .top_image {
  width: 360px;
  height: 195px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0
}

#campaign .top_intro .text_wrapper .top_image img {
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1
}

#campaign .md_card_ti {
  position: relative;
  clear: both;
  padding: 1em .5em .5em;
  text-align: left;
  border-radius: 3px 3px 0 0
}

#campaign .md_card_ti h4 {
  font-size: 1.125em;
  display: inline-block
}

#campaign #combination .combi_table {
  width: 930px;
  display: table;
  margin: 15px 0 20px 0
}

#campaign #combination .combi_table_cell {
  display: table-cell
}

#campaign #combination .combi_table_cell .recommended {
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  height: 173px;
  width: 200px;
  margin: auto
}

#campaign #combination .combi_table_cell .recommended .recommended_logo {
  position: relative;
  top: 20px;
  left: 11%
}

#campaign #combination .combi_table_cell .recommended .recommended_text {
  padding: 5px;
  position: relative;
  top: 35px;
  left: -6px;
  border-radius: 3px;
  width: 200px;
  position: relative;
  display: inline-block;
  text-decoration: none;
  background: #015492;
  border-top: solid 3px #64b5f6;
  border-bottom: solid 3px #64b5f6;
  -webkit-transition: .4s;
  transition: .4s
}

#campaign #combination .combi_table_cell .recommended .recommended_text img {
  position: absolute;
  top: -30px;
  left: -30px
}

#campaign #combination .combi_table_cell .recommended .recommended_text p {
  display: table-cell;
  vertical-align: middle;
  height: 55px;
  width: 200px;
  text-align: center;
  color: #fff
}

#campaign .rank_datatable {
  white-space: nowrap;
  text-align: right;
  width: 100%
}

#campaign .rank_datatable.is_fixed {
  table-layout: fixed
}

#campaign .content_link a:before {
  display: inline-block;
  content: "";
  margin-bottom: 2px;
  border-width: 3px 5px 3px 6px;
  border-style: solid;
  border-color: transparent transparent transparent #900
}

#campaign .content_link img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px
}

#campaign .cv_link {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px 0 0 0;
  border: solid 2px #4484b3;
  border-radius: 3px;
  color: #4484b3;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  padding: 2em 1em 1em
}

#campaign .cv_link .cv_link_ti {
  position: absolute;
  display: inline-block;
  top: 0px;
  left: 0px;
  padding: 0 9px;
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
  font-size: 16px;
  background: #4484b3;
  color: #ffffff;
  font-weight: bold
}

#campaign .cv_link .cv_link_text {
  color: #fff;
  position: relative;
  padding: 10px 5px;
  height: 100px;
  border-radius: 3px;
  text-decoration: none;
  background: #015492;
  border-top: solid 3px #64b5f6;
  border-bottom: solid 3px #64b5f6;
  -webkit-transition: .4s;
  transition: .4s
}

#campaign .cv_link .cv_link_text .cv_link_img {
  position: absolute;
  width: 70px;
  top: -42px;
  left: -22px
}

#campaign .cv_link .bottom {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  text-align: center
}

.md_form {
  width: 100%
}

.md_form * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.md_form .md_form_section {
  padding: .5em;
  margin: 1em 0;
  border: 2px solid #ccc;
  border-radius: 3px
}

.md_form .md_form_row {
  content: "";
  display: block;
  clear: both;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 0em;
  display: -webkit-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #ccc;
  padding: 1em .5em
}

.md_form .md_form_head {
  font-weight: bold
}

.md_form .md_form_head, .md_form .md_form_body {
  display: block;
  width: 100%;
  white-space: normal
}

.md_form .md_form_module_table {
  width: 100%
}

.md_form .md_form_module_table tr {
  border-bottom: 1px solid #eee
}

.md_form .md_form_module_table th {
  color: #666;
  background: rgba(0, 0, 0, 0.05)
}

.md_form .md_form_module_table td {
  text-align: center
}

.md_form .md_form_module_table th, .md_form .md_form_module_table td {
  padding: .5em
}

.md_form .md_form_module_submit {
  color: #fff;
  background: #59bb0c;
  font-weight: bold;
  font-size: 1.125em;
  border: 1px solid #4ea30a;
  border-radius: 3px;
  padding: .5em;
  width: 80%;
  display: block;
  margin: 1em auto;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 1, 2, 0.15);
  box-shadow: 0 1px 3px 0 rgba(0, 1, 2, 0.15);
  cursor: pointer
}

.md_form .md_form_module_submit:hover {
  filter: alpha(opacity=80);
  -moz-opacity: .8;
  opacity: .8
}

.md_form .md_form_module_button {
  color: #59bb0c;
  background: #fff;
  font-weight: bold;
  font-size: .875em;
  border: 1px solid #4ea30a;
  border-radius: 3px;
  padding: .5em;
  display: inline-block;
  cursor: pointer
}

.md_form .md_form_module_button:hover {
  filter: alpha(opacity=80);
  -moz-opacity: .8;
  opacity: .8
}

.md_form .md_form_error_area {
  background: #f1cfdb;
  padding: .5em;
  color: #f44336;
  border: 1px solid #d00;
  border-radius: 3px;
  margin: 1em 0;
  text-align: center;
  font-weight: bold
}

.md_form .md_form_label {
  color: #de3706;
  margin: 0 .5em;
  border-radius: 3px;
  font-size: .75em;
  display: inline-block
}

.md_form .md_form_module_star_wrap {
  display: table;
  width: 300px
}

@media (max-width: 634px) {
  .md_form .md_form_module_star_wrap {
    width: 100%
  }
}

.md_form .md_form_module_star {
  display: table-cell;
  width: 16%;
  cursor: pointer;
  text-indent: 0px;
  display: relative;
  position: relative
}

.md_form .md_form_module_star input[type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.5em;
  height: 1.5em;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0
}

.md_form .md_form_module_star:before {
  font-size: 1em;
  display: inline-block;
  color: #eee;
  content: "★";
  font-size: 2em;
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3)
}

.md_form .md_form_module_star.r_on:before {
  color: #ffc107
}

.md_form .md_form_module_star_value {
  display: table-cell;
  width: 20%;
  color: #666;
  font-weight: bold;
  text-align: right;
  font-size: 1.5em
}

.md_form input[type="text"], .md_form input[type="email"], .md_form select, .md_form textarea {
  font-size: 16px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none
}

.md_form input[type="text"], .md_form input[type="email"], .md_form textarea {
  border: 1px solid #ccc;
  padding: .5em;
  width: 100%;
  background: rgba(0, 0, 0, 0.05)
}

.md_form .select_wrap {
  background: rgba(0, 0, 0, 0.05);
  position: relative;
  display: inline-block;
  border-radius: .25em;
  border: 1px solid #ccc
}

.md_form .select_wrap:after {
  position: absolute;
  right: .25em;
  top: 50%;
  margin-top: -.75em;
  width: 1em;
  background: #fff;
  content: "▼";
  font-size: .75em;
  display: inline-block;
  color: #ccc;
  z-index: -1
}

.md_form .select_wrap select {
  padding: .25em 2em .25em 1em;
  width: 100%;
  z-index: 1;
  font-size: 16px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none
}



.sidebar.mt9 {
    width: 970px;
    margin: auto;
    border: 1px solid #ded6c0;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
}

@media (max-width: 634px) {
  .sidebar.mt9 {
      width: auto;
  }
}

div.sidebar div.title {
    font-weight: bold;
    text-align: center;
    background: linear-gradient(#eee1c0 , #e8d8a8);
    font-size: 18px;
    color: #ad772f;
    padding: 6px 0 4px 0;
}

div.sidebar div.content div.article {
    border-bottom: 2px dotted #ddd;
    margin: 5px 0;
    padding: 10px 3%;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 641px) {
    #post_list {
        margin: 0 auto;
    }

    #post_list ul {
        width: 100%;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #post_list ul li {
        width: 32%;
        background: #fff;
        box-sizing: border-box;
        transition: 0.2s;
    }

    #post_list ul li a {
        display: block;
        padding: 10px;
        padding-left: 25px;
        width: 100%;
        color: #333;
        box-sizing: border-box;
        text-decoration: none;
    }

    #post_list ul li .cat_name {
        font-size: 0.7rem;
        text-align: center;
    }

    #post_list ul li .cat_name:before {
        font-family: "fontawesome";
        content: "\f08d";
        font-size: 0.7rem;
        display: inline-block;
        margin-right: 0;
        transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
    }

    #post_list ul li a .title {
        display: block;
        height: auto;
        margin: 0;
        font-size: 0.9rem;
        font-weight: bold;
    }

    #post_list ul li .thumb {
        margin: 0 0 1rem;
    }

    #post_list ul li .thumb img {
        width: 100%;
        height: auto;
    }

    #post_list ul li .text {
        font-size: 0.8rem;
    }

    #post_entry_container {
        width: 800px;
        margin: 0 auto 2rem;
        padding: 40px 50px 50px;
        background: #fff;
        box-sizing: border-box;
    }

    #post_entry h1 {
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 20px;
    }

    #post_entry .post_thumbnail {
        margin: 0 0 1.5rem;
    }

    #post_entry h2 {
        font-size: 1.1rem;
        padding: 0 .5rem;
        margin-top: 2rem;
        margin-bottom: 1rem;
        -moz-border-radius: 3px;
        border-left: solid 5px;
        border-color: #ccc;
    }

    #post_entry p {
        margin: 0 0 1.6rem;
        line-height: 1.75;
    }
}

.article-head {
    margin: 5px 0;
    padding: 5px;
    background: #2774cc;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
}

#post_entry h3 {
    border-bottom: dotted 3px #2774cc;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

div#post_entry {
    font-size: 16px;
    line-height: 1.75;
}

@media screen and (max-width: 640px) {
    #post_list {
        margin: 0 auto;
        padding: 0 0 1rem;
    }

    #post_list ul {
        width: 100%;
        list-style: none;
    }

    #post_list ul li {
        margin-bottom: 0;
        width: 100%;
        background: #fff;
        box-sizing: border-box;
        transition: 0.2s;
    }

    #post_list ul li a {
        position: relative;
        display: flex;
        padding: 1rem;
        width: 100%;
        color: #333;
        box-sizing: border-box;
        text-decoration: none;
    }

    #post_list ul li a .title {
        display: block;
        width: 100%;
        padding: 0;
        font-size: 16px;
        font-weight: bold;
        order: 2;
    }

    #post_list ul li .text {
        display: none;
        order: 4;
        font-size: 0.8rem;
    }

    #post_entry_container {
        width: auto;
        margin: 0 auto 2rem;
        padding: 20px;
        background: #fff;
        box-sizing: border-box;
    }

    #post_entry h1 {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 20px;
    }

}