@charset "utf-8";

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;
}

.ondes {color: #333;}
.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;}
.mt50{margin-top: 50px;}
.mt100{margin-top:100px;}

.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;
    }

/* 半透明 */
.touka{filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    }
   

/*ボックス全体でリンク*/
.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;}

.ic_excel{
	background: url(../img/pdf/ic_excel.gif) no-repeat;
	font-weight: bold;
	padding-left: 24px;
	min-height: 20px;
	line-height: 20px;}

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

.ic_s_pass{
	background: url(../img/ic_s_pass.gif) no-repeat;
	padding-left: 14px;
	line-height: 14px;
	font-size: 12px;}

.jouken{
	border: 1px solid #e3e8f6;
	padding: 10px;}

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

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

.font20{font-size: 20px;}

.gray_big{color: #434343;
font-size: 18px;
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;}
.ttl_ic_image{
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	color: #2e2e2e;
	background: url(../img/ic_image.gif) no-repeat;
	padding-left: 60px;}
.ttl_ic_pass{
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	color: #2e2e2e;
	background: url(../img/ic_pass.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;
	font-size: 16px;
	background-color: #ff0000;
	width: 950px;
	height: 25px;
	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: 930px;
	padding: 10px;
	border: #2970d5 1px solid;
	height: auto;
	line-height: 1.5;}

/* 上部へ戻る */
#topback {
position: fixed;
bottom:0px;
right:20px;
z-index: 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: 10px 10px 10px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: auto;}

.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: 5px 10px 5px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-align: center;
	}

.btn_red{
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FF845E),
	color-stop(1, #C70A00)
);
background-image: -o-linear-gradient(bottom, #FF845E 0%, #C70A00 100%);
background-image: -moz-linear-gradient(bottom, #FF845E 0%, #C70A00 100%);
background-image: -webkit-linear-gradient(bottom, #FF845E 0%, #C70A00 100%);
background-image: -ms-linear-gradient(bottom, #FF845E 0%, #C70A00 100%);
background-image: linear-gradient(to bottom, #FF845E 0%, #C70A00 100%);
	border: #de0000 1px solid;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;}

.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: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;}

/* ポップアップボタン */
#popup_ok{
	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;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 80px;
	height: 80px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px; 
    border-radius: 5px;
    -webkit-transform: scale(1);
    transform: scale(1);}
    
#popup_cancel{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;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-align: center;
	width: 80px;
	height: 80px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px; 
    border-radius: 5px;
    -webkit-transform: scale(1);
    transform: scale(1);
    }


/* データ公開ステータス */
.data_open{
	width: 100%;
	background-color: #8fc31f;
	color: #fff;
	font-weight: bold;
	text-align: center;}
.data_close{
	width: 100%;
	background-color: #b5b5b5;
	color: #fff;
	font-weight: bold;text-align: center;}
.data_secret{
	width: 100%;
	background-color: #ff5050;
	color: #fff;
	font-weight: bold;text-align: center;}


/* ボディ */

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


/* 新トップページ */

#container_top{
	width: 100%;
	min-width:1020px;
	height: auto;
	background:#fff;
	position: relative;
	z-index: 1;
	}

#header_new{
	width: 100%;
	min-width: 1000px;
	height: 70px;
	background-color: #fff;
	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);
    position: relative;
    z-index: 30;
	}
#header_in_new{
	width: 1000px;
	height: 70px;
	background-color: #fff;
	margin: 0 auto;}

#head_logo_new{
	width: 250px;
	height: 70px;
	float: left;}	

#head_right_new{
	width: 750px;
	height: 70px;
	float: left;
	text-align: right;}

#loginbox{
	position: absolute;
	right: 50px;
	z-index: 15;
	top: -365px;
	width: 970px; height: 490px;
	margin:0 auto;
	background: url(../newimg/bg_login.png) no-repeat bottom left;}
#loginbox_in{
	width: 880px; height: 265px; margin: 90px 15px 50px 15px;
	background: #fff;
	padding: 30px;}

.search_new{width: 220px; height: 205px; padding: 55px 20px 0px 20px; background: url(../newimg/head_search.png) no-repeat top left #edf2f8;float: left; margin-right: 50px;} 
.newmenber_new{width: 220px; height: 205px; padding: 55px 20px 0px 20px; background: url(../newimg/head_new.png) no-repeat top left #edf2f8;float: left; margin-right: 50px;} 

.login_new{width: 220px; height: 205px; padding: 55px 20px 0px 20px; background: url(../newimg/head_login.png) no-repeat top left #edf2f8;float: left;} 


.open{width: 167px; height: 21px; float: right; margin-top: 70px; margin-right: -20px; background:url(../newimg/p_login.png) no-repeat top left;}

.timgbox{
	position: relative;
	z-index: -999;
	width: 100%;
	height: 515px;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	background-attachment:fixed;
	background-image: url(../movie/watasu-com.mp4);
	}

#bgvid {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -9999;
    background-size: cover;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}


#new_box01{
	position: absolute;
	width: 1000px;
	height: auto;
	padding: 40px 15px 40px 15px;
	z-index: 21;
	left: 50%;
	margin: 0px 0px 0px -485px;}
#movie{width: 100%; background: #e7edf5; height: auto;}
#movie_box{width: 970px; height: auto; margin: 0 auto; z-index: 21; padding: 30px 15px 0px 15px;}
#movie01{width: 320px; height: 180px; float: left; margin-right: 20px;}
#movie02{width: 630px; height: 180px; float: left; }

.movie01{
    width: 320px;
    height: 180px;
     float: left; margin-right: 20px;
    position: relative;
}
.movie01 img{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    transition:opacity 0.3s;
}
.movie01.on img{
    opacity: 0;
}


#new_box02{
	width: 100%;
	background: #fff;
	height: auto;
	z-index: 18;
	margin-top: 0px;}

#new_box02_in{
	width: 1000px;
	margin: 0 auto;
	height: auto;
	padding: 0px 0px 40px 0px;}


#new_box03{
	width: 100%;
	background: #e7edf5;
	height: auto;
	z-index: 17;
	margin-top: 0px;}

#new_box03_in{
	width: 1000px;
	margin: 0 auto;
	height: auto;
	padding: 40px 0px 40px 0px;}

#p1box{width: 860px; height: auto; margin: 25px auto 0px auto;}
.p1box_in{width: 240px; height: auto; float: left; margin-right: 70px;}
.p1box_in_r{width: 240px; height: auto; float: left;}

#new_box04{
	width: 100%;
	background: #fff;
	height: auto;
	z-index: 16;
	margin-top: 0px;}

#new_box04_in{
	width: 1000px;
	margin: 0 auto;
	height: auto;
	padding: 40px 0px 40px 0px;}

#new_box05{
	width: 100%;
	height: auto;
	z-index: 16;
	margin-top: 0px;}

#new_box05_in{
	width: 1000px;
	background: #fff;
	margin: 0 auto;
	height: auto;
	padding: 40px 0px 40px 0px;}

#p5box{width: 860px; height: auto; margin: 40px auto 0px auto;}
.p5box_in{width: 390px; height: auto; float: left; margin-right: 80px;}
.p5box_in_r{width: 390px; height: auto; float: left;}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.likeCountArrow {
	background: url(../img/bg_count.gif) no-repeat left top;
	padding: 8px 0 0 7px;
		bottom:5px;
		display:block;
		float:left;
		height:17px;
}

.likeCountArrow span {
	padding: 2px 5px;
	background: #ddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	bottom:0px;
	
}

.pkg{
	zoom: 1;
	margin: 0 0 3em;
}
	.pkg:after {
		content: "";
		display: block; 
		clear: both;
	}
.countArrow{background: url(../img/bg_count.gif) no-repeat left top;
	padding: 8px 0 0 7px;
		bottom:5px;
		display:block;
		float:left;
		height:17px;
}
.count{padding: 2px 5px;
	background: #ddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	bottom:0px;}








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

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


/* ヘッダー */

#header{
	width: 100%;
	min-width: 1000px;
	height: 90px;
	background-color: #fff;
	border-bottom: #2970d5 3px solid;}
	#header_sp{
	width: 100%;
	height: 90px;
	background-color: #fff;
	border-bottom: #2970d5 3px solid;}
#header_in{
	width: 1000px;
	height: 90px;
	background-color: #fff;
	margin: 0 auto;}
	#header_in_sp{
	width: 100%;
	height: 90px;
	background-color: #fff;
	margin: 0 auto;}

#head_logo_top{
	width: 320px;
	height: 90px;
	float: left;}
#head_right_top{
	width: 680px;
	height: 90px;
	float: left;
	text-align: right;}

#head_logo{
	width: 250px;
	height: 90px;
	float: left;}	
	#head_logo img{max-height: 90px; max-width: 250px;}

#head_right{
	width: 750px;
	height: 90px;
	float: left;
	text-align: right;}
	

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

#header_kubara{
	width: 100%;
	height: 90px;
	background-color: #fff;
	border-bottom: #f8f5ec 3px solid;}/* ヘッダー下ライン色 */

/* コンテンツ */
#contents_box_top{
	width: 1020px;
	height: auto;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
	}

#contents_box_pdf{
	width: 1000px;
	height: auto;
	margin: 0px auto;
	padding: 20px 15px 20px 15px;
	background:#fff;
	}


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

#contents{
	width: 960px;
	height: auto;
	margin: 0 auto;
	background-color: #fff;}

/* トップページ */
#top_leftbox{
	width: 710px;
	height: 567px;
	margin-right: 20px;
	float: left;}

#uke_box{
	width: 220px;
	height: auto;
	padding: 25px;
	margin: 20px 20px 0px 0px;
	float: left;
	background:rgba(161,179,206,0.25); }
#watasu_box{
	width: 220px;
	height: auto;
	padding: 25px;
	margin: 20px 0px 0px 0px;
	float: left;
	background:rgba(161,179,206,0.25); }
#watasu_img{
	width: 420px;
	height: 350px;
	background: url(../img/top_p02_nw.png) no-repeat left top;
	margin: 20px 0px 0px 0px;
	float: left;}
#dekirukoto{
	width: 1025px;
	overflow: hidden;}
.dekirukoto_box{
	width: 180px;
	height: auto;
	margin-right: 25px;
	float: left;}
	.dekirukoto_box p{line-height: 1.5;}
#social_top{
	width: auto;
	height: 30px;
	padding: 2px;
	float: right;
	text-align: right;}

#top_prebnr{
	width: 1000px;
	height: 200px;
	margin: 0px auto;
	padding-top: 20px;
	text-align: center;
	background-color: #fff;
}

.top_p{
	width: 1040px;
	height: auto;
	overflow: hidden;}
.top_img01{
	float: left;
	width: 720px;
	margin-right: 20px;}
.top_setumei01{
	float: left;
	width: 280px;
	margin-right: 20px;}
.top_img02{
	float: left;
	width: 708px;
	margin-right: 20px;}
.top_setumei02{
	float: left;
	width: 280px;
	margin-right: 20px;}
.top_img03{
	float: left;
	width: 645px;
	margin-right: 20px;}
.top_setumei03{
	float: left;
	width: 355px;
	margin-right: 20px;}


/* 広告 */
#ad_img{
	width: 728px;
	height: 90px;
	background-color: #fff;
	margin: 20px auto;}
#ad2 img{width: auto; max-width: 220px;}

/* ワタスコムへのご登録ありがとうございます */
#new_mail{
	width: 920px;
	height: auto;
	min-height: 170px;
	padding: 15px;
	background: #e3e8f6 url(../img/touroku_bg.png) no-repeat 770px 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; }


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

.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;}
.ic_faq_s{
	font-weight: bold;
	color: #666;
	height: 15px;
	line-height: 15px;
	background: url(../img/faq_ic_s.png) no-repeat;
	padding-left: 10px;}
.faq_a{
	width: 100%-35px;
	min-height: 30px;
	margin-left: 10px;
	background: url(../img/faq_ic_a.png) no-repeat;
	padding-left: 35px;
	color: #666;}
	.faq_a p img{width: 100%; max-width: 500px;}
#faq_menu{overflow: hidden; width: 960px; margin-right: -10px;}
.faq_menubox{
	width: 162px;
	padding: 10px;
	text-align: center;
	cursor: pointer;
	background-color: #84ccc9;
	color: #fff;
	margin: 10px 10px 0 0;}

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

.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: 95%;
	height: auto;
	margin: 0 auto;
	line-height: 1.5;
	color: #666;}
.privacy_h{font-size: 20px; font-weight: bold;}
.privacy_p{width: 90%; 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;}
#new_login{
	width: 900px;
	padding: 15px;
	background:rgba(161,179,206,0.25);
	margin: 10px auto;}

/* 特定商取引法に基づく表記 */
.tokusyo_box table{
	width: 100%; /* テーブルの横幅 */ 
	margin: 20px auto;
	border-collapse: collapse; /* 枠線の表示方法 */ 
	border: 1px #7d7d7d solid; 
	color: #2e2e2e;}
.tokusyo_box table td,th{border: 1px #7d7d7d solid; padding: 5px 5px 5px 5px;}
.tokusyo_box table th{font-weight: bold; padding: 5px 5px 5px 5px;}
.tokusyo_p1{width: 30%; text-align: center; background-color: #1f5db5; color: #fff;}
.tokusyo_p3{width: 70%; background-color: #1f5db5; color: #fff;}

/* プレミアムサービス紹介ページ */
#pre_timg{
	width: 910px;
	height: 460px;
	padding: 20px;
	background: url(../img/premium_img/top_bg.jpg) no-repeat;
	position:relative; }
#pre_timg_btn{
	width: 280px;
	height: 170px;
	position: absolute;
	bottom: 20px;
	right: 20px;}
#point01{
	width: 465px;
	margin-right: 20px;
	float: left;}
#point02{
	width: 465px;
	float: left;}
#point03{
	width: 950px;}
#point05{
	width: 445px;
	height: 114px;
	padding: 10px;
	background: url(../img/premium_img/point5_1.jpg) no-repeat;}
#kinou_table{
	width: 950px; 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;}

/* レフト */
#left{
	width: 220px;
	height: auto;
	margin-right: 20px;
	float: left;}
#profiel{
	width: 200px;
	height: auto;
	padding: 10px;
	background-color: #f9f9f9;
	border: #bfbfbf 1px solid;}
#prof_img{
	width: 200px;
	height: 200px;}

#prof_txt{
	width: 184px;
	height: auto;
	min-height: 50px;
	padding: 8px;
	margin-top: 10px;
	background: #f7f8fd;}
.address{
	margin-top: 0px;
	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-top: 10px;}

/* メイン */
#mein{
	width: 720px;
	height: auto;
	float: left;}

#social{
	width: 710px;
	height: 25px;
	background-color: #f9f9f9;
	padding: 5px;}
.social_btn{margin-right: 5px; height: 25px; float: left; vertical-align:middle;}

#pinItWrap {
	overflow: hidden;
	position: relative;
	height: 25px;
	width: 25px;
}
#pinIt {
	position: absolute;
	top: -9999px;
	visibility: hidden;
}


/* コメント欄 */
.blue_ttl{
	width: 696px;
	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: 720px;
	height: 3px;
	background:#bfbfbf;
	}

#comment_txt{
	padding: 20px;
	width: 678px;
	font-size: auto;
	line-height: 1.5;
	height: auto;
	border: #bfbfbf 1px solid;}

#comment_txt img{width: auto; max-width: 678px;}

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

/* 登録データ検索 */
#mypage_search{
	width: 694px;
	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;
		float: left;}
	.mypage_search01{
		width: 574px;
		height: 50px;
		float: left;
		line-height: 50px;}
	.mypage_search02{
		width: 120px;
		height: 50px;
		float: left;}

/* 登録データ */
.data_l{
	width: 674px;
	height: auto;
	padding: 20px;
	background: #f9f9f9;
	border: #eeeeee 3px solid;}
#data_s{
	width: 720px;
	height: auto;}
	#data_s ul{
		list-style-type: none;
		width: 730px;
		height: auto;
		margin-right: -10px;}
	#data_s ul li{
		width: 207px;
		height: auto;
		padding: 10px;
		background: #f9f9f9;
		border: #eeeeee 3px solid;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;}

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


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

#price{
	width: 414px;
	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: 170px; height: 120px; border: #ddd 1px solid; background: #eeeeee; text-align: center;}
.data_s_img img{max-width: 170px; max-height: 120px; width: auto; height: auto; }
.data_s_num{
	height: 18px;
	color: #00196b;
	font-size: 16px;
	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: 16px;
	font-weight: bold;
	background: url(../img/ic_price.gif) no-repeat;
	padding-left: 96px;
	margin-top: 5px;}
.data_s_title{
	color: #222;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 5px;}
.data_s_touroku{
	height: 18px;
	color: #00196b;
	font-size: 16px;
	font-weight: bold;
	background: url(../img/ic_touroku.gif) no-repeat;
	padding-left: 96px;
	margin-top: 5px;}
.ic_cate{background: url(../img/ic_cate.gif) no-repeat; padding-left: 19px; margin-top: 5px; min-height: 14px; line-height: 14px; font-size: 14px;}

.user_dl{
	font-size: 12px; padding:5px; height:15px;}

/* 特定商取引法表記 */
#tokuteishou{
	width: 720px;
	height: auto;
	border-collapse: collapse; /* 枠線の表示方法 */ 
	border: #9ab1ee 1px solid; }
	#tokuteishou tr{
		height: auto;
		font-size: 13px;
		color: #555;}
	#tokuteishou td{
		padding: 8px;
		width: 50%;
		border: #9ab1ee 1px solid;
		}
.tokuteishou_ttl{
	float: left;
	width: 110px;
	font-weight: bold;}
.tokuteishou_txt{
	float: left;
	width: 219px;}

ul.accordion {
	background:#fff; 
	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;}

.bluebig_tokusyo{font-size: 24px; font-weight: bold; color: blue; text-align: center;}
.tokusyo_center{text-align: center;}

/* 管理パネル */
.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;}
.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;}
#premium_ver{
	height: 25px;
	width: 150px;
	font-weight: bold;
	color: #fff;
	background: #ff9000;
	float: right;
	text-align: center;}
	#premium_ver p{line-height: 25px;}

#information{
	width: 410px;
	height: 80px;
	padding: 10px;
	background: #fff;
	border: #888 1px solid;}
.info_txt{float: left; width: 265px; height: 80px; margin-right: 5px;}

.versionbtn{
	width: 140px;
	height: 77px;
	float: right;
	text-align: right;}

.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;
	}


.tuuti{
	font-weight: bold;
	font-size: 16px;
	width: 100%-10px;
	padding: 5px;
	border: 1px solid #ff9000;
	background: #fff;
	margin-right: 5px;}

/* バージョン更新 */
.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 5px;
	text-align: left;
	float: right;}
	.btn_con_shounin p{
	color: #ffee2d;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	padding-left: 5px;}
.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 5px;
	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 5px;
	float: right;}

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


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

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

#foot_btn p{
	width: 120px;
	height: 61px;
	margin: 10px 0px 0px 10px;
	float: left;}

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

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

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


/* facebox フォーム */
input[type="text"]{
	width: auto;
	font-size:120%;
	padding:5px;
	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="password"] {
	width: auto;
	font-size:120%;
	padding:5px;
	margin-left:2px;
	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;
}

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_datadelete{
	border: 0px;
	width: 200px;
	height: 50px;
	background: url(../img/btn_data_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;
}

/* カテゴリ管理ページ　表 */
.category_table table{
	width: 950px; /* テーブルの横幅 */ 
	border-collapse: collapse; /* 枠線の表示方法 */ 
	border: 1px #7d7d7d solid; 
	color: #2e2e2e;}
.category_table table td,th{border: 1px #7d7d7d solid; padding: 15px;}
.category_table table th{background: #e3e9f9; width: 50px; text-align: center;}
.cate_junjo{width: 100px;}
.cate_sakujo{width: 200px;}


/* ダウンロードページ */
#download_ttl{
	width: 908px;
	min-height: 48px;
	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: 930px;
	padding: 10px;
	height: auto;
	background-color: #e3e9f9;}

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

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


/* ユーザー管理・承認ページ */
#shouninbox_kingaku{
	width: 200px;
	height:80px;
	float: left;
	margin-right: 10px;
	text-align: center;
	}
	#shouninbox_kingaku p{font-size: 18px; font-weight: bold;}
#shouninbox_feedback{
	width: 700px;
	height: auto;
	padding: 10px;
	float: left;
	background: #fff;}
.q_ic{
	width:55px; height:25px; color:#fff; background:#2970d5; text-align:center; float:left; margin-right:5px; font-weight:bold;}
.q_ic2{width:640px; float:left; overflow: auto;}
.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: 240px;
	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: 130px;
	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;
	min-height: 30px;
	height: auto;
	background: #fff;
	border: #2970d5 1px solid;}


.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;}
.not-koukaichuu{
	width: 250px;
	height: 40px;
	text-align: center;
	color: #fff;
	background: #ccc;
	font-size: 18px;
	font-weight: bold;
	float: right;}
	.not-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:0px  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 300px 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 300px 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;
	float: left;
	margin-right: 10px;
	margin-top: 10px;}
	#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 250px 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 > 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: 920px;
	padding: 15px;
	height: auto;
	text-align: center;
	background-color: #e3e9f9;
	border: #bfbfbf 1px solid;}



/* pdfデータ化サービスランディングページ */

#pdf_top{width:970px; height:441px;
	background:url(../img/pdf/bg_top.jpg) no-repeat #fff top left;
	padding-top:100px;
	padding-left:30px;
	position:relative;}
#slideimage{width:410px;
	height:310px;
	} 
#pdf_top2{
		width:1000px;
		height:541px;
		position:absolute;
		left:0px;
		top:0px}
.pdf_menu{margin:160px 0px 0px 20px;}
.pdf_hand{margin:300px 0px 0px 25px; position:absolute; left:430px;}
.pdf_img01{
	float: left;
	width: 710px;
	margin-right: 10px;}
.pdf_setumei01{
	float: left;
	width: 280px;}
.menu01_5{
	width:430px;
	height:225px;
	background:url(../img/pdf/menu01_5.jpg) no-repeat;
	margin-right:20px;
	padding:80px 30px 0px 30px;}
	.menu01_6{
	width:430px;
	height:225px;
	background:url(../img/pdf/menu01_6.jpg) no-repeat;
	padding:80px 30px 0px 30px;}

/* pdfデータ化サービスランディングページ 　入稿案内*/

#nyuukou_top{
	background:url(../img/pdf/nyuukou/bg_top.jpg) no-repeat top left;
	width:960px;
	height:230px;
	padding:20px;}
	#nyuukou_top_in{width:910px;
	margin:0 auto;}
#bg_paper{width:1000px;
	height:230px;
	background:url(../img/pdf/nyuukou/bg_paper.png) no-repeat 655px 0px;}
#bg_data{width:1000px;
	height:230px;
	background:url(../img/pdf/nyuukou/bg_data.png) no-repeat 622px 0px;}
#attention{
		widows:968px;
		height:auto;
		background-color:#fffaef;
		border:1px solid #ec6941;
		padding:15px;}
#finish_p1{
	width: 920px;
	height: 337px;
	background: url(../img/pdf/finish_p1bg.png) no-repeat;
	padding: 40px;}
#finish_p2{
	width: 960px;
	height: 310px;
	background: url(../img/pdf/finish_p2bg.png) no-repeat;
	padding: 20px;}
#finish_p4{
	width: 960px;
	height: 130px;
	padding: 20px;
	background: url(../img/pdf/finish_p4bg.png) no-repeat;
	padding: 20px;}
	#finish_p4 p{text-align: right;}


/*=======================================*/
.error_ic {
	display:none;
}

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

.shouninbox_kingaku{
	width: 200px;
	height: 100px;
	float: left;
	margin-right: 10px;
	text-align: center;
	}
.shouninbox_kingaku p{
 font-size: 20px; font-weight: bold;}
.shouninbox_feedback{
	width: 700px;
	height: auto;
	min-height: 110px;
	padding: 10px;
	float: left;
	background: #fff;}


.stragein{
padding: 10px;
margin-right: 10px;
width: 325px;
height: 120px;
text-align: center;}

.stragein_goo{
padding: 10px;
width: 325px;
height: 120px;
text-align: center;}