@charset "UTF-8";

/*============================
   上部バナー
============================*/
div#banner{
width: auto;
height: auto;
margin: 0;
padding: 0;
background: #000;
text-align: center;
border-right:2px solid #444;
}

/*============================
   左テキストの段
============================*/
div#mid{
width: auto;
height: 100%;
margin: 0;
padding: 0;
background: #000;
color: #ddd;
text-align: center;
border-right:2px solid #444;
border-bottom:2px solid #444;
}

p{
margin: 0;
padding: 15px 0px 30px 45px;
font-size: 0.9em;
color: #ddd;
line-height: 1.6em;
letter-spacing: 0.05em;
text-align: left;
}

.left a{
text-decoration: none;
color: #ddd;
border-bottom:1px solid #ddd;
}

h3{
margin: 0px;
padding: 25px 0 15px 25px;
font-size: 1.0em;
letter-spacing: 0.08em;
color: #fff;
text-align: left;
font-weight: normal;
}

h4{
margin: 0px 0 35px 45px;
padding: 5px 0 0 0;
font-size: 0.8em;
letter-spacing: 0.05em;
text-align: right;
font-weight: normal;
border-top:1px dotted #444;
text-decoration: none;
}


.left h4 a{
color: #877858;
text-decoration: none;
border-bottom:1px solid transparent;
}


/*============================
   右メニューの段
============================*/
div.right2{
width: 150px;
height: auto;
margin: 0;
padding: 0;
background: transparent;
float: right;
}

div.right2ul{
list-style: none;
margin: 0;
padding: 25px 0 0 0;
text-align: right;
}

div.right2 li{
display: inline;
}

div.right2 li.nolink{
text-decoration: none;
font-weight: normal;
white-space: nowrap;
display: block;
margin: 6px 0;
padding: 2px 5px;
font-size: 0.85em;
letter-spacing: 0.1em;
text-align: left;
color: #444;
background-color: #ffe4e1;
}

div.right2 li a,div.right2 li a:link,div.right2 li a:visited{
text-decoration: none;
font-weight: normal;
white-space: nowrap;
display: block;
margin: 6px 0;
padding: 2px 5px;
font-size: 0.85em;
letter-spacing: 0.1em;
text-align: left;
color: #ddd;
background-color: #cc0000;
}

div.right2 li a:hover{
color: #000;
background-color: #ddd;
}

/*============================
   テーブル
============================*/

table{
margin: 5px 0px 0px 45px;
width:550px;
border: 1px solid #444
}

.price{/*テーブル用デザイン*/
border-collapse: collapse;
}

th{
padding: 2px 6px;
text-align: center;
}

td{
padding: 2px 6px;
text-align: right;
}

td.title{
text-align: left;
}

.w100{
width: 100px;
}

.w120{
width: 120px;
}

.w40{
width: 40px;
}

caption{
margin: 15px 3px 0px 45px;
font-size: 0.9em;
font-weight: normal;
text-align: left;
}

p.tablememo{
margin: 0;
padding: 10px 0px 10px 100px;
font-size: 0.85em;
color: #ddd;
line-height: 1.6em;
letter-spacing: 0.05em;
text-align: left;
}

/*============================
   横並びリスト
============================*/
dl.list {
margin: 2px 0;
padding: 15px 0px 30px 45px;
width: 90%;
font-size: 0.9em;
color: #ddd;
line-height: 1.6em;
letter-spacing: 0.05em;
}

dl.list dt {
margin: 0;
width: 90px;
float: left;
padding: 5px 0px 6px 10px;
color: #ddd;
}

dl.list dd {
padding: 5px 0 5px 150px;
border-bottom: 1px solid #ddd;
}


div.left ul{
list-style: none;
margin: 0;
padding: 15px 50px 10px 45px;
font-size: 0.9em;
color: #ddd;
line-height: 1.6em;
letter-spacing: 0.05em;
text-align: left;
}

div.left li.step{
text-decoration: none;
background-color: #cc0000;
padding: 2px 15px;
}

div.left li.next{
text-decoration: none;
padding: 6px 0 0 0;
}

li span{
font-size: 1.6em;
color: #ddd;
font-weight: bold;
}