/*############################################################################################
NOS CSS Master
  ############################################################################################*/

/*--------------------------------------------------------------------------------------------
■■ 項目ショートカット ■■
■共通アニメーション設定　■スペース調整　■ストライプ　■ナビゲーションパターン　■アウトライン　■カラム分割
■アイコン　■キャッチアイコン　■背景色　■サムネイルレイアウト　■コンテンツ種別アイコン
■ボタンデザイン　■ボタンカラー　■使い方リンク　■バナー ■ページ装飾素材　■インフォメーションコーナー
■ランダムレイアウト　■詳細ページ
  --------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------
■reset
  --------------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
p {
display:inline;
}
caption,th { 
    text-align:left; 
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym {
    border:0;
}

/*--------------------------------------------------------------------------------------------
■clearfix
  --------------------------------------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

/*--------------------------------------------------------------------------------------------
■テキストクリア
  --------------------------------------------------------------------------------------------*/
.cleartext {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	height:1px;
}

/*--------------------------------------------------------------------------------------------
■テストサイト設定
  --------------------------------------------------------------------------------------------*/
.test_label{ background-color:#CE0000; color:#fff; padding:3px; }

/*--------------------------------------------------------------------------------------------
■borderbox
  --------------------------------------------------------------------------------------------*/
.borderbox { box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }

/*--------------------------------------------------------------------------------------------
■accordion
  --------------------------------------------------------------------------------------------*/
div.accordion.close div.accordion_item { display: none; }

div.accordion {
background-image:url(/img/icon/icon_minus.png);
background-repeat:no-repeat;
background-position:right 12px top 12px;
background-position:97% 12px;
-webkit-background-size: 20px 20px;
}

div.accordion.close {
background-image: url(/img/icon/icon_plus.png);
background-repeat:no-repeat;
background-position:97% 12px;
-webkit-background-size: 20px 20px;
}

/*--------------------------------------------------------------------------------------------
■下部固定
  --------------------------------------------------------------------------------------------*/
#footer {
}

/*--------------------------------------------------------------------------------------------
        ■ペイメント
  --------------------------------------------------------------------------------------------*/
.subtitle { margin-top:20px; color:#008000; font-size:16px; font-weight:bold; }
.errortitle { margin-top:20px; color:#ff0000; font-size:16px; }
.textblock { margin:20px 0;}
.center { text-align:center; }
form { margin:20px 0; }
p { margin:20px 0; }

/*+-----------------------------------------------------------------------------------+
        ■インフォメーション一層ページ
  +-----------------------------------------------------------------------------------+*/
#infomationpage {
}
#infomationpage a {
text-decoration:underline;
}

/*--------------------------------------------------------------------------------------------
        ■デバッグページ用
  --------------------------------------------------------------------------------------------*/
/* sitelinkpage */
.sitelinkpage_a { color:#fff; }

/*--------------------------------------------------------------------------------------------
■ページ基本設定
  --------------------------------------------------------------------------------------------*/
/* 自動改行を解除 */
* { word-break:break-all; }

/* スクロールバーを常に表示 */
html {
overflow-y:scroll;
height:100%;
}

body{
font-size:16px;
line-height:120%;
background:-webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #ffffff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #ffffff),color-stop(.75, #ffffff), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 13px 13px;
    background-color: #d3d3d3;
color:#000;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","arial" ;
max-width: 640px;
min-width: 320px;
margin: auto;
}

/* リンクのアンダーラインを消す */
a { text-decoration: none; }

/* デフォルトのリンク色設定 */
a:link { color: #245FB3; }
a:visited { color: #245FB3; }
a:hover { color: #245FB3; }
a:active { color: #245FB3; }

/* リンク画像の外枠非を表示 */
a img { border:none; }

/* チェックボックス縦位置調整 */
input ,select{ vertical-align:0.1em; }

/*--------------------------------------------------------------------------------------------
■外枠
  --------------------------------------------------------------------------------------------*/
/* 外枠上部余白有り */
.box {
width:100%;
text-align:center;
clear:both;
}
.underline_0 {
width:100%;
background-color:#CCCCCC;
height:1px;
clear:both;
}

/* 外枠上部余白有り */
.olb_s {
width:100%;
text-align:center;
padding-top:10px;
clear:both;
}

/* 外枠上部余白無し */
.olb_f {
width:100%;
text-align:center;
clear:both;
}

.topbar_0 {
width:100%;
height:auto;
font-weight:bold;
color:#000000;
background-color:#000;
}

.underline_0 {
width:100%;
border-bottom:solid 1px #808080;
clear:both;
}

.pagetitle_0 {
width:100%; 
height:auto;
font-size:20px;
font-weight:bold;
text-align: center;
border-bottom: solid 1px #fff;
color:#FE008D;
padding:10px 0;
background-color:#000; 
clear:both;
}

.pagetitle_02 {
background: -webkit-gradient(linear, left top, left bottom, from(#414358), color-stop(0.3,#3C3E50), to(#20212C));
width:100%; 
height:auto;
font-size:20px;
font-weight:bold;
text-align: left;
-webkit-box-shadow:0 1px 6px #000,0 -1px 6px #000;
color:#FFF;
padding:10px 0;
clear:both;
-webkit-text-shadow:0 1px 0 #FFF;
}
.pagetitle_02 span {
margin:3%;
-webkit-text-shadow:0 1px 0 #FFF;
}

.pagetitle_regist {
	background-color:#EEE;
	width:100%; 
	height:auto;
	font-size:20px;
	font-weight:bold;
	text-align: left;
	border-bottom:solid 1px #CCC;
	color:#a0a0a0;
	padding:10px 0;
	clear:both;
}
.pagetitle_regist span {
	margin:3%;
}

.pagetitle_regist {
	background-color:#EEE;
	width:100%; 
	height:auto;
	font-size:20px;
	font-weight:bold;
	text-align: left;
	border-bottom:solid 1px #CCC;
	color:#a0a0a0;
	padding:10px 0;
	clear:both;
}
.pagetitle_regist span {
	margin:3%;
}

/*--------------------------------------------------------------------------------------------
    ■テキスト調整
  --------------------------------------------------------------------------------------------*/
/* インフォメーション一層テキスト設定 */
.text_st {
width:100%;
text-align:left;
line-height:160%; 
font-size:16px;
clear:both;
}

/* パックページテキスト調整 */
.detail_text{
font-size:14px; 
line-height:160%;
}

/* 赤文字センターテキスト */
.infored_text{
color:#ff0000; 
text-align:center; 
line-height:160%; 
padding:5px 0;
}

/* 横調整 */
.text_c { text-align:center; line-height:160%; padding:5px 0; clear:both; }
.text_l { text-align:left;   line-height:160%; padding:5px 0; clear:both; }
.text_r { text-align:right;  line-height:160%; padding:5px 0; clear:both; }

/* インフォページテキスト */
.info_text { font-size:12px; line-height:160%; clear:both; }
.information_text { font-size:100%; line-height:160%; font-size:14px; text-align:left; clear:both; }
.infopagetext_02 { font-size:12px; }

/* テキストスタンダード */
.text_st { width:100%; text-align:left; line-height:160%; font-size:16px; clear:both; }

/*--------------------------------------------------------------------------------------------
    ■スペース調整
  --------------------------------------------------------------------------------------------*/
/*------- 行間スペーサー -------------------------------------------*/
.spacer_1  { width:100%; height:1px;  clear:both; }
.spacer_3  { width:100%; height:3px;  clear:both; }
.spacer_5  { width:100%; height:5px;  clear:both; }
.spacer_10 { width:100%; height:10px; clear:both; }
.spacer_15 { width:100%; height:15px; clear:both; }
.spacer_20 { width:100%; height:20px; clear:both; }
.spacer_25 { width:100%; height:25px; clear:both; }
.spacer_30 { width:100%; height:30px; clear:both; }
.spacer_40 { width:100%; height:40px; clear:both; }
.spacer_50 { width:100%; height:50px; clear:both; }
.spacer_60 { width:100%; height:60px; clear:both; }

/*------- ページサイドスペーサー -------------------------------------------*/
.ss { padding:0 20px 0 20px; clear:both; }
.sidespace { padding:0 20px 0 20px; clear:both; }
.pagesidespace { padding:0 20px 0 20px; clear:both; }

/*------- ページサイドスペースパーセント指定 -------------------------------------------*/
.ss2per { width:96%; padding:0 2% 0 2%; clear:both; }
.ss3per { width:94%; padding:0 3% 0 3%; clear:both; }
.ss5per { width:90%; padding:0 5% 0 5%; clear:both; }
.ss10per { width:80%; padding:0 10% 0 10%; clear:both; }
.ss15per { width:70%; padding:0 15% 0 15%; clear:both; }
.ss_1per  { width:98%; padding:0 1% 0 1%; clear:both; }
.ss_2per  { width:96%; padding:0 2% 0 2%; clear:both; }
.ss_3per  { width:94%; padding:0 3% 0 3%; clear:both; }
.ss_5per  { width:90%; padding:0 5% 0 5%; clear:both; }
.ss_7per  { width:86%; padding:0 7% 0 7%; clear:both; }
.ss_10per { width:80%; padding:0 10% 0 10%; clear:both; }
.ss_15per { width:70%; padding:0 15% 0 15%; clear:both; }
.sidespace10per { width:80%; padding:0 10% 0 10%; clear:both; }
.pagesidespace10per { width:80%; padding:0 10% 0 10%; clear:both; }

/*--------------------------------------------------------------------------------------------
    ■ストライプ
  --------------------------------------------------------------------------------------------*/
/*------- 太さ設定 -------------------------------------------*/
.stripe {
    height: auto;
    width: 100%;
    float: left;
    margin: 0;
    -webkit-background-size: 20px 20px;
}
.stripe_5 {
    height: auto;
    width: 100%;
    float: left;
    margin: 0;
    -webkit-background-size: 5px 5px;
}
.stripe_10 {
    height: auto;
    width: 100%;
    float: left;
    margin: 0;
    -webkit-background-size: 10px 10px;
}

/*------- 方向設定 -------------------------------------------*/
/*-- 縦 --*/
.vertical {
    background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
    background-image: linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
}
/*-- 横 --*/
.horizontal {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
    background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
}
/*-- ギンガムチェック --*/
.picnic {
    background-color:white;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, rgba(200, 0, 0, .5)), to(rgba(200, 0, 0, .5))),
    -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, rgba(200, 0, 0, .5)), to(rgba(200, 0, 0, .5)));
    background-image: -moz-linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)),
    -moz-linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5));
    background-image: -o-linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)),
    -o-linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5));
    background-image: linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)),
    linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5));
}
/*-- 斜め --*/
.slash {
background-image: -webkit-gradient(
linear, 0 0, 100% 100%, 
color-stop(.25, rgba(255, 255, 255, .2)), 
color-stop(.25, transparent),
color-stop(.5, transparent), 
color-stop(.5, rgba(255, 255, 255, .2)),
color-stop(.75, rgba(255, 255, 255, .2)), 
color-stop(.75, transparent),
to(transparent));
-webkit-background-size: 11px 11px;
}


/*--------------------------------------------------------------------------------------------
    ■背景色
  --------------------------------------------------------------------------------------------*/
/*------- 暖色 -------------------------------------------*/
.c_ff9900 {
background-color:#FF9900; 
}
.c_F0C8C8 {
background-color:#F0C8C8; 
}
/*------- 寒色 -------------------------------------------*/
.c_0000ff {
background-color:#0000FF; 
}
/*------- モノクロ -------------------------------------------*/
.c_333333 {
background-color:#333333; 
}

/*--------------------------------------------------------------------------------------------
    ■背景色グラデーション
  --------------------------------------------------------------------------------------------*/
/*------- 暖色 -------------------------------------------*/
.g_ef0057 {
background: -webkit-gradient(linear, left top, left bottom, from(#ffb7d2), to(#EF0057));
}
.g_222222 {
background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#222));
}
/*------- 寒色 -------------------------------------------*/

/*------- モノクロ -------------------------------------------*/
.g_e0e0e0 {
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.3,#f6f6f6), to(#e0e0e0));
}

/*--------------------------------------------------------------------------------------------
        ■ページ装飾素材
  --------------------------------------------------------------------------------------------*/
/*------- ページタイトル -------------------------------------------*/
.pagetitle {
width:98%; 
height:auto; 
font-weight:bold; 
padding:7px 0 7px 2%; 
background-color:#F0C8C8; 
border-top:solid 1px #ffffff; 
border-bottom:solid 1px #aaaaaa;
clear:both;
}

/*------- ■アウトライン -------------------------------------------*/
.box_outline {
margin:auto;
display: box;
display: -webkit-box;
}
.box_outline_100 {
margin:auto;
width:100%;
display: -webkit-box;
}
.outline_box {
width:100%;
text-align:center;
padding-top:10px;
clear:both;
}

/*------- アンダーライン -------------------------------------------*/
.underline {
width:100%;
border-bottom:solid 1px;
clear:both;
}

.borderline_02 {
border:solid 1px #424857;
}

/* ボーダーなし */
.noborder {
border:none;
}

/* 1pxライン */
.line {
background-color:#DAD6BF;
height:1px;
width:100%;
clear:both;
}

/*------- ラインカラー -------------------------------------------*/
.linecolor_cccccc {
border-color:#ccc;
}

/*--------------------------------------------------------------------------------------------
■レイヤーアイコン
  --------------------------------------------------------------------------------------------*/
.layerbox {
position:relative;
width:100%;
}

/*--------------------------------------------------------------------------------------------
    ■サムネイル装飾
  --------------------------------------------------------------------------------------------*/
/*------- パックページ角丸装飾 -------------------------------------------*/
.detail_radius {
border:solid 2px #FFF;
border-radius:5px;
box-shadow:1px 1px 5px 1px rgba(0,0,0,0.5);
}

/*------- セール用 -------------------------------------------*/
.saleimgbox {
position:relative;
width:100%;
}
.saleimgbox .icon {
position:absolute;
top:0; left:75%;
width:25%;
-webkit-animation-name: pulse;/* 実行する名前 */
-webkit-animation-duration: 0.7s;/* 0.3秒かけて実行 */
-webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
}

/*------- 縦スライド -------------------------------------------*/
@-webkit-keyframes running {
}

/*--------------------------------------------------------------------------------------------
        ■使い方リンク
  --------------------------------------------------------------------------------------------*/

.howto_link { padding:5px; margin:auto; background:#F2F2F2; border-radius:8px; width:90%; }


/*--------------------------------------------------------------------------------------------
        ■背景カラー
  --------------------------------------------------------------------------------------------*/
.decobg_02 {
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
border:solid 1px #FFF;
}

/* グレー */
.bg_color02 {
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.3,#f6f6f6), to(#e0e0e0));
border:none;
}

.bgc_0 {
width:100%;
margin:0 auto;
background-color:#000;
/* background:url(../site_img/page/bg.png); */
clear:both;
}

.bgc_1 {
width:100%;
background-color:#ebebeb;
clear:both;
}

.bgc_2 {
width:100%;
background-color:#ffffff;
clear:both;
}

/*--------------------------------------------------------------------------------------------
        ■ナビゲーション
  --------------------------------------------------------------------------------------------*/
/* ナビボタンデザイン */
.navibutton_design {
width:100%;
height:40px;
margin:0;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d0d0d0));
border:solid #999;
color:#000000;
border-width:0 1px 1px 0;
font-size:16px;
border-radius:0px;
}

/*------- ３列 -------------------------------------------*/
.navibutton_3s {
width:33%;
float:left; 
}
.navibutton_3c {
width:34%;
float:left; 
}

/*------- インデックスタブ -------------------------------------------*/
.category_tab {
width:98%; 
height:30px;
margin:0; 
color:#000000;
font-size:12px;
line-height:100%;
border-radius:10px 10px 0 0;
border:1px solid #CCC;
}
.category_tab2 {
width:100%; 
height:40px;
margin:0; 
color:#000000;
font-size:15px;
line-height:100%;
border-top:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-left:0;
box-sizing:border-box;
}

/*--------------------------------------------------------------------------------------------
        ■コーナー素材
  --------------------------------------------------------------------------------------------*/

/*-- コーナー帯 --*/
.corner_title_01 {
	width:100%; color:#666; text-align:left; border-top:solid 1px #EEE; font-family: GillSans; background:#FFF;
}
.corner_title_01 .title_a {
	font-size:22px; padding:15px 5px 0px; font-weight: lighter;
}
.corner_title_01 .title_b {
	font-size:10px; padding:2px 5px 7px;
}

/*------- コーナー名 -------------------------------------------*/

/* 角丸 */
.topbar {
width:100%;
height:auto;
font-weight:bold;
text-align:left;
clear:both;
color:#222;
background-color:#CCC;
border-top:solid 1px #ffffff;
border-radius:7px 7px 0 0;
-webkit-box-shadow:0 -1px 5px rgba(0,0,0,0.1);
}

.topbar1 {
width:98%;
height:auto;
font-weight:bold;
text-align:left;
clear:both;
padding:7px 0 7px 2%;
background-color:#DCDCD7;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #aaaaaa;
border-radius:7px 7px 0 0;
-webkit-box-shadow:0 -1px 5px rgba(0,0,0,0.1);
}

/* 四角 */
.topbar2 {
width:98%;
height:auto;
font-weight:bold;
text-align:left;
clear:both;
padding:7px 0 7px 2%;
background-color:#DCDCD7;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #aaaaaa;
}

/*------- コーナータイトル -------------------------------------------*/
.cornertitle {
padding:5px 0;
text-align:left;
}

/*------- コーナーエンド -------------------------------------------*/
/* コーナー閉じ角丸 */
.cornerend_radius {
width:100%;
height:10px;
border-radius:0 0 7px 7px;
border-bottom:solid 1px #aaaaaa;
-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.2);
}

/* コーナー閉じ四角 */
.cornerend_square {
width:100%;
height:10px;
border-bottom:solid 1px #aaaaaa;
-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.2);
}

/* 角丸 */
.cbgc_1 {
width:100%;
background-color:#ffffff;
height:auto;
margin:0 auto;
padding:0 0 10px 0;
text-align:center;
border:0;
border-radius:0 0 10px 10px;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3);
}

.cbgc_2 {
width:100%;
background-color:#F0C8C8;
height:auto;
margin:0 auto;
padding:0 0 10px 0;
text-align:center;
border:0;
border-radius:0 0 10px 10px;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3);
}

/* 四角 */
.cbgc_1_s {
width:100%;
background-color:#ffffff;
height:auto;
margin:0 auto;
text-align:center;
border:0;
clear:both;
}

/* 角丸 */
.underbar {
width:100%;
height:10px;
background-color:#ffffff;
border-radius:0 0 7px 7px / 0 0 7px 7px;
border-bottom:solid 1px #aaaaaa;
}

/* 角丸 */
.cornerend_02 {
width:100%;
height:10px;
border-radius:0 0 7px 7px / 0 0 7px 7px;
border-bottom:solid 1px #aaaaaa;
}

/*------- コーナー内の一層リンク -------------------------------------------*/
/* 一層へのリンク背景 */
.lbgc_1 {
width:100%;
background-color:#f6f6f6;
border-bottom:1px solid #cccccc;
}

/* コーナーデザイン */
.cbgc_0 {
width:100%;
background-color:#ffffff;
height:auto;
margin:0 auto;
padding:0 0 10px 0;
text-align:center;
border:0;
border-radius:0 0 10px 10px;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3);
}

/* コーナーリンクバー */
.clb_0 {
width:100%;
padding:5px 0 0 0;
float:left;
background-color:#1A1A1A;
border-bottom:1px solid #808080;
}
.clb_icon_0 {
width:20%;
float:left;
margin-left:0;
}
.clb_text_0 {
float:left;
margin-left:2%;
color:#fff;
padding-top:4px;
}
.clb_arrow_0 {
width:10%;
float:right;
margin-right:2%;
}

/*------- 一層へのリンク -------------------------------------------*/
/* リンクエリア形成 */
.linkbar_01 {
background-color:#F1F1F1;
text-shadow:0 1px 0 #FFF;
width:100%;
border-bottom:1px solid ;
padding:10px 0;
clear:both;
}
/* ラインカラー */
.linecolor {
border-color:#cccccc;
}
.linkbar_01 .l { /* 左側のアイコン */
float:left;
margin-left:10px;
}
.linkbar_01 .c { /* 中央テキスト */
float:left;
margin-left:10px;
margin-top:2px;
color:#000000;
}
.linkbar_01 .r { /* 右側のカッコ */
float:right;
margin-right:10px;
}

/*--------------------------------------------------------------------------------------------
        ■ページ送り
  --------------------------------------------------------------------------------------------*/
/*------- 通常 -------------------------------------------*/
.page_no {
float:left;
width:20%;
text-align:center;
font-size:18px;
font-weight:bold;
color:#000000; 
}
.pagebutton_l {
float:left;
margin-left:10%;
width:30%;
text-align:center;
}
.pagebutton_r {
float:right;
margin-right:10%;
width:30%;
text-align:center;
}

/*------- ボタンデザインページ送り -------------------------------------------*/
.bd_page_1 {
background: -webkit-gradient(linear, left top, left bottom, from(#514D4C), /*color-stop(0.3,#332B29),*/to(#221816));
border:1px solid #333;
font-weight:bold;
color:#FF009B;
font-size:14px;
border-radius:6px;
}

.bd_page_2 {
background: -webkit-gradient(linear, left top, left bottom, from(#514D4C), /*color-stop(0.3,#332B29),*/to(#221816));
border:1px solid #333;
font-weight:bold;
color:#FF009B;
font-size:14px;
border-radius:6px;
}

/*------- ボタンデザインページ送り -------------------------------------------*/
.bu_design_page_1 {
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.3,#f6f6f6), to(#e0e0e0));
border:1px solid #999;
color:#000;
font-size:16px;
border-radius:6px;
}
.bu_design_page_2 {
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.3,#f6f6f6), to(#e0e0e0));
border:1px solid #999;
color:#aaa;
font-size:16px;
border-radius:6px;
}

/*--------------------------------------------------------------------------------------------
        ■詳細ページ
  --------------------------------------------------------------------------------------------*/
.detail_button_container { 
	margin:0 2%; padding:10px; 
	background-color:#FDEADA; border-radius:10px; border:solid 1px #FCD5B5; box-shadow:1px 1px 1px #666;
	text-align:left; font-size:14px;
	color:#222;
}
.detail_text { font-size:14px; }
.detail_img {
	border:solid 2px #FFF;
	border-radius:5px;
	box-shadow:1px 1px 5px 1px rgba(0,0,0,0.5);
	box-sizing:border-box;
}
.detail_headline {
	margin:5px 10px 0 10px;text-align:center;
}
.comment_frame { 
	width:90%; padding:10px; margin:auto;
	background-color:rgba(253,234,218,0.2); border:solid 1px RGBA( 204, 186, 163 ,0.2); border-radius:5px;
	text-align: justify; line-height:130%
}
.detail_cornertitle { padding:5px; font-weight:bold; }
.detail_cornertitle img { vertical-align: middle; }
.detail_display_name { margin:10px auto 20px; font-weight:bold; font-size:; }

/*------- セットコンテンツアイコン調整 -------------------------------------------*/
.detail_packageicon {
width:14%;
margin:0 2%;
text-align:center;
font-size:6px; 
line-height:120%;
float:left;
}
.detail_packageplus {
float:left;
line-height:300%;
}

/*------- セットコンテンツアイコン調整 -------------------------------------------*/
.detail_packageicon6 {
	width:12%;
	margin:0 2%;
	text-align:center;
	font-size:6px;
	line-height:120%;
	float:left;
}

/*------- セットコンテンツアイコン調整　アイコン外枠 -------------------------------------------*/
.detail_packageicon_column3 { width:48%; margin:0 1px; font-size:6px; border-radius:6px; border:solid 1px; text-align:center; padding:2px 1px; box-sizing:border-box; line-height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background-color:#FFDDBD; }
.detail_packageicon_column3 div { border-radius:6px; padding:0 2px; text-align:center; line-height:60%;}
.detail_packageicon_column3 span { font-size:6px; line-height:80%;}

.detail_packageicon_column6 { width:16%; padding:0 1px; box-sizing:border-box; line-height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.detail_packageicon_column6 div { border:solid 1px; border-radius:6px; padding:2px; text-align:center; line-height:60%; background-color:#FFDDBD;}
.detail_packageicon_column6 span { font-size:6px; line-height:80%;}

.detail_packageicon_column3 .color01, .detail_packageicon_column6 .color01 { color:#222; border-color:#FFCDA1; }
.detail_packageicon_column3 .color02, .detail_packageicon_column6 .color02 { color:#D2D2D2; border-color:#FFCDA1; }

/*------- 画像スライド -------------------------------------------*/
.slide img {
  width: 100%;
}

/*--------------------------------------------------------------------------------------------
        ■個別詳細ページ
  --------------------------------------------------------------------------------------------*/
/*------- コンテンツコメント -------------------------------------------*/
.detail_comment { margin:5px 10px 0 10px;text-align: justify;line-height:130%; }

/*------- ダウンロードボタンまわり -------------------------------------------*/
.detail_dlbutton_area { width:70%; margin:auto; }

/*------- ダウンロードボタンまわり -------------------------------------------*/
.detail_price { margin-top:5px;margin-bottom:5px;text-align:center; }

/*------- アコーディオンサイズ調整 -------------------------------------------*/
.accordion_size { width:100%; padding:10px 0; }
.accordion_title { float:left; margin-left:10px; margin-top:2px; }
.accordion_comment { padding:20px auto; line-height:160%; }


/*--------------------------------------------------------------------------------------------
        ■サムネイルレイアウト
  --------------------------------------------------------------------------------------------*/
/*------- 正方形＆右にテキスト -------------------------------------------*/
.thumtype_001 {
width:100%;
padding:5px 0;
}
.thumtype_001 .thum {
float:left;
width:24%;
margin:5px 0 -4px 1%;
}
/*
.thumtype_001 .thum img {
box-shadow:0 2px 3px rgba(0,0,0,0.2);
}
*/
.thumtype_001 .details {
float:left;
width:65%;
}
.thumtype_001 .outline {
margin:0 3% 0 3%;
text-align:left;
}
.thumtype_001 .title {
font-weight:bold;
font-size:14px;
margin-top:2px;
}
.thumtype_001 .text {
margin-top:2px;
font-size:12px;
line-height:130%;
}
.thumtype_001 .arrow {
width:10%;
float:right;
font-size:120%;
margin-top:35px;
text-align:right;
}

/*------- 正方形＆右にテキスト -------------------------------------------*/
.thumtype_002 {
width:100%;
text-align:center;
}

/*------- 正方形４つ並び -------------------------------------------*/
.thumbnail_4 {
width:100%;
text-align:center;
clear:both;
}
.thumbnailbox_4 {
float:left;
margin-left:6%; 
width:18%; 
text-align:center;
}

/*------- 正方形４つ並び -------------------------------------------*/

/* スペース3.5％ */
.thumbnailbox_4 {
float:left;
margin-left:3.5%;
width:21%;
text-align:center;
}

/* スペース1px */
.thumbnailbox_4min {
float:left;
margin-left:2%;
width:23%;
text-align:center;
}

/*------- 正方形４つ並び_2 -------------------------------------------*/
.thumbnail_4column {
width:23%;
float:left;
margin:0 1%;
}
/*------- 角丸４つ並び -------------------------------------------*/
.radius4 {
width:100%;
padding:0px 10px;
margin:0 auto 0 auto;
-webkit-box-sizing: border-box;
}
.radius4 .thum {
width:24%;
float:left;
margin-right:1%;
}
.radius4 .thum img {
box-shadow:0 2px 3px rgba(0,0,0,0.2);
}

/*------- 正方形３つ並び(フィット) -------------------------------------------*/
.thumbnailbox_3fit { float:left; width:33.3%; border:none; }

/*------- 正方形４つ並び(フィット) -------------------------------------------*/
.thumbnailbox_4fit { float:left; width:25%; border:none; }

/*------- 正方形５つ並び(フィット) -------------------------------------------*/
.thumbnailbox_5fit { float:left; width:20%; border:none; }

/*------- 正方形５つ並び -------------------------------------------*/
.thumbnailbox_5 { float:left; margin-left:2%; width:18%; text-align:center; }
/*.thumbnailbox_5 img { box-shadow:0 2px 3px rgba(0,0,0,0.2); }*/

/*------- 左に小サムネイル、右にボタン -------------------------------------------*/
/* 左側エリア */
.display1_l { width:45%; float:left; }
/* 右側エリア */
.display1_r { width:50%; float:right; text-align:right; }

/*------- 余白１５％ずつでセンターに配置 -------------------------------------------*/
.display2 { width:70%; padding:0 15% 0 15%; clear:both; }

/*------- 左に小サムネイル、中にテキスト、右に矢印 -------------------------------------------*/
/* 左側エリア */
.display3_l { width:25%; float:left; }
/* 中央エリア */
.display3_c { width:55%; float:left; padding-left:5%; text-align: left; font-size: 100%; line-height: 200%; }
/* 右側エリア */
.display3_r { width:15%; float:right; text-align: right; line-height: 200%; }

/*------- 左に小サムネイル、中にテキスト、右にボタン -------------------------------------------*/
/* 左側エリア */
.display4_l { width:25%; float:left; }
/* 中央エリア */
.display4_c { width:53%; float:left; padding-left:2%; text-align: left; font-size: 100%; line-height: 130%; }
/* 右側エリア */
.display4_r { width:20%; float:right; text-align: center; line-height: 150%; }

/*------- ３つ並びサムネイル -------------------------------------------*/
/* 外枠 */
.thumbnailbox_3 { float:left; margin-left:4%; width:28%; text-align:center; box-sizing:border-box; }
.thumbnailbox_3_au { float:left; margin-left:2%; width:30%; text-align:center; box-sizing:border-box; }

/* 外枠 */
.thumbnail_3 { width:100%; margin:0 auto; text-align:center; box-sizing:border-box; }
.thumbnail_3 img { box-shadow:0 2px 3px rgba(0,0,0,0.2); }
/* カテゴリアイコン */
.thumbnail_3icon { width:100%; margin:5px auto 0; text-align:center; box-sizing:border-box; }
/* タイトル */
.thumbnail_3title { width:100%; margin:5px  auto ; text-align:center; font-size:14px; line-height:100%; box-sizing:border-box; clear:both; }
/* テキスト */
.thumbnail_3text { width:93%; margin:0; text-align:left; padding:5px 5%; font-size:12px; line-height:130%; box-sizing:border-box;}
/* テキストタイプ２ */
.thumbnailbox_3 .text { width:100%; margin:0 0 0 -3px; text-align:center; font-weight:bold; padding:5px; font-size:11px; line-height:130%; color:#666; box-sizing:border-box; }

/*------- コンテンツ共通 -------------------------------------------*/
/* コンテンツ外枠 */
.content_area {
border-bottom:1px solid #cccccc;
width:100%;
clear:both;
}

/* コンテンツタイトルエリア */
.con_title_area{
text-align:left;
width:100%;
float:left;
padding:0 0 5px 0;
}
/* コンテンツアイコン */
.con_icon {
width:auto;
}
.thumbnail_3icon>.con_icon {
width:auto;
}
/* コンテンツ名テキスト */
.con_text {
width:auto;
float:left;
text-align:left;
}

.con_title_area .text {
margin:5px 0 0 2%;
float:left;
text-align:left;
font-weight:bold;
}

/*-------  -------------------------------------------*/
/* コンテンツ外枠 */
.content_area {
border-bottom:1px solid #cccccc;
width:100%;
clear:both;
}

/* コンテンツタイトルエリア */
.con_title_area{
text-align:left;
width:100%;
float:left;
padding:0 0 5px 0;
}
/* コンテンツアイコン */
.con_icon {
width:auto;
float:left;
}
/* コンテンツ名テキスト */
.con_text {
width:auto;
float:left;
text-align:left;
}

.con_title_area .text {
margin:5px 0 0 2%;
float:left;
text-align:left;
font-weight:bold;
}

/* コンテンツ紹介テキスト */
.con_text_area{
width:100%;
margin:5px auto 0 auto;
padding-bottom:5px;
text-align:left;
line-height:160%;
font-size:14px;
clear:both;
}

/* 大サムネイル用ボタン */
.ctl_thumbs{
width:100%;
float:center;
}

.ctl_button{
width:70%;
height:40px;
margin:0 auto 10px;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.3,#f6f6f6), to(#e0e0e0));
border:1px solid #999;
color:#000000;
font-size:16px;
border-radius:6px;
text-shadow:0 1px 0 rgba(255,255,255,1);
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}

/*------- きせかえ中サムネイル -------------------------------------------*/
/* コンテンツ中サムネイルエリア */
.ctm{
width:100%;
margin:auto;
clear:both;
}
/* 中サムネイル */
.ctm_thumbs{
width:65%;
float:left;
}
/* 中サムネイルボタンエリア */
.ctm_button_area{
width:35%;
float:right;
text-align:center;
}
/* 中サムネイルロゴ */
.ctm_logo{
margin-top:0px;
text-align:center;
width:100%;
}
        /* 中サムネイル用ボタン */
.ctm_button{
width:90%; 
height:40px; 
margin-bottom:10px;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.3,#f6f6f6), to(#e0e0e0));
border:1px solid #999;
color:#000000;
font-size:16px;
border-radius:6px;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}

/*------- 左に正方形サムネイル、右にコンテンツ名、ブランド名、アイコン、コメント -------------------------------------------*/
.square_thum_area {
width:100%;
border-bottom:solid 1px #ccc;
box-shadow:0 1px 1px #FFFFFF;
}
.square_thum_area .thum {
padding:2px 0 0 2%;
float:left;
width:23%;
margin-bottom:-4px;
}
.square_thum_area .detail {
float:left;
width:65%;
}
.square_thum_area .contentname {
font-weight:bold;
font-size:17px;
margin-top:2px;
}
.square_thum_area .brandname {
font-weight:bold;
font-size:14px;
margin-top:0;
}
.square_thum_area .comment {
font-size:12px;
line-height:130%;
margin-top:2px;
}

/*------- きせかえ小サムネイル -------------------------------------------*/
.cts{
width:100%;
margin: auto;
padding:10px 0 10px 0; 
clear:both;
}
.cts_thumbs{
width:25%;
float:left;
}
    .cts_text_area{
width:73%;
padding-left:2%;
float:right;
}
    .cts_brand{
width:100%;
float:left;
color:#008000;
text-align:left;
}
    .cts_text{
width:100%;
float:left;
font-size:14px; 
margin-top:10px; 
line-height:160%;
text-align:left;
}

/*------- 無料ウィジェット -------------------------------------------*/
.ctws{
width:100%;
margin: auto;
padding:10px 0 10px 0; 
border-bottom:1px solid #cccccc; 
clear:both;
}
.ctws_thumbs{
width:15%;
float:left;
margin-left:2%;
}
    .ctws_text_area{
width:66%;
margin-left:2%;
text-align:left;
float:left;
}
.ctws_title {
width:100%;
float:left;
font-size:16px;
margin-bottom:5px;
text-align:left;
color:#EA609E;
}
.ctws_text {
width:100%;
float:left;
font-size:14px;
line-height:140%;
text-align:left;
color:#000000;
}

    .ctws_button_area{
width:13%;
margin-left:2%;
float:left;
}

/*--------------------------------------------------------------------------------------------
        ■カテゴリグリッドレイアウト
  --------------------------------------------------------------------------------------------*/
.grid2 {
}
.grid2 .l {
float:left;
width:50%;
text-align:center;
border-right:1px solid;
border-bottom:1px solid;
-webkit-box-sizing: border-box;
}
.grid2 .r {
float:right;
width:50%; 
text-align:center; 
border-bottom:1px solid;
}
.grid2 .f {
width:100%; 
text-align:center; 
border-bottom:1px solid;
}
.grid2 span {
width:90%;
line-height:150%;
float:left;
text-align:left;
font-size:16px;
font-weight:normal;
margin-left:10px;
margin-top:3px;
padding:10px 0;
}

.grid2 .text {
float:left;
width:85%;
}
.grid2 .arrow {
float:right;
width:10%;
padding-top:10px;
margin-right:5px;
}

.grid2 .colortext {
float:left;
width:75%;
}
.grid2 .colorbox {
float:right;
width:20px;
height:20px;
padding-top:10px;
margin-right:20px;
}
.grid2 .colortext_r {
float:right;
width:80%;
}
.grid2 .colorbox_l {
float:left;
width:20px;
height:20px;
padding-top:10px;
margin-right:0;
}
.grid2 .color {
border-color:#AAA;
color:#222;
}

/*--------------------------------------------------------------------------------------------
        ■メニューページ
  --------------------------------------------------------------------------------------------*/
/* １行 */
.menuicon_box {
    width: 33.3%;
    float: left;
    padding: 20px 0 20px 0; 
    margin:0 auto;
}
.menuicon {
   width:50%;
   margin:0 auto; 
   text-align:center;
}
.menutext {
width:100%;
margin:0 auto; 
   text-align:center;
}

/*--------------------------------------------------------------------------------------------
■ヘッドライン
  --------------------------------------------------------------------------------------------*/
.headline_02 {
margin: auto;
width: 95%;
padding:17px 0 17px 5%;
text-align: left;
font-size: large;
height:auto;
font-weight:bold;
color:#FFF;
background: url(/img/page/wphdcolle/obi_bg.png);
background-repeat: no-repeat;
}
.headline_design2 {
width:100%;
height:20px;
font-size:16px;
font-weight:bold;
text-align:left;
clear:both;
padding:9px 0 7px 0;
/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #35B2D5), color-stop(1.0, #288BA5));
-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5)inset,0 -1px 0 rgba(255,255,255,0.5)inset;*/
background: #35B2D5;
}
.headline_brand2 {
width:100%;
height:20px;
font-size:16px;
font-weight:bold;
text-align:left;
clear:both;
padding:9px 0 7px 0;
/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #CD3C38), color-stop(1.0, #A02E2B));
-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5)inset,0 -1px 0 rgba(255,255,255,0.5)inset;*/
background: #CD3C38;
}
.headline_woman2 {
width:100%;
height:20px;
font-size:16px;
font-weight:bold;
text-align:left;
clear:both;
padding:9px 0 7px 0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #CD3C38), color-stop(1.0, #A02E2B));
-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5)inset,0 -1px 0 rgba(255,255,255,0.5)inset;
}
.headline_men2 {
width:100%;
height:20px;
font-size:16px;
font-weight:bold;
text-align:left;
clear:both;
padding:9px 0 7px 0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #4A7EBB), color-stop(1.0, #2D5F9C));
-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5)inset,0 -1px 0 rgba(255,255,255,0.5)inset;
}
.headline_anime2 {
width:100%;
height:20px;
font-size:16px;
font-weight:bold;
text-align:left;
clear:both;
padding:9px 0 7px 0;
/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FF8F27), color-stop(1.0, #D4721F));
-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5)inset,0 -1px 0 rgba(255,255,255,0.5)inset;*/
background: #FF8F27;
}
.headline_character2 {
width:100%;
height:20px;
font-size:16px;
font-weight:bold;
text-align:left;
clear:both;
padding:9px 0 7px 0;
/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #00A60B), color-stop(1.0, #008308));
-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5)inset,0 -1px 0 rgba(255,255,255,0.5)inset;*/
background: #00A60B;
}

.headline_design2 span,
.headline_brand2 span,
.headline_woman2 span,
.headline_men2 span,
.headline_anime2 span,
.headline_character2 span
{
margin-left:3%;
vertical-align:super;
font-size:16px;
color:#FFF;
}


.headline_alpha {
margin: auto;
width: 100%;
padding:5px 0;
text-align: left;
font-size: 16px;
height:auto;
font-weight:bold;
color:#222;
-webkit-box-shadow:1px 3px 5px rgba(0,0,0,0.3);
}


/*--------------------------------------------------------------------------------------------
■ナビゲーション
  --------------------------------------------------------------------------------------------*/
/*------- Mydroid下部ナビゲーション -------------------------------------------*/
.mydroidnav {
width:100%;
font-size:12px;
}
.mydroidnav .arrow {
float:right;
padding-right:5px;
}
/* 左 */
.mydroidnav .left{
width:35%;
float:left;
}
.mydroidnav .left .link1 {
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), to(#D9D9D9));
background-color:#D7E4BD;
-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3) inset;
color:#777;
padding:27px 0 28px 0;
}
/* 中 */
.mydroidnav .center {
width:32%;
float:left;
}
.mydroidnav .center .link1 {/* 中上 */
background: -webkit-gradient(linear, left top, left bottom, from(#6AD3FF), color-stop(0.6, #479FE0), to(#479FE0));
background-color:#DBE7F6; 
-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3) inset;
color:#FFF;
padding:10px 0 10px 0;
}
.mydroidnav .center .link2 {/* 中下 */
background: -webkit-gradient(linear, left top, left bottom, from(#FFAAD4), color-stop(0.6, #FE037B), to(#FE037B));
background-color:#FEE5EE;
-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3) inset;
color:#FFF;
padding:10px 0 10px 0;
}
/* 右 */
.mydroidnav .right {
width:33%;
float:left;
}
.mydroidnav .right .link1 {/* 右上 */
background: -webkit-gradient(linear, left top, left bottom, from(#FED79A), color-stop(0.6, #F69603), to(#F69603));
background-color:#FAE1BC;
-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3) inset;
color:#FFF;
padding:10px 0 10px 0;
}
.mydroidnav .right .link2 {/* 右下 */
background: -webkit-gradient(linear, left top, left bottom, from(#1DC1DD), color-stop(0.6, #0188BA), to(#0188BA));
background-color:#DFF4F4;
-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3) inset;
color:#FFF;
padding:10px 0 10px 0;
}

/*--------------------------------------------------------------------------------------------
■アイコン
  --------------------------------------------------------------------------------------------*/
/*------- ５列アイコン ※簡略化 -------------------------------------------*/
.tab5 {
width:100%;
}
.tab5 .bg_outline {
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#E8E8E8));/* 背景色指定 */
border-top: solid 1px;
border-bottom: solid 1px;
}
.tab5 .area {
padding: 2px 0.4% 2px 0.4%; 
width: 19%;
float: left;
border-right: solid 1px;
}
.tab5 .bordercolor {/* ボーダー色指定 */
border-color:#A7A7A7;
}
.tab5 .text {
color: #666;
font-size:10px;
width: 100%;
clear: both;
}
/*------- ４列アイコン ※簡略化 -------------------------------------------*/
.tab4 {
width:100%;
}
.tab4 .bg_outline { /*-- clearfix併用 --*/
line-height:30px;
width:100%;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#E8E8E8));/* 背景色指定 */
border: solid 1px;
border-radius:5px;
box-sizing: border-box;
height:auto;
}
.tab4 .area {
padding: 2px 0;
width: 25%;
float: left;
box-sizing: border-box;
border-right: solid 1px;
border-color:inherit;
height:auto;
text-align:center;
}
.tab4 .bordercolor {/* ボーダー色指定 */
border-color:#A7A7A7;
}

/*------- ４つボタン ※簡略化 -------------------------------------------*/
.button4 {
width:100%;
}
.tab4 .bg_outline { /*-- clearfix併用 --*/
line-height:30px;
width:100%;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#E8E8E8));/* 背景色指定 */
border: solid 1px;
border-radius:5px;
box-sizing: border-box;
height:auto;
}
.tab4 .area {
padding: 2px 0;
width: 25%;
float: left;
box-sizing: border-box;
border-right: solid 1px;
border-color:inherit;
height:auto;
text-align:center;
}
.tab4 .bordercolor {/* ボーダー色指定 */
border-color:#A7A7A7;
}



/*------- ５列アイコン -------------------------------------------*/
.icon_box_5 {
padding: 2px 0.4% 2px 0.4%; 
width: 19%;
float: left;
border-right: solid 1px #A8A8A8;
box-sizing:border-box;
}
.icon_box_5_text {
width: 100%;
clear: both;
color: #666;
}

/*------- ５列アイコン インライン -------------------------------------------*/
.icon_box_5_inline {
padding: 0 0.4% 0 0.4%; 
width: 19%;
float: left;
line-height:60%;
}
.icon_box_5_inline_space {
padding:5px 0 5px 1%;
border-right:solid 1px #CCC;
}
.icon_box_5_inline_text {
width: 100%;
clear: both;
color: #666;
font-size:8px;
line-height:100%;
}

/* ６列アイコン */
.icon_box_6 {
padding: 2px 0.7% 2px 0.7%; 
width: 15%;
float: left;
border-right: solid 1px #A8A8A8;
}
.icon_box_6_text {
width: 100%;
clear: both;
color: #666;
font-size:20%;
line-height:100%;
}

/*--------------------------------------------------------------------------------------------
■キャッチアイコン
  --------------------------------------------------------------------------------------------*/
/*------- ダウンロードアイコン -------------------------------------------*/
.downloadarrow {
position: relative;
width: 0;
height: 0;
border-top:   12px solid transparent;
border-right: 12px solid #434343;
z-index:5;
-webkit-transform: rotate(45deg);
}
.downloadarrow:before {
content: "";
position: absolute;
border: 0 solid transparent;
background-color:#434343;
top: -10px;
left: 10px;
width: 2px;
height: 18px;
-webkit-transform: rotate(-135deg);
}
.downloadarrow:after {
content: "";
position: absolute;
border: 0 solid transparent;
background-color:#434343;
top: -13px;
left: 1px;
width: 7px;
height: 10px;
-webkit-transform: rotate(-135deg);
}


/*--------------------------------------------------------------------------------------------
■コンテンツ種別アイコン
  --------------------------------------------------------------------------------------------*/
/*------- クラス指定DB統合版 -------------------------------------------*/
.contenticon_box span.icon:after {
content: 'アイコンきせかえ';/*アイコンきせかえ*/
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.clock:after {
content: "時計ウィジェット";/*時計ウィジェット*/
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.battery:after {
content: "電池ウィジェット";/*電池ウィジェット*/
font-size: 9px;
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.search:after {
content: "検索ウィジェット";/*検索ウィジェット*/
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.widgetpack:after {
content: "ウィジェットパック";/*ウィジェットパック*/
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.widgetmulti:after {
content: "多機能ウィジェット";/*多機能ウィジェット*/
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.multi:after {
content: "多機能ウィジェット";/*多機能ウィジェット*/
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.switch:after {
content: "スイッチウィジェット";/*スイッチウィジェット*/
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}

.contenticon_box span.paletteui:after {
content: "パレットUI";/*パレットUI*/
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.mlt:after {
content: 'テーマ';/*テーマ*/
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.call:after {
content: 'きせかえCALL';/*きせかえCALL*/
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.ioskisekae:after {
content: 'アイコンきせかえ';/*アイコンきせかえ*/
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.kisekae:after {
content: "きせかえ";/*きせかえ*/
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.docomomail:after {
content: "ドコモメール";/*ドコモメール*/
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.decostamp:after {
content: "デコメスタンプ";/*デコメスタンプ*/
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}

/*--------------------------------------------------------------------------------------------
■アイコン
  --------------------------------------------------------------------------------------------*/
.new_icon {
	background:#f00; border-radius:3px; padding:3px 10px; color:#fff; font-size:9px;
}
.tokushu_icon {
	background:#FD6A01; border-radius:3px; padding:3px 10px; color:#fff; font-size:9px;
}


/*------- 最新クラス指定 ※ここを変えればジャンルアイコンが変わります -------------------------------------------*/
/* iconbox内フロート */
.contenticon_box {
color: #C00;
font-size: 10px;
margin:2px 0 5px 0;
width:100%;
clear:both;
}
.contenticon_box span.decostamp:after {
content: "デコメスタンプ";
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.thema:after {
content: 'テーマ';
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.widget:after {
content: "ウィジェット";
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.widgetw:after {
content: "時計ウィジェット";
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.widgetb:after {
content: "電池ウィジェット";
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}

.contenticon_box span.widgetp:after {
content: "ウィジェットパック";
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.ktouch:after {
content: "きせかえtouch";
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.lwp:after {
content: "ライブ壁紙";
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.pui:after {
content: "パレットUI";
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.lux:after {
content: "LIVE UX";
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.lock:after {
content: "ロック";
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.decostamp:after {
content: "スタンプデコメ";
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.wppack:after {
content: "壁紙セット";
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.shortcut:after {
content: "ショートカット";
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.free:after {
content: "FREE";
box-shadow:1px 1px 0 rgba(255,255,255,0.3)inset,-1px -1px 0 rgba(0,0,0,0.3)inset;
background-color:#F4373C;
    padding:4px 10px;
  border-radius:5px;
}
.contenticon_box span.commingsoon:after {
content: 'CommingSoon';
border:solid 1px #C00;
background-color:#FFF;
    padding:4px 10px;
  border-radius:5px;
}
/*------- 最新クラス指定ここまで -------------------------------------------*/

/*------- 旧クラス指定 -------------------------------------------*/
.contenticon_widget {
width:20%;
border-radius:5px;
text-align:center;
font-size:10px;
padding:1px 3px 1px 3px;
margin-top:2px;
background-color:#002BFF;
color:#FFF;
}
.contenticon_ktouch {
width:28%;
border-radius:5px;
padding:1px 3px 1px 3px;
text-align:center;
font-size:8px;
margin-top:2px;
background-color:#FFA800;
color:#FFF;
}
.contenticon_lwp{
width:20%;
border-radius:5px;
text-align:center;
font-size:8px;
padding:1px 3px 1px 3px;
margin-top:2px;
background-color:#69B900;
color:#FFF;
}
.contenticon_pui {
width:25%;
border-radius:5px;
padding:1px 3px 1px 3px;
text-align:center;
font-size:10px;
margin-top:2px;
background-color:#D1203D;
color:#FFF;
}
.contenticon_wppack {
width:25%;
border-radius:5px;
padding:1px 3px 1px 3px;
text-align:center;
font-size:10px;
margin-top:2px;
background-color:#D1203D;
color:#FFF;
}
.contenticon_shortcut {
width:38%;
border-radius:5px;
padding:1px 3px 1px 3px;
text-align:center;
font-size:10px;
margin-top:2px;
background-color:#FF7C80;
color:#FFF;
}
.contenticon_thema {
width:40px;
height:16px;
border-radius:5px;
padding:1px 3px 2px 3px;
text-align:center;
font-size:10px;
margin-top:2px;
background-color:#4FB8E1;
color:#FFF;
float:left;
}
.contenticon_box .contenticon_widget {
width:20%;
border-radius:5px;
text-align:center;
font-size:10px;
padding:1px 3px 1px 3px;
margin:2px 2% 0 0;
background-color:#002BFF;
color:#FFF;
float:left;
}
.contenticon_box .contenticon_ktouch {
width:28%;
border-radius:5px;
padding:1px 3px 1px 3px;
text-align:center;
font-size:8px;
margin:2px 2% 0 0;
background-color:#FFA800;
color:#FFF;
float:left;
}
.contenticon_box .contenticon_lwp{
width:50px;
border-radius:5px;
text-align:center;
font-size:8px;
padding:1px 3px 1px 3px;
margin:2px 2% 0 0;
background-color:#69B900;
color:#FFF;
float:left;
}
.contenticon_box .contenticon_pui {
width:25%;
border-radius:5px;
padding:1px 3px 1px 3px;
text-align:center;
font-size:10px;
margin:2px 2% 0 0;
background-color:#D1203D;
color:#FFF;
float:left;
}
.contenticon_box .contenticon_wppack {
width:25%;
border-radius:5px;
padding:1px 3px 1px 3px;
text-align:center;
font-size:10px;
margin:2px 2% 0 0;
background-color:#D1203D;
color:#FFF;
float:left;
}

.contenticon_box .contenticon_shortcut {
width:38%;
border-radius:5px;
padding:1px 3px 1px 3px;
text-align:center;
font-size:10px;
margin:2px 2% 0 0;
background-color:#FF7C80;
color:#FFF;
float:left;
}

.contenticon_box .contenticon_free {
width:15%;
border-radius:5px;
padding:1px 3px 1px 3px;
text-align:center;
font-size:10px;
margin:2px 2% 0 0;
background-color:#F00;
color:#FFF;
float:left;
}
.contenticon_box .contenticon_thema {
width:40px;
height:16px;
border-radius:5px;
padding:1px 3px 2px 3px;
text-align:center;
font-size:10px;
margin-top:2px;
background-color:#4FB8E1;
color:#FFF;
float:left;
}

/*--------------------------------------------------------------------------------------------
■ナビゲーションパターン
  --------------------------------------------------------------------------------------------*/
/*------- レイアウト切替 -------------------------------------------*/
.rayoutchange {
width:100%;
padding:10px 0;
}
.rayoutchange .text {
width:60%; 
float:left; 
text-align:left; 
font-weight:bold; 
padding:10px 0 0 2%; 
font-size:20px; 
-webkit-box-sizing:border-box;
}
.rayoutchange .icon {
width:40%; float:right;
}

/*--------------------------------------------------------------------------------------------
■ボタンデザイン
  --------------------------------------------------------------------------------------------*/
/*------- ボタンテキストハイライト -------------------------------------------*/
*button {
-webkit-text-shadow:0 1px 0 #FFF;
}

/*------- ボタンサイズ -------------------------------------------*/
.button_dl {
width:96%;
height:60px;
margin: auto;
font-size:16px;
border-radius:6px;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.button_dl_02 {
width:70%;
height:50px;
margin: auto;
border-radius:15px;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
font-size:16px; color:#0A5D00; font-weight:bold;
}

.button_detail {
width:204px;
height:50px;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.3,#f6f6f6), to(#e0e0e0));
border:1px solid #999;
color:#000000;
font-size:20px;
border-radius:6px;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.button_dl_herf {
width:100%;
height:60px;
border-radius:6px;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}

.button_toplink {
width:80%;
height:40px;
    margin: auto;
font-size:16px;
border-radius:6px;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}

.button_100 {
width:100%;
height:40px;
    margin: auto;
font-size:14px;
border-radius:6px;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.button_90 {
width:90%;
height:40px;
    margin: auto;
font-size:14px;
border-radius:6px;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.button_96 {
width:96%;
height:40px;
    margin: auto;
font-size:14px;
border-radius:6px;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.button_85 {
width:85%;
height:40px;
margin: auto;
font-size:14px;
border-radius:6px;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.button_80 {
width:80%;
height:40px;
margin: auto;
font-size:14px;
border-radius:6px;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.button_75 {
width:75%;
height:40px;
margin: auto;
font-size:14px;
border-radius:6px;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.button_70 {
width:70%;
height:40px;
margin: auto;
font-size:14px;
border-radius:6px;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.button_65 {
width:65%;
height:40px;
margin: auto;
font-size:14px;
border-radius:6px;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.button_60 {
width:60%;
height:40px;
margin: auto;
font-size:14px;
border-radius:6px;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.button_50 {
width:50%;
height:40px;
margin: auto;
font-size:14px;
border-radius:6px;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.button_40 {
width:40%;
height:40px;
margin: auto;
font-size:14px;
border-radius:6px;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.button_00 {
height:40px;
margin: auto;
font-size:14px;
border-radius:6px;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}

/*------- チェックボックスあり -------------------------------------------*/
.checkbutton {
}
.checkbutton .space {
margin:10px 0 0 7px;
}
.checkbutton .l {
width:20px;
height:20px;
float:left;
margin:10px 0 0 10px;
border:solid 1px #222;
box-sizing:border-box;
}
.checkbutton .r {
width:85%;
float:right;
text-align:left;
}

/*------- ボタン内矢印 -------------------------------------------*/
.buttonarrow_02 {
color:#F00;
float:right;
}

/*------- 2ボタン -------------------------------------------*/
.button2_l {
float:left;
margin-left:5%;
width:40%;
}
.button2_r {
float:right;
margin-right:5%;
width:40%;
}

/*------- 2ボタンフルサイズ連結　※簡易 -------------------------------------------*/
.button2square_area {
width:100%;
text-align:center;
box-sizing:border-box;
}

.button2square_area .l {
float:left;
width:50%;
height:40px;
font-size:16px;
line-height:230%;
border-right:solid 1px;
box-sizing:border-box;
}
.button2square_area .r {
float:right;
width:50%;
height:40px;
font-size:16px;
line-height:230%;
box-sizing:border-box;
}

/*------- 2ボタンフルサイズ　※簡易 -------------------------------------------*/
.button2_area {
width:100%;
text-align:center;
}

.button2_area .l {
float:left;
width:49%;
height:40px;
font-size:14px;
border-radius:6px;
vertical-align: middle;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.button2_area .r {
float:right;
width:49%;
height:40px;
font-size:14px;
border-radius:6px;
vertical-align: middle;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}

/*------- 2ボタンフルサイズ -------------------------------------------*/
.button_47l {
float:left;
margin-left:2%;
width:47%;
height:40px;
font-size:130%;
font-weight:bold;
border-radius:6px;
vertical-align: middle;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.button_47r {
float:right;
margin-right:2%;
width:47%;
height:40px;
font-size:130%;
font-weight:bold;
border-radius:6px;
vertical-align: middle;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}

/*------- 2ボタンフルサイズ -------------------------------------------*/
.button2_l_full {
float:left;
margin-left:2%;
width:47%;
}
.button2_r_full {
float:right;
margin-right:2%;
width:47%;
}

/*------- 3ボタン独立（角丸） -------------------------------------------*/
.button3_02_l {
float:left;
width:32%;
height:40px;
border-radius:6px;
}

.button3_02_c {
float:left;
width:31%;
margin-left:3%;
height:40px;
border-radius:6px;
}

.button3_02_r {
float:right;
width:32%;
height:40px;
border-radius:6px;
}

/*------- 3ボタン連結（角丸） -------------------------------------------*/
.button3_l {
float:left;
width:33%;
margin:0 0 0 1%;
padding:8px 0 8px 0;
border-width:1px;
border-radius:6px 0 0 6px;
text-align:center;
}
.button3_c {
float:left;
width:32%;margin:0;
padding:8px 0 8px 0; 
border-width:1px;
border-radius:0;
text-align:center;
}
.button3_r {
float:left;
width:33%;
margin:0 1% 0 0;
padding:8px 0 8px 0;
border-width:1px;
border-radius:0 6px 6px 0;
text-align:center; 
}

/*------- 3ボタン連結（四角） -------------------------------------------*/
.button3_03_l {
float:left;
width:33%;
margin:0 0 0 1%;
padding:8px 0 8px 0;
border-width:1px;
border-radius:6px 0 0 6px;
text-align:center;
}
.button3_03_c {
float:left;
width:32%;margin:0;
padding:8px 0 8px 0; 
border-width:1px;
border-radius:0;
text-align:center;
}
.button3_03_r {
float:left;
width:33%;
margin:0 1% 0 0;
padding:8px 0 8px 0;
border-width:1px;
border-radius:0 6px 6px 0;
text-align:center; 
}

/*------- ナビアウトライン -------------------------------------------*/
.navioutline {
width:100%;
height:40px;
margin:auto;
text-align:center;
box-sizing:border-box;
}

/*------- 3ボタン連結（四角） -------------------------------------------*/
.navi3outline {
width:100%;
height:40px;
margin:auto;
text-align:center;
border:solid 1px;
box-sizing:border-box;
}
.navi3outline .navi3_1 {
width:33%;
float:left;
border-right:solid 1px;
height:100%;
line-height:200%;
}

/*------- 4ボタン連結（四角） -------------------------------------------*/
.navioutline .navi4_1 {
width:25%;
float:left;
height:100%;
line-height:200%;
border-right:solid 1px;
box-sizing:border-box;
}

/*------- 4ボタン（孤立角丸） -------------------------------------------*/
.button4_area {
width:100%;
}
.button4_1 {
float:left; 
width:23%; 
margin:0 1% 0 1%; 
padding:8px 0 8px 0;
border-style: solid;
border-width:1px;
border-radius:6px;
text-align:center;
-webkit-box-sizing: border-box;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}

/*------- 4ボタン（孤立角丸） -------------------------------------------*/
.button4_area {
width:100%;
}
.button4_1 {
float:left; 
width:23%; 
margin:0 1% 0 1%; 
padding:8px 0 8px 0;
border-style: solid;
border-width:1px;
border-radius:6px;
text-align:center;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
}

/*------- 4ボタン（リストスタイル） -------------------------------------------*/
/* liに指定 */
.button4_box {
float:left;
margin:0 1% 0;
width:23%;
}

/* buttonに指定 */
.button4_button {
width:100%;
height:35px;
font-size:16px;
border-radius:6px;
}

/*------- 4ボタン連結（角丸）（リストスタイル） -------------------------------------------*/

/* liに指定 */
.button4_listset {
float:left;
width:25%;
margin-left:0px;
border-right:0;
list-style-type:none;
}
/* 左端のbuttonに指定 */
.button4_listset_l {
float:left;
width:100%;
height:40px;
margin-left:0px;
border-right:0;
list-style-type:none;
border-radius:6px 0 0 6px;
}
/* 中のbuttonに指定 */
.button4_listset_c {
float:left;
width:100%;
height:40px;
margin-left:0px;
border-right:0;
list-style-type:none;
}
/* 右端のbuttonに指定 */
.button4_listset_r {
float:left;
width:100%;
height:40px;
margin-left:0px;
list-style-type:none;
border-radius:0 6px 6px 0;
}

/*------- 4ボタン連結 -------------------------------------------*/
/* button全てに指定 */
.button4_square {
width:100%;
height:40px;
font-weight:bold;
margin:auto;
}
/* 左端のbuttonに指定 */
.button4_square_l {
float:left;
width:25%;
height:40px;
border-right:0;
font-weight:bold;
}
/* 中のbuttonに指定 */
.button4_square_c {
float:left;
width:25%;
height:40px;
border-right:0;
font-weight:bold;
}
/* 右端のbuttonに指定 */
.button4_square_r {
float:left;
width:25%;
height:40px;
font-weight:bold;
}

/*------- 4ボタン -------------------------------------------*/
.button4_design {
width:100%;
height:40px;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.3,#f6f6f6), to(#e0e0e0));
border:1px solid #999;
color:#000000;
font-size:16px;
border-radius:6px;
}

.button4_22 {
float:left;
margin-left:2%;
width:22%;
}
.button4_23 {
float:left;
margin-left:2%;
width:23%;
}

/*------- 3ボタン角丸 -------------------------------------------*/
.button3_iconset {
    width:29%; margin:0 2%; padding:5px 0; float:left; text-align:center; font-size:12px; line-height:100%; border-radius:10px; 
    border:solid 1px #CCC;
    box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.3,#f6f6f6), to(#e0e0e0));
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
/*------- 4ボタン角丸 -------------------------------------------*/
.button4_iconset {
    width:23%; margin:0 1%; padding:5px 0; float:left; text-align:center; font-size:10px; line-height:100%; border-radius:7px; 
    border:solid 1px #999;
    box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.3,#f6f6f6), to(#e0e0e0));
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
}

/*--------------------------------------------------------------------------------------------
■カラム分割
  --------------------------------------------------------------------------------------------*/
.column6 { width:16.5%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.column5 { width:20%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.column4 { width:25%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.column3 { width:33.3%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.column2 { width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

.column5_s { width:19%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:0 1%;}
.column4_s { width:24%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:0 1%;}
.column3_s { width:32%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:0 1%;}
.column2_s { width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:0 1%;}

/* 分割スペーサーマーク */
.column_spacer { padding: 3px; }

/* カラム分割ボタン角丸 */
.column_spacer a div,.column_spacer div {
    padding:10px 0;
    border-radius:7px;
}

/*--------------------------------------------------------------------------------------------
■ボタンカラー
  --------------------------------------------------------------------------------------------*/
/* ドコモカラー */
.button_color_docomo { background: -webkit-gradient(linear, left top, left bottom, from(#EB6B8A), to(#B4123A)); border:3px solid #BD4862; color:#FFF; font-weight:bold;}

/* レッド */
.button_color_02 { background: -webkit-gradient(linear, left top, left bottom, from(#F280AB), to(#EF0057)); border:1px solid #ffffff; color:#ffffff; }
/* ダークグレー */
.button_color_03 { background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#222)); border:1px solid #CCC; color:#ffffff; }
/* グレー */
.button_color_04 { background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.3,#f6f6f6), to(#e0e0e0)); border:1px solid #999; color:#000000; text-shadow:0 1px 0 rgba(255,255,255,1); box-sizing:border-box}
/* グレー */
.button_color_04_push { background-color: #BBB; border:1px solid #999; color:#000000; -webkit-box-shadow:1px 1px 2px #999 inset; }
/* オレンジ */
.button_color_05 { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F29440), color-stop(1, #E87C23)); border:1px solid #FEC898; color:#fff; }
/* ブルー */
.button_color_06 { background: -webkit-gradient(linear, left top, left bottom, from(#4C71BB), to(#172C56)); border:1px solid #999; color:#fff; }
/* ゴールド */
.button_color_07 { background: -webkit-gradient(linear, left top, left bottom, from(#F2CC26), to(#7F5706)); border:1px solid #AD843E; color:#FFF; text-shadow:0 1px 0 #AD843E; }
/* シルバー */
.button_color_08 { background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#B4B5B6)); border:1px solid #999; color:#000000; }
/* エンジ */
.button_color_09 { background: -webkit-gradient(linear, left top, left bottom, from(#C60000), to(#480000)); border:1px solid #5E0404; color:#FFF; text-shadow:0 -1px #5E0404; box-shadow:1px 1px rgba(255,255,255,0.1)inset,-1px -1px rgba(255,255,255,0.1)inset; }
/* グレー グラデーション濃いめ */
.button_color_10 { background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#A4A4A4)); border:1px solid #999; color:#000000; text-shadow:0 1px 0 #FFF; -webkit-box-shadow:3px 3px 5px rgba(255,255,255,0.2) inset,-3px -3px 5px rgba(0,0,0,0.2) inset; }
/* ライトブルー */
.button_color_11 { background: -webkit-gradient(linear, left top, left bottom, from(#568AC8), to(#487CBD)); border:1px solid #6B9CD3; color:#fff; }
/* ホワイト */
.button_color_12 { background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)); border:1px solid #CCC; border-bottom:none; color:#000000; }
/* ホワイト アンダーライン有り */
.button_color_13 { background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)); border:1px solid #CCC; color:#000000; }
/* nexiグレー */
.button_color_14 { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #C6C6C6), color-stop(1, #A7A7A7)); border:1px solid #A6A6A6; color:#FFF; text-shadow:0 1px 0 #7F7F7F; }
/* nexiグレー */
.button_color_15 { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFE2E2), color-stop(1, #FFA5A4)); border:1px solid #BE4B48; color:#222; text-shadow:0 1px 0 #F8CECE; }
/* グリーン */
.button_color_16 { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #8DC84F), color-stop(1, #7EBD3B)); border:1px solid #7EBD3B; color:#fff; text-shadow:0 -1px 0 #92D050; }
/* グリーン */
.button_color_17 { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #E9E3CD), color-stop(1, #D6D0B8)); border:1px solid #D6D0B8; color:#fff; text-shadow:0 -1px 0 #92D050; }
/* ブラック */
.button_color_18 { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #333333), color-stop(1, #000000)); border:1px solid #000000; color:#fff; text-shadow:0 -1px 0 #000000; }
/* オレニジ2 */
.button_color_19 { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FDC751), color-stop(1, #F58217)); border:1px solid #FFC334; color:#fff; text-shadow:0 -1px 0 #999999; }
/* 退会ページ用レッド */
.button_color_20 { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #C00000), color-stop(1, #C00000)); border:1px solid #C00000; color:#fff; text-shadow:0 -1px 0 #999999; }
/* 退会ページ用ライトグレー */
.button_color_21 { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #C0C0C0), color-stop(1, #C0C0C0)); border:1px solid #999; color:#fff; color:#666; }

.button_color_gray {
	background:none;
	box-shadow:none;
	border:solid 1px #999;
	color:#666;
}
.button_color_gray_2 {
	background:none; box-shadow:none; border:solid 2px #aaa; color:#999; font-weight:bold;
}


.button_color_04_f { background:#e0e0e0; border:1px solid #999; color:#000000; text-shadow:0 1px 0 rgba(255,255,255,1); box-sizing:border-box}

/* 選択中 */
.button_color_90 { color:#FFF; text-shadow:0 -1px 0 rgba(0,0,0,0.3); font-size:14px; background: -webkit-gradient(linear, left top, left bottom, from(#B9D0ED), to(#5284C1)); border:1px solid #999; box-shadow:-1px -1px 3px rgba(255,255,255,0.3)inset,1px 1px 3px rgba(255,255,255,0.3)inset; box-sizing:border-box }
/* 非表示 */
.button_color_80 { background:#DDD; border:1px solid #AAA; color:#BBB; box-sizing:border-box; box-shadow:0 0 0  rgba(255,255,255,0.3) }

/* ダウンロード */
.button_color_dl { background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.3,#f6f6f6), to(#e0e0e0)); border:1px solid #999; color:#0A5D00; text-shadow:0 1px 0 rgba(255,255,255,1); box-sizing:border-box}


/*--------------------------------------------------------------------------------------------
■ボタンカラー２トーン
  --------------------------------------------------------------------------------------------*/
/* nexiグレー */
.button_color_docomo { background: -webkit-gradient(linear, left top, left bottom, from(#FF3131), to(#DE0000)); border:1px solid #D90000; color:#FFF; text-shadow:0 -1px 0 #D90000; }
/* nexiグレー */
.button_color_au { background: -webkit-gradient(linear, left top, left bottom, from(#FFAD32), to(#FF9500)); border:1px solid #FF9900; color:#FFF; text-shadow:0 -1px 0 #F69300; }
/* nexiグレー */
.button_color_sb { background: -webkit-gradient(linear, left top, left bottom, from(#B3B3B3), to(#828282)); border:1px solid #B0B0B0; color:#FFF; text-shadow:0 -1px 0 #B0B0B0; }

/*--------------------------------------------------------------------------------------------
■ボタンカラー２トーン
  --------------------------------------------------------------------------------------------*/
/* レッド */
.button_2color_02 { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FF5CA0), color-stop(0.5, #FF5CA0), color-stop(0.5, #FF0080), color-stop(1.0, #FF0080)); border:1px solid #FFC0E1; border-bottom:none; color:#FFF; box-shadow:0 1px 0 1px rgba(255,255,255,0.1)inset; }
/* ブルー */
.button_2color_06 { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #336DA9), color-stop(0.5, #336DA9), color-stop(0.5, #08417B), color-stop(1.0, #08417B)); border:1px solid #83B8EE; border-bottom:none; color:#FFF; box-shadow:0 1px 0 1px rgba(255,255,255,0.1)inset; }

/*------- ボタンカラー(旧型) -------------------------------------------*/
/* レッド */
.button_color02 { background: -webkit-gradient(linear, left top, left bottom, from(#ffb7d2), to(#EF0057)); border:1px solid #ffffff; color:#ffffff; }
/* ダークグレー */
.button_color03 { background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#222)); border:1px solid #CCC; color:#ffffff; }
/* グレー */
.button_color04 { background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.3,#f6f6f6), to(#e0e0e0)); border:1px solid #999; color:#000000; }

/*------- ボタン形状 -------------------------------------------*/
.button_box02 { height:30px; border-radius:5px; }

/*------- ウィジェットボタン -------------------------------------------*/
.button_w { float:left; margin-left:10%; width:35%; }

.button_rp {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.3,#f6f6f6), to(#e0e0e0)); border:1px solid #999; color:#000000; text-shadow:0 1px 0 rgba(255,255,255,1); box-sizing:border-box
	width:96%;
	height:60px;
	margin: auto;
	font-size:16px;
	border-radius:6px;
	box-shadow:0 2px 2px rgba(0,0,0,0.2);
}

/*--------------------------------------------------------------------------------------------
■テーブルレイアウト
  --------------------------------------------------------------------------------------------*/
.hyou td { padding:5px; }

/*--------------------------------------------------------------------------------------------
        ■注目ワード
  --------------------------------------------------------------------------------------------*/
/* 注目ワード */
.attention {
width:100%;
}
.attention .icon {
height:auto;
margin:0 5px;
padding:2px 0;
width:20%;
border:none;
font-weight:bold;
font-size:10px;
color:#ffffff;
background-color:#ff0000;
border-radius:10px;
float:left;
}
.attention .text {
width:65%;
float:left;
padding:3px 0 3px 6px;
font-size:12px;
text-align:left;
color:#81ADDE;
}

/*--------------------------------------------------------------------------------------------
        ■バナー
  --------------------------------------------------------------------------------------------*/
/*------- フルバナー -------------------------------------------*/
.fb {margin:0 auto; width:96%; text-align:center; line-height:200%; }

/*------- ハーフバナー -------------------------------------------*/
/* halfbanner left */
.hbl { float:left; margin:0 auto; width:47%; text-align:center; padding-left:2%; line-height:200%; font-size:12px; }
/* halfbanner right */
.hbr { float:right; margin:0 auto; width:47%; text-align:center; padding-right:2%; line-height:200%; font-size:12px; }

/*------- ハーフバナー(サイズ広げたやつ) -------------------------------------------*/
/* halfbanner left */
.hbl2 { float:left; margin:0 auto; width:48%; text-align:center; padding-left:1%; line-height:200%; font-size:12px; }
/* halfbanner right */
.hbr2 { float:right; margin:0 auto; width:48%; text-align:center; padding-right:1%; line-height:200%; font-size:12px; }


/*------- 左にハーフバナー、右にコメント -------------------------------------------*/
/* halfbanner left */
.hbcomment_hbl { float:left; margin:0 auto; width:45%; text-align:center; }
/* comment center */
.hbcomment_comment { float:left; margin:0 auto; width:45%; text-align:left; padding-left:2%; line-height:120%; font-size:12px; }
/* arrow right */
.hbcomment_arrow { float:right; height:auto; margin:0 auto; width:5%; text-align:center; line-height:200%; font-size:12px; }

/*------- バナーボックス -------------------------------------------*/
.bannerbox { width:100%; margin:auto; text-align:center; clear:both; }

/*--------------------------------------------------------------------------------------------
        ■ブランドリスト
  --------------------------------------------------------------------------------------------*/
/* ブランドリスト１行 */
.brandlist { width:100%; padding:1px 0; border-top:1px solid #999; clear:both; }
/* ブランドリスト左 */
.brandlist_l { float:left; width:49.5%; border-right:1px solid #999; -webkit-box-sizing: border-box; }
/* ブランドリスト右 */
.brandlist_r { float:right; width:50%; }

/*--------------------------------------------------------------------------------------------
        ■ブランドリスト
  --------------------------------------------------------------------------------------------*/
.brandlist2_l { float:left; width:49.5%; border-right:1px solid #999; -webkit-box-sizing: border-box; }
.brandlist2_r { float:right; width:50%; }
.brandlist2_brand { border-bottom:1px solid #999; }

/*--------------------------------------------------------------------------------------------
        ■bn_s連続
  --------------------------------------------------------------------------------------------*/
.bn_s_l { float:left; width:49%; }
.bn_s_r { float:right; width:49%; }

/*--------------------------------------------------------------------------------------------
        ■ランキング
  --------------------------------------------------------------------------------------------*/
/*------- TOPページ -------------------------------------------*/
/* ランキングエリア作成 */
.rank_area{ width:100%; float:left; margin-top:10px; }
/* ランキングアイコン */
.top_rank_icon { width:20%; padding-left:20%; float:left; }
/* ランキングテキスト */
.top_rank_text { width:auto; float:left; text-align:left; font-weight:bold; }
/* ５並びサムネイルナンバー */
.rank_no_s { width:100%; text-align:center; font-weight:bold; font-size:14px; padding-bottom:5px; clear:both; }

/*------- 一層ページ -------------------------------------------*/
/* ランキングアイコン */
.rank_icon { width:8%; float:left; }
/* ランキングテキスト */
.rank_text { width:80%; float:left; text-align:left; }

/*--------------------------------------------------------------------------------------------
        ■Myデザイン
  --------------------------------------------------------------------------------------------*/
/*------- ４つ並び -------------------------------------------*/
#topnavi .column4_s { font-size:15px; }

/*--------------------------------------------------------------------------------------------
        ■ランダムレイアウト
  --------------------------------------------------------------------------------------------*/
.randombox {
}
.randombox img {
margin:0;
-webkit-border-radius:5px;
border:solid 1px #FFF; -webkit-box-shadow:0 0 3px 1px #AAA; padding:1px;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
}
.randombox .column4 {
padding:0 1px;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
}

/*--------------------------------------------------------------------------------------------
        ■ランダムレイアウト３カラム
  --------------------------------------------------------------------------------------------*/
/*------- layout_type_01 -------------------------------------------*/
.layout_type3_01 {
width:100%;
clear:both;
}
.layout_type3_01>.thum_01 {
width:66%;
float:left;
}
.layout_type3_01>.thum_02 {
width:33%;
float:right;
}
.layout_type3_01>.thum_03 {
width:33%;
float:right;
margin-top:-3px;
}
/*------- layout_type_02 -------------------------------------------*/
.layout_type3_02 {
width:100%;
clear:both;
}
.layout_type3_02>.thum_01 {
width:33%;
float:left;
}
.layout_type3_02>.thum_02 {
width:33%;
float:left;
margin-left:2px;
}
.layout_type3_02>.thum_03 {
width:33%;
float:right;
}
/*------- layout_type_03 -------------------------------------------*/
.layout_type3_03 {
width:100%;
clear:both;
}
.layout_type3_03>.thum_01 {
width:66%;
float:right;
}
.layout_type3_03>.thum_02 {
width:33%;
float:left;
}
.layout_type3_03>.thum_03 {
width:33%;
float:left;
margin-top:-3px;
}

/*--------------------------------------------------------------------------------------------
        ■ランダムレイアウト４カラム
  --------------------------------------------------------------------------------------------*/
/*------- layout_type_01 -------------------------------------------*/
.layout_type4_01 {
width:100%;
clear:both;
display: -webkit-box;
}
.layout_type4_01>.thum_01 {
width:25%;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
padding:0 2px;
}
.layout_type4_01>.thum_02 {
width:25%;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
padding:0 2px;
}
.layout_type4_01>.thum_03 {
width:25%;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
padding:0 2px;
}
.layout_type4_01>.thum_04 {
width:25%;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
padding:0 2px;
}
/*------- layout_type_02 -------------------------------------------*/
.layout_type4_02 {
width:100%;
clear:both;
display: -webkit-box;
}
.layout_type4_02>.left {
width:25%;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
padding:0 2px;
}
.layout_type4_02>.center {
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
padding:0 2px;
-webkit-box-flex:1;
}
.layout_type4_02>.right {
width:25%;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
padding:0 2px;
}
/*------- layout_type_03 -------------------------------------------*/
.layout_type4_03 {
width:100%;
clear:both;
display: -webkit-box;
}
.layout_type4_03>.left {
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
padding:0 2px;
-webkit-box-flex:1;
}
.layout_type4_03>.center {
width:25%;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
padding:0 2px;
}
.layout_type4_03>.right {
width:25%;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
padding:0 2px;
}
/*------- layout_type_03 -------------------------------------------*/
.layout_type4_04 {
width:100%;
clear:both;
display: -webkit-box;
}
.layout_type4_04>.left {
width:25%;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
padding:0 2px;
}
.layout_type4_04>.center {
width:25%;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
padding:0 2px;
}
.layout_type4_04>.right {
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
padding:0 2px;
-webkit-box-flex:1;
}


/*--------------------------------------------------------------------------------------------
        ■インフォメーションコーナー
  --------------------------------------------------------------------------------------------*/
#informationcorner .l {
float:left;
width:50%;
text-align:center;
border-right:1px solid;
border-bottom:1px solid;
-webkit-box-sizing: border-box;
}
#informationcorner .r {
float:right;
width:50%; 
text-align:center; 
border-bottom:1px solid;
}
#informationcorner .f {
width:100%; 
text-align:center; 
border-bottom:1px solid;
}
#informationcorner span {
width:90%;
float:left;
text-align:left;
font-size:12px;
font-weight:normal;
margin-left:10px;
margin-top:3px;
padding:8px 0;
}

#informationcorner .text {
float:left;
width:85%;
}
#informationcorner .arrow {
float:right;
width:10%;
padding-top:10px;
margin-right:5px;
}
#informationcorner .color {
background-color:#666;
border-color:#000;
color:#000;
}
/*--------------------------------------------------------------------------------------------
          コピーライト
  --------------------------------------------------------------------------------------------*/
#copyright {
background-color:#000000;
color:#FFF;
padding:8px 0;
text-align:center;
font-size:12px;
height:auto;
}

/*--------------------------------------------------------------------------------------------
          ページ送り
  --------------------------------------------------------------------------------------------*/
.pagenavi {
    text-align:center; box-sizing:border-box; width:100%;
}
.pagenavi .centerarea {
    width:100%; clear:both; margin:auto;
}
.pagenavi .arrow {
    border:solid 1px #999; border-radius:5px; text-shadow:0 1px 0 rgba(255,255,255,1); color:#222; box-shadow:0 1px 3px rgba(0,0,0,0.5); width:90%; box-sizing:border-box; padding:3px 0; margin:0 5%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFF), color-stop(1.0, #CFCFCF)); text-decoration:none; font-size:12px; float:left;
}
.pagenavi .focus0 {
    border:solid 1px #999; border-radius:5px; text-shadow:0 1px 0 rgba(255,255,255,1); color:#222; box-shadow:0 1px 3px rgba(0,0,0,0.5); width:18%; box-sizing:border-box; padding:3px 0; margin:0 1% 0 1%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFF), color-stop(1.0, #CFCFCF)); text-decoration:none; font-size:12px; float:left;
}
.pagenavi .focus1 {
    border:solid 1px #999; border-radius:5px; text-shadow:0 -1px 0 rgba(0,0,0,0.2); color:#FFF; box-shadow:0 1px 3px rgba(0,0,0,0.6); width:18%; box-sizing:border-box; padding:3px 0; margin:0 1% 0 1%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #B9D0ED), color-stop(1.0, #5284C1)); text-decoration:none; font-size:12px; float:left;
}
.pagenavi .adjust {
    width:20%; float:left;
}

/*+-----------------------------------------------------------------------------------+
        ■アンケートコーナー
  +-----------------------------------------------------------------------------------+*/
.enq_textbox{
width:100%; 
margin-bottom:5px;
background-color:#552222;
border:1px solid #222222;
}

/*--------------------------------------------------------------------------------------------
        ■ウィジェット解説ページ
  --------------------------------------------------------------------------------------------*/
.wg_button_design {
width:70%;
height:40px;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.3,#f6f6f6), to(#FFC5BE));
border:1px solid #999;
font-weight:bold;
color:#9E8E77;
font-size:14px;
border-radius:6px;
}

.wg_button_design_m {
width:70%;
height:40px;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.3,#999999), to(#000000));
border:1px solid #999;
font-weight:bold;
color:#F00;
font-size:14px;
border-radius:6px;
}

.wg_tutorialtext {
text-align:left;
line-height:160%; 
padding:5px 0; 
font-size:14px;
clear:both;
}

.bgc_wg {
width:100%;
background-color:#FFEFD6;
clear:both;
}

/*--------------------------------------------------------------------------------------------
        ■共通アニメーション設定
  --------------------------------------------------------------------------------------------*/
/*------- 点滅 -------------------------------------------*/
@-webkit-keyframes pulse {
 from {
   opacity: 1.0;/*透明度100%*/
 }
 to {
   opacity: 0;/*透明度80%*/
 }
}

/*------- 点滅 イーズインアウト -------------------------------------------*/
@-webkit-keyframes pulse1 {
0%   { opacity: 0; }
50%  { opacity: 1; }
    100% { opacity: 0; }
}

/*------- 2枚点滅 -------------------------------------------*/
@-webkit-keyframes pulse2_1 {
0%   { opacity: 0; }
25%  { opacity: 1; }
50%  { opacity: 0; }
    100% { opacity: 0; }
}
@-webkit-keyframes pulse2_2 {
0%   { opacity: 0; }
50%  { opacity: 0; }
75%  { opacity: 1; }
    100% { opacity: 0; }
}


/*------- スライド -------------------------------------------*/
@-webkit-keyframes slide {
 from {
   left: 70%;/*左スペース*/
 }
 to {
   left: 75%;/*左スペース*/
 }
}

/*------- ２枚フェード -------------------------------------------*/
@-webkit-keyframes fade2_01 {
0%   { opacity: 0; }
40%  { opacity: 0; }
50%  { opacity: 1.0; }
    90%  { opacity: 1.0; }
    100% { opacity: 0; }
}

/*------- ３枚フェード -------------------------------------------*/
@-webkit-keyframes fade3_01 {
0%   { opacity: 0; }
33%  { opacity: 0; }
43%  { opacity: 1.0; }
    73%  { opacity: 1.0; }
    74%  { opacity: 0; }
    100% { opacity: 0; }
}
@-webkit-keyframes fade3_02 {
0%   { opacity: 0; }
63%  { opacity: 0; }
73%  { opacity: 1.0; }
95%  { opacity: 1.0; }
    100% { opacity: 0; }
}

/*--------------------------------------------------------------------------------------------
        ■My Store（各サイトにコーナーとして使用）
  --------------------------------------------------------------------------------------------*/
/*------- テキストに角丸外枠指定 -------------------------------------------*/
.textoutline_area {
width:auto;
clear:both;
padding:5px 0 10px 0;
}
.textoutline_area span {
border:solid 1px #384F76;
border-radius:15px;
font-size:12px;
text-decoration:none;
line-height:210%;
color:#384F76;
padding:3px 5px 3px 9px;
margin-left:5px;
box-shadow:#999;
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
}

/*------- ジャンルで探すコーナー -------------------------------------------*/
.halfbox_l {
width:50%;
float:left;
border-right:solid 1px #CCCCCC;
-webkit-box-sizing:border-box;
padding:10px 0 10px 0;
}
.halfbox_r {
width:50%;
float:right;
-webkit-box-sizing:border-box;
padding:10px 0 10px 0;
}
.halfbox_icon {
width:20%;
float:left;
}
.halfbox_text {
width:80%;
float:left;
text-align:left;
color:#000;
margin-top:3px;
font-size:14px;
}

/*------- ジャンルで探すコーナー(簡易) -------------------------------------------*/
.twocolumnmenu {
width:100%;
}
.twocolumnmenu .row {
border-bottom:solid 1px;
}
.twocolumnmenu .bg {
background: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#DDDDDD));
}
.twocolumnmenu .l {
width:50%;
float:left;
border-right:solid 1px;
-webkit-box-sizing:border-box;
padding:10px 0 10px 0;
}
.twocolumnmenu .r {
width:50%;
float:right;
text-align:right;
-webkit-box-sizing:border-box;
padding:10px 0 10px 0;
}
.twocolumnmenu .icon {
width:14%;
padding:0 3%;
float:left;
}
.twocolumnmenu .text {
width:67%;
float:left;
text-align:left;
color:#000;
margin-top:3px;
font-size:14px;
}
.twocolumnmenu .arrow {
width:13%;
float:right;
text-align:left;
margin-top:3px;
font-size:14px;
}
.twocolumnmenu .bordercolor {
border-color:#CCC;
}


/*--------------------------------------------------------------------------------------------
        ■special
  --------------------------------------------------------------------------------------------*/
/*------- ブラカス2012ランキングで使用 -------------------------------------------*/
.2012rankingtext { color:#FFF; }


/*------- boc初めてページ -------------------------------------------*/
#firstpage {
background-color:#FFF;
text-align:center;
line-height:150%;
}
#firstpage a {
text-decoration:underline;
color:#6495ED;
}
#firstpage .cornertitle {
width:95%;
margin:10px auto;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-image: -moz-linear-gradient(top, #87CEFA, #6495ED);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #87CEFA), color-stop(1.0, #6495ED));
border: 1px solid #C0C0C0;
background-color: #DDDDDD;
padding: 5px;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
font-size: 14pt;
color: #FFFFFF;
text-align: left;
outline: 0px solid #000000;
}
#firstpage .attention {
color:#6495ED;
}
#firstpage .textarea {
text-align:left;
word-break:break-all;
}
#firstpage button {
margin:10px auto;
}



/*############################################################################################
        ■style.cssより引継ぎ
  ############################################################################################*/

.topbar_1 {
width:98%;
height:auto;
font-weight:bold;
text-align:left;
clear:both;
padding:7px 0 7px 2%;
background-color:#FFE7F9;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #aaaaaa;
border-radius:7px 7px 0 0;
-webkit-box-shadow:0 -1px 5px rgba(0,0,0,0.1);
}
.topbar_2 {
width:98%;
height:auto;
font-weight:bold;
text-align:left;
clear:both;
padding:7px 0 7px 2%;
background-color:#C2D9D4;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #aaaaaa;
border-radius:7px 7px 0 0;
-webkit-box-shadow:0 -1px 5px rgba(0,0,0,0.1);
}
.pagetitle_1 {
width:100%; 
height:auto;
font-size:20px;
font-weight:bold;
text-align: center;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
color:#444444;
padding:10px 0;
background-color:#FFE7F9; 
clear:both;
}
.pagetitle_2 {
width:100%; 
height:auto;
font-size:20px;
font-weight:bold;
text-align: center;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
color:#444444;
padding:10px 0;
background-color:#C2D9D4; 
clear:both;
}
.pagetitle_3 {
width:100%; 
height:auto;
font-size:14px;
font-weight:bold;
text-align: center;
border-top: solid 1px #666;
border-bottom: solid 1px #666;
color:#FFF;
margin-top:20px;
padding:5px 0;
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#222));
clear:both;
}
.outline_box2 {
width:100%;
text-align:center;
clear:both;
}

/*--------------------------------------------------------------------------------------------
        ■FAQ
  --------------------------------------------------------------------------------------------*/
#faq {
width:100%;
line-height:120%;
background:#FFF;
}
#faq faqcornertext a {
color:#0D00FF;
text-decoration:underline;
}
#faq .headline_01 {
font-size:18px;
height:auto;
}
#faq .headline_01 span {
font-size:17px;
}
#faq li {
padding:10px 30px 10px 20px;
line-height:120%;
background-image:url(/img/icon/icon_yajirushi20.png);
background-repeat:no-repeat;
background-position:97% 10px;
border-top:solid 1px #e6e6e6;
text-align:left;
}
#faq .faqcorner {
border-bottom:1px solid #E6E6E6;
    background-color:white;
}
.faqcornertitle {
color:#222;
background-color:#CCC;
margin:10px -3% 5px;
padding:7px 5%;
font-size:18px;
border-radius:5px;
border-bottom:solid 1px #aaaaaa;
-webkit-box-shadow:0 -1px 5px rgba(0,0,0,0.1);
}
.faqcornertext {
margin-bottom:20px;
font-size:16px;
line-height:160%;
text-align:left;
}
.faq2column_outline {
margin-bottom:10px;
}
.faq2column_outline img {
border:solid 1px #999;
}
.faq2column_left {
width:48%;
float:left;
}
.faq2column_right {
width:48%;
float:right;
}
.faq2columntext {
font-size:11px;
line-height:120%;
}

/*------- 初心者ガイド　公式サイト移植用 -------------------------------------------*/
.listlink { width:100%; padding:10px 0; }
.listlink .l { float:left; }
.listlink .c { width:80%; float:left; text-align:left; margin-left:10px; margin-top:1px; }
.listlink .r { float:right; }
h2 { color:#006600; font-weight:bold; }

#guide {  }
#guide .container {
margin:5px; padding:5px; border-radius:3px; box-shadow:0 1px 0 rgba(0,0,0,0.4); box-sizing:border-box; background:#FFF;
/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFF),color-stop(0.7, #FFF),color-stop(0.7, #EEE),color-stop(1.0, #EEE));*/
}
#guide .container .boxl {
width:65px;
}
#guide .container .boxl img {
box-shadow:0 1px 0 rgba(0,0,0,0.4); border-radius:10px; background:#FFF; border:solid 1px rgba(100,100,100,0.1); margin-bottom:-6px;
}
#guide .container .boxr {
width:75%; text-align:left; color:#000; font-weight:bold;
padding-left:10px; font-size:16px; line-height:120%;
box-sizing:border-box;
}

#guide span.icon_1 {  }
#guide span.icon_1:after {
content: "初心者";
box-shadow:1px 1px 0 rgba(255,255,255,0.3)inset,-1px -1px 0 rgba(0,0,0,0.3)inset;
background-color:#92D050; color:#FFF; font-size:9px; padding:3px 8px; border-radius:5px;
}

#guide span.icon_2 {  }
#guide span.icon_2:after {
content: "定番アプリ";
box-shadow:1px 1px 0 rgba(255,255,255,0.3)inset,-1px -1px 0 rgba(0,0,0,0.3)inset;
background-color:#92D050; color:#FFF; font-size:9px; padding:3px 8px; border-radius:5px;
}

#guide span.icon_3 {  }
#guide span.icon_3:after {
content: "Q&A";
}

#guide span.icon_4 {  }
#guide span.icon_4:after {
content: "ひまつぶし";
box-shadow:1px 1px 0 rgba(255,255,255,0.3)inset,-1px -1px 0 rgba(0,0,0,0.3)inset;
background-color:#92D050; color:#FFF; font-size:9px; padding:3px 8px; border-radius:5px;
}

box-shadow:1px 1px 0 rgba(255,255,255,0.3)inset,-1px -1px 0 rgba(0,0,0,0.3)inset;
background-color:#FFCC66; color:#FFF; font-size:9px; padding:3px 8px; border-radius:5px;
}
#pankuzu a { text-decoration:underline; color:#0005FF; }
#pankuzu span { font-weight:bold; }

/* 初心者ガイド広告エリア */
#adarea {  }
#adarea .container {
margin:5px; padding:5px; border-radius:3px; box-shadow:0 2px 2px rgba(0,0,0,0.5);
box-sizing:border-box;
}
#adarea .container .boxl {
width:80px;
}
#adarea .container .boxl img {
box-shadow:0 2px 1px rgba(0,0,0,0.4); border-radius:10px; background:#FFF;
}
#adarea .container .boxc {
width:65%; padding:0 10px;
box-sizing:border-box;
}
#adarea .container .boxc .title {
text-align:left; color:#000; font-weight:bold; font-size:16px;
}
#adarea .container .boxc .price {
text-align:left; color:#000; font-size:14px;font-weight:bold;
}
#adarea .container .boxc .text {
text-align:left; color:#666666; font-size:14px;
}
#adarea .container .boxr {
width:10%; 
box-sizing:border-box;
}
#adarea .container .boxr .dlbutton {
text-align:center; color:#03A1E8; font-weight:bold; font-size:18px; color:black;
border:0; padding:5px 0; margin-top:16px;
box-sizing:border-box;
}

.lead { 
color:#000; margin:20px auto;
}
.faqcornertext hr {
width:100%; margin:20px 0; border:1px solid #cccccc; border-width: 1px 0 0 0;
}
.faqcornertext img {
border-radius:5px; box-shadow:1px 1px 5px rgba(0,0,0,0.5);
}
.faqcornertext span {
font-size:12px;
}
.faqcornertext a {
color:#0005FF;
}
.headline_q {
background:#FFC000; padding:10px; text-align:left; font-weight:bold;
}
.headline_q img {
margin-top:-7px;
}
.headline_a {
padding:5px 10px; color:#000; font-weight:bold;
margin:0 -6%;
}
.page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px;
    background: #7e7a7a;
    color:#fff!important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

/* コンテンツ一覧タイトル帯改修版 20160101 */

.page_title_area {
	width:100%; position:static;
}
.page_title_area .title_wrap {
	width:90%; position: absolute;
	text-align:left; margin:5px 0 0 0; padding:5px 0 0 5px;
	border-left:solid 5px #9DCE00;
}
.title_wrap .title1 {
	font-size:22px; font-weight:bold; font-family: arial,sans-serif;
	color:#9DCE00;
}
.title_wrap .title2 {
	font-size:12px; font-weight:bold; color:#999999;
}
.page_title_area .icon_wrap {
	float:right; width:50%; text-align:right; position:relative; right:20px;
}
.page_title_area .icon_wrap div {
	padding:5px; float:right; text-align:center; line-height:40%;
}
.page_title_area .icon_wrap div span {
	font-size:10px; color:#aaa;
}
.linkpagetop_set {
	font-size:12px; float:right; padding:0 2% 0 2%; color:#222; text-shadow:0 1px #FFF,1px 1px #FFF;
}

/* 対応機種ページ */
.device_headline { background:#eee; padding:5px 0; }

/* 退会ページ改修 */
#member_leave_page {}
#member_leave_page .step_focus { width:30%; border:solid 2px #CE0000; background:#CE0000; color:#FFF; padding:3px; text-align:center; }
#member_leave_page .step_nofocus { width:30%; border:solid 2px #CE0000; color:#CE0000; padding:3px; text-align:center; }
#member_leave_page .step_allow { width:5%; color:#CE0000; }
#member_leave_page .bg h2 { border:solid 1px #CCC; padding:5px; text-align:left; color:#666; }
#member_leave_page .bg h3 { border-bottom:solid 1px #AAA; text-align:left; padding-bottom:5px; margin:10px 0px 20px; }
#member_leave_page .bg .container_outline { border:solid 1px #AAA; padding:5px; text-align:left; }
#member_leave_page .bg .container_outline .container_box { border:solid 1px #AAA; padding:5px; }
#member_leave_page .bg .container_outline .container_text { #AAA; padding:5px; }
#member_leave_page form { margin:10px 0 ; }
#member_leave_page input { margin-right:5px; }
#member_leave_page .check_icon { background:#CE0000; color:#FFF; padding:5px 10px; font-size:12px; margin-right:10px;}
#member_leave_page .checkbox_a { background:#DBEEF4; color:#666; padding:5px 10px; border:solid 1px #999; }
#member_leave_page .checkbox_b { background:#DBEEF4; color:#222; padding:0 10px; border:solid 1px #999; }
#member_leave_page .button_01 { background:#CE0000; color:#FFF; padding:5px 10px; font-size:14px; margin-right:10px; width:70%; border-radius:10px; height:50px; border:none;}
#member_leave_page .button_02 { background:#666; color:#FFF; padding:5px 10px; font-size:14px; margin-right:10px; width:70%; border-radius:10px; height:50px; border:none;}
#member_leave_page ul { text-align:left; padding:10px; line-height:150%; font-size:14px; }
#member_leave_page ul li a { color:#33F; text-decoration:none; }
#member_leave_page a { color:#33F; text-decoration:underline; }

#member_leave_page .button_dl {
	width:70%;
	height:35px;
	margin: auto;
	font-size:14px;
	border-radius:3px;
	box-shadow:none;
}