@charset "UTF-8";

/* CSS Infomation =======================================================
Filename: style.css
Description: Style for Hawgholic
Version: 1.0
Modified: 11/12/04
Content:
* Main Visual
========================================================================= */

@import "../_common/_css/basestyle.css"; /* サイト共通スタイル取り込み */

/* ---------------------------------------------------------------------- */
/* トップカラム BOX設定 */
/* ---------------------------------------------------------------------- */

div#topcolumn h2
{
margin-bottom: 15px;
}


/* ---------------------------------------------------------------------- */
/* メインカラム BOX設定 */
/* ---------------------------------------------------------------------- */

div#main
{
float: left;
width: 710px;
margin-bottom: 20px;
}

div#main div.section
{
margin-bottom: 30px;
}


/* ---------------------------------------------------------------------- */
/* サブカラム BOX設定 */
/* ---------------------------------------------------------------------- */
div#sub
{
float: right;
margin-right: 10px;
width: 200px;
display: inline;
}

*html div#sub
{
margin-right: 5px;
}

div#sub div.section
{
margin-bottom: 25px;
}


/* ---------------------------------------------------------------------- */
/* メインカラム 詳細設定 */
/* ---------------------------------------------------------------------- */
div#main h2
{
margin-bottom: 15px;
}

div#main span.attention
{
color: red;
font-size: 0.9em;
}

/* ---------------------------------------------------------------------- */
/* フォームテーブル */
/* ---------------------------------------------------------------------- */
table
{
margin-bottom: 2em;
border: solid 1px #CCCCCC;
width: 705px;
}

table th,
table td
{
border-left: solid 1px #CCCCCC;
border-bottom: dotted 1px #CCCCCC;
font-size: 1.2em;
}

table th
{
width: 12em;
text-align: center;
vertical-align: middle;
}

table th img
{
margin-left: 5px;
}

table td
{
padding-left: 1em;
}

label
{
margin-right: 30px;
}

input.short
{
width: 50%;
}

select
{
width: 10%;
}

td input,
td textarea,
td select
{
border-top: solid 1px #D9D7C7;
border-left: solid 1px #D9D7C7;
border-bottom: solid 1px #ECE9D8;
border-right: solid 1px #ECE9D8;
}


/* ---------------------------------------------------------------------- */
/* プライバシー情報 */
/* ---------------------------------------------------------------------- */
div#privacy-notice
{
width: 700px;
margin-bottom: 2em;
}

div#privacy-notice p
{
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0.5em;
font-size: 1.2em;
}

/* ---------------------------------------------------------------------- */
/* 送信・リセットボタン */
/* ---------------------------------------------------------------------- */
div#buttons
{
text-align: center;
}

input.submit,
input.back
{
font-size: 1.4em;
font-weight: bold;
}

/* ---------------------------------------------------------------------- */
/* 完了画面 */
/* ---------------------------------------------------------------------- */
div#complete
{
width: 645px;
padding: 60px 30px;
font-size: 1.3em;
border: solid 1px #bbbbbb;
}

div#complete p
{
margin-bottom: 0.5em;
}

div#complete p.note
{
margin-top: 0.5em;
font-style: italic;
font-size: 1.1em;
}


input.submit,
input.back
{
font-size: 1.4em;
font-weight: bold;
}


/* ---------------------------------------------------------------------- */
/* サブカラム 詳細設定 */
/* ---------------------------------------------------------------------- */
div#sub h3
{
margin-bottom: 20px;
}

div#blog
{
margin-bottom: 0;
}

div#sub dl
{
width: 200px;
/* line-height: 2.1; */
}

div#sub div#about
{
border: solid 1px #9C9A9C;
font-size: 1.2em;
}

div#sub div#about h3
{
margin-top: 10px;
margin-left: 10px;
margin-bottom: 1em;
}

div#sub div#about p
{
margin-left: 20px;
text-indent: 0;
}

div#sub div#about strong
{
display: block;
margin-bottom: 5px;
font-size: 1.1em;
}

div#sub div#about a#more,
div#beta div#about a#more
{
display: inline;
float: right;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 20px;
font-size: 1.2em;
}