/* CSS Document */

/*--------------------------------------------------------------------
共通
----------------------------------------------------------------------*/
.conBox10 { margin:10px auto; text-align:center;}
.conBox10m { margin:10px auto; clear:both;}


/*必須、注釈*/
.cap{ color:#FF0000;}
.height20{ clear:both; height:20px;}
.height30{ clear:both; height:30px;}
.height50{ clear:both; height:50px;}
.pTop20{ padding-top:20px;}

/*エラー*/
ul.error01{
	color:#FFFCF7;
	width:570px;
	border:2px solid #FF3300;
	padding:10px;
	margin:10px 50px;
	list-style:none;
	background-color:#FFF0F0;
}
ul.error01 li{ color:#FF0000; line-height:1.4em;}
ul.error02{
	color:#FFFCF7;
	width:370px;
	border:2px solid #FF3300;
	padding:10px;
	margin:10px 30px;
	list-style:none;
	background-color:#FFF0F0;
}
ul.error02 li{ color:#FF0000; line-height:1.4em;}
.announce01 {
	background-color:#f2f2f2;
	border:2px solid #ccc;
	padding:10px;
	margin:10px;
}

/*注釈付き3列*/
.img3Column { margin:10px 0; clear:both;}
.img3Column li { float:left; list-style:none; margin:0 10px 20px;}
.img3Column li:last-child { margin:0 0 20px 10px;}
.img3Column li img { margin:0 0 5px 0;}
.img3Column li p { width:180px; color:#666; font-size:90%; margin:0 10px; padding:0;}

/*テーブル01（〜price、intro）*/
table.tbl01{ margin:15px 10px; border:1px solid #e5e6e6; border-collapse:collapse;}
table.tbl01 tr td{ border:1px solid #ccc; background-color:#fff; padding:5px; width:435px;}
table.tbl01 tr th{text-align:left; border:1px solid #ccc; background-color:#f6f2e7; padding:5px 10px; color:#333; width:200px;}
table.tbl01 tr th.sub{ background-color:#F9F9F9;}

.tbl01 th.profon{ height:80px; background:#f6f2e7 url(../images/parts/prof_on.gif) center right no-repeat;}
.tbl01 th.profoff{ height:80px;	background:#f6f2e7 url(../images/parts/prof_off.gif) center right no-repeat;}

/*もっと見る*/
.more {	clear:both;	text-align:right; padding:2px;}
.more2 { clear:both; text-align:right; padding:2px; margin-left:100px; margin-top:5px;}
.more3 { clear:both; text-align:right; padding:2px; margin-left:30px; margin-top:10px;}

/*--------------------------------------------------------------------
index
-----------------------------------------------------------------------*/
.top_ban { padding:10px 10px 0 0;}

/*本文タイトル*/
.ttlName { font-weight:bold;}

/*usagi*/
#usagi { margin-bottom:15px;}

/*capBox*/
#capBox { color:#FF0000; font-size:12px; padding:3px 0; margin:5px 5px 0; border:2px solid #ff0000;}

/*検索*/
#websearch { padding:10px;}
#websearch form input.inText{ width:310px; padding:5px;	background:#fff url(../images/parts/stack_pwrlogo_red.gif) right 3px no-repeat;}
#websearch form input.inBtn{ padding:3px 15px;}

/*テキストバナーエリア*/
.textBan { margin-top:2px;}
.textBan p a{ float:left; width:330px; padding:3px; display:block; text-align:left;}

/*モニター大募集！！、新着ギャラリー*/
#moniArea{ width:700px;}
#moniArea ul li{ float:left; width:224px; margin:10px 4px; font-weight:bold;}
#moniArea ul li img { border:1px solid #fff;
  box-shadow: rgba(189, 189, 189, 0.34902) 0px 0px 6px 3px;
  -webkit-box-shadow: rgba(189, 189, 189, 0.34902) 0px 0px 6px 3px;
  -moz-box-shadow: rgba(189, 189, 189, 0.34902) 0px 0px 6px 3px;}
#moniArea ul li span { font-size:80%; color:#ff0000;}

#newGallery{ width:700px; background-color:#FFFFCC;}
#newGallery ul li{ float:left; width:168px; padding-top:10px; padding-left:5px;}
#monitorArea ul li a,#newGallery ul li a{ display:block;}


/*新着画像、人気画像ランキング、ギャラリー検索一覧*/
#pickupGallery,#PopularGallery,#gallList{ width:700px; background-color:#fff;}
#pickupGallery { position:relative; margin-bottom:60px;}
#pickupGallery ul li,#PopularGallery ul li,#gallList ul li{	float:left;	width:168px; padding-top:10px; padding-left:5px;}
#pickupGallery ul li a,#PopularGallery ul li a,#gallList ul li a{display:block;}
#pickupGallery ul li p.bravo,#PopularGallery ul li p.bravo,#gallList ul li p.bravo,#sideContents ul li p.bravo{
	width:78px;
	text-align:center;
	font-size:14px;
	background:url(../images/parts/icon_bravo.jpg) 75px 6px no-repeat;
	padding-left:90px;
}

/*プロフィール、ブログ、サークル検索ピックアップ*/
#pickList{ width:700px; margin-bottom:20px; margin-top:15px;}
#pickList ul li{ float:left; width:150px; padding:2px 7px 7px 7px; margin-right:7px; text-align:center; border-color:#D73507; border-width:1px; border-style:solid;}
#pickList ul li a{ display:block;}

/*ギャラリー*/
#rePhoto{ float:left;}
#rePhoto ul li{ width:115px; height:120px; float:left; padding-left:10px; margin-left:10px; margin-bottom:5px; font-size:12px;}
#nexPhoto{ float:right;	text-align:right;}
#bravo{ font-size:140%;	font-weight:bold; color:#FF0000; background:url(../images/parts/icon_bravo.jpg) 0 3px no-repeat; padding-left:30px;}
#comme{ font-size:140%;	font-weight:bold; color:#FF0000; background:url(../images/parts/icon_gcomm.gif) 0 1px no-repeat; padding-left:30px;}
#commeno{ font-size:85%; color:#FF0000; background:url(../images/parts/icon_gcomm.gif) 0 1px no-repeat; padding-left:30px;}


            
/* ギャラリー星評価　jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating
{
  cursor: pointer;
  margin: 2em;
  clear: both;
  display: block;
}
div.rating:after
{
  content: '.';
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden;
}
div.cancel, div.star
{
  float: left;
  width: 17px;
  height: 15px;
  text-indent: -999em;
  cursor: pointer;
  display: block;
  background: transparent;
  overflow: hidden;
}
div.cancel, div.cancel a
{
  background: url('delete.gif') no-repeat 0 -16px;
}
div.star, div.star a
{
  background: url('star.gif') no-repeat 0 0px;
}
div.cancel a, div.star a
{
  display: block;
  width: 16px;
  height: 100%;
  background-position: 0 0px;
  border: 1 solid #FF0000;
}
div.star_on a
{
  background-position: 0 -16px !important;
}
div.star_hover a, div.star_live a:hover
{
  background-position: 0 -32px;
}
/* Read Only CSS */
div.star_readonly a, div.star_readonly a:hover
{
  cursor: default !important;
}
/* Partial Star CSS */
div.star
{
  background: transparent !important;
  overflow: hidden !important;
}
/* END jQuery.Rating Plugin CSS */
          

/*ピックアップ（ギャラリー）*/
#pickupGallery ul.monthly li{
	float:left;
	width:318px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:10px;
	margin:10px 10px 0 0;
}
#pickupGallery ul.monthly li img{ float:left; padding-bottom:10px;}
#pickupGallery ul.monthly li dl{ float:left; padding-left:5px; padding-bottom:10px;	width:140px;}
#pickupGallery ul.monthly li dl dt{	font-weight:bold;}
#pickupGallery ul.monthly li p.guide{ clear:both; background-color:#F9F9F9;	padding:5px;}
#pickupGallery ul.monthly li { height:370px;}

/*newBravo*/
#newBravo dl{ padding:5px 0px; width:310px;}
#newBravo dl dt { float:left; width:90px; color:#333; font-weight:bold;	margin:4px 10px 0 5px;}
#newBravo dl dd { float:left; width:200px; margin:4px 0 0 5px;}
#newBravo dl dd a,#newBravo dl dd a:hover,#newBravo dl dd a:visited{ display:block;}

/*新着ブログ、新着ギャラリー、新着プロフィール、新着相談室、新着サークル*/
#newBlog,#newBlog2,#newConsul,#newCircle2 { margin-right:10px;}
#newProf,#newProf2,#searchBox01,#newConsul,#newCircle,#newCircle2,#hitCircle{ float:left; width:340px; background-color:#fff;}

#newCircle2,#hitCircle { position:relative; margin-bottom:60px;}

#newBlog{
	float:left;
	width:334px;
	position:relative;
	margin-bottom:60px;
	background-color:#fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

#newBlog ul li,#newBlog2 ul li,#newProf ul li,#newProf2 ul li,#newConsul ul li,#newCircle ul li,#newCircle2 ul li,#hitCircle ul li{
	margin-bottom:3px;
	padding:0 5px 5px 0;
	border-bottom:dotted 1px #666;
}
#newBlog ul li,#newCircle ul li,#newCircle2 ul li,#hitCircle ul li,#newProf ul li,#newProf2 ul li{ background:url(../images/common/icon_next.gif) 310px center no-repeat;}


#newProfBox{ width:700px; background:#fff;}

/*dottoなし*/
#newProf ul li.last,#newConsul ul li.last,#newCircle ul li.last{
	margin-bottom:3px;
	padding:0 5px 5px 0;
	border-bottom:dotted 1px #fff;
}
#newBlog ul li img,#newProf ul li img,#newCircle ul li img,#newCircle2 ul li img,#hitCircle ul li img{
	float:left;
	width:60px;
	padding:0 5px;
}
#newBlog ul li img.ban{
	width:103px;
}
#newBlog ul li p,#newProf ul li p,#newCircle ul li p,#newCircle2 ul li p,#hitCircle ul li p{ float:left;}

/*トップ新着ブログ*/
#newBlog2 { float:left; width:310px; position:relative; margin-bottom:60px;}
#newBlog2 ul li dl dt{ float:left; width:50px; font-size:14px;}
#newBlog2 ul li dl dd{ float:left; width:230px;}
#newBlog2 ul li dl dd span { font-size:85%; line-height:1.2em; display:block; text-align:right;}


/*新着ギャラリー*/
#newGallery2 { float:left; width:360px; position:relative; margin-bottom:60px;}
#newGallery2 ul li{ float:left; width:170px; margin:5px;}
#newGallery2 ul li img { border:1px solid #fff;
  box-shadow: rgba(189, 189, 189, 0.34902) 0px 0px 6px 3px;
  -webkit-box-shadow: rgba(189, 189, 189, 0.34902) 0px 0px 6px 3px;
  -moz-box-shadow: rgba(189, 189, 189, 0.34902) 0px 0px 6px 3px;}
#newGallery2 ul li span { font-size:14px;}


.readMore { position:absolute; bottom:-60px; width:100%; line-height:2em; margin:15px 0; text-shadow: 1px 1px 1px #fff; border:1px solid #fff; outline:1px dotted #999;}
.readMore a { color:#000; text-decoration:none; text-align:center; display:block; background:#D9CBA8;} /*#E1DECD*/
.readMore a:hover{ background:#CFC4B2;} /*#C7C1A5*/
.readMore img { vertical-align:middle;}

#newBlog ul.searchList01 li,#newGallery2 ul.searchList01 li { float:none; width:auto; display:inline; margin-right:10px; padding:0; border-bottom:none; background:none;}
#searchBox01 { padding-left:20px;}
#searchBox01 input.textBox200 { font-size:120%; width:230px; margin:5px 10px; padding:3px; background:#FFFFCC;}

/*（新着プロフィール only）*/
#newProf ul li p.profDate{ text-align:right; width:260px;}

/*トップページテキスト広告*/
#topad { margin-right:10px; margin-bottom:15px;}
#topad { float:left; width:690px; background-color:#fff;}
#topad ul li{ margin-bottom:3px; padding:0 5px 5px 0; border-bottom:dotted 1px #666;}
#topad ul li{	background:url(../images/common/icon_next.gif) 670px center no-repeat;}

/*dottoなし*/
#topad ul li.last{
	margin-bottom:3px;
	padding:0 5px 5px 0;
	border-bottom:dotted 1px #fff;
}
#topad ul li img{
	float:left;
	width:60px;
	padding:0 5px;
}
#topad ul li p{ float:left;}


/*新着ブログ記事*/
#newBlog03{	float:left;	width:340px; background-color:#fff; position:relative; margin-bottom:60px;}
#newBlog03 ul li{ margin-bottom:3px; padding:0 5px 5px 0; border-bottom:dotted 1px #666;}
#newBlog03 ul li p{	float:left;	width:250px;}
#newBlog03 ul li p.blogDate{ text-align:right; width:80px;}

/*新着ブログ02*/
/* 20121205　使ってないと思われたので削除 使ってたので、20130110復活*/
#newBlog02{ position:relative; width:440px; background-color:#fff;	padding:10px 5px 5px; margin-bottom:60px;}
#newBlog02 ul li{ margin-bottom:3px; padding:0 5px 5px 0; border-bottom:dotted 1px #666;}
#newBlog02 ul li{ background:url(../images/common/icon_next.gif) 425px center no-repeat;}
#newBlog02 ul li p{	width:420px;}


/*スクロールエリア共通★*/
#infoArea_consult { position:relative; margin-bottom:60px;}
#newConsul dl,#infoArea dl,#infoArea_consult dl{
	margin-bottom:10px;
	background-color:#fff;
	overflow:auto;
	overflow-x: hidden;
	overflow-y:auto;
	scrollbar-track-color:white;
	scrollbar-face-color:333;
	scrollbar-arrow-color:#cccccc;
	scrollbar-shadow-color:#cccccc;
	scrollbar-highlight-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-3dlight-color:#cccccc; 
}

/*（新着相談室 only）★*/
#newConsul dl{
	width:320px;
	padding:5px 0px 10px;
}
#newConsul dl dt { float:left; width:150px; color:#333; margin:4px 3px 0 5px;}
#newConsul dl dt.red { float:left; width:150px; color:#FF0000; margin:4px 3px 0 5px;}
#newConsul dl dd { float:left; width:150px;	margin:4px 0 0 2px;}
#newConsul dl dd a,#newConsul dl dd a:hover,#newConsul dl dd a:visited{ display:block;}

/*お知らせ★*/
#infoArea dl{
	padding:5px 10px 10px;
	width:680px;
	height:400px;
}
#infoArea dl dt { float:left; width:110px; color:#333; font-weight:bold; padding-bottom:5px; margin:4px 10px 5px 5px;}
#infoArea dl dd { float:left; width:510px; padding-bottom:5px; margin:4px 10px 5px 5px; border-bottom:1px dotted #ccc;}
#infoArea dl dd a,#infoArea dl dd a:hover,#infoArea dl dd a:visited{ display:block;}

/*相談★*/
#infoArea_consult dl{
	padding:5px 10px 10px;
	width:680px;
	height:250px;
}
#infoArea_consult dl dt { float:left; width:180px; color:#333; font-weight:bold; margin:4px 10px 0 5px;}
#infoArea_consult dl dt.red { float:left; width:180px; color:#FF0000; font-weight:bold;	margin:4px 10px 0 5px;}
#infoArea_consult dl dd { float:left; width:440px; margin:4px 10px 3px 5px;}
#infoArea_consult dl dd a,#infoArea dl dd a:hover,#infoArea dl dd a:visited{ display:block;}

/*--------------------------------------------------------------------
mypage（マイページ）
-----------------------------------------------------------------------*/
#mainPhoto {
	padding:5px;
	width:220px;
	background-color:#fff;
	margin-bottom:10px;
}
#blogRunk{
	background:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	width:210px;
	padding:0 9px 5px;
}
#blogRunk dl dt{
	float:left;
	width:110px;
}
#blogRunk dl dd{
	float:left;
	text-align:right;
	width:100px;
}
/*サークルデータ*/
#circleData {
	background:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	width:210px;
	padding:0 9px 5px;
}
#circleData dl dt{
	float:left;
	width:90px;
}
#circleData dl dd{
	float:left;
	width:120px;
}
/*参加者の多いサークル*/
#manyJoin_circle { position:relative; margin-bottom:60px;}

/*足跡履歴*/
#peta{
	position:relative;
	margin-bottom:60px;
	padding:5px;
	width:220px;
	background-color:#fff;
}
#peta dl dt .petaDate{
	color:#666;
	letter-spacing:-1px;
	font-weight:bold;
}
#peta dl dd a,#peta dl dd a:hover,#peta dl dd a:visited{display:block;}

/*スクロールエリア共通（マイページ）*/
#myinfoArea2 ul,#myinfoad ul,#blognewsArea ul,#blogcomArea ul{
	margin-bottom:10px;
	padding:5px 10px 10px;
	width:440px;
	background-color:#fff;
	overflow:auto;
	overflow-x: hidden;
	overflow-y:auto;
	scrollbar-track-color:white;
	scrollbar-face-color:333;
	scrollbar-arrow-color:#cccccc;
	scrollbar-shadow-color:#cccccc;
	scrollbar-highlight-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-3dlight-color:#cccccc; 
}

/*お知らせ*/
#myinfoArea2 ul{ height:170px;}
#myinfoArea2 ul li{ margin-bottom:4px; border-bottom:1px dotted #666666; padding-bottom:2px; margin-top:2px;}
#myinfoArea2 ul li a,#myinfoArea2 ul li a:hover,#myinfoArea2 ul li a:visited{display:block;}

/*マイページテキスト広告*/
#myinfoad ul li{ margin-bottom:4px; border-bottom:1px dotted #666666; padding-bottom:2px; margin-top:2px;}
#myinfoad ul li a,#myinfoad ul li a:hover,#myinfoad ul li a:visited{display:block;}


/*ブログ記事*/
#blognewsArea,#blognewsArea_no { position:relative; margin-bottom:60px;}
#blognewsArea ul { max-height:255px;}
#blognewsArea ul li{ margin-bottom:4px;}
#blognewsArea ul li dl dt{ float:left; width:235px;}
#blognewsArea ul li dl dd{ float:left; width:185px; text-align:right;}

#blognewsArea_no ul { max-height:255px;}
#blognewsArea_no ul li{ margin-bottom:4px;}
#blognewsArea_no ul li dl dt{ float:left; width:410px;}


/*ブログコメント*/
#blogcomArea { position:relative; margin-bottom:60px;}
#blogcomArea ul { max-height:255px;}
#blogcomArea ul li{ margin-bottom:4px;}
#blogcomArea ul li dl dt{ float:left; width:180px;}
#blogcomArea ul li dl dd{ float:left; width:240px; text-align:right;}

/*ブログ画像*/
#blogImgList li { float:left; width:150px; margin-right:3px;}
#blogImgList li p{ padding:5px;}
#blogImgList img { padding:4px; border:1px solid #ccc; background:#fff;}
#blogImgList li input{ margin:5px; padding:0 5px;}
#blogPhotoList{ float:left;}
#blogPhotoList ul li{ width:145px; float:left; padding-left:3px; margin-left:3px; margin-bottom:5px;}


/*ブログの掲載画像一覧*/
#blogImgGall li { float:left; width:160px; height:160px; margin-right:5px; margin-left:5px; margin-bottom:5px;}
#blogImgGall li p{ padding:5px;}
#blogImgGall img { padding:4px; border:1px solid #ccc; background:#fff;}
#blogImgGall li input{ margin:5px; padding:0 5px;}

/*誕生日メンバー*/
#birthdayArea { position:relative; margin-bottom:60px;}
#birthdayArea ul{
	margin-bottom:10px;
	padding:5px 10px 10px;
	width:440px;
	background-color:#fff;
	overflow-x: hidden;
	overflow-y:auto;
	scrollbar-track-color:white;
	scrollbar-face-color:333;
	scrollbar-arrow-color:#cccccc;
	scrollbar-shadow-color:#cccccc;
	scrollbar-highlight-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-3dlight-color:#cccccc; 
}
#birthdayArea ul li{
	float:left;
	margin-bottom:4px;
	width:220px;
}
#birthdayArea ul li a,#myinfoArea2 ul li a:hover,#myinfoArea2 ul li a:visited{display:block;}


/*お知らせ、メンバー相談室、最新の質問、トピック*/
#myinfoArea,#myConsul dl{
	margin-bottom:10px;
	padding:5px 10px 10px;
	width:440px;
	height:150px;
	background-color:#fff;
	overflow:auto;
	overflow-x: hidden;
	overflow-y:auto;
	scrollbar-track-color:white;
	scrollbar-face-color:333;
	scrollbar-arrow-color:#cccccc;
	scrollbar-shadow-color:#cccccc;
	scrollbar-highlight-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-3dlight-color:#cccccc; 
}
#newTopic { position:relative; margin-bottom:60px;}

#myinfoArea dl dt,#myConsul dl dt,#newAsk dl dt,#newTopic dl dt {
	float:left;
	width:90px;
	color:#333;
	font-weight:bold;
	margin:4px 10px 0 5px;
}
#myinfoArea dl dd,#myConsul dl dd,#newAsk dl dd,#newTopic dl dd  {
	float:left;
	width:310px;
	margin:4px 0 0 5px;
}
#myinfoArea dl dd a,#myinfoArea dl dd a:hover,#myinfoArea dl dd a:visited{display:block;}
#myConsul dl dd a,#myConsul dl dd a:hover,#myConsul dl dd a:visited{display:block;}
#newAsk dl dd a,#newAsk dl dd a:hover,#newAsk dl dd a:visited{display:block;}
#newTopic dl dd a,#newTopic dl dd a:hover,#newTopic dl dd a:visited{display:block;}

/*ギャラリーに掲載中の画像、お気に入りメンバー、最新の質問*/
#myGallery,#myMember,#myCircle,#newAsk{
	background-color:#fff;
	padding:10px 10px 5px 0;
	width:440px;
}
#myGallery { position:relative; margin-bottom:60px;}
#myCircle { position:relative; margin-bottom:60px;}
#myGallery dl dt{
	float:left;
	width:320px;
	font-weight:bold;
	font-size:120%;
	padding:0 10px 2px 0;
	margin-bottom:2px;
	border-bottom:dotted 1px #666;
}
#myGallery dl dt img,#myMember ul li img,#myCircle ul li img{
	float:left;
	width:60px;
	padding-right:5px;
}
#myGallery dl dt p{
	float:left;
	width:255px;
}
#myGallery dl dd{
	float:left;
	width:80px;
	font-size:14px;
	background:url(../images/parts/icon_bravo.jpg) 0 10px no-repeat;
	padding:6px 0 0 30px;
}
#myGallery dl dt a,#myGallery dl dt a:hover,#myGallery dl dt a:visited{display:block;}

/*お気に入りメンバー、参加サークル*/
#myMember ul li,#myCircle ul li{
	font-weight:bold;
	font-size:120%;
	border-bottom:dotted 1px #666;
	margin-bottom:2px;
	padding-bottom:2px;
	background:url(../images/common/icon_next.gif) 425px center no-repeat;
}
#myMember ul li p,#myCircle ul li p{
	float:left;
	width:360px;
}
#myMember ul li a,#myMember ul li a:hover,#myMember ul li a:visited{display:block;}
#myCircle ul li a,#myCircle ul li a:hover,#myCircle ul li a:visited{display:block;}

/*プロフィール（テーブル02）*/
#myprofArea table.tbl02{
	margin-bottom:15px;
	border:1px solid #e5e6e6;
	border-collapse:collapse;
}
table.tbl02 tr td{
	border:1px solid #ccc;
	background-color:#fff;
	padding:5px;
	width:245px;
}
table.tbl02 tr th{
	text-align:left;
	border:1px solid #ccc;
	background-color:#f6f2e7;
	padding:5px 10px;
	color:#333;
	width:170px;
}
table.tbl01 tr th.sub{
	background-color:#F9F9F9;
}

#detailSearchTxt {
	width:450px;
	margin-left:250px;
}


/*メールフォルダ*/
#mailfolder ul {
	background-color:#fff;
	padding:10px;
}
#mailfolder ul li{
	font-size:120%;
	height:30px;
	padding:1px 0 3px 35px;
}
#mailfolder ul li#mail01{background:url(../images/parts/icon_mail01.gif) 0 0 no-repeat; font-weight:bold;}
#mailfolder ul li#mail02{background:url(../images/parts/icon_mail02.gif) 0 0 no-repeat;}
#mailfolder ul li#mail03{background:url(../images/parts/icon_mail03.gif) 0 0 no-repeat;}
#mailfolder ul li#mail01 a,#mailfolder ul li#mail01 a:hover,#mailfolder ul li#mail01 a:visited{display:block;border:1px solid #fff;text-decoration:none; color:#333399;}
#mailfolder ul li#mail02 a,#mailfolder ul li#mail02 a:hover,#mailfolder ul li#mail02 a:visited{display:block;border:1px solid #fff;text-decoration:none; color:#333399;}
#mailfolder ul li#mail03 a,#mailfolder ul li#mail03 a:hover,#mailfolder ul li#mail03 a:visited{display:block;border:1px solid #fff;text-decoration:none; color:#333399;}
#mailfolder ul li#mail01 a:hover{background-color:#EEFCFF;border:1px solid #ccc;text-decoration:underline;}
#mailfolder ul li#mail02 a:hover{background-color:#EEFCFF;border:1px solid #ccc;text-decoration:underline;}
#mailfolder ul li#mail03 a:hover{background-color:#EEFCFF;border:1px solid #ccc;text-decoration:underline;}
/*該当ページ*/
#mailfolder ul li.active a,#mailfolder ul li.active a:hover,#mailfolder ul li.active a:visited{background-color:#EEFCFF;border:1px solid #ccc;text-decoration:underline;}

/*blogSide*/
#blogSide ul {
	background-color:#fff;
	padding:10px;
}
#blogSide ul li{
	font-size:110%;
	height:30px;
	padding:1px 0 3px 35px;
}
#blogSide ul li#blog01 { background:url(../images/parts/icon_blog01.gif) 0 0 no-repeat;}
#blogSide ul li#blog02 { background:url(../images/parts/icon_blog02.gif) 0 0 no-repeat;}
#blogSide ul li#blog03 { background:url(../images/parts/icon_blog03.gif) 0 0 no-repeat;}
#blogSide ul li#blog04 { background:url(../images/parts/icon_blog04.gif) 0 0 no-repeat;}
#blogSide ul li#blog05 { background:url(../images/parts/icon_blog05.gif) 0 0 no-repeat;}
#blogSide ul li#blog06 { background:url(../images/parts/icon_blog06.gif) 0 0 no-repeat;}

/*blogMenu*/
#blogMenu { background:#fff; padding:5px;}

/*calBox*/
#calBox { margin-left:10px;}

/*blogBody*/
#blogBody {
	background-color:#fff;
	padding:10px;
	border-color:#999933;
	border-width:1px;
	border-style:solid;}
.dataBox { font-size:14px; letter-spacing:0.1em; margin:10px 0;}
.blogmain { font-size:14px; letter-spacing:0.1em;}
.blogmainImg { float:left; margin:10px;}

#blogBodyclose {
	background-color:#fff;
	padding:10px;
	border-color:#FF0000;
	border-width:2px;
	border-style:solid;}
.dataBox { font-size:14px; letter-spacing:0.1em; margin:10px 0;}
.blogmain { font-size:14px; letter-spacing:0.1em;}


/*blogGoogle*/
#blogGoogle {
	width:460px;
	background-color:#F8F7EF;
	margin-top:15px;}

/*blogRes*/
.blogRes { margin:10px 0 20px 20px; padding-left:10px; border-left:3px solid #99CC99;}
div.blogRes p.blogDate { text-align:right; color:#999;}
div.blogRes div.thank { border:1px dotted #ccc; margin:5px; padding:5px; background:#FFFFCC;}

/*gallRes*/
.gallRes { margin-left:auto; margin-right:auto; margin-bottom:20px; margin-top:10px; padding-left:10px; border-left:3px solid #99CC99; border-bottom:1px solid #99CC99;  width:500px;}
div.gallRes p.gallDate { text-align:right; color:#999;}
div.gallRes div.thank { border:1px dotted #ccc; margin:5px; padding:5px; background:#FFFFCC;}


/*★tableベース★*/
/*table.tbl03,table.tbl04,table.tbl05,table.tbl06,table.tbl07{ margin-bottom:15px; border-collapse:collapse;}
*/
table.tbl03,table.tbl04,table.tbl05,table.tbl06,table.tbl07{ margin-bottom:0px; border-collapse:collapse;}
table.tbl03 tr td,table.tbl04 tr td,table.tbl05 tr td,table.tbl06 tr td{ background-color:#fff; padding:5px;}
table.tbl03 tr th,table.tbl04 tr th,table.tbl05 tr th,table.tbl06 tr th{ text-align:left; padding:5px 10px;}

/*メールボックス（テーブル03）*/
table.tbl03{ margin:5px 0; border:1px solid #e5e6e6;}
table.tbl03 tr td{ border:1px solid #ccc;}
table.tbl03 tr th{ border:1px solid #ccc; background-color:#f6f2e7;	color:#333;}

/*ギャラリーボックス（テーブル04）*/
table.tbl04{ border:1px solid #FFCC99;}
table.tbl04 tr td{ border:1px solid #FFCC99;}
table.tbl04 tr th{ border:1px solid #FFCC99; background-color:#FFE6BF; color:#333;}
table.tbl04 tr th.icon{	background-color:#FFF; text-align:center;}

/*質問ナンバー*/
.write_nun {
	text-align:right;
	width:700px;
	font-size:14px;
	font-weight:bold;
	color:#663300;
}

/*コメントボックス（テーブル05）*/
table.tbl05{ border:1px solid #99CC66;}
table.tbl05 tr td{ border:1px solid #99CC66;}
table.tbl05 tr th{ width:100px;	border:1px solid #99CC66; background-color:#F0FDE1;	color:#333;}
table.tbl05 tr th.thank{ background-color:#F8FEAB;}

/*コメントボックス（テーブル06）*/
table.tbl06{ border:1px solid #CC99CC;}
table.tbl06 tr td{ border:1px solid #CC99CC;}
table.tbl06 tr th{ border:1px solid #CC99CC; background-color:#F4DFFF; color:#333;}
table.tbl06 tr th.thank{ background-color:#F8FEAB;}

/*カレンダー（テーブル07）*/
table.tbl07{ margin:5px 0; border:1px solid #e5e6e6;}
table.tbl07 tr th{ border:1px solid #ccc; text-align:center; font-size:120%; width:126px; padding:5px 2px; background:#F3F3F3; color:#666;}
table.tbl07 tr th.sun{ background:#FFF0FD; color:#FF6666;}
table.tbl07 tr th.sat{ background:#EEFFFF; color:#0099CC;}

table.tbl07 tr td{ border:1px solid #ccc; padding-left:4px; background:#fff; color:#666; vertical-align:top;}

table.tbl07 tr td p { font-weight:bold; text-align:center; width:27px; background:url(../images/parts/icon_cal02.gif) 0 center no-repeat;}
table.tbl07 tr td p.sun{ background:#fff url(../images/parts/icon_cal01.gif) 0 center no-repeat; color:#FF6666;}
table.tbl07 tr td p.sat{ background:#fff url(../images/parts/icon_cal03.gif) 0 center no-repeat; color:#0099CC;}
 
table.tbl07 tr td p.ttl {font-weight:normal; text-align:left; width:auto; background:none;}

#cal_link p{ font-size:120%; font-weight:bold; margin:0 10px 10px;}
#cal_link p#bef_cal { float:left;}
#cal_link p#nex_cal { float:right;}

/*回答ナンバー*/
.com_nun {
	text-align:right;
	width:700px;
	font-size:14px;
	font-weight:bold;
	color:#336600;
}

table.tbl01 tr th.sub{
	background-color:#F9F9F9;
}

/*削除ボタン*/
#deletArea01 {
	padding:5px;
}

/*ページャー*/
div.pager {
	clear:both;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	padding:0 10px;
	margin-bottom:10px;
}
div.pager p {
	text-align:right;
	padding:2px 0;
}
div.pager ul {
	background:#f2f2f2;
	padding:2px;
}
div.pager ul li{
	display:inline;
	padding:0px 5px;
	border-right:1px solid #333;
}
/*ソート*/
#sort {
	margin-left:20px;
}
#sort li{
	font-size:14px;
	display:inline;
	margin-right:10px;
}
#sort li a{ background-color:#FFFCEE; text-decoration:none;}
#sort li a:hover{ background-color:#FFFCEE; text-decoration:none;}
#sort li a:visited{ background-color:#FFFCEE; text-decoration:none;}

/*トピックカテゴリー*/
ul#topicSearch{
	width:700px;
	background-color:#fff;
	text-align:center;
}
ul#topicSearch li {
	float:left;
	font-weight:bold;
	display:block;
	width:130px;
	margin:5px;
	padding:15px 0;
}


/*-----------------------------------------------------------------------
ページindex
-------------------------------------------------------------------------*/
/*コメント*/
#commentArea {
	border:3px solid #ccc;
	width:674px;
	padding:10px;
	margin-bottom:10px;
	background-color:#fff;
}
#commentArea02 {
	border:3px solid #ccc;
	width:434px;
	padding:10px;
	margin-bottom:10px;
	background-color:#fff;
}
#commentArea03 {
	border:3px solid #ccc;
	width:674px;
	padding:10px;
	margin:10px 0;
	background-color:#fff;
}

/*検索する*/
#searchArea {
	background:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	width:440px;
	padding:0 9px;
}
#searchArea textarea{
	border:1px solid #333;
	background-color:#FFFFCC;
	height:40px;
	width:438px;
	color:#666;
	font-size:120%;
	margin:5px 0;
	overflow:hidden;
}
#searchArea form p#helpSearch {
	float:left;
	width:290px;
	padding-right:6px;
}
/*質問する*/
ul#askArea li{
	padding:10px;
}
ul#askArea li input{
	margin-top:20px;
	margin-left:10px;
}
/*質問する02*/
#askArea02{
	background:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	width:210px;
	padding:0 9px 5px;
}
#askArea02 p#helpAsk {
	padding:0;
	font-size:14px;
}

/*最新検索ランキング*/
#newRank{
	padding:5px;
	width:220px;
	background-color:#fff;
	font-size:120%;
	font-weight:bold;
}
#newRank ul li a{
	padding-left:30px;
	margin-bottom:10px;
}
#newRank ul li#rank01 {background:url(../images/parts/icon_rank01.gif) 4px 7px no-repeat;}
#newRank ul li#rank02 {background:url(../images/parts/icon_rank02.gif) 4px 7px no-repeat;}
#newRank ul li#rank03 {background:url(../images/parts/icon_rank03.gif) 4px 7px no-repeat;}
#newRank ul li#rank04 {background:url(../images/parts/icon_rank04.gif) 4px 7px no-repeat;}
#newRank ul li#rank05 {background:url(../images/parts/icon_rank05.gif) 4px 7px no-repeat;}
#newRank ul li a,#newRank ul li a:hover,#newRank ul li a:visited{display:block;}

/*ランキング一覧*/
.rankno1 {font-size:26px;font-weight:bold;color:#CCCC00;}
.rankno2 {font-size:26px;font-weight:bold;color:#666666;}
.rankno3 {font-size:26px;font-weight:bold;color:#993300;}
.rankno {font-size:26px;font-weight:bold; color:#339999;}


/*ジャンルから質問を捜す*/
#genreSearch {
	width:680px;
	padding:10px;
	background:url(../images/parts/cate_bg.gif) 0 0 repeat-y;
}
#genreSearch ul li{
	float:left;
	width:160px;
	height:80px;
	line-height:1.2em;
	padding:5px 0 10px 50px;
	margin:0 10px 0 5px;
	border-top:1px dashed #e5e5e5;
}
#genreSearch ul li.top{
	border-top:1px dashed #fff;
}
#genreSearch ul li#genre01{background:url(../images/parts/icon_cate01.gif) 5px 5px no-repeat;}
#genreSearch ul li#genre02{background:url(../images/parts/icon_cate02.gif) 5px 5px no-repeat;}
#genreSearch ul li#genre03{background:url(../images/parts/icon_cate03.gif) 5px 5px no-repeat;}
#genreSearch ul li#genre04{background:url(../images/parts/icon_cate04.gif) 5px 5px no-repeat;}
#genreSearch ul li#genre05{background:url(../images/parts/icon_cate05.gif) 5px 5px no-repeat;}
#genreSearch ul li#genre06{background:url(../images/parts/icon_cate06.gif) 5px 5px no-repeat;}
#genreSearch ul li#genre07{background:url(../images/parts/icon_cate07.gif) 5px 5px no-repeat;}
#genreSearch ul li#genre08{background:url(../images/parts/icon_cate08.gif) 5px 5px no-repeat;}
#genreSearch ul li#genre09{background:url(../images/parts/icon_cate09.gif) 5px 5px no-repeat;}
#genreSearch ul li p.ttlName {
	font-weight:bold;
	font-size:120%;
	line-height:1.4em;
}
#genreSearch ul li p.subName {
	font-size:12px;
}
#genreSearch ul li a,#genreSearch ul li a:hover,#genreSearch ul li a:visited{display:block;}

/*ギャラリーカテゴリ*/
#galCateBox { padding:10px; background:#fff;}
#galCate li{ font-weight:bold; margin-top:10px;}
#galCate li ul { margin-left:20px;}
#galCate li ul li { float:left; display:block; font-size:90%; font-weight:normal; margin:5px 0 0 5px; padding-left:15px; background:url(../images/common/icon_next.gif) 0 5px no-repeat;}

/*過去の質問エリア*/
#pastArea {
	width:440px;
	text-align:center;
	margin:10px;
	font-weight:bold;
}

/*興味のあるカテゴリ*/
table#searchTbl tr td ul#cateList li{ width:170px;}

/*検索エリア*/
table#searchTbl tr td ul li{
	display:block;
	float:left;
	width:100px;
	padding-right:5px;
}

/*ログインしていない場合　左230px　右460px*/
#limitArea01 {
	width:184px;
	padding:50px 20px;
	background-color:#FEFFF4;
	border:3px solid #ccc;
}
#limitArea02 {
	width:414px;
	padding:50px 20px;
	background-color:#FEFFF4;
	border:3px solid #ccc;
}



/*--------------------------------------------------------------------
登録フォーム
-----------------------------------------------------------------------*/
/*ステップ*/
#step {
	text-align:center;
	width:700px;
	padding:15px 0;
	margin-bottom:5px;
	background-color:#fff;
}

/*入力フォーム幅（Textフィールド）*/
.textBox100 {
	color:#333;
	width:100px;
	height:24px;
	font-size:120%;
}
.textBox170 {
	color:#333;
	width:170px;
	height:24px;
	font-size:120%;
}
.textBox200 {
	color:#333;
	width:200px;
	height:24px;
	font-size:120%;
}
.textBox240 {
	color:#333;
	width:240px;
	height:24px;
	font-size:120%;
}
.textBox350 {
	color:#333;
	width:350px;
	height:24px;
	font-size:120%;
	margin:5px 0;
}
.areaBox400 {
	color:#333;
	width:400px;
	font-size:120%;
}
.areaBox430 {
	color:#333;
	width:430px;
	font-size:120%;
}
.areaBox500 {
	color:#333;
	width:500px;
	font-size:120%;
}

.areaBox600 {
	color:#333;
	width:600px;
	font-size:120%;
}
/*「興味のあるジャンル」*/
ul#genreArea li {
	width:415px;
	padding:3px 0;
	border-bottom:1px dotted #ccc;
}
ul#genreArea li p.ttlName {
	float:left;
	padding-right:5px;
	width:130px;
}
ul#genreArea li p.subName {
	float:left;
	width:280px;
}
/*利用規約*/
#rule{
	width:415px;
	border:1px solid #afafaf;
	height:150px;
	overflow:auto;
	margin-bottom:14px;
	background:#f5f5f5;
}
#rule dl{
	margin:0px 7px 7px 7px;
}
#rule dt{
	margin-top:7px;
	margin-bottom:7px;
}
#rule dd{
	margin-bottom:7px;
}
/*完了エリア*/
#exeArea {
	border:3px solid #ccc;
	width:320px;
	padding:50px 187px;
	background-color:#fff;
}
#exeArea02 {
	border:3px solid #ccc;
	width:270px;
	padding:30px 90px;
	background-color:#fff;
}
#exeArea03 {
	border:3px solid #ccc;
	padding:30px 65px;
	background-color:#fff;
}

/*--------------------------------------------------------------------
使い方など
-----------------------------------------------------------------------*/
/*ナビトモとは*/
#abBox{ margin:20px;}
#content #abBox h2 { height:31px; margin-bottom:10px; background:url(../images/common/icon_next4.gif) 0 4px no-repeat;}
#abIntro { margin:20px 0;}
#abIntro .abP_l { float:left; width:530px; margin-right:20px;}
#abIntro .abI_r { float:left; width:345px;}

#abMark { margin:20px 0;}
#abMark ul { list-style:none;}
#abMark ul li { float:left; width:200px; margin-right:30px;}
#abMark ul li p{ padding:10px;}

.abBtn { margin:20px 40px 60px;}
.abBtn img.abBtn_l { margin-right:20px;}

.abPoint { font-size:160%; margin:30px 20px 50px; padding:20px; line-height:1.4em; background:#EAFFDF;}

#abTool { margin:20px 0;}
#abTool ul { list-style:none;}
#abTool ul li { float:left; width:280px; text-align:center; margin-right:20px;}
#abTool ul li p { padding:10px; text-align:left;}

#abVoice { margin:20px 0;}
#abVoice ul { list-style:none;}
#abVoice ul li { margin-bottom:20px;}
#abVoice ul li .abV_l { float:left; width:200px; margin-right:40px;}
#abVoice ul li .abV_r { float:left; width:680px; border:1px solid #AEBEC2; background:#F0FAFA;}
#abVoice ul li .abV_r p { padding:15px;}

/*ナビトモとは*/
#aboutBox01 { border:1px dotted #ccc; padding:10px; margin:10px;}
#aboutBox01 img { margin-right:20px;}

/*楽しみ方ガイド*/
.guideList li { clear:both; margin:10px 0;}
.guideList li img{ float:left; margin:0 20px 20px 0;}
.guideList li p.gTtl { padding:10px 0; font-size:1.2em; font-weight:bold; background:#F6F6F6;}
.guideList li p.gExe { padding:10px 0; color:#0066CC; font-size:1.2em; font-weight:bold; border-bottom:1px dotted #ccc; margin-bottom:10px;}


.com01 p,.com02 p,.com03 p{
	margin-bottom:20px;
}
.com01 dl dt,.com02 dl dt,.com03 dl dt{font-weight:bold;}
.com01 dl dt{
	color:#006633;
	background-color:#ECFFE8;
}
.com02 dl dt{
	color:#333;
}
/*良くある質問*/
.com03 dl dt{
	color:#6633FF;
	background-color:#E8F7FF;
}
.com01 dl dd,.com02 dl dd,.com03 dl dd{
	padding-bottom:20px;
	margin:10px 0;
	border-bottom:1px dotted #CCC;
}
.com01 dl dd.last,.com02 dl dd.last,.com03 dl dd.last {
	border-bottom:1px solid #fff;
}

/*リンク集*/
#commentArea ul#linkArea li{
	float:left;
	width:325px;
	display:block;
	margin-right:10px;
}
#commentArea ul#linkArea li dl dt{
	font-weight:bold;
	color:#006600;
	padding-bottom:4px;
	margin-top:10px;
	margin-bottom:4px;
	border-bottom:1px dotted #006600;
}
#commentArea ul#linkArea li dl dd a{
	float:left;
	display:block;
	width:150px;
	padding:5px;
}
#commentArea ul#linkArea li dl dd a:hover{
	background-color:#EDFFE8;
}
#commentArea dl#category {
	margin-bottom:30px;
}
#commentArea dl#category dt {
	float:left;
	font-weight:bold;
	width:100px;
}
#commentArea dl#category dd {
	float:left;
	width:574px;
}
#commentArea p.index {
	text-align:center;
	font-size:20px;
	font-weight:bold;
	margin:15px;
	border:1px solid #ccc;
	padding:15px;
}

/*オフ会*/
#pastPhoto img{
	margin:5px 0;
}
#voice {
	background-color:#FFFEEC;
}

/*田嶋さん*/
#commentArea #profArea{
	float:right;
	text-align:center;
	width:200px;
}
#commentArea #profArea p{
	text-align:left;
}
/*使い方*/
img.guide {
	float:left;
	margin:10px 10px 30px 0;
}
.guideTxt,.guideTxt02 {
	float:left;
	background-color:#f6f6f6;
	padding:5px;
	margin-top:10px;
	width:310px;
	line-height:1.8em;
}
.guideTxt img,.guideTxt02 img,p.guideTxt03 img {
	padding-top:4px;
}
.guideTxt02 {
	margin-top:90px;
}

/*ナビトモの楽しみ方*/
#enjoy_bg01 {background:url(../images/parts/enjoy01_bg.jpg) right bottom no-repeat;}
#enjoy_bg02 {background:url(../images/parts/enjoy02_bg.jpg) right bottom no-repeat;}
#enjoy_bg03 {background:url(../images/parts/enjoy03_bg.jpg) right bottom no-repeat;}
#enjoy_bg04 {background:url(../images/parts/enjoy04_bg.jpg) right bottom no-repeat;}
#enjoy_bg05 {background:url(../images/parts/enjoy05_bg.jpg) right bottom no-repeat;}

/*オフ会体験イベント*/
table#nowEvent { margin:15px 10px; padding:10px; background:#FFFFB9;}
table#nowEvent tr th{ text-align:center; width:228px;}
table#nowEvent tr th div { margin-bottom:10px;}
table#nowEvent tr td{ padding-left:5px;}

p#add{ float:right;}
p#ttl { clear:both; font-size:18px; font-weight:bold; margin:10px 0;}

p#date { background:#fff; padding:10px; border:1px solid #999; font-size:20px; font-weight:bold; text-align:center;}
p.backTtl { text-align:left;}
p.backTxt { margin-top:10px;}

p.type-red,p.type-blu,p.type-lBlu,p.type-ora,p.type-gre,p.type-yel,p.type-black{ float:left; width:110px; text-align:center; font-weight:bold; padding:2px;}
p.type-red{ background:#FF3333; color:#fff;}
p.type-blu{ background:#0066CC; color:#fff;}
p.type-lBlu{ background:#3399FF; color:#fff;}
p.type-ora{ background:#FF6600; color:#fff;}
p.type-gre{ background:#009900; color:#fff;}
p.type-yel{ background:#CC9900; color:#fff;}
p.type-black{background:#000; color:#fff;}

/*オフィシャルオフ会*/
#offOutline{
	background:url(../images/parts/offmeet/offmeet_middle.jpg) 0 0 repeat-y;
	padding:20px 20px 0;
	width:660px;
}
#offOutline img {
	margin:5px 0 5px 5px;
}
#offOutline dl dt {
	float:left;
	width:90px;
	line-height:1.4em;
}
#offOutline dl dd {
	float:left;
	width:265px;
}

/*特集*/
#summaryArea{
	background:#ffffdd url(../images/parts/special/summary_top.gif) 0 top no-repeat;
	padding:20px 10px 0;
	margin-top:10px;
}
#summary_ttl {
	color:#FF6600;
	font-size:16px;
	font-weight:bold;
	padding-bottom:15px;
}
#sumLeft{
	float:left;
	width:240px;
}
#sumRight{
	float:left;
	margin-left:20px;
	width:390px;
}

.spBox {
	background-color:#fff;
	padding:20px;
	margin-bottom:10px;
	width:660px;
}
.spBox .leftBox01 {float:left;width:280px;}
.spBox .rightBox01 {float:left;width:360px;	margin-left:20px;}
.spBox .leftBox02 {float:left;width:360px; padding-top:15px;}
.spBox .rightBox02 {float:left;width:280px;	margin-left:20px; padding-top:15px;}

/*概要リスト*/
.spBox dl.rule dt {
	float:left;
	width:100px;
}
.spBox dl.rule dd {
	float:left;
	width:560px;
}

/*遺言書作成記事*/
.qaBoxL { margin:5px; padding:5px; background:#FFE8FA; border-radius:5px;}
.qaBoxR { margin:5px 5px 10px; padding:5px; background:#E8FCFF; border-radius:5px;}
.qaBoxL img { float:left; margin:0 5px 5px 5px;}
.qaBoxR img { float:right; margin:0 5px 5px 5px;}

/*紹介ポイント*/
#pointArea {
	padding:10px;
	background-color:#FFF;
}
#pointArea #guidance{
	padding:10px;
	margin:10px 0 20px;
	border:5px dotted #ccc;
	background-color:#FCFCFC;
}
#pointArea #linkArea{
	text-align:center;
	padding:20px;
	margin-left:50px;
	width:500px;
	background-color:#F4FCFF;
}
#pointArea #linkArea a{
	display:block;
}

/*モニター募集*/
#main h2.mttl{
	background:url(../images/parts/h2_ttl11.gif) 0 0 no-repeat;
	padding-top:5px;
	padding-left:25px;
	height:31px;
	color:#666;
	font-size:120%;
	margin-bottom:5px;
}
#main h2.mttl2,#main h2.mttl3,#main h2.mttl4{ padding-top:5px; padding-left:50px; height:27px; color:#660000; font-size:120%; margin-bottom:5px;}
#main h2.mttl2{	background:url(../images/parts/monitor/43/h2Ico.jpg) 0 0 no-repeat;	border-bottom:4px dotted #996600;}
#main h2.mttl3{	background:url(../images/parts/monitor/46/h2Ico.jpg) 0 0 no-repeat;	border-bottom:4px dotted #CCCC00;}
#main h2.mttl4{	background:url(../images/parts/monitor/59/h2Ico.jpg) 0 0 no-repeat;	border-bottom:4px dotted #669900;}
#main h2.mttl5{ color:#660000; background:url(../images/parts/h2_ttl13.gif) 0 0 no-repeat;}

#main h3.mttl{ clear:both; height:27px; color:#660000; font-size:110%; margin-top:0; padding:5px 0 0 50px; margin-bottom:5px; background:url(../images/parts/monitor/54/h3Ico.jpg) 0 0 no-repeat; border-top:none; border-bottom:4px dotted #339999;}
	
#main h2.pre_ttl01,#main h2.pre_ttl02,#main h2.pre_ttl03,#main h2.pre_ttl04{
	padding-top:5px;
	padding-left:35px;
	height:31px;
	color:#666;
	font-size:120%;
	margin-bottom:5px;
}
#main h2.pre_ttl01{background:url(../images/parts/monitor/01/pre_ttl01.jpg) 0 0 no-repeat;}
#main h2.pre_ttl02{background:url(../images/parts/monitor/01/pre_ttl02.jpg) 0 0 no-repeat;}
#main h2.pre_ttl03{background:url(../images/parts/monitor/01/pre_ttl03.jpg) 0 0 no-repeat;}
#main h2.pre_ttl04{background:url(../images/parts/monitor/01/pre_ttl04.jpg) 0 0 no-repeat;}


/*ブログ画像詳細*/
#main2 h2.mttl4{
	background:url(../images/parts/h2_ttl12.gif) 0 0 no-repeat;
	padding-top:5px;
	padding-left:25px;
	height:31px;
	color:#666;
	font-size:120%;
	margin-bottom:5px;
}

/*エントリー状態チェック*/
#entryCheck {
	padding:5px;
	background-color:#FFFFCC;
	border:2px solid #FFCC66;
	margin:5px;
	width:656px;
}

/*野鳥の会*/
#main h2.bird_ttl01,#main h2.bird_ttl02,#main h2.bird_ttl03,#main h2.bird_ttl04{
	padding-top:5px;
	padding-left:35px;
	height:31px;
	color:#666;
	font-size:120%;
	margin-bottom:5px;
}
#main h2.bird_ttl01{background:url(../images/parts/monitor/02/bird_ttl01.jpg) 0 0 no-repeat;}
#main h2.bird_ttl02{background:url(../images/parts/monitor/02/bird_ttl02.jpg) 0 0 no-repeat;}
#main h2.bird_ttl03{background:url(../images/parts/monitor/02/bird_ttl03.jpg) 0 0 no-repeat;}
#main h2.bird_ttl04{background:url(../images/parts/monitor/02/bird_ttl04.jpg) 0 0 no-repeat;}


#monitorArea{
	background:#fff;
	width:680px;
	padding:10px;
	margin-top:10px;
}
#moni_ttl {
	color:#333;
	font-weight:bold;
	padding:5px 5px 15px;
}
#moniLeft{
	float:left;
	width:330px;
	padding-top:0px;
}
#moniRight{
	float:left;
	margin-left:18px;
	width:330px;
}

.moniBox,.moniBoxL {
	background-color:#fff;
	padding:0px;
	margin-bottom:10px;
	width:680px;
}
/*
.moniBox img {
	margin:0 0 10px 10px;
}
*/
.moniBoxL img {
	margin:0 10px 10px 0;
}
.monische {
	width:648px;
	padding:10px;
	margin:5px;
	background-color:#FFEEEE;
}
.monische #scheTtl{
	border-bottom:1px dotted #FF9999;
	color:#660000;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
}
#offer {
	border:1px solid #ccc;
	padding:10px;
	margin:10px;
	background-color:#fff;
	width:648px;
}

/*七夕*/
.tanabata{ background:url(../images/parts/monitor/88/bg.jpg) 0 0 repeat-y;}
.tanabata div{ float:left; width:320px; margin-right:20px;}
.tanabata div:last-child{ margin-right:0;}

.tanabata div.woman ul li{ border:1px solid #F5E0E3; background:url(../images/parts/monitor/88/bg01.jpg) 0 bottom no-repeat;}
.tanabata div.man ul li{ border:1px solid #D9E8FD; background:url(../images/parts/monitor/88/bg02.jpg) 0 bottom no-repeat;}
.tanabata div ul li{ font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif; font-size:1.4em; margin-bottom:30px; padding:5px; min-height:50px; height:auto !important; height:50px; line-height:1.4em;}

/*ピースボート、ヒルトン*/
#main h2.peace_ttl02,#main h2.hilton_ttl02{
	padding-top:5px;
	padding-left:40px;
	height:31px;
	color:#333;
	font-size:120%;
	margin-bottom:5px;
}
#main h2.peace_ttl02{background:url(../images/parts/monitor/03/peace_ttl02.jpg) 0 0 no-repeat;}
#main h2.hilton_ttl02{background:url(../images/parts/monitor/20/hilton_ttl02.jpg) 0 0 no-repeat; color:#FFFF99;}

/*となりのシニア結果発表！*/
#theme_ttl {
	width:640px;
	padding:20px;
	margin:10px;
	background:url(../images/parts/theme_bg.jpg) 0 0 no-repeat;
	font-weight:bold;
	height:130px;
}
#theme_ttl #time_ttl {
	font-size:24px;
	margin-bottom:15px;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
#theme_ttl #main_ttl {
	font-size:24px;
	margin-bottom:5px;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	line-height:1.2em;
}
#theme_ttl #sub_ttl { font-size:16px; text-align:right; margin-right:70px;}

#enq_comment {
	width:678px;
	padding:10px;
	margin:10px 0;
	background-color:#FFFBF7;
	border:1px solid #CC6666;
}
#enq_history {
	background-color:#FFF;
	padding:10px;
}
/*
●フォト変身
*/
.photo_comm {
	padding:10px;
}
#main h2.photo_ttl01,#main h2.photo_ttl02,#main h2.photo_ttl03,#main h2.photo_ttl04,#main h2.photo_ttl05{
	text-indent: -9999px;
	height:45px;
}
#main h2.photo_ttl01{background:url(../images/parts/monitor/08/scene01_ttl.jpg) 0 0 no-repeat;}
#main h2.photo_ttl02{background:url(../images/parts/monitor/08/scene02_ttl.jpg) 0 0 no-repeat;}
#main h2.photo_ttl03{background:url(../images/parts/monitor/08/scene03_ttl.jpg) 0 0 no-repeat;}
#main h2.photo_ttl04{background:url(../images/parts/monitor/08/scene04_ttl.jpg) 0 0 no-repeat;}
#main h2.photo_ttl05{background:url(../images/parts/monitor/08/scene05_ttl.jpg) 0 0 no-repeat;}

.photo_sceneBox {
	margin-bottom:10px;
	background:#FFF;
}
.photo_sceneBox .sceneL,.photo_sceneBox .sceneR{
	float:left;
	width:350px;
}
.photo_sceneBox .sceneL p{padding:10px 0 20px 20px;}
.photo_sceneBox .sceneR p{padding:0 10px 20px;}

/*スタッフ*/
#photo_staff01 {
	background:url(../images/parts/monitor/08/staff_bg01.jpg) 0 0 repeat-y;
	margin:0 0 10px 30px;
	width:600px;
	padding:0 20px 10px;
}
#photo_staff02 {
	background:url(../images/parts/monitor/08/staff_bg02.jpg) 0 bottom repeat-y;
	margin-bottom:10px;
	padding:0 20px;
}
.photo_staffName {
	font-weight:bold;
	margin-bottom:10px;
}
.opsis_staff {
	padding:10px 0;
}
.opsis_staff img{float:left; margin:0 10px 10px 0;}
#photo_staff02 br { border-bottom:1px dotted #ccc;}

/*おススめ*/
dl#recomList {
	background:url(../images/parts/monitor/08/recom_bg.jpg) 0 bottom no-repeat;
	padding:0 40px 30px;
}
dl#recomList dt{
	color:#990099;
	font-weight:bold;
}
/*キャンペーン*/
#offArea {
	background:url(../images/parts/monitor/08/off_bg.jpg) 0 0 no-repeat;
	height:295px;
}
#offArea p{
	width:350px;
	margin-left:40px;
	font-size:16px;
	line-height:1.6em;
}
#offCaption {
	padding:0 0 10px 40px;
	font-size:16px;
	background:#fff;
	width:660px;
}

/*OPSIS*/
#opsisArea {
	padding:20px;
	background:#fff;
	border-top:4px dotted #FF3366;
}
#opsisArea .shop{
	width:660px;
}
#opsisArea .shop ul{
	float:left;
	width:510px;
}
#opsisArea .shop ul li{
	float:left;
	width:245px;
	padding-left:10px;
}
#opsisArea .shop img.shopBtn{
	float:left;
	width:135px;
}

/*美味しい水*/
#main .teaBox {
	background:url(../images/parts/monitor/11/tea_bg.jpg) 0 0 repeat-y;
	padding-left:60px;
	padding-right:10px;
	width:630px;
}
#main h2.tea_ttl{
	clear:both;
	padding:0;
	margin-bottom:0;
	background:none;
	height:86px;
}
img.hidari{ float:left; margin-right:2em; margin-bottom:1em;}
img.migi{ float:right; margin-left:2em; margin-bottom:1em;}

#camBox {
	background:url(../images/parts/monitor/11/campaign.jpg) 0 0 no-repeat;
	width:700px;
}

/*美感青汁*/
#bikan { position:relative; width:700px; height:365px; background:url(../images/parts/monitor/46/topKey.jpg) 0 0 no-repeat;}
#bikan img#preBtn { position:absolute; bottom:22px; left:10px;}

/*美感青汁2*/
#bikan2 { position:relative; width:700px; height:365px; background:url(../images/parts/monitor/54/topKey.jpg) 0 0 no-repeat;}
#bikan2 img#preBtn { position:absolute; bottom:22px; left:10px;}

/*山中湖*/
#yamanaka { position:relative; width:700px; height:365px; background:url(../images/parts/monitor/51/topKey.jpg) 0 0 no-repeat;}
#yamanaka img#preBtn { position:absolute; bottom:22px; left:10px;}

/*酵素スタイル*/
#macrostyle { position:relative; width:700px; height:285px; background:url(../images/parts/monitor/56/topKey.jpg) 0 0 no-repeat;}
#macrostyle img#preBtn { position:absolute; bottom:22px; left:10px;}

/*おせちランキング*/
.osechiBox { clear:both; padding:25px 0;}
.osechiL { float:left; width:420px;}
.osechiL p.osechiTtl { font-size:120%; font-weight:bold; color:#CC0000; padding-bottom:5px; border-bottom:2px solid #ccc;}
.osechiL ul li { list-style:none; margin:5px 0; padding:15px 0 10px 44px; border-bottom:1px dotted #ccc;}
.osechiL ul li.rank1 { background:url(../images/parts/monitor/66/rank1.jpg) 0 0 no-repeat; font-size:140%; font-weight:bold; color:#660000;}
.osechiL ul li.rank2 { background:url(../images/parts/monitor/66/rank2.jpg) 0 0 no-repeat;}
.osechiL ul li.rank3 { background:url(../images/parts/monitor/66/rank3.jpg) 0 0 no-repeat;}
.osechiR { float:left; width:216px; margin-top:50px;}


/*音声コンテンツ*/
#voiceIntro{ padding:10px; background:#FFFFFF;}
#voiceIntroL,#voiceIntroR{ float:left;}
#voiceIntroL{ width:540px; margin-right:10px;}
#voiceIntroR{ width:120px;}

#voiceIntro #voiceIntroL h3#voiceTtl{ font-size:140%; margin:5px 5px 15px; border:none;}

#qList dt,#qList dd{ float:left; background:#fff;}
#qList dt{ width:350px; padding:20px;}
#qList dd{ width:285px;}


/*メンバーズチャット*/
#chatmember { padding:0px; width:200px;	height:300px; overflow:auto; border:#cccccc 1px solid; padding:5px 5px 5px 5px;}
#chatmember ul { background-color:#fff;	padding:2px;}
#chatmember ul li{ font-size:120%; padding:1px 0 3px 5px;}

#chatroom ul { background-color:#fff; padding:10px;}
#chatroom ul li{ font-size:120%; height:30px; padding:1px 0 3px 5px;}

#chatmain {	padding:0px; width:660px; height:400px;	overflow:auto; border:#cccccc 1px solid; padding:5px 5px 5px 5px;}
#chatmain ul { background-color:#fff; padding:1px;}
#chatmain ul li{ font-size:12px; padding:1px 0 1px 5px;}
#chatmain ul li.title{ font-size:120%; padding:1px 0 1px 5px;}

.chatBox430 { width:435px; font-size:120%;}

/*過去メディア掲載*/
#backNum { width:678px; background:#fff; border:1px solid #ccc; padding:10px; margin:15px 0;}
#backNum li { float:left; width:96px; list-style:none; text-align:center;}
#backNum li a{ display:block; padding:5px;}
#backNum li a:hover{ color:#006699; background:#F0FFFA;}