@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
*{
margin: 0;
padding:0;
text-decoration:none;
font-weight: normal;
}

body {
font-size:75%;line-height: 1.5;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
background-color: #EDEFEE;
background-image: url("./images/header-side.gif");
background-repeat:repeat-x;
}

img {border: none;vertical-align: top;margin:10px}
img.right{float:right;margin:0 15px;}
img.left{float:left;margin:0 15px;}
img.center{
margin:0 auto;
display:block;
}

p{color: #333;}
p.right{text-align:right;clear: both;}
p.center{text-align:center;clear: both;}
p.left{text-align:left;clear: both;}
p.caption{text-align:center;margin:0;padding:0 0 12px;clear: both;}

p.more {padding:4px 14px;text-align:center;}
p.more a{padding-left:16px;background: url("./images/greenblink.gif") ;background-repeat:no-repeat;}



/* 全体
---------------------------------------------------- */
#wrapper{
width: 940px;margin: 0 auto;

}

/* ヘッダー
---------------------------------------------------- */
#header{
clear: both;
text-align:right;
height: 69px;
background-image: url("./images/header.gif");
color:#fff;
padding:15px 25px 0 0;
}

#header h1{font-size:100%;color:#fff;}
#header h2{font-size:100%;color:#fff;}
#header p{font-size:100%;color:#fff;}
#header a{color:#fff;}

/* トピックパス
---------------------------------------------------- */
/* トピックパス
---------------------------------------------------- */
#topicpath {
text-align: right;
margin: 8px 30px 0 0;
}

#topicpath a{
color: #666;
}

#topicpath ul#navigator li {
display: inline;
}


/* 新着情報
---------------------------------------------------- */
#new dl{
padding:10px 20px;
}

#new dl dd{
padding-bottom:10px;
}

/* コンテンツ
---------------------------------------------------- */
#content01{
width: 760px;
float:left;
}

#content02{
width: 180px;
float:right;
}


/* プライマリィコンテンツ
---------------------------------------------------- */
#primary {
width:580px;
float: right;
}

#primary-header {
background-image:url("./images/primary-header.gif");
height:26px;
color:#fff;
padding:17px 0 0 35px;
overflow:hidden;
}

#primary-body {
background-image:url("./images/primary-body.gif");
padding:15px 20px;
min-height:400px;
}

#primary h3{
font-size:100%;
}

#primary h4{
font-size:100%;
background-image:url("./images/primary-h4.gif");
height:21px;
padding:3px 0 0 30px;
overflow:hidden;
clear: both;
}

#primary h5{
font-size:100%;
height:20px;
padding:3px 0 0 10px;
margin:10px;
background-image:url("./images/primary-h5.gif");
clear: both;
}

#primary-body div.section{
padding-bottom:20px;
}

#primary-body div.section-yellow{
padding:5px;
border: 1px solid  #aaa;
background-color:#ff5;
margin:5px 30px;
}
#primary p{margin:12px;}
#primary ol{padding-left:50px;}
#primary ul{padding-left:50px;}
#primary td{padding:5px;}

#primary-footer{
clear: both;
height:50px;
background-image: url("./images/primary-footer.gif");
}

#primary-footer h3{font-size:10px;text-align:center;}
#primary-footer a{color:#999;}

/* サブコンテンツ
---------------------------------------------------- */
.sub {
width: 180px;
padding-top:5px;
float: left;
}

/* サイドナビゲーション
---------------------------------------------------- */
#sidenav {
margin-top:5px;
}

#sidenav ul {
list-style: none;
overflow: hidden;
}

#sidenav ul li a {
padding:5px 0 0 20px;
height: 25px;
color: #666;
display: block;
background: url("./images/menu.gif") no-repeat 0px 0px;
}

#sidenav ul li a:hover {
padding-left:25px;
color: #333;
background: url("./images/menu.gif") no-repeat 0px -30px;
}


/* 全ページコラム（サイドに表示）
---------------------------------------------------- */
.sidecol{color: #666;}

.sidecol-header{
background-image:url("./images/sidecol-header.gif");
height:13px;
}

.sidecol-title h3{
color:#fff;
font-size:100%;
margin:0 5px 0x 8px;
padding-bottom:4px;
}

.sidecol-title{
background-image:url("./images/sidecol-title.gif");
padding:0 15px;
}


.sidecol-body{
background-image:url("./images/sidecol-body.gif");
padding:5px 15px;
}

.sidecol-footer{
background-image:url("./images/sidecol-footer.gif");
height:19px;
overflow:hidden;
}
div#rss{text-align:center;}
div#rss a{color:#666;}





/* フォーム
---------------------------------------------------- */

fieldset {
margin: 0;
padding: 0.5em 0 1.3em 0;
border-width: 1px;
border-color: #726d6b;
border-style: none none dotted none;
}

fieldset#last {
border-bottom: none;
}

.label {
clear: left;
display: block;
padding-top: 0.8em;
padding-left: 10px;
float: left;
width: 120px;
line-height: 2em;
}

.labelred {
clear: left;
display: block;
padding-top: 0.8em;
padding-left: 10px;
float: left;
width: 120px;
line-height: 2em;
color: red;
}

.control {
display: block;
margin: 0 0 0 130px;
padding-top: 0.8em;
line-height: 2em;
}

.notice {
display: block;
margin: 0 0 0 130px;
padding-top: 0.8em;
line-height: 1.2em;
}


input, select, textarea {
border-style: solid;
border-width: 1px;
border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
vertical-align: middle;
color: #696969;
background: #f1f1ed;
font-size: small;
}

input.radio {
border-style: none;
color: #000000;
background: transparent;
}

.caution {
color: #f00;
margin: 0 20px;
}

/* 入力部品の幅設定
---------------------------------------------------- */
#mail1, #mail2, #url{width: 290px;}
#name1, #name2,#tanto{width: 290px;}
#post1, #post2 {width: 60px;}
#addr01, #addr02 {width: 290px;}
#tel1, #tel2, #tel3 {width: 60px;}
#comment {width:290px;}

/* 送信ボタン
---------------------------------------------------- */
#submit input {
margin-left: 0.5em;
border-width: 2px;
border-color: #C6E19A #77A230 #77A230 #C6E19A;
width: 6em;
vertical-align: middle;
color: #ffffff;
background: #90C43A;
}

#submit {
margin-top: 1em;
color: #444444;
}

#submit p {
margin: 0;
padding: 10px;
text-align: right;
}

#error p {
padding: 10px;
}

/* ナビゲーション
---------------------------------------------------- */

#form-nav  {
margin: 10px 1px 10px 7px;
border-bottom: 1px dotted #999;
line-height: 1.0;
}

#form-nav ul{
list-style-type:none;
background: #fff;
}

#form-nav li{
padding: 8px 0px 8px 5px;
border-right: 1px dotted #999;
border-top: 1px dotted #999;
}

#form-nav li.on{
color: #000;
border-left: 6px solid #6FAF1E;
}

#form-nav  li.off{
color: #ccc;
border-left: 6px solid #999;
}

table.gray tr{
border: 1px solid #999;
}