@charset "utf-8";
/*--------------------------------------------------
http://www.attame.jp/
Author:  attame
Version: May 2008
---------------------------------------------------*/

* { color:#2b1a0f; font: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Helvetica, sans-serif,Geneva, Arial; font-size:12px; font-weight:normal; line-height:150%; letter-spacing:0.05em; margin:0; padding:0; }
h1, h2, h3, h4, h5 { font-size:100%; font-weight:normal; line-height:150%; }
p {line-height:150%;}
a:link, a:visited, a:active { color:#ff8511; text-decoration:none;}
a img{ border:none;}
a:hover { text-decoration:underline;}
a:active { outline-color:invert; outline-style:none; outline-width:medium;}
/*-----------------------------------------------  clearfix  */
div:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0;	clear: both; }  
div { display: inline-block; } 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/*\*/
* html .clearfix{height:1%;}
.clearfix {display:block; clear: both;}
/*-----------------------------------------------  header  */
#header h1{ font-size:14px;}
#header a{ text-decoration:none;}
/*-----------------------------------------------  navi_container  */
#navigation{ display:none;}
/*-----------------------------------------------  main  */
#main{ width:100%; }
/*-----------------------------------------------  sub  */
#sub {display:none;}
/*-----------------------------------------------  footer  */
#footer{ display:none;}
/*------------------------------------------------- top_back -*/
#main #form #topbar { display:none; }
#main #form2 #topbar { display:none; }
/*------------------------------------------------- layoutform -*/
#main #form h1,#main #form2 h1,#main #form h2,#main #form h3 {font-size:14px; margin:10px 0;}
#main #form ul {list-style:none;}
#main #form .width600 { width:600px;}
#main #form .width560 { width:560px;}
#main #form .f_l {float:left;}
#main #form .f_r {float:right; text-align:right;}
/*-----------------------------------------------  yomusupple  */
#newcomer{ display:none;}
/*-------------------------------------------------bt more_info -*/
.readmore { display:none;}
.readmore_spe{ display:none;}
/*-------------------------------------------------topics -*/
#topics_top { display:none;}
#topics { display:none;}
/*-------------------------------------------------profile -*/
#main #form .profile { width:580px; position:relative; background: url(../_img/bg_profile01.gif) no-repeat #fdf5e6; margin:30px 0 30px 20px;}
#main #form .profile .name { margin:0; padding:10px 0 10px 120px;}
#main #form .profile .photo {position:absolute;top:30px;left:-18px;}
#main #form .profile .profile_bottom { height:25px; background: url(../_img/bg_profile02.gif) 0 bottom no-repeat #fdf5e6;}
#main #form .profile p{ margin:0px ; padding:0 0 0 120px;}
/*-------------------------------------------------waku -*/
.linewaku {background: url(../_img/bg_waku01.gif) top no-repeat; margin:20px 0; padding:0;}
.linewaku_bottom { height:25px; background:url(../_img/bg_waku02.gif) bottom no-repeat; margin:0; padding:0;}
.tenwaku { background: url(../_img/bg_wakuten01.gif) top no-repeat; margin:20px 0; padding:0;}
.tenwaku_bottom {height:25px; background:url(../_img/bg_wakuten02.gif) bottom  no-repeat; margin:0; padding:0;}
.fullwaku { position:relative; background:url(../_img/bg_wakufull01.gif) no-repeat; margin:20px 0; padding:0;}
.fullwaku_bottom { width:600px; height:25px; background:url(../_img/bg_wakufull02.gif)  bottom no-repeat; margin:0; padding:0;}

.linewaku h4 { margin:0; padding:0 0 20px 0;}
.tenwaku h4{ margin:0; padding:0 0 20px 0;}
.linewaku .illust{ margin:0; padding:0 20px;}
.tenwaku .illust{ margin:0; padding:0 10px;}
.waku_padding20 { margin: 0; padding:20px 20px 0 20px;}
.tenline { height:5px; background:url(../_img/im_tenlineyoko.gif) repeat-x; margin:10px; padding:0;}
.linewaku dl{margin:0; padding:5px 0;}
.tenwaku dl{margin:0; padding:0 0 10px 0;}
.tenwaku ul{margin:0; padding:0 0 10px 0;}
/*------------------------------------------------- special top -*/
#main #form #special { width:600px; margin:0; padding:0 0 20px 0;}
#main #form #special .special_top{font-size:18px; color:#ff8511;}
#main #form #special .special_cate01 h3{ font-size:18px; color:#ff8511; }
#main #form #special .special_cate02 h3{ font-size:18px; color:#ff8511; }
/*------------------------------------------------- special_introduction -*/
#main #form #special .intro_top { margin:0; padding:0;} 
#main #form #special .intro_step dl { width:600px; margin:0; padding:20px 0 0 0;}
#main #form #special .intro_step dt {margin:0; padding:0 0 10px 0;}
#main #form #special .intro_step dd {margin:0; padding:0 0 10px 0;}
#main #form #special .intro_step h4 {margin:0; padding:10px 0;}
/*------------------------------------------------- special_interview -*/
#main #form #special .interview_top {margin:0; padding:0 0 50px 0;}
#main #form #special .interview_present {margin:0; padding:0 0 20px 0;}
#main #form #special .interview_talk dl {margin:0; padding:0 0 15px 0;}
#main #form #special .interview_talk dt {margin:0; padding:10px 0 5px 0;}
#main #form #special .interview_talk dd {margin:0; padding:0 0 5px 0;}
#main #form #special .interview_quad { width:260px; margin:0 5px;}
#main #form #special .interview_quad dt {margin:0; padding:10px 0 0 0;}
#main #form #special .interview_quad dd {margin:0; padding:10px 0 0 0;}
#main #form #special .interview_steptx { margin:0; padding:0 0 0 100px;}
/*------------------------------------------------- special_items -*/
#main #form #special .items_top { margin:0;padding:0;}
#main #form #special .items_l {float:left; text-align:right;}
#main #form #special .items_r {float:right;}
#main #form #special .item_details {width:370px;padding:35px 0 0 0; }
#main #form #special .items_img {margin-top:25px}
/*-------------------------------------------------  bath top-*/
#main #form #bath { width:600px; margin:0; padding:0 0 20px 0;}
#main #form #bath .bath_top { position:relative; margin:0;padding:0 0 10px 0;}
#main #form #bath .bath_step { margin:20px 0; padding:0;}
#main #form #bath .bath_step dl{ width:600px; margin:0; padding:10px 0 10px 0;}
#main #form #bath .bath_step dt{ margin:0; padding:10px 0;}
#main #form #bath .bath_step dd{ margin:0; padding:0 0 20px 0;}
#main #form #bath .monitor{ width:180px; height:227px; position:absolute; right:20px; top:0;}
#main #form #bath .monitor a{ width:180px; height:227px; display:block; background:url(../bath/_img/bt_monitor01.gif) no-repeat; text-indent:-5000em;}
#main #form #bath .monitor a:hover{ background-position: -179px 0;}
#main #form #bath .monitor2{ width:180px; height:227px; position:absolute; right:20px; top:-20px;}
#main #form #bath .monitor2 a{ width:180px; height:227px; display:block; background:url(../bath/_img/bt_monitor02.gif) no-repeat; text-indent:-5000em;}
#main #form #bath .monitor2 a:hover{ background-position: -179px 0;}
/*-------------------------------------------------*/
/*-------------------------------------------------  exercise top-*/
#main #form #exercise {width:600px; margin:0; padding:0 0 20px 0;}
#main #form #exercise .exercise_top { font-size:12px; color:#ab6b44;}
#main #form #exercise .exercise_cate01 h3{ font-size:18px; color:#ff8511;}
#main #form #exercise .exercise_cate02 h3{ font-size:18px; color:#ff8511;}
/*-------------------------------------------------  exercise_yoga-*/
#main #form #exercise .yoga_top {margin:0; padding:0 0 20px 0;}
#main #form #exercise .yoga_step { width:600px; margin:0; padding:10px 0;}
#main #form #exercise .yoga_step ul {margin:0; padding:0 0 10px 0;}
#main #form #exercise .yoga_step dl {margin:0; padding:0 0 10px 0;}
#main #form #exercise .yoga_step dt {margin:0; padding:10px 0;}
#main #form #exercise .yoga_step dd {margin:0; padding:0 0 15px 0;}
#main #form #exercise .yoga_step .yoga_illust{margin:0; padding:20px;}
#main #form #exercise .yoga_step .kouka { width:100px; height:30px; background:url(../exercise/_img/pt_01.gif) no-repeat; text-indent:-5000em;}
#main #form #exercise .yoga_step .textpadding { padding:40px 0 0 0;}
/*-------------------------------------------------*/
/*-------------------------------------------------  gourmet top-*/
#main #form #gourmet {width:600px; margin:0; padding:0 0 20px 0; }
#main #form #gourmet .gourmet_top { font-size:12px; color:#ab6b44;}
#main #form #gourmet .gourmet_cateti01 h3{ font-size:18px; color:#ff8511;}
#main #form #gourmet .gourmet_cateti02 h3{ font-size:18px; color:#ff8511;}
#main #form #gourmet .gourmet_cateti03 h3{ font-size:18px; color:#ff8511;}
#main #form #gourmet .gourmet_cateti04 h3{ font-size:18px; color:#ff8511;}
#main #form #gourmet .tukuri ul { margin:0; padding:0 0 10px 0;}
#main #form #gourmet .tukuri dl {margin:0; padding:0 0 10px 0;}
#main #form #gourmet .tukuri dt {margin:0; padding:10px 0;}
#main #form #gourmet .tukuri dd {margin:0; padding:0 0 5px 0;}
#main #form #gourmet .tukuri_text{ margin:0; padding:0 10px;}
#main #form #gourmet .tukuri_point{ display:block; width:350px; background:url(../gourmetclub/_img/bg_souppoint01.gif) 0 top no-repeat;}
#main #form #gourmet .tukuri_point_text{ margin:0; padding:25px 10px 0; text-align:left;}
#main #form #gourmet .tukuri_point_bottom{ width:350px; height:15px; background:url(../gourmetclub/_img/bg_souppoint02.gif) 0 bottom no-repeat; bottom:0;}
/*-------------------------------------------------  gourmet_soup-*/
#main #form #gourmet .soup_top {margin:0; padding:20px 0;}
#main #form #gourmet .soup_tx {margin:0; padding:20px 0;}
#main #form #gourmet .soup_zairyo { width:600px; height:40px; background:url(../gourmetclub/_img/ti_soup01.gif) no-repeat; margin:0; padding:20px 0 0 0;}
#main #form #gourmet .zairyo_tx{ text-align:left; margin:0; padding:0 20px 0 10px;}
#main #form #gourmet .soup_tukuri { width:600px; height:45px; background:url(../gourmetclub/_img/ti_soup02.gif) no-repeat; margin:0; padding:20px 0 0 0;}
/*-------------------------------------------------  gourmet_foodColumn-*/
#main #form #gourmet .food_top{ margin:0; padding:0;}
#main #form #gourmet .food_step{ width:600px; margin:0; padding:20px 0 10px 0;}
#main #form #gourmet .food_step dl{ margin:0; padding:10px 0 0 0;}
#main #form #gourmet .food_step dt{ margin:0; padding:0 0 20px 0;}
#main #form #gourmet .food_step dd{ margin:0; padding:0 0 5px 0;}
#main #form #gourmet .food_step h4{ margin:0; padding:10px 0;}
#main #form #gourmet .food_quad{ width:240px; margin:0; padding:0 10px;}
#main #form #gourmet .food_quad dt {margin:0; padding:10px 0 0 0;}
#main #form #gourmet .food_quad dd {margin:0; padding:10px 0 0 0;}
/*-------------------------------------------------*/
/*-------------------------------------------------   top-*/
#main #form #wiki {width:600px; margin:0; padding:0 0 20px 0;}
#main #form #wiki .wiki_new{ width:600px; position:relative;padding:25px 0 20px 0;}
#main #form #wiki .wiki_new h2{ }
#main #form #wiki .wiki_new ul{ padding:15px 0 15px 60px;border-top:1px solid #ffe3a7;border-bottom:1px solid #ffe3a7;}
#main #form #wiki .wiki_new ul li{float:left; margin:0; padding:10px 30px 0 0;}
/*-------------------------------------------------   health-*/
#main #form #wiki .health_list {margin:0; padding:20px 0 0 0;}
#main #form #wiki .health_list h2{}
#main #form #wiki .health_list ul{padding:10px 0 35px 0;}
#main #form #wiki .health_list ul li{ float:left; background:url(../wiki/_img/pt_health.gif) left 13px no-repeat; margin:0; padding:10px 20px 0 15px; }
#main #form #wiki .health_list ul li a{color:#1d3855;}
#main #form #wiki .health_wiki { width:600px;}
#main #form #wiki .health_wiki dl{ margin:10px 0; background: url(../wiki/_img/bg_words.gif) 0 10px repeat-x;}
#main #form #wiki .health_wiki dt{ width:140px; height:20px; float:left; background:url(../wiki/_img/bg_health01.gif) 0 top no-repeat; text-align:center; color:#FFFFFF;}
#main #form #wiki .health_wiki dt.bg_bottom{ width:140px; height:40px; background:url(../wiki/_img/bg_health04.gif) 0 0 no-repeat; vertical-align:middle;}
#main #form #wiki .health_wiki dd{ width:400px; float:right; background:url(../wiki/_img/bg_health02.gif) right 0 no-repeat; padding:20px 15px 0 15px}
#main #form #wiki .health_wiki dd.health_bottom{ height:25px; background:url(../wiki/_img/bg_health03.gif) right 0 no-repeat;}
/*-------------------------------------------------   beauty-*/
#main #form #wiki .beauty_list  { margin:0; padding:20px 0 0 0;}
#main #form #wiki .beauty_list h2{ }
#main #form #wiki .beauty_list ul{padding:10px 0 35px 0;}
#main #form #wiki .beauty_list ul li{ float:left; background:url(../wiki/_img/pt_beauty.gif) left 13px no-repeat; margin:0; padding:10px 20px 0 15px;}
#main #form #wiki .beauty_list ul li a{color:#f26688;}

/*------------------------------------------------- NEWS -*/
#main #form2 #news-index{margin:0;padding:0;width:600px; height:500px;}
#main #form2 #news-index dl{border-bottom:dotted #CCCCCC 1px; margin:0; padding:10px 0 10px 0;}
#main #form2 #news-index dl dt{float:left; width:120px;text-indent:20px;background:url(../news/_img/icon_news_arrow.gif) 0 3px no-repeat;}
#main #form2 #news-index dl dd{float:left; width:480px; font-size:13px;}
/*- news/media.html -*/
#main #form2 #news{margin:0;padding:0;width:600px;}
#main #form2 #news p{background:url(../news/_img/p_news_leadtxt.gif) 0 0 no-repeat;text-indent:-9999px;}
#main #form2 #news h2{text-indent:20px;background:url(../news/_img/icon_news_arrow.gif) 0 0 no-repeat;line-height:12px;margin:20px 0 20px 0;}
#main #form2 #news .f_l{float:left;}
#main #form2 #news .f_r{float:right;}
#main #form2 #news ul{padding:0 0 30px 10px;border-bottom:dotted #CCCCCC 1px; list-style:none;}
#main #form2 #news ul li.data{width:380px;margin-left:20px;margin-bottom:10px;}
#main #form2 #news ul li.data dl dt{font-size:14px; line-height:130%; font-weight:bold;color:#5e3721; padding:0 0 5px 0;}
#main #form2 #news ul li.item_list{width:380px;margin-left:20px; margin-top:5px; margin-bottom:10px;}
#main #form2 #news ul li.item_list dt{font-size:10px;font-weight:bold;background:url(../news/_img/news_item_list_dt.gif) 0 0 no-repeat;line-height:28px;padding:0 10px;color:#5e3721;}
#main #form2 #news ul li.item_list dd{font-size:10px;background:#fdf5e6 url(../news/_img/news_item_list_dd.gif) 0 bottom no-repeat;padding:0 10px 10px 10px;color:#5e3721;}
#main #form2 #news ul li.view_pdf{width:380px;margin-left:20px;}
#main #form2 #news ul li.attention{width:380px;margin-left:20px;font-size:10px;color:#5e3721;}
/*- news/event.html -*/
#main #form2 #event{margin:0;padding:0;width:600px;}
#main #form2 #event p{background:url(../news/_img/p_event_leadtxt.gif) 0 0 no-repeat;text-indent:-9999px;}
#main #form2 #event h2{text-indent:20px;background:url(../news/_img/icon_news_arrow.gif) 0 0 no-repeat;line-height:12px;margin:20px 0 20px 0;}
#main #form2 #event h3{width:560px;height:75px; margin-left:20px;background:url(../news/_img/h3_event.gif) 0 0 no-repeat;text-indent:-9999px;}

#main #form2 #event ul{padding:0 0 30px 10px;border-bottom:dotted #CCCCCC 1px; list-style:none;}
#main #form2 #event ul li.READ{font-size:10px;width:500px; margin-left:20px;padding:5px 0 20px 0;color:#ab6b44;}

#main #form2 #event ul li.data{width:500px; margin-left:20px;}
#main #form2 #event ul li.data dl dt{font-size:14px; line-height:130%; font-weight:bold;color:#5e3721; padding:0 0 5px 0;}
#main #form2 #event ul li.data dl dd{font-size:10px; padding:0 0 20px 0;}

#main #form2 #event ul li.item_list{width:460px;margin:0 0 15px 20px;padding:10px 20px;color:#5e3721; border:solid 1px #f26688;}
#main #form2 #event ul li.item_list dt{font-size:16px;font-weight:bold;color:#f26688;}
#main #form2 #event ul li.item_list dd{font-size:10px;}
#main #form2 #event ul li.item_list dd .reed{font-size:12px;font-weight:bold; margin-bottom:10px;}
#main #form2 #event ul li.item_list .entry{font-size:10px; margin:15px 0;}
#main #form2 #event ul li.item_list .attention{font-size:9px;}

#main #form2 #event ul li.logo_tamasc{width:208px; height:25px;margin:0 0 0 25px;}
/*------------------------------------------------- Privacy Policy & Terms of Service-*/
#main #form2 #privacy_terms {margin:0;padding:0;width:600px;}
#main #form2 #privacy_terms h2{margin:0; padding:0 0 10px 0;font-size:15px;font-weight:bold;color:#5e3721;line-height:18px;text-indent:20px;background: url(../_img/im_point01.gif) no-repeat;}
#main #form2 #privacy_terms h3{padding:10px 0 0 0;font-weight:bold;color:#5e3721;}
#main #form2 #privacy_terms p{ padding:5px 0 10px 0;}
#main #form2 #privacy_terms ul{ padding:0 0 30px 20px;}
#main #form2 #privacy_terms ul li{list-style-type:circle;}
#main #form2 #privacy_terms ol{ padding:5px 0 10px 30px; list-style:decimal; list-style-position:inherit;}
#main #form2 #privacy_terms ol.kaco{padding:0 0 10px 40px; list-style:lower-alpha;}
#main #form2 #privacy_terms ol.maru{ list-style:disc;}
/*------------------------------------------------- Site Map -*/
#main #form2 #sitemap{margin:0;padding:0; width:600px;}
#main #form2 #sitemap h2{margin:0 0 20px 0;font-size:15px;font-weight:bold;color:#5e3721;line-height:18px;text-indent:20px;background: url(../_img/im_point01.gif) no-repeat;}
#main #form2 #sitemap ul {padding:10px 0 10px 20px; border-bottom:dotted #CCCCCC 1px; list-style:none;}
#main #form2 #sitemap ul li.mainpage a{color:#5e3721; font-size:13px; padding:0 0 5px 0;}
#main #form2 #sitemap ul li.mainpage a:hover{color:#ff8511; font-size:13px;}
#main #form2 #sitemap ul li.subpage{padding:5px 0 5px 150px; margin:0;}
/*------------------------------------------------- Collection -*/
#main #form2 #collection{margin:0;padding:0; width:600px;}
#main #form2 #collection .collection_title{width:600px; margin:0; padding:20px 0 0 0; border-bottom: solid #5e3721 1px; font:14px bold; color:#5e3721; line-height:14px;}
#main #form2 #collection .collection_title2{width:600px; margin:0; padding:10px 0 0 5px; color:#ab6b44; border-bottom: dotted #c9b1a0 1px;}
#main #form2 #collection ul { margin:0pt;padding:5px 0;}
#main #form2 #collection ul li { width:600px; display:block; list-style-type:none; margin:0; padding:5px 0 0 0; }
#main #form2 #collection .num { width:25px; font-family:century gothic; text-align:center; color:#83CDE1; float:left; border:1px dotted #BBE0EB;}
#main #form2 #collection .date { margin:0; padding:0 0 0 5px; font-family:century gothic; color:#ab6b44;}
#main #form2 #collection p { float:left; font-size:0.85em; margin:0; padding:0 5px 0 5px;}