@import url("bass.css");

.top{text-align:right;}
.top_space{text-align:right; padding-bottom:400px;}

#page ,#page_top {background: #ffffff;width: 845px;margin-left:auto; margin-right:auto; text-align: left; }

#top_index { width:616px; padding: 3px 10px;border: 0px solid #af1111;border-top: 0px;background:#d21414; color: #FFFFFF;font-weight: bold; float:left;}
#top { padding: 3px 10px;border: 0px solid #af1111;border-top: 0px;background:#d21414; color: #FFFFFF;font-weight: bold;}
#favorite { padding: 2px 10px 3px 10px; background:#d21414;float:right;}
#head {color: white;border-bottom: 0px solid #F68F8F;}
#head2 {height: 98px;border: 0px solid #F68F8F; }

#header{padding: 1px 0px 1px 0px;margin: 0px;height: 17px;background: #F3F3F3;color: #F68F8F;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #CCCCC0;}
#header a:link{color: #F68F8F;}
#header a:visited{color: #F68F8F;}
#logo {float: left;width: 250px; margin:0px; padding:0px; border: 0px;}
#freedial {float: right;width: 350px;height: 70px;}
#bread{ font-size:10px; padding:0px 0px 0px 4px; margin:0px 0px 3px 0px; background:#f7f7fa; clear:both;}

#menu {background: #ffffff;border-top: 0px solid #FFFFFF;border-bottom: 0px solid #FFFFFF;height: 30px;border: 0px;}
#menu li{float: left;color: #F68F8F;list-style: none;}
#menu a{color: #F68F8F;}
#menu a:hover{color: #000000;background: #D7E1EC;}
#menu p{float:left;}
/*-----------------------------------------------*/
#page_top h3{border-left:0px;border-bottom:1px solid #CC3333; width:635px;}
#page_top dl{ margin:0px; }
#page_top dt{ color:#CC3333;}
#page_top dd{}
#page_top #main {width:640px; padding:0px 0px 0px 0px; float:right; text-align:left;}

#main {width:626px; padding:0px 14px 0px 0px; float:right; text-align:left;}
#main p {margin: 2px 0px 4px 0px; }
#main ul { margin:0px 22px 10px 20px; color: #333366;}
#main ul#tab{ margin:0px 0px 30px 0px;  height:19px; border-bottom:1px solid #ff7373; }
#main #tab li{ float:left; margin-right:10px; display:block; width:110px; text-align:center; border:1px solid #ff7373; border-bottom:0px;  background-color:#fff0f0;}
#main li#active_tab{background-color:#ff7373; font-weight:bold;}
#main li#active_tab a{ color: #333366;}

#ninki dt{height:38px; width:38px;padding-top:2px; margin:0px 4px 0px 0px; float:left; clear:both;}
#ninki dd{padding-top:2px;}
#ninki span{font-weight:bold; display:block;}

ul#top_uranaishi_link { clear:both;}
ul#top_uranaishi_link li{float:left;}

#prof_data {height:160px;}
#main p.prof_img {  border:1px solid #000000;float: left; margin:0px 2px 0px 0px; }

#main dl#uranaishi{ width:472px; padding:0px; float:left; margin:0px; }
#main dl#uranaishi dt , #main dl#uranaishi dd { height:21px; padding:3px 0px 0px 2px ;border:1px solid #cc3333; margin:0px 0px 2px 0px; float:left;}
#main dl#uranaishi dt {width:67px; font-weight:bold;  color:#FFFFFF; background:#cc3333; clear:both; margin :0px 2px 0px 0px; }
#main dl#uranaishi dd {width:395px; }
#main dl#uranaishi dd span{font-size:110%;}
#main dl#uranaishi dt.prof_senjyutu{height:29px; padding:9px 0px 0px 2px ; }
#main dl#uranaishi dd.prof_senjyutu{height:36px; padding:2px 0px 0px 2px ; }
#prof_comment { margin:5px 0px 10px 0px;  padding:0px 3px; border:2px dashed #ff7373; color:#ff3333; background:#ffffff; clear:both;}
#prof_comment p {padding:0px 4px;}
#prof_comment h3 { font-weight:bold; font-size:110%; border:0px; color:#ff3333; margin:4px 0px;}

#ichiran{ padding:12px;}
#ichiran dt{ padding:5px 2px 0px 0px; height:60px; clear:both;float:left;}
#ichiran dd{ padding-top:2px;height:63px; }

.senjyutu{ padding-left:6px; font-size:110%; font-weight:bold;color: #CC3333;}
.imgbox_f {margin: 0px 10px 1em;float: right;}
.imgbox_f img{border: 1px solid #666666;}

table#prof { border:1px solid #000000; width:600px;text-align:center;border-collapse:collapse;}
table#prof th , table#prof tr , table#prof td{border:1px solid; height:10px; marign:0px;}
table#prof .prof_img {width:150px;}
table#prof .name{ background:#9d0000; font-weight:bold; border:0px;}
table#prof .h{ width:50%; font-weight:bold; background:#fff000;}
table#prof .h_senjyutu{ width:100%; font-weight:bold; background:#fff000;}
table#prof .senjyutu_text{text-align:left; height:28px;}

#senjyutu_ichiran h3{ margin-top: 30px; }
#senjyutu_ichiran ul{ margin-left: 40px; }
#senjyutu_ichiran li{ margin-bottom:5px;}

#ryokin_table{ border:1px solid #9fb6e6; border-collapse:collapse; }
#ryokin_table td{ border:1px solid #9fb6e6;padding:2px 4px;} 
#ryokin_col1{ width:110px; background:#e6ecf8;} 
#ryokin_col2{ width:150px;} 

#jiten{ font-weight:bold;color:#FFFFFF; background: #d0204c; padding:1px 5px;}

#img{ margin:0px; padding:0px; width:640px; height:180px; background-image:url("/img/index.gif");}

div.step{border:1px solid #ffa4a4; padding:10px; margin:0px 0px 10px 20px; width:550px; background:#fff7f7;}
#qr_address{ vertical-align:middle;}

#main h3#goriyo_nagare{ border:0px; margin:30px 0px 10px 0px;}
#main div.step h4{ border:0px; margin:0px 0px 10px 0px; padding:0px; color:#FF6666;}
#main div.step p{ border:0px; margin:0px; padding:0px;} 
#main p.yajirusi{ margin:0px 0px 10px 280px; line-height:0px;}

#mail_table{  }
#mail_table td{padding:2px 4px;} 
#mail_col1{ background:#e6ecf8;} 
/*-----------------------------------------------*/
#submenu {width: 194px; float: left; padding:0px 0px 0px 1px; margin-bottom:60px;}
#submenu p{margin-bottom:12px; }
#submenu li{margin: 0px 0px 9px 0px;color: #F68F8F;list-style: none;}
/*
#submenu2 {width: 195px;height: 20px;float: left;overflow: hidden;}
#submenu2 li{float: left;margin: 0px 0px 8px 0px;color: #F68F8F;list-style: none;}
*/
h4#h_free_contents{ width:189px; margin:24px 0px 0px 0px; border:0px; color:#FFFFFF; background:#f94848; text-align:center;}
dl#free_contents{ padding-top:12px; border:#f94848 solid 0px; width:189px;}
dl#free_contents dt { text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 14px;  background:url(../img/list_mark01.gif) no-repeat;}
dl#free_contents dt a{ position:relative; bottom:3px; }
div#submenu dl#free_contents img  { margin-bottom:5px; display:block;}


#mobile{padding:1px; margin:10px 0px 10px 0px; text-align:left; border:1px solid #9e0205;height:114px; width:185px; }
#mobile p{margin:0px;}
#mobile img {vertical-align:middle; background:#ffff00; }

p#qr_url{ }
div#mobile p#qr_url img{float:left; margin:0px; padding:0px; }
#mobile #qr_url span{ padding:5px 0px 0px 0px;  display:block;}


/*-----------------------------------------------*/
#foot {width: 845px;border-top: 1px solid #FFFFFF;padding: 0px;text-align: center;clear: both;margin: 0px;background: #d21414;color: #FFFFFF;}
#foot p{margin: 5px 0px 0px;padding: 5px 0px;}
#foot a{color:#FFFFFF;}


/*-----------------------------------------------*/

/*
#main2_index { position:relative; top:427px; margin: 0px 0px 20px 0px;float: left;border-left: 0px solid #CCCCCC;background: #FFFFFF;width: 640px;border-right: 0px solid #CCCCCC;line-height: 140%;}
*/
#main2_index { position:relative; top:427px;  margin: 0px 0px 20px 0px;float:left;border-left: 0px solid #CCCCCC;background: #FFFFFF;width: 640px;border-right: 0px solid #CCCCCC;line-height: 140%;}
#main2_index p {margin: 0px 30px 20px 10px;color: #333366;}
#main2_index ul {margin-left: 30px;margin-bottom: 1em;color: #333366;}

#main2 { margin: 0px 0px 20px 0px;float: left;border-left: 0px solid #CCCCCC;background: #FFFFFF;width: 640px;border-right: 0px solid #CCCCCC;line-height: 140%;}
#main2 p {margin: 0px 30px 20px 10px;color: #333366;}
#main2 ul {margin-left: 30px;margin-bottom: 1em;color: #333366;}

/*
#main3_index { position:relative; top:427px; margin: 10px 0px 0px 0px;float: right;border-left: 0px solid #CCCCCC;background: #FFFFFF;width: 180px;border-right: 0px solid #CCCCCC;line-height: 140%;}
*/
#main3_index { position:relative; top:437px;  margin: 10px 0px 0px 0px;float: right;border-left: 0px solid #CCCCCC;background: #FFFFFF;width: 180px;border-right: 0px solid #CCCCCC;line-height: 140%;}
#main3_index p {margin: 0px 0px 0px 10px;}
#main3_index ul {margin-left: 10px;margin-bottom: 1em;}

#main3 {margin: 10px 0px 0px 0px;float: right;border-left: 0px solid #CCCCCC;background: #FFFFFF;width: 180px;border-right: 0px solid #CCCCCC;line-height: 140%;}
#main3 p {margin: 0px 0px 0px 10px;}
#main3 ul {margin-left: 10px;margin-bottom: 1em;}
/*
#ryokin {border-left: 0px solid #CCCCCC;background: #FFFFFF;width: 180px;border-right: 0px solid #CCCCCC;line-height: 140%;}
#ryokin img {border: 0px;	width: 180px;height: 93px;}
#mailkaiin {margin: 10px 0px 0px 0px;border-left: 0px solid #CCCCCC;background: #FFFFFF;width: 180px;border-right: 0px solid #CCCCCC;line-height: 140%;}
#mailkaiin img {border: 0px;	width: 180px;height: 93px;}
*/
#blood {margin: 10px 0px 0px 0px;border-left: 0px solid #CCCCCC;background: #FFFFFF;width: 180px;height: 93px;border-right: 0px solid #CCCCCC;line-height: 140%;}
#blood img {width: 180px;height: 93px;}

div.blood_button{width:600px; margin:10px 0px 0px 0px;}
.blood_button span{ display:block; margin-left:120px;}
.blood_button a{display:block;}

p#blood_a{background:url(/img/blood/a_button.gif) no-repeat; width:241px; height:94px; float:left; margin-right:20px;}
p#blood_a .a1 {background:url(/img/blood/blood_a1r.gif) no-repeat; }
p#blood_a .a1 a{background:url(/img/blood/blood_a1.gif) no-repeat; width:112px; height:32px;text-indent:-8000px;}
p#blood_a .a1 a:hover{background:url(/img/blood/blood_a1r.gif) no-repeat; width:112px; height:32px;text-indent:-8000px;}
p#blood_a .a2 {background:url(/img/blood/blood_a2r.gif) no-repeat;}
p#blood_a .a2 a{background:url(/img/blood/blood_a2.gif) no-repeat; width:112px; height:32px;text-indent:-8000px;}
p#blood_a .a2 a:hover{background:url(/img/blood/blood_a2r.gif) no-repeat; width:112px; height:32px;text-indent:-8000px;}

p#blood_b{background:url(/img/blood/b_button.gif) no-repeat; width:241px; height:94px;float:left;}
p#blood_b .a1 {background:url(/img/blood/blood_b1r.gif) no-repeat; }
p#blood_b .a1 a{background:url(/img/blood/blood_b1.gif) no-repeat; width:112px; height:32px;text-indent:-8000px;}
p#blood_b .a1 a:hover{background:url(/img/blood/blood_b1r.gif) no-repeat; width:112px; height:32px;text-indent:-8000px;}
p#blood_b .a2 {background:url(/img/blood/blood_b2r.gif) no-repeat;}
p#blood_b .a2 a{background:url(/img/blood/blood_b2.gif) no-repeat; width:112px; height:32px;text-indent:-8000px;}
p#blood_b .a2 a:hover{background:url(/img/blood/blood_b2r.gif) no-repeat; width:112px; height:32px;text-indent:-8000px;}

p#blood_o{background:url(/img/blood/o_button.gif) no-repeat; width:241px; height:94px; float:left;margin-right:20px;}
p#blood_o .a1 {background:url(/img/blood/blood_o1r.gif) no-repeat; }
p#blood_o .a1 a{background:url(/img/blood/blood_o1.gif) no-repeat; width:112px; height:32px;text-indent:-8000px;}
p#blood_o .a1 a:hover{background:url(/img/blood/blood_o1r.gif) no-repeat; width:112px; height:32px;text-indent:-8000px;}
p#blood_o .a2 {background:url(/img/blood/blood_o2r.gif) no-repeat;}
p#blood_o .a2 a{background:url(/img/blood/blood_o2.gif) no-repeat; width:112px; height:32px;text-indent:-8000px;}
p#blood_o .a2 a:hover{background:url(/img/blood/blood_o2r.gif) no-repeat; width:112px; height:32px;text-indent:-8000px;}

p#blood_ab{background:url(/img/blood/ab_button.gif) no-repeat; width:241px; height:94px;float:left;}
p#blood_ab .a1 {background:url(/img/blood/blood_ab1r.gif) no-repeat; }
p#blood_ab .a1 a{background:url(/img/blood/blood_ab1.gif) no-repeat; width:112px; height:32px;text-indent:-8000px;}
p#blood_ab .a1 a:hover{background:url(/img/blood/blood_ab1r.gif) no-repeat; width:112px; height:32px;text-indent:-8000px;}
p#blood_ab .a2 {background:url(/img/blood/blood_ab2r.gif) no-repeat;}
p#blood_ab .a2 a{background:url(/img/blood/blood_ab2.gif) no-repeat; width:112px; height:32px;text-indent:-8000px;}
p#blood_ab .a2 a:hover{background:url(/img/blood/blood_ab2r.gif) no-repeat; width:112px; height:32px;text-indent:-8000px;}

.blood_button .a1{ margin-top:8px; }
.blood_button .a2{ margin-top:12px; }

#links {margin: 15px 0px 0px 0px;border-left: 0px solid #CCCCCC;background: #FFFFFF;width: 180px;border-right: 0px solid #CCCCCC;line-height: 140%;}
#links img {width: 180px;height: 93px;}
#footer2{text-align: left;float:left;height: 90px;width: 470px;margin: 0px 0px 0px 10px;border-top: 1px solid #ffffff;background: #ffffff;line-height: 140%;}
#footer2 p{margin: 6px 0px 0px 0px;}
#footer3{text-align: left;float: right;height: 90px;width: 200px;margin: 0px 0px 0px 10px;border-top: 1px solid #ffffff;background: #ffffff;line-height: 140%;}
#footer3 p{margin: 6px 0px 0px 0px;}
ul.arrow01{list-style:none;}
ul.arrow01 li{display:inline;}
.sample {background-image : url("../img/menu1.gif")}
.margin {margin-left: 30%;border: #000000 1px solid}
.list {list-style-image: url("../img/hart.gif")}
/*.strong {color: #ffffff;text-align: center;}*/
p.sample1 {margin: 5px 0px 0px 15px;}
p.sample2 {margin: 0px 0px 10px 8px; }
p.sample3 {margin: 12px auto 0px 10px; }
p.sample4 { padding: 0px 0px 10px 0px;}
p.sample5 {width: 610px; text-align: center; margin: 3px auto 3px auto; padding: 0.5em; border:double 3px #f8dce0; background-color:#f8dce0; clear:both;}
p.sample6 {float: right;margin: 0px 10px 1em 30px;}
p.sample7 {float: right;margin: 0px 10px 0.5em 10px;}
p.sample8 {float: left;margin: 0px 40px 0.5em 0px; padding:4px 10px 0px 0px;}
p.sample9 {color: #000000;}
#imbgox {float: right;background-color: #ffffff;margin: 3px auto 3px auto;}
#topicPath_02 {float:left;margin: 3px 0px 0px 10px;}
#topicPath_02 li {float:left;line-height:110%;list-style-type:none;}
#topicPath_02 li a {margin-right:5px;padding-right:10px;background:url(../img/topicpath.gif) no-repeat right center;}
#uindex {width: 730px;background-repeat: no-repeat;border: 0px solid #F68F8F;}

/*
div.uindexRight{float:left;width:330px;height:700px;border:1px solid #f58ff8;overflow:auto;scrollbar-3dlight-color:#f6f6f6;scrollbar-arrow-color:#444444;scrollbar-track-color:#f6f6f6;scrollbar-darkshadow-color:#f6f6f6;scrollbar-face-color:#f6f6f6;scrollbar-highlight-color:#ffffff;scrollbar-shadow-color:#ffffff;}
div.uindexleft{float:left;width:330px;height:700px;margin-left:1px;border:1px solid #f58ff8;overflow:auto;scrollbar-3dlight-color:#f6f6f6;scrollbar-arrow-color:#444444;scrollbar-track-color:#f6f6f6;scrollbar-darkshadow-color:#f6f6f6;scrollbar-face-color:#f6f6f6;scrollbar-highlight-color:#ffffff;scrollbar-shadow-color:#ffffff;}
*/
.sticky {padding: 3px 10px;border-bottom: 1px solid #CCCCC0;border-right: 1px solid #CCCCC0;background-color: #FFCCCC;color: #FFFFFF;}
.pager{text-align:center;}
.pager span{ width:40px; font-weight:bold; background-color:#FFDFEF;}


span#happy{ text-align:center; }
span#hosoki{ text-align:center; }

#zodiac_table{border:1px solid;  border-collapse:collapse; margin:12px 12px;}
#zodiac_table thead{text-align:center; background:#c6ccff;}
#zodiac_table td,#zodiac_table th{border:1px solid; padding:4px;}
#zodiac_table colgroup{width:150px;}

#seiza_img{ float:left;}
/*#seiza_data dt{float:left;}*/

div.psycho{padding:8px; margin:8px 8px 8px 0px; background:#fffdfe; border:#ffe1ee solid 1px;}
div.psycho a{color:#FF3300;}
div.psycho dl.index a{ text-decoration:none;}
.psycho_text{ padding:4px; margin:4px; border:1px solid #f8ece4; background:#fcf7f3;}
.psycho_text p{margin:0px; padding:0px; letter-spacing:1px; line-height:18px; }
.psycho_text_r{ padding:4px; margin:4px; border:1px solid #b9cbeb; background:#e4ebf8;}
.psycho_text_r p{margin:0px; padding:0px; letter-spacing:1px; line-height:18px;}
#psycho_memo {padding:4px; margin:4px; color:#3366CC; border:1px dashed #b9cbeb; background:#FFFFFF;}
.psycho dl{margin:10px 0px 0px 0px;}
.psycho dt{color:#FF3300;}
.psycho dd{ margin:0px;}
div.psycho p.index{padding:0px 0px 20px 0px;}

dl#psycho_dl{ margin:0px 0px 0px 4px; padding:0px;}
dl#psycho_dl dt{ color:#3366cc;}
dl#psycho_dl dt a{margin:0px 0px 0px 4px;}
dl#psycho_dl dd{margin:0px 0px 8px 0px;}

ul#psycho_li {  margin:0px 0px 0px 4px; padding:0px; list-style-type:none; }
ul#psycho_li li{ font-size:14px; font-weight:bold; margin:8px 0px; line-height:20px; }
ul#psycho_li li.A{ padding-left:22px; background:url(../img/psycho/A.gif) no-repeat;}
ul#psycho_li li.B{ padding-left:22px; background:url(../img/psycho/B.gif) no-repeat;}
ul#psycho_li li.C{ padding-left:22px; background:url(../img/psycho/C.gif) no-repeat;}
ul#psycho_li li.D{ padding-left:22px; background:url(../img/psycho/D.gif) no-repeat;}
ul#psycho_li li.E{ padding-left:22px; background:url(../img/psycho/E.gif) no-repeat;}
ul#psycho_li li.F{ padding-left:22px; background:url(../img/psycho/F.gif) no-repeat;}

div#main div.psycho h3{ padding-left:22px; line-height:20px; margin:24px 4px 4px 4px; color:#FF3300;}
div.psycho h3#result_A{ background:url(../img/psycho/A.gif) no-repeat; border:none;}
div.psycho h3#result_B{ background:url(../img/psycho/B.gif) no-repeat; border:none;}
div.psycho h3#result_C{ background:url(../img/psycho/C.gif) no-repeat; border:none;}
div.psycho h3#result_D{ background:url(../img/psycho/D.gif) no-repeat; border:none;}
div.psycho h3#result_E{ background:url(../img/psycho/E.gif) no-repeat; border:none;}
div.psycho h3#result_F{ background:url(../img/psycho/F.gif) no-repeat; border:none;}

#psycho_q { width:400px; font-size:14px; line-height:24px; letter-spacing:2px;  padding:12px 28px 12px 28px; margin:4px auto; color:#ff6600; border:1px dashed #ff6600; background:#FFFFFF;}
p#psycho_q_img{ text-align:center; margin:0px 0px 24px 0px;}
p#psycho_q_text{ height:60px; padding:0px 12px;}
#psycho_button{text-align:center;}
#psycho_button img{margin:0px 50px;}
#psycho_result1_text{text-align:center;font-weight:bold;font-size:16px;}
#psycho_result2_rankA{ height:40px;  padding:18px 0px 0px 200px; font-weight:bold; font-size:18px; border:0px solid #FF6600; background:url(../img/psycho/rankA.gif) no-repeat;}
#psycho_result2_rankB{ height:40px;  padding:18px 0px 0px 200px; font-weight:bold; font-size:18px; border:0px solid #FF6600; background:url(../img/psycho/rankB.gif) no-repeat;}
#psycho_result2_rankC{ height:40px;  padding:18px 0px 0px 200px; font-weight:bold; font-size:18px; border:0px solid #FF6600; background:url(../img/psycho/rankC.gif) no-repeat;}
#psycho_result2_rankD{ height:40px;  padding:18px 0px 0px 200px; font-weight:bold; font-size:18px; border:0px solid #FF6600; background:url(../img/psycho/rankD.gif) no-repeat;}
#psycho_result2_rankE{ height:40px;  padding:18px 0px 0px 200px; font-weight:bold; font-size:18px; border:0px solid #FF6600; background:url(../img/psycho/rankE.gif) no-repeat;}

#blogparts{ width:600px; }
div.psycho div#blogparts h3{margin:2px 0px 10px 0px; padding:0px; border:0px; color:#ff6000;}
div.psycho div#blogparts h4{margin:0px 0px 2px 0px; padding:0px; border:0px; color:#ff6000;}
div.psycho div#blogparts h4.blogparts_margin{margin:20px 0px 0px 0px;}
#blogparts_01{padding:0px 0px 6px 0px;}
#blogparts_sample{margin:0px 0px 0px 0px;}
#blogparts_sample p{margin:0px; margin:0px 0px 8px 0px;}
#blogparts_sample h5 {font-size:120% ;margin: 10px 20px 8px 0px; color: #ff6699;border-bottom: 1px dashed #999999;}

.blogparts_sample_left{ padding:0px 8px 0px 0px; float:left;}


#blogparts_text{width:410px;  float:left; }
#blogparts textarea{ width:300px; height:50px; overflow:auto; font-size:14px;}
div.box_01{  padding:0px 6px; clear:both; border:1px solid #ffdba6; background-color:#fff6e8;}
div.box_01 p{font-weight:bold;}
#blogparts ul.bloglist{padding:0px 0px 0px 16px; margin:0px;}
#blogparts ul.bloglist li{ list-style-type:disc;}
#blogLink {font-size:9px;text-align:center; margin:0px;padding:0px; line-height:9px;}
#blogLink a{text-decoration:none; color:#000066;}

#seiza_data {margin:0px 0px 0px 6px;}

#animal_list li {list-style-type:none;}
#animal_list .h{ color:#ff8040; margin: 12px 0px 0px 0px;}
.animal_result h2{ font-size:24px; padding:12px 0px 0px 0px; border:none;}
.animal_result span{color:#FF0000;}