@charset "utf-8";

/***************************************
仕事占い　全般
***************************************/
h1						{padding:10px 0px 10px 0px; text-align:center; background-color:#3333CC; color:#ffffff; font-size:120%;}
h1 a					{text-decoration:none;}
h1 a:link				{color:#ffffff;}
h1 a:visited			{color:#ffffff;}
h1 a:hover				{color:#ffffff;}
h1 a:active				{color:#ffffff;}
h2						{background-color:#3333CC; color:#ffffff; text-align:center;}
h3						{background-color:#ffcccc; color:#000000; text-align:center;}

/***************************************
仕事占い　基本レイアウト
***************************************/
#header					{background-color:#3333CC; color:#ffffff;}
/*#contentbody			{background-image:url(images/header_bg3.gif);}*/
#contentbody			{background-color:#0066FF;}
#maincontent			{background-color:#bbccee;}
#footer					{background-color:#3333CC; color:#ffffff;}
#footer a				{color:#ffffff;}
#footer a:link			{}
#footer a:visited		{}
#footer a:hover			{color:#ffff99;}
#footer a:active		{}

/***************************************
仕事占い　トップページのアイキャッチ
***************************************/
#workBox				{background-color:#3333CC; text-align:center; border-radius:12px; padding-bottom:10px;}
#workTitle				{width:600px;}

/***************************************
仕事占い　メインメニュー
***************************************/
#mainmenu				{background-color:#3333CC; background-image:url(images/mainmenu_bg.gif);}
#menulist				{}
#menulist a				{background-color:#3333CC; background-image:url(images/mainmenu_btn_a.jpg); color:#ffffff; width:248px;}
#menulist a.current		{background-color:#3333CC; background-image:url(images/mainmenu_btn_b.jpg);}
#menulist a:link		{}
#menulist a:visited		{}
#menulist a:hover		{background-color:#3333CC; background-image:url(images/mainmenu_btn_b.jpg);}
#menulist a:active		{}

/***************************************
仕事占い　入力フォーム
***************************************/
.workInput				{margin:20px auto; color:#6666ff;}
.workInput h4			{margin-top:0px; padding-top:0px; font-size:100%;}
#input_form input:focus, #input_form select:focus, #input_form textarea:focus {box-shadow:0px 0px 5px 2px #993300;}
.form_btn				{color:#ffffff; background-color:#993300; background-image:url(images/form_btn.jpg);}
.form_btn_syn			{background-image:url(images/form_btn_syn.jpg);}
.sButton				{background-color:#3333CC; color:#ffffff; border-radius:30px; width:260px; margin:20px auto; padding:10px; text-align:center; border-style:none; font-size:120%;}

/***************************************
仕事占い　結果表示
***************************************/
.workResult				{width:auto; margin:20px 15px 40px 15px; padding:10px; background-color:#ffffff; border-radius:15px; text-align:center;}
.workResult h4			{color:#333399; font-size:120%;}
.workResult p			{color:#333399; font-size:120%;}

/***************************************
仕事占い　有名人・芸能人
***************************************/
div.celebCol			{width:144px; float:left; margin:10px 4px 10px 0px; border:1px solid #999999; border-radius:8px;}
div.celebCol_gg			{width:170px; float:left; margin:10px 4px 10px 0px; border:1px solid #999999; border-radius:8px;}

ul.celebList			{height:270px; white-space:nowrap;}
ul.celebList_gg			{height:auto; white-space:nowrap;}

ul.celebSex				{width:150px; float:left; margin:10px 0px 10px 6px; white-space:nowrap;}