body {
	font-size:12px;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	line-height: 18px;
}
#gp_footer {
	list-style-type: none;
	text-align: left;
	width: 984px;
	background: #F9F9F9;
	border: thin solid #E4E4E4;
	padding: 5px;
	font-size: 12px;;
	line-height:180%;
	margin-bottom: 6px;
}
#pr_pop {
	float:left;margin-top:20px;line-height:180%;font-weight:normal;font-size:12px;padding-left:50px;
}
#tope {
	height: 123px;
	width: 750px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	margin-top: 7px;
	background: url("../image/pv.png") no-repeat;
	background-size:750px 125px;
}
.top_pr td {
	padding:4px;
}
.follow-me {
  list-style: none;
  margin: 0 0 -8px;
  overflow: hidden;
  padding: 0;
  margin-left:63px;
}
.follow-me li {
  float: left;
  margin: 0 8px 8px 0;
  padding: 0;
}
.follow-me li a::before {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 16px;
  height: 30px; /* Button height */
  line-height: 30px; /* Button height */
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  text-align: center;
  width: 44px; /* Button width */
  padding-left:30px;
  padding-right:30px;
}
.follow-me li a:hover::before {
  opacity: 0.7;
}

.follow-me li a[href*="facebook.com"]::before       { background-color: #3b5998; content: "\f09a"; }
.follow-me li a[href*="twitter.com"]::before        { background-color: #55acee; content: "\f099"; }

table.mtab {
    width: 525px;
    border: thin #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table.mtab th {
    padding: 10px;
    border: #E3E3E3 solid;
    border-width: 0 0 thin thin;
    background: #F0F8FF;
    line-height: 120%;
}
table.mtab td {
    padding: 10px;
    border: thin #E3E3E3 solid;
    border-width: 0 0 thin thin;
}
h1 {
	height: 62px;
	width: 212px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	margin: 0;
	font-size: 170%;
	background: url("../image/logo-pc.png") no-repeat;
	background-size:212px 62px;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#top_logo a {
	display: block;
	width: 212px;
	height: 40px;
	padding-top: 30px;
}
#ltb {
	padding: 0;
	font-weight: normal;
	color: #333;
	font-size: 12px;
	background: #FFF;
	border-width: 0;
}
body, td, th {
	font-size: 12px;
	color: #666;
}
#main {
	height: 480px;
	width: 630px;
}
#middle {
	width: 996px;
	margin: 0 auto;
}
#backbg {
	background: #FFF;
}
a:link {
	color: #06C;
	text-decoration: none;
}
a:hover {
	color: #06C;
	text-decoration: underline;
}
a:visited {
	color: #06C;
	text-decoration: none;
}
#left {
	float: left;
	width: 550px;
	padding-top: 5px;
	padding-right: 5px;
}
#middle #right h3 {
	color: #333;
	padding-left: 3px;
	display: inline;
	width: 230px;
	background: #9CF;
	border-bottom: 2px dashed #333;
	border-left: 6px solid #333;
}
#middle #right table {
	border-width: 0;
}
#right {
	float: right;
	width: 230px;
	padding-top: 5px;
}
.search_input {
	margin-top:1px;
	width:300px;
	height:21px;
	padding:2px;
	box-sizing:border-box;
}
#header {
	height: 80px;
	width: 100%;
	border-top: 10px solid #06c;
}
#header_left {
	float: left;
	width: 220px;
	height: 50px;
	padding: 10px;
}
#wrapper {
	width: 996px;
	margin: 0 auto;
}
#left_header {
	width: 542px;
	height: 52px;
	padding-top: 8px;
	padding-left: 8px;
}
#left_main {
	width: 550px;
}
#header_right {
	width: 750px;
	float: right;
	padding-top: 3px;
}
#header_right_up {
	width: 610px;
	float: right;
	height: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
#bar {
	box-sizing : border-box ;
	height: 36px;
	width: 100%;
	padding-top: 5px;
	padding-right: 6px;
	padding-left: 160px;
	background: url("../image/search_bar.png") no-repeat;
}
#bar_title {
	width: 222px;
	height: 22px;
	line-height: 22px;
	padding-left: 10px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	background: #F30 url(main/bar.gif) no-repeat;
}
.waku_table, #waku_table {
	padding: 5px;
	width:160px;
	color: #333;
	font-size:13px;
	border-top-color: #FFF;
	border-left-color: #FFF;
	background: #F0F8FF;
	border-right: thin dotted #06f;
	border-bottom: thin dotted #06f;
}
.main_set_tmp th {
	padding: 5px;
	color: #333;
	border-top-color: #FFF;
	border-left-color: #FFF;
	background: #F0F8FF;
	border-right: thin dotted #06f;
	border-bottom: thin dotted #06f;
}
.main_set_tmp td {
	padding-top:8px;
	padding-bottom:8px;
}

#input, .input {
	border: thin solid #000;
}
.table_input, #table_input {
	padding: 5px;
	padding-top:12px;
	padding-bottom:12px;
	text-align: left;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
	border-bottom: thin dotted #06f;
	width:588px;
	box-sizing-border-box;
}
#bar_title_left {
	width: 220px;
	height: 22px;
	line-height: 22px;
	padding-left: 10px;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	background: #999 url(main/bar.gif) no-repeat;
}
.menubar {
	width: 750px;
	height: 42px;
	color: #888888;
	font-size: 20px;
	clear: both;
	padding-top:14px;
	box-sizing:border-box;
	padding-left:50px;
	font-weight:bold;
	background: url("../image/menu_bar.jpg") 0 0 no-repeat;
	background-size:750px 42px;
}
#footer {
	width: 996px;
	height: 25px;
	color: #696969;
	font-size: 13px;
	clear: both;
	line-height: 16px;
	padding-top: 75px;
	padding-left:6px;
	background: url("../image/footer.png") 0 20px no-repeat;
	background-size:996px 43px;
}
#m_left {
	width: 230px;
	float: left;
	padding: 10px 6px 10px 0;
}
#m2_left {
	float: left;
	padding: 10px 10px 10px 0;
	width: 750px;
	border-width: thin;
	border-color: #666;
	text-align: left;
	clear: left;
	background: #FFF;
}
#m2_right {
	width: 750px;
	float: right;
	margin: 10px 0 10px 9px;
	padding: 0;
}
#m_left_h {
	width: 250px;
	float: left;
	background: #0C6;
}
#m_center {
	float: left;
	height: 100px;
	width: 495px;
	padding: 10px;
	background: #FFF;
}
#m_right {
	width: 234px;
	float: right;
	padding: 10px 0 10px 2px;
	clear: right;
}
.bar_title_long {
	width: 100%;
	box-sizing:border-box;
	color: #555555;
	padding:7px;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: thin solid #6cf;
	background: #F0F8FF;
}
.pk_title {
	width: 500px;
	height: 23px;
	line-height: 23px;
	padding:2px;
	padding-left: 10px;
	color: #555555;
	margin-top:6px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: thin solid #6cf;
}
.pk_com {
	width: 710px;
	line-height: 19px;
	padding: 10px;
	color: #444444;
	font-size: 14px;
	background: #FDF5E6;
	line-height: 1.7em;
}


.submit_des{
  cursor: pointer;
  position: relative;
  border: thin solid #eeeeee;
  border-radius: 5px;
  background-color: #00008b;
  color: #fff;
  padding: 10px 50px;
  font-size: 13px;
  margin-bottom:1px;
 -webkit-appearance: none;
}

.submit_des:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.submit_des:hover{
	margin-top:1px;
	margin-bottom:0px;
}

table.tab {
    width: 730px;
    border: thin #ccccff solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.tab th {
    padding: 5px;
    border: #ccccff solid;
    border-width: 0 0 thin thin;
    background: #fffff5;
    line-height: 120%;
}

table.tab td {
    padding: 5px;
    border: thin #ccccff solid;
    background: #faffff;
    border-width: 0 0 thin thin;
    padding-top:7px;
    padding-bottom:7px;
    text-align:center;
}

#m_top {
	width: 284px;
	height: 250px;
	padding: 200px 6px 10px 460px;
	clear: both;
	background: url("../image/ms/top_back.gif");
}
.info_com2 {
	width: 232px;
	border: thin solid #999;
	float: left;
	margin-bottom:4px;
}
.waku {
	width: 748px;
	float: none;
	color: #990;
	border: thin solid #ADD8E6;
}
#center_com {
	width: 500px;
	border: thin solid #999;
}
.left_com {
	padding:12px 8px;
	font-weight: normal;
	color: #333;
	clear: both;
	font-size: 13px;
	border-width: 0;
}
#white {
	height: 12px;
	width: 228px;
	float: left;
}
#white_right {
	height: 20px;
	width: 228px;
	float: right;
}
#white_c {
	height: 12px;
	clear: both;
}
.white_m {
	height: 8px;
	clear: both;
}
.pick {
	padding: 10px;
	font-size: 12px;
	color: #666;
}
.pick_mini {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
	color: #666;
}
.pick2 {
	padding: 10px;
	font-size: 12px;
	color: #666;
	line-height: 18px;
}
.lists {
	width: 500px;
	clear: both;
}
.lists dd table {
	width: 100%;
	border-collapse: collapse;
}
.lists dd {
	margin: 0;
	padding: 0;
}
.lists dd table th {
	margin: 0;
	vertical-align: top;
	width: 9em;
	padding: 7px;
	text-align: left;
	white-space: pre;
	background: #fffffc;
}
.lists dd table td {
	margin: 2px;
	vertical-align: top;
	padding: 0.25em;
	line-height: 1.2em;
}
.lists dd table th, .lists dd table td {
	border-top: thin solid #ccc;
}
.lists dd table caption.unseen {
	background: #fffffc;
}
#table {
	padding: 5px;
	color: #333;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
	background: #FFEACC;
	border-bottom: thin dotted #666;
}
#input {
	border: thin solid #000;
}
#logintb {
	background: #FFEEDF;
}
#mini_font {
	font-size: 10px;
}
.write_title, #write_title {
	width: 732px;
	padding-left: 16px;
	color: #333;
	font-size: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-repeat: repeat;
	border-bottom: thin dotted #06f;
}
#table_left {
	width: 500px;
	float: left;
}
#table_right {
	width: 228px;
	border: thin solid #999;
	float: right;
}
#myimage {
	width: 211px;
	border: thin solid #CCC;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #F5F5F5;
}
#mypage {
	width: 213px;
	border-top-width: 2px;
	border-top-style: dotted;
	border-color: #333;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	text-align: center;
	line-height: 16px;
	margin-top: 5px;
}
#mypage_f {
	width: 230px;
	border: thin solid #999;
	float: none;
	background: #F0F0F0;
	margin-bottom:6px;
}
#photo_waku {
	width: 230px;
	border: thin solid #999;
	float: none;
	height: 82px;
	background: #F0F0F0;
}
#photo_f_mini {
	width: 80px;
	height: 70px;
	border: thin solid #CCC;
	margin: 5px;
	text-align: center;
	line-height: 100%;
	float: left;
}
#photo_f_mini2 {
	width: 135px;
	height: 60px;
	float: right;
	font-size: 12px;
	color: #333;
	padding-top: 10px;
	line-height: 14px;
}
#loginform {
	color: #000;
	width: 211px;
	font-size: 10px;
	border: thin solid #CCC;
	padding-top: 2px;
	background: #EBEBEB;
}
ul, li {
	margin: 0;
	padding: 0;
}
ul.imageList li {
	float: left;
	text-align: center;
	padding-bottom: 6px;
}
li.latest {
	width: 80px;
	list-style-type: none;
}
.top_search {
	width: 280px;
	float: left;
	padding-top: 13px;
}
.top_pr {
	width: 475px;
	float: right;
	padding-top: 3px;
}
.pr_banner {
	padding: 8px;
	font-weight: normal;
	color: #333;
	clear: both;
	font-size: 12px;
	border-width: 0;
	border-bottom: 1px dotted #D3D3D3;
}
.frd1 {
	padding: 4px 8px;
	font-weight: normal;
	color: #333;
	clear: left;
	font-size: 12px;
	border-width: 0;
	border-bottom: 1px dotted #D3D3D3;
}
.right_waku {
	width: 220px;
	height: 40px;
	line-height: 24px;
	padding-left: 10px;
	color: #333;
	font-size: 12px;
	border-bottom: 1px dotted #D3D3D3;
}
.right_waku a {
	color: #333;
}
.login_top {
	width: 120px;
	height: 35px;
	line-height: 24px;
	color: #333;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 110px;
	background: #Fff url(../image/login_bk.gif);
	border-bottom: 1px dotted #D3D3D3;
}
.login_top a {
	color: #333;
}
.login_top span {
	font-weight: bold;
	padding: 0 2px;
	color: #F30;
}
.bigap span {
	padding: 0 2px;
	color: #F30;
	font: 14px "Arial Black";
}
.right_waku_mini {
	width: 220px;
	height: 23px;
	line-height: 24px;
	padding-left: 10px;
	padding-top: 5px;
	color: #333;
	font-size: 12px;
	background: #Fff url(../image/post_back.png) repeat;
	border-bottom: 1px dotted #D3D3D3;
}
.right_waku_mini a {
	color: #333;
}
.center_waku {
	width: 472px;
	height: 25px;
	line-height: 25px;
	padding-left: 28px;
	color: #333;
	font-size: 12px;
	background: #Fff;
}
.center_waku2 {
	width: 472px;
	height: 24px;
	line-height: 24px;
	padding-left: 28px;
	color: #333;
	font-size: 12px;
	background: #Fff;
}
.center_waku a, .center_waku2 a {
	color: #333;
}
#header_menu {
	height: 52px;
	text-align: center;
	float:right;
	margin-top:15px;
	width:200px;
}
#header_menu a {
	outline: none;
}
#header_menu ul {
	width: 180px;
	overflow: hidden;
	list-style-type: none;
}
#header_menu ul li {
	float: left;
	height: 20px;
	margin-top:3px;
	margin-bottom:3px;
}
#header_menu ul li a {
	display: block;
	height: 20px;
	text-decoration: none;
}

#header_menu ul li a strong, #header_menu ul li a span, #sp_menu ul li a strong, #sp_menu ul li a span {
	visibility: hidden;
}

#top {
	width: 180px;
	height: 52px;
	text-align: center;
}
#top a {
	outline: none;
}
#top ul {
	width: 180px;
	overflow: hidden;
	list-style-type: none;
}
#top ul li {
	float: left;
	height: 20px;
	margin-top:3px;
	margin-bottom:3px;
}
#top ul li a {
	display: block;
	height: 20px;
	text-decoration: none;
}
#top1 a {
	width: 180px;
	background: url("../image/top1.gif") no-repeat;
}
#top1 a:hover {
	width: 180px;
	background: url("../image/top1on.gif") no-repeat;
}
#top2 a {
	width: 180px;
	background: url("../image/top2.gif") no-repeat;
}
#top2 a:hover {
	width: 180px;
	background: url("../image/top2on.gif") no-repeat;
}

#top3 a {
	width: 180px;
	background: url("../image/icon/icon_change.gif") no-repeat;
}
#top3 a:hover {
	width: 180px;
	background: url("../image/icon/icon_change_a.gif") no-repeat;
}
#top4 a {
	width: 180px;
	background: url("../image/icon/icon_logout.gif") no-repeat;
}
#top4 a:hover {
	width: 180px;
	background: url("../image/icon/icon_logout_a.gif") no-repeat;
}

#top ul li a strong, #top ul li a span, #sp_menu ul li a strong, #sp_menu ul li a span {
	visibility: hidden;
}
div.pnavi {
	text-align: center;
	padding: 4px;
	background: #F0F8FF;
}
div.pnavi ul {
	list-style: none;
	margin: 4px;
}
div.pnavi ul li {
	display: inline;
	border: solid 1px #69c;
	font-size: 120%;
	margin-right: 3px;
	padding: 5px;
	text-align: center;
	background: #F0F8FF;
}
div.pnavi ul li.here_yl {
	color: #333;
	font-weight: bold;
	background: #ff6;
}
div.pnavi ul li a:link {
	color: #69c;
	text-decoration: none;
}
div.pnavi ul li a:visited {
	color: #69c;
	text-decoration: none;
}
div.pnavi ul li a:hover {
	text-decoration: underline;
}
div#knavi {
	clear: left;
	margin-top: 3px;
	height: 51px;
}
div#knavi ul {
	padding-left: 4px;
	margin-bottom: 0;
	list-style: none;
}
div#knavi ul li {
	float: left;
	border: thin solid #333;
	border-bottom: 0;
	margin-right: 2px;
	padding: 3px;
	padding-left:12px;
	padding-right:12px;
	text-align: center;
	background: #FFFFF0;
}
div#knavi ul li.now {
	background: #F0E68C;
}
div#knavi ul li a:link {
	color: #333;
	text-decoration: none;
}
div#knavi ul li a:visited {
	color: #333;
	text-decoration: none;
}
div#knavi ul li a:hover {
	text-decoration: underline;
}