@charset "utf-8";

@media only screen and (max-width:670px) {

html, body,
p, ul, li, dl, dt, dd {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6{display: none;}

html {
  overflow-y:scroll;
  }

img {
  border: 0;
}

ul li{list-style: none;}

a {
text-decoration: none;
}

.clear {
    clear:both;
}
.floatl{float: left;}
.floatr{float: right;}


.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}

.mr10{margin-right: 10px;}

.l15{line-height: 1.5;}
/*角丸ドロップシャドウ*/
.corner{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px; 
    border-radius: 5px;
}
.shadow{
    box-shadow: 3px 3px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.15);
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.15);
}

/*ロールオーバー*/
.lov{
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    }
.lov:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    }

/*ボックス全体でリンク*/
.linkArea{
position: relative;
}
.linkArea a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*マウスオーバーで吹き出し*/
#fukidasi div {
  position: relative;
}


.arrow_box {
  display: none;
  position: absolute;
  padding: 16px;
  font-size: 12px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;  
  border-radius: 8px;
  background: #FFFF99;
  color: #333;
  z-index: 100;
}

.arrow_box:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #FFFF99;
  border-width: 10px;
  pointer-events: none;
  content: " ";
}

.arrow_box2 {
  display: none;
  position: absolute;
  padding: 16px;
  font-size: 12px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;  
  border-radius: 8px;
  background: #666;
  color: #fff;
  z-index: 100;
}

.arrow_box2:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #666;
  border-width: 10px;
  pointer-events: none;
  content: " ";
}


/* テキスト装飾 */
.bold{font-weight: bold;}
.small{font-size: 12px;}
.ic_blue_s{
	background: url(../../img/icon_blue.gif) no-repeat;
	color: #2970d5;
	font-weight: bold;
	padding-left: 18px;
	min-height: 14px;
	line-height: 14px;}

.ic_blue_ss{
	background: url(../../img/ic_blue_s.gif) no-repeat;
	color: #00196b;
	font-weight: bold;
	padding-left: 10px;
	min-height: 14px;
	line-height: 14px;}

.error_ic{
	background: url(../../img/ic_error.png) no-repeat;
	color: #ff0000;
	padding-left: 21px;
	height: 18px;
	line-height: 18px;}

.ic_jouken{
	background: url(../../img/ic_jouken.png) no-repeat;
	padding-left: 20px;
	line-height: 14px;
	color: red;
	font-weight: bold;}
.jouken{
	border: 1px solid #e3e8f6;
	padding: 10px;}

.red{color: #ff0000;}
.blue{color: #00196b;}
.blue_light{color: #2970d5;}

.font20{font-size: 20px;}

.gray_big{color: #434343;
font-size: 14px;
font-weight: bold;}

/* 50:50アイコン */
.ttl_ic_user{
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	color: #2e2e2e;
	background: url(../../img/ic_user.gif) no-repeat;
	padding-left: 60px;}
.ttl_ic_payment{
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	color: #2e2e2e;
	background: url(../../img/ic_payment.gif) no-repeat;
	padding-left: 60px;}
.ttl_ic_txt{
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	color: #2e2e2e;
	background: url(../../img/ic_txt.gif) no-repeat;
	padding-left: 60px;}
.ttl_ic_settei{
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	color: #2e2e2e;
	background: url(../../img/ic_settei.gif) no-repeat;
	padding-left: 60px;}
.ttl_ic_data{
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	color: #2e2e2e;
	background: url(../../img/ic_data.gif) no-repeat;
	padding-left: 60px;}
.ttl_ic_social{
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	color: #2e2e2e;
	background: url(../../img/ic_social.gif) no-repeat;
	padding-left: 60px;}
.ttl_ic_premium{
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	color: #2e2e2e;
	background: url(../../img/ic_premium.gif) no-repeat;
	padding-left: 60px;}
.ttl_ic_mail{
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	color: #2e2e2e;
	background: url(../../img/ic_mail.gif) no-repeat;
	padding-left: 60px;}


/* 青白文字アイコン */
.data_l_touroku{
	height: 18px;
	color: #00196b;
	font-size: 16px;
	font-weight: bold;
	background: url(../../img/ic_touroku.gif) no-repeat;
	padding-left: 96px;}
.data_l_ttl{
	height: 18px;
	color: #00196b;
	font-size: 16px;
	font-weight: bold;
	background: url(../../img/ic_ttl.gif) no-repeat;
	padding-left: 96px;}
.data_usernum{
	height: 18px;
	color: #00196b;
	font-size: 16px;
	font-weight: bold;
	background: url(../../img/ic_usernum.gif) no-repeat;
	padding-left: 96px;}


/* エラー赤ライン */
#error_line{
	color: #fff;
	font-weight: bold;
	background-color: #ff0000;
	width: 100%;
	height: auto;
	text-align: center;}

/* 背景薄青 */
.bg_blue_line{
	width: 920px;
	padding: 15px;
	height: auto;
	background-color: #e3e9f9;
	border: #bfbfbf 1px solid;}
/* 背景グレー */
.bg_gray{
	width: 930px;
	padding: 10px;
	height: auto;
	background-color: #dcdcdc;}
/* 青枠線 */
.blueline_box{
	width: 100%-20px;
	padding: 10px;
	border: #2970d5 1px solid;
	height: auto;
	line-height: 1.5;}

/* 上部へ戻る */
#topback {
position: fixed;
bottom:0px;
right:20px;
}

/* 幅広ボタン*/
.btn_green{
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #D4FF52),
	color-stop(1, #62E014)
	);
	background-image: -o-linear-gradient(bottom, #D4FF52 0%, #62E014 100%);
	background-image: -moz-linear-gradient(bottom, #D4FF52 0%, #62E014 100%);
	background-image: -webkit-linear-gradient(bottom, #D4FF52 0%, #62E014 100%);
	background-image: -ms-linear-gradient(bottom, #D4FF52 0%, #62E014 100%);
	background-image: linear-gradient(to bottom, #D4FF52 0%, #62E014 100%);
	border: #21A600 1px solid;
	padding: 15px 0px 15px 0px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 100%;}
.btn_blue{
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #67AEEB),
	color-stop(1, #073B8F)
	);
	background-image: -o-linear-gradient(bottom, #67AEEB 0%, #073B8F 100%);
	background-image: -moz-linear-gradient(bottom, #67AEEB 0%, #073B8F 100%);
	background-image: -webkit-linear-gradient(bottom, #67AEEB 0%, #073B8F 100%);
	background-image: -ms-linear-gradient(bottom, #67AEEB 0%, #073B8F 100%);
	background-image: linear-gradient(to bottom, #67AEEB 0%, #073B8F 100%);
	border: #063278 1px solid;
	padding: 15px 0px 15px 0px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 100%;}

.btn_orange{
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFAB0F),
	color-stop(1, #FF5E00)
	);
	background-image: -o-linear-gradient(bottom, #FFAB0F 0%, #FF5E00 100%);
	background-image: -moz-linear-gradient(bottom, #FFAB0F 0%, #FF5E00 100%);
	background-image: -webkit-linear-gradient(bottom, #FFAB0F 0%, #FF5E00 100%);
	background-image: -ms-linear-gradient(bottom, #FFAB0F 0%, #FF5E00 100%);
	background-image: linear-gradient(to bottom, #FFAB0F 0%, #FF5E00 100%);
	border: #FF4400 1px solid;
	padding: 15px 0px 15px 0px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 100%;}
.btn_gray{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Chrome10+,	Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */	
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
	border: #ababab 1px solid;
	padding: 15px 0px 15px 0px;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	text-align: center;
	width: 100%;}

/* ボディ */

body {
	width : auto ;
	height:auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color: #333;
	line-height: 1.5;
	background: #fff;
}

#container{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #fff;}
#container_top{
	width: 100%;
	height: auto;
	background-image: url(../../img/top_bg.gif);
	background-attachment: fixed;
	-moz-background-size:100% auto;
	background-size:100% auto;
	margin: 0 auto;}

/* プレミアム会員背景色 */
#container_pre{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #f0f0f0;}/* 背景色 */

#container_kubara{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #f8f5ec;}/* 背景色 */


/* ヘッダー */
#header{
	width: 100%;
	height: auto;
	background-color: #fff;
	border-bottom: #2970d5 3px solid;}




#header_top{
	width: 100%;
	height: 65px;
	background-color: #fff;
	border-bottom: #2970d5 3px solid;}


#head_logo_top{
	width: 160px;
	height: 65px;
	float: left;}

#head_logo{
	margin: 5px; height:50px;}
	#head_logo img{height: 50px;}	
	
/*
#head_logo{
	width: 50%; margin: 0 auto; text-align: center;}
	#head_logo img{height: 45px;}	
*/

#head_right{
	width: 100%;
	text-align: right;}
	#head_right img{width: 100%;}
	

/* プレミアム会員ヘッダー */
#header_pre{
	width: 100%;
	background-color: #fff;
	border-bottom: #f0f0f0 3px solid;}/* ヘッダー下ライン色 */
#header_kubara{
	width: 100%;
	background-color: #fff;
	border-bottom: #f8f5ec 3px solid;}/* ヘッダー下ライン色 */

/* コンテンツ */
#contents_box_top{
	width: 95%;
	height: auto;
	margin: 0px auto;
	}


#contents_box{
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 10px 0px 50px 0px;
	background-color: #fff;}

#contents{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #fff;}
#contents_topcon{
	width: 95%;
	height: auto;
	margin: 0 auto;
	background-color: #fff;}


/* トップページ */

#uke_box{
	width: 80%;
	height: auto;
	padding: 30px;
	margin: 20px auto;
	background:rgba(161,179,206,0.25); }
#watasu_box{
	width: 80%;
	height: auto;
	padding: 30px;
	margin: 20px auto;
	background:rgba(161,179,206,0.25); }
#social_top{
	width: 100%;
	height: auto;
	min-height: 30px;
	padding: 0px 0px 5px 5px;
	}

/* 広告 */
#ad_img{
	width: 100%
	height: 100%;
	background-color: #fff;
	margin: 20px auto;}

/* ワタスコムへのご登録ありがとうございます */
#new_mail{
	width: 100%-30px;
	height: auto;
	min-height: 170px;
	padding: 15px;
	background: #e3e8f6 url(../../img/touroku_bg.png) no-repeat 10px 10px;}
	#new_mail p{line-height: 1.5;}

/* CVページ */
.cv_bg{
	width: 920px;
	height: auto;
	min-height: 170px;
	padding: 15px;
	background: #e3e8f6 url(../img/cv_bg.png) no-repeat 770px 10px;}
	.cv_bg p{line-height: 1.5;}

/* パスワードリマインダー */
.attention{
	color: #00196b;
	font-size: 12px;
	background: url(../img/ic_attention.png) no-repeat left top;
	padding-left: 18px;
	height: 14px;
	line-height: 14px;}


/* マイページを開設しましょう */
.step_l{
	width: 350px;
	height: auto;
	margin: 10px 20px 0px 0px;
	float: left;}
.step_r{
	width: 580px;
	height: auto;
	float: left;
	margin-top: 10px;}
.step4_l{
	width: 420px; height: 220px;
	float: left;
	margin-right: 20px;}
.step4_r{
	float: left; height: 220px; width: 490px;
	position: relative;}
	.step4_btn{width: 490px; height: 80px;position: absolute; bottom: 0; text-align: right;}
.step_premium{width: 920px; height: 280px; background: url(../img/step_katu_p6.jpg) no-repeat top left; text-align: right; padding: 15px;position: relative;}
	.step_premium p{width: 920px; position: absolute; bottom: 15px; text-align: right;}
#mypage_open{
	width: 395px; height: 80px; background: url(../img/step_open.jpg) no-repeat top left;
	padding: 15px 15px 15px 540px; }

/* プレミアムサービス　アイコン*/

#point05{
	width: 100%-20px;
	min-height: 114px;
	padding: 10px;
	background: url(../img/premium/point05_2.png) no-repeat;}

#kinou_table{
	width: 100%; border: 1px solid #888; border-collapse: collapse;}
.kinouname{background-color: #e9eff8; font-weight: bold;}
.kinoutop{background-color: #535353; font-weight: bold; color: #fff;}
.basicname{background-color: #fff799; font-weight: bold; color: #3c3c3c;}
.prename{background-color: #ffdebd; font-weight: bold; color: #fd3700;}
.businame{background-color: #dee8ff; font-weight: bold; color: #0010a7;}


/* ＦＡＱよくある質問 */

.ttl_faq{
	font-weight: bold;
	height: 31px;
	line-height: 30px;
	color: #666;
	background: url(../../img/faq_ic.png) no-repeat;
	padding-left: 35px;}

.bg_grade{
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}

#faqttl{
	width: 100%-22px;
	padding: 10px;
	border: 1px solid #c6c6c6;}

.ttl_faq_s{
	color: #666;}
	.faq_a img{max-width: 400px;}
	
.ic_faq_s{
	font-weight: bold;
	color: #666;
	height: auto;
	line-height: 15px;
	background: url(../../img/faq_ic_s.png) no-repeat;
	padding-left: 10px;}
.faq_a{
	width: 100%;
	min-height: 30px;
	background: url(../../img/faq_ic_a.png) no-repeat;
	padding-top: 32px;
	color: #666;}
#faq_menu{overflow: hidden; width:auto; margin: 0 auto; text-align: center;}
.faq_menubox{
	width: 40%;
	padding: 7px;
	text-align: center;
	cursor: pointer;
	background-color: #84ccc9;
	color: #fff;
	margin: 10px 10px 0px 0px;}

/* 個人情報保護方針 */

.ttl_privacy{
	font-weight: bold;
	height: 31px;
	line-height: 30px;
	color: #666;
	background: url(../../img/privacy_ic.png) no-repeat;
	padding-left: 35px;}
#privacy_box{
	width: 90%;
	height: auto;
	margin: 0 auto;
	line-height: 1.5;
	color: #666;}
.privacy_h{font-size: 20px; font-weight: bold;}
.privacy_p{width: 890px; padding-left: 10px;}
	

/* アカウント作成がお済みでない方 */

.ttl_input{
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	color: #666;
	background: url(../../img/ic_premium.png) no-repeat;
	padding-left: 25px;}

/* レフト */

#profiel{
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin-top:-10px;
	background-color: #000000;
	border: #bfbfbf 1px solid;
}
#prof_img{
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto ;
	z-index: 1;
}
#prof_img img{
	max-width: 100%;
}
#prof_txt{
	width: auto;
	height: 75px;
	padding: 8px;
	background: #f7f8fd;
	margin: -90px auto 0px auto;
	background: #000;
	filter: Alpha(opacity=70);
	opacity: 0.7;
	z-index: 2;
}
.soshiki_name_sp{
	color:#FFF;
}
.name_sp{
	color:#FFF;
}
.address_sp{
	color:#FFF;
	word-wrap: break-word;
	white-space: pre-wrap; /* IE,FF */
	word-break:break-all;/* webkit */}

/* プレミアム会員レフト */
#homeback{margin-top: 10px;}

#free_left{
	width: 220px;
	height: auto;
	margin: 10px auto;}

/* メイン */


#social{
	width:100%;
	height: auto;
	min-height: 25px;
	background-color: #f9f9f9;
	padding: 0px 0px 5px 0px;}
.social_btn{margin-right: 5px; height: 25px; float: left; vertical-align:middle; margin-top: 5px;}

.blue_ttl{
	width: 100%-25px;
	height: 24px;
	background: url(../../img/line_blue.gif) no-repeat;
	padding-left: 25px;
	padding-top: 7px;
	color: #666;
	font-size: 14px;
	font-weight: bold;}
.intro_ttl{
	width: 100%;
	height: 3px;
	background:#bfbfbf;
	}

#comment_txt{
	padding: 10px;
	width: 100%-40px;
	font-size: auto;
	line-height: 1.5;
	height: auto;
	border: #bfbfbf 1px solid;}

/* プレミアム会員　コメント欄登録画像 */
.comment_img{
	width: 155px;
	height: 155px;
	float: left;
	display: inline;
	margin-right: 10px;
	border: #d2d2d2 1px solid;}

/* 登録データ検索 */
#mypage_search{
	width: 100%-26px;
	padding: 10px;
	height: auto;
	background-color: #eeeeee;
	border: #e3e9f9 3px solid;}
	.mypage_search_btn{
		width: 65px;
		height: 50px;
		background: url(../../img/btn_search.png) no-repeat;
		vertical-align:-12px;}
	.mypage_search01{
		width: 100%;
		height: 50px;
		vertical-align: middle;}


/* 登録データ */
.data_l{
	width: 100%-10px;
	height: auto;
	padding: 5px;
	background: #f9f9f9;
	border: #eeeeee 3px solid;}
#data_s{
	width: 100%;
	height: auto;}
	#data_s ul{
		list-style-type: none;
		width: 100%;
		height: auto;
		}
	#data_s ul li{
		width: 100%-10px;
		height: auto;
		padding: 5px 5px 5px 5px;
		background: #f9f9f9;
		border: #eeeeee 3px solid;
		margin-bottom: 10px;}
#search_img{
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 5px;}
	#search_img img{max-height: 100px; max-width: 100px; width: auto; height: auto;}
#search_txt{
	width: auto;
	height: auto;
	padding: 5px;
	background: #f7f8fd;
	float: left;
	width: auto;
	width: 155px;
	}


.data_l_img{
	width: 220px;
	height: auto;
	margin:0 auto;}
	.data_l_img p img{width: 220px;height: auto;border: #ddd 1px solid;}
.data_l_img ul{
	list-style-type: none;
	width: 235px;
	height: auto;
	margin:10px auto 10px auto;}
.data_l_img ul li{
	width: 105px;
	height: 82px;
	margin-right: 10px;
	float: left;}
	.data_l_img ul li img{width: 105px; height: 82px; border: #ddd 1px solid;}
.bo_dl{
	width: 220px;
	height: 100px;
	background: url(../../img/btn_green01.png) no-repeat;
	margin: 10px auto 0px auto;}


.data_l_txt{
	width: 100%;
	height: auto;}
.data_l_day{
	color: #222;
	font-size: 13px;
	font-weight: bold;}
.data_l_title{
	color: #222;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;}
.data_l_comment{
	line-height: 1.5;
	margin-top: 15px;}

#price{
	width: 100%-20px;
	height: auto;
	padding: 10px;
	background:#fff;
	border: #9ab1ee 1px solid;}
.data_l_num{
	height: 18px;
	color: #00196b;
	font-size: 16px;
	font-weight: bold;
	background: url(../../img/ic_deta.gif) no-repeat;
	padding-left: 96px;}
.data_l_price{
	height: 18px;
	color: #00196b;
	font-size: 16px;
	font-weight: bold;
	background: url(../../img/ic_price.gif) no-repeat;
	padding-left: 96px;}
.data_l_card{
	width: 419px;
	margin-right: -5px;
	list-style-type: none;}
	.data_l_card li{
		width: 32px;
		height: 32px;
		margin-right: 5px;
		float: left;}

.data_s_img{width: 100px; height: 100px; border: #ddd 1px solid; margin-right: 5px;}
.data_s_img img{ max-width: 100px; max-height: 100px;}
.data_s_txt{float: left; width: auto; }
.data_s_num{
	height: 18px;
	color: #00196b;
	font-size: 14px;
	font-weight: bold;
	background: url(../../img/ic_deta.gif) no-repeat;
	padding-left: 96px;
	margin-top: 5px;}
.data_s_price{
	height: 18px;
	color: #00196b;
	font-size: 14px;
	font-weight: bold;
	background: url(../../img/ic_price.gif) no-repeat;
	padding-left: 96px;
	margin-top: 5px;}
.data_s_title{
	color: #222;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 5px;
	width: auto;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* 特定商取引法表記 */
#tokuteishou{
	width: 100%;
	height: auto;
	border-collapse: collapse; /* 枠線の表示方法 */ 
	border: #9ab1ee 1px solid; }
	#tokuteishou tr{
		height: auto;
		font-size: 13px;
		color: #555;}
	.td1{
		padding: 8px;
		width: 30%;
		border: #9ab1ee 1px solid;
		font-weight: bold;
		}
	.td2{
		padding: 8px;
		width: auto;
		border: #9ab1ee 1px solid;
		}


ul.accordion {
	background:#fff; 
	width: 100%;
	list-style-type: none;}
ul.accordion a {
	display:block; 
	text-decoration:none; 
	color:#000000; 
	font-weight:bold;
	}
ul.accordion ul { display:none;}
ul.accordion > li {
	background-color: #FFF;
	margin-top: 5px;
	list-style-type: none;
	}
ul.accordion > li > p {
	cursor:pointer;}
ul.accordion > li > p span { color: #666;
	font-size: 14px;
	font-weight: bold;}
ul.accordion > li > p span.open { color: #666;
	font-size: 14px;
	font-weight: bold;}
ul.accordion > li > ul > li { background-color:#fff;list-style-type: none;}
ul.accordion > li > ul > li > p { background:#fff;}
ul.accordion > li > ul > li > a { background:#fff;}
ul.accordion > li > ul > li > ul > li { background:#fff; }
ul.accordion > li > ul > li > ul > li:last-child { border:none;}

/* 管理パネル */
.control{
	width: 918px;
	height: auto;
	padding: 15px;
	background: #e3e9f9;
	border: #9ab1ee 1px solid;}
.ic_blue_l{
	color: #2970d5;
	font-size: 18px;
	height: 20px;
	font-weight: bold;
	background: url(../img/icon_blue_l.gif) no-repeat;
	padding-left: 25px;}
.btnarea{width: 475px; float: left; margin-right: 13px; position: relative;}
.bnrarea{width: 430px; float: left;}
.ml10{margin-left: 10px;}
.con_btn{
	width: 485px;
	height: 85px;
	margin-right: -10px;
	list-style-type: none;}
.con_btn li{
	width: 85px;
	height: 85px;
	margin-right: 10px;
	float: left;}

#nomal_ver{
	height: 25px;
	width: 150px;
	font-weight: bold;
	color: #fff;
	background: #2970d5;
	float: right;
	text-align: center;}
	#nomal_ver p{line-height: 25px;}
#information{
	width: 410px;
	height: 80px;
	padding: 10px;
	background: #fff;
	border: #888 1px solid;}
.info_txt{float: left; width: 323px; height: 80px; margin-right: 10px;}
.orangebtn{
	width: 77px;
	height: 77px;
	background: #f39700;
	text-align: center;
	margin-right: 10px;
	float: left;}
	.orangebtn p{color: #fff; font-size: 20px; font-weight: bold; line-height: 80px;}
.versionbtn{
	width: 77px;
	height: 77px;
	float: left;}

.btn_versionup{
	border: 0px;
	width: 400px;
	height: 100px;
	background: url(../img/btn_versionup.png) left top no-repeat;
	cursor:pointer;
	cursor:hand;
	text-indent:-9999px;
	}

/* バージョン更新 */
.btn_kousinsuru{
	border: 0px;
	width: 400px;
	height: 100px;
	background: url(../img/btn_kousinsuru.png) left top no-repeat;
	cursor:pointer;
	cursor:hand;
	text-indent:-9999px;
	}

/* 編集・承認ボタン */
.btn_control{
	text-align: right;
	}
.btn_con_shounin{
	width: 63px;
	height: 50px;
	margin-right: 9px;
	background-color: #2970d5;
	background-image: url(../img/btn_shounin.png);
	background-repeat: no-repeat;
	background-position: 29px 17px;
	text-align: left;
	float: right;}
	.btn_con_shounin p{
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	line-height: 50px;
	padding-left: 10px;}
.btn_con_bunseki{
	width: 63px;
	height: 50px;
	margin-right: 9px;
	background-color: #2970d5;
	background-image: url(../img/btn_bunseki.png);
	background-repeat: no-repeat;
	background-position: 21px 19px;
	text-align: left;
	float: right;}
.btn_con_henkou{
	width: 63px;
	height: 50px;
	background-color: #2970d5;
	background-image: url(../img/btn_henkou.png);
	background-repeat: no-repeat;
	background-position: 27px 14px;
	float: right;}

/* ページ送り */
#pagenum{float: right;
height: 30px;}
.pagenum_in{
	width: 30px;
	height: 30px;
	float: left;
	color: #fff;
	font-weight: bold;
	margin-right: 5px;
	background-color: #669cea;
	text-align: center;
	line-height: 30px;}
.pagenum_next{
	width: 110px;
	height: 30px;
	color: #fff;
	font-weight: bold;
	background-color: #2970d5;
	float: left;
	text-align: center;
	line-height: 30px;}


/* フッター */
#footer{
	width: 100%;
	height: 150px;
	background-color: #2970d5;
	color: #fff;
	position:relative;}

#copyright{
	width: 100%;
	color: #fff;
	position: absolute;
	bottom: 0px;
	float: right;
	}
	#copyright p{font-size: 12px;text-align: right;}

#foot_btn p{
	width: 80px;
	height: 40px;
	margin: 10px 0px 0px 10px;
	float: left;}

/* プレミアム会員フッター */
#footer_pre{
	width: 100%;
	height: 150px;
	background-color: #959595;/* フッター色変更 */
	color: #fff;
	position:relative;}

#footer_kubara{
	width: 100%;
	height: 150px;
	background-color: #d2caba;/* フッター色変更 */
	color: black;
	position:relative;}

#copyright_pre{
	width: 100%;
	color: #fff;/* コピーライト色変更 */
	position: absolute;
	bottom: 0px;
	float: right;
	}
	#copyright_pre p{font-size: 12px;text-align: right;}


/* facebox フォーム */
input[type="text"]{
	width: auto;
	font-size:120%;
	padding:5px 0px 5px 0px;
	margin-left:2px;
	border:2px solid #cccccc;
}

textarea{
	width:300px;
	font-size:120%;
	margin-left:2px;
	padding:5px;
	height:80px;
	border:2px solid #cccccc;
	}

input[type="checkbox"] {
    -webkit-transform: scale(2);
    transform: scale(2);
	margin:10px;
}

input[type="radio"] {
    -webkit-transform: scale(2);
    transform: scale(2);
	margin:10px;
}

input[type="button"] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
	margin:10px;
}

input[type="password"] {
	width: auto;
	font-size:120%;
	padding:5px;
	margin-left:2px;
	border:2px solid #cccccc;
}

select{
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
	margin:10px;
}

.formbox{
	width: 810px;
	padding: 20px;
	background-color: #fff;}
.form_01{
	width: 810px;
	height: 80px;
	background: #e5e5e5;
	border: #b5b5b5 1px solid;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 80px;}
.form_02{
	width: 810px;
	height: auto;}

.formtable table{
	width: 950px; /* テーブルの横幅 */ 
	border-collapse: collapse; /* 枠線の表示方法 */ 
	border: 1px #7d7d7d solid; 
	color: #2e2e2e;}
.formtable table td,th{border: 1px #7d7d7d solid; padding: 15px;}
.formtable table th{background: #e3e9f9; width: 200px; text-align: center; font-weight: bold;}
.prof_up_img img{width: 220px; height: 220px;}
.form_04_ttl{
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	color: #2e2e2e;
	background: url(../img/ic_payment.gif) no-repeat;
	padding-left: 60px;}
.form_05{text-align: center;}
.btn_preview{
	border: 0px;
	width: 200px;
	height: 80px;
	background: url(../img/btn_preview.png) left top no-repeat;
	cursor:pointer;
	cursor:hand;
	text-indent:-9999px;
	}
.btn_apload{
	border: 0px;
	width: 200px;
	height: 80px;
	background: url(../img/btn_upload.png) left top no-repeat;
	cursor:pointer;
	cursor:hand;
	text-indent:-9999px;
	}
.btn_delete{
	border: 0px;
	width: 140px;
	height: 80px;
	background: url(../img/btn_sakujo.png) left top no-repeat;
	cursor:pointer;
	cursor:hand;
	text-indent:-9999px;
	}
.btn_userdelete{
	border: 0px;
	width: 200px;
	height: 50px;
	background: url(../img/btn_aco_sakujo.png) left top no-repeat;
	cursor:pointer;
	cursor:hand;
	text-indent:-9999px;
	}

.btn_submit{
	border: 0px;
	width: 300px;
	height: 80px;
	background: url(../img/btn_customizeset.png) left top no-repeat;
	cursor:pointer;
	cursor:hand;
	text-indent:-9999px;
	}

/* facebox 画面カスタマイズフォーム */
.formbox_customize{
	width: 950px;
	background-color: #fff;}


.btn_usecheck{
	border: 0px;
	width: 150px;
	height: 35px;
	background: url(../img/btn_usecheck.png) left top no-repeat;
	cursor:pointer;
	cursor:hand;
	text-indent:-9999px;
	}
.btn_customizeset{
	border: 0px;
	width: 300px;
	height: 80px;
	background: url(../img/btn_customizeset.png) left top no-repeat;
	cursor:pointer;
	cursor:hand;
	text-indent:-9999px;
	}
	
	
	
input[type="submit"], input[type="reset"], input[type="button"], button{
  cursor: pointer;
}


/* ダウンロードページ */
#download_ttl{
	width: 100%-40px;
	height: auto;
	padding: 20px;
	font-size: 16px;
	color: #00196b;
	font-weight: bold;
	border: #bfbfbf 1px solid;
	background-color: #eee;
	text-align: center;}

.bg_blue{
	width: 100%-20px;
	padding: 10px;
	height: auto;
	background-color: #e3e9f9;}

#btn_green02{width: 100%;
height: 100px;
text-align: center;}
.btn_green02{
	border: 0px;
	width: 240px;
	height: 80px;
	background: url(../../img/btn_green02.png) left top no-repeat;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	cursor:pointer;
	cursor:hand;
	text-indent:-9999px;}

/* ダウンロードページ 　ｃｖ１*/
.btn_green03{
	border: 0px;
	width: 240px;
	height: 80px;
	background: url(../../img/btn_green03.png) left top no-repeat;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	cursor:pointer;
	cursor:hand;
	text-indent:-9999px;}


/* ユーザー管理・承認ページ */
#shouninbox_kingaku{
	width: 200px;
	height: 100px;
	float: left;
	margin-right: 10px;
	text-align: center;
	}
	#shouninbox_kingaku p{line-height: 50px; font-size: 20px; font-weight: bold;}
#shouninbox_feedback{
	width: 700px;
	height: auto;
	padding: 10px;
	float: left;
	background: #fff;}
.q_01{
	height: 25px;
	background: url(../img/q_01.gif) no-repeat;
	padding-left: 58px;
	line-height: 25px;}
.q_02{
	height: 25px;
	background: url(../img/q_02.gif) no-repeat;
	padding-left: 58px;
	line-height: 25px;}
.q_03{
	height: 25px;
	background: url(../img/q_03.gif) no-repeat;
	padding-left: 58px;
	line-height: 25px;}

#shounin_page{
	width: 320px;
	height: auto;
	float: left;}
#shounin_csv{
	width: 200px;
	height: 60px;
	float: right;}
#shounin_btnbox{
	width: 930px;
	padding: 10px;
	border: #2970d5 1px solid;
	height: auto;}
#hensin{
	width: 130px;
	height: 130px;
	background-color: #2970d5;
	background-image: url(../img/youhensin.png);
	background-repeat:  no-repeat;
	background-position: 36px 10px;
	font-size: 50px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	float: left;}
	#hensin p{line-height: 130px;}
#hensin_checkbox{
	width: 250px;
	height: 130px;
	float: left;
	margin-left: 20px;}
#shounin_btn{
	width: 270px;
	height: 130px;
	float: right;}

.mail_btn{
	padding: 10px;
	background-color: #84ccc9;
	color: #fff;
	text-align: center;
	cursor: pointer;
	}
.mail_preview{
	width: 120px;
	height: 50px;
	text-align: center;
	background: #555;
	color: #fff;
	line-height: 50px;
	margin-right: 10px;
	bottom: 0px;}
.mail_sousin{
	width: 120px;
	height: 50px;
	text-align: center;
	background: #ff8400;
	color: #fff;
	line-height: 50px;
	bottom: 0px;}




/* データ分析ページ */
#tabmenu{
    padding:0px;
    margin-top:20px;
    color:#333;
    font-size: 11px;
    width:950px;
    position:relative;
}

#tabmenu div#tab{
    position: absolute;
    top:0px;
    left:0px;
    width: 950px;
    background-color: #fff;
}
#tabmenu div#tab a{
    float: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 150px;
    display: block;
    margin-right: 10px;
    text-decoration:none;
}

div#tab_contents{
    width:950px;
    overflow:
    hidden;clear:both;
}
div#tab_contents ul{
    width:4650px;
    padding:0px;
    margin:0px;
}
div#tab_contents ul li{
    float: left;
    width:910px;
    list-style-type:none;
    padding:70px  20px  20px 20px;
    background:#e3e9f9;
}

.situmon{
	width: 853px;
	height: 25px;
	padding-left: 65px;
	background: url(../img/img_q.gif) no-repeat left top #fff;
	border: #2970d5 1px solid;}
	.situmon p{line-height: 25px;}
.kaitou{
	width: 918px;
	height: 30px;
	background: #fff;
	border: #2970d5 1px solid;}
	.kaitou p{line-height: 30px;}

.situmontable table{
	width: 920px; /* テーブルの横幅 */ 
	border-collapse: collapse; /* 枠線の表示方法 */ 
	border: 1px #7d7d7d solid; 
	color: #2e2e2e;
	background-color: #fff;}
.situmontable table td,th{border: 1px #7d7d7d solid; padding: 15px 15px 15px 0px;}
.situmontable table th{background: #fff; width: 200px; text-align: center; font-weight: bold;}
.kaitou_graf{
	background-color: #84ccc9;
	font: bold 16px;
	color: #fff;
	height: 30px;}
	.kaitou_graf p{line-height: 30px;margin-left: 10px;}

/* ユーザー情報・データ登録のステータス部 */ 
.datainfo_left{
	width: 650px;
	margin-right: 10px;
	float: left;
	height: 50px;
	}
.datainfo_right{
	width: 250px;
	padding: 5px;
	float: left;
	background: #fff;}
.koukaichuu{
	width: 250px;
	height: 40px;
	text-align: center;
	color: #fff;
	background: #f39700;
	font-size: 18px;
	font-weight: bold;
	float: right;}
	.koukaichuu p{line-height: 40px;}

.d_datainfo_left{
	width: 650px;
	margin-right: 10px;
	float: left;
	height: auto;
	}
.d_datainfo_right{
	width: 250px;
	padding: 5px;
	float: left;
	background: #fff;}


/* データ登録のurlコピー部分タブ切替 */ 
#url_tabmenu{
    padding:0px;
    margin:0px;
    color:#333;
    font-size: 11px;
    width:650px;
    position:relative;
}

#url_tabmenu div#tab{
    position: absolute;
    top:0px;
    left:0px;
}
#url_tabmenu div#url_tab a{
    float: left;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 150px;
    display: block;
    text-decoration:none;
    color:#fff;
    background:#84ccc9;
    margin-right: 10px;
}

div#url_tab_contents{
    width:650px;
    overflow:
    hidden;clear:both;
}
div#url_tab_contents ul{
    width:1500px;
    padding:0px;
    margin:0px;
}
div#url_tab_contents ul li{
    float: left;
    width:650px;
    list-style-type:none;
    padding:10px  0px  0px 0px;
}




#bg_eturan{
	width: 230px;
	height: 90px;
	background: url(../img/bg_eturansuu.png) no-repeat left top;
	position: relative;
	float: left;
	margin-right: 10px;}
	#bg_eturan p{color: #516aa7; font-weight: bold; font-size: 30px; position: absolute; bottom: 10px; right: 10px;}
#bg_dl{
	width: 230px;
	height: 90px;
	background: url(../img/bg_dlsuu.png) no-repeat left top;
	position: relative;
	float: left;
	margin-right: 10px;}
	#bg_dl p{color: #516aa7; font-weight: bold; font-size: 30px; position: absolute; bottom: 10px; right: 10px;}
#bg_kessai{
	width: 230px;
	height: 90px;
	background: url(../img/bg_kessai.png) no-repeat left top;
	position: relative;
	float: left;}
	#bg_kessai p{color: #516aa7; font-weight: bold; font-size: 30px; position: absolute; bottom: 10px; right: 10px;}

/* データ登録 データ提供タイプ */
#type_a{
	width: 468px;
	height: 98px;
	border: #2970d5 1px solid;
	margin-right: 10px;
	float: left;}
	#type_a_l{width: 80px;height: 80px;
			background: url(../img/type_a.png) no-repeat left top;
			margin: 9px 9px 0px 9px;
			float: left;}
	#type_a_r{width: 350px; height: 80px;
			background: #fff url(../img/type_a_bg.png) no-repeat 310px 45px;
			float: left;
			margin-top: 9px;
			font-weight: bold;
			font-size: 16px;
			line-height: 1.5;}
#type_b{
	width: 468px;
	height: 98px;
	border: #2970d5 1px solid;
	float: left;}
	#type_b_l{width: 80px;height: 80px;
			background: url(../img/type_b.png) no-repeat left top;
			margin: 9px 9px 0px 9px;
			float: left;}
	#type_b_r{width: 350px; height: 80px;
			background: #fff url(../img/type_b_bg.png) no-repeat 310px 45px;
			float: left;
			margin-top: 9px;
			font-weight: bold;
			font-size: 16px;
			line-height: 1.5;}
#type_c{
	width: 468px;
	height: 98px;
	border: #2970d5 1px solid;
	margin-right: 10px;
	float: left;}
	#type_c_l{width: 80px;height: 80px;
			background: url(../img/type_c.png) no-repeat left top;
			margin: 9px 9px 0px 9px;
			float: left;}
	#type_c_r{width: 350px; height: 80px;
			background: #fff url(../img/type_c_bg.png) no-repeat 260px 45px;
			float: left;
			margin-top: 9px;
			font-weight: bold;
			font-size: 16px;
			line-height: 1.5;}
#type_d{
	width: 468px;
	height: 98px;
	border: #2970d5 1px solid;
	float: left;}
	#type_d_l{width: 80px;height: 80px;
			background: url(../img/type_d.png) no-repeat left top;
			margin: 9px 9px 0px 9px;
			float: left;}
	#type_d_r{width: 350px; height: 80px;
			background: #fff url(../img/type_d_bg.png) no-repeat 200px 45px;
			float: left;
			margin-top: 9px;
			font-weight: bold;
			font-size: 16px;
			line-height: 1.5;}

ul.accordion2 {
	background:#fff; 
	width: 960px;
	list-style-type: none;
	overflow:hidden;
	margin-right: -10px;}
ul.accordion2 a {
	display:block; 
	text-decoration:none; 
	color:#000000; 
	font-weight:bold;
	}
ul.accordion2 ul { display:none;}
ul.accordion2 > li {
	width: 438px;
	padding: 15px;
	height: auto;
	min-height: 25px;
	float: left;
	margin: 10px 10px 0px 0px;
	background: #e3e9f9 url(../img/acordion.png) no-repeat 415px 15px;
	border: #bfbfbf 1px solid;
	list-style-type: none;
	}
ul.accordion2 > li > p {
	cursor:pointer;}
ul.accordion2 > li > p span { color: #666;
	font-size: 14px;
	font-weight: bold;}
ul.accordion2 > li > p span.open2 { color: #666;
	font-size: 14px;
	font-weight: bold;}
ul.accordion2 > li > ul > li { background-color:#e3e9f9;list-style-type: none;}
ul.accordion2 > li > ul > li > p { background:#e3e9f9;}
ul.accordion2 > li > ul > li > a { background:#e3e9f9;}
ul.accordion2 > li > ul > li > ul > li { background:#e3e9f9; }
ul.accordion2 > li > ul > li > ul > li:last-child { border:none;}

#sakujo_box{
	width: 920px;
	height: 80px;
	padding: 15px;
	background: #f6b37f;}
	#sakujo_box p{line-height: 80px;}

#usersakujo_box{
	width: 920px;
	height: 50px;
	padding: 15px;
	background: #dcdcdc;}
	#sakujo_box p{line-height: 50px;}
	

/* データ検索 検索結果一覧 */

#search_box{
	width: 100%;
	padding: 15px 0px 15px 0px;
	height: auto;
	text-align: center;
	background-color: #e3e9f9;
	border: #bfbfbf 1px solid;}
 
/*=======================================*/
.error_ic {
	display:none;
}

#pc_view{
	display:none;
	}
#sp_view{
	display:inherit;
	}

}