/* .clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/* Android bold 非適用対策 */
.bold:before {
    position:absolute;
    top:0;  
    left:1px;
    content:attr(data-text);
}

body {
    background-color: #ffffff;
    background-image: url("../images/pt_c2.png");
    background-size: 25%;
    background-position: 0 0, 20px 20px;
    line-height:1.3em;
    font-size: 90%;
    font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif !important;
}

/* 背景透過 */
.bg-rgba {
 background-color:rgba(255,255,255,0.3);
}

/* TOP */
#top {
    /* background-color: #ffffb7; 20180301変更前 */
    /*background-color: #ffffff; 20180301cmusic追加 */
}

/* TOPメイン領域会員用 */
#top_main {
    margin: 5px 5px 0px 5px;
}

nav.top_menu_nomember li {
    text-align: center;
    width: 46%;
}

nav.top_menu_nomember li.left {
    float: left;
    margin:0 0 0 3%;
}

nav.top_menu_nomember li.right {
    float: right;
    margin:0 3% 0 0;
}

nav.top_menu_nomember li img {
    width: 100%;
}
/* TOPメニューボタン */
#top_main {
    margin: 5px 5px 0px 5px;
}

nav.top_menu_member {
    background-color: #ff80b3;

}

nav.top_menu_member li {
    text-align: center;
    width: 24%;
    padding-top:5px;
    padding-left:0.8%;
    padding-bottom:4px;
}

nav.top_menu_member li {
    float: left;
}

nav.top_menu_member li img {
    width: 100%;
}

/* TOPコンテンツ紹介エリア */
#contentsIntroduction {
    background-color: #ffffff;
    background-image: url("../images/haikei_dot_2.png");
    background-size: 25%;
background-position: 0 0, 20px 20px;
}

/* コーナー帯 */
.top_dot_back {
    padding: 8px 0 5px 0;
    font-size: 14px;
    color: #000;
    text-align: center;
    /*text-shadow: 1px 1px #555;*/
    font-weight: bold;
    background-image: url("../images/obi_dot_2.png");
/*    background-image: linear-gradient(
	-45deg,
	#ff8585 25%,
	#ff6666 25%,
	#ff6666 50%,
	#ff8585 50%,
	#ff8585 75%,
	#ff6666 75%,
	#ff6666
);*/
    background-size: 25%;
background-attachment: fixed;
}

.line1 {
    width: 100%;
    border-top: 5px solid #ff0d6f;
}

.line2 {
    width: 100%;
    border-top: 1px solid #000000;
}

.top_sub_bar {
    width: 100%;
    background-color: #9a9a9a;
    padding: 8px 0 5px 0;
    font-size: 14px;
    color: #fff;
    text-align: center;

    }


/* パーツ別メニュー */
nav.parts_menu h3 {
    background-color: #ff9900;
    text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);
    color: #ffffff;
    padding: 10px 0px 10px 10px;
}

nav.parts_menu ul {
    margin:;
}

nav.parts_menu li {
    text-align: center;
    float: left;
}

nav.parts_menu li.parts1{
    width: 35.3%;
    margin:5px 0 15px 2%;
}

nav.parts_menu li.parts2{
    width: 29.1%;
    margin:5px 0 15px 1%;
}

nav.parts_menu li.parts3{
    width: 29.1%;
    margin:5px 0 15px 1%;
}

nav.parts_menu li.left {
    margin:15px 0 0 6%;
    width:51.8%;
    float: left;
}

nav.parts_menu li.right {
    margin:15px 0 0 1%;
    width:35.3%;
    float: left;
}

nav.parts_menu li img {
    width: 100%;
}

/* TOP上部お知らせメニュー */
.top_notification {
    margin:5px auto 10px;
    width:98%;
    font-size:12px;
    font-weight:;
    text-decoration:none;
    display:block;
    text-align:center;
    background-color:#ff1f9e;
/*    border: solid 3px #ff66a3;*/
    border-radius:25px;
}

.top_notification a {
    text-decoration:none;
    display:block;
    text-align:center;
    padding:10px 0 10px;
    color:#fff;
}

/* 重要なお知らせメニュー */
nav.notification_menu li {
    background-color: #CDFFCD;
    padding: 0px 0px 0px 20px;
}

nav.notification_menu li a {
    text-decoration: none;
    color: #009999;
    padding: 8px 0px 8px 0px;
    display:table;
    width:100%;
}


/* カテゴリーメニュー */
nav.category_menu h3 {
    background-color: #ff9900;
    text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);
    color: #ffffff;
    padding: 10px 0px 10px 10px;
}

nav.category_menu li.category_p {
    padding: 10px 0px 10px 0px;
    background-color: #fafafa;
    color: #000;
    border-bottom: 1px solid #dadada;
    display:table;
    width:100%;
}

nav.category_menu li.category_p:first-child {
    border-top: 1px solid #fff;
}

nav.category_menu li.category_c {
    padding: 2px 0px 2px 20px;
    background-color: #dadada;
    border-bottom: 1px solid #fff;
}

nav.category_menu li a {
    text-decoration: none;
    color: #000;
    padding: 8px 0px 8px 0px;
    display:table;
    width:100%;
}

nav.category_menu .category_c_area {
    display: none;
}

/* おすすめサイト */
nav.osusume_sait li {
    background-color:;
    padding: 0 0px 0 0px;
}

/* サポートメニュー */
nav.support_menu h3 {
    background-color: #ff9900;
    text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);
    color: #ffffff;
    padding: 10px 0px 10px 10px;
}

nav.support_menu li {
    background-color: #fafafa;
    padding: 2px 0px 2px 20px;
    border-bottom: 1px solid #dadada;
}

nav.support_menu li:first-child {
    border-top: 1px solid #fff;
}

nav.support_menu li a {
    text-decoration: none;
    color: #000;
    padding: 8px 0px 8px 0px;
    display:table;
    width:100%;
}

nav.category_menu2 li.category_p {
    padding: 2px 0px 2px 0px;
    background-color: #fafafa;
    color: #000;
    display:table;
    width:100%;
}

nav.category_menu2 .category_c_area{
    display: none;
}

nav.category_menu2 li.category_p:first-child {
    border-top: 0px solid #000000;
    border-bottom: 1px solid #dadada;
}

nav.category_menu2 .category_c_area li.category_c:first-child{
    border-top: 0px solid #dadada;
}

nav.category_menu2 .category_c_area li.category_c   div.iphone{
    color: #000000;
}

nav.category_menu2 li.category_p:first-child#guide_iphone{
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

/* QAメニュー */
nav.qa_menu li.qa_p {
    padding: 10px 0px 10px 20px;
    background-color: #ffffff;
    color: #000000;
    border-bottom: 1px solid #dadada;
}

nav.qa_menu li.qa_p:first-child {
    border-top: 1px solid #dadada;
}

nav.qa_menu .qa_c_area {
    display: none;
    padding: 10px 10px 20px 20px;
    border-bottom: 1px solid #dadada;
}


/* TOPもっと見るボタン 190527cmusic追加 */
.link_to_description {
    margin:10px auto 20px;
    width:60%;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    background-color:#ff80b3;
    border: solid 3px #ff66a3;
    border-radius:25px;
}


.link_to_description a {
    text-decoration:none;
    display:block;
    text-align:center;
    padding:10px 0 10px;
    color:#fff;
}

.link_to_description_left {
    margin:10px 0 20px 6.5%;
    width:40%;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    background-color:#ff80b3;
    border: solid 3px #ff66a3;
    border-radius:25px;
    float:left;
}


.link_to_description_left a {
    text-decoration:none;
    display:block;
    text-align:center;
    padding:10px 0 10px;
    color:#fff;

}

.link_to_description_right {
    margin:10px 0 20px 3%;
    width:40%;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    background-color:#ff80b3;
    border: solid 3px #ff66a3;
    border-radius:25px;
    float:left;
}


.link_to_description_right a {
    text-decoration:none;
    display:block;
    text-align:center;
    padding:10px 0 10px;
    color:#fff;
}

/* 各ページ共通 */

/* ヘッダー */
.header h1 {
    font-size: 120%;
    background-color: #FDB9EE;
    color: #ffffff;
    padding: 5px;
    text-align: center;
    border-top: 1px #000000 solid;
}

/* サブヘッダー */
.subheader h2 {
/*    background-color: #f5f5f5;*/
    background-color: #c0c0c0;
    padding: 5px 0px 5px 10px;
}

/* セクション */
section {
    margin:10px 10px 0;
}

section p {
    margin: 5px 0px 5px 0px;
}

/* 箇条書き */
ul.itemization li {
    margin-left: 20px;
}

/* ボーダー */
p.border {
    background-color: #ff0066;
    height: 10px;
}

input.gray_button {
    /* グレーボタン共通CSS */
    color: #333;
    font-size: 120%;
    background: -moz-linear-gradient(top, #FFF, #CCC);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
    border: 1px solid #333 ;
    width: 96%;
    height: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* フッタ領域 */
footer {
/*    margin-top: 20px;*/
}

/* フッタメニュー */
.footer_menu {
    background-color: #ff80b3;
}

.footer_menu img{
    width: 24%;
    padding-top:5px;
    padding-left:0.8%;
    padding-bottom:5px;

    text-align: center;
    float: left;
}



/* コピーライト */
footer p.copyright {
    background-image: url("../images/obi_dot_2.png");
    background-size: 25%;
    /*text-shadow: 1px 1px 2px #000000;*/
    color: #000;
    padding: 5px;
    text-align: center;
}

/* パーツ画像 */
.parts img{
    margin: 3px 0px;
    width: 25%;
    text-align: center;
    float: left;
    border-bottom: 10px grey solid;
}

img.parts1 {
    border-color: #F0C;
}

img.parts2 {
    border-color: #0C0;
}

img.parts3 {
    border-color: #F90;
}

img.parts4 {
    border-color: #39F;
}

/* 検索エリア */
.search_area {
    text-align: center;
    background-color:;
}

.search_contents {
   padding: 3px 0px;
}

.search_word {
    vertical-align: middle;
    margin:15px auto 0;
}

input.search_textfield {
    font-size: 150%;
    width: 64%;
    margin-right: 5px;
    border: 1.5px solid #ff66a3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

input.search_button {
    width: 25%;
}

select.search_select {
    font-size: 120%;
    width:70%;
    margin:20px 0 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

/* 各ページ内検索タイトルバー */
.search_header{
    font-size: 120%;
    background-color: #9a9a9a;/*#90EE90;  light-green */
    color: #ffffff;
    padding: 5px;
    text-align: center;
    clear : both;
}

div.search_indicator {
    color : #00B0F0;
    font-size: 120%;
    margin: 5px 0px 2px 20px;
}

div.rank_number {
  font-size: 200%;
  font-weight: bold;
  color: #ff0066;
}

hr.ranking_line {
  display: inline-block;
  color: #ff88CC;
  /*  background-color: #ff0000; /* 線の色(NN用) */
  width: 100%;
  border: 1px; /* 枠の太さ */
  border-style: dashed; /* 枠の種類 */
}


nav.ranking_menu {
    margin: 5px;
}

nav.ranking_menu li {
    padding: 8px 0px 8px 0px;
    border: 1px solid #333333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20%;
    text-align: center;
    float: left;
}

nav.ranking_menu li a {
    text-decoration: none;
    font-weight: bold;
    font-family: 'arial black';
    display: block;
}

nav.ranking_menu li.able {
    background: -moz-linear-gradient(top, #FFF, #BBB); /* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#BBB));
    background-color:#999999;
}

nav.ranking_menu li.able a {
    color: #333333;
}

nav.ranking_menu li.current {
    background-color: #555555;
}

nav.ranking_menu li.current a {
    color: #ffffff;
}

nav.ranking_menu li.disable {
    display: none;
}
ul.updated_dates {
    list-style: none;
    text-align: center;
    /* background-color: #ffffb7; 20180301変更前 */
}
ul.updated_dates li {
    padding: 5px 0px 5px 0px;
    width: 33%;
    float: right;
}


ul.updated_dates a {
    color : #00B0F0;
}

h1.new_part_header {
    font-size: 120%;
    background-color: #B7FFFF; /* light-green */
    color: #636363;
    /* color: #ffffff; 20190409変更前 */
    padding: 5px;
    text-align: center;
}

div.content_display a {
    text-decoration: none;
    padding: 10px;
    text-align: center;
    display: inline-block;
    color: #FF1F9E;
}

div.content_position  {
   text-align: center; 
   vertical-align: middle;
   margin: 20px;
}

nav.feature_menu ul {
    text-align: center;
}

nav.feature_menu li {
    margin-top:;
}
nav.feature_menu li:first-child {
    margin-top: 20px;
}

nav.feature_menu li img {
    max-width: 100%;
}

nav.feature_menu div.link_to_description {
    margin:10px auto 20px;
    width:60%;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    background-color:#ff80b3;
    border: solid 3px #ff66a3;
    border-radius:25px;
}


nav.feature_menu div.link_to_description a {
    text-decoration:none;
    display:block;
    text-align:center;
    padding:10px 0 10px;
    color:#fff;
}

div.feature_show {
    margin: 5px;
    text-align: center;
}

div.feature_show img {
    max-width: 100%;
}

div.feature_show div.description{
    margin-top: 5px;
    padding-left: 15px;
    font-size: 120%;
    color : #00B0F0;
    text-align: left;
}

div.flash_message {
    text-align: center;
    margin: 20px;
    clear: both;
}

div.counts_by_part {
    margin: 10px;
    text-align: center;
    color: #FF1F9E
}

.popularCharaArea {
	width:100%;
	margin: 20px 0 0 0;
}
.popularCharaArea .items {
	width:97%;
	padding:0 3% 0 0;
}


.popularCharaArea .items li {
	float:left;
	width:30%;
	padding:0 0 5px 3.3%;
	list-style: none;
}
.popularCharaArea .items li img {
	width:100%;
	height: auto;
}
.linkBtnArea {
	text-align: center;
}

/* 新着エリア */
.NewMaterialArea {
	width:100%;
	margin: 20px 0 0 0;
}
.NewMaterialArea .items {
	/*width:97%;
	padding:0;*/
}
.NewMaterialArea .items li {
	float:left;
	width:30%;
	margin:0 0 0 1.9%;
	background:#fff;
	border: 1.5px solid #9a9a9a;
	list-style: none;

}
.NewMaterialArea .items li img {
	width:100%;

}

/* 新着告知エリア */
.NewsAreaTitle {
	background-color: rgba( 255, 128, 179, 0.55 )/*( 255, 107, 107, 0.55 )*/;
	color: #ff6b6b;
	width:90%;
	margin:20px auto 0;
	padding: 8px 0 5px 0;
	border-top: 3px solid #ff80b3;
	border-left: 3px solid #ff80b3;
	border-right: 3px solid #ff80b3;
	color:#000;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
}
.NewsArea {
	background-color: rgba( 255, 255, 255, 0.55 );
	width:90%;
	margin:0 auto 25px;
	border: 3px solid #ff80b3;
}
.NewsArea .items {
	width:97%;
	padding:0 3% 3.3% 0;
}
.NewsArea .items li {
	width:96.7%;
	margin:3% 0 0 3.3%;
	list-style: none;
	border-bottom: 2px dotted #ff0d6f/*#ff6b6b*/;
}
.NewsArea .items li .newstext{
	font-size: 14px;
	color:#000;
	vertical-align: top;
	}
.NewsArea .items li a{
	text-decoration:none;
}
.NewsArea .items li img {
	width:100%;
	height: auto;
}
.MonthIntroduction{
	width:100%;
	margin:20px auto 0;
	text-align:center;
}

/* 人気キーワード */
.ninkiword{

}
.link_to_description_1 {
    margin:10px 0 20px 5%;
    width:28%;
    font-size:12px;
    font-weight:;
    text-decoration:none;
    display:block;
    text-align:center;
    background-color:#ff1f9e;
    border-radius:25px;
    float:left;
}


.link_to_description_1 a {
    text-decoration:none;
    display:block;
    text-align:center;
    padding:10px 0 10px;
    color:#ffffff;

}

.link_to_description_2 {
    margin:10px 0 20px 3%;
    width:28%;
    font-size:12px;
    font-weight:;
    text-decoration:none;
    display:block;
    text-align:center;
    background-color:#ff1f9e;
    border-radius:25px;
    float:left;
}


.link_to_description_2 a {
    text-decoration:none;
    display:block;
    text-align:center;
    padding:10px 0 10px;
    color:#ffffff;
}
.link_to_description_3 {
    margin:10px 0 20px 3%;
    width:28%;
    font-size:12px;
    font-weight:;
    text-decoration:none;
    display:block;
    text-align:center;
    background-color:#ff1f9e;
    border-radius:25px;
    float:left;
}


.link_to_description_3 a {
    text-decoration:none;
    display:block;
    text-align:center;
    padding:10px 0 10px;
    color:#ffffff;
}