body {  
	font-family: "M PLUS Rounded 1c", "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:12px;
    line-height: 18px;
}
#main {
	height: 480px;
	width: 630px;
}
#middle {
	width: 996px;
	height:auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#backbg {
	background-color: #FFF;
}

a:link {
	color: #06C;
	text-decoration:none;
}
a:hover {
	color: #06C;
    text-decoration:underline;
}

a:visited {
	color: #F36;
	text-decoration:none;
}
#left {
	float: left;
	width: 550px;
	padding-top: 5px;
	padding-right: 5px;
}
#middle #right h3 {
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #333;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #333;
	background-color: #9CF;
	color: #333;
	padding-left: 3px;
	display: inline;
	width: 230px;
	background-repeat: repeat-x;
}
#middle #right table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
}

#right {
	float: right;
	width: 230px;
	padding-top: 5px;
}
#header {
	height: 80px;
	width: 996px;
	padding-bottom: 5px;
}
#header_bar {
	height: 4px;
	width: 100%;
	font-size: 10px;
	color: #FFF;
	font-weight: normal;
	float: left;
	clear: none;
	text-align: right;
	white-space: normal;
	background-color: #F90;
}
#header_myp {
	background-color: #F90;
	height: 13px;
	width: 146px;
	float: right;
	text-align: center;
}


#header_left {
	float: left;
	width: 200px;
	height: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 16px;
	padding-right: 10px;
}
#wrapper {
	width: 996px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}
#sotowaku {
	width: 996px;
	background-color: #ffffff;
	border-left-width: 2px;
	border-left-color: #ffffff;
	border-left-style: solid;
}
#left_header {
	width: 542px;
	height: 52px;
	padding-top: 8px;
	padding-left: 8px;
}
#left_main {
	width: 550px;
}
#header_right {
	width: 770px;
	float: right;
	padding-top: 3px;
}
#header_right_up {
	width: 610px;
	float: right;
	height: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
#bar {
	background-color: #666;
	height: 1px;
	width: 996px;
}
#bar_title{
	width:222px;
	height:22px;
	line-height:22px;
	padding-left:10px;
	color:#FFF;
	font-size:12px;
	font-weight: bold;
	background-color: #F30;
	background-image: url(main/bar.gif);
	background-repeat: no-repeat;
}
#bar_title_left{
	width:220px;
	height:22px;
	line-height:22px;
	padding-left:10px;
	color:#333;
	font-size:12px;
	font-weight: bold;
	background-color: #999;
	background-image: url(main/bar.gif);
	background-repeat: no-repeat;
}
#footer {
	width: 100%;
	box-sizing:border-box;
	height: 100px;
	color: #333;
	font-size: 13px;
	text-align: left;
	clear: both;
	line-height: 16px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 43px;	
	background: url("https://i.grupo.jp/static/basic/footer_green.gif") no-repeat;
	background-size:996px 43px;
}
.footer_msg {
	color: #696969;
	margin:8px;
}
#m_left {
	width: 230px;
	float: left;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 0px;
	height:auto;
}
#m2_left {
	float: left;
	background-color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 750px;
	padding-right: 6px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	text-align: left;
	height:auto;
}
#m2_right {
	width: 750px;
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding: 0px;
	clear: right;
	height:auto;
	min-height:550px;
	background-color: #FFF;
}

#m_left_h {
	background-color: #0C6;
	width: 250px;
	float: left;
}

#m_center {
	float: left;
	height: 100px;
	width: 495px;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height:auto;
}
#m_right {
	width: 234px;
	float: right;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 2px;
}
#info_com {
	width: 230px;
	float: none;
	background-repeat: no-repeat;
	height: auto;
	border: thin  solid #ff9933;
	background-color: #FFEACC;
}
#info_com_left {
	width: 230px;
	float: none;
	border: thin solid #eeeeee;
	background-color:#FFF;
}
#info2_com {
	width: 748px;
	float: none;
	color: #990;
	border: thin  solid #CCC;
}
#bar_title_long{
	width:748px;
	height:23px;
	line-height:23px;
	padding-left:10px;
	color:#333333;
	font-size:12px;
	font-weight: bold;
	background-image: url(https://pitamo.jp/img/title/bar.png);
	background-repeat: no-repeat;
}
#m_top {
	width: 324px;
	height:285px;
	padding-top: 150px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 400px;
	background-image: url(https://pitamo.jp/img/topi.gif);
	clear: both;
}
#info_com2 {
	width: 232px;
	border: thin  solid #eeeeee;
	float: left;
}
#orange_waku {
	width: 748px;
	float: none;
	color: #990;
	border: thin  solid #ff9933;
}
#center_com {
	width: 500px;
	border: thin  solid #eeeeee;
}
#left_com {
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
	padding: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: normal;
	color: #333;
	clear: both;
	font-size: 13px;
	line-height:180%;
}
#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;
	line-height:180%;
}
.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; background-color:#fffffc; width:9em; padding:7px; text-align:left; white-space:pre;}
.lists dd table td{margin: 2px 2px 2px 2px; vertical-align:top; padding:0.25em;line-height:1.2em;}
.lists dd table th, .lists dd table td{border-top:1px solid #ccc}
.lists dd table caption.unseen{background-color:#fffffc}

#table {
	padding: 5px;
	color: #333;
	background-color: #FFEACC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #666;
	border-left-color: #FFF;
}
#input {
	border: thin  solid #000;
}

#table_input {
	padding-left: 5px;
	background-color: #FFF2DF;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #666;
	border-left-color: #FFF;
}
#logintb {
	background-image: url(https://pitamo.jp/img/blog/post_back.png);
}
#mini_font {
	font-size: 10px;
}
#write_title{
	width:732px;
	padding-left:16px;
	color:#333333;
	font-size:12px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ff9933;
	line-height:170%;
}
#table_left {
	width: 500px;
	float: left;
}
#table_right {
	width: 228px;
	border: thin  solid #999;
	float: right;
}
#myimage {
	width: 211px;
	background-color: #ffffff;
	border: thin  solid #eeeeee;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.submitbtn{
  position: relative;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  background-color: #3cb371;
  color: #fff;
  padding: 10px 50px;
  font-size: 13px;
  cursor: pointer;
}
.submitbtn: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);
}
#mypage {
	width: 213px;
	text-align: center;
	line-height: 16px;
	margin-top: 8px;
}
#mypage_f {
	width: 230px;
	border: thin  solid #eeeeee;
	float: none;
	background-color: #ffffff;
}
#mypage_login {
	width: 250px;
	padding:10px;
	border: thin  solid #cccccc;
	float: none;
	background-color: #ffffff;
	border-radius: 6px;
}
#photo_waku {
	width: 230px;
	border: thin  solid #eeeeee;
	float: none;
	background-color: #ffffff;
	height: 82px;
}
#photo_f_mini {
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 100%;
	float: left;
}
#photo_f_mini2 {
	width: 140px;
	height: 60px;
	float: right;
	font-size: 12px;
	color: #333;
	padding-top: 6px;
	line-height: 14px;
}
.sub_menu{
	width:220px;
	height:40px;
	line-height:24px;
	padding-left:10px;
	color:#333;
	font-size:12px;
	border-bottom-color: #D3D3D3;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	background-color: #Ffffff;
	background-image: url(https://pitamo.jp/img/blog/post_back.png);
	background-repeat: repeat;
}
#loginform {
	color: #000000;
	width: 211px;
	font-size: 10px;
	background-color: #ffffff;
	border: thin  solid #CCC;
	padding-top: 2px;
}
#menu {
width: 800px;
height: 27px;
}
#menu ul {
  width: 800px;
  overflow: hidden;
  list-style-type:none;
}

#menu ul li {
  float: left;
  width: 155px;
  height: 25px;
}
#menu ul li a {
  display: block;
  width: 155px;
  height: 25px;
  text-decoration: none;
}
#menu-info a {
  background: url("https://pitamo.jp/img/myp/menu/menu1.png") no-repeat 0 -5px;
}

#menu-profile a {
  background: url("https://pitamo.jp/img/myp/menu/menu2.png") no-repeat 0 -5px;
}
#menu-mail a {
  background: url("https://pitamo.jp/img/myp/menu/menu4.png") no-repeat 0 -5px;
}
#menu-bay a {
  background: url("https://pitamo.jp/img/myp/menu/menu3.png") no-repeat 0 -5px;
}
div.edit #menu-info a,
#menu-info a:hover {
  background: url("https://pitamo.jp/img/myp/menu/menu1p.png") no-repeat 0 -5px;
}
div.profile #menu-profile a,
#menu-profile a:hover {
  background: url("https://pitamo.jp/img/myp/menu/menu2p.png") no-repeat 0 -5px;
}
div.mail #menu-mail a,
#menu-mail a:hover {
  background: url("https://pitamo.jp/img/myp/menu/menu4p.png") no-repeat 0 -5px;
}
div.baybay #menu-bay a,
#menu-bay a:hover {
  background: url("https://pitamo.jp/img/myp/menu/menu3p.png") no-repeat 0 -5px;
}
#menu ul li a strong,
#menu ul li a span {
  visibility: hidden;
}
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: 220px;
	float: right;
	padding-top: 14px;
	padding-left: 13px;
	line-height: 15px;
	margin-left:50px;
}
.top_pr {
	width: 720px;
	float: left;
	padding-top: 3px;
}
.pr_banner {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-bottom-color: #D3D3D3;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	font-weight: normal;
	color: #333;
	clear: both;
	font-size: 12px;
}
.frd1 {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-bottom-color: #D3D3D3;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	font-weight: normal;
	color: #333;
	clear: left;
	font-size: 12px;
}
.right_waku{
	width:220px;
	height:28px;
	line-height:28px;
	padding-left:10px;
	color:#333;
	font-size:12px;
	border-bottom-color: #D3D3D3;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	background-color: #Ffffff;
	background-image: url(https://pitamo.jp/img/blog/post_back.png);
	background-repeat: repeat;
}
.right_waku a{
	color:#333;
}
.center_waku{
	width:472px;
	height:25px;
	line-height:25px;
	padding-left:28px;
	color:#333;
	font-size:12px;
	background-color: #Ffffff;
	background-image: url(https://pitamo.jp/img/top_back.png);
	background-repeat: repeat;
}
.center_waku2{
	width:472px;
	height:24px;
	line-height:24px;
	padding-left:28px;
	color:#333;
	font-size:12px;
	background-color: #Ffffff;
	background-image: url(https://pitamo.jp/img/top_back.png);
	background-repeat: repeat;
}
.center_waku a, .center_waku2 a{
	color:#333;
}
#navi_menu {
width: 999px;
height: 36px;
text-align:center;
}
#navi_menu ul {
  width: 999px;
  overflow: hidden;
  list-style-type:none;
}

#navi_menu ul li {
  float: left;
  height: 36px;
}
#navi_menu ul li a {
  display: block;
  height: 36px;
  text-decoration: none;
}
#navi_menu-myp a {
  width: 140px;
  background: url("https://pitamo.jp/img/bar1.gif") no-repeat 0 0;
}
#navi_menu-profile a {
  width: 119px;
  background: url("https://pitamo.jp/img/bar1.gif") no-repeat -140px 0;
}
#navi_menu-diary a {
  background: url("https://pitamo.jp/img/bar1.gif") no-repeat -260px 0;
  width: 119px;
}
#navi_menu-alm a {
  background: url("https://pitamo.jp/img/bar1.gif") no-repeat -380px 0;
  width: 119px;
}
#navi_menu-mail a {
  background: url("https://pitamo.jp/img/bar1.gif") no-repeat -500px 0;
  width: 119px;

}
#navi_menu-bbs a {
  background: url("https://pitamo.jp/img/bar1.gif") no-repeat -620px 0;
  width: 119px;

}
#navi_menu-check a {
  background: url("https://pitamo.jp/img/bar1.gif") no-repeat -740px 0;
  width: 119px;
}
#navi_menu-set a {
  width: 145px;
  background: url("https://pitamo.jp/img/bar1.gif") no-repeat -858px 0;
}
div.myp #navi_menu-myp a,
#navi_menu-myp a:hover {
  width: 140px;
  background: url("https://pitamo.jp/img/bar2.gif") no-repeat 0 0;
}
div.profile #navi_menu-profile a,
#navi_menu-profile a:hover {
  width: 119px;
  background: url("https://pitamo.jp/img/bar2.gif") no-repeat -140px 0;
}
div.diary #navi_menu-diary a,
#navi_menu-diary a:hover {
  width: 119px;
  background: url("https://pitamo.jp/img/bar2.gif") no-repeat -260px 0;
}
div.photo #navi_menu-alm a,
#navi_menu-alm a:hover {
  width: 119px;
  background: url("https://pitamo.jp/img/bar2.gif") no-repeat -380px 0;
}
div.mail #navi_menu-mail a,
#navi_menu-mail a:hover {
  width: 119px;
  background: url("https://pitamo.jp/img/bar2.gif") no-repeat -500px 0;
}
div.bbs #navi_menu-bbs a,
#navi_menu-bbs a:hover {
  width: 119px;
  background: url("https://pitamo.jp/img/bar2.gif") no-repeat -620px 0;
}
div.asiato #navi_menu-check a,
#navi_menu-check a:hover {
  width: 119px;
  background: url("https://pitamo.jp/img/bar2.gif") no-repeat -740px 0;
}
div.set #navi_menu-set a,
#navi_menu-set a:hover {
  width: 145px;
  background: url("https://pitamo.jp/img/bar2.gif") no-repeat -858px 0;
}
#navi_menu ul li a strong,
#navi_menu ul li a span {
  visibility: hidden;
}
#gp_footer{
	box-sizing:border-box;
  list-style-type:none;
  text-align:left;
  width:100%;
  background:#F9F9F9;
  border:1px solid #E4E4E4;
  line-height:150%;
  padding:8px;
  font-size:13px;
  margin-bottom:10px;
}
#top {
width: 180px;
height: 40px;
text-align:center;
}
#top a {
outline: none;
}
#top ul {
  width: 180px;
  overflow: hidden;
  list-style-type:none;
}
#top ul li {
  float: left;
  height: 20px;
}
#top ul li a {
  display: block;
  height: 20px;
  text-decoration: none;
}
#top1 a {
  width: 180px;
  background: url("https://pitamo.jp/img/top1.gif") no-repeat;
}
#top1 a:hover {
  width: 180px;
  background: url("https://pitamo.jp/img/top1a.gif") no-repeat;
}
#top2 a {
  width: 180px;
  background: url("https://pitamo.jp/img/top2.gif") no-repeat;
}
#top2 a:hover {
  width: 180px;
  background: url("https://pitamo.jp/img/top2a.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;
}