@charset "utf-8";

/* ひまわり先生　[ himawarisensei.css ]
=================================
1: 共通

2: ひまわり先生トップ　[ id="top" ]

3: 更新・バックアップ情報　[ id="upgrade" ]

4: よくあるご質問　[ id="qa" ]

5: トラブルシューティング　[ id="errorcode" ]

6: お問い合わせ　[ id="reference" ]

7: ユーザー登録　[ id="user" ]

8: 採点ペン　症状からみる対策　[ id="saiten_code" ]

9: ひまわり先生サポートデスク　[ id="support" ]

10: マニュアルのダウンロード　[ id="manual" ]

=================================*/


/*1: 共通
=================================*/
#main-col p.bt-rss {
	margin: -30px 10px 0 0;
	padding: 0;
	text-align: right;
}

#main-col p.bt-rss2 {
	margin: -30px 100px 0 0;
	padding: 0;
	text-align: right;
}

#main-col p.bt-ichiran {
	margin: -20px 10px 0 0;
	padding: 0;
	text-align: right;
}

#main-col p {
	margin: 10px 10px 0;
}

#main-col p.pagetop {
	text-align: right;
}

#main-col .nav_right {
	display: inline;
	margin: 0 10px 0 5px;
	padding: 0 0 0 10px;
	background: url(/img/arrow_red_s.gif) no-repeat 0 50%;
	float: right;
}


/*表
---------------------------------*/
#main-col table {
	width: 510px;
	margin: 5px 10px 0;
	border-collapse: collapse;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

#main-col table th {
	width: auto;
	padding: 7px;
	background-color: #ffeeee;
	border-collapse: collapse;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	font-weight: bold;
	text-align: center;
}

#main-col table th.width1 {
	width: 20%;
}

#main-col table th.width2 {
	width: 35%;
}

#main-col table th.width3 {
	width: 45%;
}

#main-col table th.width4 {
	width: 20%;
}

#main-col table th.width5 {
	width: 60%;
}

#main-col table th.width6 {
	width: 65%;
}

#main-col table th.width7 {
	width: 10%;
}

#main-col table td {
	width: auto;
	padding: 7px;
	border-collapse: collapse;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#main-col table td p,
#main-col table td ul,
#main-col table td dl {
	margin: 0 0 5px;
}

#main-col table td .margin2 {
	margin: 0;
}

#main-col table td dl.dl_in_table,
#main-col table td ul.dl_in_table{
	margin: 0;
}

#main-col table td dl.dl_in_table dt {
	font-weight: bold;
	padding: 0 0 0 20px;
	background: url(../../himawarisensei/img/icon_disc.gif) no-repeat 0 0.1em;
}

#main-col table td dl.dl_in_table dt.icon-cap {
	background: url(../../himawarisensei/img/icon_kome.gif) no-repeat 0 center;
}

#main-col table td dl.dl_in_table dd {
	padding: 0 0 5px 20px;
}

#main-col ul.bordered_ul {
	width: 510px;
	margin: 5px 10px 0;
	border: 1px solid #dddddd;
}

#main-col ul.bordered_ul li {
	margin: 10px;
}

/*アイコン
---------------------------------*/
#main-col .icon-disc { background: url(../../himawarisensei/img/icon_disc.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-disc2 { background: url(../../himawarisensei/img/icon_disc.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;font-weight:bold;}
#main-col .icon-01 { background: url(../../himawarisensei/img/icon_01.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-02 { background: url(../../himawarisensei/img/icon_02.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-03 { background: url(../../himawarisensei/img/icon_03.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-04 { background: url(../../himawarisensei/img/icon_04.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-05 { background: url(../../himawarisensei/img/icon_05.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-06 { background: url(../../himawarisensei/img/icon_06.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-07 { background: url(../../himawarisensei/img/icon_07.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-08 { background: url(../../himawarisensei/img/icon_08.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-09 { background: url(../../himawarisensei/img/icon_09.gif) no-repeat 0 5px; padding: 3px 0 2px 20px;}
#main-col .icon-cap { background: url(../../himawarisensei/img/icon_kome.gif) no-repeat 0 5px; padding: 3px 0 2px 20px; }
#main-col .icon-pdf { background: url(../../img/icon_pdf.gif) no-repeat 0 5px; padding: 3px 0 2px 20px; }
#main-col .icon-arw { background: url(../../img/arrow_red_s.gif) no-repeat 10px 5px; padding: 3px 0 2px 20px; }



/*2: ひまわり先生トップ　[ id="top" ]
=================================*/
#top #main-col h2 {
	margin: 20px 0 0;
}

#top #main-col .multicol {
	width: 510px;
	margin: 10px 10px 0;
}

#top #main-col .multicol p {
	margin: 0;
}

#top #main-col .multicol .leftcol,
#top #main-col .multicol .rightcol {
	width: 245px;
}


#top #main-col .multicol strong {
	display: block;
	margin: 0 0 5px;
}

#top #main-col .margin2 {
	padding: 10px 0 0;
}

#top #main-col span.cap {
	display: block;
	margin: 5px 0 0 5px;
	text-align: center;
}

#top #main-col span.caplong {
	display: block;
	margin: 3px 0 0;
	text-align: left;
}

#top div.row-wrap {
	margin: 5px 0 0 10px;
}

#top div.item-box {
	float: left;
	width: 130px;
}

#top div.item-box p.img {
	width: 120px;
	height: 162px;
	text-align: center;
	vertical-align: middle;
}

#top div.item-box p.img img {
	padding: 10px;
	border: 1px solid #dddddd;
}

#top div.item-box p {
	margin: 10px 8px 0 0;
}

#top div.new {
	margin: 10px 10px;
	padding: 3px 0 10px;
    border: thin red dotted; 
}

#top p.kuwasiku {
	text-align: right;
}

#top #main-col dl {
	margin: 15px 10px 0;
}

#top #main-col dl dt {
	width: 5.0em;
	margin: 5px 0 0;
	color: #e60011;
	font-weight: bold;
}

#top #main-col dl dd {
	margin: -1.4em 0 0 4em;
}

/*ポップアップ
---------------------------------*/
#popup {
	text-align: center;
}

#popup h1 {
	margin: 0;
	padding: 0;
}

#popup h1 img {
	vertical-align: bottom;
}

#popup p {
	margin: 15px 0 0;
	text-align: center;
}

#popup #multicol {
	width: 600px;
	margin: 0 auto;
	padding: 10px 0;
	border-bottom: 3px solid #ff9900;
}

#popup #multicol .leftcol {
	width: 200px;
}

#popup #multicol p.rightcol {
	width: 45px;
	margin: 0;
	padding: 25px 0 0;
}



/*3: 更新・バックアップ情報　[ id="upgrade" ]
=================================*/
#upgrade #main-col h2 {
	margin: 30px 0 10px;
}

#upgrade #main-col h3 {
	margin: 20px 0 10px;
}

#upgrade #main-col p.link-manual {
	text-align: right;
}

#upgrade #main-col p.link-manual a {
	padding: 0 0 0 10px;
	background: url(../../img/arrow_red_s_down.gif) no-repeat 0 50%;
}

#upgrade #main-col p.red {
	color: red;
}

#upgrade #main-col ul.nav {
	margin: 5px;
}

#upgrade #main-col ul.nav li {
	display: inline;
	margin: 0px;
	padding: 17px;
	background: url(../../img/icon_pdf.gif) no-repeat 0 50%;
}

#upgrade #main-col table td dl.dl_multi_ver dt{
	font-weight: bold;
	margin: 30px 0  0;
}

#upgrade #main-col table td img.icon_taiou{
	padding: 0 0 2px 5px;
}

#upgrade #main-col ul.navi_in_page {
	margin: 5px 20px 0;
}

#upgrade #main-col ul.navi_in_page li {
	margin: 0px;
	padding: 0 0 0 10px;
	background: url(../../img/arrow_red_s.gif) no-repeat 0 50%;
}


#upgrade #main-col .default_hidden{
	display: none;
}

/*4: よくあるご質問　[ id="qa" ]
=================================*/
#qa #main-col h2 {
	margin: 20px 0 0;
}

#qa #main-col dl {
	margin: 15px 10px 0;
}

#qa #main-col dl dt {
	width: 2.5em;
	margin: 5px 0 0;
	color: #e60011;
	font-weight: bold;
}

#qa #main-col dl dd {
	margin: -1.4em 0 0 3em;
}

#qa table {
	margin-top: 20px;
}

#qa table th {
	width: 2em;
}

#qa #main-col table td p.icon-pdf {
	padding: 0 0 0 15px;
	background: url(../../img/icon_pdf.gif) no-repeat 0 2px;
}

/*サポートデスク
---------------------------------*/
#qa #main-col #support-box {
	margin: 25px 0 0;
	padding: 0;
	background: url(../../himawarisensei/img/bg_support.gif) no-repeat 0 100%;
}

#qa #main-col #support-box p {
	margin: 0;
}

#qa #main-col #support-box div.multicol {
	width: 500px;
	margin: 0 15px;
	padding: 15px 0;
}

#qa #main-col #support-box div.multicol .leftcol {
	width: 391px;
}

#qa #main-col #support-box div.multicol .leftcol p.link {
	padding: 10px 0 0;
}

#qa #main-col #support-box div.multicol .rightcol {
	width: 106px;
}




/*5: トラブルシューティング　[ id="errorcode" ]
=================================*/
#errorcode #main-col h2,
#errorcode #main-col h3 {
	margin: 20px 0 0;
}

#errorcode #main-col ul.error-ichiran {
	margin: 10px 10px 0;
}

#errorcode #main-col dl {
	margin: 15px 10px 0;
}

#errorcode #main-col dl dd {
	margin: 5px 0 0;
	font-weight: bold;
}

#errorcode #main-col dd img{
	margin: 0 4px 0 0;
}

#errorcode #main-col table th {
	width: 3.5em;
	text-align: left;
}

#errorcode #main-col p.icon-cap {
	margin-top: 5px;
}

/*サポートデスク
---------------------------------*/
#errorcode #main-col #support-box {
	margin: 25px 0 0;
	padding: 0 0 15px;
	background: url(../../himawarisensei/img/bg_support.gif) no-repeat 0 100%;
}

#errorcode #main-col #support-box p {
	margin: 0;
}

#errorcode #main-col #support-box div.multicol {
	width: 500px;
	margin: 0 15px;
	padding: 15px 0 0;
}

#errorcode #main-col #support-box div.multicol .leftcol {
	width: 391px;
}

#errorcode #main-col #support-box div.multicol .leftcol p.link {
	padding: 10px 0 0;
}

#errorcode #main-col #support-box div.multicol .rightcol {
	width: 106px;
}

#errorcode #main-col #support-box p.txt,
#errorcode #main-col #support-box ul {
	margin: 10px 15px 0;
}



/*6: お問い合わせ　[ id="reference" ]
=================================*/

#reference #sub-col #ssl{
  padding-top: 10px;
  font-size: 11px;
}

#reference #main-col h2 {
	margin: 10px 0 0;
}

#reference #main-col h3 {
	margin: 20px 0 0;
}

#reference #main-col p.txt {
	margin: 10px 10px 0;
}

#reference #main-col p.tx-c {
	margin: 10px 10px 0;
	text-align: center;
}

#reference #main-col .red {
	color: #ff0000;
}

#reference #main-col div.box-01 {
	margin: 20px 10px 0;
	padding: 1px 0 0;
	background: url(../../contact/img/bg_round_top.gif) no-repeat 0 0;
}

#reference #main-col div.box-01 div.wrap {
	padding: 10px 10px 0;
	background: url(../../contact/img/bg_round_bottom.gif) no-repeat 0 100%;
}

#reference #main-col div.box-01 div.wrap p {
	padding: 0 10px 10px;
}

#reference #main-col div.box-01 ul {
	padding: 0 10px 10px;
}

#reference #main-col div.box-01 ul li ul {
	padding: 0;
}

#reference #main-col div.box-01 p {
	margin: 0 0 5px;
}

#reference #main-col p.link {
	margin: 30px 10px 0;
}

#reference div.red_box {
	border: 1px solid #DDDDDD;
	background: #FCE5E7;
	padding: 0 10px 10px;
	margin: 10px 10px 0;
}

#reference div.red_box p.red_title{
	font-weight: bold;
}


/*フォーム
---------------------------------*/
#reference table {
	width: 510px;
	margin: 15px 10px 0;
	border-collapse: collapse;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

#reference table th {
	width: 23%;
	padding: 7px 5px;
	background-color: #fce5e7;
	border-collapse: collapse;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	font-weight: bold;
	text-align: left;
}

#reference table td {
	width: 77%;
	padding: 7px 5px 7px 10px;
	border-collapse: collapse;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#reference table td p {
	margin: 5px 0 0;
}

#reference table td p.error {
	margin: 0;
	color: #ff0000;
}

#reference table td textarea {
	width: 95%;
}

#reference table td table {
	width: auto;
	margin: 0 0 5px;
	padding: 0;
	border: none;
}

#reference table td table td {
	width: auto;
	margin: 0;
	padding: 0 10px 0 0;
	border: none;
}

#reference .btn-box {
	margin: 10px 10px 0;
	text-align: center;
}

#reference #main-col .icon-cap {
	font-size: 85%;	
}

#reference #main-col .w50 {
	width: 50px;
}

#reference #main-col .w130 {
	width: 130px;
}

#reference #main-col .w200 {
	width: 200px;
}

#reference #main-col .w300 {
	width: 300px;
}

/*7: ユーザー登録　[ id="user" ]
=================================*/
#user #sub-col #ssl{
  padding-top: 10px;
  font-size: 11px;
}

#user #main-col h2 {
	margin: 10px 0 0;
}

#user #main-col h3 {
	margin: 20px 0 0;
}

#user #main-col p.txt {
	margin: 10px 10px 0;
}

#user #main-col p.tx-c {
	margin: 10px 10px 0;
	text-align: center;
}

#user #main-col .red {
	color: #ff0000;
}

#user #main-col div.box-01 {
	margin: 20px 10px 0;
	padding: 1px 0 0;
	background: url(../../contact/img/bg_round_top.gif) no-repeat 0 0;
}

#user #main-col div.box-01 div.wrap {
	padding: 10px 10px 0;
	background: url(../../contact/img/bg_round_bottom.gif) no-repeat 0 100%;
}

#user #main-col div.box-01 ul {
	padding: 0 10px 10px;
}

#user #main-col div.box-01 ul li ul {
	padding: 0;
}

#user #main-col div.box-01 p {
	margin: 0 0 5px;
}

#user #main-col p.link {
	margin: 30px 10px 0;
}

#user div.red_box {
	border: 1px solid #DDDDDD;
	background: #FCE5E7;
	padding: 0 10px 10px;
	margin: 10px 10px 0;
}

#user div.red_box p.red_title{
	font-weight: bold;
}

/*フォーム
---------------------------------*/
#user table {
	width: 510px;
	margin: 15px 10px 0;
	border-collapse: collapse;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

#user table th {
	width: 23%;
	padding: 7px 5px;
	background-color: #fce5e7;
	border-collapse: collapse;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	font-weight: bold;
	text-align: left;
}

#user table td {
	width: 77%;
	padding: 7px 5px 7px 10px;
	border-collapse: collapse;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#user table td p {
	margin: 5px 0 0;
}

#user table td p.error {
	margin: 0;
	color: #ff0000;
}

#user table td textarea {
	width: 95%;
}

#user table td table {
	width: auto;
	margin: 0 0 5px;
	padding: 0;
	border: none;
}

#user table td table td {
	width: auto;
	margin: 0;
	padding: 0 10px 0 0;
	border: none;
}

#user .btn-box {
	margin: 10px 10px 0;
	text-align: center;
}

#user #main-col .icon-cap {
	font-size: 85%;	
}

#user #main-col .w50 {
	width: 50px;
}

#user #main-col .w130 {
	width: 130px;
}

#user #main-col .w200 {
	width: 200px;
}

#user #main-col .w300 {
	width: 300px;
}

/*8: 採点ペン　[ id="saiten" ]
=================================*/

#saiten #main-col h2 {
	margin: 20px 0 0;
}

#saiten #main-col .multicol {
	width: 510px;
	margin: 10px 10px 0;
}

#saiten #main-col .multicol p {
	margin: 0;
}

#saiten #main-col .multicol strong {
	display: block;
	margin: 0 0 5px;
}


#saiten div.dosa {
	margin: 10px 10px;
	padding: 3px 0 10px;
    border: thin orange dotted;
	font-size:smaller;
}

#saiten div.attention {
	margin: 10px 10px;
	padding: 3px 0 10px;
    border: thin red dotted;
	font-size:smaller;
}

#saiten #main-col p.icon-pdf {
	padding: 0 0 0 15px;
	background: url(../../img/icon_pdf.gif) no-repeat 0 2px;
}

#saiten #main-col p.attention {
    color:#FF0000;
}


/*8: 採点ペン　症状からみる対策　[ id="saiten_code" ]
=================================*/
#saiten_code #main-col h2,
#saiten_code #main-col h3 {
	margin: 20px 0 0;
}

#saiten_code #main-col ul.error-ichiran {
	margin: 10px 10px 0;
}

#saiten_code #main-col dl {
	margin: 15px 10px 0;
}

#saiten_code #main-col dl dd {
	margin: 5px 0 0;
	font-weight: bold;
}

#saiten_code #main-col table{
	margin: 3px 10px 7px;
}

#saiten_code #main-col table th {
	text-align: left;
	font-weight:normal;
}

#saiten_code #main-col table td.taisho {
	width: 3em;
	text-align: center;
	font-weight:normal;
}

#saiten_code #main-col p.icon-cap {
	margin-top: 5px;
}

/*サポートデスク
---------------------------------*/
#saiten_code #main-col #support-box {
	margin: 25px 0 0;
	padding: 0 0 15px;
	background: url(../../himawarisensei/img/bg_support.gif) no-repeat 0 100%;
}

#saiten_code #main-col #support-box p {
	margin: 0;
}

#saiten_code #main-col #support-box div.multicol {
	width: 500px;
	margin: 0 15px;
	padding: 15px 0 0;
}

#saiten_code #main-col #support-box div.multicol .leftcol {
	width: 391px;
}

#saiten_code #main-col #support-box div.multicol .leftcol p.link {
	padding: 10px 0 0;
}

#saiten_code #main-col #support-box div.multicol .rightcol {
	width: 106px;
}

#saiten_code #main-col #support-box p.txt,
#saiten_code #main-col #support-box ul {
	margin: 10px 15px 0;
}

/*9: ひまわり先生サポートデスク　[ id="support" ]
===================================================*/

#support #main-col h2 {
	margin: 20px 0 0;
}

#support #main-col div.box-01 {
	margin: 3px 10px;
	padding: 1px 0 0;
	background: url(/himawarisensei/img/bg_round_top.gif) no-repeat 0 0;
}

#support #main-col div.box-01 div.wrap {
	padding: 10px 10px 0;
	background: url(/himawarisensei/img/bg_round_bottom.gif) no-repeat 0 100%;
}

#support #main-col div.box-01 div.wrap p {
	padding: 0 10px 10px;
}

#support #main-col div.box-01 ul {
	padding: 0 10px 10px;
}

#support #main-col div.box-01 ul li ul {
	padding: 0;
}

#support #main-col div.box-01 p {
	margin: 0 0 5px;
}

#support #flow-box {
	margin: 10px 0;
	padding: 0 0 10px;
}

#support #flow-box ul{
	padding: 10px;
}

#support #flow-box li{
	padding: 3px 0;
}

#support #flow-box2 {
	margin: 10px 0 0;
}

#support #flow-box2 li.icon-cap {
	margin: 0 10px;
}

#support div.red_box {
	border: 1px solid #DDDDDD;
	background: #FCE5E7;
	padding: 0 10px 10px;
	margin: 10px 10px 0;
}

#support div.red_box p.red_title{
	font-weight: bold;
}


/*10: マニュアルのダウンロード　[ id="manual" ]
===================================================*/

#manual #main-col h2 {
	margin: 15px 0 5px;
}

#manual #main-col dl {
	margin: 15px 10px 0;
}

#manual #main-col dl dt {
	width: 2.5em;
	margin: 5px 0 0;
	color: #e60011;
	font-weight: bold;
}

#manual #main-col dl dd {
	margin: -1.4em 0 0 3em;
}

#manual table {
	margin-top: 15px;
}

#manual table th {
	width: 2em;
}

#manual #main-col table td p.icon-pdf {
	padding: 0 0 0 15px;
	background: url(../../img/icon_pdf.gif) no-repeat 0 2px;
}

/*10: マニュアルのダウンロード　[ id="manual" ]
===================================================*/

#info #main-col h2 {
	margin: 10px 0 10px;
}

#info #main-col div.info {
	margin: 10px 10px 0;
	border: 3px solid #e60011;
	padding: 0 10px 15px;
	width: 484px;
}