@charset "utf-8";
/* CSS Document */

body {
	font-size:80%;
	color:#333333;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0px; padding:0px;
	line-height:160%;
}

/*初期設定*/

h1 ,h2 ,h3 ,h4 { margin:0px; padding:0px;}

p { margin:0px; padding:0px;}

a { color:#333333; text-decoration: underline; outline:none;}
a:hover { color:#666666; text-decoration:underline; outline:none;}

/*レイアウト枠設定*/

#wrap { margin:0px; text-align:center;}
#container { width:900px; margin:0px auto; text-align:center;}

/*ヘッダー設定*/

#header { width:900px; display:block; margin-top:20px; height:180px; text-align:left;}
#logo  { width:281px; height:34px; background:url(../img/top/logo_under.gif) no-repeat left top;
text-align:left; text-indent:-9999px; display:block;}
#header #logo h1 a { display:block; height:34px; width:281px; outline:none;}

/*ヘッダー設定 shop用*/

#header2 { width:900px; display:block; margin-top:20px; height:60px; text-align:left;}
#logo  { width:281px; height:34px; background:url(../img/top/logo_under.gif) no-repeat left top;
text-align:left; text-indent:-9999px; display:block;}
#header2 #logo h1 a { display:block; height:34px; width:281px; outline:none;}

/*ヘッダー設定 blog*/

#header3 { width:900px; display:block; margin-top:20px; height:80px; text-align:left;}
#logo  { width:281px; height:34px; background:url(../img/top/logo_under.gif) no-repeat left top;
text-align:left; text-indent:-9999px; display:block;}
#header3 #logo h1 a { display:block; height:34px; width:281px; outline:none;}

/*ヘッダー設定 blog*/

#header4 { width:900px; display:block; margin-top:20px; height:120px; text-align:left;}
#logo  { width:281px; height:34px; background:url(../img/top/logo_under.gif) no-repeat left top;
text-align:left; text-indent:-9999px; display:block;}
#header4 #logo h1 a { display:block; height:34px; width:281px; outline:none;}


/*メニュー設定*/

#menu { clear:both;}
#menu ul { list-style:none; width:900px; margin:30px 0px 30px 0px; background:url(../img/top/navi_bg.gif) no-repeat 0px 0px; height:20px; display:block; padding:0px; line-height:20px;}
#menu ul li { float:left; margin:0px; padding:0px; text-indent:-9999px; line-height:20px;}

#menu ul .navi01 a { width:116px; height:20px; display:block; }
#menu ul .navi01 a:hover { width:116px; height:20px; display:block; background:url(../img/top/navi01.gif) no-repeat;}

#menu ul .navi02 a { width:103px; height:20px; display:block; margin-left:19px; }
#menu ul .navi02 a:hover { width:103px; height:20px; display:block; background:url(../img/top/navi02.gif) no-repeat;}

#menu ul .navi03 a { width:46px; height:20px; display:block; margin-left:17px; }
#menu ul .navi03 a:hover { width:46px; height:20px; display:block; background:url(../img/top/navi03.gif) no-repeat;}

#menu ul .navi04 a { width:128px; height:20px; display:block; margin-left:25px; }
#menu ul .navi04 a:hover { width:128px; height:20px; display:block; background:url(../img/top/navi04.gif) no-repeat;}

#menu ul .navi05 a { width:38px; height:20px; display:block; margin-left:25px;  }
#menu ul .navi05 a:hover { width:38px; height:20px; display:block; background:url(../img/top/navi05.gif) no-repeat;}

#menu ul .navi06 a { width:71px; height:20px; display:block; margin-left:32px;  }
#menu ul .navi06 a:hover { width:71px; height:20px; display:block; background:url(../img/top/navi06.gif) no-repeat;}

#menu ul .navi07 a { width:35px; height:20px; display:block; margin-left:30px;  }
#menu ul .navi07 a:hover { width:35px; height:20px; display:block; background:url(../img/top/navi07.gif) no-repeat;}

#menu ul .navi08 a { width:53px; height:20px; display:block; margin-left:29px;  }
#menu ul .navi08 a:hover { width:53px; height:20px; display:block; background:url(../img/top/navi08.gif) no-repeat;}

/*コンテンツ設定---コンテンツの共通部分はここに記述---*/

#contents { clear:both;}
*html #contents-area { padding:0px;}
#contents-area { padding-top:35px;}
#contents-area h2 { text-indent:-9999px; margin-bottom:35px; padding:0px;}

#contents-area2 { padding-top:0px;}
#contents-area2 h2 { text-indent:-9999px; margin-bottom:35px; padding:0px;}

/*フッター設定*/

#footer { padding:55px 0px 55px 0px;}
#footer .copy { font-size:90%; color:#333333; padding:0px; margin:0px;}
#footer .copy a { color:#333333; text-decoration:none}
#footer .copy a:hover { color:#333333; text-decoration:underline;}

/*-------ここから各ページ用--------/*
/*（複数ページに渡って共通で利用する場合は各ページごとにid指定で記述すること）*/

/*コンテンツ ギャラリーショップ*/

#contents-area #gallery h2 { background:url(../img/shop/title.gif) no-repeat right; line-height:45px; height:45px; text-indent:-9999px;}
#contents-area #gallery #product { margin:30px 0px 30px 0px}

/*コンテンツ コンタクト*/
#header #contacttit h2 { background:url(../img/contact/title.gif) no-repeat; line-height:61px; height:61px; text-indent:-9999px; width:250px;}
#header #contacttit {width:250px; float:left; }



#contents-area #contact p { margin:30px 0px 30px 0px;}
#contents-area #contact #inq { margin:0px 0px 30px 0px;}
#contents-area #contact #inq table { border-top:1px solid #CCC; border-left:1px solid #CCC;}
#contents-area #contact #inq table .c { text-align:center;}
#contents-area #contact #inq th { padding:6px; text-align:left; line-height:25px; vertical-align:top;	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold;border-bottom:1px solid #CCC; border-right:1px solid #CCC; background-color:#F5F5F5; text-align:center; vertical-align:middle;}
#contents-area #contact #inq td { padding:6px; line-height:25px;border-bottom:1px solid #CCC; border-right:1px solid #CCC; text-align:left; background:#EEE;}


#contents-area #contact #inq select { margin:0px; padding:0px; border:1px solid #CCC; line-height:25px;}
#contents-area #contact #inq .red { color:#C30;}
#contents-area #contact #inq .btn { text-align:center;}
#contents-area #contact #inq .btn .contact_btn01 
{ background:url(../img/contact/contact_btn01.gif) no-repeat; border:0px; padding:0px; text-indent:-9999px; width:80px; height:20px; margin-right:10px; cursor:pointer;}
#contents-area #contact #inq .btn .contact_btn02
{ background:url(../img/contact/contact_btn02.gif) no-repeat; border:0px; padding:0px; text-indent:-9999px; width:80px; height:20px;margin-left:10px; cursor:pointer;}
#contents-area #contact #inq .btn .contact_btn03
{ background:url(../img/contact/contact_btn03.gif) no-repeat; border:0px; padding:0px; text-indent:-9999px; width:80px; height:20px;margin-right:10px; cursor:pointer;}
#contents-area #contact #inq .btn .contact_btn04
{ background:url(../img/contact/contact_btn04.gif) no-repeat; border:0px; padding:0px; text-indent:-9999px; width:80px; height:20px;margin-left:10px; cursor:pointer;}
#contents-area #contact #inq .btn .contact_btn04-2
{ background:url(../img/contact/contact_btn04.gif) no-repeat; border:0px; padding:0px; text-indent:-9999px; width:80px; height:20px;margin:0px auto; cursor:pointer; display:block;}

#contents-area #contact #inq .policy { text-align:center; margin:20px 0px 30px 0px; padding:0px;}
#contents-area #contact #inq .comp { text-align:center; margin:30px 0px 30px 0px; padding:0px;}


/*コンテンツ オーダー*/

#contents-area #order p { margin:30px 0px 30px 0px;}
#contents-area #order h2 { background:url(../img/order/title.gif) no-repeat right; line-height:45px; height:45px; text-indent:-9999px;}


#contents-area #order #inq input { margin:0px; border:1px solid #CCC;vertical-align:middle; padding:5px 5px;}
#contents-area #order #inq textarea { margin:0px; padding: 5px; border:1px solid #CCC; line-height:160%; font-size:12px;	font-family:"Arial",sans-serif;}
#contents-area #order #inq select { margin:0px; padding:0px; border:1px solid #CCC; line-height:25px;}
#contents-area #order #inq .red { color:#C30;}
#contents-area #order #inq .btn { text-align:center;}
#contents-area #order #inq .btn .contact_btn01 
{ background:url(../img/contact/contact_btn01.gif) no-repeat; border:0px; padding:0px; text-indent:-9999px; width:80px; height:20px; margin-right:10px; cursor:pointer;}
#contents-area #order #inq .btn .contact_btn02
{ background:url(../img/contact/contact_btn02.gif) no-repeat; border:0px; padding:0px; text-indent:-9999px; width:80px; height:20px;margin-left:10px; cursor:pointer;}
#contents-area #order #inq .btn .contact_btn03
{ background:url(../img/contact/contact_btn03.gif) no-repeat; border:0px; padding:0px; text-indent:-9999px; width:80px; height:20px;margin-right:10px; cursor:pointer;}
#contents-area #order #inq .btn .contact_btn04
{ background:url(../img/contact/contact_btn04.gif) no-repeat; border:0px; padding:0px; text-indent:-9999px; width:80px; height:20px;margin-left:10px; cursor:pointer;}
#contents-area #order #inq .btn .contact_btn04-2
{ background:url(../img/contact/contact_btn04.gif) no-repeat; border:0px; padding:0px; text-indent:-9999px; width:80px; height:20px;margin:0px auto; cursor:pointer; display:block;}

#contents-area #order #inq .policy { text-align:center; margin:20px 0px 30px 0px; padding:0px;}
#contents-area #order #inq .comp { text-align:center; margin:30px 0px 30px 0px; padding:0px;}


/*コンテンツ カスタム*/

#contents-area #custom p { margin:30px 0px 30px 0px;}
#contents-area #custom h2 { background:url(../img/custom/title.gif) no-repeat right; line-height:45px; height:45px; text-indent:-9999px;}
#contents-area #custom #inq th { padding:0px 10px 10px 0px; text-align:left; line-height:25px; vertical-align:top;}
#contents-area #custom #inq td { padding:0px 0px 10px 0px; line-height:25px;}

#contents-area #custom #inq input { margin:0px; border:1px solid #CCC;vertical-align:middle; padding:5px 5px;}
#contents-area #custom #inq textarea { margin:0px; padding: 5px; border:1px solid #CCC; line-height:160%; font-size:100%;	font-family:"Arial",sans-serif;}
#contents-area #custom #inq select { margin:0px; padding:0px; border:1px solid #CCC; line-height:25px;}
#contents-area #custom #inq .red { color:#C30;}
#contents-area #custom #inq .btn { text-align:center;}
#contents-area #custom #inq .btn .contact_btn01 
{ background:url(../img/contact/contact_btn01.gif) no-repeat; border:0px; padding:0px; text-indent:-9999px; width:80px; height:20px; margin-right:10px; cursor:pointer;}
#contents-area #custom #inq .btn .contact_btn02
{ background:url(../img/contact/contact_btn02.gif) no-repeat; border:0px; padding:0px; text-indent:-9999px; width:80px; height:20px;margin-left:10px; cursor:pointer;}
#contents-area #custom #inq .btn .contact_btn03
{ background:url(../img/contact/contact_btn03.gif) no-repeat; border:0px; padding:0px; text-indent:-9999px; width:80px; height:20px;margin-right:10px; cursor:pointer;}
#contents-area #custom #inq .btn .contact_btn04
{ background:url(../img/contact/contact_btn04.gif) no-repeat; border:0px; padding:0px; text-indent:-9999px; width:80px; height:20px;margin-left:10px; cursor:pointer;}
#contents-area #custom #inq .btn .contact_btn04-2
{ background:url(../img/contact/contact_btn04.gif) no-repeat; border:0px; padding:0px; text-indent:-9999px; width:80px; height:20px;margin:0px auto; cursor:pointer; display:block;}

#contents-area #custom #inq .policy { text-align:center; margin:20px 0px 30px 0px; padding:0px;}
#contents-area #custom #inq .comp { text-align:center; margin:30px 0px 30px 0px; padding:0px;}


/*コンテンツ プライバシー*/

#contents-area #privacy h1 { line-height:45px; height:45px; font-size:14px; text-align:left; font-size:30px;}
#contents-area #privacy h3 { text-align:left; border-bottom: 1px solid #CCC; line-height:200%; font-size:120%;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold;}
#contents-area #privacy .policy { width:740px; margin:0px auto;}
#contents-area #privacy .policy p { text-align:left; margin:10px 0px 30px 0px;}
#contents-area #privacy .outline { border:1px solid #CCC; background:#F6F6F6; padding:50px; margin-bottom:30px; font-size:120%}


/*ここからwp コンテンツの2カラム*/

#contents-area #colum {}
#contents-area #colum #left { width:740px; float:left;}
#contents-area #colum #right { width:150px; float:right;}

#contents-area #colum2 {}
#contents-area #colum2 #left { width:540px; float:left;}
#contents-area #colum2 #right { width:330px; float:right;}

#contents-area #colum3 { overflow:auto;}
#contents-area #colum3 #left { width:670px; float:right;}
#contents-area #colum3 #right { width:220px; float:letf;}

/*BLOG*/
#contents-area #colum4 { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align:left;}
#contents-area #colum4 #left { width:650px; float:right; text-align:left;}
#contents-area #colum4 #right { width:190px; float:letf; text-align:left;background:url(../img/blog/title.jpg) no-repeat top left; }

/*MUSIC*/
#contents-area #colum5 { text-align:left;}
#contents-area #colum5 #left { width:585px; float:right; text-align:left;}
#contents-area #colum5 #right { width:254px; float:letf; text-align:left;background:url(../img/blog/title.jpg) no-repeat top left; }

/*コンテンツ インフォ*/

#header #infotit h2 { background:url(../img/info/title.gif) no-repeat left; line-height:61px; height:61px; text-indent:-9999px;}
#contents-area #info { }
#contents-area #info .post { width:900px; text-align:left; border-bottom:3px dotted #333; overflow:auto; padding:0px 0px 20px 0px; margin-bottom:20px;}
#contents-area #info h3 { margin:0px; padding:0px; font-size:100%; font-weight:normal;}
#contents-area #info .title { width:900px; display:block; font-size:120%; float:right; font-weight:bold; padding-bottom:10px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#contents-area #info .entry { margin:0px 0px 0px 0px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
#contents-area #info p { margin:0px; padding:0px 0px 0px 0px;}
#contents-area #info .entry img { margin:0px 0px 0px 0px; border:0px;}

#sidebar #side_info ul { margin:0px 0px 20px 0px; padding:0px; list-style:none;}
#sidebar #side_info ul li { margin:0px 5px 5px 0px; padding:0px; text-align:left;}
#sidebar2 #side_info form { margin:0px 0px 20px 0px; padding:0px; text-align:left;}
.pagetop { text-align:right; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold; }

/*コンテンツ コラボ*/

*#collabo { margin-top:30px;}
#header #collabotit h2 { background:url(../img/collabo/title.gif) no-repeat left; line-height:61px; height:61px; text-indent:-9999px;}
#contents-area #collabo { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#contents-area #collabo .post { width:940px; text-align:left; overflow:auto; padding:0px 0px 20px 0px; margin-bottom:20px;}
#contents-area #collabo h3 { margin:0px; padding:0px; font-size:100%; font-weight:normal;}
#contents-area #collabo .title { width:940px; display:block; font-size:120%; float:right; font-weight:bold; padding-bottom:10px;}
#contents-area #collabo .entry { margin:0px 0px 0px 0px;}
#contents-area #collabo p { margin:0px; padding:0px;}
#contents-area #collabo .entry img { margin:15px 0px 15px 0px; border:0px;}

#sidebar #side_collabo ul { margin:0px 0px 20px 0px; padding:0px; list-style:none;}
#sidebar #side_collabo ul li { margin:0px 5px 5px 0px; padding:0px; text-align:right;}
#sidebar2 #side_collabo form { margin:0px 0px 20px 0px; padding:0px; text-align:left;}


/*コンテンツ ブログ*/
#contents-area #sidebar3 ul { margin:0px 0px 20px 0px; padding:0px; list-style:none;}
#contents-area #sidebar3 ul li { margin:0px; padding:0px; list-style:none;}

#contents-area #sidebar3 #blogtit  { text-indent:-9999px; margin:0px; padding:0px 0px 20px 0px;}

#contents-area #blog .pagetit { text-align:left; font-weight:bold; padding-bottom:20px;}
#contents-area #blog .post { width:650px; text-align:left;}
#contents-area #blog h3 { margin:0px; padding:0px; font-size:100%; font-weight:normal;}
#contents-area #blog .data {}
#contents-area #blog .title { width:650px; display:block; font-size:140%; font-weight:bold; border-bottom:1px solid #888; padding-bottom:10px;}
#contents-area #blog .entry { margin:20px 0px 50px 0px}


#wp-calendar { width:180px; text-align:center; margin:0px; padding:0px;}
.commentlist li { padding-bottom:10px; border-bottom:1px dotted #999; margin-bottom:10px;}

/*コンテンツ パーソナリティ*/

#perstit h2 { background:url(../img/pers/title.gif) no-repeat left; line-height:61px; height:61px;}
#contents-area #pers .post { width:540px; text-align:left; margin-left:25px;}
#contents-area #pers h3 { margin:0px 0px 10px 0px; padding:0px; font-size:110%; font-weight:bold;}
#contents-area #pers .entry {}
#contents-area #pers .entry p { margin-bottom:15px;}
#contents-area #side_pers p { background:url(../img/pers/image.jpg) no-repeat 0px 0px; margin:0px 0px 40px 0px; height:530px;}

#contents-area #pers .entry ul { margin:0px; padding:0px; list-style:none; text-align:left; margin-right:}
#contents-area #pers .entry ul li { margin:0px; padding:0px; display:block; width:540px; overflow:auto; line-height:230%;}
#contents-area #pers .entry ul .post-meta-key { display:block; width:40px; float:left; font-weight:bold;} 
#contents-area #pers .entry ul .hlist { display:block; width:460px; float:right;} 
#contents-area #pers .entry ul .ylist { display:none; margin-left:} 


/*コンテンツ ワークス*/

#sidebar2 #workstit h2 { background:url(../img/paint/title.gif) no-repeat left; line-height:61px; height:61px; text-indent:-9999px;}
#contents-area #works .post { width:480px; text-align:left; float:left;}
#contents-area #works h3 { margin:0px; padding:0px; font-size:100%; font-weight:normal; display:none;}
#contents-area #works .data { width:0px; display:block; font-size:80%; float:left; display:none;}
#contents-area #works .title { width:480px; display:block; font-size:120%; float:right; font-weight:bold; margin-bottom:10px;}
#contents-area #works .entry { margin:0px;}
#contents-area #works .entry img { margin:0px 10px 10px 0px; border:0px;}


/*コンテンツ MUSIC*/
#contents-area #sidebar4 { text-align:left;}
#contents-area #sidebar4 h2 { background:url(../img/music/title.gif) no-repeat left; line-height:61px; height:61px; text-indent:-9999px; margin:0px 0px 20px 0px; padding:0px;}
#contents-area #music .post { width:585px; text-align:left; margin-bottom:20px;}
#contents-area #music h3 { margin:0px 0px 10px 0px; padding:0px; font-size:110%; font-weight:bold; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
#contents-area #music .entry { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}
#contents-area #music .entry p { margin-bottom:15px; font-size:80%;}
#side_pers p { background:url(../img/pers/image.jpg) no-repeat left top; margin:0px 0px 40px 0px; height:490px;}

#contents-area #music .radio { background:url(../img/music/radio.gif); height:209px; margin-top:30px;}
#contents-area #music .mlist { background:#fff; text-align:center; padding:0px 0px 0px 0px; margin-top:30px;}
#contents-area #sidebar4 p { font-size:80%; margin:0px; padding:0px;}


/*コンテンツ ギャラリー*/

#header #galltit h2 { background:url(../img/shop/title.gif) no-repeat; line-height:61px; height:61px; text-indent:-9999px; width:250px;}
#header #galltit {width:250px; float:left; }

#contents-area #gall #gallf { width:750px; margin:0px auto;}
#contents-area #gall .post { display:block; width:210px; padding:0px 20px 35px 20px; text-align:left; float:left;}
#contents-area #gall h3 { margin:0px; padding:0px; font-size:100%; font-weight:normal;}
#contents-area #gall .data { width:110px; display:block; font-size:80%; float:left;}
#contents-area #gall .title { width:670px; display:block; font-size:120%; float:right; font-weight:bold;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#contents-area #gall .entry { margin:0px;}
#contents-area #gall .entry img { margin:0px 0px 15px 0px; border:1px solid #CCC;}


#contents-area #gall2 .sentry { margin:0px;}
#contents-area #gall2 .sentry img { margin:5px 0px 15px 0px; border:1px solid #CCC; float:left;}
#contents-area #gall2 .detailt { margin:0px; width:350px; float:right;}
#contents-area #gall2 .post { display:block; width:750px; padding:0px; text-align:left; margin:0px auto;}
#contents-area #gall2 h2 { background:url(../img/shop/title.gif) no-repeat right; line-height:45px; height:45px; text-indent:-9999px;}

#contents-area #gallf { padding:40px 0px 0px 0px;}
#contents-area #gallf .order a { margin:80px auto 0px auto; display:block; width:80px; background:url(../img/shop/oreder.jpg) no-repeat; text-indent:-9999px; line-height:20px;}
#contents-area #gallf .line { height:250px; border-bottom: 2px solid #CCC; margin-bottom:10px;}
#contents-area #pankuzu { margin:20px auto 0px auto; text-align:left; width:710px; color:#333;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold;}
#contents-area #pankuzu a { color:#333; text-decoration:none}
#contents-area #pankuzu a:hover { color:#333; text-decoration:underline;}

#contents-area #pankuzu2 { margin:20px auto 0px auto; text-align:left; width:750px; color:#333;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold;}
#contents-area #pankuzu2 a { color:#333; text-decoration:none}
#contents-area #pankuzu2 a:hover { color:#333; text-decoration:underline;}

#contents-area #gall .detail a { display:block; width:208px; border:#666; background-color:#666; text-align:center; line-height:20px; margin-top:10px; color:#FFF;}
#contents-area #gall .detail a:hover { display:block; width:208px; border:#666; background-color:#ccc; text-align:center; line-height:20px; margin-top:10px; color:#666;}


#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer;}

/*ツールチップ設定*/

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:10px; margin:5px; background:#fff; color:#333}
#ttbot {display:block; height:5px; margin:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}


#portrait {
	background:url(../img/portrait/bg.jpg) no-repeat right top;
	text-align:left;
}

#portrait .left {
	
}

#portrait .left h2 {
	height:60px;
	background:url(../img/portrait/title.jpg) no-repeat left top; text-align:left; padding:0px 0px 10px 0px; margin:0px;
	}
	
#portrait .left h3 {
	margin-bottom:10px; margin-top:10px;
	}

	
#portrait .pricelist {
	margin-top:30px;
}
#portrait .pricelist {
	margin-top:30px;
}

#portrait .pricelist h3 {
	margin-top:30px; margin-bottom:10px;
	font-size:16px; border-bottom:1px solid #666; line-height:40px; height:40px;
}
#portrait .pricelist h4 {
	font-size:14px;font-weight:normal;
	}
	
#portrait .pricelist table {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin-bottom:10px;
	text-align:center;
	}
	
#portrait .pricelist .add { 
display:block;
border:1px solid #999;
padding:20px;
background:#F3F3F3;
	}
	
#portrait .pricelist table td{
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC; padding:10px;
	}
	
#portrait .pricelist table th{
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC; padding:10px;
	background:#EEE; font-weight:bold;
	
	}
	
#contents-area2 #portrait .order a { margin:80px auto 0px auto; display:block; width:80px; background:url(../img/shop/oreder.jpg) no-repeat; text-indent:-9999px; line-height:20px;}