/* CSS Document */
/*////////ハンドメイド パーティー タイムズ/////////*/
BODY {
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #e0e0e0;
}

div#wrapper {
	width: 680px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background-color: #FFFFFF;
	}

/* *****************************

	コンテンツ

   ***************************** */

/* ------------------------------
	共通部分
   ------------------------------ */

#partytimes {
	width: 645px;
	height:100%;
	background-color: #ffffff;
	margin: 15px auto 0 auto;
	text-align: center;
	padding-bottom: 1em;
}

img {border: 0px;}

span.txbold {
	font-size: 14px;
	font-weight: bolder;
	}

form {margin:0;padding:0;}

input, select, textarea {}

ul, ol, li {margin:0;padding:0;}

li {list-style-type: none;}

div.clear {clear: both;}


/* ------------------------------
	アンカー
   ------------------------------ */

a {outline:none;}

a.tohp { outline: none;}
a.tohp:link { color: #C92027;}
a.tohp:visited { color: #C92027;}
a.tohp:hover { color: #E37C6D;}

/* ------------------------------
	ページ送り
   ------------------------------ */


.flow {
	width:328px;
	height: 20px;
	}

.flow2 {
	width:211px;
	height: 20px;
	margin-top: 10px;
	margin-right: 17px;
	}


.flow3 {
	width:117px;
	height: 20px;
	margin-top: 10px;
	margin-right: 17px;
	}

.ohana {
	width: 23px;
	height: 20px;
	background: url(images/ohana_op.gif) top center;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
	}

.prev {
	margin: 0;
	float: left;
	}

.prev a {
  display: block;
  width:94px;
  height: 32px;
  /* \*/
  overflow: hidden;
  /* */
  text-indent: -9999px;
  background: url(images/prev_3.gif) no-repeat 0 0;
}

.prev a:hover {
  background: url(images/prev_3.gif) no-repeat 0 -32px;
}

.top {
	margin: 0;
	float: left;
	}

.top a {
  display: block;
  width: 94px;
  height: 32px;
  /* \*/
  overflow: hidden;
  /* */
  text-indent: -9999px;
  background: url(images/top_3.gif) no-repeat 0 0;
}

.top a:hover {
  background: url(images/top_3.gif) no-repeat 0 -32px;
}

.next {
	margin: 0;
	float: right;
	height: 32px;
	overflow: hidden;
	}

.next a {
  display: block;
  width:94px;
  height: 32px;
  /* \*/
  overflow: hidden;
  /* */
  text-indent: -9999px;
  background: url(images/next_3.gif) no-repeat 0 0;
}

.next a:hover {
  background: url(images/next_3.gif) no-repeat 0 -32px;
}

/* ------------------------------
	インデックス　ヘッダー
   ------------------------------ */

td#hpthd1 {
	width: 340px;
	height: 250px;
	background: url(images/header_01.jpg) no-repeat top center;
	padding: 0;
	}

td#hpthd2  {
	width: 305px;
	height: 250px;
	background: url(images/header_02.jpg) no-repeat top center;
	padding: 0;
	}


/* ------------------------------
	検索・詳細ページヘッダー
   ------------------------------ */

td#ttlhd1 {
	width: 645px;
	height: 103px;
	background: url(images/header2_01.jpg) no-repeat top center;
	padding: 0;
	}

td#ttlhd2  {
	width: 428px;
	height: 47px;
	background: url(images/header2_02.jpg) no-repeat top center;
	padding: 0;
	}

td#ttlhd4  {
	width: 104px;
	height: 47px;
	background: url(images/header2_04.jpg) no-repeat top center;
	padding: 0;
	}


td#ttlhd5  {
	width: 113px;
	height: 17px;
	background: url(images/header2_05.jpg) no-repeat top center;
	padding: 0;
	}

td#ttlhd3 {
	margin: 0;
	}

td#ttlhd3 a {
  display: block;
  width:113x;
  height: 30px;
  /* \*/
  overflow: hidden;
  /* */
  text-indent: -9999px;
  background: url(images/header2_03.jpg) no-repeat 0 0;
}

td#ttlhd3 a:hover {
  background: url(images/header2_03.jpg) no-repeat 0 -30px;
}


/* *****************************

	インデックス　メインコンテンツ

   ***************************** */

.hptlead {
	width: 600px;
	margin-left: 22px;
	text-align: left;
	margin-top: 20px;
	}

img#toiawase{
	width: 225px;
	height: 77px;
	margin-left: 20px;
	}


/* ------------------------------
	NEWS
   ------------------------------ */

h2#anai {
	width: 645px;
	height: 57px;
	background: url(images/news.gif) no-repeat top left;
	position:relative;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	padding: 0;
	margin: 40px 0 20px 0;
	}

.hptbox4 {
	width: 600px;
	text-align: left;
	}

.lanai {
	list-style-image: url(images/button.gif);
	margin-left: 50px;
	}

.stfr {
	list-style-image: url(images/button_s.gif);
	margin-left: 50px;
	}

span.evsr {
	font-size: 16px;
	font-weight: bolder;
	}

a.hptstf { outline: none;}
a.hptstf:link { color: #1f1a0b; text-decoration: none;}
a.hptstf:visited { color: #aaaaaa; text-decoration: none;}
a.hptstf:hover { color: #C92027; text-decoration: underline;}

/* 1f1a0b   E37C6D  C92027 */

/* ------------------------------
	新着グループ一覧
   ------------------------------ */

h2#new {
	width: 645px;
	height: 57px;
	background: url(images/new.gif) no-repeat top left;
	position:relative;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	padding: 0;
	margin: 40px 0 10px 0;
	}

.whole {
	width: 645px;
	margin: 0 auto 10px auto;
	padding: 0;
	clear: both;
	}

.groupLeft {
	width: 123px;
	margin: 0 5px 20px 0;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background: url(images/ph_back.jpg) top center;
	float: left;
	}

.groupRight {
	width: 122px;
	text-align: center;
	margin: 0 0 20px 0;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(images/ph_back.jpg) top center;
	float: left;
	}

div.gphoto {
	width: 110px;
	height: 110px;
	text-align: center;
	margin-bottom: 10px;
	padding: 0;
	}

div.gphoto img {
	margin-left: 6px;
	#margin: 0; /* for IE */
	}

span.gname {
	font-size: 11px;
	font-weight: bolder;
	text-align: center;
	margin-top: 10px;
	}

div.groupText {
	font-size: 11px;
	text-align: center;
	margin-botom: 3px;
	}

.whole a:link {	color: #1f1a0b;	border-botoom: 1px solid;}
.whole a:visited {	color: #1f1a0b;	border-botoom: 1px solid;}
.whole a:hover {	color: #d68c42;	border-botoom: 1px solid;}

/* *****************************

	詳細ページ　メインコンテンツ

   ***************************** */


.hptbox1 {
	width: 600px;
	margin-left: 22px;
	#margin: 0;
	}


.hptbox2 {
	width: 645px;
	margin-left: 5px;
	}


.hptbox3 {
	margin: 20px 0;
	}

/* ------------------------------
	プロフィール
   ------------------------------ */

h2#profile {
	width: 645px;
	height: 56px;
	background: url(images/prof.gif) no-repeat top left;
	position:relative;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	padding: 0;
	margin: 20px 0 10px 0;
	}

#prof_l {
	width: 215px;
	height: 256px;
	margin-right: 15px;
	float: left;
	}

#prof_top {
	width: 215px;
	height: 21px;
	margin:0;
	padding:0;
	background: url(images/pin_l.jpg) top center no-repeat;
	overflow: hidden;
	}

div#prof_phback {
	width: 215px;
	height: 180px;
	background: url(images/ph_back.jpg);
	text-align: center;
	}

#prof_bottom {
	width: 215px;
	height: 55px;
	margin:0;
	padding:0;
	background: url(images/ph_bottom.jpg) top center no-repeat;
	overflow: hidden;
	}

#prof_bottom_info {
	width: 215px;
	height: 55px;
	margin:0;
	padding:0;
	background: url(images/ph_bottom_a.jpg) top center no-repeat;
	overflow: hidden;
	}

#prof_r {
	width: 370px;
	margin: 0;
	padding: 0;
	text-align: left;
	float: right;
	}

#prof_r table {	line-height: 22px;}
#prof_r td.cellName1 {
	width: 360px;
	padding-left: 10px;
	}
#prof_r td.cellName2 {
	width: 350px;
	font-size: 16px;
	font-weight: bolder;
	padding-left: 20px;
	padding-bottom: 5px;
	}
#prof_r td.cellLeft {	width: 70px;	padding-left: 10px;}
#prof_r td.cellCenter {	width: 10px;}
#prof_r td.cellRight {	width: 270px;	padding-left: 10px;}

#toinfo {
	width: 360px;
	padding: 8px 0 0 0;
	}

#toinfo a {
  display: block;
  width:248x;
  height: 16px;
  /* \*/
  overflow: hidden;
  /* */
  text-indent: -9999px;
  background: url(images/toinfo.gif) no-repeat 0 0;
}

#toinfo a:hover {
  background: url(images/toinfo.gif) no-repeat 0 -16px;
}


/* ------------------------------
	グループ紹介
   ------------------------------ */

h2#introduce {
	width: 645px;
	height: 55px;
	background: url(images/intro.gif) no-repeat top left;
	position:relative;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	padding: 0;
	margin: 30px 0 10px 0;
	}

div.txbox {
	width:600px;
	text-align: left;
	margin-left: 22px;
	#margin-left: 0;
	}


div.txbox2 {
	width:600px;
	text-align: left;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px #cccccc dotted;
	}

/* ------------------------------
	インタビュー
   ------------------------------ */

h2#interview {
	width: 645px;
	height: 56px;
	background: url(images/view.gif) no-repeat top left;
	position:relative;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	padding: 0;
	margin: 30px 0 10px 0;
	}


#interText {
	width: 379px;
	text-align: left;
	margin-right: 15px;
	float: left;
	}


#interText2 {
	width: 379px;
	text-align: left;
	margin-right: 15px;
	float: left;
	}

h3.ques {
	background: url(images/q.jpg) no-repeat top left;
	padding-left: 20px;
	font-size: 12px;
	color: #e37c6d;
	margin: 3px;
	}

p.ans {
	text-align: left;
	background-color: #fff1e5;
	padding: 7px;
	margin: 0 0 30px 0;
	}

p.ans2 {
	text-align: left;
	background-color: #fff1e5;
	padding: 7px;
	margin: 0 0 10px 0;
	}

/* ----- 右サイド 画像 ----- */

#interPh1 {
	width: 206px;
	float: right;
}

.ph_topR1 {
	width: 206px;
	height: 21px;
	background: url(images/pin_l.jpg) top center no-repeat;
	overflow: hidden;
	}

.ph_backR {
	width: 206px;
	background: url(images/ph_back.jpg) top center;
	text-align: center;
	}

.ph_bottomR {
	width: 182px;
	background: url(images/ph_back.jpg) top center;
	text-align: left;
	font-size: 10px;
	line-height: 15px;
	padding: 5px 12px;
}

.ph_topR2 {
	width: 206px;
	height: 21px;
	background: url(images/pin_l.jpg) top center no-repeat;
	overflow: hidden;
	margin-top: 20px;
	}


/* ----- 下段 画像[タテ３つ] ----- */

.interPh2 {
	width: 600px;
	padding: 0;
	}

.phbox_Bn1 {
	width: 190px;
	margin: 0 15px 0 0;
	float: left;
	}

.phbox_Bn2 {
	width: 190px;
	margin: 0;
	float: right;
	}

.ph_topBn {
	width: 190px;
	height: 21px;
	background: url(images/pin_l.jpg) top center no-repeat;
	overflow: hidden;
	}

.ph_backBn {
	width: 190px;
	background: url(images/ph_back.jpg) top center;
	text-align: center;
	}

.ph_bottomBn {
	width: 170px;
	height: 50px;
	background: url(images/ph_back.jpg) top center;
	text-align: left;
	font-size: 10px;
	line-height: 15px;
	padding: 5px 10px;
}

/* ----- 下段 画像[ヨコ２つ] ----- */

.phbox_Bw1 {
	width: 292px;
	margin: 0 16px 0 0;
	float: left;
	}

.phbox_Bw2 {
	width: 292px;
	margin: 0;
	float: right;
	}

.ph_topBw {
	width: 292px;
	height: 21px;
	background: url(images/pin_l.jpg) top center no-repeat;
	overflow: hidden;
	}

.ph_backBw {
	width: 292px;
	background: url(images/ph_back.jpg) top center;
	text-align: center;
	}

.ph_bottomBw {
	width: 272px;
	height: 50px;
	background: url(images/ph_back.jpg) top center;
	text-align: left;
	font-size: 10px;
	line-height: 15px;
	padding: 5px 10px;
}

/* ------------------------------
	インフォメーション
   ------------------------------ */

.line {
	width: 645px;
	height: 10px;
	background: url(images/line_1.jpg) top center no-repeat;
	margin: 30px 0 20px 0;
	}

.line2 {
	width: 645px;
	height: 17px;
	background: url(images/line_2.gif) top center no-repeat;
	margin: 10px 0 10px 0;
	}

#information {
	width:	645px;
	height:	65px;
	background: url(images/info_top.jpg) top left no-repeat;
	}

#infoBox {
	width: 600px;
	background: url(images/info_back.jpg) top left;
	padding: 0 22px 0 23px;
	text-align: center;
	}

#infoBottom {
	width: 645px;
	height:48px;
	background: url(images/info_bottom.jpg) top left no-repeat;
	margin-bottom: 5px;
}